/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/
:root {
    --kidearn-font: "Lexend", sans-serif;
    --kidearn-heading-font: "Lexend", sans-serif;
    --kidearn-special-font: "Lexend", cursive;
    --kidearn-text: #242424;
    --kidearn-text-rgb: 126, 129, 133;
    --kidearn-text-dark: #5f7999;
    --kidearn-text-dark-rgb: 95, 121, 153;
    --kidearn-text-gray: #89868d;
    --kidearn-text-gray-rgb: 137, 134, 141;
    --kidearn-base: #1878ee;
    --kidearn-base-rgb: 242, 83, 52;
    --kidearn-primary: #1878ee;
    --kidearn-primary-rgb: 38, 166, 161;
    --kidearn-secondary: #ffde52;
    --kidearn-secondary-rgb: 255, 170, 35;
    --kidearn-secondary2: #1878ee;
    --kidearn-secondary2-rgb: 117, 193, 55;
    --kidearn-gray: #faf5f2;
    --kidearn-gray-rgb: 250, 245, 242;
    --kidearn-white: #fff;
    --kidearn-white-rgb: 255, 255, 255;
    --kidearn-black: #002544;
    --kidearn-black-rgb: 11, 32, 56;
    --kidearn-black2: #020912;
    --kidearn-black2-rgb: 2, 9, 18;
    --kidearn-black3: #000;
    --kidearn-black3-rgb: 0, 0, 0;
    --kidearn-border-color: #fce9dd;
    --kidearn-border-color-rgb: 252, 233, 221;
    --kidearn-letter-space-title: -0.03em;
    --kidearn-letter-space: 0px;
    --kidearn-letter-space-xl: 0.2em;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-120 {
    margin-top: 120px;
}

.mt--60 {
    margin-top: -60px;
}

.mt--120 {
    margin-top: -120px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb--60 {
    margin-bottom: -60px;
}

.mb--120 {
    margin-bottom: -120px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-142 {
    padding-top: 142px;
}

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

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

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

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

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

.pr-30 {
    padding-right: 30px;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    line-height: 2.125;
    font-weight: 500;
}

body.locked {
    overflow: hidden;
}

a {
    color: var(--kidearn-base, #f25334);
    transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    color: var(--kidearn-black, #0b2038);
}

@media (max-width: 575px) {
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}

@media (max-width: 575px) {
    p br {
        display: none;
    }
}

::placeholder {
    color: inherit;
    opacity: 1;
}

.background-base {
    background-color: var(--kidearn-base, #f25334);
}

.background-gray {
    background-color: var(--kidearn-gray, #faf5f2);
}

.background-black {
    background-color: var(--kidearn-black, #0b2038);
}

.background-black-2 {
    background-color: var(--kidearn-black2, #020912);
}

.kidearn-text-dark {
    color: var(--kidearn-text-dark, #5f7999);
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.container-fluid,
.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.row {
    --bs-gutter-x: 30px;
}

.gutter-x-0 {
    --bs-gutter-x: 0px;
}

.gutter-y-10 {
    --bs-gutter-y: 10px;
}

.gutter-y-15 {
    --bs-gutter-y: 15px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-60 {
    --bs-gutter-y: 60px;
}

.kidearn-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--kidearn-base, #f25334);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    padding: 9.25px 30px;
    transition: 800ms;
    letter-spacing: 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.kidearn-btn:before,
.kidearn-btn:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--kidearn-black, #0b2038);
    border-radius: 50%;
    color: rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
}

.kidearn-btn:before {
    left: -20px;
    transform: translate(-50%, -50%);
}

.kidearn-btn:after {
    right: -20px;
    transform: translate(50%, -50%);
}

.kidearn-btn:hover {
    color: var(--kidearn-white, #fff);
}

.kidearn-btn:hover:before {
    animation: criss-cross-left 0.8s both;
    animation-direction: alternate;
}

.kidearn-btn:hover:after {
    animation: criss-cross-right 0.8s both;
    animation-direction: alternate;
}

.kidearn-btn span {
    position: relative;
    color: inherit;
    z-index: 2;
    top: 1px;
}

.kidearn-btn--xl {
    padding: 13px 50px;
    font-size: 16px;
}

.tabs-box .tabs-content .tab:not(.active-tab) {
    display: none;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background-color: var(--kidearn-base, #f25334);
}

.tns-outer .tns-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.tns-outer .tns-controls button {
    width: 45px;
    height: 45px;
    border: 2px solid #f4f4f4;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--kidearn-text, #7e8185);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}

.block-title {
    margin-top: -8px;
    margin-bottom: 50px;
}

.block-title__decor {
    width: 21px;
    height: 14px;
    background-image: url(../images/shapes/leaf-1-1.png);
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    line-height: 1;
    margin-bottom: -5px;
    position: relative;
    top: -7px;
}

.block-title p {
    margin: 0;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    line-height: 1;
    margin-bottom: 7px;
}

@media (min-width: 768px) {
    .block-title p {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .block-title p {
        font-size: 20px;
    }
}

.block-title h3 {
    margin: 0;
    font-size: 35px;
    color: var(--kidearn-black, #0b2038);
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
}

@media (min-width: 768px) {
    .block-title h3 {
        font-size: 42px;
    }
}

@media (min-width: 992px) {
    .block-title h3 {
        font-size: 50px;
    }
}

.ul-list-one {
    margin-bottom: 0;
}

.ul-list-one li {
    position: relative;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 500;
    color: var(--kidearn-black, #0b2038);
}

@media (min-width: 481px) {
    .ul-list-one li {
        font-size: 20px;
    }
}

.ul-list-one li::before {
    content: "\e907";
    color: var(--kidearn-base, #f25334);
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "azino-icon";
}

.preloader {
    position: fixed;
    background-color: var(--kidearn-black, #0b2038);
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    width: 100%;
    height: 100%;
}

/* scroll to top */
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 190px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    background-color: var(--kidearn-white, #fff);
    z-index: 99;
    opacity: 0;
    padding: 0;
    cursor: pointer;
    visibility: hidden;
    box-shadow: inset 0 0 0 2px var(--kidearn-black, #0b2038);
    overflow: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.hn-scroll-top {
    bottom: 132px;
}

@media (max-width: 768px) {
    .scroll-top {
        right: 12px;
    }

    .hn-scroll-top {
        bottom: 128px;
    }
}

.scroll-top__circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: none;
    z-index: 2;
}

.scroll-top__circle path {
    stroke: var(--kidearn-base, #f25334);
    stroke-width: 14px;
    fill: none;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: none;
}

.scroll-top::after {
    position: absolute;
    content: "\e927";
    font-family: "icomoon" !important;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    color: var(--kidearn-black, #0b2038);
    left: 0;
    top: 0;
    font-weight: 600;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.scroll-top--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* post paginations */
.post-pagination {
    margin-bottom: 0;
    margin-top: 0px;
}

@media (min-width: 992px) {
    .post-pagination {
        margin-top: 0px;
    }
}

.post-pagination a {
    display: flex;
    width: 45px;
    height: 45px;
    background-color: #eff2f6;
    align-items: center;
    justify-content: center;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    transition: 500ms ease;
}

@media (min-width: 992px) {
    .post-pagination a {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }
}

.post-pagination a:hover {
    background-color: var(--kidearn-base, #f25334);
    color: #fff;
}

.post-pagination li:first-child a {
    background-color: var(--kidearn-base, #f25334);
    color: #fff;
}

.post-pagination li:last-child a {
    background-color: var(--kidearn-black, #0b2038);
    color: #fff;
}

.post-pagination li + li {
    margin-left: 10px;
}

.kidearn-owl__carousel--with-shadow .owl-stage-outer {
    overflow: visible;
}

.kidearn-owl__carousel--with-shadow .owl-item {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 500ms ease,
        visibility 500ms ease;
}

.kidearn-owl__carousel--with-shadow .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.kidearn-owl__carousel--basic-nav .owl-nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.kidearn-owl__carousel--basic-nav .owl-nav button span {
    border: none;
    outline: none;
    width: 50px;
    height: 50px;
    background-color: var(--kidearn-gray, #faf5f2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--kidearn-text, #7e8185);
    border-radius: 50%;
    font-size: 14px;
    color: var(--kidearn-text, #7e8185);
    transition: all 500ms ease;
}

.kidearn-owl__carousel--basic-nav .owl-nav button span:hover {
    background-color: var(--kidearn-black, #0b2038);
    color: var(--kidearn-white, #fff);
}

.kidearn-owl__carousel--basic-nav .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.kidearn-owl__carousel--basic-nav .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.2);
    transition: all 500ms ease;
    margin: 0;
}

.kidearn-owl__carousel--basic-nav .owl-dots .owl-dot:hover span,
.kidearn-owl__carousel--basic-nav .owl-dots .owl-dot.active span {
    background-color: var(--kidearn-secondary, #ffaa23);
}

.kidearn-owl__carousel--basic-nav .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.title-separator::before {
    content: " - ";
}

@media (min-width: 992px) {
    .title-separator {
        display: block;
    }

    .title-separator::before {
        content: "";
    }
}

.sec-title {
    padding-bottom: 50px;
}

.sec-title__tagline {
    margin: 0;
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
    color: var(--kidearn-base, #f25334);
    font-size: 20px;
    line-height: 1.2em;
}

@media (min-width: 768px) {
    .sec-title__tagline {
        font-size: 24px;
    }
}

.sec-title__title {
    margin: 0;
    font-size: 30px;
    color: var(--kidearn-black, #0b2038);
    font-weight: bold;
    line-height: 1.25em;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .sec-title__title {
        font-size: 40px;
    }
}

/* =================================================
   IVY STATS – FIXED & RESPONSIVE
   ================================================= */

.ivy-stats {
    padding: 80px 0;
    background: linear-gradient(
        135deg,
        #8ccfff 0%,
        #1878ee 35%,
        #003571 60%,
        #ffde52 100%
    );
}

/* GRID */
.ivy-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: stretch;
}

/* BASE BOX */
.ivy-stats__box {
    border-radius: 24px;
    padding: 32px 24px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* QUAN TRỌNG */

    min-height: 260px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* IMAGE PLACEHOLDER */
.ivy-stats__box--image,
.ivy-stats__box--image-wide {
    background: #f2f4f8;
}

.ivy-stats__box--image {
    min-height: 260px;
}

.ivy-stats__box--image-wide {
    grid-column: span 2;
    min-height: 260px;
}

.ivy-stats__image {
    padding: 0;
    overflow: hidden;
}

.ivy-stats__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    display: block;
}

/* IMAGE BOX RESET */
.ivy-stats__box--image,
.ivy-stats__box--image-wide {
    padding: 0;
    justify-content: center;
    align-items: stretch;
}

/* COLORS */
.ivy-stats__box--yellow {
    background: #fff9e6;
}

.ivy-stats__box--pink {
    background: #fde8ef;
}

.ivy-stats__box--orange {
    background: #ffe6d5;
}

.ivy-stats__box--blue {
    background: #eaf2ff;
}

.ivy-stats__box--gray {
    background: #f1f3f6;
}

/* ICON */
.ivy-stats__icon {
    font-size: 36px;
    margin-bottom: 16px;
    line-height: 1;
}

/* NUMBER */
.ivy-stats__number {
    font-size: 44px;
    font-weight: 800;
    color: #1878ee;
    margin-bottom: 12px;
    line-height: 1;
}

/* TEXT */
.ivy-stats__text {
    font-size: 15px;
    line-height: 1.6;
    color: #0b2038;
    max-width: 220px;
}

.ivy-stats .kidearn-btn {
    color: var(--kidearn-black2, #0b2038);
    background-color: var(--kidearn-secondary, #ffde52);
    padding: 14px 60px;
    border-radius: 999px;
}

.ivy-stats .kidearn-btn::before,
.ivy-stats .kidearn-btn::after {
    display: none;
}

.ivy-stats .kidearn-btn:hover {
    background-color: #122a4a;
    color: #fff;
}

/* =========================
   RESPONSIVE
   ========================= */

/* Tablet */
@media (max-width: 992px) {
    .ivy-stats__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ivy-stats__box--image-wide {
        grid-column: span 2;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .ivy-stats {
        padding: 56px 0;
    }

    .ivy-stats__grid {
        grid-template-columns: 1fr;
    }

    .ivy-stats__box,
    .ivy-stats__box--image,
    .ivy-stats__box--image-wide {
        min-height: 220px;
        grid-column: span 1;
    }

    .ivy-stats__number {
        font-size: 36px;
    }
}

.video-two {
    position: relative;
    padding: 105px 0 100px;
}

.video-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-color: #2390ff;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 607"><path d="M419.5 0C-126.89 0 -356.376 273.466 -479 352.277L-410.806 622.54C-226.87 670.202 33.8746 492.241 459.5 535.944C795.5 570.444 1142.72 572.156 1385 566.5C1883.1 554.872 1935.82 620.865 2240 674.5V535.944V26.0254C2240 26.0254 1779.65 -17.9067 1527.5 26.0253C1110 98.7661 971 0 419.5 0Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 607"><path d="M419.5 0C-126.89 0 -356.376 273.466 -479 352.277L-410.806 622.54C-226.87 670.202 33.8746 492.241 459.5 535.944C795.5 570.444 1142.72 572.156 1385 566.5C1883.1 554.872 1935.82 620.865 2240 674.5V535.944V26.0254C2240 26.0254 1779.65 -17.9067 1527.5 26.0253C1110 98.7661 971 0 419.5 0Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.video-two__shape {
    position: absolute;
    left: 0;
    bottom: 0;
}

.video-two__shape img {
    animation: zoomBig2 10s linear infinite;
}

@keyframes zoomBig2 {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}

@media (max-width: 991px) {
    .video-two__shape {
        display: none;
    }
}

.video-two__content {
    position: relative;
    padding: 82px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 991px) {
    .video-two__content {
        padding: 0 0 40px;
    }
}

.video-two__content__title {
    color: var(--kidearn-white, #fff);
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 31px;
}

@media (max-width: 767px) {
    .video-two {
        padding: 80px 0 100px;
    }

    .video-two__content__title {
        font-size: 34px;
        margin: 60px 0 25px;
    }

    .testimonial-cta-area {
        padding-bottom: 50px;
    }
}

.video-two__content .kidearn-btn {
    font-size: 16px;
    padding: 11px 50px;
    background-color: var(--kidearn-secondary, #ffaa23);
}

.video-two__btn-shape {
    margin: 0 -48px 0 -14px;
    position: relative;
    padding: 25px 36px 21px;
    background-color: var(--kidearn-secondary, #ffaa23);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 191.000000"><g transform="translate(0.000000,191.000000) scale(0.050000,-0.050000)"><path d="M3690 3807 c-238 -35 -468 -148 -631 -311 -148 -148 -209 -153 -441 -38 -533 267 -1139 83 -1422 -432 l-73 -134 -128 -4 c-363 -12 -615 -297 -590 -667 l11 -154 -88 -55 c-601 -380 -297 -1342 424 -1342 l183 0 56 -106 c331 -633 1218 -743 1711 -211 l92 99 105 -94 c500 -449 1302 -338 1624 223 47 82 76 115 97 107 545 -198 1235 212 1358 808 131 634 -379 1281 -1011 1284 l-83 0 -15 104 c-78 568 -633 1002 -1179 923z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 191.000000"><g transform="translate(0.000000,191.000000) scale(0.050000,-0.050000)"><path d="M3690 3807 c-238 -35 -468 -148 -631 -311 -148 -148 -209 -153 -441 -38 -533 267 -1139 83 -1422 -432 l-73 -134 -128 -4 c-363 -12 -615 -297 -590 -667 l11 -154 -88 -55 c-601 -380 -297 -1342 424 -1342 l183 0 56 -106 c331 -633 1218 -743 1711 -211 l92 99 105 -94 c500 -449 1302 -338 1624 223 47 82 76 115 97 107 545 -198 1235 212 1358 808 131 634 -379 1281 -1011 1284 l-83 0 -15 104 c-78 568 -633 1002 -1179 923z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 1270px) {
    .video-two__btn-shape {
        margin-right: 0;
    }
}

.video-two__btn {
    position: relative;
    z-index: 2;
    width: 100%;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 569 366" xmlns="http://www.w3.org/2000/svg"><path d="M459.018 97.0144L459.033 97.5252L470.294 97.0146L470.265 97.5138C470.266 97.5138 470.266 97.5138 470.266 97.5138C525.006 100.611 566.89 147.72 563.806 202.693C560.723 257.681 513.834 299.747 459.094 296.65C449.984 296.137 441.245 294.378 432.986 291.592L432.556 291.447L432.37 291.86C415.945 328.296 378.478 352.697 336.335 350.301L336.335 350.301C307.532 348.682 282.292 334.848 265.278 314.101L264.859 313.59L264.481 314.131C245.406 341.431 213.162 358.487 177.588 356.479C137.785 354.223 104.811 328.701 90.9426 293.805L90.7809 293.398L90.3562 293.505C83.8018 295.151 76.8759 295.849 69.7636 295.446C31.6392 293.287 2.46234 260.49 4.61152 222.176C6.08035 196.117 21.6648 174.266 43.4658 163.612L43.8646 163.417L43.7183 162.998C41.3099 156.098 40.1675 148.624 40.5998 140.87C42.3598 109.329 69.2528 85.2195 100.634 86.987L100.635 86.987C103.204 87.1261 105.687 87.5127 108.169 87.9802L108.588 88.0591L108.732 87.658C123.251 47.2849 162.826 19.4906 207.68 22.0273C233.168 23.4747 255.867 34.4615 272.54 51.3482L273.006 51.8206L273.331 51.2419C291.337 19.2106 326.371 -1.54907 365.399 0.660792C417.18 3.60213 457.437 45.9021 459.018 97.0144Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 569 366" xmlns="http://www.w3.org/2000/svg"><path d="M459.018 97.0144L459.033 97.5252L470.294 97.0146L470.265 97.5138C470.266 97.5138 470.266 97.5138 470.266 97.5138C525.006 100.611 566.89 147.72 563.806 202.693C560.723 257.681 513.834 299.747 459.094 296.65C449.984 296.137 441.245 294.378 432.986 291.592L432.556 291.447L432.37 291.86C415.945 328.296 378.478 352.697 336.335 350.301L336.335 350.301C307.532 348.682 282.292 334.848 265.278 314.101L264.859 313.59L264.481 314.131C245.406 341.431 213.162 358.487 177.588 356.479C137.785 354.223 104.811 328.701 90.9426 293.805L90.7809 293.398L90.3562 293.505C83.8018 295.151 76.8759 295.849 69.7636 295.446C31.6392 293.287 2.46234 260.49 4.61152 222.176C6.08035 196.117 21.6648 174.266 43.4658 163.612L43.8646 163.417L43.7183 162.998C41.3099 156.098 40.1675 148.624 40.5998 140.87C42.3598 109.329 69.2528 85.2195 100.634 86.987L100.635 86.987C103.204 87.1261 105.687 87.5127 108.169 87.9802L108.588 88.0591L108.732 87.658C123.251 47.2849 162.826 19.4906 207.68 22.0273C233.168 23.4747 255.867 34.4615 272.54 51.3482L273.006 51.8206L273.331 51.2419C291.337 19.2106 326.371 -1.54907 365.399 0.660792C417.18 3.60213 457.437 45.9021 459.018 97.0144Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.video-two__btn img {
    width: 100%;
    height: auto;
}

.video-two__btn .video-popup {
    width: 79px;
    height: 79px;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.53);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    font-size: 32px;
    letter-spacing: -6px;
    color: var(--kidearn-white, #fff);
    transform: scale(1);
    transition: 400ms ease;
}

@media (max-width: 767px) {
    .video-two__btn .video-popup {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }
}

.video-two__btn .video-popup:hover {
    transform: scale(1.1);
}

.video-two__content__title {
    text-align: center;
    margin-bottom: 50px;
}

.video-two__content {
    padding: 0;
}

.video-two__btn-shape {
    margin: 0 auto;
    padding: 22px 30px 20px;
    background-color: var(--kidearn-secondary, #ffaa23);
}

.video-two .video-two__btn-shape {
    max-width: 560px;
}

.video-two .kidearn-btn {
    display: inline-block;
    margin-top: 30px;
    background-color: var(--kidearn-secondary, #ffaa23);
    color: #000;
}

.video-two .kidearn-btn:hover {
    background-color: var(--kidearn-base, #f25334);
    color: #fff;
}

.video-two__btn {
    max-width: 520px;
    margin: 0 auto;
}

.video-two .row > [class*="col-"] {
    display: flex;
    justify-content: center;
}

/* Mobile spacing */
@media (max-width: 991px) {
    .video-two__content__title {
        margin-bottom: 35px;
    }

    .video-two__btn {
        max-width: 100%;
    }
}

.team-card {
    position: relative;
    max-width: 359px;
    text-align: center;
    margin: 0 auto 40px;
    --accent-color: var(--kidearn-base, #f25334);
}

.team-card__image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    margin-bottom: 38px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 323.000000"><g transform="translate(0.000000,323.000000) scale(0.050000,-0.050000)"><path d="M2604 6431 c-971 -184 -1745 -939 -2241 -2184 -795 -1996 -232 -3697 1377 -4154 2121 -604 4630 1739 4223 3945 -244 1322 -2087 2635 -3359 2393z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 323.000000"><g transform="translate(0.000000,323.000000) scale(0.050000,-0.050000)"><path d="M2604 6431 c-971 -184 -1745 -939 -2241 -2184 -795 -1996 -232 -3697 1377 -4154 2121 -604 4630 1739 4223 3945 -244 1322 -2087 2635 -3359 2393z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.team-card__image img {
    width: 100%;
    height: auto;
}

.team-card__svg-top {
    position: absolute;
    right: -5px;
    top: 0;
    transition: all 500ms ease;
    z-index: -1;
    text-align: right;
}

.team-card__svg-top svg {
    width: 207px;
    fill: var(--accent-color);
    opacity: 0.1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-card__svg-top svg {
        width: 180px;
    }
}

.team-card__svg-middle {
    position: absolute;
    right: 33px;
    bottom: 136px;
    opacity: 1;
    transition: all 500ms ease;
    z-index: -1;
    text-align: right;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-card__svg-middle {
        right: 7px;
        bottom: 130px;
    }
}

.team-card__svg-middle svg {
    width: 217px;
    fill: var(--accent-color);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-card__svg-middle svg {
        width: 200px;
    }
}

.team-card__content {
    position: relative;
    margin-left: -50px;
}

.team-card__title {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .team-card__title {
        font-size: 30px;
    }
}

.team-card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.team-card__title a:hover {
    background-size: 100% 1px;
}

.team-card__title a:hover {
    color: var(--accent-color);
}

.team-card__designation {
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.team-card__social {
    position: relative;
}

.team-card__social__list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-card__social__list a {
    width: 32px;
    height: 33px;
    overflow: hidden;
    display: inline-block;
    line-height: 33px;
    position: relative;
    text-align: center;
    color: var(--kidearn-base, #f25334);
    font-size: 15px;
    transition: all 500ms ease;
}

.team-card__social__list a i {
    position: relative;
    z-index: 2;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@keyframes iconTranslateY {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.team-card__social__list a .social-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke-width: 1px;
    stroke: var(--kidearn-base, #f25334);
    opacity: 0.2;
    fill: transparent;
    transition: all 500ms ease;
}

.team-card__social__list a + a {
    margin-left: 11px;
}

.team-card__social__list a:hover {
    color: var(--kidearn-white, #fff);
}

.team-card__social__list a:hover i {
    animation: iconTranslateY 0.4s forwards;
}

.team-card__social__list a:hover .social-bg {
    fill: var(--kidearn-base, #f25334);
    opacity: 1;
}

.team-card__social__list a:nth-child(2) {
    color: var(--kidearn-secondary, #ffaa23);
}

.team-card__social__list a:nth-child(2) .social-bg {
    stroke: var(--kidearn-secondary, #ffaa23);
}

.team-card__social__list a:nth-child(2):hover {
    color: var(--kidearn-white, #fff);
}

.team-card__social__list a:nth-child(2):hover .social-bg {
    fill: var(--kidearn-secondary, #ffaa23);
}

.team-card__social__list a:nth-child(3) {
    color: var(--kidearn-secondary2, #75c137);
}

.team-card__social__list a:nth-child(3) .social-bg {
    stroke: var(--kidearn-secondary2, #75c137);
}

.team-card__social__list a:nth-child(3):hover {
    color: var(--kidearn-white, #fff);
}

.team-card__social__list a:nth-child(3):hover .social-bg {
    fill: var(--kidearn-secondary2, #75c137);
}

.team-two {
    position: relative;
    padding: 60px 0;
}

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

.team-two--about-page {
    padding-bottom: 0;
}

.team-two .sec-title__tagline {
    color: var(--kidearn-primary, #26a6a1);
}

.team-two__shape-right {
    position: absolute;
    right: 7%;
    bottom: 24%;
    z-index: -1;
}

.team-two__shape-right img {
    max-width: 100%;
    animation: arrowMove 4s linear 0s infinite;
}

@media (max-width: 1399px) {
    .team-two__shape-right {
        display: none;
    }
}

.team-two__shape-left {
    position: absolute;
    left: 10%;
    top: 11%;
}

.team-two__shape-left img {
    max-width: 100%;
    animation: zoomBig2 3s linear infinite;
}

@media (max-width: 1199px) {
    .team-two__shape-left {
        display: none;
    }
}

.team-card-two {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0 auto;
    --accent-color: var(--kidearn-base, #f25334);
}

.team-card-two__image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    max-width: 344px;
    margin: 0 auto;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 369 370" xmlns="http://www.w3.org/2000/svg"><path d="M25.8819 285.572C27.2325 288.979 28.697 292.302 30.3519 295.518C50.3307 334.769 90.3804 363.097 134.074 368.898C255.377 385.014 379.31 259.293 356.372 137.254C346.959 87.2236 305.187 49.3053 260.53 24.8066C239.854 13.4666 217.607 4.02241 194.1 2.01768C153.186 -1.46881 112.599 18.6114 84.6121 48.672C35.0905 101.847 -2.37131 213.603 25.8819 285.572Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.team-card-two__image img {
    width: 100%;
    height: auto;
}

.team-card-two__svg-top {
    position: absolute;
    right: 5px;
    top: 2px;
    transition: all 500ms ease;
    z-index: -1;
    text-align: right;
}

.team-card-two__svg-top svg {
    width: 198px;
    fill: var(--accent-color);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-card-two__svg-top svg {
        width: 170px;
    }
}

.team-card-two__content {
    margin-top: -139px;
    padding: 165px 25px 21px;
    position: relative;
    border-radius: 48px;
    overflow: hidden;
    text-align: center;
}

.team-card-two__content::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--accent-color);
    opacity: 0.1;
    z-index: -1;
}

.team-card-two__title {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .team-card-two__title {
        font-size: 26px;
    }
}

.team-card-two__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.team-card-two__title a:hover {
    background-size: 100% 1px;
}

.team-card-two__title a:hover {
    color: var(--accent-color);
}

.team-card-two__designation {
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.team-card-two__social {
    position: relative;
}

.team-card-two__social__list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-card-two__social__list a {
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    line-height: 33px;
    position: relative;
    text-align: center;
    color: var(--accent-color);
    font-size: 15px;
    transition: all 500ms ease;
}

.team-card-two__social__list a i {
    position: relative;
    z-index: 2;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@keyframes iconTranslateY {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.team-card-two__social__list a .social-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke: none;
    fill: var(--kidearn-white, #fff);
    transition: all 500ms ease;
}

.team-card-two__social__list a .social-bg svg {
    stroke: none;
}

.team-card-two__social__list a + a {
    margin-left: 11px;
}

.team-card-two__social__list a:hover {
    color: var(--kidearn-white, #fff);
}

.team-card-two__social__list a:hover i {
    animation: iconTranslateY 0.4s forwards;
}

.team-card-two__social__list a:hover .social-bg {
    fill: var(--accent-color);
    opacity: 1;
}

.team-details {
    padding-top: 120px;
}

@media (max-width: 767px) {
    .team-details {
        padding: 80px 0 0;
    }
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-one__group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin: 0;
}

@media (min-width: 576px) {
    .form-one__group {
        grid-template-columns: repeat(2, 1fr);
    }
}

.form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
}

.form-one__control__icon {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 14px;
}

.form-one__control--full {
    grid-column-start: 1;
    grid-column-end: -1;
}

.form-one
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
}

.form-one .bootstrap-select > .dropdown-toggle {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    outline: none !important;
    color: var(--kidearn-text, #7e8185);
    font-size: 14px;
}

.form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type="text"],
.form-one input[type="email"],
.form-one textarea {
    display: block;
    width: 100%;
    height: 60px;
    background-color: var(--kidearn-gray, #faf5f2);
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 4px;
}

.form-one textarea {
    height: 176px;
    padding-top: 20px;
}

.form-one .bootstrap-select > .dropdown-toggle {
    display: flex;
    align-items: center;
}

.form-one .bootstrap-select > .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}

@media (max-width: 575px) {
    .mobile-center-btn {
        display: flex;
        justify-content: center;
    }
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--kidearn-base, #f25334);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999991;
}

.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--kidearn-base, #f25334);
    opacity: 0.3;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition:
        width 0.3s,
        height 0.3s,
        opacity 0.3s;
    transition:
        width 0.3s,
        height 0.3s,
        opacity 0.3s;
    z-index: 999991;
}

@media (max-width: 1024px) {
    .custom-cursor__cursor {
        display: none;
    }

    .custom-cursor__cursor-two {
        display: none;
    }
}

.custom-cursor__hover {
    background-color: var(--kidearn-base, #f25334);
    opacity: 0.4;
}

.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: 0.4;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
    position: relative;
    z-index: 1;
}

.main-footer__shape-1,
.main-footer__shape-2,
.main-footer__shape-3,
.main-footer__shape-4 {
    position: absolute;
    mix-blend-mode: luminosity;
    display: none;
}

p.footer-widget__about-text {
    color: #fff;
}

@media (min-width: 992px) {
    .main-footer__shape-1,
    .main-footer__shape-2,
    .main-footer__shape-3,
    .main-footer__shape-4 {
        display: block;
    }
}

.main-footer__shape-1 {
    top: 0;
    right: 0;
    opacity: 0.2;
    animation: arrowMove 4s linear 0s infinite;
}

.main-footer__shape-2 {
    bottom: 90px;
    right: 135px;
    animation: float-bob-x 4s linear 0s infinite;
}

@media (max-width: 1500px) {
    .main-footer__shape-2 {
        right: 80px;
    }
}

.main-footer__shape-3 {
    top: 180px;
    left: 190px;
    animation: carMove 4s linear 0s infinite;
}

@media (max-width: 1500px) {
    .main-footer__shape-3 {
        left: 20px;
    }
}

.main-footer__shape-4 {
    bottom: 102px;
    left: 135px;
    animation: squareMover 10s linear 0s infinite;
}

@media (max-width: 1500px) {
    .main-footer__shape-4 {
        left: 20px;
    }
}

.main-footer__top {
    padding-top: 150px;
    padding-bottom: 50px;
}

.main-footer__top--hn {
    padding-top: 60px;
}

@media (min-width: 992px) {
    .main-footer__top {
        padding-top: 176px;
    }

    .main-footer__top--hn {
        padding-top: 100px;
    }
}

.main-footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--kidearn-black, #0b2038);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1920 583" fill="currentColor"><path d="M-269.399 430.984C-269.399 430.984 -263.032 258.275 -152.598 234.817C-42.1635 211.359 -87.5979 58.3007 -.5 39.1241C178.5 -.286858 159.234 123.899 369.5 72.731C579.766 21.5634 654.667 49.2729 746 72.731C837.333 96.1891 910.298 0 1165.5 0C1364.3 13.9241 1425 69.0773 1538 83.2642C1605.97 91.7971 1696 28.5907 1858.73 128.2C2018.03 200.685 2069 583 2069 583H-297L-269.399 430.984Z" /></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1920 583" fill="currentColor"><path d="M-269.399 430.984C-269.399 430.984 -263.032 258.275 -152.598 234.817C-42.1635 211.359 -87.5979 58.3007 -.5 39.1241C178.5 -.286858 159.234 123.899 369.5 72.731C579.766 21.5634 654.667 49.2729 746 72.731C837.333 96.1891 910.298 0 1165.5 0C1364.3 13.9241 1425 69.0773 1538 83.2642C1605.97 91.7971 1696 28.5907 1858.73 128.2C2018.03 200.685 2069 583 2069 583H-297L-269.399 430.984Z" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: -1;
}

@media (min-width: 768px) {
    .main-footer__bg {
        -webkit-mask-position: top center;
        mask-position: top center;
    }
}

.main-footer .container {
    position: relative;
}

.main-footer__bottom {
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.main-footer__bottom__inner {
    padding: 28px 0;
    border-top: 1px solid rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

.main-footer__bottom__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* LEFT */
.main-footer__copyright {
    margin: 0;
    font-size: 14px;
    color: wheat;
}

/* RIGHT */
.main-footer__madeby {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #fff;
}

.main-footer__madeby__logo img {
    height: 32px;
    width: auto;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

.main-footer__madeby__logo:hover img {
    opacity: 0.8;
    transform: translateY(-2px);
}

@media (max-width: 576px) {
    .main-footer__bottom__inner {
        flex-direction: column;
        align-items: flex-start;
        /* căn trái toàn bộ */
        text-align: left;
    }

    .main-footer__madeby {
        justify-content: flex-start;
    }
}

.main-footer__copyright {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: wheat;
}

.footer-widget {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .footer-widget--about {
        padding-left: 68px;
    }
}

@media (min-width: 1200px) {
    .footer-widget--links {
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {
    .footer-widget--links-two {
        padding-left: 75px;
    }
}

@media (min-width: 1200px) {
    .footer-widget--gallery {
        padding-left: 55px;
    }
}

.footer-widget__logo {
    display: inline-flex;
    margin-bottom: 30px;
}

.footer-widget__title {
    font-size: 20px;
    font-weight: bold;
    color: var(--kidearn-white, #fff);
    margin: 0;
    margin-bottom: 23px;
}

@media (min-width: 768px) {
    .footer-widget__title {
        font-size: 24px;
    }
}

.footer-widget__gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    max-width: 250px;
    margin-bottom: 0;
}

.footer-widget__gallery li {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 2;
}

.footer-widget__gallery li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.footer-widget__gallery li a::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(var(--kidearn-black2-rgb, 2, 9, 18), 0.8);
    transition: 0.5s;
}

.footer-widget__gallery li::before,
.footer-widget__gallery li::after {
    content: "";
    width: 18px;
    height: 1px;
    background-color: var(--kidearn-white, #fff);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 500ms ease;
}

.footer-widget__gallery li::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.footer-widget__gallery li:hover::before,
.footer-widget__gallery li:hover::after {
    opacity: 1;
}

.footer-widget__gallery img {
    width: 100%;
    height: 100%;
    transition: all 500ms ease;
}

.footer-widget__gallery li:hover a:after {
    visibility: visible;
    opacity: 1;
}

.footer-widget__info,
.footer-widget__links {
    margin-top: -10px;
    margin-bottom: -10px;
}

.footer-widget__info li,
.footer-widget__links li {
    font-size: 16px;
    /* color: var(--kidearn-text-dark, #5f7999); */
    color: #dadada;
    font-weight: 400;
}

.footer-widget__info li + li,
.footer-widget__links li + li {
    margin-top: 2px;
}

.footer-widget__info li a,
.footer-widget__links li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.footer-widget__info li a:hover,
.footer-widget__links li a:hover {
    background-size: 100% 1px;
}

.footer-widget__info li a:hover,
.footer-widget__links li a:hover {
    color: var(--kidearn-white, #fff);
}

.footer-widget__info li {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widget__info__icon {
    font-size: 16px;
    color: var(--kidearn-secondary, #ffaa23);
    margin-right: 16px;
}

.footer-widget__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.footer-widget__social a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--kidearn-secondary, #ffde52);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 32 33" fill="currentColor"><path d="M32 16.9264C32 25.7249 23.6364 32.2521 16 32.8594C7.27273 32.8596 -4.34802e-06 25.7249 -2.8095e-06 16.9264C-1.27097e-06 8.12781 3.63636 0.859422 18.1818 0.859378C27.6364 1.46673 32 8.12782 32 16.9264Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 32 33" fill="currentColor"><path d="M32 16.9264C32 25.7249 23.6364 32.2521 16 32.8594C7.27273 32.8596 -4.34802e-06 25.7249 -2.8095e-06 16.9264C-1.27097e-06 8.12781 3.63636 0.859422 18.1818 0.859378C27.6364 1.46673 32 8.12782 32 16.9264Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    font-size: 25px;
    color: var(--kidearn-black, #1878ee);
    transition: all 500ms ease;
}

.footer-widget__social a:hover {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.main-footer-two {
    position: relative;
    background-color: var(--kidearn-black, #0b2038);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-footer-two__bg {
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    height: 23px;
    background-color: inherit;
    -webkit-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: 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>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.main-footer-two__top {
    padding-top: 150px;
    padding-bottom: 90px;
}

@media (min-width: 992px) {
    .main-footer-two__top {
        padding-top: 163px;
    }
}

.main-footer-two .container {
    position: relative;
}

.main-footer-two__bottom {
    text-align: center;
}

.main-footer-two__bottom__inner {
    padding: 28px 0 33px;
    border-top: 1px solid rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

.main-footer-two__copyright {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--kidearn-text-dark, #5f7999);
}

.main-footer-three {
    position: relative;
    background-color: var(--kidearn-white, #fff);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-footer-three__top {
    padding-top: 80px;
    padding-bottom: 50px;
}

@media (min-width: 992px) {
    .main-footer-three__top {
        padding-top: 120px;
        padding-bottom: 90px;
    }
}

.main-footer-three .container {
    position: relative;
}

.main-footer-three .footer-widget__title {
    color: var(--kidearn-black, #0b2038);
}

.main-footer-three .footer-widget__info li,
.main-footer-three .footer-widget__links li {
    color: var(--kidearn-text, #7e8185);
}

.main-footer-three .footer-widget__info li a:hover,
.main-footer-three .footer-widget__links li a:hover {
    color: var(--kidearn-base, #f25334);
}

.main-footer-three__bottom {
    text-align: center;
}

.main-footer-three__bottom__inner {
    padding: 28px 0;
    border-top: 1px solid #d2d2d2;
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

.main-footer-three__copyright {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
    padding-top: 120px;
}

.contact-one .container {
    max-width: 900px;
}

.contact-one .kidearn-btn--xl {
    margin-top: 20px;
}

.contact-two {
    position: relative;
    background-color: var(--kidearn-white, #fff);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 104px 0 95px;
}

@media (max-width: 767px) {
    .contact-two {
        padding: 70px 0 80px;
    }

    .contact-two .col-lg-6:first-child {
        order: 2;
    }

    .contact-two .col-lg-6:last-child {
        order: 1;
    }

    .contact-two .contact-two__thumb {
        margin-top: 80px;
    }
}

.contact-two__thumb {
    position: relative;
    z-index: 2;
    margin-top: 21px;
}

@media (min-width: 1360px) {
    .contact-two__thumb {
        margin-left: -50px;
    }
}

@media (max-width: 991px) {
    .contact-two__thumb {
        margin: 0 0 40px;
    }
}

.contact-two__thumb__main {
    position: relative;
    max-width: 555px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 555 573" xmlns="http://www.w3.org/2000/svg"><path d="M554.18 277.09C540.985 473.307 446.919 479.365 277.09 554.18C119.604 623.557 0 485.225 0 277.09C0 100.449 124.057 0 277.09 0C493.739 0 554.18 124.057 554.18 277.09Z" fill="black"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 555 573" xmlns="http://www.w3.org/2000/svg"><path d="M554.18 277.09C540.985 473.307 446.919 479.365 277.09 554.18C119.604 623.557 0 485.225 0 277.09C0 100.449 124.057 0 277.09 0C493.739 0 554.18 124.057 554.18 277.09Z" fill="black"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.thumb-hn {
    max-width: 600px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='500' height='500' rx='60' ry='60' fill='black'/></svg>");
    mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='500' height='500' rx='60' ry='60' fill='black'/></svg>");
}

.contact-two__thumb__main img {
    height: auto;
    width: 100%;
}

.contact-two__thumb__border {
    position: absolute;
    left: -15px;
    top: -25px;
    z-index: -1;
}

@media (min-width: 1360px) {
    .contact-two__thumb__border {
        left: -46px;
    }
}

.contact-two__thumb__border img {
    max-width: 100%;
    height: auto;
    -webkit-animation: rotated2 30s infinite linear;
    animation: rotated2 30s infinite linear;
}

.contact-two .sec-title {
    padding-bottom: 32px;
}

.contact-two .form-one .bootstrap-select > .dropdown-toggle,
.contact-two .form-one input[type="text"],
.contact-two .form-one input[type="email"],
.contact-two .form-one textarea {
    background-color: var(--kidearn-white, #fff);
}

.contact-two .kidearn-btn--xl {
    margin-top: 10px;
    padding: 11px 50px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
@media (min-width: 1440px) {
    .main-header .container-fluid {
        padding-left: 60px;
        padding-right: 60px;
    }
}

.main-header__inner {
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
}

@media (min-width: 1200px) {
    .main-header__inner {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.main-header__logo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .main-header__logo {
        width: auto;
    }
}

@media (min-width: 768px) {
    .main-header__logo .mobile-nav__btn {
        margin-left: 30px;
    }
}

.main-header__btn {
    display: none;
}

@media (min-width: 768px) {
    .main-header__btn {
        display: inline-flex;
    }
}

.main-header__call {
    display: none;
    align-items: center;
    margin-right: 20px;
}

@media (min-width: 768px) {
    .main-header__call {
        display: inline-flex;
    }
}

@media (min-width: 1440px) {
    .main-header__call {
        margin-right: 40px;
    }
}

.main-header__call__icon {
    width: 45px;
    height: 45px;
    background-color: var(--kidearn-primary, #26a6a1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
    color: var(--kidearn-white, #fff);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 46" ><path d="M44 23.0795C44 35.0763 31.5827 42.6359 22 44.8041C10.1572 47.4813 0 35.0763 0 23.0795C0 11.0827 14.2416 -4.40477 25 1.17218C37.5 5.98954 44 11.0827 44 23.0795Z" /></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 46" ><path d="M44 23.0795C44 35.0763 31.5827 42.6359 22 44.8041C10.1572 47.4813 0 35.0763 0 23.0795C0 11.0827 14.2416 -4.40477 25 1.17218C37.5 5.98954 44 11.0827 44 23.0795Z" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: all 500ms ease;
    margin-right: 10px;
}

.main-header__call:hover .main-header__call__icon {
    background-color: var(--kidearn-black, #0b2038);
}

.main-header__call__content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
}

.main-header__call__number {
    color: var(--kidearn-black, #0b2038);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-weight: 400;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.main-header__call__number:hover {
    background-size: 100% 1px;
}

.main-header__call__number:hover {
    color: var(--kidearn-primary, #26a6a1);
}

@media (min-width: 768px) {
    .main-header__call__number {
        font-size: 18px;
    }
}

.main-header__call__text {
    font-size: 14px;
    color: var(--kidearn-text, #7e8185);
    margin-top: 5px;
}

.main-header__right {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .main-header__right {
        margin-left: auto;
        padding: 0;
        padding-left: 10px;
    }
}

@media (min-width: 1200px) {
    .main-header__right {
        margin-left: 0;
    }
}

.main-header__nav {
    margin-left: 155px;
    margin-right: auto;
}

@media (max-width: 1499px) {
    .main-header__nav {
        margin-left: auto;
    }
}

.main-header--two .main-header__nav {
    margin-left: 175px;
}

@media (max-width: 1300px) {
    .main-header--two .main-header__nav {
        margin-left: 40px;
    }
}

.main-header--two .main-header__call {
    margin-right: 0;
    padding-right: 0;
}

.main-header--two .main-header__call__icon {
    background-color: #ffe98d;
    color: var(--kidearn-base, #f25334);
}

.main-header--two .main-header__call__text {
    margin: -3px 0 5px;
}

.main-header--two .main-header__call:hover .main-header__call__icon {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.main-header--two .main-header__call .main-header__call__number:hover {
    color: var(--kidearn-base, #f25334);
}

.main-header--two .main-header__cart,
.main-header--two .main-header__search {
    display: inline-block;
    font-size: 20px;
    color: var(--kidearn-base, #f25334);
    transition: all 500ms ease;
    margin-left: 20px;
    line-height: 1em;
}

.main-header--two .main-header__cart:hover,
.main-header--two .main-header__search:hover {
    color: var(--kidearn-black, #0b2038);
}

.main-header--two .main-header__search {
    position: relative;
    padding-left: 30px;
    margin-left: 35px;
}

@media (max-width: 575px) {
    .main-header--two .main-header__search {
        padding-left: 20px;
        margin-left: 20px;
    }
}

.main-header--two .main-header__search::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 44px;
    content: "";
    background-color: rgba(var(--kidearn-base-rgb, 242, 83, 52), 0.1);
}

.main-header--three .main-header__nav {
    margin-left: 175px;
}

@media (max-width: 1300px) {
    .main-header--three .main-header__nav {
        margin-left: 40px;
    }
}

.main-header--three .main-menu .main-menu__list > li {
    padding-top: 25px;
    padding-bottom: 22px;
}

.main-header--three .main-header__call {
    margin-right: 0;
    padding-right: 0;
}

.main-header--three .main-header__call__icon {
    background-color: var(--kidearn-secondary, #ffaa23);
    color: var(--kidearn-white, #fff);
}

.main-header--three .main-header__call__text {
    margin: -3px 0 5px;
}

.main-header--three .main-header__call:hover .main-header__call__icon {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.main-header--three .main-header__call .main-header__call__number:hover {
    color: var(--kidearn-base, #f25334);
}

.main-header--three .main-header__cart,
.main-header--three .main-header__search {
    display: inline-block;
    font-size: 20px;
    color: var(--kidearn-base, #f25334);
    transition: all 500ms ease;
    margin-left: 20px;
    line-height: 1em;
}

.main-header--three .main-header__cart:hover,
.main-header--three .main-header__search:hover {
    color: var(--kidearn-black, #0b2038);
}

.main-header--three .main-header__search {
    position: relative;
    padding-left: 30px;
    margin-left: 35px;
}

@media (max-width: 575px) {
    .main-header--three .main-header__search {
        padding-left: 20px;
        margin-left: 20px;
    }
}

.main-header--three .main-header__search::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 44px;
    content: "";
    background-color: rgba(var(--kidearn-base-rgb, 242, 83, 52), 0.1);
}

.main-header--four {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent;
    z-index: 9;
}

.main-header--four .main-header__nav {
    margin-left: 175px;
}

@media (max-width: 1300px) {
    .main-header--four .main-header__nav {
        margin-left: 40px;
    }
}

.main-header--four .main-header__call {
    margin-right: 0;
    padding-right: 0;
}

.main-header--four .main-header__call__icon {
    background-color: var(--kidearn-secondary, #ffaa23);
    color: var(--kidearn-white, #fff);
}

.main-header--four .main-header__call__text {
    margin: -3px 0 5px;
}

.main-header--four .main-header__call:hover .main-header__call__icon {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.main-header--four .main-header__call .main-header__call__number:hover {
    color: var(--kidearn-base, #f25334);
}

.main-header--four .main-header__cart,
.main-header--four .main-header__search {
    display: inline-block;
    font-size: 20px;
    color: var(--kidearn-base, #f25334);
    transition: all 500ms ease;
    margin-left: 20px;
    line-height: 1em;
}

.main-header--four .main-header__cart:hover,
.main-header--four .main-header__search:hover {
    color: var(--kidearn-black, #0b2038);
}

.main-header--four .main-header__search {
    position: relative;
    padding-left: 30px;
    margin-left: 35px;
}

@media (max-width: 575px) {
    .main-header--four .main-header__search {
        padding-left: 20px;
        margin-left: 20px;
    }
}

.main-header--four .main-header__search::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 44px;
    content: "";
    background-color: rgba(var(--kidearn-base-rgb, 242, 83, 52), 0.1);
}

.sticky-header--cloned {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    background-color: var(--kidearn-white, #fff);
    transform: translateY(-100%);
    box-shadow: 0px 3px 18px rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.07);
    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
    visibility: hidden;
    transition:
        transform 500ms ease,
        visibility 500ms ease;
}

.sticky-header--cloned.active {
    transform: translateY(0%);
    visibility: visible;
}

.mobile-nav__btn {
    width: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 3;
}

@media (min-width: 768px) {
    .mobile-nav__btn {
        margin-right: 20px;
    }
}

@media (min-width: 1200px) {
    .mobile-nav__btn {
        display: none;
    }
}

.mobile-nav__btn span {
    width: 100%;
    height: 2px;
    background-color: var(--kidearn-black, #0b2038);
}

.mobile-nav__btn span:nth-child(2) {
    margin-top: 4px;
    margin-bottom: 4px;
}

.main-menu {
    /* after third level no menu */
}

.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    align-items: center;
    display: none;
}

@media (min-width: 1200px) {
    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        display: flex;
    }
}

.main-menu .main-menu__list > li {
    padding-top: 33px;
    padding-bottom: 33px;
    position: relative;
}

.main-menu .main-menu__list > li.dropdown > a {
    position: relative;
}

.main-menu .main-menu__list > li + li {
    margin-left: 38px;
}

.main-menu .main-menu__list > li > a {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: var(--kidearn-text, #7e8185);
    font-weight: 400;
    position: relative;
    transition: all 500ms ease;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
}

.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
    color: var(--kidearn-base, #f25334);
}

.main-menu .main-menu__list li ul {
    position: absolute;
    top: 100%;
    left: -25px;
    min-width: 270px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition:
        opacity 500ms ease,
        visibility 500ms ease,
        transform 700ms ease;
    z-index: 99;
    background-color: var(--kidearn-white, #fff);
    padding: 15px 20px 11px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
}

.main-menu .main-menu__list li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list > .megamenu {
    position: static;
}

.main-menu .main-menu__list > .megamenu > ul {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.main-menu .main-menu__list li ul li {
    flex: 1 1 100%;
    width: 100%;
    position: relative;
}

.main-menu .main-menu__list li ul li > a {
    font-size: 16px;
    line-height: 26px;
    color: var(--kidearn-text, #7e8185);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-weight: 400;
    display: flex;
    padding: 5px 20px;
    transition: 400ms;
    margin-bottom: 4px;
    border-radius: 10px;
}

.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a {
    background-color: var(--kidearn-gray, #faf5f2);
    color: var(--kidearn-base, #f25334);
}

.main-menu .main-menu__list li ul li > ul {
    top: 0;
    left: calc(100% + 20px);
}

.main-menu .main-menu__list li ul li > ul.right-align {
    top: 0;
    left: auto;
    right: 100%;
}

.main-menu .main-menu__list li ul li > ul ul {
    display: none;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .main-menu__list li:nth-last-child(1) ul li > ul,
    .main-menu__list li:nth-last-child(2) ul li > ul {
        left: auto;
        right: calc(100% + 20px);
    }
}

/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
    visibility: visible;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition:
        transform 0.7s ease,
        opacity 0.7s ease,
        visibility 0.7s ease;
    z-index: 999999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    padding: 0;
    background-color: var(--kidearn-white, #fff);
    display: block !important;
    margin: 0;
}

.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
    display: none;
}

.mobile-nav__container
    .main-menu__list
    > .megamenu.megamenu-clickable
    > ul.megamenu-clickable--active,
.main-menu
    .main-menu__list
    > .megamenu.megamenu-clickable
    > ul.megamenu-clickable--active,
.stricky-header
    .main-menu__list
    > .megamenu.megamenu-clickable
    > ul.megamenu-clickable--active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    transition:
        transform 0.7s ease,
        opacity 0.7s ease,
        visibility 0.7s ease;
}

body.megamenu-popup-active {
    overflow: hidden;
}

body.megamenu-popup-active .stricky-header {
    bottom: 0;
}

body.megamenu-popup-active .mobile-nav__content {
    overflow: unset;
}

.mobile-nav__content .demo-one .container {
    padding-left: 15px;
    padding-right: 15px;
}

.megamenu-popup {
    position: relative;
}

.megamenu-popup .megamenu-clickable--close {
    position: absolute;
    top: 18px;
    right: 20px;
    display: block;
    color: var(--kidearn-black, #0b2038);
}

@media (min-width: 1300px) {
    .megamenu-popup .megamenu-clickable--close {
        top: 38px;
        right: 40px;
    }
}

.megamenu-popup .megamenu-clickable--close:hover {
    color: var(--kidearn-base, #f25334);
}

.megamenu-popup .megamenu-clickable--close span {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    color: currentColor;
    transition: all 500ms ease;
}

.megamenu-popup .megamenu-clickable--close span::before,
.megamenu-popup .megamenu-clickable--close span::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.megamenu-popup .megamenu-clickable--close span::after {
    transform: translate(-50%, -50%) rotate(45deg);
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

.demo-one .row {
    --bs-gutter-y: 30px;
}

.demo-one__card {
    background-color: var(--kidearn-white, #fff);
    box-shadow: 0px 10px 60px 0px rgba(var(--kidearn-black3-rgb, 0, 0, 0), 0.1);
    text-align: center;
    transition: 500ms ease;
    transform: translateY(0px);
}

.demo-one__card:hover {
    transform: translateY(-10px);
}

.demo-one__title {
    margin: 0;
    font-size: 18px;
    color: var(--kidearn-black, #0b2038);
    font-weight: 700;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
}

@media (min-width: 992px) {
    .demo-one__title {
        font-size: 20px;
    }
}

.demo-one__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.demo-one__title a:hover {
    background-size: 100% 1px;
}

.demo-one__image {
    position: relative;
    overflow: hidden;
}

.demo-one__image img {
    max-width: 100%;
    transition: filter 500ms ease;
    filter: blur(0px);
}

.demo-one__card:hover .demo-one__image img {
    filter: blur(2px);
}

.demo-one__btns {
    background-color: rgba(var(--kidearn-black3-rgb, 0, 0, 0), 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    transform: scale(1, 0);
    transition:
        transform 500ms ease,
        opacity 600ms linear;
    transform-origin: bottom center;
    opacity: 0;
}

.demo-one__card:hover .demo-one__btns {
    transform: scale(1, 1);
    opacity: 1;
    transform-origin: top center;
}

.demo-one__btn {
    font-size: 12px;
}

.demo-one__title {
    padding: 33.5px 0;
}

.home-showcase .row {
    --bs-gutter-x: 42px;
    --bs-gutter-y: 20px;
}

.home-showcase__inner {
    padding: 40px 40px 21px;
    background-color: var(--kidearn-white, #fff);
    box-shadow: 0px 10px 60px 0px rgba(var(--kidearn-black3-rgb, 0, 0, 0), 0.07);
    border-radius: 14px;
}

.home-showcase .demo-one__card {
    box-shadow: none;
}

.home-showcase .demo-one__btns {
    flex-direction: column;
}

.home-showcase .demo-one__btn {
    min-width: 135px;
    text-align: center;
    justify-content: center;
}

.home-showcase .demo-one__title {
    padding: 0;
    font-size: 18px;
    margin-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .home-showcase .demo-one__title {
        font-size: 20px;
    }
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact-one {
    position: relative;
    padding: 138px 0 158px;
    background-color: var(--kidearn-base, #ffaa23);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 482"><path d="M1591.25 53.3324C1363.25 34.1804 1136.44 -5.60265 907.429 0.106598C776.78 3.37644 647.245 21.4644 516.751 27.9262C292.741 39.0592 66.4493 15.5735 -148 -41V454.433C-31.732 451.423 228.375 446.129 325.675 456.068C452.645 469.044 714.306 486.301 799.868 482.019C955.341 474.234 1131 450.203 1255.92 456.068C1404.35 463.023 1953.35 484.562 2067 489V40.9018C1912.85 69.1107 1749.32 66.5934 1591.25 53.3324Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 482"><path d="M1591.25 53.3324C1363.25 34.1804 1136.44 -5.60265 907.429 0.106598C776.78 3.37644 647.245 21.4644 516.751 27.9262C292.741 39.0592 66.4493 15.5735 -148 -41V454.433C-31.732 451.423 228.375 446.129 325.675 456.068C452.645 469.044 714.306 486.301 799.868 482.019C955.341 474.234 1131 450.203 1255.92 456.068C1404.35 463.023 1953.35 484.562 2067 489V40.9018C1912.85 69.1107 1749.32 66.5934 1591.25 53.3324Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 767px) {
    .funfact-one {
        padding: 40px 0 100px;
    }
}

.funfact-one__shape1 {
    position: absolute;
    left: 7%;
    top: 19%;
    mix-blend-mode: luminosity;
}

.funfact-one__shape1 img {
    animation: leftToRight 15s linear infinite;
}

@media (max-width: 1399px) {
    .funfact-one__shape1 {
        left: 2%;
    }
}

@media (max-width: 1199px) {
    .funfact-one__shape1 {
        display: none;
    }
}

.funfact-one__shape2 {
    position: absolute;
    left: 40%;
    bottom: 8%;
    mix-blend-mode: luminosity;
}

.funfact-one__shape2 img {
    animation: rotated 80s infinite linear;
}

@media (max-width: 1199px) {
    .funfact-one__shape2 {
        display: none;
    }
}

.funfact-one__shape3 {
    position: absolute;
    right: 10%;
    top: 21%;
    mix-blend-mode: luminosity;
}

@media (max-width: 1399px) {
    .funfact-one__shape3 {
        right: 4%;
    }
}

.funfact-one__shape3 img {
    animation: treeMove 15s linear 0s infinite;
}

@media (max-width: 1199px) {
    .funfact-one__shape3 {
        display: none;
    }
}

.funfact-one__shape4 {
    position: absolute;
    right: 5%;
    bottom: 14%;
    mix-blend-mode: luminosity;
}

.funfact-one__shape4 img {
    animation: rotated2 70s infinite linear;
}

@media (max-width: 1199px) {
    .funfact-one__shape4 {
        display: none;
    }
}

.funfact-one__shape5 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.funfact-one__shape5 img {
    animation: zoomBig2 11s linear infinite;
}

@media (max-width: 1199px) {
    .funfact-one__shape5 {
        display: none;
    }
}

.funfact-one__item {
    position: relative;
    padding: 20px;
    transition: 500ms ease;
    border-radius: 24px;
    background-color: var(--kidearn-white, #fff);
    /* min-height: 530px; */
    height: 100%;
}

.funfact-one__item_hcm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.funfact-one__item--noborder::after {
    display: none;
}

.funfact-one__item::after {
    position: absolute;
    right: -20px;
    top: -11px;
    bottom: 0;
    margin: auto;
    height: 220px;
    width: 1px;
    content: "";
    /* border-right: 1px dashed rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.4); */
}

@media (max-width: 767px) {
    .funfact-one__item::after {
        display: none;
    }
}

.funfact-one__item:hover .funfact-one__icon span {
    transform: rotateY(360deg);
}

@media (max-width: 991px) {
    .funfact-one .funfact-one__item--smnone::after {
        display: none;
    }
}

.funfact-one__icon {
    position: relative;
    display: block;
    line-height: 70px;
    font-size: 70px;
    color: var(--kidearn-black, #000);
    margin-bottom: 20px;
    margin-top: auto;
}

.funfact-one__icon span {
    display: block;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.funfact-one__count {
    display: block;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: var(--kidearn-white, #fff);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    margin: 0 0 2px;
}

.funfact-one__count .count-box {
    display: inline-flex;
}

.funfact-one__title {
    text-transform: capitalize;
    margin: 0;
    color: var(--kidearn-black, #000);
    /* color: var(--kidearn-white, #fff); */
    font-weight: 700;
    text-align: left;
    font-size: 20px;
}

.funfact-one__content {
    text-align: left;
    font-weight: 400;
}

.funfact-two {
    position: relative;
    background-color: var(--kidearn-black, #0b2038);
    overflow: hidden;
}

.funfact-two__shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: left top;
    background-repeat: repeat;
    animation: cloudMove 80s linear 0s infinite;
    opacity: 0.3;
}

@media (max-width: 1199px) {
    .funfact-two__shape {
        background-repeat: repeat;
    }
}

@keyframes cloudMove {
    0% {
        background-position: 100% -725px;
    }

    100% {
        background-position: 100% 0;
    }
}

.funfact-two__shape2 {
    position: absolute;
    left: 3%;
    top: 34%;
}

@media (max-width: 1400px) {
    .funfact-two__shape2 {
        display: none;
    }
}

.funfact-two__shape2 img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.funfact-two__shape3 {
    position: absolute;
    left: 6%;
    bottom: 16%;
}

@media (max-width: 1400px) {
    .funfact-two__shape3 {
        display: none;
    }
}

.funfact-two__shape3 img {
    animation: arrowMove 3s linear 0s infinite;
}

.funfact-two__content {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

.funfact-two__content .sec-title__tagline {
    color: var(--kidearn-secondary, #ffaa23);
}

.funfact-two__content .sec-title__title {
    color: var(--kidearn-white, #fff);
}

.funfact-two__content .sec-title {
    padding-bottom: 40px;
}

.funfact-two__item {
    position: relative;
    background-color: #091b30;
    border-radius: 19px;
    padding: 45px 30px 48px 110px;
    --accent-color: var(--kidearn-secondary2, #75c137);
}

.funfact-two__icon {
    position: absolute;
    left: 47px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--accent-color);
    font-size: 48px;
    line-height: 48px;
    display: flex;
    align-items: center;
}

.funfact-two__count {
    display: block;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: var(--kidearn-white, #fff);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    margin: 0;
}

.funfact-two__count .count-box {
    display: inline-flex;
}

.funfact-two__title {
    text-transform: capitalize;
    line-height: 1;
    margin: 0;
    color: var(--accent-color);
}

.funfact-two__image {
    position: relative;
    overflow: hidden;
    text-align: right;
}

.funfact-two__image img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .funfact-two__image img {
        max-width: none;
        min-height: 725px;
    }
}

@media (max-width: 1199px) {
    .funfact-two__image img {
        width: 100%;
    }
}

.funfact-two .kidearn-stretch-element-inside-column {
    height: 100%;
}

.funfact-three {
    position: relative;
    padding: 105px 0 99px;
    background-color: var(--kidearn-gray, #faf5f2);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 382"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0V360V382C1900 382 1890 376.5 1880 371C1870 365.5 1860 360 1840 360C1820 360 1810 365.5 1800 371C1790 376.5 1780 382 1760 382C1740 382 1730 376.499 1720 370.999C1710.01 365.504 1700.02 360.009 1680.06 360L1680.01 360H1679.96C1659.99 360.009 1650 365.505 1640.01 371C1630.01 376.5 1620.01 382 1600.01 382C1580.01 382 1570.01 376.5 1560.01 371C1550.01 365.5 1540.01 360 1520.01 360C1500.01 360 1490.01 365.5 1480.01 371C1470.01 376.5 1460.01 382 1440.01 382C1420.01 382 1410.01 376.5 1400.01 371C1390.02 365.506 1380.03 360.011 1360.07 360L1360.01 360L1359.95 360C1339.99 360.011 1330 365.506 1320.01 371C1310.01 376.5 1300.01 382 1280.01 382C1260.01 382 1250.01 376.5 1240.01 371C1230.01 365.503 1220.02 360.005 1200.04 360L1200.01 360H1199.98C1180 360.005 1170.01 365.503 1160.01 371C1150.01 376.5 1140.01 382 1120.01 382C1100.01 382 1090.01 376.5 1080.01 371C1070.01 365.5 1060.01 360 1040.01 360C1020.01 360 1010.01 365.5 1000.01 371C990.01 376.5 980.01 382 960.01 382C940.016 382 930.019 376.501 920.021 371.001C910.029 365.505 900.036 360.008 880.064 360L880.02 360H879.976C860.005 360.008 850.013 365.504 840.02 371C830.02 376.5 820.02 382 800.02 382C780.02 382 770.02 376.5 760.02 371C750.02 365.5 740.02 360 720.02 360C700.02 360 690.02 365.5 680.02 371C670.02 376.5 660.02 382 640.02 382C620.02 382 610.02 376.5 600.02 371C590.029 365.505 580.038 360.01 560.075 360H560.02L559.965 360C540.002 360.01 530.011 365.505 520.02 371C510.02 376.5 500.02 382 480.02 382C460.02 382 450.02 376.5 440.02 371C430.023 365.502 420.026 360.003 400.037 360H400.02L400.003 360C380.014 360.003 370.017 365.502 360.02 371C350.02 376.5 340.02 382 320.02 382C300.02 382 290.02 376.5 280.02 371C270.031 365.506 260.042 360.012 240.085 360L240.02 360H239.956C219.999 360.012 210.009 365.506 200.02 371C190.02 376.5 180.02 382 160.02 382C140.014 382 130.011 376.499 120.009 370.999C110.015 365.503 100.021 360.007 80.0473 360H80.01C79.9976 360 79.9852 360 79.9728 360C59.9913 360.007 49.9951 365.504 39.9994 371.001C29.9988 376.501 19.9988 382 0 382V360V0C20 0 30 6.72422 40 13.4484C50 20.1727 60 26.8969 80 26.8969C100 26.8969 110 20.1727 120 13.4484C130 6.72422 140 0 160 0C180.001 0 190.001 6.72506 200.001 13.4497C209.999 20.1735 219.996 26.8969 239.99 26.8969C259.99 26.8969 269.99 20.1727 279.99 13.4484C289.99 6.72422 299.99 0 319.99 0C339.99 0 349.99 6.72422 359.99 13.4484C369.99 20.1727 379.99 26.8969 399.99 26.8969C419.99 26.8969 429.99 20.1727 439.99 13.4484C449.99 6.72422 459.99 0 479.99 0C499.99 0 509.99 6.72422 519.99 13.4484C529.99 20.1727 539.99 26.8969 559.99 26.8969C579.99 26.8969 589.99 20.1727 599.99 13.4484C609.99 6.72422 619.99 0 639.99 0C659.99 0 669.99 6.72422 679.99 13.4484C689.99 20.1727 699.99 26.8969 719.99 26.8969C739.99 26.8969 749.99 20.1727 759.99 13.4484C769.99 6.72422 779.99 0 799.99 0C819.99 0 829.99 6.72422 839.99 13.4484C849.99 20.1727 859.99 26.8969 879.99 26.8969C899.99 26.8969 909.99 20.1727 919.99 13.4484C929.99 6.72422 939.99 0 959.99 0C979.984 0 989.981 6.72338 999.979 13.4472C1009.98 20.1718 1019.98 26.8969 1039.98 26.8969C1059.98 26.8969 1069.98 20.1727 1079.98 13.4484C1089.98 6.72422 1099.98 0 1119.98 0C1139.98 0 1149.98 6.72422 1159.98 13.4484C1169.98 20.1727 1179.98 26.8969 1199.98 26.8969C1219.98 26.8969 1229.98 20.1727 1239.98 13.4484C1249.98 6.72422 1259.98 0 1279.98 0C1299.98 0 1309.98 6.72422 1319.98 13.4484C1329.98 20.1727 1339.98 26.8969 1359.98 26.8969C1379.98 26.8969 1389.98 20.1727 1399.98 13.4484C1409.98 6.72422 1419.98 0 1439.98 0C1459.98 0 1469.98 6.72422 1479.98 13.4484C1489.98 20.1727 1499.98 26.8969 1519.98 26.8969C1539.98 26.8969 1549.98 20.1727 1559.98 13.4484C1569.98 6.72422 1579.98 0 1599.98 0C1619.98 0 1629.98 6.72422 1639.98 13.4484C1649.98 20.1727 1659.98 26.8969 1679.98 26.8969C1699.98 26.8969 1709.98 20.1727 1719.98 13.4484C1729.98 6.72422 1739.98 0 1759.98 0C1779.99 0 1789.99 6.72506 1799.99 13.4497C1809.99 20.1735 1819.99 26.8969 1839.99 26.8969C1860 26.8969 1870 20.1718 1880 13.4472C1890 6.72338 1900 0 1920 0Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 382"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 0V360V382C1900 382 1890 376.5 1880 371C1870 365.5 1860 360 1840 360C1820 360 1810 365.5 1800 371C1790 376.5 1780 382 1760 382C1740 382 1730 376.499 1720 370.999C1710.01 365.504 1700.02 360.009 1680.06 360L1680.01 360H1679.96C1659.99 360.009 1650 365.505 1640.01 371C1630.01 376.5 1620.01 382 1600.01 382C1580.01 382 1570.01 376.5 1560.01 371C1550.01 365.5 1540.01 360 1520.01 360C1500.01 360 1490.01 365.5 1480.01 371C1470.01 376.5 1460.01 382 1440.01 382C1420.01 382 1410.01 376.5 1400.01 371C1390.02 365.506 1380.03 360.011 1360.07 360L1360.01 360L1359.95 360C1339.99 360.011 1330 365.506 1320.01 371C1310.01 376.5 1300.01 382 1280.01 382C1260.01 382 1250.01 376.5 1240.01 371C1230.01 365.503 1220.02 360.005 1200.04 360L1200.01 360H1199.98C1180 360.005 1170.01 365.503 1160.01 371C1150.01 376.5 1140.01 382 1120.01 382C1100.01 382 1090.01 376.5 1080.01 371C1070.01 365.5 1060.01 360 1040.01 360C1020.01 360 1010.01 365.5 1000.01 371C990.01 376.5 980.01 382 960.01 382C940.016 382 930.019 376.501 920.021 371.001C910.029 365.505 900.036 360.008 880.064 360L880.02 360H879.976C860.005 360.008 850.013 365.504 840.02 371C830.02 376.5 820.02 382 800.02 382C780.02 382 770.02 376.5 760.02 371C750.02 365.5 740.02 360 720.02 360C700.02 360 690.02 365.5 680.02 371C670.02 376.5 660.02 382 640.02 382C620.02 382 610.02 376.5 600.02 371C590.029 365.505 580.038 360.01 560.075 360H560.02L559.965 360C540.002 360.01 530.011 365.505 520.02 371C510.02 376.5 500.02 382 480.02 382C460.02 382 450.02 376.5 440.02 371C430.023 365.502 420.026 360.003 400.037 360H400.02L400.003 360C380.014 360.003 370.017 365.502 360.02 371C350.02 376.5 340.02 382 320.02 382C300.02 382 290.02 376.5 280.02 371C270.031 365.506 260.042 360.012 240.085 360L240.02 360H239.956C219.999 360.012 210.009 365.506 200.02 371C190.02 376.5 180.02 382 160.02 382C140.014 382 130.011 376.499 120.009 370.999C110.015 365.503 100.021 360.007 80.0473 360H80.01C79.9976 360 79.9852 360 79.9728 360C59.9913 360.007 49.9951 365.504 39.9994 371.001C29.9988 376.501 19.9988 382 0 382V360V0C20 0 30 6.72422 40 13.4484C50 20.1727 60 26.8969 80 26.8969C100 26.8969 110 20.1727 120 13.4484C130 6.72422 140 0 160 0C180.001 0 190.001 6.72506 200.001 13.4497C209.999 20.1735 219.996 26.8969 239.99 26.8969C259.99 26.8969 269.99 20.1727 279.99 13.4484C289.99 6.72422 299.99 0 319.99 0C339.99 0 349.99 6.72422 359.99 13.4484C369.99 20.1727 379.99 26.8969 399.99 26.8969C419.99 26.8969 429.99 20.1727 439.99 13.4484C449.99 6.72422 459.99 0 479.99 0C499.99 0 509.99 6.72422 519.99 13.4484C529.99 20.1727 539.99 26.8969 559.99 26.8969C579.99 26.8969 589.99 20.1727 599.99 13.4484C609.99 6.72422 619.99 0 639.99 0C659.99 0 669.99 6.72422 679.99 13.4484C689.99 20.1727 699.99 26.8969 719.99 26.8969C739.99 26.8969 749.99 20.1727 759.99 13.4484C769.99 6.72422 779.99 0 799.99 0C819.99 0 829.99 6.72422 839.99 13.4484C849.99 20.1727 859.99 26.8969 879.99 26.8969C899.99 26.8969 909.99 20.1727 919.99 13.4484C929.99 6.72422 939.99 0 959.99 0C979.984 0 989.981 6.72338 999.979 13.4472C1009.98 20.1718 1019.98 26.8969 1039.98 26.8969C1059.98 26.8969 1069.98 20.1727 1079.98 13.4484C1089.98 6.72422 1099.98 0 1119.98 0C1139.98 0 1149.98 6.72422 1159.98 13.4484C1169.98 20.1727 1179.98 26.8969 1199.98 26.8969C1219.98 26.8969 1229.98 20.1727 1239.98 13.4484C1249.98 6.72422 1259.98 0 1279.98 0C1299.98 0 1309.98 6.72422 1319.98 13.4484C1329.98 20.1727 1339.98 26.8969 1359.98 26.8969C1379.98 26.8969 1389.98 20.1727 1399.98 13.4484C1409.98 6.72422 1419.98 0 1439.98 0C1459.98 0 1469.98 6.72422 1479.98 13.4484C1489.98 20.1727 1499.98 26.8969 1519.98 26.8969C1539.98 26.8969 1549.98 20.1727 1559.98 13.4484C1569.98 6.72422 1579.98 0 1599.98 0C1619.98 0 1629.98 6.72422 1639.98 13.4484C1649.98 20.1727 1659.98 26.8969 1679.98 26.8969C1699.98 26.8969 1709.98 20.1727 1719.98 13.4484C1729.98 6.72422 1739.98 0 1759.98 0C1779.99 0 1789.99 6.72506 1799.99 13.4497C1809.99 20.1735 1819.99 26.8969 1839.99 26.8969C1860 26.8969 1870 20.1718 1880 13.4472C1890 6.72338 1900 0 1920 0Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 767px) {
    .funfact-three {
        padding: 80px 0 100px;
    }
}

.funfact-three__item {
    position: relative;
    padding: 0 20px;
    transition: 500ms ease;
    --accent-color: var(--kidearn-secondary2, #75c137);
}

.funfact-three__item--noborder::after {
    display: none;
}

.funfact-three__item::after {
    position: absolute;
    right: -20px;
    top: -4px;
    bottom: 0;
    margin: auto;
    height: 220px;
    width: 1px;
    content: "";
    border-right: 1px dashed var(--accent-color);
}

@media (max-width: 767px) {
    .funfact-three__item::after {
        display: none;
    }
}

.funfact-three__item:hover .funfact-three__icon span {
    transform: rotateY(360deg);
}

@media (max-width: 991px) {
    .funfact-three .funfact-three__item--smnone::after {
        display: none;
    }
}

.funfact-three__icon {
    position: relative;
    display: block;
    line-height: 70px;
    font-size: 70px;
    color: var(--accent-color);
    margin-bottom: 22px;
}

.funfact-three__icon span {
    display: block;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.funfact-three__count {
    display: block;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: var(--kidearn-black, #0b2038);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    margin: 0 0 2px;
}

.funfact-three__count .count-box {
    display: inline-flex;
}

.funfact-three__title {
    text-transform: capitalize;
    margin: 0;
    font-weight: 700;
    color: var(--accent-color);
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonial-one {
    position: relative;
    padding: 0 0 42px;
}

.testimonial-one__pen {
    position: absolute;
    left: 80px;
    top: 60px;
}

.testimonial-one__pen img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@media (max-width: 1199px) {
    .testimonial-one__pen {
        display: none;
    }
}

.testimonial-one .sec-title__tagline {
    color: #2390ff;
}

.testimonial-one .sec-title {
    padding-bottom: 22px;
    position: relative;
    z-index: 2;
}

.testimonial-one__area {
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 194px 265px 170px;
}

@media (max-width: 1199px) {
    .testimonial-one__area {
        padding: 150px 145px 150px;
    }
}

@media (max-width: 991px) {
    .testimonial-one__area {
        padding: 150px 55px 150px;
    }
}

@media (max-width: 767px) {
    .testimonial-one__area {
        padding: 150px 25px 100px;
    }
}

.testimonial-one__bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1119px;
    background-color: var(--kidearn-gray, #faf5f2);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119 710"><path d="M930.617 192.772C923.382 192.368 916.209 192.368 909.129 192.741C905.962 90.7428 825.29 6.32434 721.515 0.454178C643.295 -3.95621 573.087 37.4765 537.005 101.396C503.593 67.697 458.102 45.7693 407.022 42.8808C317.127 37.8182 237.821 93.2896 208.725 173.857C203.757 172.925 198.758 172.149 193.572 171.869C130.444 168.328 76.3517 216.625 72.8118 279.799C71.9423 295.329 74.2401 310.299 79.0842 324.12C35.3012 345.427 4.00101 389.127 1.05109 441.244C-3.26511 517.867 55.3296 583.463 131.903 587.781C146.187 588.588 160.098 587.19 173.264 583.898C201.056 653.533 267.134 704.469 346.906 708.973C418.201 712.98 482.819 678.939 521.044 624.461C555.139 665.863 605.722 693.475 663.448 696.705C747.909 701.488 822.992 652.787 855.907 580.078C872.457 585.638 889.97 589.147 908.229 590.172C1017.93 596.353 1111.9 512.4 1118.08 402.669C1124.26 292.968 1040.32 198.953 930.617 192.772Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119 710"><path d="M930.617 192.772C923.382 192.368 916.209 192.368 909.129 192.741C905.962 90.7428 825.29 6.32434 721.515 0.454178C643.295 -3.95621 573.087 37.4765 537.005 101.396C503.593 67.697 458.102 45.7693 407.022 42.8808C317.127 37.8182 237.821 93.2896 208.725 173.857C203.757 172.925 198.758 172.149 193.572 171.869C130.444 168.328 76.3517 216.625 72.8118 279.799C71.9423 295.329 74.2401 310.299 79.0842 324.12C35.3012 345.427 4.00101 389.127 1.05109 441.244C-3.26511 517.867 55.3296 583.463 131.903 587.781C146.187 588.588 160.098 587.19 173.264 583.898C201.056 653.533 267.134 704.469 346.906 708.973C418.201 712.98 482.819 678.939 521.044 624.461C555.139 665.863 605.722 693.475 663.448 696.705C747.909 701.488 822.992 652.787 855.907 580.078C872.457 585.638 889.97 589.147 908.229 590.172C1017.93 596.353 1111.9 512.4 1118.08 402.669C1124.26 292.968 1040.32 198.953 930.617 192.772Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.testimonial-one__bg-shape {
    width: 100%;
    height: 104%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    background-position: top center;
    background-repeat: no-repeat;
}

.testimonial-one__star-left {
    position: absolute;
    left: 155px;
    top: 70px;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.testimonial-one__star-left img {
    -webkit-animation: rotated 6s infinite linear;
    animation: rotated 6s infinite linear;
}

@keyframes rotated {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 1199px) {
    .testimonial-one__star-left {
        left: 80px;
    }
}

@media (max-width: 991px) {
    .testimonial-one__star-left {
        display: none;
    }
}

.testimonial-one__star-right {
    position: absolute;
    right: 235px;
    top: -140px;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.testimonial-one__star-right img {
    -webkit-animation: rotated2 6s infinite linear;
    animation: rotated2 6s infinite linear;
}

@keyframes rotated2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@media (max-width: 1199px) {
    .testimonial-one__star-right {
        right: 80px;
    }
}

@media (max-width: 991px) {
    .testimonial-one__star-right {
        display: none;
    }
}

.testimonial-one__carousel.owl-carousel {
    position: relative;
}

.testimonial-one__carousel.owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    gap: 17px;
    margin: -54px 0 0 127px;
}

@media (max-width: 767px) {
    .testimonial-one__carousel.owl-carousel .owl-nav {
        margin: 0;
        justify-content: center;
    }
}

.testimonial-one__carousel.owl-carousel .owl-nav button {
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    line-height: 62px;
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
    font-size: 18px;
    overflow: hidden;
    transition: all 500ms ease;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M0.00047095 24.0601C0.000469814 11.0767 12.4473 1.44505 23.8118 0.548945C36.7997 0.548676 47.623 11.0767 47.623 24.0601C47.623 37.0434 42.2114 47.7688 20.5648 47.7689C6.49446 46.8726 0.000472085 37.0434 0.00047095 24.0601Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M0.00047095 24.0601C0.000469814 11.0767 12.4473 1.44505 23.8118 0.548945C36.7997 0.548676 47.623 11.0767 47.623 24.0601C47.623 37.0434 42.2114 47.7688 20.5648 47.7689C6.49446 46.8726 0.000472085 37.0434 0.00047095 24.0601Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.testimonial-one__carousel.owl-carousel .owl-nav button.owl-next {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 48"><path d="M48.5464 24.2569C48.5464 37.2402 36.0996 46.8719 24.7351 47.768C11.7471 47.7683 0.923822 37.2402 0.923824 24.2569C0.923826 11.2736 6.33548 0.548165 27.9821 0.5481C42.0524 1.44432 48.5464 11.2736 48.5464 24.2569Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 48"><path d="M48.5464 24.2569C48.5464 37.2402 36.0996 46.8719 24.7351 47.768C11.7471 47.7683 0.923822 37.2402 0.923824 24.2569C0.923826 11.2736 6.33548 0.548165 27.9821 0.5481C42.0524 1.44432 48.5464 11.2736 48.5464 24.2569Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 49px;
    line-height: 30px;
    background-color: var(--kidearn-primary, #26a6a1);
}

.testimonial-one__carousel.owl-carousel .owl-nav button.owl-next span {
    display: inline-block;
    position: relative;
    top: 4px;
}

.testimonial-one__carousel.owl-carousel .owl-nav button.owl-prev span {
    display: inline-block;
    position: relative;
    top: -2px;
}

.testimonial-one__item {
    position: relative;
    z-index: 2;
    text-align: center;
}

.testimonial-one__item__quote {
    line-height: 30px;
    margin: 0 0 54px;
}

@media (max-width: 767px) {
    .testimonial-one__item__quote {
        margin: 0 0 35px;
    }
}

.testimonial-one__item__author {
    position: relative;
    display: inline-block;
    text-align: left;
    min-height: 80px;
    margin-left: 235px;
    padding: 0 0 0 58px;
}

@media (max-width: 767px) {
    .testimonial-one__item__author {
        margin-left: 0;
        min-height: 60px;
    }
}

.testimonial-one__item__author img {
    width: 46px !important;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.testimonial-one__item__author__name {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px;
}

.testimonial-one__item__author__designation {
    font-size: 14px;
    color: var(--kidearn-text-dark, #5f7999);
    text-transform: uppercase;
    line-height: 1;
    margin: 0;
}

.testimonial-one--home-two {
    padding: 0;
}

.testimonial-one--home-two .testimonial-one__left-shape {
    position: absolute;
    left: 12%;
    top: 35%;
}

.testimonial-one--home-two .testimonial-one__left-shape img {
    animation: arrowMove 4s linear 0s infinite;
}

.testimonial-one--home-two .testimonial-one__right-shape {
    opacity: 0.3;
    position: absolute;
    right: 8%;
    top: 28%;
}

.testimonial-one--home-two .testimonial-one__right-shape img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.testimonial-one--home-two .sec-title__title,
.testimonial-one--home-two .sec-title__tagline {
    color: var(--kidearn-black, #020912);
}

.testimonial-one--home-two .testimonial-one__area {
    max-width: 908px;
    padding: 80px 175px 232px;
}

@media (max-width: 991px) {
    .testimonial-one--home-two .testimonial-one__area {
        padding: 70px 50px 180px;
    }
}

@media (max-width: 767px) {
    .testimonial-one--home-two .testimonial-one__area {
        padding: 80px 25px 255px;
        margin-bottom: -175px;
    }
}

.testimonial-one--home-two .testimonial-one__bg {
    max-width: 908px;
    background-color: var(--kidearn-secondary, #ffde52);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 908 644"><path d="M250.59 12.397C142.549 33.9816 48.3148 86.0784 13.3826 186.882C-47.9941 363.966 112.408 499.199 277.449 498.295C379.53 497.73 554.342 422.692 614.134 551.898C627.262 580.263 627.111 612.734 626.734 644C633.147 591.489 668.57 543.46 716.856 521.763C804.111 482.587 879.974 464.091 903.023 355.302C942.03 171.136 743.489 68.9011 595.876 27.5025C504.207 1.81192 369.08 -11.2594 250.59 12.397Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 908 644"><path d="M250.59 12.397C142.549 33.9816 48.3148 86.0784 13.3826 186.882C-47.9941 363.966 112.408 499.199 277.449 498.295C379.53 497.73 554.342 422.692 614.134 551.898C627.262 580.263 627.111 612.734 626.734 644C633.147 591.489 668.57 543.46 716.856 521.763C804.111 482.587 879.974 464.091 903.023 355.302C942.03 171.136 743.489 68.9011 595.876 27.5025C504.207 1.81192 369.08 -11.2594 250.59 12.397Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.testimonial-one--home-two .testimonial-one__bg-shape {
    left: auto;
    right: 48px;
    top: 160px;
    background-position: top right;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .testimonial-one--home-two .testimonial-one__bg-shape {
        display: none;
    }
}

.testimonial-one--home-two .testimonial-one__item__author__designation {
    color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.8);
}

.testimonial-one--home-two .testimonial-one__item__quote {
    color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.8);
    margin-bottom: 40px;
}

.testimonial-one--home-two .testimonial-one__item__author__name {
    color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.8);
}

.testimonial-one--home-two
    .testimonial-one__carousel.owl-carousel
    .owl-nav
    button {
    background-color: rgba(var(--kidearn-black2-rgb, 2, 9, 18), 0.2);
}

.testimonial-one--home-two
    .testimonial-one__carousel.owl-carousel
    .owl-nav
    button:hover {
    background-color: var(--kidearn-black2, #020912);
}

.testimonial-one--about-page {
    padding-top: 120px;
}

@media (max-width: 767px) {
    .testimonial-one--about-page {
        padding-top: 80px;
    }
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .gallery-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.gallery-one .container-fluid {
    width: 100%;
    max-width: 1572px;
}

.gallery-one .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.gallery-one--home-three {
    position: relative;
    padding: 0;
    margin-bottom: -43px;
}

.gallery-one--home-three .container {
    max-width: 1600px;
}

.gallery-one--home-four {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.gallery-one--home-four .container-fluid {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.gallery-one--home-four .gallery-one__card,
.gallery-one--home-four .gallery-one__card img {
    border-radius: 0;
}

@media (min-width: 992px) {
    .gallery-one__carousel .owl-nav {
        display: none;
    }
}

.gallery-one__filter__list {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 15px;
}

.gallery-one__filter__list li {
    cursor: pointer;
}

.gallery-one__filter__list li span {
    display: block;
    font-size: 16px;
    background-color: var(--kidearn-gray, #faf5f2);
    transition: all 500ms ease;
    font-weight: 700;
    padding: 11px 54px;
    border-radius: 12px;
    color: var(--kidearn-black, #0b2038);
}

.gallery-one__filter__list li.active span,
.gallery-one__filter__list li:hover span {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.gallery-one__card {
    position: relative;
    overflow: hidden;
    border-radius: 29px;
}

.gallery-one__card--mt140 {
    margin-top: 140px;
}

@media (max-width: 991px) {
    .gallery-one__card--mt140 {
        margin-top: 70px;
    }
}

@media (max-width: 767px) {
    .gallery-one__card--mt140 {
        margin-top: 0;
    }
}

.gallery-one__card--mt70 {
    margin-top: 70px;
}

@media (max-width: 991px) {
    .gallery-one__card--mt70 {
        margin-top: 0;
    }
}

.gallery-one__card img {
    transform: scale(1);
    max-width: 100%;
    transition:
        transform 500ms ease,
        opacity 500ms ease;
    opacity: 1;
    border-radius: 29px;
}

.gallery-one__card__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: bottom center;
}

.gallery-one__card__hover .img-popup {
    position: relative;
}

.gallery-one__card:hover img {
    transform: scale(1.05);
    opacity: 0.9;
}

.gallery-one__card:hover .gallery-one__card__hover {
    transform-origin: top center;
    transform: scale(1, 1);
}

.gallery-one__card__icon {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    display: block;
    position: relative;
    background-color: var(--kidearn-base, #f25334);
    transition: background 500ms ease;
}

.gallery-one__card__icon::after,
.gallery-one__card__icon::before {
    content: "";
    width: 3px;
    height: 30px;
    background-color: var(--kidearn-white, #fff);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background 500ms ease;
    border-radius: 1.5px;
}

.gallery-one__card__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.gallery-one__card__icon:hover {
    background-color: var(--kidearn-white, #fff);
}

.gallery-one__card__icon:hover::after,
.gallery-one__card__icon:hover::before {
    background-color: var(--kidearn-base, #f25334);
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar__title {
    margin: 0;
    line-height: 1em;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid var(--kidearn-base, #f25334);
    padding-bottom: 26px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .sidebar__title {
        font-size: 24px;
    }
}

.sidebar__search {
    position: relative;
    margin: -10px;
}

.sidebar__search input[type="search"],
.sidebar__search input[type="text"] {
    outline: none;
    width: 100%;
    height: 64px;
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    padding-left: 30px;
    padding-right: 30px;
    transition: all 500ms ease;
    border-radius: 8px;
}

.sidebar__search input[type="search"]:focus,
.sidebar__search input[type="text"]:focus {
    color: var(--kidearn-black, #0b2038);
}

.sidebar__search button[type="submit"] {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: auto;
    font-size: 22px;
    color: var(--kidearn-black, #0b2038);
}

.sidebar__posts {
    margin-bottom: 0;
}

.sidebar__posts__item {
    display: flex;
    align-items: center;
}

.sidebar__posts__item:not(:last-of-type) {
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.sidebar__posts__image {
    flex-shrink: 0;
    margin-right: 20px;
}

.sidebar__posts__image img {
    border-radius: 6px;
}

.sidebar__posts__title {
    margin: 0;
    color: var(--kidearn-black, #0b2038);
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

.sidebar__posts__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.sidebar__posts__title a:hover {
    background-size: 100% 1px;
}

.sidebar__posts__meta {
    margin: 0;
    line-height: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.sidebar__posts__meta a {
    display: inline-flex;
    align-items: center;
    color: var(--kidearn-text, #7e8185);
    font-size: 14px;
    line-height: 1em;
    transition: all 500ms ease;
}

.sidebar__posts__meta a:hover {
    color: var(--kidearn-black, #0b2038);
    text-shadow: 0 0 1px currentColor;
}

.sidebar__posts__meta a i {
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
    margin-right: 10px;
}

.sidebar__categories {
    margin-bottom: -18px;
    margin-top: -18px;
}

.sidebar__categories li:not(:last-of-type) {
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
}

.sidebar__categories li a {
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    display: flex;
    align-items: center;
    transition: all 500ms ease;
    padding: 7px 0;
}

.sidebar__categories li a::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all 500ms ease;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
    margin-right: 8px;
}

.sidebar__categories li a:hover {
    padding: 7px 20px;
    background-color: var(--kidearn-white, #fff);
    color: var(--kidearn-black, #0b2038);
    text-shadow: 0 0 1px currentColor;
}

.sidebar__categories li a:hover::base {
    text-shadow: 0 0 0px currentColor;
    color: var(--kidearn-primary, #26a6a1);
}

.sidebar__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.sidebar__tags a {
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 16px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
    transition: all 500ms ease;
    display: inline-flex;
    padding: 12px 16px;
    line-height: 1;
    border-radius: 5px;
}

.sidebar__tags a:hover {
    color: var(--kidearn-white, #fff);
    background-color: var(--kidearn-base, #f25334);
}

.sidebar__comments {
    margin-top: -2px;
    margin-bottom: -2px;
}

.sidebar__comments__item {
    display: flex;
    align-items: center;
}

.sidebar__comments__item:not(:last-of-type) {
    margin-bottom: 26px;
}

.sidebar__comments__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 24px;
    color: var(--kidearn-text, #7e8185);
    margin-right: 20px;
    border-radius: 50%;
    transition: all 500ms ease;
}

.sidebar__comments__item:hover .sidebar__comments__icon {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.sidebar__comments__title {
    margin: 0;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
}

.sidebar__comments__title a {
    color: inherit;
    transition: all 500ms ease;
}

.sidebar__comments__title a:hover {
    color: var(--kidearn-black, #0b2038);
}

/*--------------------------------------------------------------
# Blog details
--------------------------------------------------------------*/
.blog-details .blog-card__image img {
    transform: scale(1);
    transform: translatex(0%) scalex(1);
    opacity: 1;
    filter: blur(0px);
}

.blog-details .blog-card:hover .blog-card__image img {
    transform: scale(1);
    transform: translatex(0%) scalex(1);
    opacity: 1;
    filter: blur(0px);
}

.blog-details .blog-card-two__text {
    margin: 0;
}

.blog-details .blog-card-two__text + .blog-card-two__text {
    margin-top: 21px;
}

.blog-details .blog-card__title {
    margin-bottom: 10px;
}

.blog-details .blog-card__content {
    padding-bottom: 50px;
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
}

.blog-details__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
}

.blog-details__tags {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.blog-details__tags__title {
    margin: 0;
    line-height: 1em;
    font-size: 20px;
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: -4px;
    flex: 0 0 100%;
}

@media (min-width: 576px) {
    .blog-details__tags__title {
        flex: 0 0 auto;
    }
}

.blog-details__tags .sidebar__tags a {
    background-color: var(--kidearn-gray, #faf5f2);
}

.blog-details__tags .sidebar__tags a:hover {
    background-color: var(--kidearn-base, #f25334);
}

.blog-details__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-details__social a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 14px;
    color: var(--kidearn-black, #0b2038);
    transition: all 500ms ease;
    border-radius: 50%;
}

.blog-details__social a:hover {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .comments-one {
        margin-top: 45px;
    }
}

.comments-one__title {
    margin: 0;
    font-size: 25px;
    color: var(--kidearn-black, #0b2038);
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: -4px;
}

@media (min-width: 992px) {
    .comments-one__title {
        font-size: 30px;
    }
}

.comments-one__list {
    margin: 0;
    margin-top: 35px;
}

@media (min-width: 768px) {
    .comments-one__card {
        display: flex;
        align-items: flex-start;
    }
}

.comments-one__card:not(:first-of-type) {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

@media (min-width: 1200px) {
    .comments-one__card:not(:first-of-type) {
        margin-top: 50px;
        padding-top: 50px;
    }
}

@media (min-width: 768px) {
    .comments-one__card__image {
        margin-right: 30px;
    }
}

.comments-one__card__image img {
    border-radius: 50%;
}

.comments-one__card__title {
    margin: 0;
    font-size: 20px;
    color: var(--kidearn-black, #0b2038);
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .comments-one__card__title {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    .comments-one__card__title {
        margin-bottom: 21px;
    }
}

.comments-one__card__text {
    margin: 0;
    margin-bottom: 20px;
    max-width: 570px;
    font-size: 16px;
    line-height: 1.875em;
    letter-spacing: var(--kidearn-letter-space, 0px);
}

@media (min-width: 768px) {
    .comments-one__card__text {
        margin-bottom: 0;
    }
}

.comments-one__card__reply {
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 16px;
    font-weight: 500;
    padding: 3px 23px;
    color: var(--kidearn-text, #7e8185);
}

@media (min-width: 768px) {
    .comments-one__card__reply {
        position: absolute;
        top: 13px;
        right: 0;
    }
}

.comments-one__card__content {
    position: relative;
}

.comments-form {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

@media (min-width: 1200px) {
    .comments-form {
        margin-top: 50px;
        padding-top: 45px;
    }
}

.comments-form__title {
    margin: 0;
    font-size: 25px;
    color: var(--kidearn-black, #0b2038);
    font-weight: bold;
    margin-top: -4px;
    margin-bottom: -4px;
}

@media (min-width: 992px) {
    .comments-form__title {
        font-size: 30px;
    }
}

.comments-form__form {
    margin-top: 35px;
}

.comments-form__form .kidearn-btn {
    margin-top: 20px;
}

/*--------------------------------------------------------------
# Shop
--------------------------------------------------------------*/
.product {
    position: relative;
}

.product__sidebar {
    position: relative;
}

.product__sidebar--title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-top: -5px;
}

.product__search {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.product__search form {
    border-radius: 0;
    position: relative;
}

.product__search form input[type="text"] {
    width: 100%;
    height: 64px;
    background-color: var(--kidearn-gray, #faf5f2);
    padding-left: 30px;
    padding-right: 30px;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    outline: none;
    font-weight: 500;
    border-radius: 0;
}

.product__price-ranger {
    background-color: var(--kidearn-white, #fff);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 14px;
    box-shadow: 0px 0px 60px 0px rgba(var(--kidearn-black3-rgb, 0, 0, 0), 0.07);
}

.product__price-ranger #slider-range {
    margin: 22px 0 0 0px;
    background: var(--kidearn-gray, #faf5f2);
    border: none;
    height: 5px;
    border-radius: 0;
    position: relative;
}

.product__price-ranger #slider-range .ui-slider-range {
    height: 100%;
    background: var(--kidearn-base, #f25334);
}

.product__price-ranger #slider-range .ui-slider-handle {
    position: absolute;
    top: -5px;
    background: var(--kidearn-base, #f25334);
    border: 0;
    height: 14px;
    width: 14px !important;
    border-radius: 50%;
    margin-left: -2px;
    outline: medium none;
    cursor: pointer;
    z-index: 2;
}

.product__price-ranger .ranger-min-max-block {
    position: relative;
    display: block;
    margin: 18px 0 0 0px;
}

.product__price-ranger .ranger-min-max-block input[type="text"] {
    position: relative;
    display: inline-block;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    font-weight: 500;
    width: 40px;
    line-height: 30px;
    border: none;
    outline: none;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.product__price-ranger .ranger-min-max-block span {
    position: relative;
    display: inline-block;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    left: -2px;
}

.product__price-ranger .ranger-min-max-block input[type="submit"] {
    position: relative;
    display: block;
    background-color: var(--kidearn-gray, #faf5f2);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    float: right;
    text-align: center;
    border: none;
    color: var(--kidearn-black, #0b2038);
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    margin: 0;
    cursor: pointer;
    padding: 0 20px;
    height: 40px;
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 5px;
}

.product__price-ranger .ranger-min-max-block input[type="submit"]:hover {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.product__categories {
    background-color: var(--kidearn-white, #fff);
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0px 0px 60px 0px rgba(var(--kidearn-black3-rgb, 0, 0, 0), 0.07);
}

.product__categories .product__sidebar--title {
    margin-bottom: 26px;
}

.product__categories ul {
    margin-bottom: -18px;
    margin-top: -18px;
}

.product__categories ul li:not(:last-of-type) {
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
}

.product__categories ul li a {
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    display: flex;
    align-items: center;
    transition: all 500ms ease;
    padding: 7px 0;
}

.product__categories ul li a::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: all 500ms ease;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
    margin-right: 8px;
}

.product__categories ul li a:hover {
    padding: 7px 20px;
    background-color: var(--kidearn-white, #fff);
    color: var(--kidearn-black, #0b2038);
    text-shadow: 0 0 1px currentColor;
}

.product__categories ul li a:hover::base {
    text-shadow: 0 0 0px currentColor;
    color: var(--kidearn-primary, #26a6a1);
}

.product__info-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .product__info-top {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .product__info-top {
        display: block;
        margin-top: 40px;
    }
}

.product__showing-text {
    margin: 0;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 767px) {
    .product__showing-text {
        margin-bottom: 20px;
    }
}

.product__showing-sort {
    margin: 0;
    font-size: 18px;
}

.product__showing-sort
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    position: relative;
    display: block;
    width: 270px !important;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
}

@media (max-width: 360px) {
    .product__showing-sort
        .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
            .input-group-btn
        ) {
        width: 270px !important;
    }
}

.product__showing-sort .bootstrap-select > .dropdown-toggle::after {
    display: none;
}

.product__showing-sort .bootstrap-select .dropdown-menu {
    border: none;
}

.product__showing-sort .bootstrap-select > .dropdown-toggle {
    position: relative;
    height: 60px;
    outline: none !important;
    border-radius: 0;
    border: 0;
    background-color: var(--kidearn-gray, #faf5f2) !important;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--kidearn-text, #7e8185) !important;
    font-size: 16px;
    line-height: 60px;
    font-weight: 700;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center;
    border-radius: 7px;
}

.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
}

.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px;
    color: var(--kidearn-text, #7e8185);
    background-color: var(--kidearn-gray, #faf5f2);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
    background: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
    border-color: var(--kidearn-base, #f25334);
}

.product__item {
    position: relative;
    background-color: var(--kidearn-white, #fff);
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    transition: all 500ms ease;
    border-radius: 12px;
    padding-top: 10px;
}

.product__item:hover {
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);
}

.product__item__img {
    background-color: var(--kidearn-white, #fff);
    position: relative;
    overflow: hidden;
    text-align: center;
}

.product__item__img img {
    max-width: 100%;
    height: auto;
    transition: all 500ms ease;
    transform: scale(1);
}

.product__item__btn {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.product__item__btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--kidearn-gray, #faf5f2);
    border-radius: 50%;
    color: var(--kidearn-black, #0b2038);
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
}

.product__item__btn a:hover {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.product__item__btn a:nth-child(1) {
    -webkit-transition:
        transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -moz-transition:
        transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -ms-transition:
        transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -o-transition:
        transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    transition:
        transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0);
}

.product__item__btn a:nth-child(2) {
    -webkit-transition:
        transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -moz-transition:
        transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -ms-transition:
        transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    -o-transition:
        transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    transition:
        transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95),
        opacity ease 300ms,
        visibility ease 300ms,
        background ease 300ms,
        color ease 300ms,
        border ease 300ms;
    transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -o-transform: translate3d(30px, 0, 0);
}

.product__item__btn a + a {
    margin-top: 10px;
}

.product__item:hover .product__item__img img {
    transform: scale(1.05);
}

.product__item:hover .product__item__btn a {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.product__item__content {
    position: relative;
    text-align: center;
    padding: 30px 20px;
    padding-bottom: 40px;
}

.product__item__ratings {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: var(--kidearn-base, #f25334);
    letter-spacing: 4px;
    margin-bottom: 24px;
    margin-top: 15px;
}

.product__item__title {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin: 0;
    margin-top: -4px;
    margin-bottom: 8px;
}

.product__item__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.product__item__title a:hover {
    background-size: 100% 1px;
}

.product__item__title a:hover {
    color: var(--kidearn-base, #f25334);
}

.product__item__price {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    line-height: 1em;
    font-weight: 500;
}

.product__item__link {
    padding: 5.25px 33px;
    font-size: 14px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
    background-color: var(--kidearn-gray, #faf5f2);
}

.product__item__link::before,
.product__item__link::after {
    background-color: var(--kidearn-base, #f25334);
}

.product-one {
    padding: 120px 0;
}

@media (max-width: 767px) {
    .product-one {
        padding: 80px 0;
    }
}

@media (min-width: 992px) {
    .product-one__carousel .owl-nav {
        display: none;
    }
}

/*--------------------------------------------------------------
# Shop details
--------------------------------------------------------------*/
.product-details {
    position: relative;
    padding: 120px 0;
    padding-top: 100px;
}

@media (max-width: 767px) {
    .product-details {
        padding: 80px 0;
        padding-top: 60px;
    }
}

.product-details__img {
    background-color: var(--kidearn-white, #fff);
    position: relative;
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    overflow: hidden;
    border-radius: 14px;
}

.product-details__img img {
    width: 100%;
    height: auto;
}

.product-details__img-search {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
    line-height: 1;
}

.product-details__img-search a {
    display: inline-block;
    font-size: 21px;
    color: var(--kidearn-black, #0b2038);
    transition: all 500ms ease;
}

.product-details__img-search a:hover {
    color: var(--kidearn-base, #f25334);
}

.product-details__content {
    position: relative;
    margin: -10px 0 0 0;
}

@media (max-width: 991px) {
    .product-details__content {
        margin: 50px 0 0;
    }
}

.product-details__top {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    margin-bottom: 17px;
}

.product-details__title {
    font-size: 30px;
    margin: 0;
}

.product-details__price {
    font-size: 20px;
    line-height: 26px;
    color: var(--kidearn-base, #f25334);
    font-weight: 600;
    margin: 0 0 0 28px;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
}

.product-details__review {
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: 3px;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
}

.product-details__review a {
    display: inline-block;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    letter-spacing: 0;
    margin-left: 16px;
    font-weight: 500;
    transition: all 500ms ease;
}

.product-details__review a:hover {
    color: var(--kidearn-base, #f25334);
}

.product-details__divider {
    width: 100%;
    height: 1px;
    background-color: var(--kidearn-border-color, #fce9dd);
    margin: 22px 0 21px;
}

.product-details__excerpt {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}

.product-details__excerpt-text1 {
    margin: 0 0 31px;
}

.product-details__excerpt-text2 {
    margin: 0;
}

@media (max-width: 767px) {
    .product-details__excerpt-text2 br {
        display: block;
    }
}

.product-details__quantity {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0 30px;
}

.product-details__quantity-title {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    margin-right: 35px;
    font-weight: bold;
}

.product-details__quantity .quantity-box {
    position: relative;
    width: 155px;
    height: 50px;
}

.product-details__quantity .quantity-box input {
    width: 155px;
    height: 46px;
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    color: var(--kidearn-black, #0b2038);
    padding: 0 46px;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    border-radius: 10px;
    text-align: center;
}

.product-details__quantity .quantity-box button {
    width: 46px;
    height: 46px;
    color: var(--kidearn-black, #0b2038);
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 1px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    transition: all 500ms ease;
    border-right: 1px solid var(--kidearn-border-color, #fce9dd);
}

.product-details__quantity .quantity-box button.add {
    right: 1px;
    left: auto;
    border-right: 0px solid var(--kidearn-border-color, #fce9dd);
    border-left: 1px solid var(--kidearn-border-color, #fce9dd);
}

.product-details__quantity .quantity-box button:hover {
    color: var(--kidearn-base, #f25334);
}

.product-details__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.product-details__buttons__wishlist {
    background-color: var(--kidearn-primary, #26a6a1);
}

.product-details__socials {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.product-details__socials__title {
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    margin-right: 10px;
    flex: 0 0 100%;
}

@media (min-width: 768px) {
    .product-details__socials__title {
        flex: 0 0 auto;
    }
}

.product-details__socials a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--kidearn-gray, #faf5f2);
    font-size: 14px;
    color: var(--kidearn-black, #0b2038);
    transition: all 500ms ease;
    border-radius: 50%;
}

.product-details__socials a:hover {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.product-details__description {
    position: relative;
    margin: 52px 0 0;
}

.product-details__description__title {
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: bold;
}

.product-details__description__text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
}

.product-details__description__lists {
    margin: 0 0 30px;
    padding: 0;
}

.product-details__description__lists li {
    display: block;
    position: relative;
    padding: 0 0 0 26px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: var(--kidearn-black, #0b2038);
}

.product-details__description__lists li span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: var(--kidearn-base, #f25334);
}

.product-details__comment {
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
    margin: 55px 0 0;
    padding: 52px 0 0;
    position: relative;
}

.product-details__review-title {
    font-size: 30px;
    margin-bottom: 44px;
    font-weight: bold;
}

.product-details__comment-box {
    position: relative;
    padding: 11px 0 64px 212px;
    margin-bottom: 50px;
    min-height: 166px;
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
}

@media (max-width: 767px) {
    .product-details__comment-box {
        padding-left: 0;
    }
}

.product-details__comment-box__thumb {
    background-color: var(--kidearn-white, #fff);
    width: 166px;
    height: 166px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    margin: 0;
    border: none;
}

@media (max-width: 767px) {
    .product-details__comment-box__thumb {
        position: relative;
        margin: 0 0 20px;
    }
}

.product-details__comment-box__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.product-details__comment-box__meta {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
    font-weight: bold;
    color: var(--kidearn-black, #0b2038);
}

.product-details__comment-box__date {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    text-transform: inherit;
    color: var(--kidearn-base, #f25334);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 0 7px;
    text-transform: capitalize;
}

.product-details__comment-box__text {
    line-height: 30px;
    margin: 0;
    font-size: 16px;
}

.product-details__comment-box__ratings {
    position: absolute;
    right: 0;
    top: 13px;
    display: flex;
    align-items: center;
    letter-spacing: 6px;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
}

@media (max-width: 767px) {
    .product-details__comment-box__ratings {
        position: relative;
        top: 0;
        margin: 0 0 22px;
    }
}

.product-details__form {
    position: relative;
    margin: 51px 0 0;
}

.product-details__form .row {
    --bs-gutter-x: 20px;
}

.product-details__form-title {
    font-size: 30px;
    margin-bottom: 18px;
    font-weight: bold;
}

.product-details__form-ratings {
    display: flex;
    align-items: center;
    letter-spacing: 6px;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
    margin: 0 0 15px;
}

.product-details__form-ratings__label {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0;
    color: var(--kidearn-text, #7e8185);
    margin: 0 17px 0 0;
}

.product-details__form__form {
    margin-top: 0;
}

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-page {
    position: relative;
    padding: 120px 0;
}

@media (max-width: 767px) {
    .cart-page {
        padding: 80px 0;
    }
}

.cart-page .table-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1199px) {
    .cart-page .table-responsive {
        margin-bottom: 30px;
    }
}

.cart-page__table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0 0 60px;
}

@media (max-width: 1199px) {
    .cart-page__table {
        min-width: 1170px;
    }
}

.cart-page__table thead tr th {
    color: var(--kidearn-black, #0b2038);
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 24px;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    border: none;
    background-color: transparent;
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd) !important;
    box-shadow: none;
}

.cart-page__table thead tr th:last-child {
    text-align: right;
}

.cart-page__table tbody tr td {
    font-size: 20px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
    vertical-align: middle;
    border: none;
    box-shadow: none;
    background-color: transparent;
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
    padding: 30px 0;
    letter-spacing: 0;
}

.cart-page__table tbody tr td:last-child {
    text-align: right;
}

.cart-page__table__meta {
    display: flex;
    align-items: center;
}

.cart-page__table__meta-img {
    width: 115px;
    height: 115px;
    background-color: var(--kidearn-white, #fff);
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    margin-right: 34px;
    border-radius: 6px;
}

.cart-page__table__meta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-page__table__meta-title {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
    color: var(--kidearn-black, #0b2038);
}

.cart-page__table__meta-title a {
    color: inherit;
}

.cart-page__table__meta-title a:hover {
    color: var(--kidearn-base, #f25334);
}

.cart-page__table__remove {
    display: block;
    color: var(--kidearn-black, #0b2038);
    font-size: 16px;
}

.cart-page__table__remove:hover {
    color: var(--kidearn-base, #f25334);
}

.cart-page__coupone-form {
    position: relative;
    display: flex;
}

@media (max-width: 767px) {
    .cart-page__coupone-form {
        display: block;
    }
}

.cart-page__coupone-form input[type="text"] {
    height: 60px;
    width: 303px;
    border: none;
    background-color: var(--kidearn-gray, #faf5f2);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    display: block;
    font-weight: 500;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    .cart-page__coupone-form input[type="text"] {
        width: 290px;
    }
}

@media (max-width: 767px) {
    .cart-page__coupone-form input[type="text"] {
        width: 100%;
        margin: 0 0 20px;
    }
}

.cart-page__cart-total {
    position: relative;
    text-align: right;
    margin: -8px 0 24px;
    padding: 0;
}

@media (max-width: 991px) {
    .cart-page__cart-total {
        text-align: left;
        margin-top: 45px;
    }
}

.cart-page__cart-total li {
    display: block;
    font-size: 20px;
    color: var(--kidearn-black, #0b2038);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-weight: 400;
    margin: 0 0 0px;
}

@media (max-width: 991px) {
    .cart-page__cart-total li span {
        display: inline-block;
        min-width: 172px;
    }
}

.cart-page__cart-total li:last-child {
    border-top: 1px solid var(--kidearn-gray, #faf5f2);
    padding-top: 15px;
    margin-top: 15px;
}

.cart-page__cart-total li:last-child span:not(.cart-page__cart-total-amount) {
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
}

.cart-page__cart-total-amount {
    font-size: 18px;
    color: var(--kidearn-text, #7e8185);
    font-weight: 500;
    text-transform: inherit;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    display: inline-block;
    min-width: 172px;
}

.cart-page__buttons {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

@media (max-width: 991px) {
    .cart-page__buttons {
        justify-content: flex-start;
    }
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
    position: relative;
    padding: 120px 0;
}

@media (max-width: 767px) {
    .checkout-page {
        padding: 80px 0;
    }
}

.checkout-page .bs-gutter-x-20 {
    --bs-gutter-x: 20px;
}

.checkout-page__notice {
    line-height: 26px;
    margin: 0 0 40px;
    background-color: var(--kidearn-gray, #faf5f2);
    max-width: 570px;
    border-radius: 14px;
    padding: 30px;
    font-size: 18px;
}

@media (min-width: 992px) {
    .checkout-page__notice {
        padding: 33.5px 50px;
    }
}

.checkout-page__notice a {
    color: var(--kidearn-base, #f25334);
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
    text-shadow: 0 0 1px currentColor;
}

.checkout-page__notice a:hover {
    background-size: 100% 1px;
}

.checkout-page__notice a:hover {
    color: var(--kidearn-black, #0b2038);
}

.checkout-page__billing-address {
    position: relative;
}

.checkout-page__billing-address__title {
    font-size: 30px;
    margin-top: -6px;
    margin-bottom: 34px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .checkout-page__billing-address__title {
        font-size: 28px;
    }
}

.checkout-page__shipping-address {
    position: relative;
}

@media (max-width: 991px) {
    .checkout-page__shipping-address {
        margin: 50px 0 0;
    }
}

.checkout-page__shipping-address__title {
    font-size: 30px;
    margin-top: -6px;
    margin-bottom: 34px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .checkout-page__shipping-address__title {
        font-size: 28px;
    }
}

.checkout-page__shipping-address__title input[type="checkbox"] {
    display: none;
}

.checkout-page__shipping-address__title label {
    position: relative;
    display: inline-block;
    padding-right: 29px;
    cursor: pointer;
}

.checkout-page__shipping-address__title label span:before {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: inline-block;
    color: var(--kidearn-white, #fff);
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-size: 10px;
    font-weight: 900;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
    text-align: center;
    right: 0;
}

.checkout-page__shipping-address__title input[type="checkbox"] + label span {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: var(--kidearn-base, #f25334);
    border: none;
    border-radius: 3px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checkout-page__shipping-address__title
    input[type="checkbox"]:checked
    + label
    span:before {
    opacity: 1;
}

.checkout-page__input-box {
    position: relative;
    line-height: 1;
    margin: 0 0 20px;
}

.checkout-page__input-box input[type="text"],
.checkout-page__input-box input[type="email"],
.checkout-page__input-box input[type="tel"] {
    height: 58px;
    width: 100%;
    border: none;
    background-color: var(--kidearn-gray, #faf5f2);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    display: block;
    font-weight: 500;
    border-radius: 4px;
}

.checkout-page__input-box
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
        .input-group-btn
    ) {
    position: relative;
    display: block;
    width: 100% !important;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
}

.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after {
    display: none;
}

.checkout-page__input-box .bootstrap-select > .dropdown-toggle {
    position: relative;
    height: 58px;
    outline: none !important;
    border-radius: 0;
    border: 0;
    background-color: var(--kidearn-gray, #faf5f2) !important;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--kidearn-text, #7e8185) !important;
    font-size: 14px;
    line-height: 58px;
    font-weight: 500;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center;
}

.checkout-page__input-box .bootstrap-select > .dropdown-toggle:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 12px;
    color: var(--kidearn-text, #7e8185);
}

.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

.checkout-page__input-box .bootstrap-select .dropdown-menu {
    border: none;
}

.checkout-page__input-box .bootstrap-select .dropdown-menu > li > a {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 30px;
    color: var(--kidearn-text, #7e8185);
    background-color: var(--kidearn-gray, #faf5f2);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a,
.checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a {
    background: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
    border-color: var(--kidearn-base, #f25334);
}

.checkout-page__input-box textarea {
    font-size: 16px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
    height: 176px;
    width: 100%;
    background-color: var(--kidearn-gray, #faf5f2);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    padding: 20px 30px 30px;
    border: none;
    outline: none;
    margin-bottom: 0px;
    border-radius: 4px;
}

.checkout-page__check-box {
    position: relative;
    display: block;
    margin-top: -6px;
}

.checkout-page__check-box input[type="checkbox"] {
    display: none;
}

.checkout-page__check-box label {
    position: relative;
    display: inline-block;
    padding-left: 39px;
    margin-right: 0px;
    margin-bottom: 0;
    color: var(--kidearn-text, #7e8185);
    font-size: 20px;
    line-height: 24px;
    text-transform: none;
    cursor: pointer;
}

.checkout-page__check-box label span:before {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    line-height: 24px;
    display: inline-block;
    color: var(--kidearn-white, #fff);
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-size: 10px;
    font-weight: 900;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
    text-align: center;
}

.checkout-page__check-box input[type="checkbox"] + label span {
    position: absolute;
    top: 0px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: var(--kidearn-base, #f25334);
    border: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.checkout-page__check-box input[type="checkbox"]:checked + label span:before {
    opacity: 1;
}

.checkout-page__your-order {
    position: relative;
    margin: 32px 0 0;
}

.checkout-page__your-order__title {
    font-size: 30px;
    margin-bottom: 35px;
    font-weight: bold;
}

.checkout-page__order-table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0 0 0;
}

.checkout-page__order-table thead tr th {
    font-size: 20px;
    color: var(--kidearn-black, #0b2038);
    font-weight: 700;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    margin: 0;
    padding: 15.5px 0;
    border: none;
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
    font-weight: bold;
}

.checkout-page__order-table thead tr th:last-child {
    text-align: right;
}

.checkout-page__order-table tbody tr td {
    font-size: 20px;
    line-height: 24px;
    color: var(--kidearn-black, #0b2038);
    margin: 0;
    padding: 0 0 24px;
    border: none;
}

.checkout-page__order-table tbody tr td:last-child {
    text-align: right;
}

.checkout-page__order-table tbody tr:first-child td {
    padding-top: 25px;
}

.checkout-page__order-table tbody tr:last-child td {
    padding-bottom: 26px;
}

.checkout-page__order-table tbody tr:last-child {
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

.checkout-page__order-table tbody tr:last-child td {
    padding-bottom: 0;
}

.checkout-page__order-table tbody tr:last-child td {
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-size: 20px;
    color: var(--kidearn-black, #0b2038);
    font-weight: 700;
    padding-top: 23px;
}

.checkout-page__payment {
    background-color: var(--kidearn-gray, #faf5f2);
    padding: 45px 50px 17px;
    min-height: 295px;
    margin-bottom: 30px;
    border-radius: 14px;
}

@media (max-width: 991px) {
    .checkout-page__payment {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .checkout-page__payment {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.checkout-page__payment__item {
    position: relative;
}

.checkout-page__payment__title {
    display: flex;
    font-size: 20px;
    margin: 0;
    align-items: center;
    margin-bottom: 28px;
    cursor: pointer;
    font-weight: bold;
    color: var(--kidearn-black, #0b2038);
}

.checkout-page__payment__title::before {
    content: "";
    width: 24px;
    height: 24px;
    border-color: var(--kidearn-border-color, #fce9dd);
    background-color: var(--kidearn-white, #fff);
    border-radius: 50%;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    position: relative;
    transition: all 500ms ease;
    top: 1px;
    line-height: 24px;
}

.checkout-page__payment__title img {
    margin-left: 15px;
}

.checkout-page__payment__item--active .checkout-page__payment__title::before {
    background-color: var(--kidearn-base, #f25334);
    border-color: var(--kidearn-base, #f25334);
    content: "\f00c";
    color: var(--kidearn-white, #fff);
}

.checkout-page__payment__content {
    margin-left: 35px;
    margin-bottom: 39px;
    font-size: 16px;
    line-height: 30px;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-page {
    position: relative;
    padding: 80px 0;
}

@media (min-width: 992px) {
    .login-page {
        padding: 120px 0;
    }
}

.login-page__info {
    background-color: var(--kidearn-gray, #faf5f2);
    padding: 28px 50px;
    margin-bottom: 50px;
    border-radius: 14px;
}

@media (max-width: 991px) {
    .login-page__info {
        margin-bottom: 30px;
    }
}

.login-page__info p {
    margin: 0;
    font-size: 18px;
    letter-spacing: 0;
}

.login-page__info p span {
    color: var(--kidearn-black, #0b2038);
    font-weight: 700;
}

.login-page__info p a {
    display: inline-block;
    color: var(--kidearn-base, #f25334);
    transition: all 500ms ease;
    font-weight: 700;
}

.login-page__info p a:hover {
    color: var(--kidearn-black, #0b2038);
    text-shadow: 0 0 1px currentColor;
}

.login-page__wrap {
    position: relative;
    box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
    padding: 60px 40px;
}

.login-page__wrap .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

@media (min-width: 1200px) {
    .login-page__wrap .row {
        --bs-gutter-x: 94px;
    }
}

@media (min-width: 1200px) {
    .login-page__wrap .row [class*="col-"]:nth-child(2) {
        border-left: 1px solid var(--kidearn-border-color, #fce9dd);
    }
}

.login-page__wrap__title {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    margin-top: -5px;
    margin-bottom: 34px;
}

.login-page__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    gap: 20px;
}

.login-page__form {
    position: relative;
    display: block;
}

.login-page__form-input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.login-page__form-input-box input[type="email"],
.login-page__form-input-box input[type="password"] {
    height: 60px;
    width: 100%;
    border: none;
    border-radius: 10px;
    background-color: var(--kidearn-gray, #faf5f2);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--kidearn-text, #7e8185);
    display: block;
    font-weight: 500;
}

.login-page__checked-box {
    position: relative;
    display: flex;
    align-items: center;
}

.login-page__checked-box label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0px;
    margin-bottom: 0;
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    text-transform: none;
    cursor: pointer;
}

.login-page__checked-box label span:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: var(--kidearn-base, #f25334);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 10px;
    color: var(--kidearn-white, #fff);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-page__checked-box input[type="checkbox"] {
    display: none;
}

.login-page__checked-box input[type="checkbox"] + label span {
    position: absolute;
    top: -2px;
    left: 0;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid var(--kidearn-border-color, #fce9dd);
    overflow: hidden;
}

.login-page__checked-box input[type="checkbox"]:checked + label span:before {
    opacity: 1;
}

.login-page__form-btn-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.login-page__form-btn-box .kidearn-btn {
    padding-left: 47px;
    padding-right: 47px;
}

.login-page__form-forgot-password {
    position: relative;
    display: block;
    line-height: 1;
}

.login-page__form-forgot-password a {
    font-size: 16px;
    font-weight: 500;
    color: var(--kidearn-text, #7e8185);
    position: relative;
    display: inline-block;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.login-page__form-forgot-password a:hover {
    background-size: 100% 1px;
}

.login-page__form-forgot-password a:hover {
    color: var(--kidearn-base, #f25334);
}

/*--------------------------------------------------------------
# error 404
--------------------------------------------------------------*/
.error-404 {
    padding: 80px 0;
    text-align: center;
}

@media (min-width: 992px) {
    .error-404 {
        padding: 120px 0;
    }
}

.error-404__thumb {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .error-404__thumb {
        margin-top: 0px;
        margin-bottom: 70px;
    }
}

.error-404__thumb__one {
    position: absolute;
    left: 45px;
    right: 0;
    bottom: 11px;
    max-width: 100%;
    margin: auto;
    z-index: 2;
    animation: leftToRight 2s linear infinite;
}

@media (max-width: 767px) {
    .error-404__thumb__one {
        left: 25px;
        max-height: 300px;
    }
}

.error-404__thumb__two {
    position: absolute;
    left: 52px;
    right: 0;
    bottom: 36px;
    max-width: 100%;
    margin: auto;
    z-index: 1;
}

@media (max-width: 991px) {
    .error-404__thumb__two {
        left: 0;
    }
}

@media (max-width: 767px) {
    .error-404__thumb__two {
        left: 0;
    }
}

.error-404__thumb__bg {
    position: relative;
    max-width: 100%;
}

.error-404__sub-title {
    font-size: 28px;
    color: var(--kidearn-black, #0b2038);
    margin: 0;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .error-404__sub-title {
        font-size: 35px;
    }
}

@media (min-width: 1200px) {
    .error-404__sub-title {
        font-size: 40px;
    }
}

.error-404__text {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 30px;
}

.error-404__search {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    max-width: 550px;
}

.error-404__search input[type="text"] {
    border: none;
    outline: none;
    display: block;
    background-color: var(--kidearn-gray, #faf5f2);
    color: var(--kidearn-text, #7e8185);
    font-size: 16px;
    width: 100%;
    max-width: 550px;
    padding-left: 75px;
    height: 60px;
    border-radius: 4px;
}

.error-404__search__btn {
    border: none;
    outline: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    font-size: 20px;
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-page {
    padding: 80px 0;
}

@media (min-width: 992px) {
    .faq-page {
        padding: 120px 0;
    }
}

.faq-page .container {
    max-width: 1124px;
}

.faq-page__accordion .accrodion {
    border-radius: 6px;
    border: 1px solid var(--kidearn-border-color, #fce9dd);
}

.faq-page__accordion .accrodion + .accrodion {
    margin-top: 20px;
}

.faq-page__accordion .accrodion-title {
    padding: 28px 30px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .faq-page__accordion .accrodion-title {
        padding: 36px 40px;
    }
}

.faq-page__accordion .accrodion-title h4 {
    font-weight: bold;
    color: var(--kidearn-black, #0b2038);
    font-size: 16px;
    margin: 0;
    transition: all 500ms ease;
    position: relative;
}

.faq-page__accordion .accrodion-title__icon {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.faq-page__accordion .accrodion-title__icon::after,
.faq-page__accordion .accrodion-title__icon::before {
    width: 2px;
    height: 20px;
    position: absolute;
    background-color: var(--kidearn-black, #0b2038);
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
}

.faq-page__accordion .accrodion-title__icon::after {
    width: 20px;
    height: 2px;
}

.faq-page__accordion .active .accrodion-title h4 {
    color: var(--kidearn-base, #f25334);
}

.faq-page__accordion .active .accrodion-title__icon::after,
.faq-page__accordion .active .accrodion-title__icon::before {
    background-color: var(--kidearn-base, #f25334);
    opacity: 0;
}

.faq-page__accordion .active .accrodion-title__icon::after {
    opacity: 1;
}

.faq-page__accordion .accrodion-content .inner {
    padding: 0px 30px 29px;
    margin-top: -8px;
}

@media (min-width: 768px) {
    .faq-page__accordion .accrodion-content .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.faq-page__accordion .accrodion-content p {
    margin: 0;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
}

.faq-cta {
    padding-bottom: 80px;
}

@media (min-width: 992px) {
    .faq-cta {
        padding-bottom: 120px;
    }
}

.faq-cta .container {
    max-width: 1124px;
}

.faq-cta__inner {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 14px;
    background-color: var(--kidearn-base, #f25334);
    padding: 50px;
    padding-bottom: 40px;
}

.faq-cta__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.16;
    background-size: cover;
    background-position: center 40%;
    mix-blend-mode: luminosity;
}

.faq-cta__icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: var(--kidearn-white, #fff);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--kidearn-base, #f25334);
    font-size: 20px;
    transition: all 500ms ease;
    margin-bottom: 10px;
}

.faq-cta__icon:hover {
    background-color: var(--kidearn-primary, #26a6a1);
    color: var(--kidearn-white, #fff);
}

.faq-cta__title {
    margin: 0;
    color: var(--kidearn-white, #fff);
    position: relative;
    font-size: 30px;
}

@media (min-width: 768px) {
    .faq-cta__title {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .faq-cta__title {
        font-size: 40px;
    }
}

.faq-cta__title span {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.5);
}

.faq-cta__text {
    margin: 0;
    position: relative;
    color: var(--kidearn-white, #fff);
    font-size: 16px;
    line-height: 30px;
    margin-top: 15px;
}

.faq-cta__link {
    position: relative;
    color: var(--kidearn-white, #fff);
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
    font-size: 20px;
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    display: inline-flex;
    line-height: 1;
}

.faq-cta__link:hover {
    background-size: 100% 1px;
}

@media (min-width: 768px) {
    .faq-cta__link {
        font-size: 24px;
    }
}

.event-faqs {
    padding: 80px 0;
}

@media (min-width: 992px) {
    .event-faqs {
        padding: 120px 0;
    }
}

.event-faqs .sec-title__tagline {
    color: #75c137;
}

.event-faqs__image img {
    max-width: 100%;
    border-radius: 36px;
}

@media (min-width: 992px) {
    .event-faqs__accordion {
        margin-left: -18px;
    }
}

.event-faqs__accordion .accrodion {
    --accent-color: var(--kidearn-base, #f25334);
}

.event-faqs__accordion .accrodion + .accrodion {
    margin-top: 20px;
}

.event-faqs__accordion .accrodion-title {
    cursor: pointer;
}

.event-faqs__accordion .accrodion-title h4 {
    background-color: var(--kidearn-white, #fff);
    margin: 0;
    position: relative;
    font-size: 18px;
    color: var(--kidearn-black, #0b2038);
    border-radius: 12px;
    padding: 20.5px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .event-faqs__accordion .accrodion-title h4 {
        font-size: 20px;
    }
}

.event-faqs__accordion .accrodion-title__icon {
    display: block;
    background-color: var(--accent-color);
    width: 34px;
    height: 34px;
    border-radius: 17px;
    position: relative;
    margin-top: 10px;
}

@media (min-width: 576px) {
    .event-faqs__accordion .accrodion-title__icon {
        margin-top: 0;
    }
}

.event-faqs__accordion .accrodion-title__icon::after,
.event-faqs__accordion .accrodion-title__icon::before {
    width: 2px;
    height: 15px;
    position: absolute;
    background-color: var(--kidearn-white, #fff);
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
}

.event-faqs__accordion .accrodion-title__icon::after {
    width: 15px;
    height: 2px;
}

.event-faqs__accordion .active .accrodion-title__icon::after,
.event-faqs__accordion .active .accrodion-title__icon::before {
    opacity: 0;
}

.event-faqs__accordion .active .accrodion-title__icon::after {
    opacity: 1;
}

.event-faqs__accordion .accrodion-content {
    padding: 0 30px;
    padding-top: 20px;
}

.event-faqs__accordion .accrodion-content p {
    margin: 0;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing-one {
    padding: 120px 0;
}

@media (max-width: 767px) {
    .pricing-one {
        padding: 80px 0;
    }
}

.pricing-one--home {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .pricing-one--home {
        padding: 40px 0;
    }
}

.pricing-one .sec-title__tagline {
    color: var(--kidearn-primary, #26a6a1);
}

.pricing-one__tab__list {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 15px;
}

.pricing-one__tab__list li {
    cursor: pointer;
}

.pricing-one__tab__list li span {
    display: block;
    font-size: 16px;
    background-color: var(--kidearn-gray, #faf5f2);
    transition: all 500ms ease;
    font-weight: 700;
    padding: 11px 54px;
    border-radius: 12px;
    color: var(--kidearn-black, #0b2038);
}

.pricing-one__tab__list li.active-btn span,
.pricing-one__tab__list li:hover span {
    background-color: var(--kidearn-base, #f25334);
    color: var(--kidearn-white, #fff);
}

.pricing-one__card {
    /* background-color: rgba(var(--kidearn-base-rgb, 242, 83, 52), 0.1); */
    border-radius: 36px;
    /* transition: all 500ms ease; */
    /* overflow: hidden; */
    /* position: relative; */
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.program-card-new {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.program-card-new:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.program-card__img img {
    width: 100%;
    height: 50%;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.program-card__content {
    padding: 20px;
    color: var(--kidlearn-text);
}

.program-card__tagline {
    font-size: 18px;
    color: var(--kidlearn-primary, #1878ee);
}

.program-card {
    position: relative;
    background-image: var(--bg-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 20% center;
    overflow: hidden;
    transition:
        transform 300ms ease,
        box-shadow 300ms ease;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.program-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.program-card::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background-color: rgba(0, 0, 0, 0.55); */
    background: linear-gradient(
        to bottom,
        rgba(0, 76, 147, 0.85) 0%,
        rgba(24, 120, 238, 0.65) 45%,
        rgba(24, 120, 238, 0.35) 100%
    );
    z-index: 1;
}

/*
.pricing-one__card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
}

.pricing-one__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    mix-blend-mode: color-burn;
    transition: all 500ms ease;
    z-index: 1;
} */

.pricing-one__card > * {
    position: relative;
    z-index: 2;
}

/* .pricing-one__card:hover {
    background-color: var(--accent-color);
} */

/* .pricing-one__card:hover::before {
    opacity: 0.2;
} */

.pricing-one__card__tagline {
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
    color: var(--accent-color);
    position: relative;
    transition: all 400ms ease;
    line-height: 1.5;
    margin-bottom: 24px;
    height: 4rem;
}

.pricing-one__card:hover .pricing-one__card__tagline {
    color: var(--kidearn-white, #fff);
}

.pricing-one__card__month {
    font-size: 30px;
    color: var(--kidearn-black, #0b2038);
    position: relative;
    line-height: 1;
    transition: all 400ms ease;
    /* margin-top: 16px; */
}

.pricing-one__card:hover .pricing-one__card__month {
    color: var(--kidearn-white, #fff);
}

.pricing-one__card__icon {
    width: 58px;
    height: 58px;
    background-color: var(--kidearn-white, #fff);
    color: var(--accent-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    position: relative;
    margin-top: 20px;
}

.pricing-one__card__price {
    margin: 0;
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 40px;
    padding-right: 40px;
    border-top: 1px solid var(--kidearn-white, #fff);
    line-height: 1;
    color: var(--kidearn-black, #0b2038);
    font-size: 30px;
    transition: all 500ms ease;
    padding-top: 30px;
    position: relative;
}

.pricing-one__card:hover .pricing-one__card__price {
    color: var(--kidearn-white, #fff);
}

.pricing-one__card__list {
    margin: 0;
    margin-bottom: 18px;
    margin-top: 32px;
}

.pricing-one__card__list li {
    position: relative;
    font-size: 16px;
    color: var(--kidearn-black, #0b2038);
    padding-left: 26px;
    transition: all 500ms ease;
}

.pricing-one__card__list li > i {
    position: absolute;
    color: var(--accent-color);
    transition: all 500ms ease;
    top: 50%;
    left: 0;
    font-size: 16px;
    transform: translateY(-50%);
}

.pricing-one__card:hover .pricing-one__card__list li {
    color: var(--kidearn-white, #fff);
}

.pricing-one__card:hover .pricing-one__card__list li > i {
    color: var(--kidearn-white, #fff);
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
        transform: translateY(50px) translateX(100px) rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes shapeMover {
    0%,
    100% {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px)
            translateX(0);
    }

    50% {
        transform: perspective(400px) rotate(-45deg) translateZ(20px)
            translateY(20px) translateX(20px);
    }
}

@keyframes banner3Shake {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    60% {
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

@keyframes squareMover {
    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    20%,
    60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%,
    80% {
        -webkit-transform: translate(40px, 60px) rotate(0deg);
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@keyframes treeMove {
    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

@keyframes leafMove {
    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        transform: rotate(-2deg) translateX(5px);
    }

    50% {
        transform: rotate(-4deg) translateX(10px);
    }
}

@keyframes arrowMove {
    0%,
    100% {
        transform: rotate(0deg) translateY(0);
    }

    25%,
    75% {
        transform: rotate(-2deg) translateY(10px);
    }

    50% {
        transform: rotate(-4deg) translateY(15px);
    }
}

@keyframes carMove {
    0%,
    100% {
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        transform: rotate(-3deg) translateX(20px);
    }

    50% {
        transform: rotate(-6deg) translateX(40px);
    }
}

@keyframes messageMove {
    0%,
    100% {
        transform: translateX(0);
    }

    25%,
    75% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(10px);
    }
}

@keyframes textRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes flowerRotate {
    0%,
    100% {
        transform: rotate(0deg);
    }

    25%,
    75% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(10deg);
    }
}

@keyframes float-bob-x {
    0% {
        transform: translateX(-30px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px;
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition:
        transform 500ms ease 500ms,
        visibility 500ms ease 500ms;
    visibility: hidden;
    position: fixed;
}

.mobile-nav__wrapper .container {
    padding-left: 0;
    padding-right: 0;
}

.mobile-nav__wrapper .home-showcase .row [class*="col-"] {
    flex: 0 0 100%;
}

.mobile-nav__wrapper .home-showcase {
    margin-bottom: -1px;
    margin-top: 0;
    border-bottom: 1px solid RGBA(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__wrapper .home-showcase__inner {
    padding: 15px 0px;
    background-color: transparent;
    box-shadow: none;
}

.mobile-nav__wrapper .home-showcase__title {
    color: var(--kidearn-white, #fff);
}

.mobile-nav__wrapper.expanded {
    opacity: 1;
    transform: translateX(0%);
    visibility: visible;
    transition:
        transform 500ms ease 0ms,
        visibility 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition:
        opacity 500ms ease 500ms,
        visibility 500ms ease 500ms,
        transform 500ms ease 500ms;
}

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--kidearn-black, #0b2038);
    opacity: 0.3;
    cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
    width: 300px;
    background-color: var(--kidearn-black2, #020912);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition:
        opacity 500ms ease 0ms,
        visibility 500ms ease 0ms,
        transform 500ms ease 0ms;
}

.mobile-nav__content .main-menu__nav {
    display: block;
    padding: 0;
}

.mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: flex;
}

.mobile-nav__close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: var(--kidearn-white, #fff);
    cursor: pointer;
}

.mobile-nav__close:hover {
    color: var(--kidearn-base, #f25334);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
    display: none;
    border-top: 1px solid RGBA(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list ul li > a {
    padding-left: 1em;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
    border-bottom: 1px solid RGBA(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list li > a {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    color: var(--kidearn-white, #fff);
    font-size: 14px;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-weight: 700;
    height: 46px;
    align-items: center;
    transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
    color: var(--kidearn-base, #f25334);
}

.mobile-nav__content .main-menu__list li a button {
    width: 30px;
    height: 30px;
    background-color: var(--kidearn-base, #f25334);
    border: none;
    outline: none;
    color: var(--kidearn-white, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: rotate(-90deg);
    transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
    transform: rotate(0deg);
    background-color: var(--kidearn-white, #fff);
    color: var(--kidearn-black, #0b2038);
}

.mobile-nav__social {
    display: flex;
    align-items: center;
}

.mobile-nav__social a {
    font-size: 16px;
    color: var(--kidearn-white, #fff);
    transition: 500ms;
}

.mobile-nav__social a + a {
    margin-left: 20px;
}

.mobile-nav__social a:hover {
    color: var(--kidearn-base, #f25334);
}

.mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mobile-nav__contact li {
    color: var(--kidearn-white, #fff);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
}

.mobile-nav__contact li + li {
    margin-top: 15px;
}

.mobile-nav__contact li a {
    color: inherit;
    transition: 500ms;
}

.mobile-nav__contact li a:hover {
    color: var(--kidearn-base, #f25334);
}

.mobile-nav__contact li > i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--kidearn-base, #f25334);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    color: var(--kidearn-white, #fff);
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
    display: none;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-transition: all 1s ease;
    -khtml-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.search-popup__overlay {
    position: fixed;
    width: 224vw;
    height: 224vw;
    top: calc(90px - 112vw);
    right: calc(50% - 112vw);
    z-index: 3;
    display: block;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: transform 0.8s ease-in-out;
    -khtml-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out;
    -ms-transition: transform 0.8s ease-in-out;
    -o-transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    background-color: var(--kidearn-black2, #020912);
    opacity: 0.9;
    cursor: url(../images/close.png), auto;
}

@media (max-width: 767px) {
    .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(-110%);
    }
}

.search-popup__content {
    position: fixed;
    width: 0;
    max-width: 560px;
    padding: 30px 15px;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 3;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -khtml-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -moz-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -ms-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    -o-transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    transition:
        opacity 0.5s 0s,
        width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01),
        transform 0.2s 0s;
    transition-delay: 0s, 0.8s, 0s;
    transition-delay: 0s, 0.4s, 0s;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

.search-popup__form {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.search-popup__form input[type="search"],
.search-popup__form input[type="text"] {
    width: 100%;
    background-color: var(--kidearn-white, #fff);
    font-size: 15px;
    color: var(--kidearn-text, #7e8185);
    border: none;
    outline: none;
    height: 66px;
    padding-left: 30px;
}

.search-popup__form .kidearn-btn {
    font-size: 18px;
    padding: 0;
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 0;
}

.search-popup__form .kidearn-btn i {
    margin: 0;
}

.search-popup__form .kidearn-btn::after {
    background-color: var(--kidearn-black, #0b2038);
}

.search-popup.active {
    z-index: 9999;
}

.search-popup.active .search-popup__overlay {
    top: auto;
    bottom: calc(90px - 112vw);
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    opacity: 0.9;
    -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
    transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}

@media (max-width: 767px) {
    .search-popup.active .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(0%);
    }
}

.search-popup.active .search-popup__content {
    width: 100%;
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
    background-color: var(--kidearn-black, #0b2038);
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (min-width: 992px) {
    .page-header {
        padding-top: 151.5px;
        padding-bottom: 166.5px;
    }
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-image: url(../images/backgrounds/page-header-bg-1-1.jpg);
}

.page-header__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--kidearn-black, #0b2038);
    opacity: 0.4;
}

.page-header__bg::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0px;
    top: 0;
    background-color: var(--kidearn-white, #fff);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23" fill="currentColor"> <path d="M1920 43.5V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 7.62939e-06 0L0 43.5H1920Z" /></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 23" fill="currentColor"> <path d="M1920 43.5V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 7.62939e-06 0L0 43.5H1920Z" /></svg>');
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

@media (min-width: 768px) {
    .page-header__bg::after {
        bottom: -1px;
    }
}

.page-header .container {
    position: relative;
    z-index: 10;
    text-align: center;
}

.page-header__title {
    margin: 0;
    font-size: 40px;
    color: var(--kidearn-white, #fff);
    text-transform: normal;
    font-weight: 700;
    line-height: 1.0638297872em;
    margin-bottom: -2px;
    margin-top: -10px;
}

@media (min-width: 768px) {
    .page-header__title {
        font-size: 50px;
    }
}

.kidearn-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: -10px;
}

.kidearn-breadcrumb li {
    font-size: 18px;
    color: #fff;
    text-transform: normal;
    display: flex;
    font-weight: 400;
    align-items: center;
}

@media (min-width: 768px) {
    .kidearn-breadcrumb li {
        font-size: 20px;
    }
}

.kidearn-breadcrumb li:not(:last-of-type)::after {
    content: "/";
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    top: 1px;
}

.kidearn-breadcrumb li span,
.kidearn-breadcrumb li a {
    color: inherit;
    display: inline-flex;
    line-height: 1em;
}

.kidearn-breadcrumb li a {
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.kidearn-breadcrumb li a:hover {
    background-size: 100% 1px;
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
    position: relative;
}

.google-map iframe {
    position: relative;
    display: block;
    border: none;
    height: 440px;
    width: 100%;
    mix-blend-mode: luminosity;
}

.google-map__contact {
    overflow: hidden;
    background-color: var(--kidearn-gray, #faf5f2);
}

@media (min-width: 1400px) {
    .google-map__home-map {
        margin-left: 5px;
    }
}

.google-map__home-map iframe {
    height: 844px;
}

@media (max-width: 1199px) {
    .google-map__home-map iframe {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .google-map__home-map iframe {
        height: 544px;
    }
}

.contact-map {
    position: relative;
    margin-bottom: -190px;
}

.contact-map .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.contact-map iframe {
    height: 772px;
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
    padding: 125px 0 90px;
}

@media (max-width: 767px) {
    .client-carousel {
        padding: 90px 0 50px;
    }
}

.client-carousel__tilte {
    text-align: center;
    display: block;
    color: var(--kidearn-text, #7e8185);
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    font-weight: 500;
    border-top: 2px solid var(--kidearn-border-color, #fce9dd);
    font-size: 16px;
    margin: 0 0 33px;
}

.client-carousel__tilte span {
    display: inline-block;
    background-color: var(--kidearn-white, #fff);
    padding: 0 23px;
    z-index: 2;
    position: relative;
    top: -10px;
}

.client-carousel .client-carousel__one {
    position: relative;
}

.client-carousel .client-carousel__one .client-carousel__one__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 83px;
    transition: 500ms;
}

.client-carousel .client-carousel__one .client-carousel__one__item img {
    transition: 500ms;
    opacity: 0.2;
    max-width: 100%;
    width: auto;
}

.client-carousel .client-carousel__one .client-carousel__one__item:hover {
    background-color: var(--kidearn-gray, #faf5f2);
}

.client-carousel .client-carousel__one .client-carousel__one__item:hover img {
    opacity: 0.6;
}

/*--------------------------------------------------------------
# Hero Banner
--------------------------------------------------------------*/
.banner-two-hn {
    position: relative;
}

@media (min-width: 1024px) {
    .cta-banner {
        position: absolute;
        top: 90%;
        transform: translate(-50%, -50%);
    }
}

.banner-two {
    position: relative;
}

.banner-two__item {
    position: relative;
    padding: 300px 0 52px;
}

@media (max-width: 1199px) {
    .banner-two__item {
        padding: 150px 0 45px;
    }
}

@media (max-width: 767px) {
    .banner-two__item {
        padding: 100px 0 0;
    }
}

.banner-two__carousel {
    position: relative;
    width: 100%;
}

.banner-two__carousel .owl-dots {
    margin: auto 0;
    position: absolute;
    right: 60px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

@media (max-width: 1199px) {
    .banner-two__carousel .owl-dots {
        right: 30px;
    }
}

@media (max-width: 767px) {
    .banner-two__carousel .owl-dots {
        width: 100%;
        display: flex;
        transform: none;
        right: 0;
        left: 0;
        margin: 0 auto;
        justify-content: center;
        bottom: -35px;
        top: auto;
        gap: 10px;
    }
}

.banner-two__carousel .owl-dots .owl-dot {
    display: block;
    margin: 20px 0;
}

.banner-two__carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.6);
    border: none;
    margin: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-two__carousel .owl-dots .owl-dot:hover span,
.banner-two__carousel .owl-dots .owl-dot.active span {
    background-color: var(--kidearn-secondary, #ffaa23);
}

.banner-two__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 155.000000"><g transform="translate(0.000000,155.000000) scale(0.050000,-0.050000)"><path d="M0 1550 c0 -852 5 -1550 11 -1550 31 0 290 146 509 286 658 423 1152 491 1993 273 741 -193 952 -241 1168 -269 137 -18 380 -64 539 -102 465 -110 574 -91 749 134 185 239 422 253 862 49 85 -39 158 -71 162 -71 4 0 7 630 7 1400 l0 1400 -3000 0 -3000 0 0 -1550z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 155.000000"><g transform="translate(0.000000,155.000000) scale(0.050000,-0.050000)"><path d="M0 1550 c0 -852 5 -1550 11 -1550 31 0 290 146 509 286 658 423 1152 491 1993 273 741 -193 952 -241 1168 -269 137 -18 380 -64 539 -102 465 -110 574 -91 749 134 185 239 422 253 862 49 85 -39 158 -71 162 -71 4 0 7 630 7 1400 l0 1400 -3000 0 -3000 0 0 -1550z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left bottom;
    mask-position: left bottom;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.banner-two__shape1 {
    position: absolute;
    left: 0;
    bottom: -102px;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-two__shape2 {
    position: absolute;
    right: -70px;
    top: -48px;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateX(-100px);
}

.opacity-04 {
    opacity: 0.4 !important;
}

.banner-two__shape2 img {
    max-width: 100%;
    -webkit-animation: airTree 5s ease-in infinite;
    animation: airTree 5s ease-in infinite;
    width: auto !important;
}

@media (max-width: 991px) {
    .banner-two__shape2 {
        display: none;
    }
}

.banner-two__shape3 {
    position: absolute;
    left: 30px;
    bottom: 123px;
    z-index: 2;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateX(-100px);
}

.banner-two__shape3 svg {
    width: 73px;
    height: 73px;
    opacity: 0.4;
}

.banner-two__shape3 svg circle {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: dash2 4s infinite linear;
}

@keyframes dash2 {
    0% {
        stroke-dashoffset: 1200;
        stroke: var(--kidearn-secondary, #ffaa23);
    }

    50% {
        stroke: var(--kidearn-primary, #26a6a1);
    }

    100% {
        stroke-dashoffset: 0;
        stroke: var(--kidearn-secondary, #ffaa23);
    }
}

@media (max-width: 767px) {
    .banner-two__shape3 {
        display: none;
    }
}

.banner-two__shape4 {
    position: absolute;
    bottom: 126px;
    right: 50px;
    z-index: 2;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateX(-100px);
}

.banner-two__shape4 img {
    max-width: 100%;
    animation: br-translate 3s ease infinite;
}

@media (max-width: 767px) {
    .banner-two__shape4 {
        display: none;
    }
}

.banner-two__shape5 {
    position: absolute;
    bottom: -49px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateX(-100px);
}

.banner-two__shape5 img {
    max-width: 100%;
    animation: carMove 4s linear 0s infinite;
    width: auto !important;
    margin: auto;
}

@media (max-width: 767px) {
    .banner-two__shape5 {
        display: none;
    }
}

.banner-two__content {
    position: relative;
    text-align: center;
    max-width: 733px;
    margin: auto;
    padding: 167px 50px 133px;
}

@media (max-width: 1199px) {
    .banner-two__content {
        display: block;
        margin: auto;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .banner-two__content {
        padding: 100px 0 80px;
    }
}

.banner-two__content__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #53688540;
    opacity: 0.95;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 733 637"><path d="M240.872 1.7803C105.48 16.0202 7.07847 144.81 1.08921 272.926C-4.30134 387.694 61.0672 504.847 158.896 569.308C257.226 634.099 384.889 650.79 501.227 623.92C571.309 607.709 640.239 574.671 684.77 518.673C769.199 412.501 731.67 282.99 652.036 188.572C564.596 84.8325 406.271 -0.0651256 264.694 0.512681C256.648 0.514471 248.687 0.931568 240.872 1.7803Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 733 637"><path d="M240.872 1.7803C105.48 16.0202 7.07847 144.81 1.08921 272.926C-4.30134 387.694 61.0672 504.847 158.896 569.308C257.226 634.099 384.889 650.79 501.227 623.92C571.309 607.709 640.239 574.671 684.77 518.673C769.199 412.501 731.67 282.99 652.036 188.572C564.596 84.8325 406.271 -0.0651256 264.694 0.512681C256.648 0.514471 248.687 0.931568 240.872 1.7803Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateY(100%);
}

@media (max-width: 991px) {
    .banner-two__content__bg {
        max-width: 100%;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
}

.banner-two__content__title {
    position: relative;
    font-size: 50px;
    color: var(--kidearn-white, #fff);
    font-weight: 400;
    line-height: 80px;
    margin: 0 0 41px;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateY(100%);
    font-weight: 600;
}

.banner-two__content__title br {
    display: inline-block;
}

@media (max-width: 991px) {
    .banner-two__content__title {
        font-size: 70px;
        line-height: 74px;
    }
}

@media (max-width: 767px) {
    .banner-two__content__title {
        font-size: 36px;
        line-height: 42px;
        margin: 0 0 18px;
    }
}

.banner-two__content .kidearn-btn {
    position: relative;
    z-index: 4;
    font-size: 16px;
    padding: 11px 50px;
    background-color: var(--kidearn-secondary, #0b2038);
    transition:
        transform 1100ms ease,
        opacity 1100ms ease;
    opacity: 0;
    transform: translateY(200px);
    color: var(--kidearn-black);
}

.banner-two__content .kidearn-btn:hover {
    color: var(--kidearn-black, #0b2038);
}

.banner-two__content .kidearn-btn:before,
.banner-two__content .kidearn-btn:after {
    background-color: var(--kidearn-white, #fff);
}

@media (max-width: 767px) {
    .banner-two__content .kidearn-btn {
        font-size: 15px;
        padding: 6px 30px;
    }
}

.banner-two .active .banner-two__content__title {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition-delay: 1000ms;
}

.banner-two .active .banner-two__shape2,
.banner-two .active .banner-two__shape3,
.banner-two .active .banner-two__shape4,
.banner-two .active .banner-two__shape5 {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition-delay: 1400ms;
}

.banner-two .active .kidearn-btn {
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition-delay: 1200ms;
}

.banner-two .active .banner-two__content__bg {
    opacity: 0.95;
    transform: translateX(0) translateY(0);
    transition-delay: 700ms;
}

/* =========================
   Hero Banner – chỉnh vị trí content
   ========================= */

.banner-two__content__title {
    font-size: clamp(28px, 4.8vw, 56px);
    line-height: clamp(36px, 6.5vw, 82px);
    margin-bottom: 1rem;
    word-break: break-word;
    white-space: normal;
}

.banner-two__content__title {
    font-size: clamp(32px, 4.5vw, 47px);
    line-height: clamp(40px, 6vw, 70px);
}

@media (min-width: 1200px) {
    .banner-two__item {
        padding: 220px 0 52px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-two__item {
        padding: 140px 0 45px;
    }
}

.banner-two__item .kidearn-btn {
    padding: 16px 25px;
    font-size: clamp(16px, 1.6vw, 20px);
    border-radius: 14px;
    font-weight: 800;
    z-index: 10;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    transform-origin: center;
    transition:
        transform 220ms ease,
        box-shadow 220ms ease;
    animation: ctaZoom 2.4s ease-in-out infinite;
}

@keyframes ctaZoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

.banner-two__item .kidearn-btn:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

@media (min-width: 1200px) {
    .banner-two__content {
        margin-top: -200px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .banner-two__content {
        margin-top: -200px;
    }
}

/* Banner: làm chậm hiệu ứng các đường trang trí */

.banner-two__shape2 img {
    -webkit-animation-duration: 10s !important;
    animation-duration: 10s !important;
    /* 8s → 14s */
}

.banner-two__shape3 svg circle {
    animation: dash2 10s infinite linear !important;
    /* 4s → 10s */
}

.banner-two__shape4 img {
    animation: br-translate 10s ease infinite !important;
    /* 3s → 10s */
}

.banner-two__shape5 img {
    animation: carMove 12s linear infinite !important;
    /* 4s → 12s */
}

.owl-carousel .owl-item img {
    opacity: 1;
}

/*Banner HANOI*/
.banner-two-hn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.banner-two-hn img {
    width: 90%;
    border-radius: 30px;
    margin-top: 20px;
}

/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
.main-slider-one {
    position: relative;
}

.main-slider-one__shape-top {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: var(--kidearn-white, #fff);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 20"><path d="M-1.74846e-06 0.000173574L0 20.0002C40 20.0002 40 0.000164355 80.01 0.000160857C120.01 0.00015736 120.01 20.0002 160.02 20.0002C200.02 20.0002 200.02 0.000150365 240.02 0.000146869C280.02 0.000143372 280.02 20.0001 320.02 20.0001C360.02 20.0001 360.02 0.000136378 400.02 0.000132881C440.02 0.000129384 440.02 20.0001 480.02 20.0001C520.02 20.0001 520.02 0.00012239 560.02 0.000118893C600.02 0.000115396 600.02 20.0001 640.02 20.0001C680.02 20.0001 680.02 0.000108402 720.02 0.000104906C760.02 0.000101409 760.02 20.0001 800.02 20.0001C840.02 20.0001 840.02 9.44148e-05 880.02 9.09179e-05C920.02 8.7421e-05 920.02 20.0001 960.01 20.0001C1000.01 20.0001 1000.01 8.04281e-05 1040.01 7.69312e-05C1080.01 7.34343e-05 1080.01 20.0001 1120.01 20.0001C1160.01 20.0001 1160.01 6.64404e-05 1200.01 6.29435e-05C1240.01 5.94466e-05 1240.01 20.0001 1280.01 20.0001C1320.01 20.0001 1320.01 5.24528e-05 1360.01 4.89559e-05C1400.01 4.5459e-05 1400.01 20 1440.01 20C1480.01 20 1480.01 3.84651e-05 1520.01 3.49682e-05C1560.01 3.14713e-05 1560.01 20 1600.01 20C1640.01 20 1640.01 2.44775e-05 1680.01 2.09806e-05C1720 1.74846e-05 1720 20 1760 20C1800 20 1800 1.04907e-05 1840 6.99382e-06C1880 3.49691e-06 1880 20 1920 20L1920 5.72205e-06L-1.74846e-06 0.000173574Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 20"><path d="M-1.74846e-06 0.000173574L0 20.0002C40 20.0002 40 0.000164355 80.01 0.000160857C120.01 0.00015736 120.01 20.0002 160.02 20.0002C200.02 20.0002 200.02 0.000150365 240.02 0.000146869C280.02 0.000143372 280.02 20.0001 320.02 20.0001C360.02 20.0001 360.02 0.000136378 400.02 0.000132881C440.02 0.000129384 440.02 20.0001 480.02 20.0001C520.02 20.0001 520.02 0.00012239 560.02 0.000118893C600.02 0.000115396 600.02 20.0001 640.02 20.0001C680.02 20.0001 680.02 0.000108402 720.02 0.000104906C760.02 0.000101409 760.02 20.0001 800.02 20.0001C840.02 20.0001 840.02 9.44148e-05 880.02 9.09179e-05C920.02 8.7421e-05 920.02 20.0001 960.01 20.0001C1000.01 20.0001 1000.01 8.04281e-05 1040.01 7.69312e-05C1080.01 7.34343e-05 1080.01 20.0001 1120.01 20.0001C1160.01 20.0001 1160.01 6.64404e-05 1200.01 6.29435e-05C1240.01 5.94466e-05 1240.01 20.0001 1280.01 20.0001C1320.01 20.0001 1320.01 5.24528e-05 1360.01 4.89559e-05C1400.01 4.5459e-05 1400.01 20 1440.01 20C1480.01 20 1480.01 3.84651e-05 1520.01 3.49682e-05C1560.01 3.14713e-05 1560.01 20 1600.01 20C1640.01 20 1640.01 2.44775e-05 1680.01 2.09806e-05C1720 1.74846e-05 1720 20 1760 20C1800 20 1800 1.04907e-05 1840 6.99382e-06C1880 3.49691e-06 1880 20 1920 20L1920 5.72205e-06L-1.74846e-06 0.000173574Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.main-slider-one__shape-bottom {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background-color: var(--kidearn-white, #fff);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 27"><path d="M1920 84.96V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 0 0V84.96H1920Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 27"><path d="M1920 84.96V0C1880 0 1880 21.56 1839.99 21.56C1799.99 21.56 1799.99 0 1759.98 0C1719.98 0 1719.98 21.56 1679.98 21.56C1639.98 21.56 1639.98 0 1599.98 0C1559.98 0 1559.98 21.56 1519.98 21.56C1479.98 21.56 1479.98 0 1439.98 0C1399.98 0 1399.98 21.56 1359.98 21.56C1319.98 21.56 1319.98 0 1279.98 0C1239.98 0 1239.98 21.56 1199.98 21.56C1159.98 21.56 1159.98 0 1119.98 0C1079.98 0 1079.98 21.56 1039.98 21.56C999.98 21.56 999.98 0 959.99 0C919.99 0 919.99 21.56 879.99 21.56C839.99 21.56 839.99 0 799.99 0C759.99 0 759.99 21.56 719.99 21.56C679.99 21.56 679.99 0 639.99 0C599.99 0 599.99 21.56 559.99 21.56C519.99 21.56 519.99 0 479.99 0C439.99 0 439.99 21.56 399.99 21.56C359.99 21.56 359.99 0 319.99 0C279.99 0 279.99 21.56 239.99 21.56C200 21.56 200 0 160 0C120 0 120 21.56 80 21.56C40 21.56 40 0 0 0V84.96H1920Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.main-slider-one__shape1 {
    position: absolute;
    top: 88px;
    left: 43%;
    z-index: 2;
}

@media (max-width: 1499px) {
    .main-slider-one__shape1 {
        display: none;
    }
}

.main-slider-one__shape1 img {
    -webkit-animation: rotated 6s infinite linear;
    animation: rotated 6s infinite linear;
}

.main-slider-one__shape2 {
    position: absolute;
    top: 124px;
    left: 11%;
    z-index: 2;
}

@media (max-width: 1499px) {
    .main-slider-one__shape2 {
        display: none;
    }
}

.main-slider-one__shape2 img {
    -webkit-animation: rotated3 6s infinite linear;
    animation: rotated3 6s infinite linear;
}

@keyframes rotated3 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(0);
    }
}

.main-slider-one__shape3 {
    position: absolute;
    top: 43%;
    left: 2%;
    z-index: 2;
}

@media (max-width: 1499px) {
    .main-slider-one__shape3 {
        display: none;
    }
}

.main-slider-one__shape3 img {
    animation: treeMove 4s linear 0s infinite;
}

.main-slider-one__shape4 {
    position: absolute;
    bottom: 110px;
    left: 7%;
    z-index: 2;
}

@media (max-width: 1499px) {
    .main-slider-one__shape4 {
        display: none;
    }
}

.main-slider-one__shape4 img {
    animation: carMove 4s linear 0s infinite;
}

.main-slider-one__shape5 {
    position: absolute;
    bottom: 95px;
    left: 39%;
    z-index: 2;
}

@media (max-width: 1499px) {
    .main-slider-one__shape5 {
        display: none;
    }
}

.main-slider-one__shape5 img {
    -webkit-animation: rotated2 6s infinite linear;
    animation: rotated2 6s infinite linear;
}

.main-slider-one__carousel {
    position: relative;
    width: 100%;
}

.main-slider-one__carousel .owl-dots {
    margin: auto 0;
    position: absolute;
    left: 14%;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

@media (max-width: 1500px) {
    .main-slider-one__carousel .owl-dots {
        left: 3%;
    }
}

@media (max-width: 1299px) {
    .main-slider-one__carousel .owl-dots {
        width: 1160px;
        left: 0;
        right: 0;
        margin: auto;
        top: auto;
        bottom: 30px;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }
}

@media (max-width: 1199px) {
    .main-slider-one__carousel .owl-dots {
        width: 930px;
    }
}

@media (max-width: 991px) {
    .main-slider-one__carousel .owl-dots {
        width: 690px;
    }
}

@media (max-width: 991px) {
    .main-slider-one__carousel .owl-dots {
        width: 100%;
        justify-content: center;
        bottom: 15px;
    }
}

.main-slider-one__carousel .owl-dots .owl-dot {
    display: block;
    margin: 20px 0;
}

.main-slider-one__carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.2);
    border: none;
    margin: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-slider-one__carousel .owl-dots .owl-dot:hover span,
.main-slider-one__carousel .owl-dots .owl-dot.active span {
    background-color: var(--kidearn-secondary, #ffaa23);
}

.main-slider-one__item {
    background-color: var(--kidearn-gray, #faf5f2);
    position: relative;
    z-index: 3;
    padding-top: 178px;
    padding-bottom: 187px;
}

@media (max-width: 767px) {
    .main-slider-one__item {
        padding-top: 150px;
        padding-bottom: 120px;
    }
}

.main-slider-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;
}

.main-slider-one__bg::before {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 65%;
    content: "";
    background: linear-gradient(
        90deg,
        var(--kidearn-gray, #faf5f2) 58.54%,
        rgba(250, 250, 250, 0) 98.49%
    );
}

@media (max-width: 767px) {
    .main-slider-one__bg::before {
        max-width: 100%;
    }
}

.main-slider-one__bg-svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.main-slider-one__bg-svg rect {
    stroke: var(--kidearn-black, #0b2038);
    fill: none;
    transition: 0.5s;
}

.main-slider-one__bg-svg .steap {
    stroke-width: 0;
}

.main-slider-one__bg-svg .circle1 {
    transition-delay: 0.3s;
}

.main-slider-one__bg-svg .circle2 {
    transition-delay: 0.35s;
}

.main-slider-one__bg-svg .circle3 {
    transition-delay: 0.4s;
}

.main-slider-one__bg-svg .circle4 {
    transition-delay: 0.45s;
}

.main-slider-one__bg-svg .circle5 {
    transition-delay: 0.5s;
}

.main-slider-one__bg-svg .circle6 {
    transition-delay: 0.55s;
}

.main-slider-one__bg-svg .circle7 {
    transition-delay: 0.6s;
}

.main-slider-one__bg-svg .circle8 {
    transition-delay: 0.65s;
}

.main-slider-one__bg-svg .circle9 {
    transition-delay: 0.7s;
}

.main-slider-one__content {
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.main-slider-one__svg {
    position: absolute;
    left: 11%;
    bottom: -10px;
    z-index: 2;
}

@media (max-width: 991px) {
    .main-slider-one__svg {
        display: none;
    }
}

.main-slider-one__svg svg {
    opacity: 0.68;
    width: 773px;
    fill: transparent;
}

.main-slider-one__svg svg path {
    animation: dashs 10s linear infinite;
}

@keyframes dashs {
    to {
        stroke-dashoffset: -1000;
    }
}

.main-slider-one__sub-title {
    color: var(--kidearn-base, #f25334);
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
    margin: 0 0 15px;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    transform: translateY(-200px);
}

.main-slider-one__title {
    max-width: 550px;
    font-size: 75px;
    font-weight: 400;
    line-height: 90px;
    margin: 0 0 30px;
    opacity: 0;
    transition:
        transform 1200ms ease,
        opacity 1200ms ease;
    transform: translateX(-200px);
}

@media (max-width: 767px) {
    .main-slider-one__title {
        font-size: 50px;
        line-height: 66px;
    }
}

.main-slider-one__title__anim {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -16px;
}

.main-slider-one__title__anim::after {
    content: "";
    width: 101%;
    height: 100%;
    position: absolute;
    top: 9px;
    left: 100%;
    background: currentColor;
    -webkit-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    -o-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    transition-delay: 1s;
    z-index: 3;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.main-slider-one__btn {
    position: relative;
    display: flex;
    justify-content: flex-start;
    z-index: 5;
    overflow: hidden;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 1500ms ease;
}

.main-slider-one__btn .kidearn-btn {
    font-size: 16px;
    padding: 11px 50px;
}

.main-slider-one .active .steap {
    animation: dash 0.5s linear;
}

@keyframes dash {
    0% {
        stroke-width: 0;
    }

    100% {
        stroke-width: 200px;
    }
}

.main-slider-one .active .main-slider-one__sub-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1100ms;
}

.main-slider-one .active .main-slider-one__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1300ms;
}

.main-slider-one .active .main-slider-one__title__anim::after {
    -webkit-transform: translateX(1%);
    -ms-transform: translateX(1%);
    transform: translateX(1%);
    transition-delay: 1500ms;
}

.main-slider-one .active .main-slider-one__btn {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 1700ms;
}

.main-slider-two {
    position: relative;
}

.main-slider-two__carousel {
    position: relative;
    width: 100%;
}

.main-slider-two__carousel .owl-dots {
    margin: auto 0;
    position: absolute;
    left: 16%;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

@media (max-width: 1500px) {
    .main-slider-two__carousel .owl-dots {
        left: 3%;
    }
}

@media (max-width: 1299px) {
    .main-slider-two__carousel .owl-dots {
        width: 1160px;
        left: 0;
        right: 0;
        margin: auto;
        top: auto;
        bottom: 30px;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }
}

@media (max-width: 1199px) {
    .main-slider-two__carousel .owl-dots {
        width: 930px;
    }
}

@media (max-width: 991px) {
    .main-slider-two__carousel .owl-dots {
        width: 690px;
    }
}

@media (max-width: 991px) {
    .main-slider-two__carousel .owl-dots {
        width: 100%;
        justify-content: center;
        bottom: 5px;
    }
}

.main-slider-two__carousel .owl-dots .owl-dot {
    display: block;
    margin: 20px 0;
}

.main-slider-two__carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background-color: rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.2);
    border: none;
    margin: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-slider-two__carousel .owl-dots .owl-dot:hover span,
.main-slider-two__carousel .owl-dots .owl-dot.active span {
    background-color: var(--kidearn-secondary, #ffaa23);
}

.main-slider-two__item {
    background-color: var(--kidearn-gray, #faf5f2);
    position: relative;
    z-index: 3;
    padding-top: 265px;
    padding-bottom: 178px;
}

@media (max-width: 767px) {
    .main-slider-two__item {
        padding-top: 150px;
        padding-bottom: 120px;
    }
}

.main-slider-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
}

.main-slider-two__shape-one {
    position: absolute;
    top: 23%;
    left: 4.5%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100px);
}

@media (max-width: 1399px) {
    .main-slider-two__shape-one {
        left: 1%;
    }
}

@media (max-width: 1300px) {
    .main-slider-two__shape-one {
        display: none;
    }
}

.main-slider-two__shape-one img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.main-slider-two__shape-two {
    position: absolute;
    bottom: 8%;
    left: 5%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100px);
}

@media (max-width: 1399px) {
    .main-slider-two__shape-two {
        left: 1%;
    }
}

@media (max-width: 1300px) {
    .main-slider-two__shape-two {
        display: none;
    }
}

.main-slider-two__shape-two img {
    -webkit-animation: treeMove 4s linear 0s infinite;
    animation: treeMove 4s linear 0s infinite;
}

.main-slider-two__shape-three {
    position: absolute;
    bottom: 34%;
    left: 56%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-200px);
    z-index: 2;
}

@media (max-width: 1399px) {
    .main-slider-two__shape-three {
        left: 45%;
    }
}

@media (max-width: 1300px) {
    .main-slider-two__shape-three {
        display: none;
    }
}

.main-slider-two__shape-three img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.main-slider-two__shape-four {
    position: absolute;
    bottom: 13%;
    left: 49%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(100px);
    mix-blend-mode: difference;
    z-index: 2;
}

@media (max-width: 1399px) {
    .main-slider-two__shape-four {
        left: 38%;
    }
}

@media (max-width: 1300px) {
    .main-slider-two__shape-four {
        display: none;
    }
}

.main-slider-two__shape-four img {
    -webkit-animation: airTree 5s ease-in infinite;
    animation: airTree 5s ease-in infinite;
}

.main-slider-two__shape-five {
    position: absolute;
    bottom: 6%;
    right: 8%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100px);
    z-index: 2;
}

@media (max-width: 1399px) {
    .main-slider-two__shape-five {
        right: 4%;
    }
}

@media (max-width: 1300px) {
    .main-slider-two__shape-five {
        display: none;
    }
}

.main-slider-two__shape-five img {
    -webkit-animation: arrowMove 3s linear 0s infinite;
    animation: arrowMove 3s linear 0s infinite;
}

.main-slider-two__shape-six {
    position: absolute;
    top: 24%;
    right: 6%;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-200px);
}

@media (max-width: 1300px) {
    .main-slider-two__shape-six {
        display: none;
    }
}

.main-slider-two__shape-six img {
    -webkit-animation: zoomBig2 3s linear infinite;
    animation: zoomBig2 3s linear infinite;
}

.main-slider-two__content {
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.main-slider-two__sub-title {
    color: var(--kidearn-base, #f25334);
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
    margin: 0 0 15px;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    transform: translateY(-200px);
}

.main-slider-two__title {
    max-width: 550px;
    font-size: 75px;
    font-weight: 400;
    line-height: 90px;
    margin: 0 0 30px;
    opacity: 0;
    transition:
        transform 1200ms ease,
        opacity 1200ms ease;
    transform: translateX(200px);
}

@media (max-width: 767px) {
    .main-slider-two__title {
        font-size: 50px;
        line-height: 66px;
    }
}

.main-slider-two__title__anim {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -16px;
}

.main-slider-two__title__anim::after {
    content: "";
    width: 101%;
    height: 100%;
    position: absolute;
    top: 9px;
    left: 100%;
    background: currentColor;
    -webkit-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    -o-transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    transition: 1s cubic-bezier(0.858, 0.01, 0.068, 0.99);
    transition-delay: 1s;
    z-index: 3;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.main-slider-two__btn {
    position: relative;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    z-index: 5;
    overflow: hidden;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 1500ms ease;
}

.main-slider-two__btn .kidearn-btn {
    font-size: 16px;
    padding: 11px 50px;
}

@media (max-width: 500px) {
    .main-slider-two__btn .kidearn-btn {
        font-size: 15px;
        padding: 10px 35px;
    }
}

.main-slider-two__btn .kidearn-btn--enroll {
    background-color: var(--kidearn-primary, #26a6a1);
}

.main-slider-two__bg-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateY(100%);
}

@media (max-width: 1199px) {
    .main-slider-two__bg-shape {
        right: -50px;
    }
}

@media (max-width: 991px) {
    .main-slider-two__bg-shape {
        display: none;
    }
}

.main-slider-two__bg-shape svg {
    fill: var(--kidearn-secondary, #ffaa23);
    width: 1010px;
    animation: change-background 6s ease infinite;
}

@media (max-width: 1199px) {
    .main-slider-two__bg-shape svg {
        width: 700px;
    }
}

@media (max-width: 1399px) {
    .main-slider-two__bg-shape svg {
        width: 900px;
    }
}

@keyframes change-background {
    0% {
        fill: var(--kidearn-secondary, #ffaa23);
    }

    35% {
        fill: var(--kidearn-base, #f25334);
    }

    70% {
        fill: var(--kidearn-secondary2, #75c137);
    }

    100% {
        fill: var(--kidearn-secondary, #ffaa23);
    }
}

.main-slider-two__thumb {
    position: absolute;
    bottom: 6px;
    margin-left: -15px;
    transition:
        transform 1000ms ease,
        opacity 1000ms ease;
    opacity: 0;
    transform: translateX(200px);
}

.main-slider-two__thumb--bottom {
    bottom: 0;
}

@media (max-width: 1399px) {
    .main-slider-two__thumb {
        margin-left: -115px;
    }
}

@media (max-width: 991px) {
    .main-slider-two__thumb {
        display: none;
    }
}

.main-slider-two__thumb img {
    width: auto !important;
    max-width: 100%;
}

.main-slider-two .active .main-slider-two__sub-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1100ms;
}

.main-slider-two .active .main-slider-two__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1300ms;
}

.main-slider-two .active .main-slider-two__title__anim::after {
    -webkit-transform: translateX(1%);
    -ms-transform: translateX(1%);
    transform: translateX(1%);
    transition-delay: 1500ms;
}

.main-slider-two .active .main-slider-two__btn {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 1700ms;
}

.main-slider-two .active .main-slider-two__bg-shape {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1700ms;
}

.main-slider-two .active .main-slider-two__thumb {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1900ms;
}

.main-slider-two .active .main-slider-two__shape-one {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: 2000ms;
}

.main-slider-two .active .main-slider-two__shape-two {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: 2100ms;
}

.main-slider-two .active .main-slider-two__shape-six,
.main-slider-two .active .main-slider-two__shape-five,
.main-slider-two .active .main-slider-two__shape-four,
.main-slider-two .active .main-slider-two__shape-three {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition-delay: 2200ms;
}

/*--------------------------------------------------------------
# Feature Section
--------------------------------------------------------------*/
.feature-one {
    position: relative;
    z-index: 2;
    background-color: var(--kidearn-gray, #faf5f2);
    padding: 30px 0 65px;
}

.feature-one__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 497px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    mix-blend-mode: luminosity;
}

.feature-one__item {
    position: relative;
    margin-bottom: 30px;
}

.feature-one__item::after {
    position: absolute;
    right: -28px;
    top: 0;
    width: 1px;
    height: 95%;
    content: "";
    background-color: var(--kidearn-border-color, #fce9dd);
}

@media (max-width: 767px) {
    .feature-one__item::after {
        display: none;
    }
}

@media (max-width: 991px) {
    .feature-one__item--no-border-md::after {
        display: none;
    }
}

.feature-one__item--no-border::after {
    display: none;
}

.feature-one__item:hover .feature-one__item__img::after {
    -webkit-animation: zoom-hover 0.95s;
    animation: zoom-hover 0.95s;
}

.feature-one__item:hover .feature-one__item__icon span {
    transform: scale(0.9);
}

.feature-one__item:hover .feature-one__item__hover-img {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.feature-one__item__hover-img {
    position: absolute;
    left: -125px;
    top: -25px;
    right: 0;
    margin: auto;
    width: 164px;
    height: 157px;
    visibility: hidden;
    opacity: 0;
    transform: scale(1.1);
    transition: 500ms ease;
}

.feature-one__item__hover-img img {
    width: 100%;
}

@keyframes float-bob-y-2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
        transform: translateY(10px) translateX(10px) rotate(5deg);
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
}

.feature-one__item__img {
    width: 171px;
    height: 171px;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

.feature-one__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.feature-one__item__img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    background: rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.2);
    border-radius: 50%;
    transition: all 500ms linear;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
}

@keyframes zoom-hover {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 120%;
        height: 120%;
        opacity: 0;
    }
}

.feature-one__item__icon {
    width: 66px;
    height: 66px;
    background-color: var(--kidearn-base, #f25334);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--kidearn-white, #fff);
    position: absolute;
    right: 0;
    bottom: 0;
}

.feature-one__item__icon span {
    transform: scale(1);
    transition: 500ms ease;
}

.feature-one__item__sub-title {
    font-size: 34px;
    color: var(--kidearn-base, #f25334);
    font-weight: 400;
    line-height: 1;
    font-family: var(--kidearn-special-font, "Schoolbell", cursive);
    margin: 0 0 -2px;
}

.feature-one__item__title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 -5px;
}

.feature-one__item svg {
    width: 31px;
    height: 4px;
    fill: var(--kidearn-base, #f25334);
}

.feature-one__item__text {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    max-width: 280px;
    margin: 9px auto 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

@keyframes airTree {
    0%,
    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%,
    75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

    50% {
        -webkit-transform: rotate(10deg) translateX(30px);
        transform: rotate(10deg) translateX(30px);
    }
}

.about-two {
    position: relative;
    padding: 125px 0 90px;
}

.about-two-hn {
    padding-bottom: 0;
    padding-top: 80px;
}

@media (max-width: 767px) {
    .about-two {
        padding-bottom: 80px;
    }

    .about-two-hn {
        padding-top: 60px;
        padding-bottom: 0;
    }
}

.about-two__content {
    position: relative;
}

@media (min-width: 1200px) {
    .about-two__content {
        padding: 3px 60px 0 0;
    }
}

.about-two__content .sec-title__title {
    margin-top: 0;
}

.about-two__content .sec-title {
    padding-bottom: 26px;
}

.about-two__content__text {
    line-height: 30px;
    margin: 0 0 30px;
}

.about-two__content .kidearn-btn {
    font-size: 16px;
    padding: 11px 50px;
}

.about-two__box {
    position: relative;
    margin: 0 0 30px;
}

.about-two__box--two .about-two__box__title span {
    color: var(--kidearn-secondary, #ffde52);
}

.about-two__box__title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 11px;
}

.about-two__box__title span {
    display: inline-block;
    font-size: 18px;
    margin-right: 16px;
    color: var(--kidearn-base, #1878ee);
}

.about-two__box__text {
    line-height: 30px;
    margin: 0;
}

.about-two__info-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 31px;
}

@media (max-width: 767px) {
    .about-two__info-wrapper {
        display: block;
    }
}

.about-two__author {
    position: relative;
    min-height: 62px;
    padding: 5px 26px 0 88px;
    margin-right: 30px;
    border-right: 1px solid rgba(var(--kidearn-text-rgb, 126, 129, 133), 0.3);
}

@media (max-width: 767px) {
    .about-two__author {
        border-right: none;
        border-bottom: 1px solid
            rgba(var(--kidearn-text-rgb, 126, 129, 133), 0.3);
        margin-bottom: 25px;
        padding-bottom: 25px;
        margin-right: 0;
    }
}

.about-two__author__image {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.about-two__author > img {
    height: 39px;
}

.about-two__author__name {
    display: block;
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 1;
}

.about-two__call {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.about-two__call__icon {
    position: relative;
    width: 44px;
    height: 46px;
    stroke-width: 1px;
    stroke: var(--kidearn-primary, #26a6a1);
    fill: var(--kidearn-white, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--kidearn-primary, #26a6a1);
    transition: all 500ms ease;
    margin-right: 10px;
}

.about-two__call__icon i {
    position: relative;
    z-index: 2;
}

.about-two__call__icon svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about-two__call:hover .about-two__call__icon {
    fill: var(--kidearn-primary, #26a6a1);
    color: var(--kidearn-white, #fff);
}

.about-two__call__content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
}

.about-two__call__number {
    color: var(--kidearn-black, #0b2038);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-weight: 400;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.about-two__call__number:hover {
    background-size: 100% 1px;
}

.about-two__call__number:hover {
    color: var(--kidearn-primary, #26a6a1);
}

@media (min-width: 768px) {
    .about-two__call__number {
        font-size: 18px;
    }
}

.about-two__call__text {
    font-size: 14px;
    color: var(--kidearn-text, #7e8185);
    margin-top: 5px;
}

.about-two__image {
    position: relative;
    z-index: 2;
}

@media (min-width: 1200px) {
    .about-two__image {
        margin-left: -45px;
        margin-right: 30px;
    }
}

@media (min-width: 1280px) {
    .about-two__image {
        margin-left: -18px;
        margin-right: -30px;
    }
}

@media (max-width: 1199px) {
    .about-two__image {
        margin: 45px 0 0;
        max-width: 618px;
    }
}

.about-two__image__one {
    position: relative;
    display: inline-block;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 618 537" xmlns="http://www.w3.org/2000/svg"><path d="M376.743 59.9975C362.236 51.7246 347.691 43.3791 332.639 35.7593C303.007 20.7737 272.178 7.31214 239.462 1.688C192.965 -6.33092 175.966 17.3173 111.466 8.34249C-22.2933 -10.2694 10.8808 127.216 2.46625 194.343C-2.35762 232.804 -2.03646 273.037 21.4663 303.843C41.1608 329.677 67.4351 343.055 94.855 359.165C121.477 374.804 144.617 394.216 160.249 421.575C173.923 445.523 178.747 474.115 194.923 496.467C218.39 528.833 262.53 541.532 302.028 535.4C331.116 530.865 351.101 510.364 375.8 496.358C400.391 482.424 426.506 471.394 452.438 460.218C493.822 442.366 535.822 423.389 568.791 392.62C611.807 352.489 625.989 299.694 613.73 242.945C604.046 198.17 575.538 150.818 531.796 133.22C496.687 119.105 462.014 103.793 427.884 87.5014C410.257 79.1196 393.5 69.5767 376.743 59.9975Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 618 537" xmlns="http://www.w3.org/2000/svg"><path d="M376.743 59.9975C362.236 51.7246 347.691 43.3791 332.639 35.7593C303.007 20.7737 272.178 7.31214 239.462 1.688C192.965 -6.33092 175.966 17.3173 111.466 8.34249C-22.2933 -10.2694 10.8808 127.216 2.46625 194.343C-2.35762 232.804 -2.03646 273.037 21.4663 303.843C41.1608 329.677 67.4351 343.055 94.855 359.165C121.477 374.804 144.617 394.216 160.249 421.575C173.923 445.523 178.747 474.115 194.923 496.467C218.39 528.833 262.53 541.532 302.028 535.4C331.116 530.865 351.101 510.364 375.8 496.358C400.391 482.424 426.506 471.394 452.438 460.218C493.822 442.366 535.822 423.389 568.791 392.62C611.807 352.489 625.989 299.694 613.73 242.945C604.046 198.17 575.538 150.818 531.796 133.22C496.687 119.105 462.014 103.793 427.884 87.5014C410.257 79.1196 393.5 69.5767 376.743 59.9975Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.about-two__image__one img {
    width: 100%;
    height: auto;
}

.about-two__image__border {
    position: absolute;
    left: 3px;
    top: -30px;
    z-index: -1;
}

.about-two__image__border img {
    max-width: 100%;
    height: auto;
    -webkit-animation: rotated2 200s infinite linear;
    animation: rotated2 200s infinite linear;
}

@media (max-width: 767px) {
    .about-two__image__border {
        display: none;
    }
}

.about-two__image__leaf {
    position: absolute;
    right: -45px;
    top: 24px;
}

@media (max-width: 767px) {
    .about-two__image__leaf {
        display: none;
    }
}

.about-two__image__leaf img {
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.about-two__awards {
    position: absolute;
    left: -10px;
    bottom: 35px;
    z-index: 2;
    width: 134px;
    text-align: center;
    padding: 29px 15px 26px;
}

.about-two__awards__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke-width: 3px;
    stroke: var(--kidearn-secondary, #ffaa23);
    fill: var(--kidearn-white, #fff);
    z-index: -1;
}

.about-two__awards-top {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.about-two__awards__icon {
    font-size: 48px;
    line-height: 1;
    color: var(--kidearn-secondary2, #75c137);
}

.about-two__awards__number {
    font-size: 23px;
    color: var(--kidearn-secondary2, #75c137);
    font-family: var(--kidearn-heading-font, "Fredoka", serif);
    font-weight: 400;
    display: flex;
    line-height: 1;
    position: relative;
    top: 2px;
    margin-left: -6px;
}

.about-two__awards__title {
    margin: 1px 0 0;
    font-size: 19px;
    color: var(--kidearn-black, #0b2038);
    line-height: 1;
}

/*--------------------------------------------------------------
# Programs
--------------------------------------------------------------*/

.program-two {
    position: relative;
    padding: 120px 0;
}

.program-two .sec-title__tagline {
    color: var(--kidearn-base, #1878ee);
}

@media (max-width: 767px) {
    .program-two {
        padding: 80px 0;
    }
}

.program-two__item {
    position: relative;
    max-width: 270px;
    margin: 0 auto;
    text-align: center;
    transition: 0.3s;
    padding: 46px 25px 15px;
    --accent-color: var(--kidearn-base, #f25334);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .program-two__item {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.program-two__item--order .program-two__item__rm {
    line-height: 50px;
}

.program-two__item:hover .program-two__item__icon {
    -webkit-animation-name: wobble-horizontal-on-hover;
    animation-name: wobble-horizontal-on-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.program-two__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--kidearn-secondary, #ffde52);
    opacity: 0.2;
    transition: all 500ms ease;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 310"><path d="M225.839 292.102C255.827 277.399 267.973 248.737 263.132 216.856C263.132 59.3021 320.005 0.000174846 106.434 -7.1497e-06C24.424 -7.17893e-06 16.0731 22.4251 7.35034 57.72C-6.45725 110.267 2.54278 179.885 7.35033 227.698C9.02105 244.307 13.7604 261.653 24.424 274.892C35.8036 289.019 54.4117 296.668 71.4427 301.614C92.0198 307.585 114.66 310.346 136.072 309.965C165.463 309.44 199.184 305.171 225.839 292.102Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 270 310"><path d="M225.839 292.102C255.827 277.399 267.973 248.737 263.132 216.856C263.132 59.3021 320.005 0.000174846 106.434 -7.1497e-06C24.424 -7.17893e-06 16.0731 22.4251 7.35034 57.72C-6.45725 110.267 2.54278 179.885 7.35033 227.698C9.02105 244.307 13.7604 261.653 24.424 274.892C35.8036 289.019 54.4117 296.668 71.4427 301.614C92.0198 307.585 114.66 310.346 136.072 309.965C165.463 309.44 199.184 305.171 225.839 292.102Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.program-two__item__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-color);
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 17px;
}

.program-two__item__icon span {
    display: inline-block;
}

@keyframes wobble-horizontal-on-hover {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

.program-two__item__content {
    position: relative;
}

.program-two__item__title {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    transition: all 200ms ease;
    margin-bottom: 8px;
}

.program-two__item__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.program-two__item__title a:hover {
    background-size: 100% 1px;
}

.program-two__item__title a:hover {
    color: var(--accent-color);
}

.program-two__item__age {
    color: var(--accent-color);
    line-height: 1;
    display: block;
    margin: 0 0 11px;
    transition: all 300ms ease;
}

.program-two__item__text {
    line-height: 24px;
    display: block;
    margin: 0 0 23px;
    transition: all 300ms ease;
}

.program-two__item__rm {
    position: relative;
    width: 41px;
    height: 40px;
    line-height: 38px;
    background-color: var(--accent-color);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 40"><path d="M41.0003 20.0837C41.0003 31.0819 30.4566 39.2409 20.8297 40C9.8276 40.0002 0.659174 31.0819 0.659176 20.0837C0.659178 9.08555 5.24339 5.83589e-05 23.5802 4.00728e-06C35.4992 0.759194 41.0003 9.08556 41.0003 20.0837Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 40"><path d="M41.0003 20.0837C41.0003 31.0819 30.4566 39.2409 20.8297 40C9.8276 40.0002 0.659174 31.0819 0.659176 20.0837C0.659178 9.08555 5.24339 5.83589e-05 23.5802 4.00728e-06C35.4992 0.759194 41.0003 9.08556 41.0003 20.0837Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
    font-size: 15px;
    color: var(--kidearn-white, #fff);
    transition: all 300ms ease;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}

.program-two__item__rm span {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.program-two__item__rm:hover {
    background-color: var(--kidearn-black, #0b2038);
}

.program-two__item__rm:hover span {
    animation: iconTranslateX 0.4s forwards;
}

@keyframes iconTranslateX {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    51% {
        opacity: 1;
    }
}

.program-page {
    position: relative;
    padding: 120px 0;
}

@media (max-width: 767px) {
    .program-page {
        padding: 80px 0;
    }
}

/*--------------------------------------------------------------
# Programs details
--------------------------------------------------------------*/
.programs-details {
    padding: 80px 0;
}

@media (min-width: 992px) {
    .programs-details {
        padding: 120px 0;
    }
}

.programs-details__image img {
    max-width: 100%;
    border-radius: 14px;
}

.programs-details__title {
    margin: 0;
    font-size: 25px;
    color: var(--kidearn-black, #0b2038);
    margin-top: 30px;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .programs-details__title {
        font-size: 30px;
    }
}

.programs-details__text {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}

.programs-details__text + .programs-details__text {
    margin-top: 25px;
}

.programs-details__info {
    padding: 40px;
    box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
}

.programs-details__info__title {
    margin: 0;
    color: var(--kidearn-black, #0b2038);
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid var(--kidearn-base, #f25334);
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: -5px;
}

@media (min-width: 768px) {
    .programs-details__info__title {
        font-size: 24px;
    }
}

.programs-details__info__text {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    border-bottom: 1px solid var(--kidearn-border-color, #fce9dd);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.programs-details__info .kidearn-btn {
    width: 100%;
    margin-top: 10px;
}

.programs-details__info__list {
    margin-bottom: 0;
}

.programs-details__info__list li + li {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--kidearn-border-color, #fce9dd);
}

.programs-details__info__list__name {
    font-size: 16px;
    color: var(--kidearn-black, #0b2038);
    line-height: 1;
}

.programs-details__info__list__text {
    margin: 0;
    font-size: 16px;
    color: var(--kidearn-base, #f25334);
    line-height: 1;
    margin-top: 18px;
}

.programs-details__info__list__text a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%)
        0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.programs-details__info__list__text a:hover {
    background-size: 100% 1px;
}

.programs-details__info__list__text a:hover {
    color: var(--kidearn-black, #0b2038);
}

/*--------------------------------------------------------------
# Campus Section
--------------------------------------------------------------*/
.campus-link {
    color: #7e8185;
}

.campus-link:hover {
    text-decoration: underline;
}

.campus-image {
    width: 100%;
    height: 220px;
}

@media (max-width: 1024px) {
    .campus-image {
        height: 170px;
    }
}

@media (max-width: 768px) {
    .campus-image {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .campus-image {
        height: 200px;
    }
}

/*--------------------------------------------------------------
# Boxed Home
--------------------------------------------------------------*/
body.boxed-wrapper {
    position: relative;
}

body.boxed-wrapper .page-wrapper {
    max-width: 1530px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--kidearn-white, #fff);
    box-shadow: 0px 0px 100px 0px
        rgba(var(--kidearn-black-rgb, 11, 32, 56), 0.08);
}

@media (min-width: 1500px) {
    body.boxed-wrapper .video-one__bg-shape1 {
        left: 11%;
    }

    body.boxed-wrapper .video-one__bg-shape2 {
        left: 5%;
        bottom: 19%;
    }

    body.boxed-wrapper .video-one__bg-shape7 {
        left: 33%;
    }

    body.boxed-wrapper .blog-three__shape-left {
        left: 9%;
    }

    body.boxed-wrapper .main-footer__shape-4,
    body.boxed-wrapper .main-footer__shape-3 {
        left: 30px;
    }
}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service-one {
    position: relative;
    padding: 120px 0;
}

@media (max-width: 767px) {
    .service-one {
        padding: 80px 0;
    }
}

.service-one__bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.service-one__bg svg {
    width: 907px;
    fill: var(--kidearn-gray, #faf5f2);
}

.service-one__shape {
    position: absolute;
    left: 50px;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: left center;
    background-repeat: no-repeat;
}

.service-one__item {
    position: relative;
    text-align: center;
    max-width: 320px;
    margin: auto;
    --accent-color: var(--kidearn-secondary2, #75c137);
}

.service-one__item--order {
    max-width: 250px;
    margin-top: 12px;
}

.service-one__item--order .service-one__item__image {
    margin-bottom: 50px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.000000 233.000000"><g transform="translate(0.000000,233.000000) scale(0.050000,-0.050000)"><path d="M2035 4630 c-1411 -230 -2312 -1624 -1954 -3022 289 -1132 1591 -1869 2675 -1515 854 278 1519 1134 1474 1898 -17 298 42 431 205 461 160 30 217 -69 188 -330 -22 -194 -4 -283 70 -341 237 -186 382 329 248 879 -328 1342 -1575 2188 -2906 1970z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.000000 233.000000"><g transform="translate(0.000000,233.000000) scale(0.050000,-0.050000)"><path d="M2035 4630 c-1411 -230 -2312 -1624 -1954 -3022 289 -1132 1591 -1869 2675 -1515 854 278 1519 1134 1474 1898 -17 298 42 431 205 461 160 30 217 -69 188 -330 -22 -194 -4 -283 70 -341 237 -186 382 329 248 879 -328 1342 -1575 2188 -2906 1970z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.service-one__item--order .service-one__item__ball {
    width: 56px;
    height: 73px;
    left: auto;
    right: 4px;
    top: auto;
    bottom: 3px;
    animation: br-translate 3s ease infinite;
    border-radius: 0;
    background-color: var(--accent-color);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 73"><path d="M27.6445 27.1491C25.9728 34.3716 21.8809 41.0169 16.1695 45.7036C12.1298 49.0263 7.2891 51.4221 3.87623 55.3918C0.463358 59.3615 -1.01672 65.832 2.50063 69.6968C5.3563 72.8271 10.4408 72.9495 14.2193 71.0784C17.9979 69.2072 20.7665 65.7621 23.2391 62.3345C32.311 49.8482 49.0968 42.6433 54.2683 27.1141C56.0792 21.6929 55.9922 15.6597 54.0246 10.2909C52.8579 7.07318 50.9425 4.01282 48.0694 2.17661C41.5223 -2.03794 32.6245 2.7712 30.2389 9.57393C28.5325 14.453 28.8633 19.7868 28.0624 24.8757C27.9753 25.6452 27.8186 26.3972 27.6445 27.1491Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 73"><path d="M27.6445 27.1491C25.9728 34.3716 21.8809 41.0169 16.1695 45.7036C12.1298 49.0263 7.2891 51.4221 3.87623 55.3918C0.463358 59.3615 -1.01672 65.832 2.50063 69.6968C5.3563 72.8271 10.4408 72.9495 14.2193 71.0784C17.9979 69.2072 20.7665 65.7621 23.2391 62.3345C32.311 49.8482 49.0968 42.6433 54.2683 27.1141C56.0792 21.6929 55.9922 15.6597 54.0246 10.2909C52.8579 7.07318 50.9425 4.01282 48.0694 2.17661C41.5223 -2.03794 32.6245 2.7712 30.2389 9.57393C28.5325 14.453 28.8633 19.7868 28.0624 24.8757C27.9753 25.6452 27.8186 26.3972 27.6445 27.1491Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@keyframes br-translate {
    0% {
        transform: translateX(0px) translateY(0px);
    }

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

    100% {
        transform: translateX(0px) translateY(0px);
    }
}

.service-one__item__image-wrapper {
    position: relative;
}

.service-one__item__image {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 242.000000 272.000000"><g transform="translate(0.000000,272.000000) scale(0.050000,-0.050000)"><path d="M1964 5419 c-1535 -200 -2432 -1656 -1704 -2766 229 -349 558 -588 1194 -865 517 -225 635 -392 715 -1018 41 -323 92 -499 170 -593 485 -585 1941 579 2357 1884 595 1865 -822 3606 -2732 3358z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 242.000000 272.000000"><g transform="translate(0.000000,272.000000) scale(0.050000,-0.050000)"><path d="M1964 5419 c-1535 -200 -2432 -1656 -1704 -2766 229 -349 558 -588 1194 -865 517 -225 635 -392 715 -1018 41 -323 92 -499 170 -593 485 -585 1941 579 2357 1884 595 1865 -822 3606 -2732 3358z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.service-one__item__image img {
    width: 100%;
    height: auto;
}

.service-one__item__ball {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    background-color: var(--accent-color);
    position: absolute;
    left: -8px;
    top: 114px;
    z-index: 2;
    display: block;
    animation: zoomBig 3s linear infinite;
}

@keyframes zoomBig {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.8, 0.8);
    }

    100% {
        transform: scale(1, 1);
    }
}

.service-one__item__title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.service-two {
    position: relative;
    padding: 120px 0 131px;
}

@media (max-width: 767px) {
    .service-two {
        padding: 80px 0;
    }
}

.service-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: luminosity;
    width: 100%;
    height: 100%;
    background-color: var(--kidearn-gray, #faf5f2);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 725"><path d="M458.534 -2.08068C258.988 -25.8589 34.5685 24.1921 -26.0887 59.5905L-36.7973 677.379C98.1034 574.128 208.021 747.834 475.465 686.717C613.236 655.234 731.298 749.424 984.741 718.919C1279.65 694.919 1570.74 718.901 1715.65 718.919C1909.51 718.944 1999.69 716.742 2081.41 737.628L2092.12 119.84C2092.12 119.84 1841.66 -2.27967 1612.72 -2.20152C1383.78 -2.12337 1291.89 6.65564 984.742 -2.08068C746 -8.87133 756.442 33.4186 458.534 -2.08068Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 725"><path d="M458.534 -2.08068C258.988 -25.8589 34.5685 24.1921 -26.0887 59.5905L-36.7973 677.379C98.1034 574.128 208.021 747.834 475.465 686.717C613.236 655.234 731.298 749.424 984.741 718.919C1279.65 694.919 1570.74 718.901 1715.65 718.919C1909.51 718.944 1999.69 716.742 2081.41 737.628L2092.12 119.84C2092.12 119.84 1841.66 -2.27967 1612.72 -2.20152C1383.78 -2.12337 1291.89 6.65564 984.742 -2.08068C746 -8.87133 756.442 33.4186 458.534 -2.08068Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.service-two .sec-title__tagline {
    color: #2390ff;
}

.service-two .sec-title {
    padding-bottom: 55px;
}

.service-two .container {
    position: relative;
}

.service-two__item {
    position: relative;
    text-align: center;
    max-width: 245px;
    padding: 27px 39px 36px;
    margin: auto;
    --accent-color: var(--kidearn-secondary2, #75c137);
    background-color: var(--accent-color);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 286"><path d="M14.5418 60.1758C32.7176 27.4886 67.2071 4.58352 104.174 0.674149C153.081 -4.49242 202.774 24.1476 226.74 67.4434C250.707 110.739 249.734 165.987 227.936 210.437C214.8 237.234 194.096 260.794 167.584 274.175C141.072 287.556 108.581 289.916 81.6248 277.464C40.8147 258.589 29.1815 217.825 14.4052 179.076C-0.71285 139.465 -7.32377 99.5623 14.5418 60.1758Z"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 286"><path d="M14.5418 60.1758C32.7176 27.4886 67.2071 4.58352 104.174 0.674149C153.081 -4.49242 202.774 24.1476 226.74 67.4434C250.707 110.739 249.734 165.987 227.936 210.437C214.8 237.234 194.096 260.794 167.584 274.175C141.072 287.556 108.581 289.916 81.6248 277.464C40.8147 258.589 29.1815 217.825 14.4052 179.076C-0.71285 139.465 -7.32377 99.5623 14.5418 60.1758Z"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.service-two__item__image {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 167.000000 161.000000"><g transform="translate(0.000000,161.000000) scale(0.050000,-0.050000)"><path d="M1530 3192 c-1489 -292 -2068 -2249 -891 -3010 731 -472 2074 -10 2505 862 552 1121 -398 2386 -1614 2148z"/></g></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 167.000000 161.000000"><g transform="translate(0.000000,161.000000) scale(0.050000,-0.050000)"><path d="M1530 3192 c-1489 -292 -2068 -2249 -891 -3010 731 -472 2074 -10 2505 862 552 1121 -398 2386 -1614 2148z"/></g></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.service-two__item__image img {
    width: 100%;
    height: auto;
}

.service-two__item__title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    max-width: 116px;
    margin: 0 auto;
}

/*# sourceMappingURL=kidearn.css.map */
/* ===== Language switcher dropdown trong header ===== */
.main-header--two .language-switcher--dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
    font-size: 12px;
}

/* Nút toggle (hiện ngôn ngữ đang chọn) */
.language-switcher__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    border: 1px solid var(--kidearn-base, #f25334);
    background-color: #ffffff;
    padding: 4px 10px;
    cursor: pointer;
    font-weight: 600;
    line-height: 1;
    transition: all 0.3s ease;
}

.language-switcher__toggle:hover {
    background-color: var(--kidearn-base, #f25334);
    color: #ffffff;
}

.language-switcher__chevron {
    font-size: 10px;
}

/* Flag icon chung */
.language-switcher__flag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

/* Thay đường dẫn đúng với file cờ của bạn */
.language-switcher__flag--vi {
    background-image: url("../images/flags/vn.svg");
}

.language-switcher__flag--en {
    background-image: url("../images/flags/uk.svg");
}

/* Menu dropdown */
.language-switcher__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 140px;
    padding: 6px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    display: none;
    z-index: 999;
}

/* Khi mở dropdown */
.language-switcher--dropdown.is-open .language-switcher__menu {
    display: block;
}

/* Item trong menu (vẫn dùng class language-switcher__btn để i18n.js nhận) */
.language-switcher__menu .language-switcher__btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.language-switcher__menu .language-switcher__btn:hover {
    background-color: rgba(242, 83, 52, 0.08);
}

/* Ngôn ngữ đang active (i18n.js gán .active) */
.language-switcher__menu .language-switcher__btn.active {
    background-color: var(--kidearn-base, #f25334);
    color: #ffffff;
}

/* Responsive: thu nhỏ trên tablet/mobile */
@media (max-width: 991px) {
    .main-header--two .language-switcher--dropdown {
        margin-left: 10px;
    }

    .language-switcher__toggle {
        padding: 3px 8px;
        font-size: 11px;
    }

    .language-switcher__flag {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 768px) {
    .main-header__logo img {
        width: 50px !important;
    }

    .main-header__inner {
        padding: 5px 0;
    }
}

/* Footer – danh sách cơ sở */
.footer-widget__campus-list .footer-campus-item {
    margin-bottom: 12px;
    font-size: 14px;
    color: wheat;
}

.footer-widget__campus-list .footer-campus-item strong {
    color: #fff;
}

.footer-widget__campus-list .footer-campus-item a {
    color: inherit;
}

.footer-widget__campus-list .footer-campus-item a:hover {
    text-decoration: underline;
}

.contact-widget--icons-only {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Nút icon tròn */
.contact-widget__icon-btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.contact-widget__icon-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.contact-widget__icon-btn img {
    width: 22px;
    height: 22px;
}

/* Màu theo kênh */
.contact-widget__icon-btn--fb {
    background: #1877f2;
}

.contact-widget__icon-btn--zalo {
    background: #0068ff;
}

.contact-widget__icon-btn--call {
    background: #0f59b2;
}

/* Mobile */
@media (max-width: 768px) {
    .contact-widget--icons-only {
        right: 14px;
        bottom: 14px;
    }
}

/* ---- POPUP PROGRAM INFO ---- */

.program-modal .modal-content {
    border-radius: 20px;
    padding: 25px;
    border: none;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.program-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.program-modal .modal-title {
    font-size: 22px;
    font-weight: 700;
    color: #1f2224;
}

.program-modal .modal-body {
    padding: 10px 5px 20px;
}

.program-modal h4 {
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 6px;
    color: #e67e22;
}

.program-modal p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 12px;
}

.program-modal .btn-close {
    background-color: transparent;
    filter: brightness(0);
}

.kidearn-btn--popup {
    padding: 12px 28px;
    border-radius: 30px;
    background: linear-gradient(45deg, #f25334, #ff8a65);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease;
}

.kidearn-btn--popup:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
    color: #fff;
}

.about-more-toggle {
    margin-top: 15px;
}

.about-pill {
    background: #ffffff;
    border-radius: 18px;
    padding: 16px 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    height: 100%;
}

.about-pill__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 8px;
    color: #28a745;
}

.about-pill__icon i {
    font-size: 18px;
}

.about-pill__text {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    margin: 0;
}

/* có thể đổi màu từng box nếu thích */
.about-pill--mission .about-pill__title {
    color: #27ae60;
}

.about-pill--philosophy .about-pill__title {
    color: #f39c12;
}

.about-pill--core .about-pill__title {
    color: #16a085;
}

.pricing-one .kidearn-btn {
    color: #fff;
    padding: 14px 60px;
    border-radius: 999px;
}

.pricing-one .kidearn-btn::before,
.pricing-one .kidearn-btn::after {
    display: none;
}

.pricing-one .kidearn-btn:hover {
    background-color: #122a4a;
    color: #fff;
}

.program-two .kidearn-btn {
    color: #fff;
    padding: 14px 60px;
    border-radius: 999px;
}

.program-two .kidearn-btn::before,
.program-two .kidearn-btn::after {
    display: none;
}

.program-two .kidearn-btn:hover {
    background-color: #122a4a;
    color: #fff;
}

.service-one__item__text {
    text-align: left;
    margin-top: 1rem;
}

.sec-title__text {
    margin-top: 1rem;
}

.grecaptcha-badge {
    display: none;
}

.video-two__content .kidearn-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--kidearn-secondary, #f25334);
    color: #242424;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--kidearn-font, "DM Sans", sans-serif);
    padding: 9.25px 30px;
    transition: 800ms;
    letter-spacing: 0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.video-two__content .kidearn-btn:before,
.video-two__content .kidearn-btn:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--kidearn-black, #0b2038);
    border-radius: 50%;
    color: rgba(var(--kidearn-white-rgb, 255, 255, 255), 0.1);
}

.video-two__content .kidearn-btn:before {
    left: -20px;
    transform: translate(-50%, -50%);
}

.video-two__content .kidearn-btn:after {
    right: -20px;
    transform: translate(50%, -50%);
}

.video-two__content .kidearn-btn:hover {
    color: #fff;
}

.video-two__content .kidearn-btn:hover:before {
    animation: criss-cross-left 0.8s both;
    animation-direction: alternate;
}

.video-two__content .kidearn-btn:hover:after {
    animation: criss-cross-right 0.8s both;
    animation-direction: alternate;
}

.video-two__content .kidearn-btn span {
    position: relative;
    color: inherit;
    z-index: 2;
    top: 1px;
}

@media (max-width: 768px) {
    *:active {
        /* background: transparent !important; */
        box-shadow: none !important;
        outline: none !important;
    }

    .service-one__item:active,
    .program-two__item:active,
    .funfact-one__item:active,
    a:active {
        opacity: 1 !important;
        transform: none !important;
    }
}

/*Banner HANOI*/
.service-one-hn,
.stats-one-hn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.service-one-hn img,
.stats-one-hn img {
    width: 100%;
}

.program-two .row {
    display: flex;
    flex-wrap: wrap;
}

.program-two .col-lg-3,
.program-two .col-md-6 {
    display: flex;
}

.program-two__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* =================================================
   PROGRAM HN – SCOPED STYLE (SAFE)
   ================================================= */
.program-hn {
    background: #fff5f5;
    padding-top: 80px;
}

.program-hn .program-box {
    background: var(--kidearn-white, #fff);
    border-radius: 20px;
    padding: 28px 32px 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.program-hn .program-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

.program-hn .program-box--with-image {
    display: flex;
    gap: 24px;
    background: #fff;
    border-radius: 16px;
    align-items: center;
}

.program-hn .program-box__content {
    flex: 1;
}

.program-hn .program-box__image {
    flex: 0 0 30%;
}

.program-hn .program-box__list--icon {
    list-style: none;
    padding: 0;
    margin: 0;
}

.program-hn .program-box__list--icon .program-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.program-hn .program-box__list--icon img {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Mobile */
@media (max-width: 767px) {
    .program-hn {
        padding-top: 60px;
    }

    .program-hn .program-box--with-image {
        flex-direction: column;
    }

    .program-hn .program-box__image {
        width: 100%;
    }
}

.program-hn .program-box__block {
    margin-top: 16px;
}

.program-hn .program-box__block-title {
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--kidlearn-black);
    font-size: 16px;
}

.program-hn .program-box__block-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.program-hn .program-box__block-icon {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    margin-top: 2px;
}

.program-hn .program-box__block-textwrap {
    flex: 1;
}

.program-hn .program-box__block-title {
    margin: 0 0 2px;
    font-weight: 600;
    color: var(--kidlearn-black);
}

.program-hn .program-box__block-text {
    margin: 0;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

.program-hn .program-box__block-text {
    font-size: 16px;
}

.program-hn .program-box__subtitle {
    margin: 8px 0 12px;
    font-weight: 500;
}

.program-hn .program-box__result {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px dashed #ddd;
    font-weight: 600;
    color: var(--kidlearn-primary);
}

.program-hn .image-hex-wrapper {
    width: 240px;
    height: 240px;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Nền phía sau */
.program-hn .image-hex-bg {
    position: absolute;
    inset: 0;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0% 50%);
    transform: translateY(6px) scale(1.05);
    z-index: 1;
}

.blue-hex-bg {
    background: #d2e3ff;
}

.yellow-hex-bg {
    background: #ffe4b8;
}

/* Ảnh */
.program-hn .image-hex-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0% 50%);
    z-index: 2;
}

/* ===============================
   IVY GALLERY SLIDER – STABLE
   =============================== */

.ivy-gallery {
    margin: 60px 0;
    padding: 60px 0;
    background: var(--kidearn-base, #1878ee);
}

.ivy-gallery.gallery-hcm {
    margin: 0;
}

h3.sec-title__title.text-center.mb-4 {
    color: var(--kidearn-white, #fff);
}

.ivy-gallery__tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.ivy-tab {
    padding: 4px 16px;
    margin-left: 4px;
    border-radius: 20px;
    border: none;
    background: #f1f3f6;
    color: #333;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

@media (max-width: 480px) {
    .ivy-tab {
        margin-left: 4px;
        margin-bottom: 8px;
    }
}

.ivy-tab.active {
    background: var(--kidearn-secondary, #ffde52);
    color: var(--kidearn-black, #0b2038);
    transform: scale(1.01);
}

.ivy-tab:not(.active) {
    opacity: 0.8;
    transform: scale(0.95);
}

/* Slider wrapper */
.ivy-gallery__slider {
    position: relative;
}

/* Track = horizontal slider */
.ivy-gallery__track {
    display: none;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
}

.ivy-gallery__track.active {
    display: flex;
}

/* Hide scrollbar */
.ivy-gallery__track::-webkit-scrollbar {
    display: none;
}

.ivy-gallery__track {
    scrollbar-width: none;
}

/* Item */
.ivy-gallery__track img {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 16px;
    scroll-snap-align: start;
    user-select: none;
}

/* Nav buttons */
.ivy-gallery__nav {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

.ivy-gallery__nav button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: var(--kidearn-secondary, #ffde52);
    color: var(--kidearn-black, #0b2038);
    font-size: 22px;
    cursor: pointer;
}

/* Mobile */
@media (max-width: 768px) {
    .ivy-gallery__track img {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* =====================================================
   IVY GALLERY DRAG/SWIPE - CSS SUPPORT
   ===================================================== */

.ivy-gallery__slider {
    overflow: visible !important;
}

.ivy-gallery__track {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap;
    touch-action: pan-x;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.ivy-gallery__track.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.ivy-gallery__track.is-dragging img {
    pointer-events: none;
}

.ivy-gallery__track:not(.is-dragging) {
    scroll-behavior: smooth;
}

/* =====================================================
   IVY HN AUTO GALLERY CSS
   ===================================================== */
.ivy-gallery-auto {
    padding: 60px;
}

.ivy-gallery-auto__tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.ivy-tab-auto {
    background: none;
    border: 2px solid transparent;
    padding: 8px 20px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    color: #666;
    transition: all 0.3s ease;
}

.ivy-tab-auto.active,
.ivy-tab-auto:hover {
    border-color: var(--kidearn-primary);
    color: var(--kidearn-primary);
    background-color: rgba(24, 120, 238, 0.05);
}

.ivy-gallery-auto__container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ivy-gallery-auto__track {
    display: none;
    width: max-content;
    gap: 20px;
    animation: gallery-scroll 100s linear infinite;
}

.ivy-gallery-auto__track.active {
    display: flex;
}

/* Pause on hover */
.ivy-gallery-auto__container:hover .ivy-gallery-auto__track {
    animation-play-state: paused;
}

.ivy-gallery-auto__item {
    flex: 0 0 auto;
    width: 45vw;
    max-width: 600px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) {
    .ivy-gallery-auto__item {
        width: 400px;
    }
}

@media (min-width: 1200px) {
    .ivy-gallery-auto__item {
        width: 550px;
        width: calc(50vw - 40px);
        max-width: 580px;
    }
}

@media (max-width: 768px) {
    .ivy-gallery-auto {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .ivy-gallery-auto__item {
        width: 85vw;
    }

    .ivy-gallery-auto__track {
        gap: 8px;
    }
}

.ivy-gallery-auto__item img,
.ivy-gallery-auto__item video {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

@keyframes gallery-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.ivy-gallery-auto__item--video {
    position: relative;
}

.gallery-video-play-btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 32px;
    width: 56px;
    height: 56px;
    cursor: pointer;
    z-index: 2;
}

.gallery-video-play-btn:active {
    background: rgba(0, 0, 0, 0.7);
}

/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
.cta-animation {
    animation: pulseScale 2s ease-in-out infinite;
}

.cta-animation-strong {
    animation: pulseScale 2s ease-in-out infinite;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 575px) {
    .cta-animation-strong {
        animation: pulseScaleMobile 1.6s ease-in-out infinite;
    }

    @keyframes pulseScaleMobile {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.12);
        }

        100% {
            transform: scale(1);
        }
    }
}

.swing-animation {
    /* animation-name: swing;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-iteration-count: infinite; */
    animation: idleSwing 2s ease-in-out infinite;
    transform-origin: bottom center;
}

@keyframes idleSwing {
    0% {
        transform: rotate(0);
    }

    5% {
        transform: rotate(18deg);
    }

    10% {
        transform: rotate(-14deg);
    }

    15% {
        transform: rotate(10deg);
    }

    20% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

/* ================= POPUP BASE ================= */
.ivy-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
}

.ivy-popup.active {
    display: block;
}

.ivy-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.ivy-popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 800px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;

    display: flex;
    flex-direction: column;
}

.ivy-popup__content--small {
    max-width: 520px;
}

.ivy-popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;

    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ivy-popup__image {
    width: 100%;
    height: 100%;
    /* chỉnh chiều cao ảnh ở đây */
    object-fit: cover;
    display: block;
}

.ivy-popup__actions {
    padding: 14px;
    text-align: center;
    background: #fff;
}

.ivy-popup__actions .btn {
    width: 90%;
    font-weight: 600;
}

.ivy-popup__btn--outline {
    background: transparent;
    color: #0f59b2;
    border: 2px solid #0f59b2;
}

@keyframes popupFadeIn {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

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

.ivy-popup__actions button:hover {
    /* background-color: var(--kidearn-base, #1878ee); */
    filter: brightness(0.95);
    /* color: var(--kidearn-white, #fff); */
}

@media (max-width: 480px) {
    .ivy-popup__content {
        width: calc(100% - 32px);
        max-width: none;
        border-radius: 14px;
    }

    .ivy-popup__actions {
        padding: 12px;
    }

    .ivy-popup__actions .btn {
        font-size: 15px;
        padding: 12px;
    }

    .ivy-popup__close {
        top: 8px;
        right: 8px;
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .ivy-popup__content {
        width: 90%;
        max-width: 640px;
    }
}

/* ===============================
   THANK YOU POPUP
================================ */

.ivy-popup--thankyou .ivy-popup__content {
    padding: 28px 24px 24px;
    text-align: center;
}

.ivy-popup__thankyou .ivy-popup__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0f59b2;
}

.ivy-popup__thankyou .ivy-popup__message {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
}

.ivy-popup__thankyou .ivy-popup__btn--close {
    width: 100%;
    padding: 12px;
    border-radius: 999px;
    font-weight: 600;
}

.ivy-popup--thankyou .ivy-popup__close {
    background: rgba(0, 0, 0, 0.08);
    color: #333;
}

.ivy-popup--thankyou .ivy-popup__close:hover {
    background: rgba(0, 0, 0, 0.15);
}

@media (max-width: 480px) {
    .ivy-popup__thankyou .ivy-popup__title {
        font-size: 18px;
    }

    .ivy-popup--thankyou .ivy-popup__content {
        padding: 40px 24px 24px;
    }

    .ivy-popup__thankyou .ivy-popup__message {
        font-size: 14px;
    }
}

/* CONTACT POPUP HN */
/* ===============================
   HN MINI VISIT POPUP
================================ */
/* Popup box */
@media (min-width: 992px) {
    .ivy-popup--hn-mini .ivy-popup__image--hn {
        max-height: 580px;
        object-fit: cover;
    }
}

.ivy-popup--hn-mini .ivy-popup__content--hn {
    max-width: 620px;
    width: 90vw;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

/* Overlay */
.ivy-popup__overlay--hn {
    background: rgba(0, 0, 0, 0.45);
}

/* Close button */
.ivy-popup__close--hn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 12px;
    font-size: 22px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

/* Image */
.ivy-popup--hn-mini .ivy-popup__image--hn {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* Form wrapper */
.ivy-popup--hn-mini .ivy-popup__actions--hn {
    padding: 16px;
}

/* ===============================
   MINI FORM
================================ */

.hn-mini-form {
    width: 100%;
}

/* Grid layout */
.hn-mini-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Field */
.hn-mini-form__field input,
.hn-mini-form__field select {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
}

.hn-mini-form__field--select select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 12px 8px;
}

/* Full width field */
.hn-mini-form__field--full {
    grid-column: 1 / -1;
}

/* Submit button */
.hn-mini-form__submit {
    width: 100%;
    height: 44px;
    font-weight: 600;
    border-radius: 8px;
    background: #ffde52;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.hn-mini-form__submit:hover {
    background: #f5cf2f;
}

/* ===============================
   MOBILE SAFE
================================ */

@media (max-width: 576px) {
    .ivy-popup--hn-mini .ivy-popup__content--hn {
        width: 92vw;
    }

    .hn-mini-form__grid {
        grid-template-columns: 1fr;
    }
}

/* ================= HN MINI FORM VALIDATION UI ================= */
.hn-mini-form input,
.hn-mini-form select {
    border: 1px solid #ddd;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.hn-mini-form input.error,
.hn-mini-form select.error {
    border-color: #e53935;
    background: #fff5f5;
    box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.12);
}

.hn-mini-form__error {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
    color: #e53935;
    font-weight: 500;
}

.hn-mini-form input.valid,
.hn-mini-form select.valid {
    border-color: #43a047;
    background: #f7fff9;
}

.hn-mini-form input:focus,
.hn-mini-form select:focus {
    outline: none;
    border-color: #ffde52;
    box-shadow: 0 0 0 2px rgba(255, 222, 82, 0.35);
}

.hn-mini-form__submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@media (max-width: 576px) {
    .hn-mini-form__error {
        font-size: 11.5px;
    }
}

.program-timeline {
    display: flex;
    align-items: stretch;
    gap: 24px;
    overflow-x: auto;
    padding: 20px 0;
    scroll-snap-type: x mandatory;
}

.program-node {
    min-width: 260px;
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    scroll-snap-align: start;
    position: relative;
}

.program-node__icon {
    width: 60px;
    height: 60px;
    background: #2390ff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 26px;
}

.program-node__content h4 {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;
}

.program-node__content .age {
    font-size: 13px;
    color: #2390ff;
    display: block;
    margin-bottom: 8px;
}

.program-node__content p {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

.program-line {
    width: 60px;
    height: 2px;
    background: linear-gradient(to right, #2390ff, #76c8ff);
    align-self: center;
    flex-shrink: 0;
}

.program-node--final .program-node__icon {
    background: linear-gradient(135deg, #0f5fcc, #2390ff);
}

/* =================================================
    HN - PARENT FEEDBACK SECTION
    ===================================================== */
.parent-feedback-hn {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 40px;
}

.parent-feedback-hn .video-one__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    object-position: 75% center;
}

.parent-feedback-hn .video-one__bg_mobile {
    display: none;
}

.video-one_wrapper {
    position: relative;
    z-index: 2;
    max-width: 400px;
    width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: 16px;
    overflow: hidden;
    border: 6px solid var(--kidearn-secondary, #ffde52);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    padding: 0;
    background: transparent;
}

.video-one_wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    display: block;
}

.video-one_wrapper .ivy-video-box {
    position: relative;
    top: auto;
    box-shadow: none;
    background: transparent;
}

.explore-video-play-btn,
.feedback-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 28px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Test new approach */
.video-content {
    position: relative;
    width: 100%;
    display: block;
}

.video-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 10;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 28px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
}

.video-play-overlay:hover {
    background: rgba(0, 0, 0, 0.8);
}

.explore-video-play-btn:hover,
.feedback-video-play-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* ===== TABLET ===== */
@media (min-width: 769px) and (max-width: 1024px) {
    .parent-feedback-hn .video-one__bg {
        display: block;
    }

    .parent-feedback-hn .video-one__bg_mobile {
        display: none;
    }

    .video-one_wrapper {
        max-width: 200px;
        margin-left: 10%;
        /* padding: 24px 0; */
        scale: 1;
    }

    .video-one_wrapper::before {
        inset: -6px;
        border-radius: 22px;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .parent-feedback-hn {
        justify-content: center;
        padding: 0;
        min-height: 300px;
        padding: 4px;
    }

    .parent-feedback-hn .video-one__bg {
        display: none;
    }

    .parent-feedback-hn .video-one__bg_mobile {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        object-position: 75% center;
    }

    .video-one_wrapper {
        margin-right: 0;
        margin-left: -16px;
        max-width: 160px;
        padding: 0;
        /* scale: 0.9; */
    }
}

/* =================================================
    HN - EXPLORE VIDEO SECTION (CSS ADJUSTMENT FOR EXPLORE VIDEO)
    ===================================================== */
.explore-hn .video-one__bg {
    object-position: 90% center;
}

@media (max-width: 768px) {
    .explore-hn .video-one__bg_mobile {
        object-position: 75% center;
    }
}

/* =================================================
    HN - NEW AUTO GALLERY SECTION
    ===================================================== */
/* Section */
.ivy-gallery-split {
    padding: 80px 0;
    background: #fff;
    overflow: hidden;
}

@media (max-width: 768px) {
    .ivy-gallery-split {
        padding-top: 60px;
    }
}

/* =====================================================
LAYOUT
===================================================== */
.ivy-split-layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

/* LEFT COLUMN */
.ivy-split-left {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* RIGHT COLUMN (VIDEO) */
.ivy-split-video {
    flex: 0 0 240px;
    display: flex;
    justify-content: center;
    padding: 6px;
    border: 3px solid var(--kidearn-base);
    border-radius: 24px;
}

/* =====================================================
TABS
===================================================== */

.ivy-split-tabs {
    display: flex;
    gap: 14px;
    flex-wrap: nowrap;
}

.ivy-split-tab {
    padding: 8px 20px;
    border-radius: 999px;
    border: 2px solid #ddd;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.ivy-split-tab:hover,
.ivy-split-tab.active {
    background: rgba(24, 120, 238, 0.05);
    border-color: var(--kidearn-primary);
    color: var(--kidearn-primary);
}

/* =====================================================
IMAGE SLIDER
===================================================== */

.ivy-split-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* Track */
.ivy-split-track {
    display: none;
    gap: 24px;
    width: fit-content;
    animation: ivy-split-slide 80s linear infinite;
}

.ivy-split-track.active {
    display: flex;
}

/* Images */
.ivy-split-track img {
    width: 440px;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
    flex-shrink: 0;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

/* Slide animation */
@keyframes ivy-split-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* =====================================================
VERTICAL VIDEO (9:16)
===================================================== */

.ivy-video-box {
    position: sticky;
    top: 120px;

    width: 100%;
    aspect-ratio: 9 / 16;

    border-radius: 24px;
    overflow: hidden;
    background: #000;

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}

.ivy-video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Play button */
.ivy-video-play {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    inset: 0;
    margin: auto;

    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;

    background: rgba(255, 255, 255, 0.95);
    color: #1878ee;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;

    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.3);
    transition: transform 0.25s ease;
}

.ivy-video-play:hover {
    transform: scale(1.1);
}

/* =====================================================
RESPONSIVE
===================================================== */

@media (max-width: 1200px) {
    .ivy-split-track img {
        width: 360px;
        height: 260px;
    }

    .ivy-split-video {
        flex: 0 0 260px;
    }
}

@media (max-width: 991px) {
    .ivy-split-left {
        width: 100%;
    }

    .ivy-split-tabs {
        flex-wrap: wrap;
    }

    .ivy-split-layout {
        flex-direction: column;
    }

    .ivy-split-video {
        flex: unset;
        max-width: 320px;
        margin: 0 auto;
    }

    .ivy-video-box {
        position: relative;
        top: unset;
    }
}

@media (max-width: 576px) {
    .ivy-split-tabs {
        justify-content: center;
        row-gap: 10px;
        column-gap: 10px;
        max-width: 100%;
    }

    .ivy-split-tab {
        flex: 0 0 auto;
        min-width: unset;
    }

    .ivy-split-track img {
        width: 310px;
        height: 220px;
    }

    .ivy-video-box {
        max-width: 260px;
    }
}