.wrapper {padding-top: 0 !important;}
.navbar.fixed-top {box-shadow: none;}
.navbar.bg-white {box-shadow: 0 1px 40px rgba(0,0,0,0.4);}

/*----- Header ----- */
.homepage_header {
    width: 100%;
    height: 552px;
    background: url(../images/homepage_header.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    padding-top: 110px;
}
.homepage_header h1 {
    font-weight: 200 !important;
    color: #FFFFFF;
    text-shadow: 0 8px 10px rgba(0,0,0,0.7);
    margin-bottom: 20px;
}
.homepage_header h1 b {font-weight: 700 !important;}

.homepage_header .earth_rotate {
    position: relative;
    width: 250px; 
    height: 250px; 
    left: 50px;
}
.homepage_header .speed_test {
    position: relative;
    width: 400px; 
    height: 400px;
    z-index: 2;
    box-shadow: 0 40px 80px rgba(0,0,0,0.5);
    border-radius: 100%;
    right: 50px;
}

/*----- About Us ----- */
.about_peakair {padding: 100px 0 80px 0;}
.about_peakair h2 {
    font-size: 42px;
    font-weight: 300 !important;
}
.about_peakair h2 b {font-weight: 800 !important;}
.about_peakair p {
    font-size: 16px;
    line-height: 35px;
}
.about_peakair .read-more {font-size: 16px !important; font-weight: 500; border-radius: 100px; padding: 10px 20px;}
.about_peakair:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background: url(../images/CircleLarge.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -7%;
    margin-top: -10%;
    animation: spin 4s linear infinite;
}
.about_peakair:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/Circle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 24%;
    margin-top: -45%;
    animation: spin 4s linear infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
/*----- Our Services ----- */

.our_services h3 {
    font-size: 42px;
    font-weight: 300 !important;
    text-transform: uppercase;
}
.our_services h3 b {font-weight: 700 !important;}
.our_services .blue-box {
    width: 100%;
    background: #2282D8;
    height: 600px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    overflow: hidden;
}
.our_services .card-contain {
    position: relative;
    left: -15%; 
    z-index: 1;
}
.our_services .card-contain .card {
    width: 100%; 
    text-align: center; 
    padding: 14px;
    box-shadow: 0 4px 40px rgba(0,0,0,0.1);
    border: none;
}
.our_services .card-contain .card:hover {box-shadow: 0 4px 80px rgba(0,0,0,0.7);}
.our_services .card-contain .card h5 {font-size: 18px !important; font-weight: 400 !important;}
.our_services .card-contain .card img {
    width: 60px; 
    height: auto;
    margin: 7px 0 15px 0;
}
.our_services .services_circle {
    display: block !important; 
    width: 50px;
    height: 50px; 
    float: left;
    border-radius: 100%;
    margin-right: 10px;
}
.our_services .more_services {line-height: 2.7; font-weight: 500; margin-left: 5px;}
.our_services .more_services:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../images/blackarrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: -80px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.our_services .more_services:hover:before {margin-left: -62px;}

/* Internet Connection */
.internet_connection {
    position: relative;
}

.internet_connection h2 {color: #000000; font-weight: 300 !important; line-height: 45px;}
.internet_connection h2 span {font-weight: 500 !important;}
.internet_connection p {color: inherit;}
.internet_connection img {width: 85%; margin: auto;}
.internet_connection .register_now_btn{
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 100px;
    padding: 10px 20px;
    text-transform: uppercase;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}
.internet_connection:after {
    content: '';
    position: absolute;
    width: 250px;
    height: 80px;
    background: url(../images/Circles1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: -50px;
    right: 0;
}

/* Counts */
.counts {
    background: #001668;
    padding: 40px 0;
}
.counts span {
    font-family: 'Heebo', sans-serif;
    font-size: 60px;
    color: #FFFFFF;
    font-weight: 900;
    line-height: 80px;
}
.counts p {color: #FFFFFF !important;}

/* Other Info */
.other_info {padding: 50px 0;}
.other_info h2 {font-size: 33px; font-weight: 300 !important; display: flow-root;}
.other_info h2 b {font-weight: 800 !important;}
.other_info p {line-height: 40px;}
.other_info .focus_high_speed{
    mix-blend-mode: hard-light;
}
.other_info .circles_icon {width: 30px; height: auto; float: left; margin-right: 10px;}
/* Owl Carousel */
.our_partners {padding-bottom: 50px;}
.our_partners h2 {font-size: 42px; font-weight: 400 !important;}
.our_partners h2 b {font-weight: 700 !important;}
.our_partners .our-partners-slider {margin: 40px 0 0 0;}
.our_partners .our-partners-slider .owl-item img {
    width: 90px; 
    height: auto;
    margin: auto;
}

/* Responsive Design */
@media screen and (max-width: 7000px) {
    .about_peakair:before {left: 35%; margin-top: -4%;}
    .about_peakair:after {left: 42%; margin-top: -11.7%;}    
    .internet_connection:after {right: 36%;}
}
@media screen and (max-width: 5000px) {
    .about_peakair:before {left: 29%; margin-top: -4%;}    
    .about_peakair:after {left: 38%; margin-top: -15.5%;}
    .internet_connection:after {right: 32%;}
}
@media screen and (max-width: 3000px) {
    .about_peakair:before {left: 19%; margin-top: -6%;}  
    .about_peakair:after {left: 33%; margin-top: -23.5%;}
    .internet_connection:after {right: 24%;}
}
@media screen and (max-width: 2000px) {
    .about_peakair:before {left: 8%; margin-top: -8%;}
    .about_peakair:after {left: 28%; margin-top: -30.5%;}
    .internet_connection:after {right: 16%;}
}
@media screen and (max-width: 1800px) {
    .about_peakair:before {left: 0; margin-top: -8%;}
    .about_peakair:after {left: 26%; margin-top: -34.5%;}
    .internet_connection:after {right: 12%;}
}
@media screen and (max-width: 1600px) {
    .about_peakair:before {margin-top: -10%;}
    .about_peakair:after {margin-top: -36.5%;}
    .internet_connection:after {right: 8%;}
}
@media screen and (max-width: 1440px) {
    .about_peakair:before {left: -7%; margin-top: -10%;}
    .about_peakair:after {left: 22%; margin-top: -41.5%;}
    .internet_connection:after {right: 4%;}
}
@media screen and (max-width: 1380px) {
    .about_peakair:after {left: 24%; margin-top: -50%;}    
    .about_peakair:before {left: -7%; margin-top: -10%;}
    .internet_connection:after {right: 0;}
}
@media screen and (max-width: 1200px) {
    .about_peakair:before {left: -5%;}
    .about_peakair:after {margin-top: -50%;}
}
@media screen and (max-width: 1024px) {
    .homepage_header {background: url(../images/homepage_header.svg); height: 448px; background-size: cover;}
    .homepage_header .speed_test {width: 350px; height: 350px;}
    .about_peakair {padding-top: 160px;}
    .about_peakair:before {margin-top: -17%;}
    .about_peakair:after {margin-top: -58%;}
}
@media screen and (max-width: 991px) {
    .navbar .navbar-toggler {color: #FFFFFF !important;}
    .navbar.bg-white .navbar-toggler {color: #000000 !important;}
    .about_peakair {padding-top: 100px;}
    .about_peakair:after {margin-top: -108%;}
    .our_services .blue-box {height: auto;}
    .other_info img {margin-bottom: 30px;}
    .our_partners .owl-nav {display: none !important;}
    .homepage_header {background: url(../images/homepage_header_md_landscape.svg); height: 420px !important;}
    .homepage_header .earth_rotate {
        width: 200px !important;
        height: 200px !important;
        left: 30px !important;
    }
    .homepage_header .speed_test {
        width: 250px !important;
        height: 250px !important;
        right: 30px !important;
    }
    .internet_connection h2 {
        line-height: 40px !important;
        font-size: 25px;
    }
    .our_services .card-contain {left: 0 !important;}
}
@media screen and (max-width: 950px) {
    .homepage_header {background-size: cover; height: 437px !important;}
}
@media screen and (max-width: 920px) {
    .homepage_header {height: 429px !important;}
}
@media screen and (max-width: 900px) {
    .homepage_header {height: 420px !important;}
}
@media screen and (max-width: 880px) {
    .homepage_header {height: 399px !important;}
    .about_peakair:before {left: -11%;}
    .about_peakair:after {margin-top: -114%;}    
}
@media screen and (max-width: 850px) {
    .homepage_header {height: 396px !important;}
}
@media screen and (max-width: 830px) {
    .homepage_header {height: 384px !important;}
    .about_peakair:before {margin-top: -13%;}
    .about_peakair:after {margin-top: -119%;}
}
@media screen and (max-width: 768px) {
    .homepage_header {height: 360px !important;}
    .homepage_header .earth_rotate {width: 150px !important; height: 150px !important; left: 25px !important;}
    .homepage_header .speed_test {width: 200px !important; height: 200px !important; right: 25px !important;}
    .about_peakair:before {margin-top: -17%;}
    .about_peakair:after {margin-top: -126%;}
    .internet_connection:after {width: 170px; height: 60px;}
}
@media screen and (max-width: 767px) {
    .homepage_header h1 {margin: 30px 0 40px 0;}
    .about_peakair {padding-top: 50px;}
    .about_peakair:before {margin-top: -5%;}
    .about_peakair:after {margin-top: -115%;}
    .our_services .blue-box {margin-bottom: 40px;}
    .internet_connection img {width: 100%;}
    .homepage_header {
        background: url(../images/homepage_header_mobile_landscape.svg); 
        background-size: 100% 100%;
        height: 444px !important;
    }
}
@media screen and (max-width: 730px) {
    .about_peakair:after {margin-top: -118%;}
}
@media screen and (max-width: 670px) {
    .homepage_header {
        background-size: contain;
        height: 400px !important;
    }
    .homepage_header h1 {margin: 0 0 20px 0;}
    .about_peakair {padding-top: 80px;}
    .about_peakair:before {left: -14%; margin-top: -14%;}
    .about_peakair:after {margin-top: -130%;}
    .internet_connection:after {top: -90px;}
}
@media screen and (max-width: 660px) {
    .homepage_header {height: 391px !important;}
}
@media screen and (max-width: 550px) {
    .internet_connection img {margin-top: 50px;}
    .homepage_header {
        background: url(../images/homepage_header_mobile.svg); 
        background-size: 100% 100%;
        height: 443px !important;
    }
    .homepage_header h1 {margin: 35px 0 45px 0;}
    .about_peakair {padding-top: 50px;}
    .about_peakair:after {display: none;}    
    .about_peakair:before {display: none;}
    .internet_connection:after {top: -14%; width: 100px;}
}
@media screen and (max-width: 480px) {
    .homepage_header {
        height: 340px !important;
        background-size: 100% 100%;
    }
    .homepage_header h1 {margin: 0 0 20px 0;}
    .homepage_header .earth_rotate {
        width: 120px !important;
        height: 120px !important;
        left: 20px !important;
    }
    .homepage_header .speed_test {
        width: 150px !important;
        height: 150px !important;
        right: 20px !important;
    }
    .about_peakair {padding: 80px 0;}
}
@media screen and (max-width: 479px) {
    .homepage_header {height: 393px !important;}
}
@media screen and (max-width: 450px) {
    .homepage_header {height: 353px !important;}
}
@media screen and (max-width: 414px) {
    .homepage_header {height: 338px !important;}
}
@media screen and (max-width: 400px) {
    .homepage_header {background-size: cover;}
}
@media screen and (max-width: 380px) {

}
@media screen and (max-width: 300px) {
    .homepage_header .earth_rotate {width: 100px !important; height: 100px !important;}
    .homepage_header .speed_test {width: 130px !important; height: 130px !important;}
    .homepage_header h1 {font-size: 24px;}
    .about_peakair {padding: 40px 0;}
}




/* .announcement_container{
    padding: 10px 30px;
    color: white;
    border-radius: 5px;
    background: linear-gradient(135deg, rgba(2, 29, 110, 0.9), rgba(37, 165, 225, 0.9));
} */
.footer_h3{
    font-size: 1.3rem !important;
    margin-bottom: 1rem!important;
}
.announcement_main_container{
    position: absolute;
    top: -30px;
    left: -50px;
    z-index: 999;
    /* right: -35px; */
}
.announcement_container {
    max-width: 300px;
    /* background: linear-gradient(135deg, rgba(2, 29, 110, 0.9), rgba(37, 165, 225, 0.9)); */
    /* color: #fff; */
    /* padding: 20px; */
    /* border-radius: 12px; */
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */
   
   
    animation:  expandContract 1.5s infinite alternate ease-in-out;
}
/* .announcement_main_container{
    position: absolute;
    top: -10px;
    right: -46px;
} */
.announcement_container1 {
    display: none;
    max-width: 100%;
    background: linear-gradient(135deg, rgba(2, 29, 110, 0.9), rgba(37, 165, 225, 0.9));
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-family: Arial, sans-serif;
    animation:  expandContract 1.5s infinite alternate ease-in-out;
}

.announcement_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.announcement_desc {
    font-size: 13px !important;
    line-height: 1.5;
}
/* @keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} */

/* Expanding and contracting effect */
@keyframes expandContract {
    0% {
        transform: scale(1);       
    }
    100% {
        transform: scale(1.04);       
    }
}

@media screen and (max-width: 767px) {
    .announcement_main_container{display: none !important;}
    .announcement_container1{display: block !important;}
}