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

body{
    font-family: "Poppins", sans-serif;
}

.container{
    width:100%;
    max-width:1500px;
    margin:auto;
}
.logo{
    position: relative;
}
.logo img{
    margin-top: -45px;
}

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

.top-header{
    background:#1b1231;
    padding:8px 0;
}

.top-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
    color:#fff;
    font-size:17px;
}

.top-right strong{
    color:#ffc20e;
}

.btn{
    text-decoration:none;
    color:#fff;
    padding:6px 18px;
    border-radius:4px;
    font-size:13px;
    font-weight:600;
}
.btn.blue{
    background: linear-gradient(135deg, #004aad, #007bff);
}

.ab-blue{
    background: linear-gradient(135deg, #004aad, #007bff);
    color: #fff;
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.ab-blue:hover{
    background: linear-gradient(135deg, #007bff, #004aad);
}

.btn.dark{
    color:#fff;
}
.btn.dark .fa-wallet{
    color:#ffc20e;
    margin-right: 10px;
}

/*==================
HEADER
===================*/
.header{
    position:relative;
    background:#fff;
    z-index:999;
}

.header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.header nav{
    display: flex;
    align-items: center;
}
.header nav .broadband a{
    font-size: 16px;
}

/*==================
MENU
===================*/

.menu{
    display:flex;
    list-style:none;
    margin: 0;
    padding: 0;
}

.menu>li{
    position:relative;
}

.menu > li > a{
    display:flex;
    align-items:center;
    gap:6px;
    padding:35px 25px;
    text-decoration:none;
    color:#111;
    font-size:17px;
    font-weight:600;
    transition:.3s;
    justify-content: space-between;
}
.menu>li:hover>a{
    color:#0072ce;
}

.drop-icon{
    font-size:12px;
    transition:.3s ease;
}

/* Rotate icon on hover */
.menu > li:hover > a .drop-icon{
    transform:rotate(180deg);
}

/* Hide icon for menu items without submenu */
.menu > li:not(:has(.submenu)) .drop-icon{
    display:none;
}

/*==================
SUBMENU
===================*/

.submenu{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    min-width:240px;
    list-style:none;
    box-shadow:0 10px 20px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.3s;
    z-index:999;
    padding: 0;
}

.menu li:hover .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.submenu li a{
    display:block;
    padding:14px 20px;
    text-decoration:none;
    color:#333;
    border-bottom:1px solid #eee;
    transition:.3s;
}

.submenu li:last-child a{
    border:none;
}

.submenu li a:hover{

    background:#0072ce;
    color:#fff;

}


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

.hero-banner{
    width:100%;
    overflow:hidden;
    position:relative;
}

.hero-banner .heroSlider{
    width:100%;
}

.hero-banner .heroSlider .item{
    position:relative;
}

.hero-banner .heroSlider .item a{
    display:block;
}

.hero-banner .heroSlider .item img{
    width:100%;
    display:block;
    height:auto;
}

/* Navigation */

.hero-banner .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.45) !important;
    color:#fff !important;
    font-size: 24px !important;
    line-height: 52px !important;
    transition:.3s;
}

.hero-banner .owl-nav button:hover{
    background:#007dc6 !important;
}

.hero-banner .owl-prev{
    left:20px;
}

.hero-banner .owl-next{
    right:20px;
}

/* Dots */

.hero-banner .owl-dots{
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
}

.hero-banner .owl-dot span{
    width:15px !important;
    height:12px !important;
    border-radius: 6px;
    margin:3px !important;
    background:#ffffff !important;
    opacity:1;
    display: block;
    transition: 0.2s;
}

.hero-banner .owl-dot.active span{
    background:#00a8ff !important;
    width: 30px !important;
}


.feature-section{
    padding:90px 0 345px;
    background:#fff;
    overflow:hidden;
    font-family:'Poppins',sans-serif;
    background: #fff url(../images/bg-pertan.png) no-repeat;
    background-position: right -200px top -160px;
    position: relative;
}

/* Background dots */
.feature-section:before{
    content:"";
    position:absolute;
    z-index:9;
    left:0;
    bottom:0;
    background: url(../images/bg-pertan-2.png);
    width:673px;
    height:601px;
}


.feature-container{
    width:90%;
    max-width:1400px;
    margin:auto;
    position:relative;
    z-index:1;
}

.feature-heading{
    text-align:center;
    margin-bottom:140px;
}

.feature-heading h2{
    margin:0;
    font-size:35px;
    font-weight:600;
    color:#111;
    line-height:1.2;
}

.feature-heading p{
    margin:0;
    font-size:35px;
    font-weight:400;
    color:#111;
    line-height:1.2;
}

.feature-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.feature-item{
    flex:1;
    text-align:center;
    padding:0 35px;
    position:relative;
}

.feature-item:not(:last-child){
    border-right:1px solid #e4e4e4;
}

.feature-icon{
    height:72px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top: -50px;
    margin-bottom:30px;
}

.feature-icon img{
    object-fit:contain;
}

.feature-item h3{
    margin:0 0 20px;
    font-size:24px;
    line-height:1.2;
    font-weight:500;
    color:#111;
}

.feature-item p{
    margin:0;
    font-size:16px;
    line-height:1.4;
    color:#222;
}

@media(max-width:1200px){

    .feature-row{
        flex-wrap:wrap;
    }

    .feature-item{
        width:50%;
        flex:none;
        border:none !important;
        padding:35px;
    }

    .feature-item:nth-child(odd){
        border-right:1px solid #e5e5e5 !important;
    }

}


/*==============================
 Banner Section
===============================*/



.ar-banner{
    padding:70px 0;
    background:#fff;
    overflow:hidden;
}


.ar-banner-slider .item{
    padding:0;
}

.ar-banner-card{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.ar-banner-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ar-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
    rgba(5,6,49,1) 23%,
    rgba(5,6,49,0.60) 42%,
    rgba(5,6,49,.15) 60%);
}

.ar-content{
    position:absolute;
    top:50%;
    left:80px;
    transform:translateY(-50%);
    color:#fff;
    max-width:420px;
}

.ar-content h2{
    font-size:40px;
    line-height:1.05;
    margin-bottom:20px;
}

.ar-content p{
    font-size:18px;
    line-height:1.5;
    margin-bottom:35px;
}

.ar-content a{
    display:inline-block;
    padding:15px 35px;
    background:#ffc61b;
    color:#000;
    border-radius:14px;
    text-decoration:none;
    font-weight:700;
}

.ar-banner .owl-item{
    transition:.4s;
}

.ar-banner .owl-item:not(.center){
    transform:scale(.88);
    opacity:1;
}

.ar-banner .owl-item.center{
    transform:scale(1);
}

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

.ar-banner .owl-dot span{
    width: 15px !important;
    height: 12px !important;
    border-radius: 6px;
    margin: 3px !important;
    background: #ccecff !important;
    opacity: 1;
    display: block;
    transition: 0.2s;
}

.ar-banner .owl-dot.active span{
    background: #00a8ff !important;
    width: 30px !important;
}

/* ===========================
         Broadband-Section
=========================== */


.broadband-section{
    padding: 50px 0 120px;
    background:#fff;
    font-family:'Poppins',sans-serif;
}

.broadband-section .banner-img img{
    width:100%;
    border-radius:15px;
    display:block;
}

.broadband-section .banner-content{
    padding-left:70px;
}

.broadband-section .banner-content h2{
    margin:0;
    color:#1492ee;
    font-size:35px;
    font-weight:600;
    line-height:1.1;
}

.broadband-section .banner-content h3{
    margin:5px 0 35px;
    color:#111;
    font-size:35px;
    font-weight:400;
    line-height:1.2;
}

.broadband-section .banner-content p{
    margin-bottom:28px;
    color:#222;
    font-size:18px;
    line-height:1.4;
}

.broadband-section .know-btn{
    display:inline-block;
    padding:8px 25px;
    background:#f7b500;
    color:#000;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    border-radius:10px;
    transition:.3s;
}

.broadband-section .know-btn:hover{
    background: #1492ee;
    color: #f7f7f7;
}

@media (max-width:991px){

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

    .broadband-section .banner-content{
        padding-left:0;
        margin-top:40px;
    }

    .broadband-section .banner-content h2{
        font-size:38px;
    }

    .broadband-section .banner-content h3{
        font-size:34px;
    }

    .broadband-section .banner-content p{
        font-size:17px;
    }
   
}

@media (max-width:767px){

    .broadband-section{
        padding:40px 0;
    }

    .broadband-section .banner-content h2{
        font-size:30px;
    }

    .broadband-section .banner-content h3{
        font-size:26px;
    }

    .broadband-section .banner-content p{
        font-size:16px;
    }
}


/* ===========================
         Testimonial
=========================== */


.testimonial-section{
    background:#e5f5ff;
    padding:80px 0;
    position:relative;
}

.testimonial-section .container{
    width:90%;
    max-width:1400px;
    margin:auto;
}

.testimonial-title{
    text-align:center;
    font-size:35px;
    font-weight:600;
    margin-bottom:60px;
    color:#082032;
}

.testimonial-slider .item{
    padding:15px;
}

.testimonial-card{
    background:#fff;
    border-radius:18px;
    padding:40px;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.testimonial-card h3{
    font-size:24px;
    line-height:1.2;
    color:#0b2239;
    margin-bottom:25px;
    font-weight:500;
}

.testimonial-card p{
    font-size:16px;
    line-height:1.6;
    color:#222;
    margin-bottom:40px;
    min-height: 180px;
}

.testimonial-user{
    border-top:1px solid #ddd;
}

.testimonial-section .testimonial-slider .testimonial-user img{
    width:47px;
    height:47px;
    border-radius:50%;
    display:block;
    margin-top:-23px;
}

.testimonial-card span{
    color:#009eff;
    font-size:16px;
    margin-top: 20px;
    display: block;
}

/* Owl */

.testimonial-slider .owl-stage{
    display:flex;
}

.testimonial-slider .owl-item{
    display:flex;
}

.testimonial-slider .owl-nav{
    margin:0;
}

.testimonial-slider .owl-prev,
.testimonial-slider .owl-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border-radius:8px !important;
    background:#fff !important;
    border:1px solid #ccecff !important;
    color:#0b2239 !important;
    font-size: 24px !important;
    line-height: 45px !important;
    box-shadow:0 3px 8px rgba(0,0,0,.08);
}

.testimonial-slider .owl-nav button span{top:-2px; position: relative;} 
.testimonial-slider .owl-prev{
    left:-18px;
}

.testimonial-slider .owl-next{
    right:-18px;
}

.testimonial-slider .owl-prev:hover,
.testimonial-slider .owl-next:hover{
    background:#fff !important;
    color:#1485ff !important;
}

.testimonial-slider .owl-dots{
    display:none;
}




/* ===========================
            FAQs
=========================== */

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

.faq-title{
    font-size:35px;
    font-weight:600;
    color:#111;
}

.faq-accordion .accordion-item{
    border:none;
    background:#eef7fd;
    border-radius:10px;
    margin-bottom:20px;
    overflow:hidden;
}

.faq-accordion .accordion-button{
    background:#eef7fd;
    box-shadow:none;
    padding:23px 40px;
    font-size:18px;
    font-weight:600;
    color:#111;
}

.faq-accordion .accordion-button:not(.collapsed){
    background:#eef7fd;
    color:#111;
}

.faq-accordion .accordion-button::after{
    background-size:18px;
}

.faq-accordion .accordion-body{
    background:#eef7fd;
    padding:25px 40px 30px;
    border-top:1px solid #d9d9d9;
    font-size:17px;
    color:#444;
    line-height:1.6;
}

.faq-accordion .accordion-button:focus{
    box-shadow:none;
}



/* ===========================
        SITE FOOTER
=========================== */

.siti-footer{
    background:#070728;
    font-family:'Poppins',sans-serif;
    color:#fff;
}

.siti-footer .sf-top{
    display:flex;
    justify-content:space-between;
    gap:70px;
    padding:60px 0;
}

.siti-footer .sf-left{
    width:320px;
}

.siti-footer .sf-logo img{
    margin-bottom:30px;
}

.siti-footer .support-text{
    color:#8f8fa6;
    font-size:15px;
    margin-bottom:18px;
}

.siti-footer .support-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:35px;
}

.siti-footer .support-icon img{
    width:55px;
}

.siti-footer .support-content h3{
    font-size:24px;
    font-weight:500;
    margin-bottom:4px;
}

.siti-footer .support-content a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    margin-bottom: 6px;
    display: block;
}

.siti-footer .social-icons{
    display:flex;
    list-style:none;
    gap:26px;
}

.siti-footer .social-icons a{
    color:#fff;
    font-size:26px;
    transition:.3s;
}

.siti-footer .social-icons a:hover{
    color:#ffc329;
}

.siti-footer .sf-column{
    min-width:190px;
}

.siti-footer .sf-column h4{
    margin-bottom:20px;
    font-size:16px;
    font-weight:500;
}

.siti-footer .sf-column ul{
    list-style:none;
    padding: 0;
}

.siti-footer .sf-column li{
    margin-bottom:10px;
}

.siti-footer .sf-column a{
    color:#8d8da3;
    text-decoration:none;
    font-size:16px;
    font-weight: 300;
    transition:.3s;
}

.siti-footer .sf-column a:hover{
    color:#fff;
}

.siti-footer .sf-bottom{
    background:#f7f7f7;
    padding:15px 0;
}

.siti-footer .sf-bottom p{margin: 0;}

.siti-footer .bottom-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.siti-footer .bottom-wrap p{
    color:#000;
    font-size:14px;
    font-weight: 300;
    opacity: 0.6;
}

.siti-footer .bottom-wrap ul{
    display:flex;
    list-style:none;
    gap:18px;
    margin: 0;
    padding: 0;
}

.siti-footer .bottom-wrap li{
    position:relative;
}

.siti-footer .bottom-wrap li:not(:last-child)::after{
    content:"|";
    position:absolute;
    right:-11px;
    color:#999;
}

.siti-footer .bottom-wrap a{
    color:#000;
    text-decoration:none;
    font-size:14px;
    font-weight: 300;
    opacity: 0.6;
}

.siti-footer .bottom-wrap a:hover{
    opacity: 1;
}

@media(max-width:991px){

    .siti-footer .sf-top{
        flex-wrap:wrap;
        gap:40px;
    }

    .siti-footer .sf-left{
        width:100%;
    }

    .siti-footer .sf-column{
        width:45%;
    }

    .siti-footer .bottom-wrap{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }

}





/*==============================
   SITI Networks About Tabs
==============================*/

.sn-about-tabs{
    padding:0;
}

/* Heading */

.sn-about-tabs h2{
    font-size:36px;
    font-weight:700;
    color:#222;
    margin-bottom:40px;
}

.sn-about-tabs p{
    line-height:1.4;
    font-size:17px;
}

/*==============================
    Bootstrap Tabs
==============================*/

.sn-about-tabs .nav{
    gap:15px;
}

.sn-about-tabs .nav-pills .nav-link{
    background:#fff;
    color:#333;
    border:1px solid #dee2e6;
    border-radius:10px;
    padding:13px 35px;
    font-weight:600;
    transition:.35s;
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.sn-about-tabs .nav-pills .nav-link:hover{
    background:#004aad;
    color:#fff;
    border-color:#004aad;
    transform:translateY(-3px);
}

.sn-about-tabs .nav-pills .nav-link.active{
    background:linear-gradient(135deg,#004aad,#007bff);
    color:#fff;
    border:none;
    box-shadow:0 10px 25px rgba(0,74,173,.35);
}

/*==============================
     Tab Content
==============================*/

.sn-about-tabs .tab-content{
    background:transparent !important;
    border-radius:15px !important;
    padding:45px !important;
    box-shadow: none !important;
}

.sn-about-tabs .tab-pane h3{
    font-size:30px;
    font-weight:700;
    color:#003366;
    margin-bottom:20px;
}
.sn-about-tabs .tab-pane h4{
    font-size:25px;
    font-weight:500;
}

.sn-about-tabs .tab-pane p{
    margin-bottom:20px;
    text-align:justify;
}

/*==============================
      History Image
==============================*/

.sn-about-tabs .tab-pane img{
    border-radius:10px;
    transition:.4s;
}

.sn-about-tabs .tab-pane img:hover{
    transform:scale(1.02);
}

/*==============================
    Technology Partners
==============================*/

.sn-about-tabs .partner-box{
    background:#fff;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.sn-about-tabs .partner-box:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    border-color:#004aad;
}

.sn-about-tabs .partner-box img{
    width:auto;
    height:auto;
    transition:.35s;
}

.sn-about-tabs .partner-box:hover img{
    transform:scale(1.08);
}

/*==============================
      Fade Animation
==============================*/

.sn-about-tabs .tab-pane.fade{
    transition:opacity .35s ease-in-out;
}

/*==============================
      Responsive
==============================*/

@media(max-width:991px){

    .sn-about-tabs{
    padding:50px 0;
    }

    .sn-about-tabs .tab-content{
    padding:30px;
    }

    .sn-about-tabs h2{
    font-size:30px;
    }

    .sn-about-tabs .tab-pane h3{
    font-size:26px;
    }

    .sn-about-tabs .partner-box{
    height:110px;
    }

}

@media(max-width:767px){
    .sn-about-tabs .nav{
    flex-direction:column;
    gap:12px;
    }

    .sn-about-tabs .nav-pills .nav-link{
    width:100%;
    }

    .sn-about-tabs .tab-content{
    padding:25px;
    }

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

    .sn-about-tabs .tab-pane h3{
    font-size:24px;
    }

    .sn-about-tabs .partner-box{
    height:95px;
    padding:15px;
    }

    .sn-about-tabs .partner-box img{
    max-width:110px;
    }

}

@media(max-width:576px){
    .sn-about-tabs{
    padding:40px 0;
    }

    .sn-about-tabs .tab-content{
    padding:20px;
    }

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

    .sn-about-tabs .partner-box{
    height:85px;
    }

    .sn-about-tabs .partner-box img{
    max-width:90px;
    }

}




/*===============================
    Growth History
================================*/

.growth-history-section {
    background: #ffffff;
    padding: 70px 0;
    overflow: hidden;
}

.growth-history-section .growth-title {
    font-size: 30px;
    font-weight: 700;
    color: #111;
    margin-bottom: 50px;
    position: relative;
}

.growth-history-section .growth-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #0056b3;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
    border-radius: 30px;
}

/* Left Intro */

.growth-history-section .growth-intro {
    font-size: 18px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 45px;
}

/* Timeline */

.growth-history-section .growth-timeline {
    position: relative;
    padding-left: 35px;
}

.growth-history-section .growth-timeline:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #555;
}

/* Timeline Item */

.growth-history-section .timeline-item {
    position: relative;
    margin-bottom: 40px;
}

.growth-history-section .timeline-item:last-child {
    margin-bottom: 0;
}

/* Dot */

.growth-history-section .timeline-item .dot {
    position: absolute;
    left: -28px;
    top: 10px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 3px solid #111;
    border-radius: 50%;
    z-index: 2;
}

/* Content */

.growth-history-section .timeline-content {
    padding-left: 18px;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 10px;
}

.growth-history-section .timeline-content h3 {
    font-size: 25px;
    font-weight: 700;
    color: #111;
    margin-bottom: 10px;
    line-height: 1;
}

.growth-history-section .timeline-content p {
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 0;
}

.growth-history-section .timeline-content ul {
    margin: 0;
    padding-left: 20px;
}

.growth-history-section .timeline-content ul li {
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    margin-bottom: 12px;
}

.growth-history-section .timeline-content ul li:last-child {
    margin-bottom: 0;
}

/* Column spacing */

.growth-history-section .row>[class*="col-"] {
    margin-bottom: 35px;
}

/* Hover Effect */

.growth-history-section .timeline-item {
    transition: .3s;
}

.growth-history-section .timeline-item:hover {
    transform: translateY(-4px);
}

.growth-history-section .timeline-item:hover .dot {
    background: #0056b3;
    border-color: #0056b3;
}

.growth-history-section .timeline-item:hover h3 {
    color: #0056b3;
}

/*============================
Responsive
============================*/

@media (max-width:1199px) {

    .growth-history-section .growth-title {
        font-size: 36px;
    }

    .growth-history-section .timeline-content h3 {
        font-size: 30px;
    }

}

@media (max-width:991px) {

    .growth-history-section {
        padding: 60px 0;
    }

    .growth-history-section .growth-intro {
        margin-bottom: 35px;
    }

    .growth-history-section .growth-timeline {
        margin-bottom: 40px;
    }

}

@media (max-width:767px) {

    .growth-history-section .growth-title {
        font-size: 30px;
    }

    .growth-history-section .growth-intro {
        font-size: 16px;
    }

    .growth-history-section .timeline-content h3 {
        font-size: 26px;
    }

    .growth-history-section .timeline-content p,
    .growth-history-section .timeline-content ul li {
        font-size: 15px;
    }

    .growth-history-section .growth-timeline {
        padding-left: 30px;
    }

    .growth-history-section .timeline-item .dot {
        left: -24px;
    }

}



.about-hero-section {
    background: url(../images/aboutus-banner.jpg) top center / cover no-repeat;
    min-height: 700px;;
}

.about-hero-section .why-hero-content{
    margin-top: 150px;
    display: inline-block;
}
.sn-about-tabs .page-content-area{
    padding: 60px 0 0;
}

/* ==========================
   Privacy Policy
========================== */

.page-content-area {
    padding: 0;
    position: relative;
    border-radius: 15px !important;
    /*box-shadow: 0 15px 40px rgba(0, 0, 0, .08) !important;*/
    margin-bottom: 70px;
}
.no-decoration{
    background: transparent !important;
    box-shadow: none !important;
}

.page-content-area .container {
    margin: 0 auto;
    padding: 0 15px;
}

.page-content-area h2 {
    font-size: 38px;
    font-weight: 700;
    color: #0f2d52;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.page-content-area h2::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #ff6b00;
    display: block;
    margin: 15px auto 0;
    border-radius: 10px;
}

.page-content-area .privacy-section {
    background: #ffffff;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    border-left: 5px solid #007dc6;
    transition: all .3s ease;
}

.page-content-area .privacy-section:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.10);
}

.page-content-area h3 {
    font-size: 24px;
    color: #0f2d52;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.4;
}

.page-content-area p {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 18px;
    text-align: justify;
}

.page-content-area ul {
    margin: 0 0 20px 20px;
    padding: 0;
}

.page-content-area ul li {
    font-size: 16px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
}

.page-content-area strong {
    color: #0f2d52;
    font-weight: 600;
}

.page-content-area a {
    color: #0f2d52;
    text-decoration: none;
    transition: .3s;
}

.page-content-area a:hover {
    color: #007dc6;
    text-decoration: underline;
}

/* Last Section */
.page-content-area .privacy-section:last-child {
    background: #fff8f2;
    border-left-color: #e63946;
}

.page-content-area .privacy-section:last-child h3 {
    color: #d62828;
}

.page-content-area .privacy-section:last-child p {
    font-weight: 600;
    color: #333;
}

/* Responsive */

@media (max-width:991px){

    .page-content-area{
        padding:60px 0;
    }

    .page-content-area h2{
        font-size:32px;
    }

    .page-content-area h3{
        font-size:22px;
    }

    .page-content-area .privacy-section{
        padding:30px;
    }

}

@media (max-width:767px){

    .page-content-area{
        padding:50px 0;
    }

    .page-content-area h2{
        font-size:28px;
        margin-bottom:40px;
    }

    .page-content-area .privacy-section{
        padding:25px 20px;
        margin-bottom:20px;
    }

    .page-content-area h3{
        font-size:20px;
    }

    .page-content-area p,
    .page-content-area ul li{
        font-size:15px;
        line-height:1.8;
    }

}

@media (max-width:575px){

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

    .page-content-area h3{
        font-size:18px;
    }

    .page-content-area p,
    .page-content-area ul li{
        font-size:14px;
    }

}




.trai-heading p{
    font-size:17px;
    color:#555;
}



/*==================================================
MEDIA KIT SECTION
==================================================*/

.media-kit-section{
    position: relative;
    padding:0 50px;
    overflow:hidden;
}

.media-kit-section .container{
    position:relative;
    z-index:2;
}

/*==================================
Heading
==================================*/

.media-kit-heading{
    margin:0 auto 60px;
}
.media-kit-heading p{
    font-size: 19px;
}

/*==================================
Content
==================================*/

.media-kit-content{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:60px;
    border-top:1px solid rgba(255,255,255,.35);
    padding-top:50px;
}

/*==================================
Left Side
==================================*/

.media-kit-left{
    width:40%;
    padding-right:50px;
    border-right:1px solid rgba(255,255,255,.35);
}

.media-kit-left h3{
    font-size:25px;
    font-weight:700;
    margin-bottom:25px;
}

.media-logo-box{
    background:#fff;
    text-align:center;
    margin-bottom:25px;
}

.media-logo-box img{
    max-width:100%;
    height:auto;
    border: 1px solid #c1ddef;
    border-radius: 10px;
}

.download-text{
    font-size:24px;
    margin-bottom:25px;
}

.download-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px 35px;
    border:2px solid #377ddb;
    border-radius:40px;
    color:#377ddb;
    text-decoration:none;
    font-size:20px;
    font-weight:600;
    transition:.3s;
    text-decoration: none !important;
}

.download-btn:hover{
    background: linear-gradient(135deg, #004aad, #007bff);
    color:#fff !important;
}

.download-btn i{
    font-size:18px;
}

/*==================================
Right Side
==================================*/

.media-kit-right{
    width:60%;
}

.media-kit-right h3{
    font-size:25px;
    font-weight:700;
    margin-bottom:40px;
}


.contact-title{
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.contact-details h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
}

.contact-details p{
    margin-bottom:25px;
}

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

.contact-item i{
    width:26px;
    font-size:22px;
}

.contact-item a{
    text-decoration:none;
    color:#377ddb;
    transition:.3s;
}

.contact-item a:hover{
    color:#007dc6;
}



/*=============================
 Complaint Status
==============================*/

.complaint-status{
    padding: 0 50px;
}

.complaint-status .status-title{
    margin-bottom:80px;
}




/*======================================
 Employee Referral Popup
 Parent Class : .erp-status-popup
======================================*/

.erp-status-popup .modal-dialog{
    max-width:720px;
}

.erp-status-popup .modal-content{
    border:0;
    border-radius:18px;
    background:transparent;
    box-shadow:none;
}

.erp-status-popup .modal-body{
    padding:0;
}

/* Close Button */

.erp-status-popup .erp-close-btn{
    position:absolute;
    top: 3px;
    right: -18px;
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#000;
    font-size:28px;
    line-height:34px;
    text-align:center;
    cursor:pointer;
    z-index:99;
    box-shadow:0 2px 10px rgba(0,0,0,.25);
    transition:.3s;
}

.erp-status-popup .erp-close-btn:hover{
    background:#f5f5f5;
}

/* Popup Body */

.erp-status-popup .erp-status-box{
    background:#fff;
    border-radius:18px;
    padding:35px 30px 40px;
    text-align:center;
}

/* Heading */

.erp-status-popup .erp-status-box h2{
    margin:0;
    font-size:30px;
    font-weight:700;
    color:#000;
}

.erp-status-popup .erp-status-box h4{
    margin:8px 0 28px;
    font-size:20px;
    font-weight:600;
    color:#000;
}

/* Input */

.erp-status-popup .erp-input-group{
    margin-bottom:20px;
}

.erp-status-popup .erp-input-group input{
    width:100%;
    max-width:310px;
    height:40px;
    margin:auto;
    padding:0 15px;
    border:1px solid #cfcfcf;
    border-radius:0;
    background:#fff;
    color:#333;
    font-size:15px;
    box-shadow:none;
}

.erp-status-popup .erp-input-group input:focus{
    outline:none;
    border-color:#999;
    box-shadow:none;
}

.erp-status-popup .erp-input-group input::placeholder{
    color:#9a9a9a;
}

/* OR Text */

.erp-status-popup .erp-or{
    margin:15px 0 22px;
    font-size:24px;
    font-weight:500;
    color:#000;
}

/* Button */

.erp-status-popup .erp-btn-area{
    margin-top:30px;
}

.erp-status-popup .erp-status-btn{
    min-width:140px;
    height:40px;
    padding:0 25px;
    border:2px solid #ff4d00;
    border-radius:6px;
    background:#fff;
    color:#ff4d00;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.erp-status-popup .erp-status-btn:hover{
    background:#ff4d00;
    color:#fff;
}

/* Responsive */

@media (max-width:767px){

    .erp-status-popup .modal-dialog{
        margin:15px;
    }

    .erp-status-popup .erp-status-box{
        padding:25px 20px 30px;
    }

    .erp-status-popup .erp-status-box h2{
        font-size:28px;
    }

    .erp-status-popup .erp-status-box h4{
        font-size:18px;
        margin-bottom:20px;
    }

    .erp-status-popup .erp-input-group input{
        max-width:100%;
    }

    .erp-status-popup .erp-status-btn{
        width:100%;
        max-width:220px;
    }

}


.careers-hero-section {
    background: url(../images/career-page-banner.jpg) top center / cover no-repeat;
    min-height: 700px;;
}


a.back-btn {
    display: block;
    text-decoration: none;
    color: #333;
    margin-bottom: 50px;
}
a.back-btn:hover{
    color: #007dc6;   
}


.ab-hero-section{min-height: 750px;}
img{max-width: 100%;}


/*------------------------- Responsive -----------------------*/

/* Hamburger */

.menu-toggle{display:none;width:45px;height:45px;border:none;background:none;cursor:pointer;padding:0;}
.menu-toggle span{display:block;width:28px;height:3px;margin:6px auto;background:#000; transition:.35s;}

@media(min-width:1201px) and (max-width:1550px){

    .container{padding: 0 50px;}
    .logo {width: 300px;}
    .inner-feature-section .feature-container {padding: 70px 50px;}

}


@media(min-width:1201px) and (max-width:1400px){
    .siti-footer .sf-top{gap: 25px;}
    .siti-footer .sf-column a{font-size: 14px;}
    .siti-footer .sf-logo img{width: 210px;}
    .siti-footer .support-content h3{font-size: 18px;}
    .siti-footer .social-icons{gap: 20px;}
    .container{padding: 0 50px !important;}
    .referral-wrapper, .press-wrapper{padding: 0 15px;}
    .menu>li>a {padding: 25px 14px; font-size: 15px;}
    .logo {width: 280px;}
    .inner-feature-section .feature-container{padding: 70px 40px;}

    .ar-banner{padding: 20px 15px;}
    .ar-content{left: 15px;}
    .ar-content h2{font-size: 28px;margin-bottom: 10px;}
    .ar-content a{padding: 5px 20px;border-radius: 4px;font-weight: 500;}

}


@media(max-width:1200px){

    .testimonial-title{font-size:42px;}
    .testimonial-card h3{font-size:30px;}
    .testimonial-card p{font-size:18px;}
    .testimonial-user span{font-size:18px;}
    .siti-footer .sf-top{gap: 25px;}
    .siti-footer .sf-column{min-width: auto;}
    .logo {width: 270px;}
    .menu{flex-wrap:wrap;}
    .menu>li>a{padding: 25px 8px; font-size: 14px;}
    .header nav .broadband a {font-size: 14px;}
    .ab-blue{padding: 10px 15px;}
    .inner-feature-section .feature-container{padding: 70px 30px;}

    .ar-banner{padding: 20px 15px;}
    .ar-content{left: 30px;}
    .ar-content h2{font-size: 30px;margin-bottom: 10px;}
    .ar-content a{padding: 5px 20px;border-radius: 4px;font-weight: 500;}

}

/* Mobile */

@media(max-width:991px){

    .header .container{height:60px; box-shadow: 0 0 10px #ccc;}
    .menu-toggle{ display:block;z-index:1002;}
    .header nav{ position:fixed;top:0;right:-100%;width:300px; height:100vh;background:#fff;display:block;overflow-y:auto;transition:.4s; padding-top:80px; box-shadow:-5px 0 20px rgba(0,0,0,.15);}
    .header nav.active{right:0;}
    .menu{display:block;}
    .menu>li{margin:0;border-bottom:1px solid #eee;}
    .menu>li>a{padding:16px 20px;font-size: 16px;}
    .submenu{position:static;display:none; width:100%;box-shadow:none;background:#f7f7f7;}
    .submenu li a{padding:12px 35px;}
    .broadband{margin:20px;}
    .ab-blue{width:100%;text-align:center;max-width: 170px;}

    /* Hamburger Animation */

    .menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}
    .menu-toggle.active span:nth-child(2){ opacity:0;}
    .menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

    /* Overlay */

    body.menu-open:before{ content:"";position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:998;}
    .header{z-index:999;position: sticky; top: 0;}

    .faq-accordion .accordion-button{font-size:18px; padding:20px;}
    .faq-accordion .accordion-body{padding:20px; font-size:16px;}
    .grievance-title{font-size:20px;}
    .grievance-card-body h4{font-size:20px;}
    .grievance-card-header{font-size:20px;}
    .grievance-card-body li{font-size: 14px;}
    .referral-wrapper{padding: 20px 15px;}
    .referral-circle-wrap{width:280px;}
    .referral-circle{width:250px; height:250px;}
    .referral-circle h3{font-size:28px;}
    .referral-circle span,
    .referral-circle strong{font-size:50px;}
    .reward-card{margin-bottom:20px;}
    .erp-form-wrapper{padding:55px 20px 20px;}
    .erp-form-title{font-size:24px; padding:0 12px;top:-16px;white-space: normal;}
    .erp-block-title{font-size:24px;}
    .erp-submit-btn{width:100%;}
    .erp-status-btn{width:100%; min-width:100%;}

    .media-kit-section{padding:60px 0;}
    .media-kit-content{flex-direction:column; gap:40px; }
    .media-kit-left, .media-kit-right{width:100%; border:none;padding-right:0; }
    .media-kit-left{border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:40px;}
    .media-kit-heading h2{font-size:38px;}
    .media-kit-heading p{font-size:18px;}
    .media-kit-left h3, .media-kit-right h3{font-size:32px;}
    .download-text{font-size:20px;}
    .contact-title,
    .contact-details p,
    .contact-item a{font-size:18px;}
    .contact-details h4{font-size:28px;}

    .press-grid {gap: 20px;}
    .erp-grid, .press-grid{grid-template-columns: repeat(2, 1fr);}

    .login-left{}
    .login-overlay{display: none;}
    .login-content{position: initial;}
    .login-title{font-size: 35px;}
    .login-card{width:100%; max-width:530px; margin:50px 0;}
    .login-logo{max-width: 250px;margin-bottom: 20px !important;}
    a.back-btn{margin: 30px 0;}
    .login-subtitle{font-size: 20px;}
    .inner-feature-section .feature-container{padding: 70px 20px;}

    .ar-banner{padding: 20px 15px;}
    .ar-content{left: 15px;}
    .ar-content h2{font-size: 28px;margin-bottom: 10px;}
    .ar-content a{padding: 5px 20px;border-radius: 4px;font-weight: 500;}

}


@media(max-width:768px){

    .logo img {margin-top: 0; width: 170px;}
    .top-right{font-size: 13px;}
    .ab-blue{padding: 6px 10px;}
    .top-header{padding: 4px 0;}
    .why-hero-content p{font-size: 15px; line-height: 1.2;}
    .why-hero-content h1{font-size: 25px;}
    .inner-feature-section{padding: 0 15px;}
    .ab-hero-section{min-height: 600px;}
    .why-hero-content{margin-top: 40px;}
    .inner-feature-section .feature-container{padding: 40px 15px;background-size: 410px;}
     .feature-heading h2{font-size:22px;}
    .inner-feature-section .feature-heading{ margin-bottom: 30px; }
    .feature-heading p{font-size:18px;}
    .feature-item{width:100%; border:none !important; padding:25px 10px;}
    .feature-item h3{ font-size:20px; }
    .feature-item p{font-size:16px;}
    .feature-text{font-size: 16px;}
    .feature-icon{margin-top: 0;}
    .feature-row{margin-top: 0 !important;}
    .feature-item:nth-child(odd){border: none !important;}
    .broadband-feature-item,.broadband-feature-item.reverse-item{flex-direction:column;gap: 35px;}
    .broadband-feature-image img,.broadband-feature-content p{margin: 0 auto;}
    .broadband-feature-image,
    .broadband-feature-content{width:100%;}
    .broadband-feature-content{text-align:center;}
    .feature-line{margin:35px auto 0;}
    .broadband-feature-content h2{font-size: 25px;}
    .broadband-feature-content p{font-size: 16px;}
    .siti-footer .bottom-wrap a{font-size: 12px;}

    .hero-banner .owl-nav button{width:40px; height:40px;font-size:20px !important;line-height: 42px !important;}
    .hero-banner .owl-prev{left:10px;}
    .hero-banner .owl-next{right:10px;}
    .hero-banner .owl-dots{bottom:0;}

    .feature-section{padding: 31px 0 345px;}
    .feature-heading{margin-bottom: 40px;}
    .best-selling-plans .title{font-size: 22px;letter-spacing: 2px;}
    .broadband-plans .plans-slider{padding: 0 25px;}
    .broadband-plans .owl-prev, .broadband-plans .owl-next{width: 35px;}
    .ar-banner{padding: 20px 15px;}
    .ar-content{left: 15px;}
    .ar-content h2{font-size: 18px;margin-bottom: 10px;}
    .ar-content p{font-size: 14px;line-height: 1.4;margin-bottom: 20px;}
    .ar-content a{padding: 5px 20px;border-radius: 4px;font-size: 12px; font-weight: 500;}

    .testimonial-section{padding: 50px 0;}
    .testimonial-title{font-size:28px; }
    .testimonial-card{padding:25px;min-height:auto;}
    .testimonial-card h3{font-size:18px;}
    .testimonial-card p{font-size:15px;}
    .testimonial-slider .owl-prev, .testimonial-slider .owl-next{width: 35px;}
    .testimonial-slider .owl-prev{left:-18px;}
    .testimonial-slider .owl-next{right:-18px;}

    .faq-title{font-size:25px;}
    .faq-accordion .accordion-button {font-size: 15px; padding: 15px;}
    .faq-accordion .accordion-body {font-size: 14px;}

    .grievance-title {font-size: 22px;}
    .grievance-info-card{padding: 20px;}
    .grievance-info-card .row{display: block;}
    .grievance-info-card p{font-size: 15px; line-height: 1.5;}
    .grievance-info-card .col-auto{text-align: center;}
    .grievance-card-body {padding: 20px;}

    .resolution-process{border: none;}
    .resolution-title{font-size: 25px;}
    .resolution-process .col-6{width:100%;flex:0 0 100%; max-width:100%;}
    .resolution-step{border:1px solid #e5e5e5 !important; border-radius:10px; padding:20px 15px; margin-bottom:15px; text-align:center;}
    .step-top{justify-content:center; gap:15px; margin-bottom:15px;}
    .step-top i{width:50px; height:50px;}
    .step-top img{width:28px; height:28px;}
    .step-top span{font-size:30px;}
    .resolution-step h5{font-size:18px; margin-bottom:10px;}
    .resolution-step p{font-size:14px; line-height:1.6;margin-bottom:0;}
    .erp-form-title{font-size:24px; padding:0 12px;top: -24px;white-space: normal;width: 250px;}

    .inner-feature-section .feature-container{width: 100%;}
    .siti-footer .sf-logo img{width: 250px;}

    .sn-about-tabs .tab-content{padding: 45px 0 !important;}
    .sn-about-tabs .tab-pane img{margin-bottom: 20px;}

    .media-kit-section{padding:50px 0;}
    .media-kit-heading h2{font-size:30px;}
    .media-kit-heading span{width:90px;}
    .media-kit-heading p{font-size:16px; line-height:1.7;}
    .media-kit-left h3, .media-kit-right h3{font-size:26px;}
    .download-btn{width:100%; font-size:17px; padding:14px 20px;}
    .download-text{font-size:18px;}
    .contact-title,
    .contact-details p,
    .contact-item a{font-size:16px;}
    .contact-details h4{font-size:22px;}
    .contact-item{gap:10px;}
    .login-left{min-height: auto;}
    .login-content{text-align: center;}
    .inner-feature-section .feature-container{padding: 70px 15px;}


}


@media(max-width:600px){
    .siti-footer .sf-column{ width:100%;}
    .siti-footer .social-icons{justify-content:flex-start;}
    .siti-footer .support-content h3{font-size:20px;}
    .siti-footer .sf-column h4{margin-bottom: 10px;}
    .siti-footer .sf-column a{font-size:15px;}
    .siti-footer .bottom-wrap ul{justify-content:center;}
    .siti-footer .sf-column li{margin-bottom: 0;}
    .siti-footer .sf-top {gap: 20px;padding: 35px 0;}

    .faq-section {padding: 50px 0;}
    .help-content{padding: 50px 15px;}
    .help-content h2{font-size: 25px;}
    .help-content p{font-size: 16px;}
    .help-phone{gap: 15px;font-size: 20px;}
    .help-footer{display: block;}
    .referral-step{gap: 10px;width: 100%;}

    .reward-card{padding: 15px 15px;}
    .erp-grid, .press-grid{grid-template-columns: repeat(1, 1fr);}
    .erp-form-wrapper form {padding: 0;}
    .erp-status-box{padding: 15px;}
    .login-card{padding: 20px !important;}
    .login-tabs .nav-link{padding: 10px 13px;}

}