/* Global Swiper styles for Testimonials */
html,
body {
    overflow-x: clip !important;
    position: relative;
    width: 100%;
}

.testimonials-slider-wrapper {
    overflow: hidden !important;
    width: 100%;
    position: relative;
}

.testimonials-swiper {
    width: 100%;
    overflow: visible !important;
    /* Allow avatar display top: -40px */
    padding-top: 50px !important;
    padding-bottom: 20px !important;
}

.testimonials-swiper .swiper-slide {
    height: auto !important;
    display: flex;
}

.testimonials-swiper .swiper-slide .testimonial-card {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.testimonials-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 20px !important;
    text-align: center;
}

.testimonials-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
    border-radius: 50%;
    margin: 0 5px !important;
    display: inline-block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.testimonials-pagination .swiper-pagination-bullet-active {
    background: #8bab1d !important;
    width: 22px;
    border-radius: 4px;
}

@media (max-width: 768px) {

    /* ==========================================
       1. HEADER & HAMBURGER MENU
       ========================================== */
    .main-header {
        height: 70px;
    }

    .header-container {
        padding: 0 20px;
    }

    .logo-wrapper {
        left: 20px;
        height: 90px;
        width: 120px;
        border-radius: 0 0 14px 14px;
    }

    .brand-logo {
        max-width: 85px;
    }

    .main-nav {
        margin-left: auto;
        position: relative;
        z-index: 1001;
    }

    .main-nav::before {
        content: "\f0c9";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 22px;
        color: #ffffff;
        display: block;
        cursor: pointer;
        padding: 10px;
        transition: transform 0.3s ease, color 0.3s ease;
    }

    .main-nav.active::before {
        content: "\f00d";
        transform: rotate(90deg);
        color: var(--btn-gold);
    }

    .main-nav ul {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        right: 0;
        background: #0C2924;
        border: 1.5px solid #03594A;
        width: 250px;
        border-radius: 14px;
        padding: 20px;
        gap: 12px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
        z-index: 1000;
    }

    .main-nav.active ul {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .main-nav ul li {
        margin: 0;
        text-align: center;
        width: 100%;
        font-size: 15px;
    }

    .main-nav ul li a {
        display: block;
        padding: 10px;
        width: 100%;
        border-radius: 8px;
        transition: background-color 0.2s ease;
    }

    .main-nav ul li a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .main-nav ul li a.btn-contact {
        margin-top: 5px;
        padding: 10px 20px;
    }

    /* ==========================================
       2. GLOBAL CONTAINER
       ========================================== */
    .container {
        padding: 0 18px;
    }

    /* ==========================================
       3. TYPOGRAPHY SYSTEM
       ========================================== */
    h1,
    .hero-title {
        font-size: 28px;
        line-height: 1.15;
    }

    h2 {
        font-size: 22px;
        line-height: 1.25;
        margin-bottom: 12px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 15px;
        line-height: 1.5;
    }

    li {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 8px;
    }

    /* ==========================================
       4. HERO SECTION
       ========================================== */
    .hero-section {
        padding: 30px 0 20px;
    }

    .hero-container {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 24px;
    }

    .hero-content {
        padding-top: 10px;
        max-width: 100%;
    }

    .hero-subtitle {
        font-size: 15px;
        margin-top: 8px;
        line-height: 1.5;
        opacity: 0.85;
    }

    .hero-actions-wrapper {
        margin: 16px 0 0;
        justify-content: flex-start;
    }

    .hero-actions {
        flex-direction: row;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
    }

    .hero-actions .btn {
        width: auto;
        min-width: unset;
        max-width: unset;
        padding: 10px 16px;
        font-size: 13px;
        border-radius: 10px;
    }

    .hero-arrow {
        display: none;
    }

    .hero-stats {
        display: flex;
        justify-content: flex-start;
        gap: 24px;
        margin-top: 16px;
        flex-wrap: wrap;
    }

    .stat-label {
        font-size: 11px;
        opacity: 0.65;
    }

    .stat-value {
        font-size: 22px;
        font-weight: 800;
    }

    .hero-visuals {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .circle-arrow-img {
        display: none;
    }

    .stats-card {
        width: 100%;
        height: auto;
        padding: 20px 18px;
        border-radius: 20px;
    }

    .stats-card h2 {
        font-size: 32px;
        margin-bottom: 6px;
    }

    .stats-card p {
        font-size: 13px;
        margin-bottom: 12px;
        line-height: 1.4;
    }

    .analysis-card {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
    }

    /* ==========================================
       5. BOTTOM BANNER
       ========================================== */
    .bottom-banner {
        padding: 16px 0;
        text-align: left;
    }

    .bottom-banner p {
        font-size: 16px;
        line-height: 1.4;
        text-align: left;
    }

    /* ==========================================
       6. ABOUT SERVICES SECTION
       ========================================== */
    .about-services-section {
        padding: 40px 0;
    }

    .section-header {
        margin-bottom: 24px;
        text-align: left;
    }

    .section-header h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .section-header p {
        font-size: 15px;
        opacity: 0.8;
    }

    .services-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .service-card {
        border-radius: 20px;
        overflow: hidden;
    }

    .card-image {
        height: 200px;
    }

    .card-image img {
        border-radius: 0;
    }

    .card-content {
        padding: 20px 18px 22px;
    }

    .card-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .card-content ul {
        margin-bottom: 14px;
        padding-left: 18px;
    }

    .card-content ul li {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .service-card .btn {
        padding: 10px 16px;
        font-size: 14px;
        border-radius: 10px;
        width: 100%;
        text-align: center;
    }

    /* ==========================================
       7. TAXATION FEATURE SECTION
       ========================================== */
    .taxation-feature-section {
        padding: 40px 0 40px;
        text-align: left;
    }

    .taxation-header {
        margin-bottom: 0;
    }

    .taxation-header h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .taxation-header p {
        font-size: 14px;
        margin-bottom: 20px;
        opacity: 0.8;
    }

    .taxation-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 20px 0;
        border-radius: 22px;
        min-height: auto;
        text-align: left;
        overflow: hidden;
    }

    .taxation-card-content {
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .taxation-card-content h2 {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 12px;
        color: white;
    }

    .taxation-card-content p {
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 20px;
        opacity: 0.9;
    }

    .btn-learn-more {
        padding: 11px 26px;
        font-size: 14px;
        border-radius: 10px;
        display: inline-block;
    }

    .taxation-card-image {
        width: 100%;
        height: 220px;
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        overflow: hidden;
    }

    .taxation-card-image img {
        position: relative;
        height: 220px;
        right: 13%;
        bottom: auto;
        margin: 0;
        object-fit: contain;
    }




    /* ==========================================
       8. QUERIES / ASK SECTION
       ========================================== */
    .queries-final-section {
        padding: 0 0 40px;
    }

    .queries-flex {
        flex-direction: column;
        width: 100%;
        gap: 20px;
        text-align: left;
    }

    .queries-left h2 {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 0;
    }

    .queries-right {
        width: 100%;
        justify-content: flex-start;
    }

    .ask-card {
        padding: 24px 18px;
        border-radius: 20px;
        max-width: 100%;
        text-align: left;
    }

    .ask-card h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .ask-card p {
        font-size: 14px;
        margin-bottom: 16px;
        opacity: 0.8;
    }

    .input-wrapper input {
        padding: 14px 18px;
        border-radius: 12px;
        font-size: 14px;
    }

    /* ==========================================
       9. EDUCATION FEATURE SECTION
       ========================================== */
    .education-feature-section {
        padding: 40px 0;
        margin-bottom: 0;
    }

    .education-header {
        margin-bottom: 0;
    }

    .education-header h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .education-header p {
        font-size: 14px;
        margin-bottom: 20px;
        opacity: 0.8;
    }

    .edu-feature-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px 0;
        border-radius: 22px;
        min-height: auto;
        margin-top: 20px;
        text-align: left;
        overflow: hidden;
        position: relative;
    }

    .edu-feature-card-content {
        padding-left: 0;
        text-align: left;
        width: 100%;
        order: 1;
    }

    .edu-feature-card-content h2 {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    .edu-feature-card-content p {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .btn-dark-outline {
        padding: 11px 26px;
        font-size: 14px;
        border-radius: 10px;
        display: inline-block;
        margin-bottom: 20px;
    }

    /* Reset absolute positioning from desktop and make image full-width */
    .edu-feature-card-image {
        position: relative;
        width: 100%;
        height: 240px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        order: 3;
        overflow: hidden;
    }

    .edu-feature-card-image img {
        position: relative;
        left: auto;
        bottom: auto;
        right: 25%;
        height: 240px;
        width: auto;
        object-fit: contain;
        display: block;
    }

    .edu-feature-card-image .animate {
        left: 62%;
        top: 19px;
    }

    .animate {
        z-index: 999;
        position: relative !important;
        object-fit: contain !important;
        height: 200px !important;
        left: 49%;
        top: 0px;
    }



    /* Brochure card sits below image inline */
    .brochure-card {
        position: relative;
        top: auto;
        right: auto;
        margin: 16px 0 0 0;
        width: 140px;
        border-radius: 14px;
        padding: 12px;
        order: 2;
        text-align: center;
    }

    .brochure-card p {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 8px;
        text-align: center;
    }

    .brochure-card img {
        height: 85px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    /* ==========================================
       10. CTA BANNER SECTION
       ========================================== */
    .cta-banner-section {
        padding: 10px 0 40px;
    }

    .cta-card {
        flex-direction: column;
        padding: 28px 20px;
        border-radius: 22px;
        text-align: left;
        gap: 16px;
        align-items: flex-start;
    }

    .cta-title {
        font-size: 20px;
        line-height: 1.25;
    }

    .btn-get-started {
        padding: 12px 26px;
        border-radius: 30px;
        font-size: 14px;
    }

    .cta-banner-card {
        flex-direction: column;
        padding: 30px 20px;
        border-radius: 22px;
        text-align: left;
        gap: 16px;
        background-size: cover;
        align-items: flex-start;
    }

    .cta-banner-card h2 {
        font-size: 20px;
        line-height: 1.25;
    }

    .btn-get-started-white {
        padding: 12px 26px;
        border-radius: 30px;
        font-size: 14px;
    }

    /* ==========================================
       11. TESTIMONIALS SECTION
       ========================================== */
    .testimonials-section {
        padding: 40px 0;
    }

    .testimonials-slider-wrapper {
        padding: 0 10px;
    }

    .testimonial-card {
        padding: 55px 18px 22px;
        border-radius: 20px;
    }

    .testimonial-avatar {
        width: 75px;
        height: 75px;
        top: -38px;
        left: 18px;
        border-width: 3px;
    }

    .testimonial-stars {
        text-align: left;
        font-size: 16px;
        margin-bottom: 12px;
    }

    .testimonial-text {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 12px;
    }

    .read-more {
        font-size: 13px;
        margin-bottom: 16px;
    }

    .testimonial-footer {
        padding-top: 14px;
    }

    .user-info h4 {
        font-size: 15px;
    }

    .user-info span {
        font-size: 12px;
    }

    .testimonial-badge {
        padding: 4px 10px;
        font-size: 11px;
        border-radius: 16px;
    }

    /* ==========================================
       12. CLIENTS SECTION
       ========================================== */
    .clients-section {
        padding: 55px 0 45px;
        text-align: center;
    }

    .clients-header-wrapper {
        margin-bottom: 30px;
        padding: 0 15px;
    }

    .clients-pill-badge {
        font-size: 11px;
        padding: 6px 16px;
        margin-bottom: 12px;
    }

    .clients-main-heading {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .clients-subtext {
        font-size: 14px;
    }

    .client-logo-item {
        min-width: 140px;
        height: 66px;
        padding: 10px 18px;
        border-radius: 14px;
    }

    .client-logo-item img {
        max-height: 34px;
        max-width: 110px;
    }

    .client-logo-text {
        font-size: 16px;
    }

    .clients-marquee-wrapper {
        padding: 10px 0 25px;
    }

    .clients-trust-bar {
        padding: 12px 18px;
        gap: 12px;
        border-radius: 20px;
        margin-top: 15px;
        font-size: 12px;
    }

    .trust-badge-divider {
        display: none;
    }

    /* ==========================================
       13. FOOTER SECTION
       ========================================== */
    .main-footer {
        padding: 40px 0 24px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        text-align: left;
    }

    .footer-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .brand-col .footer-logo {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .brand-col p {
        font-size: 15px;
        margin-bottom: 16px;
        opacity: 0.7;
        line-height: 1.6;
    }

    .social-links {
        justify-content: flex-start;
        gap: 10px;
    }

    .social-icon {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }

    .footer-col h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .footer-col ul li {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .contact-col .contact-item {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 12px;
        font-size: 13px;
        width: 100%;
        gap: 10px;
    }

    /* ==========================================
       14. FINANCE PAGE (INTRO & SERVICES)
       ========================================== */
    .pt-100 {
        padding-top: 45px !important;
    }

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

    .intro-section.pt-100 {
        padding-top: 40px !important;
    }

    .intro-title {
        margin-bottom: 25px;
    }

    .intro-top-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 40px;
    }

    .intro-visual-container {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }

    .intro-img-left-wrapper,
    .intro-img-right-wrapper {
        width: 100%;
        height: 220px;
        position: relative;
        overflow: hidden;
        border-radius: 16px;
    }

    .intro-img-left,
    .intro-img-right {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.6);
        border-radius: 16px;
    }

    .intro-badge-green {
        top: 10px;
        left: 10px;
        font-size: 13px;
        padding: 6px 14px;
        border-radius: 16px;
    }

    .intro-badge-white {
        bottom: 10px;
        left: 10px;
        gap: 8px;
        background: rgba(255, 255, 255, 0.95);
        padding: 6px 14px;
        border-radius: 16px;
        border: 1px solid #000;
        position: absolute;
    }

    .intro-badge-white img {
        width: 20px;
        height: 20px;
    }

    .intro-badge-white span {
        font-size: 13px;
    }

    .intro-bottom-content {
        display: none !important;
    }

    /* ==========================================
       14.2 FINANCE PAGE SERVICES SECTION
       ========================================== */
    .services-section {
        padding: 40px 0 50px;
        overflow: hidden;
    }

    .services-section .container {
        padding: 0 16px;
        width: 100%;
        max-width: 100%;
    }

    .services-header {
        margin-bottom: 30px;
        text-align: left;
        padding: 0;
    }

    .services-header h2 {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 8px;
        text-align: left;
    }

    .services-header p {
        font-size: 15px;
        line-height: 1.4;
        color: #555555;
        text-align: left;
    }

    .services-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .service-row,
    .service-row.inverted {
        display: flex;
        flex-direction: column;
        grid-template-columns: 1fr;
        width: 100%;
        margin: 0 auto;
        padding: 24px 18px;
        border-radius: 20px;
        gap: 16px;
        box-sizing: border-box;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        align-items: flex-start;
        text-align: left;
    }

    .service-image,
    .service-row.inverted .service-image {
        order: -1;
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .service-image img,
    .service-row.inverted .service-image img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 160px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }

    .service-content,
    .service-row.inverted .service-content {
        width: 100%;
        max-width: 100%;
        margin: 0;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .highlight-title,
    .service-row.inverted .highlight-title {
        font-size: 18px;
        line-height: 1.3;
        padding: 7px 14px;
        border-radius: 8px;
        margin-bottom: 14px;
        display: inline-block;
        text-align: left;
        align-self: flex-start;
        margin-left: 0;
        margin-right: auto;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    }

    .service-content p,
    .service-row.inverted .service-content p {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 14px;
        text-align: left;
        width: 100%;
    }

    .service-content ul,
    .service-row.inverted .service-content ul {
        width: 100%;
        margin: 0 0 18px 0;
        padding: 0;
        list-style: none;
    }

    .service-content ul li,
    .service-row.inverted .service-content ul li {
        font-size: 15px;
        line-height: 1.45;
        margin-bottom: 8px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        text-align: left;
        justify-content: flex-start;
        width: 100%;
        list-style: none;
    }

    .service-content ul li::before,
    .service-row.inverted .service-content ul li::before,
    .service-row:not(.inverted) .service-content ul li::before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-top: 6px;
        flex-shrink: 0;
        background-color: currentColor;
        border-radius: 1px;
    }

    .service-content ul li::after,
    .service-row.inverted .service-content ul li::after,
    .service-row:not(.inverted) .service-content ul li::after {
        display: none;
        content: none;
    }

    .service-actions,
    .service-row.inverted .service-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        margin-top: 8px;
    }

    .btn-service-dark,
    .btn-service-green {
        padding: 9px 18px;
        font-size: 14px;
        font-weight: 700;
        border-radius: 10px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-learn-more-round {
        font-size: 14px;
        font-weight: 700;
        gap: 8px;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
    }

    .btn-learn-more-round img,
    .btn-learn-more-round .toggle-arrow-img {
        width: 26px;
        height: 26px;
    }

    .additional-services-section {
        padding: 0px 0 40px;
    }

    .additional-header-banner {
        padding: 30px 18px;
        gap: 24px;
        background-size: cover;
        border-radius: 20px;
        margin-bottom: 0;
    }

    .additional-header-banner h2 {
        padding: 0;
        font-size: 20px;
    }

    .additional-header-banner p {
        padding: 0;
        font-size: 14px;
    }

    .additional-content-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .additional-left-box {
        display: none !important;
    }

    .additional-card {
        padding: 20px 18px;
        text-align: left !important;
        border-radius: 16px;
    }

    .additional-card h4 {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .additional-card p {
        font-size: 13px;
        line-height: 1.4;
    }

    .card-ce-v2 {
        grid-column: span 1 !important;
        padding: 20px 18px !important;
        text-align: left !important;
    }

}

/* ==========================================
   TABLET RESPONSIVE (769px - 1024px)
   ========================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .services-section {
        padding: 60px 0;
    }

    .services-section .container {
        padding: 0 24px;
        max-width: 100%;
    }

    .services-grid {
        gap: 30px;
    }

    .service-row,
    .service-row.inverted {
        width: 100%;
        padding: 30px;
        gap: 30px;
        border-radius: 30px;
        margin: 0 auto;
    }

    .service-content {
        width: 100%;
    }

    .highlight-title {
        font-size: 24px;
        padding: 8px 18px;
        margin-bottom: 20px;
    }

    .service-content p {
        font-size: 16px;
    }

    .service-content ul li {
        font-size: 16px;
    }

    .service-image img {
        height: 200px;
    }
}

/* ==========================================
   EDUCATION PAGE RESPONSIVE
   ========================================== */

/* ---- MOBILE (≤ 768px) ---- */
@media (max-width: 768px) {

    /* -- Category Bar -- */
    .biz-category-bar-full {
        font-size: 18px;
        padding: 12px 0;
        margin-bottom: 24px;
    }

    .biz-category-bar-full .container {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .biz-category-bar-full .divider {
        display: none;
    }

    .biz-category-bar-full .cat-item {
        padding: 4px 10px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 30px;
        font-size: 15px;
    }

    /* -- Section Header -- */
    .biz-header {
        margin-bottom: 24px;
    }

    /* -- Siksha Pathik Logo -- */
    .siksha-logo-img {
        max-width: 280px;
        border-radius: 18px;
    }

    /* -- Hide Desktop SVG Connectors -- */
    .biz-connector-top-desktop,
    .biz-connector-bottom-desktop,
    .student-connector-svg-container,
    .institution-connector-svg-container {
        display: none !important;
    }

    /* -- Tighten gap between logo and sub-cards -- */
    .biz-main-node {
        margin-bottom: 0;
    }

    /* -- Simple CSS arrow connector replacing SVGs -- */
    .biz-connector-top-desktop::after {
        display: none;
    }

    .biz-diagram-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        margin-bottom: 50px;
    }

    /* Vertical dotted connector line between logo and cards */
    .biz-main-node::after {
        content: '';
        display: block;
        width: 3px;
        height: 28px;
        background: repeating-linear-gradient(to bottom,
                #14433B 0px,
                #14433B 6px,
                transparent 6px,
                transparent 12px);
        margin: 6px auto 0;
    }

    /* -- Sub-Cards Row: 2-col for Students+Institutions, App full-width -- */
    .biz-sub-cards-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    /* Last card (App) spans full width */
    .biz-sub-cards-row .biz-sub-card-col:last-child {
        grid-column: 1 / -1;
    }

    .biz-sub-card {
        min-height: 90px;
        border-radius: 16px;
        padding: 16px 12px;
        box-shadow: 4px 4px 0px #2AD6BA;
    }

    .biz-card-head h3,
    .biz-card-app h3 {
        font-size: 18px;
        text-align: left;
    }

    /* SVG icon size — !important needed to override inline width/height attributes */
    .biz-sub-cards-row .biz-card-head svg {
        width: 32px !important;
        height: 32px !important;
        flex-shrink: 0;
    }

    .biz-click-text {
        font-size: 13px;
        margin: 0;
    }

    .biz-sub-caption {
        font-size: 13px;
        margin-top: 10px;
    }

    /* -- Detail Cards: stack vertically, no right overflow -- */
    .biz-detail-cards-row {
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
        overflow: hidden;
    }

    .biz-detail-card {
        padding: 24px 20px;
        border-radius: 22px;
        /* Shadow shifted bottom-only so it doesn't overflow right edge */
        box-shadow: none;
        width: 100%;
        box-sizing: border-box;
    }

    .biz-detail-card.selected {
        box-shadow: none;

    }

    /* Clip overflow on the parent section so shadow never escapes viewport */
    .business-model-section {
        overflow-x: hidden;
    }

    .biz-detail-header {
        gap: 10px;
        margin-bottom: 16px;
    }

    .biz-detail-header .search-icon {
        font-size: 24px;
    }

    .biz-detail-header h4 {
        font-size: 20px;
    }

    .biz-detail-list li {
        font-size: 16px;
        padding-left: 22px;
        margin-bottom: 8px;
    }

    .biz-detail-list li::before {
        font-size: 18px;
        left: 4px;
    }

    /* -- For Students Banner -- */
    .for-students-banner,
    .for-institutions-banner {
        padding: 14px 0;
        margin-bottom: 28px;
    }

    .for-students-banner h2,
    .for-institutions-banner h2 {
        font-size: 24px;
    }

    /* -- Student Support Card -- */
    .student-support-title,
    .institution-support-title {
        font-size: 26px;
        margin-bottom: 22px;
        text-align: left;
    }

    .student-support-card,
    .institution-support-card {
        grid-template-columns: 1fr;
        border-radius: 24px;
        margin-bottom: 40px;
    }

    .student-support-image,
    .institution-support-image {
        height: 220px;
        overflow: hidden;
    }

    .student-support-image img,
    .institution-support-image img {
        height: 220px;
        object-fit: cover;
    }

    .student-support-content,
    .institution-support-content {
        padding: 24px 20px;
    }

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

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

    /* -- Admission Journey -- */
    .admission-journey-section {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .admission-journey-header {
        margin-bottom: 24px;
    }

    .admission-journey-header h2 {
        text-align: left;
    }

    .admission-journey-header p {
        text-align: left;
    }

    .admission-journey-diagram img {
        border-radius: 16px;
    }

    /* -- Academic Programmes Section -- */
    .academic-prog-section {
        padding: 50px 0;
    }

    .academic-prog-title {
        margin-bottom: 24px;
        text-align: left;
    }

    .academic-prog-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    /* Text column left-aligned */
    .academic-prog-content {
        text-align: left;
    }

    .academic-prog-content p {
        margin-bottom: 20px;
        text-align: left;
    }

    .btn-read-more {
        font-size: 15px;
        padding: 12px 28px;
        border-radius: 12px;
        display: inline-block;
    }

    /* Image appears below the text on mobile */
    .academic-prog-image {
        width: 100%;
        order: 2;
    }

    .academic-prog-image img {
        border-radius: 24px;
        width: 100%;
        height: auto;
        display: block;
    }

    /* -- Programme Cards Grid -- */
    .programme-cards-section {
        padding: 50px 0 40px;
    }

    .programme-cards-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 30px;
    }

    .prog-card {
        min-height: auto;
        padding: 24px 20px 20px;
        border-radius: 20px;
    }

    .prog-card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .prog-card-body p {
        font-size: 14px;
    }

    .prog-arrow-btn {
        width: 70px;
        height: 34px;
        font-size: 14px;
    }

    .prog-see-more-wrap {
        margin-top: 10px;
    }

    .btn-see-more {
        font-size: 15px;
        padding: 10px 30px;
    }

    /* -- Why Our Admission Support is Different -- */
    .why-admission-different-section {
        padding: 60px 0;
        background-position: center center;
    }

    .why-diff-content {
        max-width: 100%;
    }

    .why-diff-content h2 {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .why-diff-content p {
        font-size: 15px;
        line-height: 1.6;
    }

    /* -- Our Commitment Section -- */
    .our-commitment-section {
        padding: 40px 0 0;
        margin-top: 40px;
    }

    .commitment-card {
        grid-template-columns: 1fr;
        /* Remove large bottom padding — image goes below naturally */
        padding: 36px 22px 0px;
        border-radius: 24px;
        min-height: auto;
        overflow: visible;
        position: relative;
    }

    .commitment-content {
        padding-right: 0;
    }

    .commitment-content h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }



    /* Image-wrap becomes a regular block below the text */
    .commitment-image-wrap {
        position: relative;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin-top: 30px;
        /* Pull image slightly out the bottom of the card */
        margin-bottom: -1px;
    }

    .commitment-img {
        position: relative;
        bottom: auto;
        right: auto;
        transform: none;
        /* Align image to the LEFT as requested */
        margin: 0 auto 0 0;
        max-width: 75%;
        width: auto;
        display: block;
    }

    /* -- Why Students Trust Us -- */
    .why-trust-us-section {
        padding: 50px 0 60px;
        margin-top: 30px;
    }

    .why-trust-title {
        margin-bottom: 28px;
        text-align: left;
    }

    .why-trust-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 50px;
    }

    .trust-pill-item {
        padding: 14px 18px;
        gap: 14px;
        border-radius: 14px;
    }

    .trust-check-icon img {
        width: 34px;
        height: 34px;
    }

    .trust-pill-text {
        font-size: 16px;
    }

    /* -- Accordion Bar: Our Institutional Support Includes -- */
    .institution-support-includes-bar {
        padding: 16px 20px;
        border-radius: 14px;
        margin-bottom: 40px;
        box-shadow: 4px 4px 0px #000000;
    }

    .institution-support-includes-bar .bar-text {
        font-size: 18px;
    }

    .institution-support-includes-bar .bar-icon {
        font-size: 18px;
    }

    /* -- Institution Support Cards Inside Collapsible -- */
    .institution-support-includes-content {
        border-radius: 20px;
        margin-top: -10px;
        margin-bottom: 40px;
    }

    .institution-support-includes-inner {
        padding: 30px 18px;
    }

    .inst-support-heading {
        text-align: left;
        margin-bottom: 24px;
    }

    .inst-support-cards-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .inst-support-wide-card {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .inst-support-wide-card .wide-card-middle {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .inst-support-wide-card .prog-card-body {
        max-width: 100%;
    }

    /* -- Upcoming Academy Section -- */
    .upcoming-academy-section {
        padding: 60px 0 0;
    }

    .academy-card {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .academy-image-wrap {
        justify-content: center;
    }

    .academy-img {
        max-height: 280px;
        width: auto;
        margin: 0 auto;
    }

    .academy-content {
        padding: 30px 0 40px;
    }

    .academy-content h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }


    /* -- Why Siksha Pathik Section -- */
    .why-pathik-section {
        padding: 50px 0 40px;
    }

    .why-pathik-title {
        text-align: left;
        margin-bottom: 28px;
    }

    .why-pathik-note {
        margin-bottom: 40px;
        text-align: left;
    }

    .why-pathik-note h3 {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .why-pathik-note p {
        font-size: 14px;
    }

    /* -- Integrated Ecosystem Card -- */
    .integrated-ecosystem-card {
        grid-template-columns: 1fr;
        padding: 36px 22px;
        gap: 22px;
        border-radius: 20px;
    }

    .ecosystem-divider {
        width: 100%;
        height: 1.5px;
    }

    .ecosystem-left h2 {
        font-size: 30px;
        text-align: left;
    }

    .ecosystem-right p {
        text-align: left;
    }

    /* -- Healthcare Expertise Section -- */
    .healthcare-expertise-section {
        padding: 50px 0;
        min-height: auto;
        background-position: center center;
    }

    .expertise-content-wrapper {
        justify-content: flex-start;
    }

    .expertise-content {
        max-width: 100%;
        background: rgba(255, 255, 255, 0.88);
        border-radius: 20px;
        padding: 24px 20px;
    }

    .expertise-content h2 {
        font-size: 24px;
        margin-bottom: 14px;
    }

    .expertise-content p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* -- Education page override for queries & CTA -- */
    .education .queries-final-section {
        padding: 50px 0 !important;
    }

    .education .cta-banner-section {
        padding: 50px 0 !important;
    }
}

/* ==========================================
   CONTACT PAGE — MOBILE RESPONSIVE (≤ 768px)
   ========================================== */
@media (max-width: 768px) {

    /* -- Hero Section -- */
    .contact-hero-section {
        padding: 50px 0 30px;
        text-align: left;
    }

    .contact-badge {
        font-size: 12px;
        padding: 5px 16px;
        margin-bottom: 14px;
    }

    .contact-hero-title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 14px;
        text-align: left;
    }

    .contact-hero-subtitle {
        font-size: 14px;
        line-height: 1.55;
        text-align: left;
        max-width: 100%;
    }

    /* -- Content Section Top Padding -- */
    .contact-content-section {
        padding-top: 30px !important;
    }

    /* -- Quick Contact Hub: stack on mobile -- */
    .contact-hub-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 36px;
    }

    .contact-hub-main-card {
        padding: 22px 18px;
        border-radius: 20px;
    }

    .contact-hub-header {
        gap: 12px;
        margin-bottom: 8px;
    }

    .contact-card-icon {
        width: 46px;
        height: 46px;
        font-size: 18px;
        border-radius: 12px;
    }

    .contact-hub-header h4 {
        font-size: 18px;
    }

    .contact-hub-header p {
        font-size: 13px;
    }

    .contact-phone-row {
        padding: 9px 0;
    }

    .contact-phone-row .phone-dept-name {
        font-size: 13.5px;
    }

    .contact-phone-row .phone-dept-number {
        font-size: 14px;
    }

    .contact-hub-side-stack {
        gap: 14px;
    }

    .contact-side-card {
        padding: 18px 16px;
        border-radius: 18px;
        gap: 14px;
    }

    .contact-side-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
        border-radius: 12px;
    }

    .contact-side-body h4 {
        font-size: 17px;
    }

    .contact-side-body p {
        font-size: 12.5px;
    }

    /* -- Main Grid: stack form + info panel -- */
    .contact-main-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 50px;
    }

    /* -- Form Box -- */
    .contact-form-box {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .contact-form-box h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .contact-form-box .form-intro {
        font-size: 14px;
        margin-bottom: 24px;
    }

    /* Form rows: stack to 1 column on mobile */
    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-custom-form .form-group {
        margin-bottom: 16px;
    }

    .contact-custom-form label {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .contact-custom-form .form-control-input,
    .contact-custom-form select.form-control-input,
    .contact-custom-form textarea.form-control-input {
        padding: 12px 14px;
        font-size: 14px;
        border-radius: 12px;
    }

    .btn-contact-submit {
        font-size: 16px;
        padding: 14px 24px;
        border-radius: 14px;
    }

    /* -- Info Panel -- */
    .contact-info-panel {
        padding: 30px 22px;
        border-radius: 24px;
    }

    .contact-info-panel h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .contact-info-panel .info-sub {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .contact-feature-list {
        margin-bottom: 28px;
    }

    .contact-feature-item {
        gap: 12px;
        margin-bottom: 18px;
    }

    .contact-feature-icon {
        width: 30px;
        height: 30px;
        font-size: 13px;
        flex-shrink: 0;
    }

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

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

    .contact-hours-box {
        padding: 18px 16px;
        gap: 14px;
        border-radius: 16px;
    }

    .contact-hours-icon {
        font-size: 22px;
    }

    .contact-hours-text h6 {
        font-size: 14px;
    }

    .contact-hours-text p {
        font-size: 12px;
    }

    /* ==========================================
       PLACEMENT PAGE — MOBILE RESPONSIVE (≤ 768px)
       ========================================== */

    /* -- Hero Feature Section -- */
    .placement .education-feature-section {
        padding: 50px 0 0 !important;
    }

    /* -- About Edge Hire Section -- */
    .about-edgehire-section {
        padding: 40px 0 50px;
    }

    .about-edgehire-title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .edgehire-banner {
        padding: 16px 20px;
        border-radius: 12px;
        margin-bottom: 28px;
    }

    .edgehire-banner p {
        font-size: 16px;
        line-height: 1.5;
    }

    .edgehire-content-row {
        flex-direction: column;
        gap: 24px;
        text-align: left;
    }

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

    .edgehire-logo {
        max-width: 300px;
    }

    .edgehire-text p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 14px;
    }

    .edgehire-network-img {
        max-width: 100%;
        height: auto;
    }

    /* -- View Current Jobs Section -- */
    .view-jobs-section {
        padding: 40px 0 50px;
    }

    .view-jobs-title {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .view-jobs-subtitle {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .jobs-search-bar {
        flex-direction: column;
        padding: 24px 18px;
        border-radius: 16px;
        gap: 16px;
        align-items: stretch;
    }

    .jobs-search-field {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        padding-bottom: 8px;
    }

    .jobs-search-field input,
    .jobs-search-field select {
        font-size: 15px;
    }

    .jobs-search-divider {
        display: none;
    }

    .jobs-search-btn {
        width: 100%;
        font-size: 15px;
        padding: 12px 20px;
        margin-top: 6px;
        border-radius: 10px;
        text-align: center;
    }

    .jobs-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 30px;
    }

    .job-card {
        padding: 20px;
        border-radius: 24px;
        box-shadow: 4px 6px 0 #111;
    }

    .job-card-title {
        font-size: 22px;
    }

    .job-card-company {
        font-size: 16px;
    }

    .job-card-meta {
        font-size: 14px;
        gap: 8px;
    }

    .job-card-desc {
        font-size: 13px;
        line-height: 1.5;
    }

    .job-card-btn {
        font-size: 14px;
        padding: 10px 16px;
    }

    .jobs-view-more-btn {
        font-size: 18px;
        padding: 10px 28px;
        border-radius: 14px;
    }

    /* -- Our Business Model Section -- */
    .placement .why-trust-us-section {
        padding: 40px 0 50px;
    }

    .placement .why-trust-title {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .placement .why-trust-us-section p {
        font-size: 14px;
        width: 100%;
        margin-bottom: 24px;
        text-align: left !important;
    }

    /* -- Our Business Verticals Section -- */
    .placement-verticals-section {
        padding: 40px 0 00px !important;
    }

    .placement-verticals-section .verticals-main-title {
        font-size: 26px !important;
        margin-bottom: 30px;
    }

    .placement-verticals-section .vertical-block {
        margin-bottom: 36px;
    }

    .placement-verticals-section .vertical-block-grid,
    .placement-verticals-section .vertical-block-grid.reverse-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    .placement-verticals-section .vertical-img-col {
        height: auto;
        width: 100%;
    }

    .placement-verticals-section .vertical-img {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 280px !important;
        border-radius: 16px;
    }

    .placement-verticals-section .vertical-item-title {
        font-size: 22px !important;
        margin-bottom: 10px;
    }

    .placement-verticals-section .vertical-item-desc {
        font-size: 14px !important;
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .placement-verticals-section .vertical-sub-title {
        font-size: 18px !important;
        margin: 16px 0 10px;
    }

    .placement-verticals-section .green-services-box {
        padding: 18px 20px;
        border-radius: 16px;
    }

    .placement-verticals-section .green-services-box li {
        font-size: 13px !important;
        line-height: 1.5;
    }

    .placement-verticals-section .vertical-full-btn {
        font-size: 16px !important;
        padding: 12px 20px !important;
        border-radius: 12px;
        margin-top: 18px;
    }

    .placement-verticals-section .vertical-full-btn i {
        font-size: 16px !important;
    }

    /* -- Future Initiatives Section -- */
    .future-initiatives-section {
        padding: 40px 0 50px;
        margin-top: 40px;
    }

    .future-initiatives-content {
        max-width: 100%;
    }

    .future-main-title {
        font-size: 26px !important;
        margin-bottom: 14px;
    }

    .future-sub-title {
        font-size: 18px !important;
        margin-bottom: 18px;
        line-height: 1.35;
    }

    .future-list {
        padding-left: 18px;
        gap: 6px;
    }

    .future-list li {
        font-size: 14px !important;
        line-height: 1.5;
    }

    /* -- Our Vision Section -- */
    .placement-vision-section {
        padding: 40px 0 60px;
        background-position: center bottom;
    }

    .placement-vision-content {
        max-width: 100%;
    }

    .placement-vision-title {
        font-size: 26px !important;
        margin-bottom: 14px;
    }

    .placement-vision-desc {
        font-size: 14px !important;
        line-height: 1.55;
        margin-bottom: 20px;
    }

    .placement-vision-btn {
        font-size: 14px;
        padding: 8px 28px;
    }

    /* -- Our Brand Promise Section -- */
    .brand-promise-section {
        padding: 45px 0;
    }

    .brand-promise-card {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
    }

    .promise-left h2 {
        font-size: 28px !important;
        text-align: center;
    }

    .promise-divider {
        display: none;
    }

    .promise-right p {
        font-size: 15px !important;
        line-height: 1.5;
        text-align: center;
    }

    /* -- Job Details & Application Page Mobile -- */
    .job-details-hero-section {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .job-breadcrumb {
        flex-wrap: wrap;
        font-size: 13px;
        gap: 6px;
        margin-bottom: 16px;
    }

    .job-details-hero-card {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .job-details-title {
        font-size: 24px !important;
        line-height: 1.25;
    }


    .job-company-name {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .job-meta-row {
        gap: 10px;
        margin-bottom: 20px;
    }

    .job-meta-item {
        font-size: 13px;
        padding: 6px 12px;
        border-radius: 10px;
    }

    .btn-job-apply-now {
        width: 100%;
        justify-content: center;
        padding: 12px 24px;
        font-size: 15px;
    }

    .job-details-body-section {
        padding: 40px 0;
    }

    .job-content-card {
        padding: 24px 20px;
        border-radius: 18px;
    }

    .job-card-heading {
        font-size: 18px !important;
        margin-bottom: 14px;
    }

    .job-card-body-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .job-apply-form-card {
        padding: 28px 20px;
        border-radius: 20px;
        position: static;
    }

    .apply-card-title {
        font-size: 22px !important;
    }

    .apply-card-subtitle {
        font-size: 13px;
    }

    .job-two-col-grid,
    .job-form-grid-3,
    .job-form-grid-2 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .btn-submit-application {
        width: 100%;
        font-size: 15px;
        padding: 14px 20px;
    }

    /* -- About Us Page Mobile -- */
    .about-hero-section {
        padding-top: 110px !important;
        padding-bottom: 30px;
    }

    .about-hero-card {
        grid-template-columns: 1fr;
        padding: 30px 20px;
        border-radius: 20px;
        gap: 24px;
    }

    .about-hero-title {
        font-size: 26px !important;
    }

    .about-hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .btn-about-primary,
    .btn-about-secondary {
        width: 100%;
        justify-content: center;
    }

    .about-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }

    .about-story-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .about-story-img {
        height: 280px;
    }

    .about-exp-floating-card {
        bottom: 14px;
        right: 14px;
        padding: 12px 18px;
    }

    .about-exp-num {
        font-size: 24px;
    }

    .about-section-heading {
        font-size: 24px !important;
    }

    .about-mv-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .about-mv-card {
        padding: 28px 20px;
        border-radius: 20px;
    }

    .about-values-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    /* Clean About Page Responsive */
    .about-clean-page .ab-hero-section {
        padding-top: 60px !important;
        padding-bottom: 30px;
    }

    .ab-hero-box {
        padding: 36px 20px !important;
        border-radius: 24px !important;
    }

    .ab-hero-title {
        font-size: 26px !important;
    }

    .ab-hero-lead {
        font-size: 15px !important;
    }

    .ab-hero-btns {
        flex-direction: column;
        width: 100%;
    }

    .ab-btn-primary,
    .ab-btn-secondary {
        width: 100%;
        justify-content: center;
    }

    .ab-hero-stats-inline {
        flex-direction: column;
        gap: 16px;
    }

    .ab-stat-divider {
        display: none;
    }

    .ab-grid-2,
    .ab-grid-3,
    .ab-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .ab-section-heading {
        font-size: 26px !important;
    }

    .ab-highlight-box {
        padding: 28px 20px !important;
        border-radius: 20px !important;
    }
}