@media(max-width:992px) {
    /* h1 {
        font-size: 50px
    }

    .hero {
        flex-direction: column;
        text-align: center
    } */

    .card {
        flex-direction: column;
        gap: 20px;
        border-radius: 25px
    }
}

@media(max-width:768px) {
    nav {
        display: none;
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        background: #00307a;
        flex-direction: column;
        padding: 20px;
        z-index: 9;
    }

    nav.show {
        display: flex
    }

    #ham {
        display: block;
        cursor: pointer
    }

    .btn {
        display: none
    }

    h1 {
        font-size: 38px
    }

    .right p,
    .card span {
        font-size: 17px
    }

    .card h3 {
        font-size: 25px
    }
}





@media (max-width: 992px) {
    .hero {
        flex-direction: column;
        text-align: center;
        padding: 50px 5%;
        gap: 40px;
    }

    .hero .left,
    .hero .right {
        width: 100%;
    }

    .hero .left .wifi img {
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
    }

    .hero h1 {
        font-size: 50px;
        line-height: 1.2;
    }

    .hero .card {
        flex-direction: column;
        gap: 20px;
        border-radius: 25px;
        padding: 20px;
        max-width: 450px;
        margin: 30px auto 0 auto;
    }
}

/* --- Mobile Screen Base (768px and below) --- */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 38px;
    }

    .hero .right p,
    .hero .card span {
        font-size: 17px;
    }

    .hero .card h3 {
        font-size: 25px;
    }
}

/* --- Small Mobile Devices (480px and below) --- */
@media (max-width: 480px) {
    .hero {
        padding: 20px 3%;
        gap: 20px;

    }

    .hero h1 {
        font-size: 45px;
    }

    .hero .right p {
        font-size: 15px;
        line-height: 1.6;
    }

    .hero .left .wifi img {
        max-width: 200px;
    }

    .wifi {
        font-size: 0px;
    }

    .wifi img {

        padding-right: 0px;
    }

    .hero .card {
        padding: 15px;
    }

    .hero .card h3 {
        font-size: 22px;
    }

    .hero .card span {
        font-size: 14px;
    }

    .right {
        padding-bottom: 20px;
    }
}




/* --- Responsive Architecture --- */
@media (max-width: 1024px) {
    .choosing-container {
        flex-direction: column;
        gap: 50px;
    }

    .choosing-left {
        max-width: 550px;
        width: 100%;
        margin: 0 auto;
    }

    .choose-main-title {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .choosing-us-section {
        padding: 50px 5%;
    }

    .choose-main-title {
        font-size: 38px;
    }

    .image-back-block {
        width: 45px;
    }

    .choosing-left {
        padding-left: 30px;
    }
}

@media (max-width: 480px) {
    .choose-main-title {
        font-size: 30px;
    }

    .choose-sub-title {
        font-size: 21px;
    }

    .choose-desc,
    .skill-info {
        font-size: 15px;
    }

    .progress-bar-bg {
        height: 12px;
    }
}






/* --- Responsive Media Queries --- */
@media (max-width: 1200px) {
    .services-header h1 {
        font-size: 45px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .services-section {
        padding: 50px 5%;
    }

    .services-header h1 {
        font-size: 35px;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .outer-box {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .services-header h1 {
        font-size: 28px;
    }

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

    .services-section {
        padding: 20px 5%
    }
}




/* --- Responsive Media Queries --- */
@media (max-width: 768px) {
    .counter-section {
        padding: 40px 0%;
    }

    .counter-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 20px;
    }
}

@media (max-width: 480px) {
    .counter-container {

    grid-template-columns: 1fr;
    gap: 35px;
    grid-template-columns: repeat(2, 1fr);
        /* grid-template-columns: 1fr; */
        gap: 35px;
    }

    .counter-number {
        font-size: 38px;
    }

    .counter-box h3 {
        font-size: 21px;
    }

    .counter-section {

        margin: 0px 0px;
    }

}
    /* --- Responsive Media Queries --- */
    @media (max-width: 1024px) {
        .features-container {
            flex-direction: column;
            gap: 40px;
        }

        .features-right {
            padding-top: 0;
            width: 100%;
        }

        .features-left .main-title {
            font-size: 45px;
        }
    }

    @media (max-width: 768px) {
        .features-section {
            padding: 50px 5%;
        }

        .features-left .main-title {
            font-size: 38px;
        }

        .feature-item-box {
            padding: 20px;
            gap: 15px;
        }

        .feature-icon {
            width: 65px;
            height: 65px;
        }

        .feature-icon i {
            font-size: 26px;
        }

        .feature-text h3 {
            font-size: 21px;
        }
    }

    @media (max-width: 480px) {
        .features-left .main-title {
            font-size: 32px;
        }

        .feature-item-box {
            flex-direction: column;
            text-align: center;
            padding: 25px 15px;
        }

        .feature-text p {
            font-size: 15px;
        }

        .features-section {
            padding: 30px 5%;
        }

        /* --- Banner Responsive Queries --- */
        @media (max-width: 1024px) {
            .banner-main-title {
                font-size: 34px;
            }

            .banner-text {
                font-size: 22px;
            }

            .banner-address {
                font-size: 17px;
            }
        }

        @media (max-width: 768px) {
            .banner-main-title {
                font-size: 28px;
            }

            .banner-row-top {
                flex-direction: column;
                gap: 10px;
            }

            .banner-content-block {
                padding: 20px 5%;
                gap: 12px;
            }

            .banner-text {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
            .banner-main-title {
                font-size: 22px;
                letter-spacing: 1px;
            }

            .banner-text {
                font-size: 17px;
            }

            .banner-address {
                font-size: 14px;
            }
        }

        /* --- Footer Responsive System --- */
        @media (max-width: 992px) {
            .footer-top-container {
                flex-direction: column;
                gap: 40px;
            }

            .footer-logo-text {
                font-size: 34px;
            }
        }

        @media (max-width: 768px) {
            .main-footer {
                padding-top: 40px;
            }

            .footer-top-container {
                padding: 0 5% 30px 5%;
            }

            .footer-bottom-bar {
                padding: 20px 5%;
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .footer-logo-text {
                font-size: 28px;
            }

            .col-heading {
                font-size: 22px;
                margin-bottom: 15px;
            }

            .bottom-policy-links {
                flex-direction: column;
                gap: 10px;
            }
        }}



/* --- Privacy Policy --- */
@media (max-width: 768px) {
    .privacy-policy-section {
        padding: 40px 5%;
    }
    
    .policy-container p {
        line-height: 1.6; 
        margin-bottom: 14px;
    }
}

@media (max-width: 480px) {
    .privacy-policy-section {
        padding: 30px 4%;
    }
    
    .policy-main-heading {
        font-size: 18px;
    }
    
    .policy-container p {
        font-size: 15px; 
    }
    .policy-list {
  /* font-family: 'Times New Roman', Times, serif; */
  padding: 0px 10px;
}
}
/* --- Term & Conditions --- */
        @media (max-width: 768px) {
            .terms-conditions-section {
                padding: 40px 5%;
            }
            .terms-container p, 
            .terms-container li {
                margin-bottom: 15px;
            }
        }

        @media (max-width: 480px) {
            .terms-conditions-section {
                padding: 30px 4%;
            }
            .terms-main-heading {
                font-size: 19px;
            }
            .terms-container p, 
            .terms-container li {
                font-size: 15px;
            }
        }



/* Shipping Page  */

@media (max-width: 768px) {
    .policy-section-shipping {
        padding: 40px 5%;
    }

    .policy-title-shipping {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .policy-text-shipping {
        font-size: 16px;
        margin-bottom: 16px;
    }
}

@media (max-width: 480px) {
    .policy-section-shipping {
        padding: 30px 4%;
    }

    .policy-title-shipping {
        font-size: 24px;
        line-height: 1.2;
    }

    .policy-text-shipping {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .policy-contact-info-shipping {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}



/* Get New page  */


@media (max-width: 992px) {
    .dual-terms-container {
        flex-direction: column;
        /* gap: 60px; */
    }
    .terms-side-column {
        width: 100%;
    }
    .webli-offers-section,
    .webli-dual-terms-section {
        padding: 30px 5%;
        background-position: center; 
    }
}

@media (max-width: 768px) {
    .main-top-heading { font-size: 26px; }
    .isp-heading { font-size: 22px; }
    .offer-block-title { font-size: 22px; }
    
    .terms-main-title-en, 
    .terms-main-title-bn { font-size: 32px; }
    .terms-ordered-list-bn li { font-size: 19px; }
}

@media (max-width: 480px) {
    .main-top-heading { font-size: 22px; }
    .isp-grid { grid-template-columns: 1fr; text-align: center; }
    .offer-block-title { font-size: 20px; }
    .offer-block-text { font-size: 15px; }
    .webli-offers-page{
        padding: 50px 4%;;
    }
    .offers-footer-panel{
        padding-top: 0px;
    }
    .terms-main-title-en, 
    .terms-main-title-bn { font-size: 28px; }
    .terms-ordered-list-en li { font-size: 15px; }
    .terms-ordered-list-bn li { font-size: 17px; }
    .main-top-desc {
    
    margin: 0 auto 30px auto;}
    .isp-partners-wrapper

 {
    margin-bottom: 30px;
}
}




















/* --- About us --- */
@media (max-width: 1024px) {
    .wwd-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .wwd-left {
        max-width: 500px;
        margin: 0 auto;
    }

    .wwd-main-title {
        font-size: 48px;
    }
}

@media (max-width: 992px) {
    .features-container {
        gap: 20px;
    }
    
    .feature-title {
        font-size: 21px;
    }
}


@media (max-width: 768px) {
    .what-we-do-section {
        padding: 20px 5%;
    }

    .wwd-main-title {
        font-size: 38px;
    }

    .wwd-features-grid {
        grid-template-columns: 1fr; 
        gap: 25px;
    }
    .features-container {
        flex-direction: column;
        gap: 40px;
    }

    .feature-card {
        width: 100%;
        max-width: 450px;
        min-height: auto;
    }

    .feature-card.featured-highlight {
        border-radius: 20px; /* Converts circle to smooth card format on tablet views */
        aspect-ratio: auto;
        padding: 40px 20px;
    }
}

@media (max-width: 480px) {
    .wwd-main-title {
        font-size: 30px;
    }

    .wwd-sub-title {
        font-size: 21px;
    }

    .wwd-desc, .wwd-text-box p {
        font-size: 15px;
    }

    .wwd-text-box h3 {
        font-size: 18px;
    }

    .wwd-feature-item {
        flex-direction: row;
        align-items: flex-start;
    }
     .webli-features-section {
        padding: 0px 4%;
    }
    
    .feature-title {
        font-size: 19px;
    }
    
    .feature-text {
        font-size: 14px;
    }

    .wwd-image-box img{
        height: 440px;
    }
}



@media (max-width: 1200px) {
    .availability-title {
        font-size: 46px;
    }
}

@media (max-width: 992px) {
    .availability-container {
        flex-direction: column;
    }
    
    .availability-content-side {
        width: 100%;
        padding: 60px 6%;
    }
    
    .availability-graphic-side {
        width: 100%;
       padding: 40px 6% 20px 6%;
    }

    .graphic-border-frame {
        max-width: 450px;
    }
}

@media (max-width: 600px) {
    .availability-title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .availability-desc {
        font-size: 15px;
        margin-bottom: 35px;
    }

    
    .availability-search-form {
        border-radius: 12px;
        flex-direction: column;
        border: none;
        gap: 15px;
        padding: 0;
    }

    .availability-input {
        width: 100%;
        border: 1.5px solid rgba(255, 255, 255, 0.8);
        border-radius: 30px;
        box-sizing: border-box;
    }

    .availability-btn {
        width: 100%;
        border-radius: 30px;
        padding: 15px;
    }
}







/* Contact Us */
@media (max-width: 1100px) {
    .premium-contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .premium-content-card {
        padding: 50px 40px;
    }
    
    .map-inner-shadow-container {
        min-height: 450px;
    }
}

@media (max-width: 768px) {
    .premium-main-title {
        font-size: 46px;
    }
    
    .premium-field-row {
        flex-direction: column;
        gap: 30px;
    }
    
    .contact-channels-grid {
        flex-direction: column;
        gap: 15px;
        padding-bottom: 25px;
    }
}

@media (max-width: 480px) {
    .webli-premium-contact-section {
        padding: 20px 4%;
    }
    
    .premium-main-title {
        font-size: 36px;
    }
    
    .premium-content-card {
        padding: 40px 20px;
    }
    
    .premium-action-btn {
        width: 100%;
        justify-content: center;
    }
}


/* Offers page ///// */
@media (max-width: 1024px) {
    .network-info-glass-panel {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px;
    }
    
    .support-badge-right {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .offers-main-title {
        font-size: 44px;
    }

    .pricing-matrix-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .subscribe-glass-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-sub-form {
        max-width: 100%;
    }

    .contact-details-bar {
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .offers-main-title {
        font-size: 34px;
    }

    .price-card {
        padding: 40px 24px;
    }

    .price-amount {
        font-size: 42px;
    }
}