*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{
    font-family:'DM Sans', sans-serif;
}


/* All Headings */

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:'Poppins', sans-serif;

}

section{
    width:100%;
}


.container{

    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 15px;

}


.row{

    display:flex;
    flex-wrap:wrap;

}


.align-items-center{

    align-items:center;

}


.col-md-3{

    width:25%;
    padding:0 15px;

}


.col-md-6{

    width:50%;
    padding:0 15px;

}


.col-md-9{

    width:75%;
    padding:0 15px;

}



/* ==========================
        TOP BAR
========================== */


.top-bar-section{

    background:#163b73;
    padding:18px 0;

}



.top-left{

    display:flex;
    align-items:center;
    gap:30px;

}



.top-left a,
.top-right a{

    color:#fff;
    text-decoration:none;
    font-size:15px;

}



.top-left i{

    margin-right:8px;

}

.inner-banner{
    padding:60px 0;
    background:#f5f5f5;
    text-align:center;
}

.inner-banner h1{
    color:#13346B;
    font-size:42px;
    font-weight:700;
    margin:0;
}

.terms-section{
    padding:10px 0;
    background-color: #f5f5f5;
}

.terms-content{
    width:100%;
    margin:auto;
}

.terms-content h2{
    color:#13346B;
    font-size:32px;
    margin:40px 0 15px;
    font-weight:700;
}

.terms-content p,
.terms-content li{
    color:#555;
    font-size:17px;
    line-height:1.9;
}

.terms-content ul{
    padding-left:25px;
    margin:15px 0;
}

.terms-content strong{
    color:#13346B;
}


.top-right{

    display:flex;
    justify-content:flex-end;
    gap:18px;

}



.top-right i{

    font-size:14px;

}




.faq-section{
    padding:80px 0;
    background:#f8f8f8;
}

.faq-title{
    text-align:center;
    margin-bottom:50px;
}

.faq-title span{
    display:block;
    color:#116aad;
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
}

.faq-title h2{
    font-size:48px;
    color:#222;
    font-weight:700;
}

.faq-wrapper{
    max-width:900px;
    margin:auto;
}

.faq-item{
    background:#fff;
    border:1px solid #e6e6e6;
    margin-bottom:10px;
}

.faq-question{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 25px;
    cursor:pointer;
}

.faq-question h3{
    margin:0;
    font-size:20px;
    color:#13346B;
    font-weight:600;
}

.faq-question .icon{
    font-size:32px;
    color:#13346B;
    font-weight:700;
    line-height:1;
}

.faq-answer{
    display:none;
    border-top:1px solid #e6e6e6;
    padding:20px 25px;
}

.faq-answer p{
    margin:0;
    color:#555;
    font-size:17px;
    line-height:1.8;
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-item.active .faq-question{
    background:#fff;
}
/* ==========================
        HEADER
========================== */


.header-section{

    background:#fff;
    padding:10px 0;

}



.logo img{

    max-width:100%;
    display:block;

}




.navbar{

    display:flex;
    justify-content:flex-end;

}



.menu{

    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;

}



.menu li{

    position:relative;

}



.menu li a{

    color:#222;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:7px;

}



.menu li a:hover{

    color:#163b73;

}



.menu li a i{

    font-size:12px;

}



/* ==========================
        DROPDOWN
========================== */


.dropdown-menu{

    position:absolute;

    top:35px;
    left:0;

    width:230px;

    background:#fff;

    list-style:none;

    padding:0;
    margin:0;

    box-shadow:0 5px 20px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.3s;

    z-index:999;

}



.dropdown-menu li{

    width:100%;

    border-bottom:1px solid #ddd;

}



.dropdown-menu li:last-child{

    border-bottom:none;

}



.dropdown-menu li a{

    display:block;

    padding:14px 35px;

    color:#222;

    font-size:16px;

    font-weight:500;

    white-space:nowrap;

}



.dropdown-menu li a:hover{

    background:#f5f5f5;

    color:#163b73;

}




.dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}



.partner-menu{

    width:250px;

}



/* ==========================
        MOBILE
========================== */


/* Banner Section */

.banner-section{
    position: relative;
    background: url("../img/banner.jpg") center center/cover no-repeat;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-section .overlay{
    position: absolute;
    background: rgba(0,0,0,.55);
}

.banner-content{
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.banner-content span{
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner-content h1{
    font-size: 58px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 35px;
}

.banner-btn{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #163b73;
    color: #fff;
    text-decoration: none;
    padding: 18px 35px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 4px;
    transition: .3s;
}

.banner-btn:hover{
    background: #0f2c58;
}

/* Banner end */

/* Services Section */

.services-section{
    padding:90px 0;
    background:#fff;
}

.col-md-4{
    width:33.333%;
    padding:0 15px;
}

.section-title{
    text-align:center;
    max-width:900px;
    margin:0 auto 60px;
}

.section-title span{
    display:inline-block;
    color:#13346B;
    font-size:0.9rem;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
}

.section-title span i{
    margin-right:8px;
}

.section-title h2{
    font-size:2rem;
    line-height:1.2;
    color:#1d1d1d;
    font-weight:700;
}

.service-box{
    background:#fff;
    text-align:center;
    padding:45px 30px;
    box-shadow:0 0 20px rgba(0,0,0,.08);
    border-radius:8px;
    height:100%;
}

.service-box .icon{
    width:110px;
    height:90px;
    background:#f1f3f6;
    border-radius:8px;
    margin:0 auto 30px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.service-box .icon img{
    width:55px;
}

.service-box h3{
    font-size:24px;
    color:#222;
    margin-bottom:18px;
    line-height:1.3;
}

.service-box p{
    font-size:1rem;
    color:#666;
    line-height:1.8;
}
a{ text-decoration: none;
  color: #163b73;
}

/* Services end */


/* About Section */

.about-section{
    padding: 60px 0;
    background-image: url("../img/home-back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-images{
    position:relative;
    }

.about-img1{
    width:85%;
    border-radius:8px;
    display:block;
}

.about-img2{
    width:50%;
    position:absolute;
    left:-40px;
    bottom:-20px;
    border-radius:8px;
    border:8px solid #fff;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.about-content{
    padding-left:40px;
}

.about-content span{
    color:#13346B;
    font-size:0.9rem;
    font-weight:700;
    text-transform:uppercase;
}

.about-content span i{
    margin-right:8px;
}

.about-content h2{
    font-size: 2rem;
    color:#111;
    margin:20px 0 25px;
}

.about-content p{
    font-size:20px;
    line-height:1.8;
    color:#555;
    margin-bottom:25px;
}

.about-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#13346B;
    color:#fff;
    text-decoration:none;
    padding:18px 35px;
    font-size:24px;
    font-weight:600;
    border-radius:4px;
    transition:.3s;
}

.about-btn:hover{
    background:#0d8ea1;
}

.about-btn i{
    font-size:22px;
}

/* About end */


/*Brands Section*/

.brands-section{
    padding:60px 0;
    background:#f7f8fc;
}

.brands-section .section-title{
    text-align:center;
  }

.brands-section .section-title span{
    color:#13346B;
    font-size:0.9rem;
    font-weight:700;
    text-transform:uppercase;
}

.brands-section .section-title h2{
    font-size:2rem;
    font-weight:700;
    margin-top:15px;
    color:#222;
}



.brands-wrapper{
    display:grid;
   grid-template-columns:repeat(2,1fr); 
    gap:35px 60px;
}


.brand-card{
    position:relative;
    background:#fff;
    min-height:135px;
    border-radius:8px;
    padding:30px 25px 30px 125px;
    display:flex;
    align-items:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}


.brand-logo{
    position:absolute;
    left:-43px;
    top:50%;
    transform:translateY(-50%); 
    width:160px;
    height:80px;
    background:#fff;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.10);
}

.brand-logo img{
    width:155px;
    height:auto;
}



.brand-content p{
    margin:0;
    color:#555;
    font-size:18px;
    line-height:1.7;
}

/*Brands Section end*/




/* Contact Section */

.contact-section{
  
    background:linear-gradient(to bottom,#111 0%,#d9d9d9 100%);
}

.col-md-7{
    width:58%;
}

.col-md-5{
    width:42%;
    padding:0 15px;
}

.contact-left span{
    color:#fff;
    font-size: 1rem;
    font-weight:600;
}

.contact-left h2{
    font-size:2rem;
    color:#fff;
    margin:18px 0 25px;
    line-height:1.2;
}

.contact-left p{
    color:#fff;
    font-size:1rem;
    line-height:1.8;
    margin-bottom:22px;
}

.contact-info{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:45px;
}

.info-box{
    width:calc(50% - 10px);
    background:#fff;
    padding:14px 18px;
    display:flex;
    align-items:center;
    gap:18px;
    border-radius: 5px;
}

.info-box.office{
    width:50%;
    margin-left:150px;
}

.info-box .icon{
    width:52px;
    height:52px;
    background:#173f77;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    border-radius:4px;
    flex-shrink:0;
}

.info-box h4{
    color:#163b73;
    font-size:18px;
    margin-bottom:8px;
}

.info-box span{
    color:#666;
    font-size:1rem;
}

/* Form */

.appointment-box{
    background:#174d70;
    padding:40px 45px;
}

.appointment-box h2{
    color:#fff;
    text-align:center;
    font-size:2rem;
    margin-bottom:35px;
    position:relative;
}

.appointment-box h2::after{
    content:"";
    width:280px;
    height:1px;
    background:#fff;
    display:block;
    margin:20px auto 0;
}

.appointment-box input,
.appointment-box textarea{
    width:100%;
    border:none;
    outline:none;
    background:#fff;
    padding:15px 20px;
    margin-bottom:18px;
    font-size:15px;
    border-radius:4px;
    resize:none;
}

.appointment-box button{
    width:100%;
    border:none;
    background:#084956;
    color:#fff;
    padding:18px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    border-radius:4px;
    transition:.3s;
}

.appointment-box button:hover{
    background:#063742;
}


/* Contact end */


.logo-slider .brand-item{
    /* background:#fff; */
    /* padding:25px; */
    border-radius:8px;
    /* box-shadow:0 5px 20px rgba(0,0,0,.08); */
    display:flex;
    align-items:center;
    justify-content:center;
    height:120px;
}

.logo-slider .brand-item img{
    width:170px;
    max-width:100%;
    height:auto;
}

.owl-nav button{
    position:absolute;
    top:40%;
    width:40px;
    height:40px;
    border-radius:50% !important;
    background:#163b73 !important;
    color:#fff !important;
}

.owl-nav .owl-prev{
    left:-20px;
}

.owl-nav .owl-next{
    right:-20px;
}

.owl-dots{
    margin-top:25px;
    text-align:center;
}

.internet-service-section{

    padding:80px 0;
    background:#fff;

}


.internet-card{

    background:#fff;
    border-radius:5px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-align:center;

}


.internet-card img{

    width:100%;
    height:300px;
    object-fit:cover;
    display:block;

}


.internet-card h3{

    padding:25px 10px;
    margin:0;
    font-size: 1rem;
    color:#222;

}

/*  FOOTER*/

.footer-section{
    background:#f0d6c6; 
    color:#5c6269;
}

.footer-top{
    padding:25px 0;
}

.footer-logo img{
    width:320px;
}

.footer-social{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
}

.footer-social h3{
    font-size:20px;
    margin:0;
    color:#0b3474;
}

.footer-social a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    border-radius:3px;
}

.footer-social a:nth-child(2){
    background:#3b5998;
}

.footer-social a:nth-child(3){
    background:#000;
}

.footer-social a:nth-child(4){
    background:#e62117;
}

.footer-disclaimer{
    text-align:center;
    padding:30px 0;
    border-bottom:1px solid rgba(255,255,255,.35);
}

.footer-disclaimer p{
    max-width:1180px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color: #5c6269;
}

.footer-middle{
    padding:35px 0;
}

.footer-middle .col-md-6:first-child{
    border-right:1px solid rgba(255,255,255,.4);
}

.footer-middle h2{
    color:#0b3474;
    font-size:1.5rem;
    margin-bottom:20px;
}

.footer-links{
    display:flex;
    gap:80px;
}

.footer-links ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:15px;
}

.footer-links li a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
}

.footer-links li a::before{
    content:"\f058";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    margin-right:10px;
    color:#5c6269;
}

.footer-links ul li a:hover {
color: #0b3474;
}


.copyright a{color: #ffff;}
.copyright a:hover{color: #0b3474;}



.footer-about{
    padding-left:35px;
}

.footer-about p{
    font-size:18px;
    line-height:1.5;
}

.copyright{
    background:#5c6269;
    text-align:center;
    padding:20px 0;
    font-size:18px;
}

.footer-links ul li a{
    color: #5c6269;
}
.copyright{
    color: #ffffff;
} 
/*==========================
      About Banner
===========================*/

.about-banner-section{

    position:relative;
    background:url("../img/about.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
   
}


.mobile-banner-section{

    position:relative;
    background:url("../img/mob.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.mobile-banner-section .overlay{

    position:absolute;
}

.mobile-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}

.featured-services{
    padding:60px 0;
}

.section-heading{
    margin-bottom:50px;
}

.section-heading span{
    color:#123b75;
    font-weight:700;
    font-size:18px;
}

.section-heading h2{
    font-size:2rem;
    margin-top:10px;
}

.featured-card{
    background:#173b78;
    padding:12px;
    text-align:center;
    height:100%;
}

.featured-card img{
    width:100%;
    display:block;
    margin-bottom:25px;
}

.featured-card h3{
    color:#fff;
    font-size:22px;
    margin-bottom:18px;
}

.featured-card p{
    color:#fff;
    font-size:1rem;
    line-height:1.8;
}

.cable-banner-section{

    position:relative;
    background:url("../img/high.jpg") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;

}

.cable-banner-section .overlay{

    position:absolute;
    background:rgba(10,60,85,.75);

}

.about-banner-content{

    position:relative;
    z-index:2;

}

.about-banner-content h1{

    color:#fff;
    font-size:54px;
    margin-bottom:35px;

}

.about-banner-content .about-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#20b8c9;
    color:#fff;
    text-decoration:none;
    padding:16px 30px;
    border-radius:4px;
    font-size:22px;
    font-weight:600;
    transition:.3s;

}

.about-banner-content .about-btn:hover{

    background:#169cab;

}

.about-page-section{

    padding:90px 0;
    background:#fff;

}

.about-page-content span{

    display:inline-block;
    color:#13346B;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;

}

.about-page-content span i{

    margin-right:8px;

}

.about-page-content h2{

    font-size: 2rem;
    color:#222;
    margin-bottom:25px;

}

.about-page-content p{

    font-size:1rem;
    color:#555;
    line-height:1.8;
    margin-bottom:20px;

}

.about-page-image img{

    width:100%;
    display:block;
    border-radius:8px;

}


.mission-section{

    padding:80px 0;
    background:#f7f8fc;

}


.mission-box{

    transition:.3s;

}


.mission-box:hover{

    transform:translateY(-8px);

}


.mission-box .icon i{

    font-size:45px;
    color:#13346B;

}

/* Testimonials */

.testimonial-section{

    padding:80px 0;
    background:#f7f8fc;

}


.testimonial-title{

    /* text-align:left; */
    margin-bottom:50px;

}


.testimonial-title h2{

    font-size:2rem;

}


.mobile-banner-section{

    position:relative;
    background:url("../img/mob.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.mobile-banner-section .overlay{

    position:absolute;
}

.mobile-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}


.optimums-banner-section{

    position:relative;
    background:url("../img/optimums.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.optimums-banner-section .overlay{
    position:absolute;
}
.optimums-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}

.testimonial-box{

    background:#fff;
    padding:50px;
    border-radius:5px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    height:100%;

}


.testimonial-top{

    display:flex;
    align-items:flex-start;
    gap:30px;

}


.testimonial-top img{

    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:5px;

}


.testimonial-top p{

    font-size:18px;
    font-style:italic;
    line-height:1.8;
    color:#555;
    margin:0;

}


.testimonial-box h3{

    margin-top:35px;
    font-size:20px;
    color:#222;

}
/* Pricing Section */

.pricing-section{

    padding:60px 0;
    background:#fff;

}

.pricing-section-opti{padding:30px 0;
    background:#fff;}


.plan-card{background:#fff;
    padding:25px 20px 20px;
    border-radius:8px;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
    height:100%;

}

.plan-card h3{

    color:#123b75;
    font-size:20px;
    margin-bottom:12px;

}


.plan-card h2{

    color:#123b75;
    font-size:25px;
    margin-bottom:20px;

}


.viasat-banner-section{

    position:relative;
    background:url("../img/viasat.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.viasat-banner-section .overlay{

    position:absolute;
}
.viasat-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}

.fortres-banner-section{

    position:relative;
    background:url("../img/fortres.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.fortres-banner-section .overlay{

    position:absolute;
}
.fortres-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}



/*=========================
    Contact Details
=========================*/

.contact-details-section{
    padding:30px 0 80px;
    background:#fff;
}

.office-box,
.message-box{
    background:#efefef;
    padding:40px;
    height:100%;
}

.office-box h2,
.message-box h2{
    color:#133b75;
    font-size:46px;
    margin-bottom:15px;
}

.office-box>p,
.message-box p{
    color:#666;
    line-height:1.8;
    margin-bottom:35px;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:35px;
}

.contact-item .icon{
    width:60px;
    height:60px;
    color:#133b75;
    font-size:42px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.contact-item h3{
    color:#133b75;
    font-size:32px;
    margin-bottom:8px;
}

.contact-item span{
    display:block;
    color:#666;
    font-size:20px;
    line-height:1.7;
}

/* Form */

.message-box input,
.message-box textarea{
    width:100%;
    padding:18px 20px;
    border:none;
    background:#fff;
    margin-bottom:20px;
    font-size:17px;
    outline:none;
    border-radius:4px;
    resize:none;
}

.message-box button{
    width:100%;
    border:none;
    background:#0d4b57;
    color:#fff;
    padding:18px;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.message-box button:hover{
    background:#133b75;
}
.plan-card .speed{

    font-size:16px;
    color:#222;
    font-weight:600;
    margin-bottom:20px;

}


.plan-card ul{

    list-style:none;
    background:#fafafa;
    padding:15px;
    margin:0 0 20px;

}


.plan-card ul li{

    color:#555;
    font-size:16px;
    margin-bottom:12px;

}



.plan-card ul li i{

    color:#123b75;
    margin-right:10px;

}

.kint-banner-section{

    position:relative;
    background:url("../img/kint.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.kint-banner-section .overlay{

    position:absolute;
}
.kint-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}

.plan-btn{

    display:block;
    background:#123b75;
    color:#fff;
    text-align:center;
    padding:13px;
    text-decoration:none;
    font-weight:600;
    border-radius:2px;

}



.plan-btn:hover{
    background:#0d2a55;
}


/* Specialization */


.special-section{

    padding:70px 0;
    background:#f5f8fc;

}


.special-title{

    text-align:center;
    margin-bottom:50px;

}


.special-title span{

    color:#123b75;
    font-weight:700;
    font-size:18px;

}


.special-title h2{

    font-size:34px;
    color:#111;
    margin-top:10px;

}



.special-box{

    text-align:center;
    padding:20px;

}
.cox-banner-section{

    position:relative;
    background:url("../img/coxx.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.cox-banner-section .overlay{
    position:absolute; 
}
.cox-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}


.special-icon{

    width:70px;
    height:70px;
    background:#fff;
    margin:0 auto 25px;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#123b75;
    font-size:35px;

}
.earth-banner-section{

    position:relative;
    background:url("../img/earthl.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.earth-banner-section .overlay{
 position:absolute; 
 inset:0;
}
.earth-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}

.special-box h3{

    color:#123b75;
    font-size:27px;
    margin-bottom:20px;

}



.special-box p{

    color:#555;
    font-size:17px;
    line-height:1.7;

}



.contact-banner-section{

    position:relative;
    background:url("../img/contact.png") center center/cover no-repeat;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.contact-banner-section .overlay{
 position:absolute; 
}
.contact-banner-content h1{ color: #fff;
    font-size: 54px;
    margin-bottom: 35px;}


.contact-details-section{
    padding:80px 0;
    background:#fff;
}

.office-box,
.message-box{
    background:#efefef;
    padding:45px;
    height:100%;
}

.office-box h2,
.message-box h2{
    color:#13346B;
    font-size:2rem;
    margin-bottom:15px;
}

.office-box > p,
.message-box > p{
    color:#666;
    font-size:1rem;
    line-height:1.8;
    margin-bottom:35px;
}

/*  FORM  */

.message-box form{
    margin-top:25px;
}

.message-box input,
.message-box textarea{
    width:100%;
    padding:16px 20px;
    border:none;
    outline:none;
    background:#fff;
    margin-bottom:18px;
    font-size:1rem;
    border-radius:4px;
}

.message-box textarea{
    resize:none;
}

.message-box button{
    width:100%;
    border:none;
    background:#13346B;
    color:#fff;
    padding:18px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    border-radius:4px;
    transition:.3s;
}

.message-box button:hover{
    background:#0f2d5b;
}

.message-box button i{
    margin-left:10px;
}

.office-box,
.message-box{
    background:#efefef;
    padding:45px;
    height:100%;
}

.office-box h2,
.message-box h2{
    color:#13346B;
    font-size:2rem;
    margin-bottom:15px;
}

.office-box p,
.message-box p{
    color:#555;
    line-height:1.8;
    margin-bottom:35px;
}

.contact-item{
    display:flex;
    gap:20px;
    margin-bottom:30px;
}

.contact-item .icon{
    width:65px;
    height:65px;
    background:#13346B;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    font-size:24px;
}

.contact-item h3{
    color:#13346B;
    margin-bottom:8px;
}

.contact-item a,
.contact-item span{
    display:block;
    color:#555;
    line-height:1.8;
}

.message-box input,
.message-box textarea{
    width:100%;
    padding:15px;
    border:none;
    background:#fff;
    margin-bottom:18px;
    outline:none;
}

.message-box textarea{
    resize:none;
}

.message-box button{
    width:100%;
    border:none;
    background:#13346B;
    color:#fff;
    padding:18px;
    font-size:18px;
    cursor:pointer;
    transition:.3s;
}

.message-box button:hover{
    background:#0f2d5b;
}


.active a{
    color:green !important;
    font-weight: 700; 
    font-size: 17px;   
}

header.xf-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #1c1c1f;
    z-index: 999;
}
 
 
header .xf-logo img{
    width: 170px;
}

header .xf-nav{
    margin-top:12px;
}

.xf-nav ul{
    display:flex;
    gap:22px;
    list-style:none;
    margin:0;
    padding:0;
}

.xf-nav ul li a{
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:500;
    transition:.3s;
}

.xf-nav ul li a.active{
    font-weight:700;
}

.xf-nav ul li a:hover{
    color:#2f5cc4;
}

.xf-call{
    text-align:right;
    margin-top:5px;
}

.xf-call a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
}

.xf-call i{
    font-size:14px;
    margin-right:6px;
}

.xf-call small{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:12px;
}
 
 .xf-left {
    display: flex;
    flex-direction: column;
}



.xf-container {
    max-width: 1280px;
    margin: auto;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
 
 
 
.xfinity-hero{
    background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);
    padding-top:200px;
    padding-bottom: 60px;
    overflow:hidden;
    padding-left: 100px;
    float:left;
    width:100%;
    
}
 
.hero-content{
    max-width:650px;
}
 
.hero-content h1{
    font-size:2.8rem;
    line-height:1.3em;
    font-weight:600;
    color:#161616;
    margin:0 0 25px;
}
 
.hero-price{
    display:flex;
    align-items:flex-end;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:12px;
    color:#161616;
}
 
.hero-price .speed{
    font-size:2rem;
    font-weight:700;
}
 
.hero-price strong{
    font-size:3rem;
    line-height:1;
    color:#2f5cc4;
}
 
.hero-price sup{
    font-size:1.4rem;
    top:-18px;
    position:relative;
}
 
.hero-price span{
    font-size:1.6rem;
    font-weight:500;
}
 
.hero-content p{
    font-size:1.25rem;
    color:#333;
    margin:0 0 35px;
}
 
.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#2f5cc4;
    color:#fff;
    padding:18px 40px;
    border-radius:6px;
    text-decoration:none;
    font-size:2rem;
    font-weight:700;
    transition:.3s;
}
 
.hero-btn:hover{
    background:#21479a;
    color:#fff;
}
 
.hero-btn i{
    font-size:1.8rem;
}
 
.featured-plans{
    padding:55px 0;
    background:#2f5cc4;
}
 
.featured-plans .container{
    max-width:980px;
    margin:auto;
}
 
.featured-plans .section-title{
    margin-bottom:35px;
}
 
.featured-plans .section-title h2{
    color:#fff;
    font-size:42px;
    line-height:1.2;
    margin:0;
    text-align:center;
}
 
.plans-wrapper{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}
 
.plan-card{
    width:430px;
    background:#fff;
    border-radius:14px;
    padding:20px;
}
 
.plan-tag{
    display:block;
    background:#f4eefb;
    color:#8b7bb6;
    text-align:center;
    padding:10px;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:25px;
}
 
.plan-body{
    padding:0 15px;
}
 
.plan-body h3{
    font-size:28px;
    font-weight:700;
    margin:0 0 5px;
    color:#111;
}
 
.plan-price{
    font-size:18px;
    margin-bottom:20px;
    color:#111;
}
 
.plan-list{
    list-style:none;
    padding:20px;
    margin:0 0 20px;
    background:#fafafa;
    min-height:290px;
}
 
.plan-list li{
    position:relative;
    padding-left:24px;
    margin-bottom:14px;
    font-size:16px;
    line-height:1.6;
    color:#333;
}
 
.plan-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    color:#2f5cc4;
    font-weight:700;
}
 
 
.pricing-section{
 
    padding:60px 0;
    background:#fff;
 
}
 
.pricing-section-opti{padding:30px 0;
    background:#fff;}
 
 
.plan-card{background:#fff;
    padding:25px 20px 20px;
    border-radius:8px;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
    height:100%;
 
}
 
 
.plan-card h3{
 
    color:#123b75;
    font-size:20px;
    margin-bottom:12px;
 
}
.plan-card .speed{
 
    font-size:16px;
    color:#222;
    font-weight:600;
    margin-bottom:20px;
 
}
 
 
.plan-card ul{
 
    list-style:none;
    background:#fafafa;
    padding:15px;
    margin:0 0 20px;
 
}
 
 
.plan-card ul li{
 
    color:#555;
    font-size:14px;
    margin-bottom:12px;
 
}
 
 
.plan-card ul li i{
 
    color:#123b75;
    margin-right:10px;
 
}
 
 
.plan-card h2{
 
    color:#123b75;
    font-size:25px;
    margin-bottom:20px;
 
}
 
.plan-btn{
    width:100%;
    height:48px;
    background:#2f5cc4;
    color:#fff;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
}
 
.plan-btn:hover{
    background:#2149a8;
    color:#fff;
}
 
.plan-note{
    margin-top:30px;
    text-align:center;
    color:#fff;
    font-size:14px;
}
 
.xf-wifi-section{
    background:#f4f5fb;
    padding:60px 15px;
}
.xf-wrapper{
    max-width:900px;
    margin:auto;
}
 
.xf-heading{
    font-size:32px;
    color:#2f5cc4;
    font-weight:700;
    text-align:center;
    margin-bottom:30px;
}
 
.xf-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
 
.xf-card{
    background:#fff;
    border-radius:10px;
    padding:25px 30px;
    min-height:355px;
    display:flex;
    flex-direction:column;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}
 
.xf-card h3{
    font-size:28px;
    margin:0;
    font-weight:700;
}
 
.xf-card h4{
    font-size:18px;
    margin:5px 0 20px;
    font-weight:500;
}
 
.xf-list{
    list-style:none;
    margin:0;
    padding:0;
}
 
.xf-list li{
    font-size:15px;
    line-height:1.6;
    margin-bottom:10px;
    padding-left:22px;
    position:relative;
}
 
.xf-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#2f5cc4;
    font-weight:700;
}
 
.xf-btn{
    width:185px;
    height:42px;
    margin:20px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#2f5cc4;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    font-size:17px;
    font-weight:700;
}
 
.xf-btn:hover{
    background:#2149a8;
}
 
.xf-btn i{
    font-size:18px;
}
 
 
.site-footer{
    background:#16161a;
    padding:45px 0;
    float:left;
    width:100%;
}
 
.site-footer-wrap{
    max-width:1280px;
    margin:0 auto;
    padding:0 15px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
 
.site-footer-info{
    max-width:620px;
}
 
.site-footer-text{
    margin:0 0 18px;
    color:#fff;
    font-size:15px;
    line-height:1.7;
}
 
.site-footer-text a{
    color:#fff;
    text-decoration:underline;
    transition:.3s;
}
 
.site-footer-text a:hover{
    color:#4ea3ff;
}
 
.site-footer-nav{
    margin-bottom:18px;
}
 
.site-footer-nav a{
    color:#fff;
    text-decoration:underline;
    font-size:15px;
}
 
.site-footer-nav span{
    color:#fff;
    margin:0 8px;
}
 
.site-footer-copy{
    margin:0;
    color:#fff;
    font-size:15px;
}
 
.site-footer-brand img{
    width:120px;
    display:block;
}





/* mediaquery */
    

/* mediaquery */
 
@media (max-width:992px){

.container{
    max-width:100%;
    padding:0 20px;
}

    .hero-content {
        padding-top: 140px;
    }

.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-9{
    width:100%;
}


.office-box{
    margin-bottom:30px;
}

.top-bar-section{
    padding:12px 0;
}

.top-left,
.top-right{
    justify-content:center;
}

.top-left{
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:10px;
}

.top-right{
    margin-top:10px;
}



.header{
    padding:10px 0;
}

.logo{
    text-align:center;
    margin-bottom:20px;
}

.logo img{
    max-width:220px;
    margin:auto;
}

.navbar{
    justify-content:center;
}

.menu{
    gap:20px;
    flex-wrap:wrap;
}

.menu li a{
    font-size:15px;
}

/* Dropdown */

.dropdown-menu{
    width:220px;
}


.banner-section{
    height:500px;
}

.banner-content span{
    font-size:18px;
}

.banner-content h1{
    font-size:42px;
    line-height:1.3;
    margin-bottom:25px;
}

.banner-btn{
    font-size:18px;
    padding:15px 28px;
}


.section-title{
    margin-bottom:40px;
}

.section-title h2{
    font-size:1.5rem;
}


.services-section{
    padding:70px 0;
}

.service-box{
    margin-bottom:30px;
}

.service-box h3{
    font-size:22px;
}

.service-box p{
    font-size:17px;
}

.about-section{
    padding:70px 0;
}

.about-images{
    text-align:center;
    margin-bottom:40px;
}

.about-img1{
    width:100%;
}

.about-content{
    padding-left:0;
    text-align:center;
}

.about-content h2{
    font-size:34px;
}

.about-content p{
    font-size:18px;
}

.about-btn{
    font-size:18px;
    padding:15px 28px;
}

.footer-middle .col-md-6:first-child{
    border-right:none;
}

.brands-wrapper{
    grid-template-columns:1fr;
    gap:30px;
}

.brand-card{
    padding:25px 20px 25px 110px;
}

.brand-logo{
    left:-20px;
    width:130px;
}

.brand-logo img{
    width:120px;
}

.brand-content p{
    font-size:17px;
}


.contact-section{
    padding:70px 0;
}

.contact-left{
    margin-bottom:40px;
}

.contact-left h2{
    font-size:34px;
}

.contact-left p{
    font-size:17px;
}

.contact-info{
    gap:15px;
}

.info-box{
    width:100%;
}

.info-box.office{
    width:100%;
    margin-left:0;
}



.appointment-box{
    padding:35px;
}

.appointment-box h2{
    font-size:30px;
}


.footer-logo{
    text-align:center;
    margin-bottom:20px;
}

.footer-social{
    justify-content:center;
}

.footer-links{
    gap:40px;
}

.footer-about{
    padding-left:0;
    margin-top:30px;
}


.copyright{
    font-size:16px;
}

.about-banner-section{

    height:350px;

}
.xfinity-hero{
    padding-left: 0px;
}
.about-banner-content{

    text-align:center;

}

.about-banner-content h1{

    font-size:42px;

}

.about-banner-content .about-btn{

    font-size:18px;
    padding:14px 24px;

}
.about-page-section{

    padding:70px 0;

}

.about-page-content{

    margin-bottom:40px;
    text-align:center;

}

.about-page-content h2{

    font-size:36px;

}
.col-md-4{

    width:100%;
    margin-bottom:30px;

}


.special-box h3{

    font-size:24px;

}
.about-page-content p{

    font-size:17px;

}

.mission-section{

    padding:60px 0;

}

.mission-box{

    margin-bottom:30px;

}

.testimonial-title h2{

    font-size:36px;

}


.testimonial-box{

    margin-bottom:30px;
    padding:35px;

}
 .plan-card{
        width:100%;
        max-width:460px;
        min-height:auto;
    }

.internet-card{

    margin-bottom:30px;

}

.official-header{
        padding:10px;
    }
 
    .verify-tag img{
        width:130px;
        height:auto;
    }
 
    .status-pill{
        gap:6px;
        padding:5px 8px;
    }
 
    .usa-clock,
    .active-status{
        font-size:9px;
    }
 
    .xfinity-hero{
        padding:40px 20px;
    }
 
    .hero-content h1{
        font-size:2rem;
    }
 
    .hero-price{
        gap:5px;
    }
 
    .hero-price .speed{
        font-size:1.5rem;
    }
 
    .hero-price strong{
        font-size:2.4rem;
    }
 
    .hero-price span{
        font-size:1.2rem;
    }
 
    .hero-content p{
        font-size:1rem;
    }
 
    .hero-btn{
        width:100%;
        justify-content:center;
        font-size:1.4rem;
        padding:15px;
    }
 
    .featured-plans{
        padding:40px 15px;
    }
 
    .featured-plans .section-title h2{
        font-size:28px;
    }
 
    .plan-card{
        padding:15px;
    }
 
    .plan-list{
        min-height:auto;
        padding:15px;
    }
 
    .plan-btn{
        font-size:16px;
    }
 
    .xf-heading{
        font-size:28px;
    }
 
    .xf-card{
        padding:20px;
        min-height:auto;
    }
 
    .xf-card h3{
        font-size:24px;
    }
 
    .xf-card h4{
        font-size:17px;
    }
 
    .xf-btn{
        width:100%;
    }

}



@media (max-width:620px){

/* Container */

.container{
    padding:0 15px;
}



.top-bar-section{
    padding:12px 0;
}

.top-left a,
.top-right a{
    font-size:13px;
}

.top-left i{
    margin-right:5px;
}



.header-section{
    padding:15px 0;
}

.logo img{
    max-width:160px;
}



.menu{
    gap:10px;
}

.menu li a{
    font-size:15px;
    padding:6px 0;
}


/* Dropdown */

.dropdown-menu{
    width:100%;
}

.dropdown-menu li a{
    padding:12px 15px;
    font-size:14px;
}

.faq-section{
    padding:60px 0;
}

.faq-title h2{
    font-size:34px;
}

.faq-title span{
    font-size:18px;
}

.faq-question{
    padding:18px;
}

.faq-question h3{
    font-size:18px;
    padding-right:15px;
}

.faq-question .icon{
    font-size:26px;
}

.faq-answer{
    padding:18px;
}

.faq-answer p{
    font-size:16px;
}


.banner-section{
    height:380px;
}

.banner-content span{
    font-size:14px;
    margin-bottom:15px;
}

.banner-content h1{
    font-size:26px;
    line-height:1.4;
    margin-bottom:20px;
}

.banner-btn{
    padding:12px 18px;
    font-size:14px;
}



.section-title span{
    font-size:12px;
}

.section-title h2{
    font-size:1.5rem !important;
}



.services-section{
    padding:45px 0;
}

.service-box{
    padding:30px 15px;
}

.service-box h3{
    font-size:20px;
}

.service-box p{
    font-size:15px;
    line-height:1.6;
}



.about-section{
    padding:45px 0;
}

.about-content h2{
    font-size:26px;
}

.about-content p{
    font-size:15px;
}

.about-btn{
    font-size:15px;
    padding:12px 20px;
}




.brands-section{
    padding:45px 0;
}

.brand-card{
    padding:20px 15px;
}

.brand-logo{
    width:120px;
    height:70px;
    display: none;
}

/* .brand-logo img{
    width:100px;
} */

.brand-content p{
    font-size:15px;
}


.contact-section{
    padding:45px 0;
}

.contact-left span{
    font-size:14px;
}

.contact-left h2{
    font-size:26px;
}

.contact-left p{
    font-size:15px;
}

.info-box{
    padding:20px 10px;
}

.info-box h3,
.info-box h4{
    font-size:17px;
}

.info-box span{
    font-size:14px;
}


.appointment-box{
    padding:25px 15px;
}

.appointment-box h2{
    font-size:20px;
}

.appointment-box input,
.appointment-box textarea{
    padding:12px 15px;
}

.appointment-box button{
    padding:14px;
}

.logo-slider .brand-item{
    height:80px;
}

.logo-slider .brand-item img{
    width:100px;
}
.contact-banner-content h1{
    font-size:36px;
}

.office-box,
.message-box{
    padding:25px;
}

.footer-logo img{
    width:180px;
}

.footer-social h3{
    font-size:17px;
}

.footer-disclaimer{
    padding:20px 0;
}

.footer-disclaimer p{
    font-size:14px;
    line-height:1.6;
}

.footer-middle h2{
    font-size:22px;
}

.footer-links li a{
    font-size:14px;
}

.footer-about p{
    font-size:15px;
}
.menu {
    display: flex;
    justify-content: center;}

.copyright{
    font-size:14px;
}
.owl-nav{display: none;}


.about-banner-section{

    height:260px;

}

.about-banner-content h1{

    font-size:30px;
    margin-bottom:20px;

}

.about-banner-content .about-btn{

    font-size:15px;
    padding:12px 18px;

}

.about-page-section{

    padding:45px 0;

}

.about-page-content h2{

    font-size:28px;

}

.about-page-content p{

    font-size:15px;
    line-height:1.7;

}
.inner-banner h1{
    font-size:30px;
}

.terms-content h2{
    font-size:24px;
}

.testimonial-title h2{

    font-size:28px;

}


.testimonial-top{

    display:block;

}


.testimonial-top img{

    margin-bottom:20px;

}


.testimonial-top p{

    font-size:15px;

}

.internet-card img{

    height:230px;

}

.xfinity-hero{
    padding-left: 0px;
}
.internet-card h3{

    font-size:20px;

}

.official-header{
      flex-direction: row; 
        gap:10px;
    }
 
    .status-pill{
        width:50%;
        justify-content:center;
    }
 
    .hero-content h1{
        font-size:1.5rem;
        line-height:1.3;
		font-weight: 700;
    }
 
    .hero-price strong{
        font-size:2rem;
    }
 
    .hero-price .speed{
        font-size:1.3rem;
    }
 
    .hero-price span{
        font-size:1rem;
    }
 
    .hero-btn{
        font-size:1.2rem;
    }
 
    .featured-plans .section-title h2{
        font-size:24px;
    }
 
    .plan-body h3{
        font-size:24px;
    }
 
    .plan-price{
        font-size:16px;
    }
 
    .plan-list li{
        font-size:14px;
    }
.xf-grid {
    display: grid;
   grid-template-columns: none;
    gap: 20px;
}
    .xf-heading{
        font-size:24px;
    }
 
    .xf-card h3{
        font-size:22px;
    }
 
    .xf-list li{
        font-size:14px;
    }
 
    .site-footer{
        padding:30px 15px;
    }
 
    .site-footer-text,
    .site-footer-nav a,
    .site-footer-copy{
        font-size:14px;
    }
 
    .site-footer-nav{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:8px;
    }
.hero-content {
padding-top: 185px;
}

.xf-call {
    text-align: center;
    margin-top: 15px;
}
 
.xf-container {
    display: block;
}

.site-footer-wrap{display:block;}
.site-footer-brand{padding-top: 20px;}



}