.woocommerce-cart .cart__customize .kadence-woo-cart-form-wrap {
    position: relative;
}

.checkout__section .woocommerce-checkout {
    position: relative !important;
    z-index: 2;

}

.session__certification {
    overflow: hidden;
}

.checkout__bird,
.woocommerce-checkout .checkout__wave {
    pointer-events: none;
}

@media (min-width: 1025px) {
    html {
        font-size: 1.115vw;
    }
}

@media (min-width: 782px) {
    .add_to_cart--customize {
        right: var(--p18);
        bottom: var(--p20);
    }

}

@media (min-width: 782px) and (max-width: 1024px) {
    html {
        font-size: 1.105vw;
    }

}

@media (max-width: 781px) {
    .add_to_cart--customize {
        right: var(--s10);
        bottom: var(--s18);
    }

}



/*animation*/
.site-main,
.hero_banner,
.session__why>.wp-block-group__inner-container>h2,
.why__brief,
.why__list .wp-block-column,
.why__tinhtuy,
.session__product h2,
.product__list .product,
.red__but,
.video__full,
.session__value h2,
.value__brief,
.value__main,
.value__list .wp-block-column,
.banner__full,
.certification__block .wp-block-column,
.session__feedback h2,
.session__feedback .wp-block-essential-blocks-post-carousel,
.site-footer,
.eb-breadcrumb,
.kadence-breadcrumbs,
.session__top .wp-block-column,
.session__story .wp-block-column,
.shop__title,
.shop-combined-filters,
.kadence-shop-top-row,
.products .entry,
.woocommerce-pagination,
.summary.entry-summary,
.entry-content.wc-tab,
.related.products h2,
.new__list li,
.entry-related-title,
.entry-related-carousel,
.session__contact h2,
.contact__brief,
.wp-block-kadence-googlemaps,
.contact__form {
    opacity: 0;
}

.site-main.in-view {
    -webkit-animation: fadeIn 0.7s ease forwards;
    animation: fadeIn 0.7s ease forwards;
}

.hero_banner.in-view,
.product__list .product.in-view,
.red__but.in-view,
.session__feedback .wp-block-essential-blocks-post-carousel.in-view,
.site-footer.in-view,
.eb-breadcrumb.in-view,
.kadence-breadcrumbs.in-view,
.shop-combined-filters.in-view,
.kadence-shop-top-row.in-view,
.woocommerce-pagination.in-view,
.summary.entry-summary.in-view,
.entry-content.wc-tab.in-view,
.new__list li.in-view,
.entry-related-carousel.in-view,
.contact__form.in-view {
    -webkit-animation: fadeIn 1.2s ease forwards;
    animation: fadeIn 1.2s ease forwards;
}

.session__why>.wp-block-group__inner-container>h2.in-view,
.why__brief.in-view,
.session__product h2.in-view,
.session__value h2.in-view,
.value__brief.in-view,
.value__list .wp-block-column.in-view,
.session__feedback h2.in-view,
.shop__title.in-view,
.products .entry.in-view,
.related.products h2.in-view,
.entry-related-title.in-view,
.session__contact h2.in-view,
.contact__brief.in-view {
    -webkit-animation: fadeInUp 1.2s ease forwards;
    animation: fadeInUp 1.2s ease forwards;
}

.why__list .wp-block-column.in-view {
    -webkit-animation: fadeToLeft 1.2s ease forwards;
    animation: fadeToLeft 1.2s ease forwards;
}

.why__tinhtuy.in-view,
.value__main.in-view,
.wp-block-kadence-googlemaps.in-view {
    -webkit-animation: smallSmall 1.2s ease forwards;
    animation: smallSmall 1.2s ease forwards;
}

.video__full.in-view,
.banner__full.in-view {
    -webkit-animation: smallLarge 1.2s ease forwards;
    animation: smallLarge 1.2s ease forwards;
}

.certification__block .wp-block-column:nth-child(1).in-view,
.session__story .wp-block-column:nth-child(1).in-view {
    -webkit-animation: fadeInLeft 1.2s ease forwards;
    animation: fadeInLeft 1.2s ease forwards;
}

.certification__block .wp-block-column:nth-child(2).in-view,
.session__story .wp-block-column:nth-child(2).in-view {
    -webkit-animation: fadeInRight 1.2s ease forwards;
    animation: fadeInRight 1.2s ease forwards;

}

.session__top .wp-block-column.in-view {
    -webkit-animation: fadeInDown 1.2s ease forwards;
    animation: fadeInDown 1.2s ease forwards;
}

.why__list .wp-block-column:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.why__list .wp-block-column:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.why__list .wp-block-column:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.entry-related-carousel,
.session__feedback .wp-block-essential-blocks-post-carousel,
.why__list .wp-block-column:nth-child(4) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}




.certification__path {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation: birdAnim 40s infinite alternate;
    animation: birdAnim 40s infinite alternate;
}

@-webkit-keyframes birdAnim {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes birdAnim {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
    }

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


@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(30%);
        transform: translateX(30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(30%);
        transform: translateX(30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-30%);
        transform: translateX(-30%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


@-webkit-keyframes smallLarge {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes smallLarge {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes smallSmall {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes smallSmall {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes fadeToLeft {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8) translateX(100vw);
        transform: scale(0.8) translateX(100vw);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
}

@keyframes fadeToLeft {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8) translateX(100vw);
        transform: scale(0.8) translateX(100vw);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
    }

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

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
    }

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