/* --- HERO SECTION STYLES --- */
.hero {
    background-color: #fef6f0;
    padding: 52px 0;
    overflow: hidden;
    position: relative;
}

.hero__content {
    position: relative;
    z-index: 2;
    padding-top: 36px;
}

.hero__decor {
    position: absolute;
    top: -5px;
    left: -70px;
    width: 52px;
    z-index: 1;
    animation: float 6s ease-in-out infinite;
}

.hero__decor2 {
    position: absolute;
    top: 206px;
    right: 0px;
    width: 70px;
    z-index: 1;
    animation: float 6s 1s ease-in-out infinite;
}

.hero__title {
    font-size: 68px;
    font-weight: bolder;
    color: var(--Light-Secondary-50);
    margin-bottom: 30px;
    line-height: 1.2;
    overflow: hidden;
    font-family: var(--font-secondary);
}

@keyframes blink-caret {
    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: var(--Light-Primary-50);
    }
}

.hero__usp {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    animation: fadeUp 0.8s ease backwards;
}

.hero__usp-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--Light-Primary-50);
    animation: fadeInUp 0.8s ease backwards;
}

.hero__usp-item:nth-child(1) {
    animation-delay: 3s;
}

.hero__usp-item:nth-child(2) {
    animation-delay: 3.2s;
}

.hero__usp-item:nth-child(3) {
    animation-delay: 3.4s;
}

.hero__usp-item i {
    color: var(--Light-Primary-20);
    font-size: 20px;
    background-color: var(--Light-Secondary-50);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #863b002b;
}

.hero__desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--Light_mode-Gray_Scale-10);
    margin-bottom: 40px;
    animation: fadeUp 0.8s 0.5s ease backwards;
}

.hero__actions {
    animation: fadeInUp 0.8s ease backwards 3.8s;
}

.hero__btn {
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    background-color: var(--Light-Primary-50);
    color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
}

.hero__btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(134, 59, 0, 0.2);
    background-color: #a04a00;
    color: #fff;
}

/* Hero Image & Shapes */
.hero__image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero__image {
    max-width: 100%;
    position: relative;
    z-index: 2;
    animation: float 6s ease-in-out infinite;
}

.hero__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.hero__image-bg {
    position: absolute;
    width: 450px;
    height: 450px;
    background-color: var(--Light-Primary-50);
    border-radius: 50%;
    z-index: 1;
    opacity: 0.1;
}

.reveal-item {
    display: inline-block;
    opacity: 0;
    transform: translateY(-30px);
    filter: blur(5px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-item.is-visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

/* --- PROGRAMS SECTION STYLES --- */
.programs {
    padding: 100px 0;
    position: relative;
    margin: 100px 0;
    background: linear-gradient(45deg, #fef6f0cc, #fef6f0cc), url(../img/bgs/bg-vango.jpg);
}

.programs__bg--top {
    width: 100%;
    height: 40.4%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.programs__bg--top_inner {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Light-Secondary-50);
    background-blend-mode: multiply;
    background-image: url(https://bracketweb.com/kidearnwp/wp-content/uploads/2023/10/program-bg-shape-3.png);
}

.program__top-shape {
    z-index: 2;
    position: absolute;
    top: -22px;
    left: 0;
    width: 100%;
    height: 23px;
    background-color: var(--Light-Secondary-50);
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23"><path d="M1920 22.0088L1920 0.00878906C1880 0.00878906 1880 22.0088 1839.99 22.0088C1799.99 22.0088 1799.99 0.00878906 1759.98 0.00878906C1719.98 0.00878906 1719.98 22.0088 1679.98 22.0088C1639.98 22.0088 1639.98 0.00878906 1599.98 0.00878906C1559.98 0.00878906 1559.98 22.0088 1519.98 22.0088C1479.98 22.0088 1479.98 0.00878906 1439.98 0.00878906C1399.98 0.00878906 1399.98 22.0088 1359.98 22.0088C1319.98 22.0088 1319.98 0.00878906 1279.98 0.00878906C1239.98 0.00878906 1239.98 22.0088 1199.98 22.0088C1159.98 22.0088 1159.98 0.00878906 1119.98 0.00878906C1079.98 0.00878906 1079.98 22.0088 1039.98 22.0088C999.98 22.0088 999.98 0.00878906 959.99 0.00878906C919.99 0.00878906 919.99 22.0088 879.99 22.0088C839.99 22.0088 839.99 0.00878906 799.99 0.00878906C759.99 0.00878906 759.99 22.0088 719.99 22.0088C679.99 22.0088 679.99 0.00878906 639.99 0.00878906C599.99 0.00878906 599.99 22.0088 559.99 22.0088C519.99 22.0088 519.99 0.00878906 479.99 0.00878906C439.99 0.00878906 439.99 22.0088 399.99 22.0088C359.99 22.0088 359.99 0.00878906 319.99 0.00878906C279.99 0.00878906 279.99 22.0088 239.99 22.0088C200 22.0088 200 0.00878906 160 0.00878906C120 0.00878906 120 22.0088 80 22.0088C40 22.0088 40 0.00878906 0 0.00878906L-1.32845e-08 22.0088L1920 22.0088Z"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: cover;
}

.program__bot-shape {
    z-index: 2;
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    height: 23px;
    background-color: #f3e2d5;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23"><path d="M1920 22.0088L1920 0.00878906C1880 0.00878906 1880 22.0088 1839.99 22.0088C1799.99 22.0088 1799.99 0.00878906 1759.98 0.00878906C1719.98 0.00878906 1719.98 22.0088 1679.98 22.0088C1639.98 22.0088 1639.98 0.00878906 1599.98 0.00878906C1559.98 0.00878906 1559.98 22.0088 1519.98 22.0088C1479.98 22.0088 1479.98 0.00878906 1439.98 0.00878906C1399.98 0.00878906 1399.98 22.0088 1359.98 22.0088C1319.98 22.0088 1319.98 0.00878906 1279.98 0.00878906C1239.98 0.00878906 1239.98 22.0088 1199.98 22.0088C1159.98 22.0088 1159.98 0.00878906 1119.98 0.00878906C1079.98 0.00878906 1079.98 22.0088 1039.98 22.0088C999.98 22.0088 999.98 0.00878906 959.99 0.00878906C919.99 0.00878906 919.99 22.0088 879.99 22.0088C839.99 22.0088 839.99 0.00878906 799.99 0.00878906C759.99 0.00878906 759.99 22.0088 719.99 22.0088C679.99 22.0088 679.99 0.00878906 639.99 0.00878906C599.99 0.00878906 599.99 22.0088 559.99 22.0088C519.99 22.0088 519.99 0.00878906 479.99 0.00878906C439.99 0.00878906 439.99 22.0088 399.99 22.0088C359.99 22.0088 359.99 0.00878906 319.99 0.00878906C279.99 0.00878906 279.99 22.0088 239.99 22.0088C200 22.0088 200 0.00878906 160 0.00878906C120 0.00878906 120 22.0088 80 22.0088C40 22.0088 40 0.00878906 0 0.00878906L-1.32845e-08 22.0088L1920 22.0088Z"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center center;
    transform: rotate(180deg);
    mask-size: cover;
}

.programs__header {
    position: relative;
    z-index: 1;
}

.programs__subtitle {
    font-family: var(--font-secondary);
    color: var(--Light-Primary-95);
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
}

.programs__title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 32px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.program-card {
    position: relative;
    height: 100%;
    padding: 40px 20px;
    text-align: center;
    transition: all 0.3s ease;
    z-index: 1;
    display: block;
}

.program-card__shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.3s ease;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 413"><path d="M232.489 370.49C168.721 379.888 101.476 430.507 60.5694 406C27.7404 386.337 -5.44522 328.132 9.56944 227.947C22.9257 138.686 -19.0511 45.3973 11.2635 32.2885C26.6526 25.6551 45.8927 44.6781 84 38.9924C94.5031 37.413 101.452 27.4749 121.5 17.4924C237.5 -40.2684 268.492 67.7316 268.492 100.544C269.865 119.022 269.33 138.264 267.19 156.454C256.313 249.189 296.97 361.014 232.489 370.49Z"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    background: #fff;
}

.program-card__image {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.program-card__image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.program-card:hover .program-card__image img {
    transform: scale(1.1);
}

.program-card__name {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    color: var(--Light-Primary-10);
}

.program-card__age {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

.program-card--red .program-card__age {
    color: #ff4d4d;
}

.program-card--green .program-card__age {
    color: #4cd137;
}

.program-card--blue .program-card__age {
    color: #0097e6;
}

.program-card--yellow .program-card__age {
    color: #fbc531;
}

.program-card--purple .program-card__age {
    color: #9c88ff;
}

.program-card--orange .program-card__age {
    color: #e67e22;
}

.program-card--cyan .program-card__age {
    color: #00d2d3;
}

.program-card__desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--Light_mode-Gray_Scale-10);
    margin-bottom: 25px;
    height: 4.8em;
    overflow: hidden;
}

.program-card__btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.program-card--red .program-card__btn {
    background-color: #ff4d4d;
}

.program-card--green .program-card__btn {
    background-color: #4cd137;
}

.program-card--blue .program-card__btn {
    background-color: #0097e6;
}

.program-card--yellow .program-card__btn {
    background-color: #fbc531;
}

.program-card--purple .program-card__btn {
    background-color: #9c88ff;
}

.program-card--orange .program-card__btn {
    background-color: #e67e22;
}

.program-card--cyan .program-card__btn {
    background-color: #00d2d3;
}

.program-card__btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #fff;
}

@media (max-width: 991px) {
    .programs__title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .programs {
        padding: 60px 0;
    }
}

@media (max-width: 1259px) {
    .header-link {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hero {
        padding: 60px 0;
        text-align: center;
    }

    .hero__decor,
    .hero__decor2 {
        display: none;
    }

    .hero__title {
        font-size: 36px;
        white-space: normal;
        width: 100%;
        border-right: none;
    }

    .hero__usp {
        align-items: center;
    }

    .hero__image-wrapper {
        margin-top: 50px;
    }

    .hero__image-bg {
        width: 300px;
        height: 300px;
    }

    .hero__shape--circle {
        width: 280px;
        height: 280px;
    }

    .hero__desc {
        margin-left: auto;
        margin-right: auto;
    }
}

/* --- TESTIMONIALS SECTION STYLES --- */
.testimonials {
    padding: 100px 0;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.testimonials__icon {
    position: absolute;
    top: 120px;
    left: 160px;
    z-index: 1;
    width: 40px;
    animation: float 6s ease-in-out infinite;
}

.testimonials__icon2 {
    position: absolute;
    top: 160px;
    right: 160px;
    z-index: 1;
    width: 80px;
    animation: float 8s 1s ease-in-out infinite;
}

.testimonials__slider-wrapper {
    position: relative;
    padding: 0 50px;
}

.testimonials__slider {
    margin: 0 -15px;
}

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

/* Slick Arrows Styling */
.testimonials__slider-wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: var(--Light-Primary-50);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-size: 18px;
}

.testimonials__slider-wrapper .slick-prev {
    left: -10px;
}

.testimonials__slider-wrapper .slick-next {
    right: -10px;
}

.testimonials__slider-wrapper .slick-arrow:hover {
    transform: translateY(-50%) scale(1.1);
}

.testimonials__slider-wrapper .slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 991px) {
    .testimonials__title {
        font-size: 32px;
    }

    .testimonials__slider-wrapper {
        padding: 0 40px;
    }
}

@media (max-width: 767px) {
    .testimonials {
        padding: 60px 0;
    }

    .testimonials__slider-wrapper {
        padding: 0;
    }

    .testimonials__slider-wrapper .slick-arrow {
        display: none !important;
    }
}