@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-display: swap;
    font-weight: 800;
}

@font-face {
    font-family: 'Poppins-Black.';
    src: url('/fonts/Poppins/Poppins-Black.ttf') format('truetype');
    font-display: swap;
    font-weight: 900;
}

:root {
    --primary-purple: #616897;
    --secondary-orange: #DC8966;
    --complementary-beige: #E9DCC7;
    --white: #FFFFFF;
    --primary-light: #959BCD;
    --secondary-light: #E9B49D;
    --cream: #FCF4E7;
    --light-bg: #F8F9FA;
}

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

body {
    font-family: 'Poppins-Regular';
    line-height: 1.6;
    color: var(--primary-purple);
    overflow-x: hidden;
}

/* Header */
.header {
    background: var(--white);
    padding: 16px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: background 0.3s ease;
}

.header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: flex;
    background-image: url('img/Logo.svg');
    width: 212.202px;
    height: 50px;
    padding-right: 0;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}



.nav-right {
    display: flex;
    align-items: center;
    gap: 20px;
}



.header-cta {
    background: var(--secondary-orange);
    color: white;
    padding: 15px 40px;
    border: none;
    border-radius: 16px;
    font-family: Poppins-Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
    cursor:pointer;
}

    .header-cta:hover {
        background: #c86a50;
        transform: translateY(-2px);
    }

/* Hero Section */
.hero {
   
    min-height: 100vh;
    display: flex;
   /* align-items: center;*/
    position: relative;
    overflow: hidden;

}

    .hero::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 140px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,80 Q300,20 600,80 T1200,60 L1200,120 L0,120 Z" fill="%23FCF4E7"/></svg>') no-repeat center bottom;
        background-size: cover;
    }
  
.hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: 1fr 550px;
    gap: 60px;
    align-items: end;
    position: relative;
    z-index: 2;
    min-height: calc(100vh - 160px);
}

.hero-content {
    color: white;
    padding-bottom: 150px;
}


    .hero-content h1 {
        color: #FFF;
        text-shadow: 0 2px 1px rgba(97, 104, 151, 0.40);
        font-family: 'Poppins-ExtraBold';
        font-size: 56px;
        font-style: normal;
        font-weight: 800;
        line-height: 120%; /* 67.2px */
        letter-spacing: -1.12px;
        margin-bottom:24px;
    }

    .hero-subtitle, .hero-content p {
        color: #FFF;
        text-shadow: 0 2px 1px rgba(97, 104, 151, 0.40);
        font-family: 'Poppins-Medium';
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 36px */
        letter-spacing: 0.48px;
    }

/* Form Card */
.form-card {
    background: white;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    z-index: 3;
    margin-top: 100px; 
    margin-bottom: 60px; 
    align-self: start; 
}

.form-title {
    font-family: Poppins-Bold;
    font-size: 36px;
    font-weight: 700;
    color: var(--secondary-orange);
    margin-bottom: 16px;
    text-align: start;
    line-height: 130%; /* 46.8px */
}

.form-subtitle {
    font-family: 'Poppins-Medium';
    margin-bottom: 16px;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
}

.form-group {
    margin-bottom: 4px;
}

    .form-group .subscribe {
        display: grid;
        grid-template-columns: 40px auto;
        padding: 20px 0;
        font-size: 11px;
        align-items: flex-start;
        color:black;
    }

        .form-group .subscribe input {
            margin-top: 5px;
        }

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-bottom: 4px;
}

.form-input, .form-select {
    width: 100%;
    padding: 4px 8px;
    border: 0.5px solid #333;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    transition: all 0.3s ease;
    background: white;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 25.2px */
}

    .form-input:focus, .form-select:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(224, 122, 95, 0.1);
    }

    .form-input::placeholder {
        color: #333;
    }

.submit-button {
    width: 100%;
    background: var(--secondary-orange);
    color: white;
    padding: 14px 20px;
    border-radius: 16px;
    border: 1.6px solid var(--Secondary, #DC8966);
    font-family: 'Poppins-Bold';
    font-weight: 700;
    line-height: 20px; /* 125% */
    letter-spacing: 0.32px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin:16px auto;
}

    .submit-button:hover {
        background: #c86a50;
        transform: translateY(-2px);
       
    }

.form-consent {
    color: #000;
    text-align: center;
    font-family: 'Poppins-Regular';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

    .form-consent a {
        color: var(--secondary-orange);
        text-decoration: none;
    }
.error-alert-message {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.form-input.error,
.form-select.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Why Section */
.why-section {
    background: var(--cream);
    padding: 60px 0 150px 0;
    position:relative;
}

    .why-section::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 140px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,80 Q300,20 600,80 T1200,60 L1200,120 L0,120 Z" fill="%23FFFFFF"/></svg>') no-repeat center bottom;
        background-size: cover;
        z-index: 1;
    }

  
    .why-section::before {
        content: '';
        position: absolute;
        bottom: -55px;
        left: 24px; 
        width: 240px;
        height: 111px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="111" viewBox="0 0 240 111" fill="none"><path d="M107.749 45.675C106.368 35.2982 97.2494 27.246 86.2389 27.246C82.2227 27.246 78.3468 28.3124 74.9895 30.3084C70.4967 21.996 61.469 16.5 51.6007 16.5C37.029 16.5 25.1903 28.0527 25.1903 42.258C25.1903 43.7072 25.3165 45.1633 25.5688 46.5989C10.7448 50.0988 0 63.1007 0 78.3243C0.0140171 96.3509 15.0343 111 33.5176 111H107.497C125.958 111 141 96.3507 141 78.3243C140.979 60.408 126.099 45.8131 107.75 45.6766L107.749 45.675Z" fill="%23FCF4E7"/><path d="M176.955 17.7771C177.763 11.6828 183.099 6.95369 189.541 6.95369C191.891 6.95369 194.159 7.57999 196.123 8.75229C198.752 3.87039 204.034 0.642578 209.808 0.642578C218.334 0.642578 225.261 7.42749 225.261 15.7703C225.261 16.6214 225.187 17.4766 225.04 18.3197C233.713 20.3752 240 28.0112 240 36.9521C239.992 47.5391 231.203 56.1426 220.389 56.1426H177.103C166.301 56.1426 157.5 47.539 157.5 36.9521C157.512 26.4298 166.219 17.8582 176.955 17.778L176.955 17.7771Z" fill="%23FCF4E7"/></svg>') no-repeat left bottom;
        background-size: contain;
        pointer-events: none;
        z-index: 2;
    }
.section-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 80px;
}

.section-title {
    font-family: 'Poppins-SemiBold';
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: var(--primary-purple);
    margin-bottom: 40px;
    line-height: 120%;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.why-card {
    text-align: center;
    transition: all 0.3s ease;
}

    .why-card:hover {
        transform: translateY(-10px);
      
    }

.why-image {
    width: 100%;
    max-width: 350px;
    max-height: 225px;
    object-fit: cover;
    border-radius: 25px;
    margin-bottom: 20px;
}

.why-title {
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--secondary-orange);
    line-height: 120%;
}

.why-text {
    font-family: 'Poppins-Medium';
    color: var(--primary-purple);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

/* Values Section */
.values-section:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,60 Q300,20 600,80 T1200,40 L1200,120 L0,120 Z" fill="%23FCF4E7"/></svg>') no-repeat center bottom;
    background-size: cover;
    z-index: 1;
}

.values-section {
    background: white;
    padding: 60px 0 100px 0;
    position:relative;
}

    .values-section::after {
        content: "";
        position: absolute;
        bottom: 50px;
        right: 0;
        transform: translateX(-50%);
        width: 147px;
        height: 159px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='147' height='159' viewBox='0 0 147 159' fill='none'><path d='M70.6731 19.7885V2.82692C70.6731 2.07718 70.9709 1.35814 71.5011 0.827987C72.0312 0.297836 72.7503 0 73.5 0C74.2497 0 74.9688 0.297836 75.4989 0.827987C76.0291 1.35814 76.3269 2.07718 76.3269 2.82692V19.7885C76.3269 20.5382 76.0291 21.2572 75.4989 21.7874C74.9688 22.3175 74.2497 22.6154 73.5 22.6154C72.7503 22.6154 72.0312 22.3175 71.5011 21.7874C70.9709 21.2572 70.6731 20.5382 70.6731 19.7885ZM46.266 26.3285L40.6122 16.535C40.2342 15.8918 39.6173 15.424 38.8959 15.2336C38.1745 15.0432 37.4071 15.1457 36.7609 15.5187C36.1148 15.8917 35.6422 16.5049 35.4462 17.2248C35.2503 17.9447 35.3468 18.7129 35.7148 19.3619L41.3686 29.1554C41.7453 29.8013 42.3624 30.2716 43.0851 30.4636C43.8077 30.6555 44.5769 30.5534 45.2244 30.1797C45.872 29.8059 46.3451 29.1909 46.5403 28.4691C46.7355 27.7474 46.6369 26.9777 46.266 26.3285ZM14.1346 76.3269H2.82692C2.07718 76.3269 1.35814 76.6248 0.827987 77.1549C0.297836 77.6851 0 78.4041 0 79.1538C0 79.9036 0.297836 80.6226 0.827987 81.1528C1.35814 81.6829 2.07718 81.9808 2.82692 81.9808H14.1346C14.8844 81.9808 15.6034 81.6829 16.1336 81.1528C16.6637 80.6226 16.9615 79.9036 16.9615 79.1538C16.9615 78.4041 16.6637 77.6851 16.1336 77.1549C15.6034 76.6248 14.8844 76.3269 14.1346 76.3269ZM40.6122 141.773L46.266 131.979C46.6329 131.33 46.7287 130.563 46.5324 129.843C46.3362 129.124 45.8638 128.512 45.2182 128.139C44.5725 127.766 43.8058 127.664 43.0848 127.853C42.3639 128.043 41.7471 128.51 41.3686 129.152L35.7148 138.946C35.3488 139.595 35.2537 140.362 35.4502 141.08C35.6467 141.799 36.1189 142.411 36.7641 142.784C37.4093 143.156 38.1754 143.259 38.896 143.069C39.6166 142.88 40.2333 142.414 40.6122 141.773ZM111.285 138.946L105.631 129.152C105.253 128.509 104.637 128.041 103.915 127.851C103.194 127.661 102.426 127.763 101.78 128.136C101.134 128.509 100.661 129.122 100.465 129.842C100.27 130.562 100.366 131.33 100.734 131.979L106.388 141.773C106.765 142.419 107.382 142.889 108.104 143.081C108.827 143.273 109.596 143.171 110.244 142.797C110.891 142.423 111.364 141.808 111.56 141.086C111.755 140.365 111.656 139.595 111.285 138.946ZM144.173 76.3269H132.865C132.116 76.3269 131.397 76.6248 130.866 77.1549C130.336 77.6851 130.038 78.4041 130.038 79.1538C130.038 79.9036 130.336 80.6226 130.866 81.1528C131.397 81.6829 132.116 81.9808 132.865 81.9808H144.173C144.923 81.9808 145.642 81.6829 146.172 81.1528C146.702 80.6226 147 79.9036 147 79.1538C147 78.4041 146.702 77.6851 146.172 77.1549C145.642 76.6248 144.923 76.3269 144.173 76.3269ZM105.631 29.1554L111.285 19.3619C111.652 18.713 111.748 17.9453 111.552 17.2261C111.355 16.5069 110.883 15.8943 110.237 15.5216C109.592 15.1489 108.825 15.0463 108.104 15.2361C107.383 15.4259 106.766 15.8927 106.388 16.535L100.734 26.3285C100.368 26.9774 100.273 27.7445 100.469 28.4632C100.666 29.1818 101.138 29.7938 101.783 30.1663C102.429 30.5387 103.195 30.6415 103.915 30.4522C104.636 30.2629 105.253 29.7969 105.631 29.1554ZM23.5016 47.0224L8.81206 38.5417C8.16302 38.1737 7.39485 38.0772 6.67496 38.2732C5.95506 38.4691 5.3418 38.9417 4.96882 39.5879C4.59584 40.234 4.49336 41.0014 4.68373 41.7228C4.8741 42.4442 5.34188 43.0611 5.98513 43.4391L20.6746 51.9199C21.3238 52.2891 22.0926 52.3865 22.8133 52.1909C23.534 51.9952 24.148 51.5224 24.5213 50.8757C24.8947 50.2289 24.997 49.4607 24.8059 48.7388C24.6148 48.0169 24.1459 47.3999 23.5016 47.0224ZM8.81206 119.766L23.5016 111.285C24.1448 110.907 24.6126 110.29 24.803 109.569C24.9933 108.848 24.8909 108.08 24.5179 107.434C24.1449 106.788 23.5316 106.315 22.8117 106.119C22.0919 105.923 21.3237 106.02 20.6746 106.388L5.98513 114.869C5.34283 115.247 4.87599 115.864 4.6862 116.585C4.49641 117.306 4.59903 118.073 4.97172 118.718C5.34442 119.364 5.95703 119.836 6.67624 120.032C7.39546 120.229 8.16308 120.133 8.81206 119.766ZM76.3269 155.481V138.519C76.3269 137.769 76.0291 137.05 75.4989 136.52C74.9688 135.99 74.2497 135.692 73.5 135.692C72.7503 135.692 72.0312 135.99 71.5011 136.52C70.9709 137.05 70.6731 137.769 70.6731 138.519V155.481C70.6731 156.231 70.9709 156.95 71.5011 157.48C72.0312 158.01 72.7503 158.308 73.5 158.308C74.2497 158.308 74.9688 158.01 75.4989 157.48C76.0291 156.95 76.3269 156.231 76.3269 155.481ZM141.015 114.869L126.325 106.388C125.676 106.02 124.908 105.923 124.188 106.119C123.468 106.315 122.855 106.788 122.482 107.434C122.109 108.08 122.007 108.848 122.197 109.569C122.387 110.29 122.855 110.907 123.498 111.285L138.188 119.766C138.837 120.135 139.606 120.233 140.327 120.037C141.047 119.841 141.661 119.369 142.035 118.722C142.408 118.075 142.51 117.307 142.319 116.585C142.128 115.863 141.659 115.246 141.015 114.869ZM126.325 51.9199L141.015 43.4391C141.658 43.0611 142.126 42.4442 142.316 41.7228C142.507 41.0014 142.404 40.234 142.031 39.5879C141.658 38.9417 141.045 38.4691 140.325 38.2732C139.605 38.0772 138.837 38.1737 138.188 38.5417L123.498 47.0224C122.856 47.4009 122.389 48.0177 122.2 48.7387C122.01 49.4596 122.112 50.2263 122.485 50.872C122.858 51.5177 123.47 51.99 124.19 52.1863C124.909 52.3825 125.676 52.2868 126.325 51.9199Z' fill='%23FCF4E7'/><path d='M73.5008 118.73C95.3585 118.73 113.078 101.011 113.078 79.1531C113.078 57.2954 95.3585 39.5762 73.5008 39.5762C51.643 39.5762 33.9238 57.2954 33.9238 79.1531C33.9238 101.011 51.643 118.73 73.5008 118.73Z' fill='%23FCF4E7'/></svg>") no-repeat center/contain;
        z-index: 2;
        pointer-events: none;
    }
    .values-section .section-title {
        margin-bottom: 20px;
    }
.values-subtitle {
    text-align: center;
    color: var(--primary-purple);
    font-size: 18px;
    margin-bottom: 48px;
    font-weight: 500;
    line-height: 150%; 
    letter-spacing: 0.36px;
}

.values-list {
    max-width: 800px;
    margin: 0 auto;
}

.value-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
    border-radius: 16px;
    transition: all 0.3s ease;
    position: relative;
}

    .value-item:hover {
        background: var(--light-bg);
        transform: translateX(10px);
    }

.value-icon {
    width: 64px;
    height: 64px;
   
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.value-content {

    color: var(--primary-purple);
    
    font-size: 20px;
    font-style: normal;

    line-height: 150%;
}
    .value-content h3 {
        font-family: 'Poppins-SemiBold';
        font-weight: 600;
    }

    .value-content p {
        font-family:'Poppins-Regular';
        font-weight: 400;
    }


/* Stories Section */
.stories-section {
    background: var(--cream);
    padding: 60px 0 200px 0;
    position: relative;
}
    .stories-section::before {
        content: "";
        position: absolute;
        left: 50px;
        bottom: -150px;
        width: 250px;
        height: 250px;
        
        background: url('img/baloon.svg') no-repeat center/contain;
        z-index: 2;
        pointer-events: none;
    }
.section-title.multi-line {
    font-size: 32px;
}
.stories-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,80 Q300,20 600,80 T1200,60 L1200,120 L0,120 Z" fill="%23FFFFFF"/></svg>') no-repeat center bottom;
    background-size: cover;
}

.stories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 40px;
}

.story-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transform-origin: center bottom;
    transition: transform 0.35s ease;
}
.title-line {
    display: block;
}


.story-image {
    width: 100%;
    height: clamp(220px, 25vw, 380px);
    object-fit: cover;
    display: block;
    border-bottom: 6px solid var(--primary-purple);
}

.story-content {
    padding: 18px 20px 22px;
    background: #fff;
    text-align: center;
}

.story-title {
    font-family: 'Poppins-Medium';
    color: var(--primary-purple);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.489px */
    letter-spacing: 0.358px;
}

.story-text {
    color: var(--secondary-orange);
    font-size: 14px;
    line-height: 1.6;
}

/* Scale effect */
.stories-carousel .owl-item .story-card {
    transform: scale(0.92);
}

.stories-carousel .owl-item.center .story-card {
    transform: scale(1);
}
/*/Carousel//*/


.story-item {
    padding: 6px;
}
.story-card.is-center {
    transform: scale(1.12);
}
.stories-carousel .owl-nav {
    margin-top: 18px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

    .stories-carousel .owl-nav button {
        background: none;
        border: none;
        font-size: 32px;
        font-weight: bold;
        color: #5b5e8b;
        cursor: pointer;
        padding: 0;
        line-height: 1;
    }


    .stories-carousel .owl-nav [class*=owl-]:hover {
        background: unset;
        color: inherit;
    }
    /* Parents Section */
    .parents-section {
        background: white;
        padding: 60px 0 60px 0;
        position:relative;
    }
        .parents-section::before {
            content: "";
            position: absolute;
            bottom: -225px;
            right: 340px;
            width: 250px;
            height: 250px;
            background: url(img/flower.svg) no-repeat center / contain;
            z-index: 2;
            pointer-events: none;
        }

        .parents-section .section-title {
            margin-bottom: 20px;
        }

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.testimonial-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--primary-light);
    color: white;
    padding: 35px;
    border-radius: 16px;
    text-align: left;
    position: relative;
    box-shadow: 0 15px 35px rgba(124, 141, 181, 0.3);
}

  /*  .testimonial-card::before {
        content: '"';
        position: absolute;
        top: 0px;
        left: 25px;
        font-size: 60px;
        opacity: 0.3;
        font-family: 'Poppins-Medium';
    }*/

.testimonial-text {
    margin-bottom: 16px;
    color: var(--White, #FFF);
    font-family: 'Poppins-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.32px;
    z-index: 2;
}

.testimonial-author {
    font-family: 'Poppins-Bold';
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}
.testimonial-author-location {
    font-family: 'Poppins-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.32px;
}
.owl-carousel .owl-nav {
    margin-top: 30px;
    text-align: center;
}

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
     
      
        border: none;
      
        width: 100px;
        height: 100px;
        margin: 0 10px;
        font-size: 30px;
        transition: all 0.3s ease;
        outline: none;
    }

        .owl-carousel .owl-nav button.owl-next:hover,
        .owl-carousel .owl-nav button.owl-prev:hover {
            background: unset;
            color:inherit;
          
        }

/* Hide dots */
.owl-carousel .owl-dots {
    display: none !important;
}

/* Override grid layout when owl-carousel is active */
.testimonials-grid.owl-carousel {
    display: block !important;
}

    .testimonials-grid.owl-carousel .testimonial-card {
        margin: 0 15px;
        box-shadow: none !important; /* Remove shadow */
        height: 465px !important; /* Increased height for more text */
        min-height: 465px !important;
    }

/* Remove shadow from your existing testimonial-card style */
.testimonial-card {
    box-shadow: none !important;
    height: 380px; /* Increased from 280px to 380px */
    min-height: 380px;
}

/* Final CTA Section */
.final-cta {
   /* background: linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-light) 100%);*/
    background: var(--primary-purple) ;
    padding: 150px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .final-cta::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 195px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,60 Q300,0 600,60 T1200,40 L1200,0 L0,0 Z" fill="white"/></svg>') no-repeat center top;
        background-size: cover;
    }

    .final-cta h2 {
        font-family: 'Poppins-SemiBold';
        color: white;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .final-cta p {
        color: #FFF;
        text-align: center;
        font-family: 'Poppins-Regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 0.28px;
        margin-bottom: 20px;
    }

    .final-cta .cta-button {
        background: var(--secondary-orange);
        color: white;
        padding: 15px 40px;
        border: none;
        border-radius: 16px;
        font-family: Poppins-Bold;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        cursor: pointer;
    }

        .final-cta .cta-button:hover {
            background: #c86a50;
            transform: translateY(-3px);
            
        }
.logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px auto 40px auto; 
    width: 212.202px;
    height: 50px;
}

.logo-footer-img {
    display: block;
    width: 212.202px;
    height: 50px;

    object-fit: contain;
}
/* Footer links styling */
.footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.footer-link {
    color: white;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

    .footer-link:hover {
        opacity: 0.8;
        text-decoration: underline;
    }

.separator {
    color: white;
    font-family: 'Poppins-Regular';
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px;
}
/* Popup Styles */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.popup-content {
    background: white;
    padding: 40px;
    border-radius: 20px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

.close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: var(--secondary-orange);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .close-button:hover {
        background: var(--light-bg);
        color: var(--primary-purple);
    }
@media (min-width: 1500px){
    .parents-section::before {
        bottom: -250px;
        right: 400px;
    }
}
/* Tablet Responsive */
@media (max-width: 1048px) {

    .header {
        padding: 10px 0 0 0; /* Remove bottom padding */
    }

    .header-container {
        padding: 0px;
        flex-direction: column;
        gap: 0; /* Remove gap between logo and button */
        align-items: center;
    }

    .logo {
        width: 127px;
        height: 30px;
        background-size: contain;
        margin-bottom: 10px;
    }

    .nav-right {
        width: 100%;
        justify-content: stretch;
        margin: 0;
        padding: 0;
    }

    .header-cta {
        width: 100%;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    }

    .hero {
        min-height: unset;
        margin-top: 95px;
    }


    .hero-container {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 0 40px;
        /* align-items: center;*/
    }

    .hero-content {
        /*   padding-bottom: 0px;*/
    }

        .hero-content h1 {
            font-size: 30px;
            letter-spacing: -0.6px;
            margin-bottom: 16px;
        }

        .hero-subtitle, .hero-content p {
            font-size: 14px;
            letter-spacing: 0.28px;
        }

    .form-card {
        max-width: 400px;
        padding: 24px; /* Slightly less padding */
    }

    .form-title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .form-subtitle {
        font-size: 14px;
    }

    .form-input, .form-select {
        font-size: 11px;
    }

    .submit-button {
        font-size: 14px;
        letter-spacing: 0.28px;
    }

    .form-consent {
        font-size: 9px;
        line-height: 130%;
    }

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

    .section-title {
        font-size: 32px;
    }

    .why-section::before {
        bottom: -10px;
        left: 24px;
        width: 160px;
        height: 74px;
    }

    .why-grid {
        display: flex;
        flex-direction: column;
        gap: 40px;
        max-width: 600px;
        margin: 0 auto;
    }

    .why-card {
        display: flex;
        align-items: center;
        gap: 30px;
        text-align: left;
        padding: 0;
        transform: none;
        box-shadow: none;
    }

        .why-card:hover {
            transform: none;
            box-shadow: none;
        }

    .why-image {
        max-width: 230px;
        max-height: 147.857px;
        flex-shrink: 0;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .why-title {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .why-text {
        font-size: 16px;
        line-height: 130%;
    }

    .why-content {
        flex: 1;
    }

    .why-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .values-section::after {
        bottom: -20px;
        right: -50px;
    }

    .values-section .section-title {
        margin-bottom: 8px;
    }

    .values-list {
        max-width: 700px;
    }

    .value-content {
        font-size: 16px;
    }

    .stories-section::before {
        left: 30px;
        bottom: -95px;
        width: 200px;
        height: 200px;
    }

    .parents-section .section-title {
        margin-bottom: 8px;
    }

    .stories-carousel .owl-item .story-card {
        transform: scale(0.90);
    }

    .parents-section::before {
        bottom: -205px;
        right: 160px;
        width: 200px;
        height: 200px;
    }
}
    @media (max-width: 768px) {

        .hero {
            min-height: 100vh;
        }

        .hero-container {
            grid-template-columns: 1fr;
            gap: 16px;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .hero-content {
            padding-bottom: 0px;
        }

        .form-card {
            margin-top: 0;
            margin-bottom: 0;
            padding: 20px;
        }

        .hero::before {
            height: 72px;
            /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="390" height="72" viewBox="0 0 390 72" fill="none"> <path d="M-0.00012207 2.70219e-10C102 -0.00013878 299.5 114.085 390 2.70219e-10V72H0.000405072L-0.00012207 2.70219e-10Z" fill="#FCF4E7"/> </svg>') no-repeat center bottom;*/
        }

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

        .section-title {
            font-size: 28px;
        }

        .why-section::before {
            bottom: 15px;
            left: 24px;
            width: 80px;
            height: 37px;
        }

        .why-card {
            flex-direction: column;
        }

        .why-image {
            max-width: unset;
            max-height: unset;
        }

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

        .story-title {
            font-size: 12px;
            letter-spacing: 0.24px;
        }

        .section-title.multi-line {
            font-size: 26px;
        }

        .story-card.is-side {
            transform: none;
        }

        .story-card.is-center {
            transform: scale(1.04);
        }

        .testimonial-card,
        .testimonials-grid.owl-carousel .testimonial-card {
            height: 500px !important;
            min-height: 500px !important;
        }

        .values-section::after {
            bottom: 30px;
            right: 0px;
            width: 78px;
            height: 80px;
        }

        .stories-section::before {
            width: 120px;
            height: 120px;
            bottom: -35px;
            left: 20px;
        }

        .parents-section::before {
            bottom: -190px;
            right: 50px;
            width: 150px;
            height: 150px;
        }
    }

    @media (max-width: 480px) {
    }

    @media (max-width: 390px) {
        .hero-container {
            padding: 0 20px; /* Reduce side padding for smaller screens */
            gap: 12px;
        }

        .form-card {
            width: 100%;
            max-width: none;
            padding: 24px 20px;
            margin: 0;
            box-sizing: border-box;
        }
        .parents-section::before {
            bottom: -170px;
            right: 50px;
           
        }
    }


    /* Animation Classes */
    .fade-in {
        opacity: 0;
        transform: translateY(30px);
        animation: fadeInUp 0.8s ease forwards;
    }

    @keyframes fadeInUp {
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .stagger-1 {
        animation-delay: 0.1s;
    }

    .stagger-2 {
        animation-delay: 0.2s;
    }

    .stagger-3 {
        animation-delay: 0.3s;
    }