/*=========================
HERO
=========================*/

.hero{

    position:relative;

    width:100%;
    height:100vh;

    background:#f7fcfb;

    overflow:hidden;

    display:flex;
    align-items:center;

    padding:0 8%;

}

/*=========================
WORLD MAP
=========================*/

.world-map{

    position:absolute;

    width:100%;
    height:100%;

    left:0;
    top:0;

    opacity:.18;

}

.world-map img{

    width:100%;
    height:100%;

    object-fit:cover;

}

/*=========================
CONTENT
=========================*/

.hero-content{

    position:relative;

    z-index:10;

    max-width:620px;

}

.tagline{

    display:inline-block;

    background:#E53935;

    color:#fff;

    padding:10px 22px;

    border-radius:50px;

    font-size:15px;

    margin-bottom:20px;

}

.hero h1{

    font-size:62px;

    line-height:1.15;

    color:#2F7D1F;

    margin-bottom:25px;

    font-weight:700;

}

.hero p{

    font-size:19px;

    color:#000000;

    line-height:1.8;

    margin-bottom:40px;

}

/*=========================
BUTTONS
=========================*/

.hero-buttons{

    display:flex;

    gap:20px;

}

.btn-primary{

    background:#E53935;

    color:#fff;

    padding:18px 38px;

    text-decoration:none;

    border-radius:8px;

    font-weight:600;

}

.btn-outline{

    border:2px solid #E53935;

    color:#E53935;

    padding:18px 38px;

    text-decoration:none;

    border-radius:8px;

    font-weight:600;

}

/*=========================
FLIGHT PATH
=========================*/

.flight-path{

    position:absolute;

    width:100%;
    height:100%;

    left:0;
    top:0;

}

.flight-path path{

    fill:none;

    stroke:#E53935;

    stroke-width:3;

    stroke-dasharray:12;

}

.plane{

    fill:#E53935;

}

/*=========================
INDIA PIN
=========================*/

.india-marker{

    position:absolute;

    right:22%;

    top:47%;

    z-index:12;

    text-align:center;

}

.india-marker img{

    width:50px;

}

.india-marker span{

    display:block;

    font-weight:600;

    margin-top:8px;

    color:#2F7D1F;

}

/*=========================
PULSE
=========================*/

.pulse{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:18px;
    height:18px;

    background:#E53935;

    border-radius:50%;

    animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

    box-shadow:0 0 0 0 rgba(229,57,53,.6);

}

70%{

    box-shadow:0 0 0 30px rgba(229,57,53,0);

}

100%{

    box-shadow:0 0 0 0 rgba(229,57,53,0);

}

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:992px){

.hero{

    text-align:center;

    justify-content:center;

}

.hero-content{

    max-width:100%;

}

.hero h1{

    font-size:42px;

}

.hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

.india-marker{

    display:none;

}

.flight-path{

    display:none;

}

}

@media(max-width:576px){

.hero h1{

    font-size:34px;

}

.hero p{

    font-size:16px;

}

.btn-primary,
.btn-outline{

    width:100%;

    text-align:center;

}

}