@import url("../js/library/fontawesome/css/all.css");
@import url("../js/library/aos/aos.css");
@import url("../js/library/swiper/swiper-bundle.min.css");
@import url("../js/library/slick/slick.css");
@import url("../js/library/themify-icons/themify-icons.css");
@import url("../js/library/wow/animate.min.css");
@import url("../js/library/datetime/daterangepicker.css");
@import url("../js/library/themifi/themify-icons.css");
@import url("../js/library/magnific/magnific-popup.css");
@import url("../js/library/gallery/lightgallery.min.css");
@import url("../assets/font/Themify/stylesheet.css");
@import url("../assets/font/Quicksand/stylesheet.css");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none !important;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

@media screen and (min-width: 2800px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width: 3900px) {
    html {
        font-size: 30px;
    }
}

.submit-button {
    position: absolute;
    background: unset;
    width: 2.4rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

body {
    font-family: "Quicksand", sans-serif;
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    color: #000;
    overflow: auto;
}

a {
    text-decoration: none;
}

button,
select {
    border: none;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1200px) {
    .home-introl~.sec-target .target-decor {
        transform: unset;
    }
}

.container-two {
    width: calc(100vw - (100vw - 117rem) / 2);
    max-width: 100%;
}

.container.container-three {
    max-width: 128rem;
    transform: translateX(-4rem);
}

@media screen and (max-width: 1300px) {
    .container.container-three {
        max-width: 120rem;
        transform: translateX(0);
    }
}

.img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main {
    min-height: 68vh;
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 120rem;
    height: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.over {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.over::-webkit-scrollbar {
    display: none;
}

.no-scroll {
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none;
}

iframe {
    vertical-align: middle;
}

.effectShine {
    position: relative;
    overflow: hidden;
}

.effectShine::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.wow {
    animation-duration: 1s;
}

.dnor {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    margin: 0 -1.5rem;
    flex-wrap: wrap;
}

.dnor-item {
    padding: 0 1.5rem;
}

.dmini {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}

.dmini-item {
    padding: 0 0.5rem;
}

@-moz-keyframes phoneRing {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes phoneRing {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-o-keyframes phoneRing {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes phoneRing {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-35deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(35deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-35deg) scale(1.1) skew(1deg);
    }
    40% {
        transform: rotate(35deg) scale(1.1) skew(1deg);
    }
    50% {
        transform: rotate(-35%) scale(1) skew(1deg);
    }
    60% {
        transform: rotate(35%) scale(1) skew(1deg);
    }
    70% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes ZoomIn {
    0% {
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ZoomIn {
    50% {
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes Spinner {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes Spinner {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes BTT {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes halo {
    from {
        transform: translate(-50%, -50%) scale(0);
    }
    to {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes mirror {
    100% {
        transform: translate3d(2000%, 0, 0) rotate(35deg);
    }
}

@keyframes DownUp {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-4vw);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes jelly {
    25% {
        transform: scale(0.9, 1.1);
    }
    50% {
        transform: scale(1.1, 0.9);
    }
    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes jellyTranForm {
    25% {
        transform: translate(-50%, -50%) scale(0.9, 1.1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1, 0.9);
    }
    75% {
        transform: translate(-50%, -50%) scale(0.95, 1.05);
    }
}

@keyframes jittery {
    5%,
    50% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.9);
    }
    15% {
        transform: scale(1.05);
    }
    20% {
        transform: scale(1.05) rotate(-5deg);
    }
    25% {
        transform: scale(1.05) rotate(5deg);
    }
    30% {
        transform: scale(1.05) rotate(-3deg);
    }
    35% {
        transform: scale(1.05) rotate(2deg);
    }
    40% {
        transform: scale(1.05) rotate(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes grow {
    from {
        transform: scale(0, 0);
        opacity: 1;
    }
    to {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }
    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }
    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@-moz-keyframes cloud2 {
    0%,
    100% {
        -moz-transform: translateY(0) rotate(6deg);
    }
    50% {
        -moz-transform: translateY(-30px) rotate(-8deg);
    }
}


/* Styles for dialog window */

#small-dialog {
    background: white;
    padding: 2rem 3rem;
    text-align: left;
    max-width: 40rem;
    margin: 4rem auto;
    position: relative;
}


/**
 * Fade-zoom animation for first dialog
 */


/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}


/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}


/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}


/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}


/**
 * Fade-move animation for second dialog
 */


/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}


/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}


/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}


/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.back-to-top {
    width: 4rem;
    height: 4rem;
    border-radius: 10rem;
    background-color: #fff;
    box-shadow: rgba(234, 59, 152, 0.2) 0px 0.8rem 2.4rem;
    position: fixed;
    bottom: 6rem;
    right: 3rem;
    z-index: 7;
    transform: translateX(3rem);
    opacity: 0;
    transition: 0.5s linear;
    cursor: pointer;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .back-to-top {
        right: 1.5rem;
    }
}

.back-to-top.active {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
}

.back-to-top .triangle {
    display: block;
    width: 0;
    height: 0;
    z-index: 2;
    border: 0.8rem solid transparent;
    border-bottom: 0.6rem solid #ff5662;
    margin-top: -0.6rem;
    border-radius: 0.5rem;
}

.back-to-top .triangle:nth-child(1) {
    animation: BTT 1.5s linear 0.6s infinite;
}

.back-to-top .triangle:nth-child(2) {
    animation: BTT 1.5s linear 0.3s infinite;
}

.back-to-top .triangle:nth-child(3) {
    animation: BTT 1.5s linear 0s infinite;
}

@media only screen and (min-width: 901px) {
    .back-to-top:hover {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
}

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #ff5662;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #ff5662;
}

.header {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    height: 6rem;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}

@media screen and (max-width: 1200px) {
    .header {
        background: #fff;
    }
}

.dvanced-content-des {
    font-size: 1.6rem;
}

.header-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: center;
    -webkit-justify-content: center;
    height: 6rem;
    position: relative;
    transition: 0.3s ease-in-out;
}

@media screen and (max-width: 1200px) {
    .header-wrap {
        padding: unset;
    }
}

.header-nav {
    position: absolute;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.header-nav-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin: 0 -2rem;
}

@media screen and (max-width: 1200px) {
    .header-nav-list {
        display: none;
    }
}

.header-nav-item {
    position: relative;
}

.header-nav-item>.smenu {
    margin-top: 1.8rem;
    position: absolute;
}

.header-nav-item:hover>.smenu {
    transform: translateX(0);
    opacity: 1;
    visibility: unset;
}

.header-nav-item:hover .header-nav-link {
    color: #ff5662;
}

.header-nav-item::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: transparent;
    visibility: hidden;
}

.header-nav-item::after {
    content: "";
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: #8f6c53;
    transition: 0.3s ease-in-out;
}

.header-nav-link {
    color: #4684ff;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: capitalize;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    padding: 0 2rem;
    display: block;
}

.header-nav-link.active {
    color: #ff5662 !important;
}

.header-nav-link.active {
    color: #ff5662;
}

.header-logo {
    display: flex;
    justify-content: center;
    cursor: pointer;
    transition: 0.6s ease-in-out;
}

.header-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header .header-nav.left {
    left: 0;
}

.header .header-nav.right {
    right: 0;
}

.header-group {
    z-index: 5;
}

.header-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 0 -0.8rem;
    width: fit-content;
    margin-left: auto;
}

.header-icon.active input {
    width: 15rem;
}

.header-icon {
    padding: 0 0.8rem;
}

.header-icon .box {
    position: relative;
}

.header-icon .input {
    padding: 1rem;
    width: 3rem;
    height: 3rem;
    background: none;
    border: 1px solid #4684ff;
    border-radius: 5rem;
    box-sizing: border-box;
    color: #ff5662;
    outline: none;
    transition: 0.5s;
}

@media screen and (min-width: 1200px) {
    .header-icon .box:hover input {
        width: 15rem;
        padding-right: 2.4rem;
    }
}

.header-icon .box i {
    position: absolute;
    top: 50%;
    right: 0.1rem;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    color: #4684ff;
    transition: 0.2s;
    font-weight: 400;
}

.header-lang {
    padding: 0 0.8rem;
}

.header-lang-inner {
    padding: 1rem 1.6rem;
    background: #fedfee;
    border-radius: 5rem;
    line-height: 1;
}

.header-lang .link-lang {
    display: inline-block;
    color: #4684ff;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
}

.header-lang .link-lang:first-child {
    padding-right: 0.8rem;
    border-right: 1px solid #ff5662;
}

.header-lang .link-lang:last-child {
    padding-left: 0.8rem;
}

.header-lang .link-lang.active {
    color: #ff5662;
}

.header.trans.sticky {
    background: #fff;
}

.header.trans.sticky .header-group {
    transform: translateY(-100vw);
}

@media screen and (max-width: 1200px) {
    .header .container .header-group {
        display: none;
    }
}

.footer {
    position: relative;
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(../assets/images/center-ft.png);
    background-size: cover;
}

.footer.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: 100%;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    top: -50%;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

.footer-bg {
    position: absolute;
    bottom: 99%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 10vw;
}

.footer-bg img {
    width: 100%;
}

.footer-wrap {
    position: relative;
    padding-top: 6rem;
}

.footer-decor {
    width: 15vw;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.footer-decor img {
    width: 20rem;
}

@media screen and (max-width: 767px) {
    .footer-decor {
        width: 25vw;
    }
}

.footer-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 950px) {
    .footer-flex {
        flex-direction: column;
    }
}

.footer-col {
    width: 35%;
    padding: 0 1.5rem;
    z-index: 2;
}

.footer-col:last-child {
    margin-left: auto;
}

@media screen and (max-width: 950px) {
    .footer-col:last-child {
        margin-top: 2.4rem;
        margin-left: unset;
    }
}

@media screen and (max-width: 950px) {
    .footer-col {
        text-align: center;
        width: 100%;
    }
}

.footer-list li:nth-child(5) {
    margin-top: 1.6rem;
}

.footer-list span {
    display: block;
}

.footer-list .name {
    font-weight: 700;
    font-size: 2.4rem;
    color: #ff5662;
    margin-bottom: 2.6rem;
}

@media only screen and (max-width: 1200px) {
    .footer-list .name {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 800px) {
    .footer-list .name {
        font-size: 1.7rem;
    }
}

.footer-list .address {
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
}

.footer-list .address a {
    color: #4684ff;
}

.footer-list .phone {
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
    padding: 0.8rem 0;
}

.footer-list .mail {
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
}

.footer-list .res {
    color: #ff5662;
    font-weight: 700;
    font-size: 2rem;
    padding-bottom: 0.8rem;
}

@media only screen and (max-width: 1200px) {
    .footer-list .res {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .footer-list .res {
        font-size: 1.6rem;
    }
}

.footer-link-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1rem;
}

@media screen and (max-width: 1200px) {
    .footer-link-flex {
        flex-direction: column;
        text-align: center;
    }
}

.footer-w50 {
    padding: 0 1rem;
    width: 50%;
}

@media screen and (max-width: 950px) {
    .footer-w50 {
        width: 100%;
    }
}

.footer-links {
    display: block;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
    padding: 0.4rem;
    transition: 0.3s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .footer-links:hover {
        color: #ff5662;
    }
}

.footer-input {
    position: relative;
}

@media screen and (max-width: 950px) {
    .footer-input {
        margin: 0 auto;
        max-width: 70%;
    }
}

.footer-input .input {
    padding: 1.3rem 3.2rem 1.3rem 1.6rem;
    color: #4684ff;
    width: 100%;
    background: #fec7cb;
    border-radius: 1rem;
    border: none;
    outline: none;
    font-family: "Quicksand";
    font-size: 1.6rem;
    font-weight: 500;
}

.footer-input .input::placeholder {
    font-family: "Quicksand";
    color: #000;
    font-weight: 400;
    font-size: 1.4rem;
}

.footer-input .icon {
    color: #ff5662;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
}

.footer-mxh {
    padding-top: 3.2rem;
    padding-bottom: 2.3rem;
}

@media screen and (max-width: 1200px) {
    .footer-mxh {
        padding-top: 2.4rem;
        padding-bottom: 1.6rem;
    }
}

.footer-mxh-flex {
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -0.6rem;
}

.footer-mxh-flex a {
    display: block;
    padding: 0 0.6rem;
    z-index: 1;
}

.footer-mxh-flex a img {
    display: block;
    width: 3rem;
}

.footer-logo {
    text-align: center;
    padding-bottom: 1.6rem;
}

.footer-logo img {
    width: 30rem;
    height: 7.5rem;
}

.footer-logo a {
    display: block;
}

.footer-brand .swiper-brand {
    padding-bottom: 6rem;
}

.footer-brand .brand {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
    transition: 0.2s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .footer-brand .brand:hover {
        font-weight: 700;
        color: #ff5662;
    }
}

.footer-brand .swiper-brand-prev,
.footer-brand .swiper-brand-next {
    z-index: 10;
    width: 2rem;
    height: 2rem;
    font-size: 1.6rem;
    padding: 1.6rem;
    border-radius: 10rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .footer-brand .swiper-brand-prev:hover,
    .footer-brand .swiper-brand-next:hover {
        background: #ff5662;
        color: #fff;
    }
}

.footer-brand .swiper-brand-prev {
    position: absolute;
    top: 0;
    left: 0;
}

.footer-brand .swiper-brand-next {
    position: absolute;
    top: 0;
    right: 0;
}

.burger {
    cursor: pointer;
    padding-left: 0.8rem;
    margin-left: 0.8rem;
    position: absolute;
    right: 0;
}

@media screen and (min-width: 1201px) {
    .burger {
        display: none;
    }
}

.hamburger .line {
    width: 3.2rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    background-color: #ff5662;
    display: block;
    margin: 0.5rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: auto;
}

#hamburger.active .line:nth-child(1) {
    width: 2.2rem;
    margin-left: auto;
}

#hamburger.active .line:nth-child(2) {
    margin-left: auto;
}

#hamburger.active .line:nth-child(3) {
    width: 2.8rem;
    margin-left: auto;
}

.mobile {
    position: fixed;
    top: 6rem;
    left: 0;
    bottom: 0;
    min-width: 50rem;
    max-width: 100%;
    background-color: white;
    box-shadow: 0rem 1rem 2.4rem rgba(0, 0, 0, 0.05);
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transform: translateX(-110%);
    z-index: 140;
}

.mobile-decor {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transform: translateY(-50%);
    z-index: -1;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.mobile-decor img {
    width: 15vw;
}

@media screen and (max-width: 800px) {
    .mobile-decor img {
        width: 20vw;
    }
}

@media screen and (max-width: 600px) {
    .mobile-decor img {
        width: 25vw;
    }
}

@media screen and (max-width: 400px) {
    .mobile-decor img {
        width: 30vw;
    }
}


/* .mobile::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
    background-image: url(../assets/images/bg-moblie.png);
    z-index: -1;
} */

@media screen and (max-width: 500px) {
    .mobile {
        width: 100%;
        min-width: initial;
    }
}

.mobile.open {
    transform: translateX(0);
}

@media screen and (min-width: 1201px) {
    .mobile {
        display: none;
    }
}

.mobile-con {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.mobile-heading {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #ff5662;
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.mobile-overlay {
    position: fixed;
    z-index: 100;
    top: 6rem;
    left: 0;
    bottom: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -ms-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-110%);
}

.mobile-overlay.open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

@media screen and (min-width: 1201px) {
    .mobile-overlay {
        display: none;
    }
}

.mobile-wr {
    padding: 6rem 2rem;
    position: relative;
}

.mobile-list {
    margin-bottom: 2rem;
}

.mobile-item.active .mobile-arrow {
    transform: rotate(90deg);
}

.mobile-item .smenu {
    position: relative;
    min-width: initial;
    background-color: transparent;
    box-shadow: none;
    z-index: 2;
    transition: initial;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    display: none;
}

.mobile-item .smenu::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    bottom: 2rem;
    width: 0.1rem;
    background-color: #ff5662;
}

.mobile-item>.smenu {
    margin-left: 0.8rem;
    padding-left: 0.8rem;
}

.mobile-item .smenu-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
}

.mobile-item .smenu-link.active .mobile-arrow {
    transform: rotate(90deg);
}

.mobile-item .smenu-item.active {
    background-color: transparent;
}

.mobile-item .smenu-item.active .smenu-link {
    color: #ff5662;
}

.mobile-item .smenu-item.active .mobile-arrow {
    transform: rotate(90deg);
}

.mobile-item .smenu-item:hover {
    background-color: transparent;
}

.mobile-item .smenu-item:hover .smenu-link {
    color: #ff5662;
}

.mobile-item .smenu-item>.smenu {
    margin-left: 0.8rem;
    padding-left: 0.8rem;
    position: static;
}

.mobile-link {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 1.5rem 0;
    line-height: 1.2;
    color: #ff5662;
    font-weight: 700;
}

.mobile-link.active .mobile-arrow {
    transform: rotate(90deg);
}

.mobile-arrow {
    font-size: 1.8rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1.2rem;
}

.mobile-mxh {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    z-index: 2;
}

.mobile-mxh-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex: 1;
    height: 100%;
    background-color: #ff5662;
    cursor: pointer;
}

.mobile-mxh-link:not(:first-child) {
    border-left: 0.1rem solid rgba(255, 255, 255, 0.1);
}

.mobile-mxh-link .icon {
    color: #ffffff;
}

.mobile-text {
    font-size: 1.4rem;
    display: block;
    color: #ff5662;
    word-break: break-word;
    font-weight: 700;
}

.mobile-account {
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.mobile-re {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.mobile-re-link {
    font-size: 1.6rem;
    color: #ff5662;
    text-decoration: underline;
}

.mobile-re-link:not(:first-child) {
    margin-left: 1.6rem;
}

.mobile-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    border: 0.1rem solid #ff5662;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: pointer;
    background-color: white;
}

.mobile-close:hover .icon {
    transform: rotate(360deg);
}

.mobile-close .icon {
    transition: 0.6s ease-in-out;
    font-weight: 500;
    font-size: 1.8rem;
    color: #ff5662;
}

.mobile-sub {
    display: none;
}

.mobile-sub-link {
    color: #4684ff;
    font-weight: 500;
    display: inline-block;
    padding: 0.8rem 0;
}

.mobile .header-flex {
    flex-direction: column;
    width: 100%;
    margin-left: unset;
}

.mobile .header-icon {
    margin-bottom: 1.2rem;
    width: 100%;
}

.mobile .header-icon .box i {
    position: unset;
    top: unset;
    right: unset;
}

.mobile .box button {
    position: absolute;
    right: 0;
    top: 50%;
    background: transparent;
}

.mobile .header-icon .input {
    width: 100%;
}

.sec-form {
    position: relative;
}

.sec-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(../assets/images/center.png);
    background-size: cover;
    display: none;
}

.form {
    padding-top: 10rem;
    padding-bottom: 10rem;
    /*style the arrow inside the select element:*/
    /*point the arrow upwards when the select box is open (active):*/
    /*style the items (options), including the selected item:*/
    /*style items (options):*/
    /*hide the items when the select box is closed:*/
}

@media screen and (max-width: 1200px) {
    .form {
        padding-bottom: 5rem;
        padding-top: unset;
    }
}

.form-br {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.form-br img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.form-bg {
    position: absolute;
    bottom: 99.5%;
    left: 0;
    width: 100%;
    height: 10vw;
    margin-bottom: -0.1rem;
}

.form-bg img {
    height: 100%;
    width: 100%;
}

.form-decor {
    width: 15vw;
    position: absolute;
    bottom: -18rem;
    left: -17rem;
    z-index: -1;
}

.form-decor img {
    width: 27rem;
}

@media screen and (max-width: 1200px) {
    .form-decor {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .form-decor {
        width: 25vw;
    }
}

.form-decor-two {
    width: 25vw;
    position: absolute;
    bottom: -10rem;
    right: -18rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
    z-index: 1;
}

.form-decor-two img {
    width: 34rem;
}

@media screen and (max-width: 1200px) {
    .form-decor-two {
        display: none;
    }
}

.form-decor-three {
    width: 25vw;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.form-title {
    text-align: center;
    padding-bottom: 2.4rem;
}

.form-title img {
    width: 48rem;
}

.form-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -0.8rem;
    align-items: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 490px) {
    .form-flex {
        flex-direction: column;
    }
}

.form-col {
    padding: 0 0.8rem;
    width: 40%;
}

@media screen and (max-width: 1000px) {
    .form-col {
        width: 50%;
    }
}

@media screen and (max-width: 490px) {
    .form-col {
        width: 80%;
        padding: 1.6rem 0;
    }
}

.form-btn {
    padding: 0 0.8rem;
    width: 20%;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .form-btn {
        padding-top: 2.4rem;
        margin: 0 auto;
        width: fit-content;
    }
}

.form-btn-inner {
    padding: 1.2rem 2rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    transition: 0.6s ease-in;
    background: linear-gradient(180deg, #fe9c8b 0%, #fd1143 100%);
    border: 0.1rem solid #f60f83;
    border-radius: 1rem;
    align-items: center;
    transition: all ease-in-out 0.5s;
    cursor: pointer;
}

@media screen and (min-width: 1200px) {
    .form-btn-inner:hover {
        background: linear-gradient(180deg, #95b0ff 0%, #4f69ff 100%);
        border: 0.1rem solid #4684ff;
        -webkit-animation: jelly 1s ease-in-out;
        -moz-animation: jelly 1s ease-in-out;
        -o-animation: jelly 1s ease-in-out;
        animation: jelly 1s ease-in-out;
    }
}

.form-btn-inner a {
    display: inline-block;
    padding-left: 0.8rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
}

.form-btn-inner .icon {
    display: inline-block;
    color: #fff;
    margin-left: auto;
}

@media screen and (max-width: 1000px) {
    .form-btn-inner .icon {
        padding-left: 1.6rem;
    }
}

.form .select .select2-search .select2-search--dropdown {
    display: none !important;
}

.form .custom-select {
    position: relative;
    font-family: "Quicksand";
    background: #fff;
    border-radius: 1rem;
}

.form .custom-select::after {
    content: "";
    position: absolute;
    margin: -1px;
    inset: 0;
    z-index: -1;
    background: linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 1%, rgb(239, 16, 128) 1%, rgb(246, 15, 131) 2%, rgb(71, 133, 255) 85%, rgb(71, 133, 255) 99%, rgb(0, 0, 0) 0%);
    border-radius: inherit;
}

.form .custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.form .select-selected:after {
    position: absolute;
    content: "";
    top: 2rem;
    right: 1rem;
    width: 0;
    height: 0;
    border: 0.6rem solid transparent;
    border-color: #000 transparent transparent transparent;
}

.form .select-selected.select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 0.7rem;
}

.form .select-items div,
.form .select-selected {
    color: #000;
    padding: 0.8rem 1.6rem;
    border: 0.1rem solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-size: 1.4rem;
}

.form .select-items {
    position: absolute;
    background-color: #fff;
    top: 105%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 17rem;
    overflow-y: auto;
}

.form .select-hide {
    display: none;
}

.form .select-items div:hover,
.form .same-as-selected {
    background-color: rgba(246, 15, 131, 0.3);
}

.mirror {
    position: relative;
    overflow: hidden;
}

.mirror::after {
    content: "";
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: -50%;
    bottom: -50%;
    width: 1.25em;
    transform: translate3d(-2000%, 0, 0) rotate(35deg);
}

.mirror:hover::after {
    -webkit-animation: mirror 0.4s;
    animation: mirror 0.4s;
}

.sl-cus {
    position: relative;
}

.sl-cus.min {
    min-width: 12rem;
}

.sl-cus.min:not(:first-child) {
    margin-left: 0.5rem;
}

.sl-head {
    background-color: #f8f8f8;
    height: 4rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    padding: 0 1.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
    cursor: pointer;
    border-radius: 0.6rem;
}

.sl-head::before {
    content: "";
    position: absolute;
    right: 1rem;
    top: 1.3rem;
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-bottom: 0.5rem solid #4684ff;
}

.sl-head::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: 1.3rem;
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-top: 0.5rem solid #4684ff;
}

.sl-main {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sl-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    background-color: white;
    z-index: 10;
    display: none;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    max-height: 200px;
    overflow-y: auto;
}

.sl-item {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #000;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.sl-item:hover {
    background-color: #4684ff;
    color: white;
}

.smenu {
    position: absolute;
    min-width: 20rem;
    background-color: white;
    box-shadow: 2rem 2rem 3rem rgba(0, 0, 0, 0.16);
    z-index: 2;
    transition: 0.2s ease-in-out;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(0.5rem);
    border-radius: 0.4rem;
}

.smenu-block {
    padding: 1rem 2.6rem;
}

.smenu-block>.smenu-link {
    padding: 0;
}

.smenu-block-wrap {
    margin-left: 2.2rem;
}

.smenu-item {
    position: relative;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
}

.smenu-item:first-child {
    border-radius: 0.4rem 0.4rem 0 0;
}

.smenu-item:last-child {
    border-radius: 0 0 0.4rem 0.4rem;
}

.smenu-item:hover>.smenu {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.smenu-item>.smenu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0.4rem;
}

.smenu-item.active,
.smenu-item:hover {
    background-color: #ff5662;
}

.smenu-item.active>.smenu-link,
.smenu-item:hover>.smenu-link {
    color: white;
}

.smenu-item.active>.smenu-link .icon,
.smenu-item:hover>.smenu-link .icon {
    color: white;
}

.smenu-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    color: #ff5662;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2.6rem;
    transition: 0.2s ease-in-out;
    position: relative;
}

.smenu-link .icon {
    font-size: 1.2rem;
    font-weight: 600;
    color: #9eb0c0;
    transition: 0.2s ease-in-out;
}

.smenu-link-mini {
    font-size: 1.4rem;
    color: #ff5662;
    display: block;
    font-weight: 300;
    transition: 0.2s ease-in-out;
}

.smenu-link-mini.active,
.smenu-link-mini:hover {
    color: #4684ff;
}

.smenu-link-mini:not(:last-child) {
    margin-bottom: 0.6rem;
}

.banner {
    position: relative;
}

.banner.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

.banner-img-inner {
    position: relative;
    padding-top: 28.8773148148%;
}

@media screen and (max-width: 800px) {
    .banner-img-inner {
        padding-top: 45%;
    }
}

@media screen and (max-width: 500px) {
    .banner-img-inner {
        padding-top: 65%;
    }
}

@media screen and (max-width: 350px) {
    .banner-img-inner {
        padding-top: 80%;
    }
}

.banner-img-inner img {
    z-index: -1;
}

.banner-decor {
    position: absolute;
    width: 15vw;
    bottom: 8rem;
    right: 12rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.banner-decor img {
    width: 20rem;
}

.banner-decor.banner-decor-left {
    left: 0;
    right: unset;
}

.banner-decor.banner-decor-left img {
    width: 30rem;
}

.mobile .header-group {
    transform: translateY(0) !important;
}

@media screen and (max-width: 450px) {
    .register-visit-sec .popup-form .form-control-inner:nth-child(even) {
        margin-top: unset;
    }
}

.banner-decor.banner-decor-left>img {
    transform: scaleX(-1);
}

@media screen and (max-width: 1200px) {
    .banner-decor {
        display: none;
    }
}

.homeban.py-sec {
    padding-bottom: 0;
    padding-top: 20rem;
}

@media screen and (max-width: 767px) {
    .homeban.py-sec {
        padding-top: 15rem;
    }
}

.homeban~.sec-study {
    margin-bottom: unset;
}

.homeban-title {
    margin-bottom: 3rem;
}

.homeban-title img {
    width: 60rem;
}

.home-study {
    position: relative;
    padding-bottom: 20rem;
}

.home-study.active:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

@media screen and (max-width: 1200px) {
    .home-study {
        padding-bottom: 16rem;
    }
    .home-study:after {
        display: none;
    }
}

.home-study .study-decor-three {
    bottom: 6.4rem;
}

.home-study .study-decor-three img {
    width: 30rem;
}

.homeban {
    overflow: hidden;
    position: relative;
    padding-bottom: 15rem;
}

.homeban::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: cover;
    background-image: url(../assets/images/banner-page.png);
}

.homeban.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}

.homeban-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

@media screen and (max-width: 767px) {
    .homeban-flex {
        flex-direction: column;
        text-align: center;
    }
}

.homeban-left {
    width: 41.6666666667%;
}

@media screen and (max-width: 767px) {
    .homeban-left {
        width: 100%;
    }
}

.homeban-right {
    width: 58.3333333333%;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .homeban-right {
        width: 100%;
    }
}

.homeban-des {
    color: #4684ff;
    font-weight: 700;
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    .homeban-des {
        padding: 2.4rem 0;
    }
}

.homeban .swiper {
    padding: 30rem;
    margin: -30rem;
}

.homeban-img {
    position: relative;
    padding-top: 100%;
    border-radius: 50%;
}

.homeban-img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(120% + 0.1rem);
    height: calc(120% + 0.1rem);
    z-index: 1;
    box-shadow: inset 0 0 2rem 2rem rgba(255, 255, 255, 0.7), inset 0 0 8rem 1.5rem white, inset 0 0 10rem 6rem rgba(255, 255, 255, 0.6), inset 0 0 30rem 6rem white;
    border-radius: 50%;
}

.homeban-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    z-index: -1;
    box-shadow: 0 0 2rem 2rem rgba(255, 255, 255, 0.7), 0 0 8rem 1.5rem rgba(255, 255, 255, 0.6), 0 0 10rem 8rem rgba(255, 255, 255, 0.6), 0 0 30rem 6rem white;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .homeban-img::before {
        box-shadow: none;
    }
    .homeban-img::after {
        box-shadow: none;
    }
}

.homeban-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    width: 120%;
    height: 120%;
    max-width: unset;
}

@media screen and (max-width: 767px) {
    .homeban-img img {
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
    .homeban-img video {
        width: 100%;
        height: 100% !important;
        max-width: 100%;
    }
}

.banner .banner-breadcrum {
    position: absolute;
    inset: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: -1;
}

.breadcrum-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.breadcrum-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -8px;
    justify-content: center;
    flex-wrap: wrap;
}

.breadcrum-links {
    padding: 0 0.8rem;
    font-weight: 700;
    font-size: 1.6rem;
    position: relative;
    display: inline-block;
    transition: 0.3s ease-in;
    line-height: 1;
    color: #000;
}

@media screen and (min-width: 1200px) {
    .breadcrum-links:hover {
        color: #ff5662;
    }
}

li:not(:first-child) .breadcrum-links::before {
    content: "";
    transform: translate(-50%, -50%);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100px;
    left: 0;
    top: 50%;
    position: absolute;
    background: #000;
}

.breadcrum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.breadcrum-name {
    text-align: center;
    padding-bottom: 1.6rem;
    font-weight: 700;
    font-size: 3.2rem;
    background: linear-gradient(180deg, #fe9085 0%, #fd234d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .breadcrum-name {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .breadcrum-name {
        font-size: 2.2rem;
    }
}

.button {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.button-text {
    font-weight: 1.4rem;
    line-height: 1.2;
    color: #000;
}

.bubbly-button {
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

.bubbly-button:before,
.bubbly-button:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}

.bubbly-button:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff5662 20%, transparent 30%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff5662 15%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.bubbly-button:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff5662 15%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%), radial-gradient(circle, #ff5662 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.bubbly-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

.bubbly-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}

.input {
    font-family: "Roboto", sans-serif;
    width: 100%;
}

.input-area {
    height: auto;
}

.form-fl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    margin: 0 -0.5rem;
}

.form-fl-item {
    padding: 0 0.5rem;
}

.form-fl-item-2 {
    width: 50%;
}

.form-fl-item-3 {
    width: 33.3333333333%;
}

.form-gr:not(:last-child) {
    margin-bottom: 2rem;
}

.pagination {
    padding-bottom: 6rem;
}

@media screen and (max-width: 1200px) {
    .pagination {
        padding-bottom: 0;
    }
}

.page-numbers {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.page-numbers.m-top {
    margin-top: 3rem;
}

.page-numbers>li:not(:first-child) {
    margin-left: 0.8rem;
}

.page-numbers>li>.page-numbers {
    width: 4rem;
    height: 4rem;
    border-radius: 100rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: rgba(70, 132, 255, 0.1);
    font-weight: 700;
    color: #4684ff;
    cursor: pointer;
    font-size: 1.4rem;
}

.page-numbers>li>.page-numbers:hover {
    background-color: #4684ff;
    color: #fff;
}

.page-numbers>li>.page-numbers.current {
    color: white;
    background: #4684ff;
}

.page-numbers>li>.page-numbers .icon {
    font-weight: 400;
}

.pro-list {
    margin-bottom: -3rem;
}

.pro-item {
    margin-bottom: 3rem;
}

.pro-item-2 {
    width: 50%;
}

.pro-item-3 {
    width: 33.3333333333%;
}

@media screen and (max-width: 500px) {
    .pro-item-3 {
        width: 50%;
    }
}

.pro-item-4 {
    width: 25%;
}

@media screen and (max-width: 500px) {
    .pro-item-4 {
        width: 50%;
    }
}

.pro-item-5 {
    width: 20%;
}

@media screen and (max-width: 500px) {
    .pro-item-5 {
        width: 50%;
    }
}

.prose-list {
    margin-bottom: -3rem;
}

.prose-item {
    margin-bottom: 3rem;
}

.prose-item-2 {
    width: 50%;
}

.prose-item-3 {
    width: 33.3333333333%;
}

@media screen and (max-width: 500px) {
    .prose-item-3 {
        width: 50%;
    }
}

.prose-item-4 {
    width: 25%;
}

@media screen and (max-width: 500px) {
    .prose-item-4 {
        width: 50%;
    }
}

.prose-item-5 {
    width: 20%;
}

@media screen and (max-width: 500px) {
    .prose-item-5 {
        width: 50%;
    }
}

.proth-list {
    margin-bottom: -3rem;
}

.proth-item {
    margin-bottom: 3rem;
}

.proth-item-2 {
    width: 50%;
}

.proth-item-3 {
    width: 33.3333333333%;
}

@media screen and (max-width: 500px) {
    .proth-item-3 {
        width: 50%;
    }
}

.proth-item-4 {
    width: 25%;
}

@media screen and (max-width: 500px) {
    .proth-item-4 {
        width: 50%;
    }
}

.proth-item-5 {
    width: 20%;
}

@media screen and (max-width: 500px) {
    .proth-item-5 {
        width: 50%;
    }
}

.search-mona {
    position: fixed;
    top: 11.5rem;
    right: 1.5rem;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
}

@media screen and (max-width: 1200px) {
    .search-mona {
        top: 7.1rem;
    }
}

.search-mona.sticky {
    top: 7.5rem;
}

@media screen and (max-width: 1200px) {
    .search-mona.sticky {
        top: 6.1rem;
    }
}

.search-mona.open {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.search-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: stretch;
    min-width: 25rem;
}

.search-input {
    font-family: "Roboto", sans-serif;
    outline: none;
    border: 1px solid #000000;
    font-size: 1.6rem;
    color: #000;
    flex: 1;
    height: 4rem;
    padding: 0 1.2rem;
    background-color: white;
}

.search-input::placeholder {
    color: #000;
}

.search-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-shrink: 0;
    width: 4rem;
    background-color: #000000;
    cursor: pointer;
}

.search-btn:hover .icon {
    transform: scale(1.05);
}

.search-btn .icon {
    width: 1.6rem;
    height: 1.6rem;
}

.t-title {
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #ff5662;
}

@media only screen and (max-width: 1200px) {
    .t-title {
        font-size: 3.5rem;
    }
}

@media only screen and (max-width: 800px) {
    .t-title {
        font-size: 2.7rem;
    }
}

.t-title.white {
    color: white;
}

.t-title.m-nor {
    margin-bottom: 2.4rem;
}

.t-title-second {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #ff5662;
}

@media only screen and (max-width: 1200px) {
    .t-title-second {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 800px) {
    .t-title-second {
        font-size: 1.7rem;
    }
}

.t-title-second.m-nor {
    margin-bottom: 2.4rem;
}

.t-center {
    text-align: center;
}

.fw-1 {
    font-weight: 100;
}

.fw-2 {
    font-weight: 200;
}

.fw-3 {
    font-weight: 300;
}

.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}

.fw-7 {
    font-weight: 700;
}

.fw-8 {
    font-weight: 800;
}

.fw-b {
    font-weight: bold;
}

.fsi {
    font-style: italic;
}

.t-up {
    text-transform: uppercase;
}

.t9 {
    font-size: 0.9rem;
}

.t11 {
    font-size: 1.1rem;
}

.t12 {
    font-size: 1.2rem;
}

.t14 {
    font-size: 1.4rem;
}

.t16 {
    font-size: 1.6rem;
}

.t18 {
    font-size: 1.8rem;
}

@media only screen and (max-width: 1200px) {
    .t18 {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 800px) {
    .t18 {
        font-size: 1.5rem;
    }
}

.t24 {
    font-size: 2.4rem;
}

@media only screen and (max-width: 1200px) {
    .t24 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 800px) {
    .t24 {
        font-size: 1.7rem;
    }
}

.t32 {
    font-size: 3.2rem;
}

@media only screen and (max-width: 1200px) {
    .t32 {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .t32 {
        font-size: 2.2rem;
    }
}

.t40 {
    font-size: 4rem;
}

@media only screen and (max-width: 1200px) {
    .t40 {
        font-size: 3.5rem;
    }
}

@media only screen and (max-width: 800px) {
    .t40 {
        font-size: 2.7rem;
    }
}

.t48 {
    font-size: 4.8rem;
}

@media only screen and (max-width: 1200px) {
    .t48 {
        font-size: 4.3rem;
    }
}

@media only screen and (max-width: 800px) {
    .t48 {
        font-size: 3.3rem;
    }
}

.t56 {
    font-size: 5.6rem;
}

@media only screen and (max-width: 1200px) {
    .t56 {
        font-size: 5.1rem;
    }
}

@media only screen and (max-width: 800px) {
    .t56 {
        font-size: 4rem;
    }
}

.t64 {
    font-size: 6.4rem;
}

@media only screen and (max-width: 1200px) {
    .t64 {
        font-size: 3.9rem;
    }
}

@media only screen and (max-width: 800px) {
    .t64 {
        font-size: 2.9rem;
    }
}

.t72 {
    font-size: 7.2rem;
}

@media only screen and (max-width: 1200px) {
    .t72 {
        font-size: 5rem;
    }
}

@media only screen and (max-width: 800px) {
    .t72 {
        font-size: 4rem;
    }
}

.title-h2 {
    font-weight: 700;
    font-size: 2rem;
    color: #ff5662;
}

@media only screen and (max-width: 1200px) {
    .title-h2 {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .title-h2 {
        font-size: 1.6rem;
    }
}

.heading {
    font-size: 1.6rem;
    color: #000;
}

.py-60 {
    padding: 6rem 0;
}

.py-24 {
    padding: 2.4rem 0;
}

.py-8 {
    padding: 0.8rem 0;
}

.pt-8 {
    padding-top: 0.8rem;
}

.pb-8 {
    padding-bottom: 0.8rem;
}

.py-30 {
    padding: 3rem 0;
}

.my-30 {
    margin: 3rem 0;
}

.py-16 {
    padding: 1.6rem 0;
}

.pt-150 {
    padding-top: 15rem;
}

.py-sec {
    padding-top: 6rem;
    padding-bottom: 21.5rem;
}

@media screen and (max-width: 1000px) {
    .py-sec {
        padding: 9rem 0;
    }
}

@media screen and (max-width: 767px) {
    .py-sec {
        padding-top: 6rem;
        padding-bottom: 15rem;
    }
}

.container-second {
    width: 100%;
    max-width: 77rem;
    height: 100%;
    margin: 0 auto;
}

.c-pri {
    color: #ff5662;
}

.c-second {
    color: #4684ff;
}

.c-third {
    color: #f05123;
}

.c-four {
    color: #f05123;
}

.c-five {
    color: #f05123;
}

.c-white {
    color: white;
}

.c-black {
    color: #000000;
}

.bc-pri {
    background-color: #ff5662;
}

.bc-second {
    background-color: #4684ff;
}

.bc-third {
    background-color: #f05123;
}

.bc-four {
    background-color: #f05123;
}

.bc-five {
    background-color: #f05123;
}

.over-hd {
    overflow: hidden;
}

.z-i-1 {
    z-index: 1;
}

.z-i-2 {
    z-index: 2;
}

.z-i-3 {
    z-index: 3;
}

.z-i-4 {
    z-index: 4;
}

.z-i-5 {
    z-index: 5;
}

.swiper-pagination {
    position: static;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2 {
    margin-bottom: 0.2rem;
}

.mb-4 {
    margin-bottom: 0.4rem;
}

.mb-6 {
    margin-bottom: 0.6rem;
}

.mb-8 {
    margin-bottom: 0.8rem;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-10s:not(:last-child) {
    margin-bottom: 1rem;
}

.mb-12 {
    margin-bottom: 1.2rem;
}

.mb-12s:not(:last-child) {
    margin-bottom: 1.2rem;
}

.mb-14 {
    margin-bottom: 1.4rem;
}

.mb-14s:not(:last-child) {
    margin-bottom: 1.4rem;
}

.mb-15 {
    margin-bottom: 1.5rem;
}

.mb-15s:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mb-16 {
    margin-bottom: 1.6rem;
}

.mb-16s:not(:last-child) {
    margin-bottom: 1.6rem;
}

.mb-18 {
    margin-bottom: 1.8rem;
}

.mb-18s:not(:last-child) {
    margin-bottom: 1.8rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-20 .mb-30 {
    margin-bottom: 3rem;
}

.mb-20 .mb-30s:not(:last-child) {
    margin-bottom: 3rem;
}

.mb-20s:not(:last-child) {
    margin-bottom: 2rem;
}

.mb-24 {
    margin-bottom: 2.4rem;
}

.mb-24s:not(:last-child) {
    margin-bottom: 2.4rem;
}

.mb-25 {
    margin-bottom: 2.5rem;
}

.mb-25s:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-30s:not(:last-child) {
    margin-bottom: 3rem;
}

.mb-32 {
    margin-bottom: 3.2rem;
}

.mb-32s:not(:last-child) {
    margin-bottom: 3.2rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-40s:not(:last-child) {
    margin-bottom: 4rem;
}

.mb-48 {
    margin-bottom: 4.8rem;
}

.mb-48s:not(:last-child) {
    margin-bottom: 4.8rem;
}

.mb-56 {
    margin-bottom: 5.6rem;
}

.mb-56s:not(:last-child) {
    margin-bottom: 5.6rem;
}

.mb-64 {
    margin-bottom: 6.4rem;
}

.mb-64s:not(:last-child) {
    margin-bottom: 6.4rem;
}

.mb-72 {
    margin-bottom: 7.2rem;
}

.mb-72s:not(:last-child) {
    margin-bottom: 7.2rem;
}

.mb-80 {
    margin-bottom: 8rem;
}

.mb-80s:not(:last-child) {
    margin-bottom: 8rem;
}

.m-mid {
    margin: 0 auto;
}

.m-end {
    margin-left: auto;
}

.m-start {
    margin-right: auto;
}

.f-mid {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.ss-mg {
    margin: 8rem 0;
}

@media screen and (max-width: 1200px) {
    .ss-mg {
        margin: 4rem 0;
    }
}

.ss-mg-t {
    margin-top: 8rem;
}

@media screen and (max-width: 1200px) {
    .ss-mg-t {
        margin-top: 4rem;
    }
}

.ss-mg-b {
    margin-bottom: 8rem;
}

@media screen and (max-width: 1200px) {
    .ss-mg-b {
        margin-bottom: 4rem;
    }
}

.ss-pd {
    padding: 8rem 0;
}

@media screen and (max-width: 1200px) {
    .ss-pd {
        padding: 4rem 0;
    }
}

.ss-pd-t {
    padding-top: 8rem;
}

@media screen and (max-width: 1200px) {
    .ss-pd-t {
        padding-top: 4rem;
    }
}

.ss-pd-b {
    padding-bottom: 8rem;
}

@media screen and (max-width: 1200px) {
    .ss-pd-b {
        padding-bottom: 4rem;
    }
}

.recheck-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.recheck-input:checked~.recheck-dot::before {
    opacity: 1;
}

.recheck-dot {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100rem;
    background-color: #f8f8f8;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    position: relative;
    flex-shrink: 0;
}

.recheck-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100rem;
    background-color: #4684ff;
    transition: 0.1s ease-in-out;
    opacity: 0;
}

.recheck-text {
    margin-left: 0.8rem;
}

.star {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-content: start;
}

.star-list {
    position: relative;
    height: 2rem;
}

.star-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.star-flex .icon {
    width: 1.8rem;
    height: 1.8rem;
}

.star-flex .icon:not(:first-child) {
    margin-left: 0.4rem;
}

.star-filter {
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 100%;
    width: 0;
}

@media screen and (max-width: 1200px) {
    .side-fixed {
        position: fixed;
        width: 30rem;
        max-width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: white;
        z-index: 51;
        transition: 0.4s ease-in-out;
        opacity: 0;
        transform: translateX(110%);
        visibility: hidden;
    }
    .side-fixed.open {
        opacity: 1;
        transform: translate(0, 0);
        visibility: visible;
    }
}

@media screen and (max-width: 1200px) {
    .side-fixed-wrap {
        padding: 6rem 2.4rem;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
}

.side-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 50;
    transition: 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(110%);
    visibility: hidden;
}

.side-overlay.open {
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;
}

@media screen and (min-width: 1201px) {
    .side-overlay {
        display: none;
    }
}

.side-open {
    width: 4rem;
    height: 4rem;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 40;
    background-color: #4684ff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 100rem 0 0 100rem;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}

.side-open.close {
    opacity: 0;
    transform: translate(100%, -50%);
    visibility: visible;
}

@media screen and (min-width: 1201px) {
    .side-open {
        display: none;
    }
}

.side-open-wrap {
    width: 3rem;
    height: 3rem;
    border-radius: 100rem;
    background-color: white;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.side-open-wrap .icon {
    color: #4684ff;
    font-weight: 600;
    font-size: 1.6rem;
}

.side-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    background-color: white;
    border: 0.1rem solid #ff5662;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: pointer;
}

.side-close:hover .icon {
    transform: rotate(360deg);
}

.side-close .icon {
    font-size: 1.8rem;
    font-weight: 400;
    transition: 0.6s ease-in-out;
}

@media screen and (min-width: 1201px) {
    .side-close {
        display: none;
    }
}

.user {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .user {
        display: none;
    }
}

.user:hover .user-name {
    color: #4684ff;
}

.user:hover .user-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.user-ava {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100rem;
}

.user-ava img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-name {
    font-size: 1.4rem;
    color: #bcbcbc;
    margin-left: 0.4rem;
    transition: 0.3s ease-in-out;
}

.user-menu {
    position: absolute;
    top: 150%;
    background-color: #f8f8f8;
    min-width: 15rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 1;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.5rem);
}

.user-menu .link {
    display: block;
    cursor: pointer;
    padding: 0.6rem 1.5rem;
    white-space: nowrap;
    text-transform: capitalize;
    color: #ff5662;
    transition: 0.1s ease-in-out;
    font-weight: 500;
}

.user-menu .link:hover {
    color: white;
    background-color: #4684ff;
}

.mxh-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-left: -0.8rem;
}

.mxh-link {
    display: block;
    width: 3rem;
    height: 3rem;
    border-radius: 100rem;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    margin-left: 0.8rem;
}

.mxh-link:hover {
    transform: translateY(-0.5rem);
}

.mxh-link .icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cmini {
    position: fixed;
    top: 12rem;
    right: 0;
    height: 50%;
    min-width: 28rem;
    max-width: 28rem;
    box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.16);
    background-color: white;
    transition: 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
}

@media screen and (max-width: 1200px) {
    .cmini {
        top: 60px;
    }
}

.cmini.sticky {
    top: 60px;
}

@media screen and (max-width: 1200px) {
    .cmini.sticky {
        top: 56px;
    }
}

.cmini.sticky::before {
    width: 12px;
    height: 12px;
    top: -6px;
}

@media screen and (max-width: 1200px) {
    .cmini.sticky::before {
        width: 18px;
        height: 18px;
        top: -9px;
        right: 15px;
    }
}

.cmini::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: white;
    top: -12px;
    right: 40px;
    transition: 0.6s ease-in-out;
    transition-delay: 0.5s;
    transform: rotate(45deg);
}

@media screen and (max-width: 1200px) {
    .cmini::before {
        width: 18px;
        height: 18px;
        top: -9px;
        right: 15px;
    }
}

.cmini::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background-color: white;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .cmini {
        top: 72px;
    }
}

.cmini-wrap {
    padding: 16px;
    height: calc(100% - 60px);
    overflow-y: auto;
    position: relative;
}

.cmini-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    cursor: pointer;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cmini-item:not(:last-child) {
    margin-bottom: 16px;
}

.cmini-item:hover .cart-name {
    color: #4684ff;
}

.cmini-item:hover .cmini-img {
    border: 1px solid #4684ff;
}

.cmini-img {
    width: 100px;
    height: 100px;
    background: #f8f8f8;
    flex-shrink: 0;
    position: relative;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}

.cmini-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cmini-delete {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 24px;
    height: 24px;
    border-radius: 100rem;
    background-color: #d0cbcd;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: pointer;
    transition: 0.6s ease-in-out;
}

.cmini-delete:hover {
    transform: rotate(360deg);
}

.cmini-delete .icon {
    color: white;
    font-size: 1.4rem;
    font-weight: 300;
}

.cmini-content {
    margin-left: 16px;
}

.cmini-content .cart-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cmini-color {
    width: 16px;
    height: 16px;
    margin-top: 14px;
}

.cmini-button {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 16px;
}

.sec-study {
    position: relative;
    margin-bottom: 6rem;
}

@media screen and (max-width: 1200px) {
    .sec-study {
        margin-bottom: unset;
    }
}

.sec-study::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    background-image: url(../assets/images/center-study.png);
    background-size: cover;
}

.study-decor {
    width: 20vw;
    position: absolute;
    bottom: 95%;
    left: 0;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.study-decor img {
    width: 37rem;
}

@media screen and (max-width: 767px) {
    .study-decor {
        width: 25vw;
    }
}

.study-decor-two {
    -webkit-animation: DownUp 12s ease-in-out infinite;
    -moz-animation: DownUp 12s ease-in-out infinite;
    -o-animation: DownUp 12s ease-in-out infinite;
    animation: DownUp 12s ease-in-out infinite;
    width: 15vw;
    position: absolute;
    bottom: 90%;
    right: -7rem;
}

.study-decor-two img {
    width: 24rem;
}

.home-introl .study-decor-two {
    -webkit-animation: DownUp 12s ease-in-out infinite;
    -moz-animation: DownUp 12s ease-in-out infinite;
    -o-animation: DownUp 12s ease-in-out infinite;
    animation: DownUp 12s ease-in-out infinite;
    width: 15vw;
    position: absolute;
    bottom: 90%;
    right: -30rem;
}

.home-introl .study-decor-two img {
    width: 24rem;
}

.study-decor-two.two {
    width: 20vw;
    bottom: 100%;
    right: -18rem;
}

@media screen and (max-width: 767px) {
    .study-decor-two {
        width: 25vw;
    }
}

.study-decor-three {
    width: 15vw;
    position: absolute;
    bottom: 5.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.study-decor-three img {
    width: 30rem;
}

@media screen and (max-width: 767px) {
    .study-decor-three {
        width: 25vw;
    }
}

.study-decor-four {
    width: 15vw;
    position: absolute;
    bottom: 100%;
    right: -12rem;
    -webkit-animation: DownUp 8s ease-in-out infinite;
    -moz-animation: DownUp 8s ease-in-out infinite;
    -o-animation: DownUp 8s ease-in-out infinite;
    animation: DownUp 8s ease-in-out infinite;
}

.study-decor-four img {
    width: 23rem;
}

@media screen and (max-width: 767px) {
    .study-decor-four {
        width: 25vw;
    }
}

.study-decor-five {
    width: 15vw;
    position: absolute;
    bottom: 50%;
    left: -18rem;
    -webkit-animation: DownUp 8s ease-in-out infinite;
    -moz-animation: DownUp 8s ease-in-out infinite;
    -o-animation: DownUp 8s ease-in-out infinite;
    animation: DownUp 8s ease-in-out infinite;
}

.study-decor-five img {
    width: 34rem;
}

@media screen and (max-width: 1200px) {
    .study-decor-five {
        display: none;
    }
}

.study-bg {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10vw;
}

.study-bg img {
    height: 100%;
    width: 100%;
}

.study-title {
    text-align: center;
    margin-bottom: 2.4rem;
}

.study-title img {
    width: 72rem;
}

.study-flex {
    padding-bottom: 8rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 600px) {
    .study-flex {
        flex-direction: column;
    }
}

.study-col {
    width: 50%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 600px) {
    .study-col {
        width: 100%;
    }
    .study-col:last-child {
        padding-top: 16px;
    }
}

.study-item {
    text-align: center;
    padding: 2rem;
    background: #fff;
    border-radius: 15rem;
    height: 100%;
}

@media screen and (max-width: 1200px) {
    .study-item {
        padding: 1.4rem;
        border-radius: 2rem;
    }
}

.study-item-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(180deg, #fbf3fb 0%, #f1faf9 100%);
    border-radius: 15rem;
    padding: 2rem;
}

@media screen and (max-width: 1200px) {
    .study-item-inner {
        padding: 1.4rem;
        border-radius: 2rem;
    }
}

.study .form-btn {
    width: fit-content;
    margin: 0 auto;
    margin-top: auto;
}

.study .form-btn-inner {
    padding: 1.2rem 3rem;
}

.study .form-btn-inner i {
    padding-left: 0.8rem;
}

.sec-solution {
    position: relative;
}

.sec-page-solution::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 100%;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 3s ease-in;
    -moz-animation: fadeIn 3s ease-in;
    -o-animation: fadeIn 3s ease-in;
    animation: fadeIn 3s ease-in;
    animation-delay: 1s;
}

.sec-solution::before {
    z-index: -1;
    position: absolute;
    content: "";
    inset: 0;
    background-image: url(../assets/images/center-grclass.png);
    background-size: cover;
}

.solution-bg {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    height: 15vw;
}

.solution-bg img {
    width: 100%;
    height: 100%;
}

.solution-decor-two {
    position: absolute;
    width: 20vw;
    bottom: 100%;
    left: -18rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.solution-decor-two img {
    width: 37rem;
}

@media screen and (max-width: 1200px) {
    .solution-decor-two {
        display: none;
    }
}

.solution-decor {
    position: absolute;
    width: 11vw;
    z-index: 1;
    right: -12rem;
    transform: translate(0, -50%);
    top: 65%;
    animation: DownUp 6s ease-in-out infinite;
}

.solution-decor img {
    width: 27rem;
}

@media screen and (max-width: 1200px) {
    .solution-decor {
        display: none;
    }
}

.solution-wrap {
    overflow: hidden;
}

.solution-title {
    font-weight: 700;
    font-size: 3.2rem;
    text-align: center;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .solution-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .solution-title {
        font-size: 2.2rem;
    }
}

.solution-text {
    margin: 0 auto;
    width: fit-content;
}

.solution-text span {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    background: linear-gradient(180deg, #6327ec 0%, #852de3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 0 16px;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .solution-text span {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .solution-text span {
        font-size: 1.6rem;
    }
}

.solution-text span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    transform: translateY(-50%);
    border-radius: 10rem;
    background: linear-gradient(180deg, #6327ec 0%, #852de3 100%);
}

.solution-text span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.6rem;
    height: 0.6rem;
    transform: translateY(-50%);
    border-radius: 10rem;
    background: linear-gradient(180deg, #6327ec 0%, #852de3 100%);
}

.solution-teacher {
    text-align: center;
    margin: 0 -2.5rem;
}

@media screen and (max-width: 635px) {
    .solution-teacher {
        margin: 0 -0.8rem;
    }
}

.solution-teacher .text {
    transition: 0.4s ease-in-out;
    display: inline-block;
    padding: 0 2.5rem;
    font-weight: 700;
    font-size: 2rem;
    color: #ff5662;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .solution-teacher .text {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .solution-teacher .text {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1200px) {
    .solution-teacher .text:hover {
        color: #4684ff;
    }
}

@media screen and (max-width: 635px) {
    .solution-teacher .text {
        padding: 0 0.8rem;
    }
}

.solution-teacher .text.active {
    color: #4684ff;
}


/* .solution-content {
    display: none;
} */

.solution-content.open {
    display: block;
    animation: fadeInUp 0.6s ease-in-out;
}

.solution-content-wrap {
    background: #d0d6f0;
    border-radius: 15rem;
    padding: 2.4rem;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .solution-content-wrap {
        border-radius: 2rem;
        padding: 1.4rem;
    }
}

.solution-content-inner {
    background-image: url(../assets/images/bg-form.png);
    border-radius: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
}

.solution-content-inner.open {
    display: block;
}

@media screen and (max-width: 1200px) {
    .solution-content-inner {
        border-radius: 2rem;
    }
}

.solution-content-inner.open {
    display: block;
}

.solution-des {
    padding-left: 3rem;
}

@media screen and (max-width: 1200px) {
    .solution-des {
        padding-left: unset;
        padding: 1.6rem;
        max-height: 32rem;
        overflow-y: auto;
    }
}

@media screen and (max-width: 460px) {
    .solution-box-name {
        padding: 0 1.2rem;
    }
}

.solution-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .solution-flex {
        flex-direction: column;
    }
}

.solution-col {
    width: 50%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .solution-col {
        width: 100%;
        margin-top: 1.6rem;
    }
}

.solution-img {
    position: relative;
    padding-top: 83.8827838828%;
}

@media screen and (max-width: 767px) {
    .solution-img {
        padding-top: 60%;
    }
}

.solution-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 15rem 15rem 0px;
}

.solution-tab {
    padding-top: 2.6rem;
}

@media screen and (max-width: 767px) {
    .solution-tab {
        padding-top: 1.6rem;
    }
}

.solution-tab-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 767px) {
    .solution-tab-flex {
        justify-content: center;
    }
}

@media screen and (max-width: 460px) {
    .solution-tab-flex {
        justify-content: flex-start;
        margin: 0 -0.8rem;
        flex-wrap: unset;
        max-width: 100%;
        overflow-x: auto;
    }
    .solution-tab-flex::-webkit-scrollbar {
        height: 0.2rem;
    }
}

.solution-box {
    width: 20%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .solution-box {
        width: 33.3333333333%;
    }
}

@media screen and (max-width: 460px) {
    .solution-box {
        padding: 0 0.8rem;
        width: 100%;
        margin-bottom: 1.2rem;
    }
}

.solution-box-inner {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    min-height: 20rem;
    border-radius: 15rem;
    padding: 0 2.4rem;
    transition: 0.3s ease-in;
    background: linear-gradient(180deg, #c8bdfc 0%, #fce7fe 100%);
    box-shadow: 0.2rem 1rem 1rem rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 460px) {
    .solution-box-inner {
        padding: 0 1.2rem;
        min-height: unset;
        border-radius: 5rem;
        padding: 2.4rem 1.2rem;
    }
}

.solution-box-inner.active {
    position: relative;
    background: linear-gradient(180deg, #ffe6db 0%, #fb9eaa 100%);
    box-shadow: 0.2rem 0.4rem 0.2rem #f2707d;
}

.solution-box-inner.active::before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 50%;
    border: 3.6rem solid transparent;
    transform: translateX(-50%);
    border-color: #d0d6f0 transparent transparent transparent;
    z-index: -1;
}

@media screen and (max-width: 1200px) {
    .solution-box-inner.active::before {
        border: 2.4rem solid transparent;
        border-color: #d0d6f0 transparent transparent transparent;
    }
}

@media screen and (max-width: 767px) {
    .solution-box-inner.active::before {
        display: none;
    }
}

.solution-box-name .text {
    font-weight: 700;
    font-size: 2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .solution-box-name .text {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .solution-box-name .text {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 460px) {
    .solution-box-name .text {
        font-size: 1.4rem;
        white-space: nowrap;
    }
}

.grclass {
    padding-top: 5rem;
}

.grclass .swiper-slide {
    height: initial;
}

@media screen and (max-width: 1000px) {
    .grclass {
        padding-top: 6.4rem;
    }
}

.grclass .grclass-dropdown.form {
    padding-top: unset;
    padding-bottom: unset;
}

.grclass-title {
    text-align: center;
    font-weight: 700;
    font-size: 3.2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-bottom: 4rem;
}

@media only screen and (max-width: 1200px) {
    .grclass-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .grclass-title {
        font-size: 2.2rem;
    }
}

.grclass-item {
    height: 100%;
    text-align: center;
}

.grclass-item-inner {
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.6rem;
    border-radius: 15rem;
}

@media screen and (min-width: 1200px) {
    .grclass-item-inner:hover {
        background: linear-gradient(180deg, #ffe5dc 0%, #fea9b6 100%);
        box-shadow: 0.2rem 0.8rem 0.2rem #f6828f;
    }
    .grclass-item-inner:hover .form-btn {
        opacity: 1;
    }
}

@media screen and (max-width: 1200px) {
    .grclass-item-inner {
        background: linear-gradient(180deg, #ffe5dc 0%, #fea9b6 100%);
        box-shadow: 0.2rem 0.8rem 0.2rem #f6828f;
    }
}

.grclass-img {
    position: relative;
    padding-top: 82.5443786982%;
    margin-bottom: 1.6rem;
}

.grclass-img::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: -0.2rem;
    border-radius: 15rem;
    background: url(../../assets/images/bg-yellow.png);
}

.grclass-img img {
    border-radius: 15rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grclass-des .heading {
    font-weight: 400;
    font-size: 1.6rem;
}

.grclass-name {
    font-size: 2rem;
    font-weight: 700;
    color: #ff5662;
    padding-bottom: 0.8rem;
}

@media only screen and (max-width: 1200px) {
    .grclass-name {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .grclass-name {
        font-size: 1.6rem;
    }
}

.grclass-gr {
    margin-top: auto;
    font-size: 2rem;
    font-weight: 700;
    color: #ff5662;
    padding-top: 1.6rem;
    padding-bottom: 0.8rem;
}

@media only screen and (max-width: 1200px) {
    .grclass-gr {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .grclass-gr {
        font-size: 1.6rem;
    }
}

.grclass .form-btn {
    transition: ease-in-out 0.6s;
    opacity: 0;
    margin: 0 auto;
    padding: 3.2rem 0;
    width: fit-content;
}

@media screen and (max-width: 1200px) {
    .grclass .form-btn {
        opacity: 1;
    }
}

.grclass .form-btn .icon {
    padding-left: 1.2rem;
}

.grclass .custom-select {
    background: linear-gradient(180deg, #f9dcfd 0%, #b3a4fb 100%);
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.16);
    border-radius: 5rem;
}

.grclass .select-selected {
    border: unset;
    font-size: 1.4rem;
}

.grclass .select-items {
    background: linear-gradient(180deg, #f9dcfd 0%, #b3a4fb 150%);
}

.grclass .custom-select::after {
    display: none;
}

.grclass .swiper-grclass {
    padding-bottom: 4rem;
}

.sec-target {
    position: relative;
}

.sec-target::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../assets/images/center-target.png);
    background-size: cover;
    z-index: -1;
}

.homepage .sec-target.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

.target-decor {
    position: absolute;
    bottom: 90%;
    left: 0;
    width: 15vw;
    animation: DownUp 6s ease-in-out infinite;
}

.target-decor img {
    width: 27rem;
}

.target-decor.two {
    bottom: 100%;
    left: -18rem;
    width: 13vw;
    animation: unset;
}

.home-introl~.sec-target .target-bg {
    height: 15vw;
    bottom: 99%;
}

@media screen and (max-width: 767px) {
    .target-decor {
        display: none;
    }
}

.target-decor-two {
    position: absolute;
    bottom: 100%;
    right: -18rem;
    width: 20vw;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.target-decor-two img {
    width: 37rem;
}

@media screen and (max-width: 767px) {
    .target-decor-two {
        width: 25vw;
    }
}

.target-decor-three {
    position: absolute;
    bottom: 50%;
    right: -18rem;
    transform: translateX(50%);
    width: 15vw;
}

.target-decor-three img {
    width: 23rem;
}

@media screen and (max-width: 1200px) {
    .target-decor-three {
        display: none;
    }
}

.target-br {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.target-br img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.target-bg {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    height: 10vw;
}

.target-bg img {
    width: 100%;
    height: 100%;
}

.target-wrap {
    position: relative;
}

.target-title {
    text-align: center;
    margin-bottom: 4rem;
}

.target-title img {
    width: 46rem;
}


/* .target .swiper-slide-active .target-item-inner {
    background: linear-gradient(180deg, #ffe5dc 0%, #fea9b6 100%);
    box-shadow: 2px 8px 2px #f6828f;
} */

.target .swiper-slide .target-item-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #ffe5dc 0%, #fea9b6 100%);
    box-shadow: 0.2rem 0.8rem 0.2rem #f6828f;
    z-index: -1;
    border-radius: 10rem;
    opacity: 0;
    transition: 0.3s ease-in;
}


/* .target .swiper-slide-active .target-item-inner::before {
    opacity: 1;
} */

.target-item:hover .target-item-inner::before {
    opacity: 1;
}

.target-item:hover .target-des {
    color: #4684ff;
}

.target .target-des {
    transition: 0.3s ease-in;
}

.target-item-inner {
    text-align: center;
    position: relative;
    min-height: 40rem;
    padding: 1.6rem;
    border-radius: 10rem;
}


/* @media screen and (min-width: 1200px) {
    .target-item-inner:hover {
        background: linear-gradient(180deg, #ffe5dc 0%, #fea9b6 100%);
        box-shadow: 2px 8px 2px #f6828f;
    }
    .target-item-inner:hover .target-des {
        color: #4684FF;
    }
} */

.target-img {
    position: relative;
    padding-top: 84.8648648649%;
}

.target-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.target-img::before {
    position: absolute;
    content: "";
    inset: 0;
    margin: -0.2rem;
    background-image: url(../assets/images/bg-yellow.png);
    border-radius: 10rem;
}

.target-img img {
    border-radius: 10rem;
}

.target-des {
    color: #ff5662;
    font-weight: 700;
    font-size: 1.6rem;
}

.target .swiper-target {
    padding-bottom: 4rem;
}

.surgery {
    position: relative;
    height: 100%;
}

.surgery-title {
    text-align: center;
    font-weight: 700;
    font-size: 3.2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .surgery-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .surgery-title {
        font-size: 2.2rem;
    }
}

.surgery-img {
    position: relative;
    padding-top: 70.2702702703%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 1rem;
}

@media screen and (min-width: 1200px) {
    .surgery-img:hover img {
        transform: translate(-50%, -50%) scale(1.05);
    }
}

.surgery-img img {
    transition: 1.6s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.surgery .swiper-wrapper {
    flex-direction: row !important;
    margin-bottom: -3rem;
}

@media screen and (max-width: 1000px) {
    .surgery .swiper-wrapper {
        margin-bottom: -0.8rem;
    }
}

.surgery .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 3rem !important;
}

@media screen and (max-width: 1000px) {
    .surgery .swiper-slide {
        margin-bottom: 0.8rem !important;
    }
}

.surgery .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff5662;
    position: relative;
}

.surgery .swiper-pagination .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    margin: -0.2rem;
    top: 0;
    left: 0;
    transform: translate(-15%, -15%);
    border: 0.1rem solid #ff5662;
    border-radius: 10rem;
    z-index: -1;
}

.surgery .swiper-control {
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding: 0 1.4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.surgery .swiper-control .swiper-pagination {
    padding: 0 0.8rem;
}

.surgery .swiper-control .swiper-prev {
    margin-top: 0.4rem;
    color: #f60f83;
    z-index: 1;
    cursor: pointer;
}

.surgery .swiper-control .swiper-next {
    color: #f60f83;
    margin-top: 0.4rem;
    z-index: 1;
    cursor: pointer;
}

.surgery .swiper-control i {
    font-size: 1.4rem;
}

.surgery .swiper-control .swiper-button-disabled {
    color: #c4c4c4;
}

.sec-advanced {
    padding-top: unset;
}

.advanced-content-decor {
    position: absolute;
    left: 0;
    top: 60px;
    width: 20vw;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.advanced-content-decor img {
    width: 34rem;
}

@media screen and (max-width: 1200px) {
    .advanced-content-decor {
        display: none;
    }
}

.advanced-decor {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% * (298 / 1728));
    height: calc(100% * (500 / 1728));
}

@media screen and (max-width: 830px) {
    .advanced-decor {
        display: none;
    }
}

.advanced-decor img {
    width: 100%;
    height: 100%;
}

.advanced-decor-two {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    right: -18rem;
    width: 10vw;
    animation: DownUp 6s ease-in-out infinite;
}

.advanced-decor-two img {
    width: 27rem;
}

@media screen and (max-width: 1200px) {
    .advanced-decor-two {
        display: none;
    }
}

.z-index {
    z-index: 2;
}

.animation {
    animation: DownUp 6s ease-in-out infinite;
}

.advanced-title {
    text-align: center;
}

.advanced-title img {
    width: 53rem;
}

.advanced-flex {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
    flex-wrap: wrap;
}

.advanced-left {
    width: 83.3333333333%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .advanced-left {
        width: 100%;
    }
}

.advanced-right {
    width: 16.6666666667%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .advanced-right {
        width: 100%;
        margin-top: 3.2rem;
    }
}

.advanced-content-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 767px) {
    .advanced-content-flex {
        align-items: center;
    }
}

@media screen and (max-width: 500px) {
    .advanced-content-flex {
        flex-direction: column;
        align-items: unset;
    }
}

.advanced-content-img {
    padding: 0 1.5rem;
    width: 60%;
}

@media screen and (max-width: 500px) {
    .advanced-content-img {
        width: 100%;
    }
}

.advanced-content-img-inner {
    position: relative;
    padding-top: 124.8%;
}

.advanced-content-img-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10rem;
}

.advanced-content-des {
    font-size: 1.6rem;
}

a.custom-logo-link {
    width: 17rem;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .advanced-content-des {
        max-height: 20rem;
        overflow: auto;
    }
}

.advanced-content-bg {
    padding: 2rem;
    background: linear-gradient(180deg, #faddfd 0%, #b2a3fb 100%);
    border-radius: 10rem;
}

@media screen and (max-width: 767px) {
    .advanced-content-bg {
        padding: 0.8rem;
    }
}

.advanced-content-head {
    padding: 0 1.5rem;
    width: 50%;
}

@media screen and (max-width: 500px) {
    .advanced-content-head {
        width: 100%;
    }
}

.advanced-content-num {
    line-height: 1;
    font-weight: 700;
    font-size: 16.8rem;
    color: #ff5662;
    /* background: linear-gradient(180deg, #f7dafd 0%, #b3a4fb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; */
}

@media screen and (max-width: 500px) {
    .advanced-content-num {
        text-align: center;
    }
    .advanced-content-title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .advanced-content-num {
        font-size: 8.8rem;
    }
}

.advanced-content-title {
    color: #ff5662;
    font-weight: 700;
    font-size: 4.2rem;
}

@media only screen and (max-width: 1200px) {
    .advanced-content-title {
        font-size: 3.2rem;
    }
}

@media only screen and (max-width: 800px) {
    .advanced-content-title {
        font-size: 2.8rem;
    }
}

.advanced-thumb-img {
    position: relative;
    display: block;
    padding-top: calc((120 / 200) * 100%);
    position: relative;
    overflow: hidden;
    border-radius: 5rem;
}

.advanced-thumb-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advanced .swiper-advanced-thumb {
    max-height: 71.8rem;
}

.advanced .swiper-advanced-thumb .swiper-slide {
    height: fit-content !important;
    margin-bottom: 0.8rem;
}

@media screen and (max-width: 767px) {
    .advanced .swiper-advanced-thumb .swiper-slide {
        margin-bottom: unset;
    }
}

.advanced .swiper-advanced-thumb .swiper-slide .advanced-thumb {
    opacity: 0.4;
    transition: 0.3s ease-in;
}

.advanced .swiper-advanced-thumb .swiper-slide-thumb-active .advanced-thumb {
    opacity: 1;
}

.advanced .swiper-advanced-thumb .swiper-slide-thumb-active .advanced-thumb::before {
    opacity: 1;
}

.advanced .swiper-advanced-thumb .advanced-thumb {
    position: relative;
    padding: 0.4rem;
}

.advanced .swiper-advanced-thumb .advanced-thumb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #faddfd 0%, #b2a3fb 100%);
    border-radius: 5rem;
    opacity: 0;
    z-index: -1;
    transition: 0.3s ease-in;
}

@media screen and (max-width: 767px) {
    .advanced .swiper-advanced-thumb .swiper-slide-thumb-active .advanced-thumb {
        padding: 0.4rem;
    }
}

.sec-nutrition {
    position: relative;
}

.sec-nutrition::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    background-image: url(../assets/images/center-study.png);
    background-size: cover;
}

.nutrition {
    position: relative;
}

.nutrition-decor {
    width: 20vw;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.nutrition-decor-two {
    position: absolute;
    width: 14vw;
    z-index: -1;
    right: 0;
    transform: translate(0, -50%);
    bottom: 0;
}

.nutrition-decor-two img {
    width: 24rem;
}

.nutrition-bg {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10vw;
}

.nutrition-bg img {
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .nutrition table {
        display: none;
    }
}

.nutrition-title {
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    font-weight: 700;
    font-size: 3.2rem;
}

@media only screen and (max-width: 1200px) {
    .nutrition-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .nutrition-title {
        font-size: 2.2rem;
    }
}

.nutrition-header-day {
    width: 16.6666666667%;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    background: #3c99fe;
    padding: 1.1rem 0;
}

.nutrition-header-day:first-child {
    border-radius: 0.6rem 0px 0px 0px;
}

.nutrition-header-qty:last-child {
    border-radius: 0px 0.6rem 0px 0px;
}

.nutrition-header-qty {
    width: 4.8rem;
    background: #0472ff;
    color: #fff;
    font-size: 1.4rem;
}

.nutrition-session {
    height: 4.4rem;
    background: linear-gradient( 90deg, #feacb2 0%, #ff6b77 24.75%, #feabb1 50.08%, #ff707c 78%, #fea8ae 100%);
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
}

.nutrition-session span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.nutrition-menu-item {
    background: #fff;
    vertical-align: middle;
    text-align: center;
    padding: 1.1rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-left: 0.1rem solid rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
}

.nutrition-menu-qty {
    vertical-align: middle;
    width: 4.8rem;
    text-align: center;
    padding: 0 0.8rem;
    background: #fdefeb;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-left: 0.1rem solid rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
}

.nutrition-menu-qty span {
    display: block;
    height: 100%;
}

.nutrition-des-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
    flex-wrap: wrap;
}

.nutrition-des-col {
    width: 50%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 650px) {
    .nutrition-des-col {
        width: 100%;
        padding-bottom: 1.2rem;
    }
}

.nutrition-mb {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 1201px) {
    .nutrition-mb {
        display: none;
    }
}

.nutrition-mb .tech-body {
    display: none;
}

.nutrition-mb-col {
    width: 100%;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.nutrition-mb-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

.nutrition-mb-flex .icon {
    font-size: 2rem;
    transition: 0.3s ease-in;
}

.nutrition-mb-flex.active .icon {
    transform: rotate(180deg);
}

.nutrition-mb-day {
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    background: #3c99fe;
    padding: 1.8rem;
    flex: 1;
    text-align: start;
}

@media only screen and (max-width: 1200px) {
    .nutrition-mb-day {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 800px) {
    .nutrition-mb-day {
        font-size: 1.5rem;
    }
}

.nutrition-mb-qty {
    width: 4.8rem;
    background: #0472ff;
    color: #fff;
    padding: 1.4rem 0;
}

.nutrition-mb-session {
    height: 4.4rem;
    background: linear-gradient( 90deg, #feacb2 0%, #ff6b77 24.75%, #feabb1 50.08%, #ff707c 78%, #fea8ae 100%);
    text-align: center;
    color: #fff;
}

.nutrition-mb-session span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.nutrition-mb-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 100%;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.nutrition-mb-name {
    padding: 1.1rem;
    flex: 1;
    text-align: center;
}

.nutrition-mb-nqty {
    width: 4.8rem;
    background: #fdefeb;
    margin-left: auto;
}

.nutrition-mb-nqty span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sec-blog {
    position: relative;
}

.sec-blog::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 100%;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 3s ease-in;
    -moz-animation: fadeIn 3s ease-in;
    -o-animation: fadeIn 3s ease-in;
    animation: fadeIn 3s ease-in;
    animation-delay: 1s;
}

.sec-blog::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    background-image: url(../assets/images/center-study.png);
    background-size: cover;
}

.blog-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 890px) {
    .blog-flex {
        margin: 0 -0.8rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .blog-flex {
        margin: 0 -0.3rem;
    }
}

.blog-left {
    width: 75%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1200px) {
    .blog-left {
        width: 65%;
    }
}

@media screen and (max-width: 890px) {
    .blog-left {
        padding: 0 0.8rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-left {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .blog-left {
        padding: 0 0.3rem;
    }
}

.blog-left-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 890px) {
    .blog-left-flex {
        margin: 0 -0.8rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-left-flex {
        margin: 0 -0.3rem;
    }
}

.blog-item {
    width: 33.3333333333%;
    padding: 0 1.5rem;
    margin-bottom: 3rem;
    z-index: 1;
}

@media screen and (max-width: 890px) {
    .blog-item {
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
    .sec-blog .blog-item {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .blog-item {
        width: 50%;
    }
}

@media screen and (max-width: 890px) {
    .blog-item {
        padding: 0 0.8rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-item {
        padding: 0 0.3rem;
    }
}

.blog-item-inner {
    height: 100%;
    background: #fff;
    border-radius: 1rem;
}

@media screen and (min-width: 1200px) {
    .blog-item-inner:hover .blog-title {
        color: #ff5662;
    }
    .blog-item-inner:hover .blog-img img {
        transform: scale(1.1) translate(-50%, -50%);
    }
}

@media screen and (max-width: 450px) {
    .blog-item-inner {
        margin-bottom: 0.6rem;
    }
}

.blog-img {
    overflow: hidden;
    padding-top: 66.6666666667%;
    position: relative;
    border-radius: 1rem 1rem 0px 0px;
}

.blog-img img {
    transition: ease-in-out 0.6s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-content {
    padding: 1.6rem;
    background: #ffffff;
    border-radius: 0px 0px 1rem 1rem;
}

@media screen and (max-width: 450px) {
    .blog-content {
        padding: 0.8rem;
    }
}

.blog-type {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 0 -0.8rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 890px) {
    .blog-type {
        flex-direction: column;
        align-items: unset;
    }
}

.blog-type-text {
    padding: 0 0.8rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 0.8rem;
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 0.8rem;
}

.blog-type-text::-webkit-scrollbar {
    height: 0.2rem;
}

.blog-type-text-inner {
    display: block;
    color: #4684ff;
    font-weight: 700;
    display: block;
    background: rgba(70, 132, 255, 0.2);
    border-radius: 0.6rem;
    padding: 0.8rem;
    font-size: 1.2rem;
    white-space: nowrap;
}

.blog-time {
    color: #000;
    padding: 0 0.8rem;
    font-weight: 500;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
}

.blog-time img {
    width: 1.6rem;
}

.blog-time span {
    margin-left: 0.8rem;
}

@media screen and (max-width: 450px) {
    .blog-time span {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 890px) {
    .blog-time {
        margin-top: 0.8rem;
        margin-left: unset;
    }
}

.blog-title {
    transition: ease-in-out 0.3s;
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

@media screen and (max-width: 450px) {
    .blog-title {
        font-size: 1.2rem;
    }
}

.blog-title.py-8 {
    margin: 0.8rem 0;
    padding: unset;
}

.blog-right {
    width: 25%;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1200px) {
    .blog-right {
        width: 35%;
    }
}

@media screen and (max-width: 890px) {
    .blog-right {
        padding: 0 0.8rem;
    }
}

@media screen and (max-width: 767px) {
    .blog-right {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .blog-right {
        padding: 0 0.3rem;
    }
}

.blog-form {
    height: 4.4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 1rem;
    position: relative;
}

@media screen and (max-width: 767px) {
    .blog-form {
        margin-top: 2.4rem;
    }
}

.blog-form::after {
    content: "";
    position: absolute;
    margin: -0.1rem;
    inset: 0;
    z-index: -1;
    background: linear-gradient( 90deg, rgb(239, 16, 128) 1%, rgb(246, 15, 131) 2%, rgb(71, 133, 255) 85%, rgb(71, 133, 255) 99%);
    border-radius: inherit;
}

.blog-des {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

@media screen and (max-width: 450px) {
    .blog-des .heading {
        font-size: 1.3rem;
    }
}

.blog-input {
    font-family: "Quicksand";
    padding: 1rem 1.6rem;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    font-size: 1.4rem;
}

.blog-cate-link a {
    font-size: 1.4rem;
}

.blog-icon {
    line-height: 1;
    padding-right: 1.6rem;
    margin-left: auto;
}

.blog-icon img {
    width: 1.4rem;
}

@media screen and (max-width: 890px) {
    .blog-cate {
        padding: 1.6rem 0;
    }
}

.blog-cate-inner {
    padding: 1.6rem;
    background: #ffffff;
    border-radius: 1rem;
}

.blog-cate-title {
    font-weight: 700;
    font-size: 2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border-bottom: 0.1rem solid #d9d9d9;
}

@media only screen and (max-width: 1200px) {
    .blog-cate-title {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .blog-cate-title {
        font-size: 1.6rem;
    }
}

.blog-cate-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

@media screen and (min-width: 1200px) {
    .blog-cate-item:hover .blog-cate-link a {
        color: #ff5662;
    }
    .blog-cate-item:hover .blog-cate-num {
        color: #ff5662;
    }
}

.blog-cate-link.active a {
    color: #ff5662;
}

.blog-cate-link a {
    color: #000;
}

.blog-cate-num {
    margin-left: auto;
    color: #000;
}

.blog-cate-num.active {
    color: #ff5662;
}

.blog-hot-inner {
    padding: 1.6rem;
    background: #ffffff;
    border-radius: 1.2rem;
}

.blog-hot-title {
    color: #000;
    font-weight: 700;
    font-size: 2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    border-bottom: 0.1rem solid #d9d9d9;
}

@media only screen and (max-width: 1200px) {
    .blog-hot-title {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .blog-hot-title {
        font-size: 1.6rem;
    }
}

.blog-hot-img {
    position: relative;
    padding-top: 70%;
    border-radius: 1.2rem;
    overflow: hidden;
}

.blog-hot-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease-in 0.6s;
}

.blog-hot-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -0.4rem;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .blog-hot-item:hover .blog-hot-img img {
        transform: scale(1.05) translate(-50%, -50%);
    }
    .blog-hot-item:hover .blog-hot-des {
        color: #ff5662;
    }
}

.blog-hot-left {
    padding: 0 0.4rem;
    width: 45%;
}

@media screen and (max-width: 767px) {
    .blog-hot-left {
        width: 30%;
    }
}

@media screen and (max-width: 450px) {
    .blog-hot-left {
        width: 40%;
    }
}

.blog-hot-des {
    color: #000;
    transition: ease-in 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.blog-hot-des.pb-8 {
    margin-bottom: 0.8rem;
    padding-bottom: unset;
}

.blog-hot-right {
    padding: 0 0.4rem;
    width: 55%;
}

.blog-hot-right .blog-time {
    padding-left: unset;
    color: #000;
}

.sec-blog .video-play .blog-img::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.sec-blog .video-play .blog-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.2rem;
    height: 3.2rem;
    transform: translate(-50%, -50%);
    background: url(../assets/images/play-btn.svg);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 450px) {
    .sec-blog .video-play .blog-img::after {
        background-size: 80%;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1200px) {
    .sec-blog .video-play .blog-item-inner:hover .blog-img::after {
        filter: brightness(1.3) invert(0.17) saturate(3) sepia(0.13) hue-rotate(141deg);
    }
}

.blog-image .blog-image-inner {
    cursor: pointer;
}

.blog-image .img-w70 {
    width: 66.6666666667%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1200px) {
    .blog-image .img-w70 {
        padding: 0 0.8rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-image .img-w70 {
        padding: 0 0.4rem;
        margin-bottom: 0.8rem;
    }
}

.blog-image .img-w70 .blog-image-inner {
    position: relative;
    padding-top: 51.5789473684%;
}

.blog-image .img-w70 .blog-image-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.blog-image .img-w30 {
    width: 33.3333333333%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1200px) {
    .blog-image .img-w30 {
        padding: 0 0.8rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-image .img-w30 {
        padding: 0 0.4rem;
        margin-bottom: 0.8rem;
    }
}

.blog-image .img-w30 .blog-image-inner {
    position: relative;
    padding-top: 108.8888888889%;
}

.blog-image .img-w30 .blog-image-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.blog-image .img-w100 {
    width: 100%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1200px) {
    .blog-image .img-w100 {
        padding: 0 0.8rem;
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-image .img-w100 {
        padding: 0 0.4rem;
        margin-bottom: 0.8rem;
    }
}

.blog-image .img-w100 .blog-image-inner {
    position: relative;
    padding-top: 45.9770114943%;
}

.blog-image .img-w100 .blog-image-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.blog-image-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
    flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
    .blog-image-flex {
        margin: 0 -0.8rem;
    }
}

@media screen and (max-width: 450px) {
    .blog-image-flex {
        margin: 0 -0.4rem;
    }
}

.blog-image-inner {
    height: 100%;
}

.blog-image-py {
    height: 100%;
}

.sec-blog-dt .blog-text {
    border-bottom: 0.1rem solid #fff;
}

.sec-blog-dt .blog-type {
    justify-content: unset;
}

.sec-blog-dt .blog-text-img {
    position: relative;
    padding-top: 51.724137931%;
    border-radius: 1rem;
}

.sec-blog-dt .blog-text-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-blog-dt .blog-text-title {
    font-weight: 700;
    font-size: 3.2rem;
    color: #ff5662;
}

@media only screen and (max-width: 1200px) {
    .sec-blog-dt .blog-text-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .sec-blog-dt .blog-text-title {
        font-size: 2.2rem;
    }
}

.sec-blog-dt .blog-text-top {
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 1200px) {
    .sec-blog-dt .blog-text-top {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .sec-blog-dt .blog-text-top {
        font-size: 1.6rem;
    }
}

.sec-blog-dt .blog-text-des-inner {
    padding: 3.2rem;
    background: linear-gradient(180deg, #f6e9f8 0%, #e7f6f4 100%);
    border-radius: 1.2rem;
}

@media screen and (max-width: 550px) {
    .sec-blog-dt .blog-text-des-inner {
        padding: 1.6rem;
    }
}

.sec-blog-dt .blog-text-des .heading {
    padding-left: 40px;
    font-size: 1.6rem;
}

@media screen and (max-width: 550px) {
    .sec-blog-dt .blog-text-des .heading {
        padding-left: unset;
    }
}

.sec-blog-dt .blog-text-des .blog-text-author {
    margin-left: 4rem;
    padding-left: 6.8rem;
    position: relative;
    font-size: 1.6rem;
}

@media screen and (max-width: 550px) {
    .sec-blog-dt .blog-text-des .blog-text-author {
        margin-left: unset;
    }
}

.sec-blog-dt .blog-text-des .blog-text-author::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 0.2rem;
    width: 6rem;
    transform: translateY(-50%);
    background: #f60f83;
}

.sec-blog-dt .blog-share {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 0 -0.8rem;
    justify-content: end;
}

.sec-blog-dt .blog-share span {
    font-size: 1.4rem;
}

.sec-blog-dt .blog-share img {
    width: 2.4rem;
}

.sec-blog-dt .blog-share a {
    z-index: 1;
}

.sec-blog-dt .blog-share span {
    padding: 0 0.8rem;
}

.sec-blog-dt .blog-share img {
    padding: 0 0.4rem;
}

.sec-blog-dt .blog-author {
    padding: 0 0.8rem;
    font-weight: 500;
    color: #000;
    border-left: 0.1rem solid #000;
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 0.8rem;
}

.sec-blog-dt .blog-author img {
    width: 1.6rem;
}

.sec-blog-dt .blog-author span {
    font-size: 1.6rem;
}

@media screen and (max-width: 500px) {
    .sec-blog-dt .blog-author {
        border-left: unset;
    }
}

@media screen and (max-width: 350px) {
    .sec-blog-dt .blog-author {
        font-size: 1.4rem;
    }
}

.sec-blog-dt .blog-time {
    margin-left: unset;
}

@media screen and (max-width: 890px) {
    .sec-blog-dt .blog-time {
        margin-top: unset;
    }
}

@media screen and (max-width: 890px) {
    .sec-blog-dt .blog-type {
        flex-direction: row;
        align-items: center;
    }
}

.sec-careers {
    position: relative;
}

.careers-decor {
    position: absolute;
    width: 10vw;
    z-index: 1;
    right: 0;
    transform: translate(0, -50%);
    bottom: 0;
    animation: DownUp 6s ease-in-out infinite;
}

.careers-decor img {
    width: 19rem;
}

@media screen and (max-width: 767px) {
    .careers-decor {
        width: 25vw;
    }
}

.careers-content {
    margin: 0 1.5rem;
}

.careers-title {
    color: #ff5662;
    font-weight: 700;
    font-size: 3.2rem;
}

@media only screen and (max-width: 1200px) {
    .careers-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .careers-title {
        font-size: 2.2rem;
    }
}

.careers-text {
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 1200px) {
    .careers-text {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .careers-text {
        font-size: 1.6rem;
    }
}

.careers-list {
    list-style: decimal !important;
}

.careers-list span {
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 1200px) {
    .careers-list span {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .careers-list span {
        font-size: 1.6rem;
    }
}

.careers-list-two {
    list-style: disc !important;
}

.careers-list-two li {
    padding: 0.8rem 0;
    font-weight: 400;
    font-size: 1.6rem;
}

.careers .btn-group {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.2rem;
}

@media only screen and (max-width: 500px) {
    .careers .form-btn .form-cv-btn {
        padding: 0.8rem !important;
    }
    .careers .form-btn-inner {
        font-size: 1.2rem;
    }
}

.careers .form-btn {
    padding: 0 1.2rem;
    width: fit-content;
    margin-bottom: 1.2rem;
}

.careers .form-btn .icon {
    padding-left: 0.8rem;
}

.careers .form-btn .form-cv-btn {
    padding: 1.2rem 3rem;
}

.popup-form .booking-form-select-date {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 3.8rem;
    background: #fff;
    border-radius: 1rem;
    cursor: pointer;
}

.popup-form .openTimePicker {
    padding-left: 1rem;
    font-size: 1.4rem;
    flex: 1;
}

.popup-form .openTimePicker2 {
    padding-left: 1rem;
    font-size: 1.4rem;
    flex: 1;
}

.popup-form .openTimePicker3 {
    padding-left: 1rem;
    font-size: 1.4rem;
    flex: 1;
}

.popup-form .openTimePicker4 {
    padding-left: 1rem;
    font-size: 1.4rem;
    flex: 1;
}

.popup-form .booking-form-select-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
}

.popup-form-inner {
    padding: 7rem;
    border-radius: 0.5rem;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .popup-form-inner {
        padding: unset;
    }
}

.popup-form-inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: white;
    z-index: -1;
}

.popup-form .popup-title {
    font-weight: 700;
    font-size: 2rem;
}

.popup-form .popup-title img {
    width: 22rem;
}

@media only screen and (max-width: 1200px) {
    .popup-form .popup-title {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .popup-form .popup-title {
        font-size: 1.6rem;
    }
}

.popup-form .form-control {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -0.8rem;
}

@media screen and (max-width: 450px) {
    .popup-form .form-control {
        margin: 0 -0.4rem;
        flex-direction: column;
    }
}

.popup-form .form-control-inner {
    width: 50%;
    padding: 0 0.8rem;
    position: relative;
    border-radius: 1rem;
}

@media screen and (max-width: 450px) {
    .popup-form .form-control-inner {
        padding: 0 0.4rem;
        width: 100%;
    }
}

.popup-form .form-control-inner .input-res {
    position: relative;
}

.popup-form .form-control-inner .input-res::after {
    content: "";
    position: absolute;
    margin: -0.1rem;
    z-index: -1;
    inset: 0;
    background: linear-gradient( 90deg, rgb(239, 16, 128) 1%, rgb(246, 15, 131) 2%, rgb(71, 133, 255) 85%, rgb(71, 133, 255) 99%);
    border-radius: 1rem;
}

@media screen and (max-width: 450px) {
    .popup-form .form-control-inner:nth-child(even) {
        margin-top: 1.6rem;
    }
}

.popup-form .form-control input {
    padding: 1.1rem 1.6rem;
    outline: none;
    width: 100%;
    background: #ffffff;
    border: none;
    font-family: "Quicksand";
    position: relative;
    border-radius: 1rem;
    font-weight: 500;
    font-size: 1.4rem;
}

.popup-form .form-control input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100rem #fff inset;
    -webkit-text-fill-color: #000;
}

.popup-form .form-control .textarea {
    width: 100%;
    margin-bottom: -0.6rem;
    border: 0.1rem solid pink;
    outline: none;
    padding: 1.1rem 1.6rem;
    border-radius: 1rem;
    font-family: "Quicksand";
    resize: none;
    font-size: 1.4rem;
}

.career-des {
    font-size: 1.4rem;
}

.popup-form .form-control .input-file {
    display: none;
}

.popup-form .form-control .mark {
    background: #f7f7f7;
    border: 0.1rem solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    height: 3.4rem;
    display: inline-flex;
    align-items: center;
    column-gap: 0.4rem;
    padding: 0 1.6rem;
    width: fit-content;
    cursor: pointer;
    margin-left: 0.27rem;
}

.popup-form .form-control .mark .icon {
    background: #fff;
}

.popup-form .form-control .lb-file {
    padding: 0 0.8rem;
}

@media screen and (max-width: 450px) {
    .popup-form .form-control .lb-file {
        margin: 0 -0.4rem;
    }
}

.popup-form .form-btn {
    width: fit-content;
}

.popup-form .form-btn .icon {
    padding-left: 0.8rem;
}

.popup-form .form-control:nth-child(3) .form-control-inner {
    width: 100%;
}

.popup-form .form-control:nth-child(4) .form-control-inner {
    width: 100%;
}

.career-item {
    margin-bottom: 3rem;
}

@media screen and (max-width: 890px) {
    .career-item {
        margin-bottom: 1.6rem;
    }
}

.career-item-inner {
    padding: 1.6rem;
    transition: ease-in 0.3s;
}

@media screen and (max-width: 890px) {
    .career-item-inner {
        padding: 0;
    }
}

@media screen and (min-width: 1200px) {
    .career-item-inner:hover {
        box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.16);
        border-radius: 1.2rem;
        background: #fff;
    }
    .career-item-inner:hover .heading {
        color: #000;
    }
}

.career-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 890px) {
    .career-flex {
        flex-wrap: wrap;
        align-items: center;
    }
}

@media screen and (max-width: 430px) {
    .career-flex {
        flex-direction: column;
        align-items: unset;
    }
}

.career-left {
    padding: 0 1.5rem;
    width: 25%;
}

@media screen and (max-width: 890px) {
    .career-left {
        width: 60%;
    }
}

@media screen and (max-width: 430px) {
    .career-left {
        width: 100%;
    }
}

.career-center {
    padding: 0 1.5rem;
    width: 50%;
}

@media screen and (max-width: 890px) {
    .career-center {
        margin-top: 1.2rem;
        width: 100%;
        order: 2;
    }
}

@media screen and (max-width: 430px) {
    .career-center {
        order: unset;
    }
}

.career-center .blog-type-text {
    width: fit-content;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 0.8rem;
    padding-left: 0;
}

.career-center .blog-time {
    padding-left: 0;
}

.career-right {
    width: 25%;
    padding: 0 1.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 890px) {
    .career-right {
        width: 40%;
    }
}

@media screen and (max-width: 430px) {
    .career-right {
        width: 100%;
    }
}

.career-right-inner {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

.career-right .form-btn {
    padding: 0;
    margin-top: auto;
    width: fit-content;
}

@media screen and (max-width: 430px) {
    .career-right-inner {
        margin-top: 1.2rem;
    }
    .career-right .form-btn {
        padding-top: 1.2rem;
        margin: 0 auto;
    }
    .career-title {
        font-size: 2.6rem;
        padding-bottom: 1.2rem;
        text-align: center;
    }
}

@media screen and (max-width: 890px) {
    .career-right .form-btn {
        margin: 0;
    }
}

@media screen and (max-width: 1200px) {
    .sec-careers .study-decor {
        display: none;
    }
    .sec-careers .study-decor-two {
        display: none;
    }
}

.career-right .form-btn-inner {
    padding: 1.2rem 3rem;
}

@media screen and (max-width: 550px) {
    .career-right .form-btn-inner {
        padding: 0.6rem 1.5rem;
    }
}

.career-right .form-btn .icon {
    padding-left: 0.8rem;
}

.career-img {
    position: relative;
    padding-top: 76.9607843137%;
    border-radius: 1.2rem;
}

.career-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2rem;
}

.career-title {
    font-weight: 600;
    font-size: 1.6rem;
    color: #ff5662;
}

@media screen and (max-width: 767px) {
    .career-title {
        font-size: 2.4rem;
    }
}

.career-money {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-weight: 700;
    color: #ff5662;
    font-size: 1.8rem;
}

@media only screen and (max-width: 1200px) {
    .career-money {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 800px) {
    .career-money {
        font-size: 2.5rem;
    }
}

.career-date {
    font-size: 1.4rem;
}

.career-date span:last-child {
    color: #404040;
}

.career-level {
    font-size: 1.4rem;
}

.career-level span:last-child {
    color: #404040;
}

.career-des .heading {
    font-size: 1.4rem;
}

@media only screen and (max-width: 430px) {
    .career-des span {
        font-weight: 500;
        font-size: 2.2rem;
    }
    .career-des .heading {
        font-size: 1.6rem;
    }
    .career .blog-time span {
        font-size: 1.6rem;
    }
    .career .career-date {
        font-size: 1.6rem;
    }
    .career .career-level {
        font-size: 1.6rem;
    }
    .career .career-right .form-btn-inner {
        padding: 0.6rem 2.6rem;
    }
    .career .career-title {
        font-size: 3rem;
        text-transform: uppercase;
    }
}

.sec-contact {
    position: relative;
    padding-bottom: 10rem;
}

.sec-contact .contact {
    padding-top: 10rem;
}

.bg-contact {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 15vw;
}

.bg-contact img {
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .sec-contact {
        padding-bottom: 5rem;
    }
}

@media screen and (max-width: 767px) {
    .sec-contact {
        padding-bottom: 2.4rem;
    }
    .sec-contact .contact {
        padding-top: unset;
    }
}

.sec-contact .contact-decor {
    position: absolute;
    bottom: 1%;
    left: 1%;
    width: 15vw;
}

.sec-contact .contact-decor img {
    width: 25rem;
}

@media screen and (max-width: 1200px) {
    .follow-des {
        width: 100%;
    }
}

.follow-des {
    width: calc((8 / 12) * 100%);
    margin: 0 auto;
    font-size: 1.4rem;
}

@media screen and (max-width: 1200px) {
    .sec-contact .contact-decor {
        display: none;
    }
}


/* .sec-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
} */

@media screen and (max-width: 880px) {
    .contact .popup-form .form-control {
        flex-wrap: wrap;
    }
}

.contact .popup-form .form-control-inner {
    margin: 0.8rem 0;
}

@media screen and (max-width: 880px) {
    .contact .popup-form .form-control-inner {
        width: 100%;
    }
}

.contact .popup-form-inner {
    padding: unset;
}

.contact .popup-form-inner {
    background: unset;
}

.contact-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1.5rem;
}

@media screen and (max-width: 880px) {
    .contact-flex {
        margin: 0 -0.8rem;
    }
}

@media screen and (max-width: 767px) {
    .contact-flex {
        flex-direction: column;
    }
}

.contact-col {
    padding: 0 1.5rem;
    width: 50%;
}

@media screen and (max-width: 880px) {
    .contact-col {
        padding: 0 0.8rem;
    }
}

@media screen and (max-width: 767px) {
    .contact-col {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .contact-form {
        margin-bottom: 1.6rem;
    }
}

.contact-form .popup-title {
    color: #ff5662;
    font-size: 3.2rem;
    font-weight: 700;
}

@media only screen and (max-width: 1200px) {
    .contact-form .popup-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .contact-form .popup-title {
        font-size: 2.2rem;
    }
}

.contact-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

.contact-item {
    margin-bottom: 1.6rem;
    z-index: 1;
}

.contact-item-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 0 -0.8rem;
}

.contact-item-inner {
    position: relative;
    padding: 1.6rem;
    background: #fff;
    border-radius: 1rem;
}

.contact-item-inner::after {
    content: "";
    position: absolute;
    margin: -0.1rem;
    inset: 0;
    z-index: -1;
    background: linear-gradient( rgb(239, 16, 128) 1%, rgb(246, 15, 131) 2%, rgb(71, 133, 255) 85%, rgb(71, 133, 255) 99%);
    border-radius: inherit;
}

.contact-icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.8rem;
    line-height: 1;
    border-radius: 50%;
    width: 8rem;
    flex-shrink: 1;
    height: 8rem;
    background: linear-gradient(180deg, #ffe2da 0%, #feaab7 100%);
}

@media screen and (max-width: 550px) {
    .contact-icon {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.contact-icon i {
    font-size: 2.6rem;
}

@media screen and (max-width: 550px) {
    .contact-icon i {
        padding: 0.8rem;
        font-size: 1.4rem;
    }
}

.contact-info {
    flex: 1;
    padding: 0 0.8rem;
}

.contact-info span:first-child {
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 1200px) {
    .contact-info span:first-child {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .contact-info span:first-child {
        font-size: 1.6rem;
    }
}

.contact-info span:last-child {
    font-size: 1.6rem;
}

.contact .form-btn {
    padding: unset;
}

.sec-map {
    height: 40vw;
}

@media screen and (max-width: 767px) {
    .sec-map {
        height: 80vw;
    }
}

.sec-map .map {
    height: 100%;
}

.sec-map .map iframe {
    width: 100%;
    height: 100%;
}

.sec-follow .form-decor-two {
    bottom: 100%;
    left: 0;
}

.follow {
    text-align: center;
}

.follow-title {
    color: #ff5662;
    font-weight: 700;
    font-size: 3.2rem;
}

@media only screen and (max-width: 1200px) {
    .follow-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .follow-title {
        font-size: 2.2rem;
    }
}

.sec-introl.py-sec {
    padding-bottom: 13rem;
}

@media screen and (max-width: 1170px) {
    .sec-introl.py-sec {
        padding-bottom: 0;
    }
}

.sec-introl.home-introl {
    margin-top: -10rem;
}

@media screen and (max-width: 500px) {
    .sec-introl.home-introl {
        margin-top: -5rem;
    }
}

.home-introl~.sec-target {
    margin-top: -11.5rem;
}

@media screen and (max-width: 1200px) {
    .home-introl~.sec-target {
        margin-top: unset;
    }
}

.sec-introl {
    position: relative;
}

.sec-introl.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

.sec-introl::before {
    content: "";
    position: absolute;
    top: 2.2rem;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(../assets/images/bg-introl-center.png);
    background-size: cover;
}

.sec-introl~.sec-grclass.sec-message {
    margin-top: -8rem;
}

@media screen and (max-width: 1200px) {
    .sec-introl~.sec-grclass.sec-message {
        margin-top: unset;
    }
}

.introl-bg {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 12vw;
    z-index: -1;
}

.home-introl .introl-flex {
    min-height: 76rem;
}

.introl-info {
    margin-top: 6rem;
}

.introl .introl-info .form-btn {
    padding-left: 2rem;
}

.introl-info .introl-des p {
    padding-left: 2rem;
}

.solution-content .tabPanel.open {
    display: block;
    animation: fadeIn 1.6s ease-in-out;
}

.introl-info .introl-des .mona-content {
    color: #4684ff;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: justify;
}

.solution-content .tabPanel {
    display: none;
}

@media screen and (max-width: 1200px) {
    .introl-info {
        margin-top: unset;
    }
}

.introl-bg img {
    width: 100%;
}

.introl-title {
    font-weight: 700;
    font-size: 3.2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.introl-title img {
    width: 46rem;
}

@media only screen and (max-width: 1200px) {
    .introl-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .introl-title {
        font-size: 2.2rem;
    }
}

.introl-heading-list {
    list-style: disc !important;
    margin-left: 3rem;
}

.introl-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 100%;
    min-height: 80rem;
}

.introl-des .mona-content {
    max-height: 36rem;
    overflow-y: auto;
}

@media screen and (max-width: 1170px) {
    .introl-flex {
        flex-direction: column-reverse;
        min-height: unset;
    }
}

@media screen and (max-width: 1170px) {
    .introl-title {
        text-align: center;
    }
}

.introl-left {
    flex: 1;
    margin-left: auto;
}

@media screen and (max-width: 1170px) {
    .introl-left {
        width: 100%;
    }
}

.introl-img {
    position: relative;
    height: 100%;
    padding-top: 71.9350073855%;
}

.introl-img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.introl-img .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.introl-img .btn-play img {
    width: 6.2rem;
}

.introl-right {
    width: 33.0110497238%;
    margin-left: auto;
    z-index: 1;
}

@media screen and (max-width: 1170px) {
    .introl-right {
        width: 100%;
    }
}

@media screen and (max-width: 1170px) {
    .introl-info {
        padding: 0 1.5rem;
    }
}

.introl .form-btn {
    width: fit-content;
    padding-left: unset;
}

@media screen and (max-width: 1170px) {
    .introl .form-btn {
        margin: 0 auto;
    }
}

.introl .form-btn .icon {
    padding-left: 0.8rem;
}

.sec-vision {
    position: relative;
    margin-top: -8.5rem;
}

.sec-vision.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

@media screen and (max-width: 1200px) {
    .sec-vision {
        margin-top: unset;
    }
}

.vision-decor {
    width: 20vw;
    position: absolute;
    bottom: 100%;
    right: -18rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.vision-decor-two {
    width: 15vw;
    position: absolute;
    bottom: 90%;
    left: 12rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.vision-decor-two img {
    width: 23.8rem;
}

@media screen and (max-width: 1200px) {
    .vision-decor-two {
        left: 0;
        bottom: 95%;
    }
}

@media screen and (max-width: 767px) {
    .vision-decor-two {
        width: 25vw;
    }
}

.vision-decor-three {
    width: 12vw;
    position: absolute;
    bottom: 25%;
    right: -18rem;
    z-index: 1;
    transform: translate(50%, 50%);
    animation: DownUp 6s ease-in-out infinite;
}

.vision-decor-three img {
    width: 23rem;
}

@media screen and (max-width: 1200px) {
    .vision-decor-three {
        display: none;
    }
}

.vision-decor-four {
    width: 20vw;
    position: absolute;
    top: 0;
    left: -22rem;
    z-index: 1;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.vision-decor-four img {
    width: 34rem;
}

@media screen and (max-width: 1200px) {
    .vision-decor-four {
        display: none;
    }
}

.vision-bg {
    position: absolute;
    bottom: 99%;
    width: 100%;
    left: 0;
}

.vision-bg img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    .vision-item {
        padding-bottom: 2.4rem;
    }
}

.vision-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -3rem;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .vision-flex {
        flex-direction: column;
    }
}

.vision-flex:last-child {
    margin-top: 5rem;
    flex-direction: row-reverse;
}

@media screen and (max-width: 750px) {
    .vision-flex:last-child {
        flex-direction: column;
    }
}

.vision-col {
    padding: 0 3rem;
    width: 50%;
}

@media screen and (max-width: 750px) {
    .vision-col {
        width: 100%;
    }
}

.vision .form-btn {
    padding-left: unset;
    width: fit-content;
}

.vision .form-btn .icon {
    padding-left: 0.8rem;
}

.vision-title {
    font-weight: 700;
    font-size: 3.2rem;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .vision-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .vision-title {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 750px) {
    .vision-title {
        text-align: center;
    }
}

.vision-img {
    position: relative;
    padding-top: 86.6%;
}

.vision-img::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: -1rem;
    background: linear-gradient(180deg, #faddfd 0%, #b2a3fb 100%);
    border-radius: 10rem;
}

.vision-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
}

.sec-message {
    position: relative;
    padding-bottom: 100px;
}

.sec-message.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
}

.sec-message::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: -1;
    background-image: url(../assets/images/center-study.png);
    background-size: cover;
}

.sec-message .container-two {
    margin-left: auto;
}

.message-decor {
    width: 20vw;
    position: absolute;
    bottom: 100%;
    right: 0;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.message-decor img {
    width: 37rem;
}

@media screen and (max-width: 767px) {
    .message-decor {
        display: none;
    }
}

.message-sign img {
    width: 15rem;
}

.message-decor-two {
    width: 20vw;
    position: absolute;
    top: 0;
    left: -28.5rem;
    -webkit-animation: DownUp 6s ease-in-out infinite;
    -moz-animation: DownUp 6s ease-in-out infinite;
    -o-animation: DownUp 6s ease-in-out infinite;
    animation: DownUp 6s ease-in-out infinite;
}

.message-decor-two img {
    width: 34rem;
}

.message-decor-three {
    width: 15vw;
    position: absolute;
    left: 40%;
    transform: translate(-50%, -50%);
    z-index: 20;
    bottom: 0;
}

.message-decor-three img {
    width: 30rem;
}

@media screen and (max-width: 1200px) {
    .message-decor-three {
        display: none;
    }
}

.message-title {
    font-weight: 700;
    font-size: 3.2rem;
    text-align: center;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .message-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .message-title {
        font-size: 2.2rem;
    }
}

.message-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    gap: 3rem;
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .message-flex {
        flex-direction: column;
    }
}

.message-col:first-child {
    width: 39.226519337%;
}

@media screen and (max-width: 1000px) {
    .message-col:first-child {
        width: 100%;
    }
}

.message-col:last-child {
    flex: 1;
}

@media screen and (max-width: 1000px) {
    .message-col:last-child {
        width: 100%;
    }
}

.message-item {
    height: 100%;
    padding: 20px;
    text-align: center;
    background: linear-gradient(180deg, #fbf3fb 0%, #f1faf9 100%);
    border-radius: 15rem 15rem 0px 0px;
}

@media screen and (max-width: 550px) {
    .message-item {
        padding: 1.5rem;
        border-radius: 5rem 5rem 0px 0px;
    }
}

.message-item-inner {
    height: 100%;
    padding: 2rem;
    background: linear-gradient(180deg, #f7e8f8 0%, #e6f6f4 100%);
    border-radius: 15rem 15rem 0px 0px;
}

@media screen and (max-width: 550px) {
    .message-item-inner {
        padding: 0;
        border-radius: 5rem 5rem 0px 0px;
    }
}

.message-content {
    padding: 6rem 3rem;
    padding-bottom: calc(100vw * (330 / 1728));
}

@media screen and (max-width: 550px) {
    .message-content {
        padding: 3rem 1.5rem;
    }
}

.message-img {
    height: 100%;
    position: relative;
    padding-top: 84.0221402214%;
}

@media screen and (max-width: 1000px) {
    .message-img {
        padding-top: 114%;
    }
}

.message-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sec-distinctive {
    position: relative;
    margin-top: calc(100vw * (220 / 1728) * -1);
}

.sec-distinctive.active::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: cover;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 0.2s ease-in;
    -moz-animation: fadeIn 0.2s ease-in;
    -o-animation: fadeIn 0.2s ease-in;
    animation: fadeIn 0.2s ease-in;
    animation-delay: 1s;
}

.distinctive-bg {
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: calc(100vw * (330 / 1728));
    margin-bottom: -0.2rem;
}

.distinctive-bg img {
    width: 100%;
    height: 100%;
}

.distinctive-decor {
    position: absolute;
    right: -18rem;
    bottom: 0;
    width: 9vw;
    animation: DownUp 6s ease-in-out infinite;
}

.distinctive-decor img {
    width: 17rem;
}

@media screen and (max-width: 500px) {
    .distinctive-decor {
        bottom: 0;
    }
}

.distinctive-flex {
    margin: 0 -1.5rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding-top: 6rem;
}

.distinctive-col {
    width: 33.3333333333%;
    padding: 0 1.5rem;
    margin-bottom: 1.6rem;
}

@media screen and (max-width: 767px) {
    .distinctive-col {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .distinctive-col {
        width: 100%;
    }
}

.distinctive-item {
    position: relative;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.distinctive-item-inner {
    padding: 8rem 6.5rem;
    font-weight: 700;
    text-align: center;
    position: relative;
    font-size: 1.6rem;
    height: 100%;
}

.distinctive .distinctive-col:first-child .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
}

.distinctive .distinctive-col:nth-child(2) .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
    animation-delay: 0.8s;
}

.distinctive .distinctive-col:nth-child(3) .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
    animation-delay: 1.6s;
}

.distinctive .distinctive-col:nth-child(4) .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
}

.distinctive .distinctive-col:nth-child(5) .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
    animation-delay: 0.8s;
}

.distinctive .distinctive-col:nth-child(6) .distinctive-item-inner {
    animation: DownUp 8s ease-in-out infinite;
    animation-delay: 1.6s;
}

@media screen and (max-width: 1200px) {
    .distinctive-item-inner {
        padding: 2.4rem;
        background: #fff;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 4.8rem 10rem 0px;
        animation: unset !important;
    }
}

.distinctive-item-inner img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1200px) {
    .distinctive-item-inner img {
        display: none;
    }
}

.distinctive-item-inner p {
    z-index: 1;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    word-break: break-word;
    transition: ease-in 0.3s;
    font-size: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-weight: 400;
}

.distinctive-item-inner>p:hover {
    color: #ff5662;
}

.distinctive-br {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.distinctive-br img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.sec-vision~.sec-message {
    z-index: -1;
}

.distinctive-img-top {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
}

.distinctive-img-top img {
    width: 100%;
}

.distinctive-img-bottom {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
}

.distinctive-img-bottom img {
    width: 100%;
}

.distinctive-title {
    font-weight: 700;
    font-size: 3.2rem;
    text-align: center;
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media only screen and (max-width: 1200px) {
    .distinctive-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .distinctive-title {
        font-size: 2rem;
    }
}

.sec-basis {
    position: relative;
}

.sec-basis .basis-bg {
    position: absolute;
    bottom: 98%;
    left: 0;
    width: 100%;
}

.sec-basis .basis-bg img {
    width: 100%;
}

.sec-grclass.sec-message {
    padding-top: 0;
}

.sec-schedule {
    position: relative;
}

.sec-schedule::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(../assets/images/center.png);
    background-size: 100%;
}

.sec-schedule::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-size: 100%;
    background-image: url(../assets/images/star.png);
    opacity: 1;
    mix-blend-mode: screen;
    pointer-events: none;
    -webkit-animation: fadeIn 3s ease-in;
    -moz-animation: fadeIn 3s ease-in;
    -o-animation: fadeIn 3s ease-in;
    animation: fadeIn 3s ease-in;
    animation-delay: 1s;
}

.sec-schedule .swiper-schedule.open {
    display: block;
}

.sec-schedule .swiper-schedule {
    display: none;
    animation: fadeIn 0.6s ease-in-out;
}

.schedule-decor {
    position: absolute;
    top: 90%;
    right: 0;
    width: 10vw;
    transform: translateY(-50%);
    z-index: 1;
    animation: DownUp 6s ease-in-out infinite;
}

.schedule-decor img {
    width: 20rem;
}

@media screen and (max-width: 767px) {
    .schedule-decor {
        width: 25vw;
    }
}

.schedule-title {
    background: linear-gradient(180deg, #5c26ee 0%, #8a2ee1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .schedule-title {
        font-size: 2.7rem;
    }
}

@media only screen and (max-width: 800px) {
    .schedule-title {
        font-size: 2.2rem;
    }
}

.schedule-group {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -0.8rem;
    justify-content: center;
}

.schedule-control {
    padding: 0 0.8rem;
}

.schedule-control-inner {
    padding: 1rem 3rem;
    background: #4684ff;
    border-radius: 5rem;
    color: #fff;
    opacity: 0.6;
    cursor: pointer;
    transition: 0.3s ease-in;
    font-size: 1.4rem;
}

@media screen and (max-width: 500px) {
    .schedule-control-inner {
        padding: 0.8rem 1.4rem;
    }
}

.schedule-control-inner.active {
    opacity: 1;
    background: linear-gradient(180deg, #fe8c83 0%, #fd1b48 100%);
}

.schedule-control .icon {
    padding-left: 0.8rem;
}

.schedule-control .icon img {
    width: 1.6rem;
}

.schedule-item-inner {
    position: relative;
}

.schedule-item-br {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.schedule-item-br img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.schedule-circle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    height: 2.5rem;
    bottom: 1.5rem;
    transform: translateX(-90%);
    border-radius: 41% 40% 39% 48%/35% 50% 50% 58%;
    border: 0.6rem solid #f60f83;
}

.schedule-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100rem;
    background-color: #000;
}

.schedule-mid {
    padding: 0 2.4rem 10rem 2.4rem;
    position: relative;
    z-index: 2;
}

.schedule-img {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}

.schedule-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-65%, -60%);
    border-radius: 11.5rem;
}

.schedule-time {
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
}

@media only screen and (max-width: 1200px) {
    .schedule-time {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .schedule-time {
        font-size: 1.6rem;
    }
}

.schedule-des {
    text-align: center;
    font-size: 1.4rem;
}

.schedule-slider .swiper-slide:nth-child(6n+1) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(82%) sepia(20%) saturate(208%) hue-rotate(301deg) brightness(113%) contrast(104%);
}

.schedule-slider .swiper-slide:nth-child(6n+1) .schedule-time {
    color: #f60f83;
}

.schedule-slider .swiper-slide:nth-child(6n+1) .schedule-circle {
    border: 0.6rem solid #f60f83;
}

.schedule-slider .swiper-slide:nth-child(6n+2) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(89%) sepia(18%) saturate(500%) hue-rotate(176deg) brightness(105%) contrast(99%);
}

.schedule-slider .swiper-slide:nth-child(6n+2) .schedule-time {
    color: #f38231;
}

.schedule-slider .swiper-slide:nth-child(6n+2) .schedule-circle {
    border: 0.6rem solid #18677b;
}

.schedule-slider .swiper-slide:nth-child(6n+3) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(7%) saturate(1277%) hue-rotate(313deg) brightness(102%) contrast(106%);
}

.schedule-slider .swiper-slide:nth-child(6n+3) .schedule-time {
    color: #f38231;
}

.schedule-slider .swiper-slide:nth-child(6n+3) .schedule-circle {
    border: 0.6rem solid #f38231;
}

.schedule-slider .swiper-slide:nth-child(6n+4) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(20%) saturate(184%) hue-rotate(68deg) brightness(103%) contrast(95%);
}

.schedule-slider .swiper-slide:nth-child(6n+4) .schedule-time {
    color: #559454;
}

.schedule-slider .swiper-slide:nth-child(6n+4) .schedule-circle {
    border: 0.6rem solid #559454;
}

.schedule-slider .swiper-slide:nth-child(6n+5) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(80%) sepia(35%) saturate(226%) hue-rotate(320deg) brightness(103%) contrast(99%);
}

.schedule-slider .swiper-slide:nth-child(6n+5) .schedule-time {
    color: #e24128;
}

.schedule-slider .swiper-slide:nth-child(6n+5) .schedule-circle {
    border: 0.6rem solid #e24128;
}

.schedule-slider .swiper-slide:nth-child(6n+6) .schedule-item-br img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(32%) saturate(291%) hue-rotate(184deg) brightness(99%) contrast(87%);
}

.schedule-slider .swiper-slide:nth-child(6n+6) .schedule-time {
    color: #4684ff;
}

.schedule-slider .swiper-slide:nth-child(6n+6) .schedule-circle {
    border: 0.6rem solid #4684ff;
}

.sec-res .res {
    padding-bottom: 7rem;
    width: 83.3333333333%;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .sec-res .res {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    .sec-res .res {
        width: 100%;
    }
}

.sec-res .res .popup-title {
    text-align: center;
}

.sec-res .res .form-btn {
    margin: 0 auto;
}

.sec-res .res-decor {
    position: absolute;
    left: 16%;
    bottom: 15%;
    transform: translate(-50%, -50%);
    width: 15vw;
    z-index: 1;
}

.sec-res .res-decor img {
    width: 28rem;
}

@media screen and (max-width: 1200px) {
    .sec-res .res-decor {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .sec-res .res .popup-form .form-control {
        flex-direction: column;
    }
}

@media screen and (max-width: 400px) {
    .sec-res .res .popup-form .form-control-inner {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .sec-res .res .popup-form .form-control-inner:nth-child(odd) {
        margin-bottom: 1.6rem;
    }
}

@media screen and (max-width: 500px) {
    .res-form .form-control {
        flex-direction: column;
    }
}

@media screen and (max-width: 500px) {
    .res-form .form-control-inner {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .res-form .form-control-inner:nth-child(odd) {
        margin-bottom: 1.6rem;
    }
}

.popup-cover {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    z-index: 10;
}

.popup-cover.open {
    opacity: 1;
    pointer-events: all;
}

.popup-cover .popup {
    position: relative;
    max-height: 50%;
    overflow-y: auto;
    width: 50%;
    background: white;
    padding: 4rem 2.4rem;
}

@media screen and (max-width: 1200px) {
    .popup-cover .popup {
        width: 90%;
    }
}

.popup-cover .popup .popup-inner {
    max-height: 100%;
    overflow-y: auto;
}

.popup-cover .popup .popup-inner p {
    text-align: left;
}

.popup-cover .popup-title {
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color: #ff5662;
}

@media only screen and (max-width: 1200px) {
    .popup-cover .popup-title {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 800px) {
    .popup-cover .popup-title {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 2000px) {
    .footer-decor,
    .form-decor-two,
    .form-decor,
    .solution-decor,
    .study-decor-five,
    .study-decor-two.two,
    .advanced-content-decor,
    .study-decor-four,
    .study-decor-two,
    .study-decor,
    .target-decor,
    .target-decor-two,
    .advanced-decor-two,
    .study-decor-three,
    .banner-decor,
    .vision-decor-two,
    .vision-decor,
    .vision-decor-four,
    .vision-decor-three,
    .message-decor-two,
    .distinctive-decor,
    .solution-decor-two,
    .target-decor-three {
        width: auto;
    }
}

.decor-pos {
    position: relative;
    height: 100%;
}


/*# sourceMappingURL=style.css.map */