{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/aboutus/aboutus8.css"],"sourcesContent":[".aboutus8-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.aboutus8-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.aboutus8-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.aboutus8-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    line-height: 1.25;\n}\n\n.aboutus8-section .title .text-secondary {\n    color: #54b248;\n}\n\n.aboutus8-section .desc.centered {\n    max-width: 820px;\n    margin: 0 auto;\n    font-size: 18px;\n    line-height: 1.7;\n    color: #eeeeee;\n}\n\n/* Card Outer Wrapper for Navigation */\n.card-outer-wrapper {\n    position: relative;\n    max-width: 1100px;\n    margin: 40px auto 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Card Design - RESTORED */\n.aboutus8-card {\n    background-color: #ffffff;\n    border: 3px solid #54b248;\n    border-radius: 40px;\n    padding: 30px;\n    position: relative;\n    width: 100%;\n    height: 500px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    text-align: center;\n    overflow: hidden;\n}\n\n/* Avatar Cloud - RESTORED */\n.avatar-cloud {\n    position: relative;\n    width: 100%;\n    height: 180px;\n    margin-bottom: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.avatar {\n    position: absolute;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 2px solid #54b248;\n    background-color: #f0f0f0;\n    margin-left: -30px;\n    /* Half of small avatar width (60px) */\n}\n\n.avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/* Base Styles */\n.avatar.large {\n    width: 140px;\n    height: 140px;\n    z-index: 5;\n    margin-left: -70px;\n    /* Half of large avatar width (140px) */\n}\n\n.avatar.small {\n    width: 60px;\n    height: 60px;\n    z-index: 2;\n}\n\n.avatar.tiny {\n    width: 45px;\n    height: 45px;\n    z-index: 2;\n    background-color: #e8f5e9;\n    padding: 8px;\n    margin-left: -22.5px;\n}\n\n.avatar.tiny img {\n    object-fit: contain;\n}\n\n/* ==========================================================================\n   USER EDITABLE POSITIONS - Edit top/left % below to shift the cloud images\n   ========================================================================== */\n\n/* --- LEFT CLOUD --- */\n.avatar-cloud .avatar.t-left-top {\n    top: 10%;\n    left: 5%;\n}\n\n.avatar-cloud .avatar.t-left-bottom {\n    top: 55%;\n    left: 20%;\n}\n\n.avatar-cloud .avatar.t-mid-left {\n    top: 15%;\n    left: 35%;\n}\n\n/* --- CENTER (MAIN) --- */\n.avatar-cloud .avatar.t-center {\n    top: 15%;\n    left: 50%;\n}\n\n/* --- RIGHT CLOUD --- */\n.avatar-cloud .avatar.t-mid-right {\n    top: 15%;\n    left: 67%;\n}\n\n.avatar-cloud .avatar.t-right-top {\n    top: 50%;\n    left: 81%;\n}\n\n.avatar-cloud .avatar.t-right-bottom {\n    top: 10%;\n    left: 96%;\n}\n\n/* --- BUFFER SLOTS (Entry/Exit Points) --- */\n.avatar-cloud .avatar.t-off-left-1 {\n    left: -10%;\n    top: 20%;\n}\n\n.avatar-cloud .avatar.t-off-left-2 {\n    left: -25%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-left-3 {\n    left: -40%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-right-1 {\n    left: 110%;\n    top: 20%;\n}\n\n.avatar-cloud .avatar.t-off-right-2 {\n    left: 125%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-right-3 {\n    left: 140%;\n    top: 40%;\n}\n\n/* CTA Slide - RESTORED */\n.aboutus8-card.cta-slide {\n    background-color: #54b248;\n    border-color: #ffffff;\n}\n\n.cta-slide .client-name {\n    color: #ffffff !important;\n    font-size: 38px;\n}\n\n.cta-slide .client-quote {\n    color: #ffffff !important;\n    font-weight: 500;\n}\n\n.cta-slide .avatar {\n    border-color: #ffffff;\n}\n\n/* Testimonial Content - RESTORED */\n.testimonial-content {\n    margin-bottom: 30px;\n}\n\n.client-name {\n    color: #2e7d32 !important;\n    /* Deep Green for maximum contrast */\n    font-size: 30px;\n    font-weight: 700;\n    margin-bottom: 20px;\n}\n\n.client-quote {\n    font-size: 18px;\n    line-height: 1.6;\n    color: #1a1a1a !important;\n    /* Near Black for maximum readability */\n    max-width: 800px;\n    margin: 0 auto;\n    font-weight: 500;\n}\n\n/* Nav Buttons - POSITIONED INSIDE */\n.nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    background-color: #54b248;\n    /* Default Green for white cards */\n    color: #ffffff;\n    /* White Arrow */\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 50;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.ctaslide-btns .nav-btn {\n    background-color: #ffffff;\n    /* White for green card */\n    color: #54b248;\n    /* Green Arrow */\n}\n\n.nav-btn:hover {\n    transform: translateY(-50%) scale(1.1);\n    background-color: #46a03c;\n}\n\n.ctaslide-btns .nav-btn:hover {\n    background-color: #f0f0f0;\n}\n\n.nav-btn.prev {\n    left: 20px;\n}\n\n.nav-btn.next {\n    right: 20px;\n}\n\n/* Card Footer - RESTORED */\n.card-footer {\n    position: absolute;\n    bottom: 40px;\n    display: flex;\n    gap: 20px;\n}\n\n.btn-solid {\n    background-color: #54b248;\n    color: #ffffff;\n    border: none;\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.btn-solid.white-btn {\n    background-color: #ffffff;\n    color: #54b248;\n}\n\n.btn-outline {\n    background-color: transparent;\n    color: #54b248;\n    border: 1px solid #54b248;\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.3s ease;\n}\n\n.btn-outline.white-outline {\n    color: #ffffff;\n    border-color: #ffffff;\n}\n\n/* Modal Styles */\n.video-modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.9);\n    z-index: 9999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.video-modal-content {\n    width: 90%;\n    max-width: 800px;\n    position: relative;\n}\n\n.video-modal-close {\n    position: absolute;\n    top: -40px;\n    right: 0;\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 40px;\n    cursor: pointer;\n}\n\n/* Responsive */\n@media (max-width: 991px) {\n    .testimonial-white-card {\n        padding: 40px 20px;\n        min-height: 800px;\n    }\n\n    .content-reveal-section .tagline {\n        font-size: 28px;\n    }\n\n    .avatar.center-main {\n        width: 130px;\n        height: 130px;\n    }\n\n    .avatar.center-main .img-wrap {\n        width: 130px;\n        height: 130px;\n    }\n}\n\n/* --- RESPONSIVENESS --- */\n@media (max-width: 1024px) {\n    .aboutus8-card {\n        padding: 40px 30px;\n        min-height: 500px;\n    }\n\n    .avatar.large {\n        width: 120px;\n        height: 120px;\n        margin-left: -60px;\n    }\n\n    .avatar.small {\n        width: 50px;\n        height: 50px;\n    }\n\n    .client-name {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .aboutus8-section {\n        padding: 40px 10px;\n    }\n\n    .aboutus8-card {\n        padding: 15px 15px;\n        min-height: 480px;\n        border-radius: 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    .avatar-cloud {\n        height: 140px;\n        /* Reduced height for mobile */\n        margin-bottom: 30px;\n        width: 100%;\n        position: relative;\n    }\n\n    .avatar.large {\n        width: 90px;\n        height: 90px;\n        margin-left: -45px;\n        top: 20px;\n        border-width: 2px;\n    }\n\n    .avatar.small {\n        width: 42px;\n        height: 42px;\n        border-width: 1.5px;\n        margin-left: -21px;\n    }\n\n    /* Spread out Right side avatars to prevent overlap */\n    .avatar-cloud .avatar.t-mid-left {\n        left: 18%;\n        top: 15%;\n    }\n\n    .avatar-cloud .avatar.t-left-bottom {\n        left: 12%;\n        top: 58%;\n    }\n\n    .avatar-cloud .avatar.t-mid-right {\n        left: 82%;\n        top: 15%;\n    }\n\n    .avatar-cloud .avatar.t-right-bottom {\n        left: 88%;\n        top: 62%;\n    }\n\n    /* Shifted down more */\n\n    /* Animation Keep-Alive */\n    .avatar-cloud .avatar.t-left-top,\n    .avatar-cloud .avatar.t-right-top,\n    .avatar-cloud .avatar.t-off-left-1,\n    .avatar-cloud .avatar.t-off-right-1 {\n        opacity: 0.15;\n        transform: scale(0.4);\n    }\n\n    .client-name {\n        color: #2e7d32 !important;\n        font-size: 19px;\n        margin-top: 10px;\n        margin-bottom: 10px;\n    }\n\n    .client-quote {\n        color: #1a1a1a !important;\n        font-size: 14px;\n        line-height: 1.5;\n        padding: 0 15px;\n        margin-bottom: 15px;\n    }\n\n    /* Fixed Testimonial CTA slide sizing */\n    .cta-slide .client-name {\n        font-size: 24px !important;\n    }\n\n    .nav-btn {\n        width: 40px;\n        height: 40px;\n        top: 35% !important;\n        /* Moved higher to avoid content overlap */\n        left: 8px !important;\n        background-color: #54b248;\n        display: flex !important;\n    }\n\n    .nav-btn.next {\n        left: auto !important;\n        right: 8px !important;\n    }\n\n    .card-footer {\n        position: relative;\n        /* Remove absolute for better mobile flow */\n        bottom: auto;\n        flex-direction: column;\n        gap: 10px;\n        margin-top: 10px;\n        width: 100%;\n    }\n\n    .btn-solid,\n    .btn-outline {\n        width: 100%;\n        max-width: 100%;\n        padding: 10px 20px;\n        font-size: 14px;\n        justify-content: center;\n    }\n\n    .aboutus8-section .desc.centered {\n        font-size: 15px;\n        padding: 0 15px;\n    }\n\n    .side-nav {\n        top: auto;\n        bottom: 30px;\n        transform: none;\n    }\n\n    .side-nav.prev {\n        left: 20%;\n    }\n\n    .side-nav.next {\n        right: 20%;\n    }\n\n    .action-footer {\n        flex-direction: column;\n        width: 100%;\n        max-width: 300px;\n    }\n\n    .btn-pink-main,\n    .btn-pink-outline {\n        width: 100%;\n        text-align: center;\n        justify-content: center;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;;;;AASA;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;AAUA;;;;;;;;;AAUA;;;;;;AAOA;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;AASA;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAKA;;;;AAIA;;;;;;;AAQA;;;;;;;;;AAWA;;;;;;;;;;;;;;;;;;;AAqBA;;;;;AAOA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;;;;;;AAYA;EACI;;;;;EAKA;;;;EAIA;;;;;;AAYJ;EACI;;;;;EAKA;;;;;;EAMA;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA;;;;;;;;;EASA;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAQA;;;;;EAQA;;;;;;;EAOA;;;;;;;;EASA;;;;EAIA;;;;;;;;;EAUA;;;;;EAKA;;;;;;;;;EAUA;;;;;;;;EASA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;;EAMA"}}]
}