/* root */
:root {
    --second-color: #FFD35C
}
.nav>li>a>i.image-icon {
    line-height: 0;
    margin-left: 3px;
}
#wrapper {
    overflow: hidden;
}

/* font  */

@font-face {
    font-family: "SVN-Gilroy";
    src: url("../fonts/SVN-Gilroy/SVN-Gilroy.eot");
    src: url("../fonts/SVN-Gilroy/SVN-Gilroy.eot?#iefix") format("embedded-opentype"),url("../fonts/SVN-Gilroy/SVN-Gilroy.woff2") format("woff2"),url("../fonts/SVN-Gilroy/SVN-Gilroy.woff") format("woff"),url("../fonts/SVN-Gilroy/SVN-Gilroy.ttf") format("truetype"),url("../fonts/SVN-Gilroy/SVN-Gilroy.svg#SVN-Gilroy") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gilroy";
    src: url("../fonts/SVN-Gilroy/SVN-Gilroy/SVN-GilroyBold.eot");
    src: url("../fonts/SVN-Gilroy/SVN-GilroyBold.eot?#iefix") format("embedded-opentype"),url("../fonts/SVN-Gilroy/SVN-GilroyBold.woff2") format("woff2"),url("../fonts/SVN-Gilroy/SVN-GilroyBold.woff") format("woff"),url("../fonts/SVN-Gilroy/SVN-GilroyBold.ttf") format("truetype"),url("../fonts/SVN-Gilroy/SVN-GilroyBold.svg#SVN-GilroyBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gilroy";
    src: url("../fonts/SVN-Gilroy/SVN-GilroyMedium.eot");
    src: url("../fonts/SVN-Gilroy/SVN-GilroyMedium.eot?#iefix") format("embedded-opentype"),url("../fonts/SVN-Gilroy/SVN-GilroyMedium.woff2") format("woff2"),url("../fonts/SVN-Gilroy/SVN-GilroyMedium.woff") format("woff"),url("../fonts/SVN-Gilroy/SVN-GilroyMedium.ttf") format("truetype"),url("../fonts/SVN-Gilroy/SVN-GilroyMedium.svg#SVN-GilroyMedium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "SVN-Gilroy";
    src: url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.eot");
    src: url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.woff2") format("woff2"),url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.woff") format("woff"),url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.ttf") format("truetype"),url("../fonts/SVN-Gilroy/SVN-GilroySemiBold.svg#SVN-GilroySemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: "SVN-Gilroy";
    src: url(../fonts/SVN_Gilroy/SVN-GilroyBlack.otf) format("opentype");
    font-weight: 900;
}

@font-face {
    font-family: "SVN-Gilroy";
    src: url(../fonts/SVN_Gilroy/SVN-GilroyBlack.otf) format("opentype");
    font-weight: 900;
    font-style: italic;
}

.tooltipster-base {
    display: none !important;
}

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

body {
    font-family: "SVN-Gilroy", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

/* header */
.header-block * {
    margin: 0 !important;
}

.header-block .stack {
    column-gap: 10px;
}

#header-contact .icon-map-pin-fill:before {
    content: url(../icons/map.svg);
}

#header-contact .icon-phone:before {
    content: url(../icons/phone.svg);
}

#header-contact {
    flex-direction: row-reverse;
    column-gap: 40px;
}

#header-contact.nav-divided>li+li>a:after {
    display: none;
}

.stuck .header-main .nav>li>a {
    line-height: normal !important;
}

#header-contact.nav>li>a>span {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: none;
    margin-left: 8px;
}

.logo-center #logo {
    position: relative;
}

.logo-center #logo a {
    position: absolute;
    width: 100%;
    padding-top: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.logo-center #logo a img {
    padding: 13px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    max-height: none !important;
    object-fit: cover;
}

.logo {
    margin: 0 !important;
}


.flex-row.logo-center {
    align-items: flex-start;
}

.logo-center .flex-col,
.logo-center .header-nav-main.nav {
    height: 100%;
}

.logo-center .header-nav-main.nav {
    display: flex;
    align-items: center;
}

.logo-center .header-nav-main.nav>li {
    margin: 0 5px;
}

.header-nav-main.nav>li>a {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px
}

.header-nav-main.nav>li.current-menu-parent>a,
.header-nav-main.nav>li>a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
    border-radius: 100px;
}

.header-nav-main.nav>li.menu-2.current-menu-parent>a,
.header-nav-main.nav>li.menu-2>a:hover {
    background-color: #FFD35C;
    color: var(--primary-color) !important;
}

.nav-dropdown>li>a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.logo-center .nav-dropdown {
    margin-top: 10px;
}

.stuck #logo {
    width: 120px !important;
}

/* footer */
footer .follow-icons a.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgb(255 255 255 / 10%);
    border-radius: 50%;
    margin-bottom: 10px;
	margin-right:10px
}
footer .follow-icons a.icon:hover{
	background: rgb(255 255 255 / 100%);
	color: var(--primary-color)
}
footer .section.dark {
    background-color: inherit;
}

.ff-title *,
.ff-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 22px;
}

footer .icon-angle-right:before {
    content: url(../icons/rigth.svg);
    line-height: normal;
    position: relative;
    top: -1px;
}

footer .ux-menu-link__icon+.ux-menu-link__text {
    padding-left: 8px;
}

footer .icon-box {
    margin-bottom: 16px;
}

footer .icon-box-img {
    max-width: 16px;
}

footer .ux-menu-link__link {
    min-height: auto;
    line-height: 170%;
    margin-bottom: 3px;
}

footer .ux-menu-link__link:hover i.icon-angle-right:before {
    content: url(../icons/rigth-yellow.svg);
}

footer .ux-menu-link__link:hover .ux-menu-link__text {
    color: #FFD35C;
}

footer .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 10px;
}

.absolute-footer {
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.26);
}

.absolute-footer .copyright-footer {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 138%;
}

/* section */
.slider-nav-light .flickity-page-dots .dot {
    opacity: 1;
    border: 0;
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #FFD35C;
}

.ab-title h2 {
    color: var(--second-color);
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 40px;
    line-height: 108.1%;
}

.ab-title p {
    max-width: 864px;
    margin: 0 auto 20px;
    font-size: 20px;
    font-weight: 500;
}

.ab-title-s h2 {
    text-align: left;
    font-size: 32px;
    font-weight: 700;
}

.title-td h3 {
    font-size: 40px;
}

.fz-22 {
    font-size: 22px;
    line-height: 1.6;
}

.btn-main.button:not(.is-outline) {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    height: 55px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    justify-content: center;
}

.btn-main.button.is-outline {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    height: 55px;
    line-height: 50px;
    display: inline-flex;
    align-items: center;
    border-radius: 27.5px;
    border: 1px solid var(--primary-color);
    justify-content: center;
}

.btn-main span {
    min-width: 154px;
    position: relative;
    z-index: 2;
}

.btn-main.w-auto span {
    min-width: 100px;
}

.btn-main.btn-hover-2.button:not(.is-outline) span {
    width: max-content;
    min-width: auto;
    padding: 0 15px 0 10px;
}

.btn-main::after {
    position: absolute;
    content: "";
    background-color: var(--second-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 17px;
    top: 5px;
    transition: all 0.3s;
}

.btn-main.secondary::after {
    background-color: var(--primary-color);
}

.btn-main .icon-angle-right {
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-main .icon-angle-right:before {
    line-height: 0;
    content: "";
    background: url(../icons/right-arrow_main.svg) center / contain no-repeat;
    width: 22px;
    height: 22px;
    display: block;
}

.col-title-l .btn-main::after,
.col-title-l .btn-main .icon-angle-right {
    width: 22px;
    height: 22px;
}

.col-title-l .btn-main::after {
    position: absolute;
    top: 8px;
    right: 14px;
}

.col-title-l .btn-main .icon-angle-right:before {
    width: 12px;
    height: 12px;
}

.col-title-l .btn-main.button:not(.is-outline) {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.col-title-l .btn-main span {
    min-width: 100px;
}

.btn-main.arr-white .icon-angle-right:before,
.btn-main.btn-hover-2 .icon-angle-right:before {
    line-height: 0;
    content: url(../icons/right-arrow_white.svg);
}

.btn-main.arr-white:hover {
    color: #fff !important;
}

.btn-main.arr-white::after {
    background-color: var(--primary-color);
}

.btn-main.button:not(.is-outline):hover {
    color: var(--primary-color);
    border-color: var(--second-color);
    background-color: var(--second-color);
    box-shadow: none;
}

.btn-main.secondary.button:not(.is-outline) {
    color: var(--primary-color);
    border-color: var(--second-color);
}

.btn-main.secondary.button:not(.is-outline):hover {
    background-color: var(--primary-color);
    color: #fff;
}

.btn-main:hover::after {
    box-shadow: 0 0 0 0 var(--second-color);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 9999px;
    animation: btn-keyframes 0.5s;
}

.btn-main.btn-hover-2:hover::after {
    box-shadow: none;
    width: 40px;
    height: 40px;
    right: 17px;
    top: 5px;
    background-color: var(--primary-color);
    animation: none
}

.ss-bg-ra .fill {
    border-radius: 0px 0px 800px 800px;
}

.img-cus .img {
    overflow: hidden;
    border-radius: 176.901px 176.901px 0px 0px;
    margin-bottom: 0 !important;
}

.img-cus .is-border,
.img-cus .col-inner {
    z-index: 2;
    overflow: hidden;
    border-radius: 176.901px 176.901px 0px 0px;
}

.img-cus.bdr-down .img {
    border-radius: 0px 0px 176.901px 176.901px;
}

.img-cus.bdr-down .is-border,
.img-cus.bdr-down .col-inner {
    z-index: 2;
    overflow: hidden;
    border-radius: 0px 0px 176.901px 176.901px;
}

.img-ra-40 img {
    border-radius: 40px;
}

.title-h3 h3,
.title-none h2 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 900;
}

.title h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 0;
    line-height: normal;
}

.title h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    line-height: 6px;
    border-bottom: 17px solid var(--second-color);
    width: max-content;
    margin: 0 auto 20px;
}

.col-title-l .title h3 {
    margin-left: 0;
    min-width: 30%;
}

.title-s h2 {
    line-height: 1;
    margin-bottom: 20px;
}

.title-s p {
    font-size: 18px;
    font-weight: 500;
}

.title-ss p {
    font-size: 24px;
}

.p-min p {
    max-width: 530px;
}

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

.box-cus .col-inner {
    color: var(--primary-color);
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(164, 164, 164, 0.25);
    padding: 24px 20px 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 130.5%;
}
.box-cus .icon-box-img svg,
.box-cus .icon-box-img img {
    padding-top: 0;
}

.box-cus .icon-box-img {
    width: 109px !important;
    height: 109px;
    border-radius: 50%;
    padding: 20px;
    background-color: var(--primary-color);
}

.sub {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.sub p {
    margin-bottom: 12px;
}

.list-check ul li {
    margin: 0;
    position: relative;
    padding-left: 25px;
    list-style: none;
}

.list-check ul li::before {
    content: url(../icons/Check.svg);
    line-height: normal;
    position: absolute;
    left: 0;
    top: 2px;
}

.bn-cus {
    border-radius: 10px;
    overflow: hidden;
}

.bn-cus h3 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

.bn-cus p {
    font-weight: 600;
    font-size: 24px;
    margin: 0;
}

.col-10px .col {
    padding: 0 5px !important;
}

.col-10px.row .row-small:not(.row-collapse) {
    margin: 0 -5px !important;
}

.br-10 {
    border-radius: 10px;
    overflow: hidden;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.banner-title h3 {
    margin-bottom: 10px;
    line-height: normal;
}

.banner-title h1 {
    font-size: 60px;
    line-height: normal;
    margin-bottom: 8px;
}

.rank-math-breadcrumb {
    font-weight: 500;
}

.rank-math-breadcrumb>p>a:first-child::before {
    content: url(../icons/home.svg);
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.rank-math-breadcrumb .separator {
    margin: 0 5px;
}

.bg-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background: url(../icons/top_white_wave_2.png) center / cover no-repeat;
    z-index: 2;
}

.bg-bottom.bg-bottom-2::after {
    height: 190px;
    background: url(../icons/bottom_white_wave.png) center / cover no-repeat;
}

.bg-bottom.bg-bottom-3::after {
    height: 105px;
    background: url(../icons/top_white_wave_1.png) center / cover no-repeat;
}

.bg-bottom.bg-bottom-4::after {
    height: 104px;
    background: url(../icons/wave_top2.png) center / cover no-repeat;
}

.bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 105px;
    background: url(../icons/top_white_wave.png) center / cover no-repeat;
    z-index: 2;
}

.bg-top.bg-top-2::before {
    background: url(../icons/wave_top1.png) center / cover no-repeat;
    height: 104px;
}

.has-box img {
    box-shadow: 0px 4px 19px 0px rgba(164, 164, 164, 0.25);
}

.flickity-prev-next-button {
    color: var(--primary-color);
}

.bn-sp .fill,
.bn-sp {
    border-radius: 20px;
}

.bn-sp::before {
    border-radius: 20px;
    content: "";
    position: absolute;
    top: -10px;
    left: 15px;
    background-color: var(--second-color);
    width: 100%;
    height: 100%;
}

.bn-sp h3 {
    text-shadow: 0px 4px 4px #A34C69;
    font-size: 50px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.blog-1 .box-blog-post {
    border-radius: 30px;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(164, 164, 164, 0.25);
}

.blog-1 .box-blog-post .box-text {
    padding: 30px 32px 30px;
}

.blog-1 .box-blog-post .is-divider {
    display: none;
}

.blog-1 .box-blog-post .post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #181818;
    margin-bottom: 7px;
}

.blog-1 .box-blog-post .from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #58575C;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.blog-1 .box-text {
    padding: 32px;
}

.blog-1 .post-title {
    -webkit-line-clamp: 2;
    font-size: 24px;
    text-transform: uppercase;
}

.blog-1 .from_the_blog_excerpt {
    color: #333;
    -webkit-line-clamp: 3;
}

.box-blog-post .button {
    color: #181818;
    text-transform: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 92.5%;
    margin: 0;
    margin-top: 10px;
}

.box-blog-post .button::after {
    content: "";
    background: url(../icons/right-arrow_main.svg) center/ contain no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 8px;
}


.box-blog-post:hover .button,
.box-blog-post:hover .post-title {
    color: var(--primary-color);
}
.blog-main-d .col-inner {
    background: #fff;
    padding: 10px 15px 0;
    border-radius: 16px;
}
.home .post-item {
    padding-bottom: 24px;
}

.widget-area .box-blog-post .button::after {
    background: url(../icons/right-arrow_main2.svg) center/ contain no-repeat;
}

.widget-area .box-blog-post .button {
    color: #676767;
}

.widget-area .box-blog-post img {
    border-radius: 10px;
}

.widget-area .box-blog-post .box-text {
    padding-right: 0;
}

.widget-area .col {
    padding-bottom: 0;
}

@-webkit-keyframes btn-keyframes {
    0% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent;
    }
}

@keyframes btn-keyframes {
    0% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent;
    }
}

.main-bg-text h1 {
    color: var(--second-color);
    font-size: 60px;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 17px;
    text-shadow: 2px 0 rgba(0, 0, 0, 0.6), -2px 0 rgba(0, 0, 0, 0.6), 0 2px rgba(0, 0, 0, 0.6), 0 -2px rgba(0, 0, 0, 0.6),
        1px 1px rgba(0, 0, 0, 0.6), -1px -1px rgba(0, 0, 0, 0.6), 1px -1px rgba(0, 0, 0, 0.6), -1px 1px rgba(0, 0, 0, 0.6);

}

.main-bg-text h3 {
    color: var(--primary-color);
    padding: 8px 12px;
    background-color: var(--second-color);
    font-size: 30px;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    width: max-content;
    max-width: 100%;
}

.desc-main {
    font-size: 20px;
    color: #4F4F4F;
}

.desc-main h3 {
    font-size: 26px;
    margin-bottom: 32px;
    line-height: normal;
}

.box-img-2 {
    overflow: hidden;
    border-radius: 300px;
    padding: 16px 20px 1px;
    border: 2px solid var(--primary-color);
}

.box-img-2-left .img-inner {
    border-radius: 300px 0px 0px 300px;
    border: 10px solid var(--second-color);
}

.box-img-2-right .img-inner {
    border-radius: 0px 300px 300px 0px;
    border: 10px solid var(--primary-color);
}

.ct-ssl .col-inner {
    border-radius: 14px 90px 14px 14px;
}

.box-mask {
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    border-radius: 69.5px 69.5px 0px 69.5px;
    background: #FFF;
    padding: 25px 0 25px 30px;
    position: relative;
}

.box-mask+.box-mask {
    margin-top: 15px;
}

.box-mask+.box-mask::before {
    content: "";
    height: 15px;
    width: 5px;
    background-color: var(--primary-color);
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
}

.box-mask * {
    margin-bottom: 0;
}

.box-mask .icon-box-img {
    width: auto !important;
}

.box-mask .icon-inner {
    background: url(../icons/Intersect.png) center / cover no-repeat;
    padding: 1px;
    width: 107px;
}

.box-mask img {
    -webkit-mask-image: url(../icons/Intersect.png);
    mask-image: url(../icons/Intersect.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 104px;
    height: 85px;
    object-fit: cover;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 0;
}

.box-img-cus .col-inner {
    border-radius: 15px;
    width: calc(100% - 68px);
    margin-right: auto;
    margin-left: 0 !important;
    margin-bottom: 100px;
}

.box-img-cus .desc-box::before {
    content: "";
    width: 50%;
    padding-top: 50%;
    border-radius: 50%;
    background-color: var(--second-color);
    opacity: 0.55;
    position: absolute;
    left: -13%;
    top: -24%;
}

.box-img-cus .desc-box {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 15px;
    min-height: 310px;
    padding: 24px 100px 24px 40px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
}

.box-img-cus strong {
    font-size: 50px;
    font-weight: 900;
}

.box-img-cus .desc-box p {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

.box-img-cus .img {
    width: 190px !important;
    height: 190px;
    border: 10px solid var(--second-color);
    position: absolute;
    right: -68px;
    bottom: -42px;
}

.box-img-cus.left .col-inner {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.box-img-cus.left .img {
    right: auto;
    left: -68px;
}

.box-img-cus.left .desc-box {
    padding-right: 30px;
    padding-left: 120px;
    text-align: right;
}

.box-img-cus.top_left .col-inner {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.box-img-cus.top_left .img {
    right: auto;
    bottom: auto;
    top: -53px;
    left: -68px;
}

.box-img-cus.top_left .desc-box {
    padding-right: 30px;
    padding-left: 120px;
    text-align: right;
}

.box-img-cus.top_left .col-inner,
.box-img-cus.top_right .col-inner {
    margin-bottom: 0;
}

.box-img-cus.top_right .img {
    bottom: auto;
    top: -53px;
}

.box-img-cus.top_right .desc-box::before {
    top: auto;
    bottom: -24%;
}

.box-img-cus.top_left .desc-box::before {
    top: auto;
    left: auto;
    right: -13%;
    bottom: -38%;
}

.form-cus select,
.form-cus textarea,
.form-cus input:not([type="submit"],[type="checkbox"]) {
    height: 48px;
    width: 100%;
    border-radius: 24px;
    box-shadow: none;
    padding-left: 20px;
    margin-bottom: 16px;
}

.form-cus form {
    margin: 0;
}

.form-title h3 {
    font-size: 26px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.bg-form .col-inner {
    background: url(../icons/bg-form.png) center / cover no-repeat;
    mix-blend-mode: multiply;
}

body.ux-builder-iframe .box-cus-t .col-inner {
    padding: 20px;
}

body:not(.ux-builder-iframe) .box-cus-t .col-inner {
    width: 90%;
    padding: 0;
    padding-bottom: 90%;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
}

body:not(.ux-builder-iframe) .box-cus-t .col-inner .text {
    position: absolute;
    inset: 0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

body:not(.ux-builder-iframe) .box-cus-t .is-border {
    width: calc(100% + 85px);
    height: calc(50% + 39px);
    border-radius: 0 0 300px 300px !important;
    border-width: 30px !important;
    border-top: 0 !important;
    top: auto;
    bottom: -39px;
    left: -42px;
    right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body:not(.ux-builder-iframe) .box-cus-t:nth-child(even) .is-border {
    transform: rotate(180deg);
    top: -38px;
    bottom: auto;
}

.box-cus-t h3 {
    margin-bottom: 0;
    max-width: 86%;
    margin: 0 auto;
}

.box-cus-t p {
    margin-bottom: 0;
    max-width: 76%;
    margin: 0 auto;
}

.text-df * {
    margin: 0;
    font-size: 30px;
    font-weight: normal;
    color: var(--primary-color);
}

.text-df {
    position: absolute;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    display: block;
    left: 40px;
    bottom: 57px;
    letter-spacing: 5px;
    height: 110%;
}

.desc_b {
    font-size: 20px;
}

.desc_b h4,
.desc_b h3 {
    font-weight: 900;
    font-size: 60px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

.desc_b h4 {
    font-size: 50px;
    margin-bottom: 20px;
}

.col-img-s .col-inner .img {
    border-radius: 0 100% 100% 0;
    overflow: hidden;
}

.col-img-s .is-border {
    width: calc(100% - 30px);
    padding-top: calc(100% - 30px);
    border-radius: 0 100% 100% 0;
    bottom: 19px;
    top: auto;
    left: 20px;
    right: auto;
}

.box-main-co .col-inner {
    overflow: hidden;
}

.box-main-co .img {
    transform: rotate(-16deg);
    position: relative;
    left: 40px;
    margin-bottom: -60px;
    border-radius: 20px;
    border-top-right-radius: 0;
    overflow: hidden;
    width: 112% !important;
    max-width: none;
}

.box-main-co .col-inner::before {
    content: "";
    width: 146px;
    padding-top: 100%;
    position: absolute;
    top: -49px;
    left: -47px;
}

.box-main-co h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: normal;
}

.img-c img {
    object-fit: contain;
}

.bg-top-s {
    overflow: hidden;
}

.bg-top-s .section-bg {
    top: 24%;
}

.col-menu .col-inner .button.primary {
    margin-bottom: 0;
    padding: 12px 50px;
    margin: 3px 0;
}

.col-menu .col-inner .button.primary:not(.is-outline) {
    color: var(--second-color);
}

.col-menu .col-inner .button.primary.is-outline {
    background-color: #FFF3D2;
}

.col-menu .col-inner .button.primary.is-outline:hover {
    background-color: var(--primary-color);
}

.desc-large {
    font-size: 20px;
}

.desc-large h3 {
    font-size: 40px;
    line-height: normal;
}

.desc-large h3 strong {
    font-weight: 900;
}

.desc-large h2 {
    font-weight: 900;
    font-size: 60px;
    line-height: normal;
    width: max-content;
    display: inline-block;

}

.desc-large h2::after {
    content: "";
    width: 100%;
    display: block;
    margin-top: -25px;
    border-bottom: 17px solid var(--second-color);
}

.col-br-20 {
    border-radius: 20px;
    overflow: hidden;
}

.desc-book {
    overflow: hidden;
}

.desc-book .col-inner {
    padding-left: 50px;
}

.desc-book .col-inner::before {
    content: "";
    background: url(../icons/book.svg) center / contain no-repeat;
    width: 339px;
    height: 531px;
    position: absolute;
    left: -100px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.desc-book .col-inner .text {
    background-color: rgb(255, 250, 246);
    border-radius: 40px;
    padding: 115px 92px 100px 150px;
}

.desc-book img {
    margin-bottom: 0 !important;
}

.bg-hei .section-bg.bg-loaded {
    height: 120%;
}

.box-ss h3 {
    font-size: 40px;
    margin-bottom: 0;
    font-weight: 900;
    color: var(--primary-color);
}

.box-ss {
    background-color: #FFF3D2;
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
}

.box-ss::after {
    content: "";
    position: absolute;
    inset: 13px;
    border-radius: 10px;
    border: 1px solid var(--primary-color);
}

.box-ss-l {
    min-height: 436px;
}

.box-ss p {
    margin-bottom: 0;
}

.desc-ls p {
    font-size: 32px;
    margin-bottom: 30px;
}

.desc-ls h2 {
    display: inline-block;
    padding: 14px 60px;
    color: #000;
    font-size: 26px;
    background-color: #FFD35C;
    width: auto;
    border-radius: 100px;
    line-height: normal;
}

.ab-desc h3 {
    font-size: 32px;
    line-height: normal;
    margin-bottom: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

.box-ms .col-inner .text {
    background-color: var(--primary-color);
    width: 100%;
    padding: 50px 30px;
    height: 100%;
}

.box-ms:nth-child(even) .col-inner .text {
    background-color: var(--second-color);

}

.box-ms .col-inner::after,
.box-ms .col-inner::before,
.box-ms .col-inner .text::after,
.box-ms .col-inner .text::before {
    content: "";
    width: 68px;
    height: 68px;
    background-color: var(--primary-color);
    position: absolute;
    border-radius: 50%;
}

.box-ms:nth-child(even) .col-inner::after,
.box-ms:nth-child(even) .col-inner::before,
.box-ms:nth-child(even) .col-inner .text::before {
    background-color: var(--second-color);
}

.box-ms .col-inner::after {
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

.box-ms .col-inner::before {
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

.box-ms .col-inner .text::before {
    left: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.box-ms .col-inner .text::after {
    background-color: #fff;
    right: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.box-ms .col-inner * {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 0;
}

.text-rol .col-inner {
    text-align: center;
}

.text-rol .col-inner p {
    writing-mode: vertical-lr;
    font-size: 60px;
    font-weight: 900;
    margin: 0 auto;
    color: var(--primary-color);
}

.text-rol .col:nth-child(1) .col-inner::before {
    border-left: 1px solid #000;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 170%;
    transform: rotate(19deg);
}

.text-rol .col:nth-child(1) .col-inner p {
    transform: rotate(197deg);
    display: block;
}

.text-rol .col:nth-child(2) .col-inner::before {
    border-left: 1px solid #000;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 170%;
    transform: rotate(15deg);
}

.text-rol .col:nth-child(2) .col-inner::after {
    border-right: 1px solid #000;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 170%;
    transform: rotate(-12deg);
}

.text-rol .col:nth-child(2) .col-inner p {
    transform: rotate(180deg);
}

.text-rol .col:nth-child(3) .col-inner::after {
    border-right: 1px solid #000;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 170%;
    transform: rotate(-16deg);
}

.text-rol .col:nth-child(3) .col-inner p {
    transform: rotate(166deg);
    display: block;
}

.text-rol {
    padding-top: 100px;
}

.col-ct-f .col-inner {
    padding: 100px 45px 100px 70px;
    font-size: 18px;
    border-radius: 46px 0 0 46px;
}

.col-ct-l .col-inner {
    border-radius: 0 46px 46px 0;
    overflow: hidden;
}

.row-ct {
    position: relative;
}

.row-ct .col {
    padding-bottom: 0;
}

.row-ct::before {
    content: "";
    position: absolute;
    background-color: #FFD35C;
    width: 80%;
    height: calc(100% + 50px);
    right: -15px;
    top: -25px;
    border-radius: 46px;
}

.col-ct-f h2 {
    font-size: 45px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
}

.col-ct-f h2 strong {
    font-weight: 900;
}

.col-text {
    font-size: 18px;
}

.col-text h3 {
    font-size: 60px;
    margin-bottom: 0;
    line-height: normal;
}

.col-text .col-inner {
    padding: 60px;
}

.col-text-f .col-inner::before {
    content: "";
    background: url(../icons/col-bg-1.png) center / contain no-repeat;
    position: absolute;
    left: 0px;
    top: -50%;
    width: 200%;
    height: 200%;
}

.col-text-l .col-inner::before {
    content: "";
    background: url(../icons/col-bg-2.png) center / contain no-repeat;
    position: absolute;
    right: 25px;
    top: -50%;
    width: 200%;
    height: 200%;
}

.col-box-ct .text {
    background-color: var(--primary-color);
    padding: 60px;
    border-radius: 46px 46px 0 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.col-box-ct .text * {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}

.col-box-ct .img {
    border-radius: 0 0 46px 46px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.col-box-ct .col-inner {
    padding: 0 40px 40px;
}

.col-box-ct .col-inner::before {
    width: 100%;
    height: 85%;
    background-color: var(--second-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 46px;
}

.gal-col .gallery-box {
    border-radius: 50%;
    overflow: hidden;
}

.gal-col .gallery-box .box-text {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    padding: 0 30px;
}

.gal-col {
    justify-content: center;
}

.re-box .col-inner {
    box-shadow: 0px 4px 19px 0px rgba(164, 164, 164, 0.25);
    padding: 24px;
    background-color: #fff;
    font-weight: 500;
    border-radius: 30px;
}

.re-box .col-inner::before {
    content: "";
    background: url(../icons/qoute.svg) center / contain no-repeat;
    width: 87px;
    height: 72px;
    display: block;
    margin-bottom: -20px;
}

.re-box .icon-box {
    align-items: center;
    font-size: 14px;
}

.re-box .icon-box h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.re-box .icon-box p {
    margin: 0;
}

.re-box .icon-box img {
    border: 4px solid rgba(255, 195, 13, 0.2);
    border-radius: 50%;
    padding: 0;
}

.re-slide .flickity-prev-next-button {
    transform: none !important;
    opacity: 1 !important;
    color: var(--second-color);
}

.banner-recruit .height-fix {
    display: none;
}

.banner-recruit .banner-inner.fill,
.banner-recruit .banner-layers *,
.banner-recruit .banner-layers {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    transform: none !important;
}

.banner-recruit {
    border: 10px solid var(--primary-color);
    margin-bottom: 40px;
    border-radius: 37px;
    overflow: hidden;
}

.banner-recruit:nth-child(even) {
    border-color: var(--second-color);
}

.banner-recruit p {
    font-size: 20px;
}

.banner-recruit h2 {
    font-size: 30px;
    font-weight: 900;
}

.banner-recruit .bg.bg-loaded {
    border-radius: 37px;

}

.btn-l.button.primary:not(.is-outline) {
    width: 100%;
    height: 159px;
    line-height: 159px;
    font-size: 60px;
    font-weight: 700;
    color: var(--second-color);
}

.btn-l.button.primary:not(.is-outline)::after {
    content: "";
    position: absolute;
    inset: 20px;
    border-radius: 100px;
    border: 2px dashed #fff;
}

.faq-cus .accordion-title.active {
    background-color: transparent;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}

.faq-cus .accordion-title {
    color: #033a70;
    border: 0;
    position: relative;
}

.faq-cus .accordion-item {
    border: 2px dashed #d7f0ef;
    margin-bottom: 20px;
    background-color: #f0fffe;
    position: relative;
}

.faq-cus .accordion-title::before {
    content: url(../icons/mark.svg);
    position: absolute;
    left: 16px;
    top: 11px;
}

.faq-cus .accordion-title.active::before {
    content: url(../icons/mark-prime.svg);
}

.faq-cus.accordion .toggle {
    left: auto;
    right: 0;
}

.author-post {
    display: none;
    align-items: center;
    gap: 10px;
    color: #97989F;
    font-weight: 600;
    margin-top: 20px;
}

.author-img {
    width: 36px;
    border-radius: 50%;
    overflow: hidden;
}

.entry-divider,
.blog-main .is-divider {
    display: none;
}

.entry-header .author-post,
.blog-main .author-post {
    display: flex;
}

.cat-label-b {
    display: none;
}

.entry-category a,
.cat-label {
    font-size: 16px;
    font-weight: 600;
    padding: 4px 10px;
    background-color: rgba(75, 107, 251, 0.05);
    text-transform: none;
    color: var(--primary-color);
	border: 1px solid  var(--primary-color);
    margin-bottom: 16px;
    border-radius: 6px;
    opacity: 1;
    width: max-content;
    max-width: 100%;
}
.entry-category a:hover{
	background-color: transparent;
}
.entry-category {
    font-size: 0;
    opacity: 1;
}

.entry-category a {
    background-color: var(--primary-color);
    color: #fff;
    height: 32px;
    display: inline-block;
    line-height: 23px;
    font-weight: normal;
    margin-right: 10px;
    margin-bottom: 10px;
}

.blog-main .box-image img {
    border-radius: 6px;
}

.blog-main .post-title {
    font-size: 24px;
    font-weight: 700;
}

.blog-main .box-blog-post {
    background-color: #fff;
    border: 1px solid #E8E8EA;
    padding: 14px;
    border-radius: 12px;
}

.bg-bottom-s::before {
    content: "";
    background-color: #FBF0F0;
    width: 100%;
    height: 100px;
    top: 100%;
    left: 0;
    position: absolute;
}

.blog-wrapper {
    padding-top: 0;
}

.blog-wrapper .large-10 {
    max-width: 100%;
    flex-basis: 100%;
}

body.category:not(.category-goc-phu-huynh) .box-image .image-cover {
    padding-top: 100% !important;
}

body.category:not(.category-goc-phu-huynh) .box-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #183865;
    padding: 10px;
    color: #fff;
    transition: all 0.5s;
}

body.category:not(.category-goc-phu-huynh) .box-text .post-title {
    color: #fff;
    line-height: 1.5;
    margin-bottom: 10px;
}

body.category:not(.category-goc-phu-huynh) .box-text .from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

body.category:not(.category-goc-phu-huynh) .box-blog-post:hover .box-text {
    top: 0;
    background-color: rgba(255, 0, 0, 0.7);
}

body.category:not(.category-goc-phu-huynh) .box-blog-post:hover .box-text .from_the_blog_excerpt {
    display: block;
    text-indent: 10px;
}

.box-blog-post .is-divider {
    display: none;
}

.bai_viet_lien_quan .from_the_blog_excerpt,
body.category.category-goc-phu-huynh .box-text .from_the_blog_excerpt {
    display: none;
}

.col-td-t p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}

.col-td-t>.col-inner {
    border-radius: 6px 6px 0 0;
}

.col-td-item .button {
    text-transform: none;
    font-weight: normal;
    min-width: 110px;
    padding: 0 !important;
    margin: 0 auto;
}

.col-td-item p {
    margin-bottom: 0;
}

.col-td-item .button.secondary:not(.is-outline) {
    background-color: #8B8B8B;

}

.slider-nav-circle .flickity-prev-next-button {
    opacity: 1;
}

.slider-nav-circle .flickity-prev-next-button svg {
    background-color: var(--primary-color);
    color: #fff;
}

.row-slide-1 .active .col-inner {
    background-color: var(--primary-color) !important;
    color: #fff;
}

.row-slide-1 .active .col-inner * {
    color: #fff;
}

.row-slide-2 .col {
    display: none;
}

.row-slide-2 .col.active {
    display: block;
}

.single:not(.ux-builder-iframe) .col-menu {
    display: none;
}

.entry-image {
    border-radius: 12px !important;
    overflow: hidden;
}

.row-divided>.col+.col:not(.large-12) {
    border: 0 !important;
}

.bai_viet_lien_quan h2 {
    color: var(--primary-color);
    line-height: normal;
    text-transform: uppercase;
}

.bai_viet_lien_quan h2::after {
    content: "";
    width: 77px;
    height: 2px;
    background-color: var(--primary-color);
    display: block;
}

.post {
    margin: 0;
}

body.category.category-goc-phu-huynh .cat-label-b {
    display: block;
}

.single .row-large>.col {
    padding: 0 15px 30px;
}
#form-dang-ky.lightbox-content{
	background: transparent !important;
}
.col-form-pp .banner h3{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 22px;
	line-height: normal;
}
.col-form-pp .banner-inner.fill {
    height: 115%;
    margin: auto !important;
    bottom: 0;
    background: var(--primary-color);
    border-radius: 20px;
}
.header-inner.container{
	max-width: 1350px !important;
}
@media screen and (min-width: 1440px) {
    .box-cus-t h3 {
        font-size: 20px;
    }

    .box-cus-t p {
        font-size: 18px;
    }

    .row-p {
        padding: 0 50px;
        max-width: 1520px !important;
    }
	.col-menu .button.primary {
		min-width: 260px
	}

    .col-menu-2.col-menu .col-inner .button.primary {
		min-width: 300px
    }

}

@media screen and (min-width: 850px) {
	.blog-2 .post-title{
		margin: 0 0 20px
	}
	.single .row-large>.large-9 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .single .row-large>.large-3 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .bai_viet_lien_quan h2 {
        font-size: 42px;
    }

    h1.entry-title {
        font-size: 36px;
    }

    body.category.category-goc-phu-huynh .large-columns-3>.col {
        max-width: 50%;
        flex-basis: 50%;
    }



    .ss-mt {
        margin-top: -300px;
    }

    .pt-lg-140 {
        padding-top: 140px;
    }

    .row-5>.col {
        max-width: 20%;
        flex-basis: 20%;
    }
}

@media screen and (min-width: 550px) {
    body.category.category-goc-phu-huynh .box-image {
        width: 50%;
    }

    body.category.category-goc-phu-huynh .box-image .image-cover {
        padding-top: 70% !important;
    }

    body.category.category-goc-phu-huynh .box-text {
        width: 50%;
    }


    body.category.category-goc-phu-huynh .box-blog-post {
        display: flex;
        background-color: #fff;
        border: 1px solid #E8E8EA;
        border-radius: 12px;
        overflow: hidden;
    }

    body.category.category-goc-phu-huynh .box-text .post-title {
        font-size: 18px;
    }

    body.category.category-goc-phu-huynh .box-text-inner {
        padding: 30px 22px;
    }
}

@media screen and (min-width: 1600px) {
	.header-inner.container{
		max-width: 1400px !important;
	}
}
@media screen and (max-width: 1600px) {
	.header-main .nav > li > a{
		font-size: 14px
	}
	.title h2{
		font-size: 50px
	}
}
@media screen and (max-width: 1500px) {
	
    .box-ss {
        padding: 37px;
    }

    .box-ss-l {
        min-height: 469px;
    }
}

@media screen and (max-width: 1200px) {
    .box-ss h3 {
        line-height: normal;
    }

    .box-ss {
        padding: 28px;
    }

    .box-ss-l {
        min-height: 500px;
    }

    .header-nav-main.nav>li>a {
        font-size: 13px;
        padding: 10px 5px;
    }

    .logo-center .header-nav-main.nav>li {
        margin: 0;
    }

    body:not(.ux-builder-iframe) .box-cus-t .col-inner {
        width: 100%;
        padding-bottom: 100%;
    }

    body:not(.ux-builder-iframe) .box-cus-t .is-border {
        width: calc(100% + 44px);
        height: calc(50% + 21px);
        border-radius: 0 0 300px 300px !important;
        border-width: 14px !important;
        border-top: 0 !important;
        top: auto;
        bottom: -17px;
        left: -21px;
        right: auto;
    }

    body:not(.ux-builder-iframe) .box-cus-t:nth-child(even) .is-border {
        transform: rotate(180deg);
        top: -23px;
        bottom: auto;
    }

    .box-cus-t h3 {
        font-size: 16px;
    }

    .box-cus-t p {
        font-size: 14px;
    }
}


@media screen and (max-width: 1200px) {
    .box-blog-post .box-text {
        padding: 20px;
    }

    .box-blog-post .button {
        margin-top: 6px;
        min-height: auto;
    }
}

@media screen and (max-width: 849px) {
	
    .title-td h3 {
        font-size: 25px;
    }

    .gal-col .gallery-box .box-text {
        font-size: 20px;
    }

    .desc-ls p {
        font-size: 16px;
    }

    .ab-desc h3 {
        font-size: 25px;
    }

    .desc-ls h2 {
        padding: 14px 20px;
        font-size: 20px;
    }

    .col-text {
        font-size: 13px;
    }

    .col-text h3 {
        font-size: 30px;
    }

    .col-text-l .col-inner::before {
        right: 0;
    }

    .col-text .col-inner {
        padding: 60px 20px;
    }

    .box-ss-l {
        min-height: auto;
    }

    .box-img-cus .desc-box {
        padding: 24px !important;
        padding-bottom: 50px !important;
        font-size: 16px;
        min-height: auto;
        text-align: left !important;
    }

    .box-img-cus .col-inner {
        width: 100%;
        margin-bottom: 50px !important;
    }

    .box-img-cus .img {
        width: 100px !important;
        height: 100px;
        top: auto !important;
        left: auto !important;
        bottom: -42px !important;
        right: 0 !important;
    }

    .desc-large h2 {
        font-size: 40px;
    }

    .desc-large h2::after {
        margin-top: -16px;
        border-bottom: 11px solid var(--second-color);
    }

    .bn-sp h3 {
        font-size: 30px;
    }

    .title h2 {
        font-size: 40px;
    }

    .title h3 {
        font-size: 18px;
        border-width: 12px;
        margin-bottom: 8px;
    }

    .main-bg-text h1 {
        font-size: 40px;
    }

    .main-bg-text h3 {
        font-size: 20px;
    }

    .desc-main {
        font-size: 16px;
        color: #4F4F4F;
    }

    .desc-main h3 {
        font-size: 20px;
    }

    .sub {
        font-size: 16px;
    }

    .ss-bg-ra .fill {
        border-radius: 0;
    }

    .ab-title h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .ab-title p {
        font-size: 16px;
    }

    .logo-center #logo a {
        position: relative;
        width: 80px;
        margin: 0 auto;
        padding-top: 80px;
    }

    .logo-center #logo {
        order: -1;
        width: 80px !important;
    }

    .logo-center #logo a img {
        padding: 10px;
    }

    .header-main {
        height: 90px !important;
    }

    .flex-row.logo-center {
        align-items: center;
    }

    .logo-center .flex-col,
    .logo-center .header-nav-main.nav {
        height: auto;
    }

    .off-canvas-left .mfp-content {
        background-color: #fff;
    }

    .off-canvas-left .mfp-content i {
        font-size: 24px;
        color: #333;
        opacity: 1;
    }

    .off-canvas-left .mfp-content ul>li>a {
        font-size: 14px;
        color: #333;
        text-transform: none;
    }

    .off-canvas-left .mfp-content ul>li.current-menu-item>a,
    .off-canvas-left .mfp-content ul>li.current-menu-parent>a,
    .off-canvas-left .mfp-content ul>li.active>a {
        color: var(--primary-color);
    }

    .bn-cus h3 {
        font-size: 30px;
    }

    .bn-cus p {
        font-size: 20px;
    }

    .bg-bottom.bg-bottom-2::after {
        height: 90px;
    }

    .box-blog-post .from_the_blog_excerpt {
        -webkit-line-clamp: 1;
    }

    .blog-1 .from_the_blog_excerpt {
        -webkit-line-clamp: 3;
    }

    .text-df * {
        font-size: 16px;
        letter-spacing: 4px;
    }

    .desc_b {
        font-size: 14px;
    }

    .desc_b h4,
    .desc_b h3 {
        font-size: 30px;
    }

    .desc_b h4 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .banner-title h1 {
        font-size: 40px;
    }

    .col-menu .col-inner .button.primary {
        margin-bottom: 0;
        padding: 0px 20px;
    }

    .desc-large {
        font-size: 14px;
    }

    .desc-large h3 {
        font-size: 25px;
    }

    .desc-book .col-inner {
        padding-left: 50px;
    }

    .desc-book .col-inner::before {
        width: 200px;
        height: 400px;
        left: -50px;
    }

    .desc-book .col-inner .text {
        border-radius: 20px;
        padding: 40px 40px 40px 100px;
    }

    .box-ms .col-inner * {
        font-size: 16px;
    }

    .title-ss p {
        font-size: 16px;
    }

    .text-rol .col-inner p {
        font-size: 30px;
    }

    .col-box-ct .text {
        padding: 40px;
        border-radius: 20px 20px 0 0;
    }

    .col-box-ct .text * {
        font-size: 16px;
    }

    .col-box-ct .col-inner {
        padding: 0 20px 20px;
    }

    .col-box-ct .col-inner::before {
        border-radius: 20px;
    }

    .col-box-ct .img {
        border-radius: 0 0 20px 20px;

    }

    .col-td-item .button {
        font-size: 14px;
    }
	.btn-l.button.primary:not(.is-outline){
		font-size: 30px;
		line-height: 40px;
		height: 40px
	}
	.blog-main-d .box-blog-post .from_the_blog_excerpt{
		display: none
	}
	.home .post-item {
		padding-bottom: 15px;
	}
}	

@media screen and (max-width: 549px) {
	.mb-text-left *{
		text-align: left;
	}
    .btn-l.button.primary:not(.is-outline)::after{
        inset: 10px
    }
	.btn-l.button.primary:not(.is-outline){
		font-size: 15px;
		line-height: 58px;
		height: 60px;
	}
    .row-over .row {
        width: 100%;
    }

    .row-over {
        overflow: scroll;
    }

    .row-over>.col-inner {
        width: 1000px;
    }

    .col-box-ct .text {
        padding: 20px;
    }

    .col-box-ct .text * {
        font-size: 14px;
    }

    .col-text-f .col-inner::before,
    .col-text-l .col-inner::before {
        display: none;
    }

    .col-text .col-inner {
        padding: 0;
    }

    .box-ss h3,
    .desc-large h2 {
        font-size: 28px;
    }

    body:not(.ux-builder-iframe) .box-cus-t .is-border {
        display: none;
    }

    body:not(.ux-builder-iframe) .box-cus-t .col-inner {
        padding: 0;
        border-radius: 20px !important;
    }

    body:not(.ux-builder-iframe) .box-cus-t .col-inner .text {
        position: relative;
        padding: 20px;
    }

    .desc-large h3 {
        font-size: 20px;
    }

    .fz-22 {
        font-size: 16px;
    }

    .title h2 {
        font-size: 20px;
    }

    .ss-ft .bg-fill {
        border-top: 1px solid #fff;
        background-image: none !important;
        background-color: var(--primary-color);
    }

    .box-img-2 {
        padding: 0;
        border: 0;
    }

    .box-img-2-left .img-inner {
        border-radius: 300px 300px 0px 0;
    }

    .box-img-2-right .img-inner {
        border-radius: 0px 0px 300px 300px;
        border: 10px solid var(--primary-color);
    }

    .bn-cus h3 {
        font-size: 20px;
    }

    .title-ss,
    .bn-cus p {
        font-size: 16px;
    }

    .bg-bottom.bg-bottom-2::after {
        height: 60px;
    }

    .title-none h2,
    .title-h3 h3 {
        font-size: 24px;
    }

    .box-mask {
        padding: 14px 0 14px 14px;
        font-size: 16px;
    }

    .box-mask .icon-inner {
        width: 100px;
    }

    .box-mask img {
        width: 100px;
        height: 80px;
    }

    .col-menu .col-inner {
        border-radius: 20px !important;
    }

    .col-menu .col-inner .button.primary {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 14px;
        text-transform: none;
    }

    .desc-book .col-inner {
        padding-left: 0;
    }

    .desc-book .col-inner::before {
        width: 100px;
        height: 100px;
        left: -46px;
        bottom: auto;
    }

    .desc-book .col-inner .text {
        border-radius: 20px;
        padding: 20px 20px 20px 20px;
    }

    .btn-main.button {
        font-size: 14px !important;
    }

    .box-ms .col-inner .text::after {
        display: none;
    }

    .text-rol .col:nth-child(2) .col-inner::before {
        border-left: 1px solid #000;
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 170%;
        transform: rotate(8deg);
    }

    .text-rol .col:nth-child(2) .col-inner::after {
        border-right: 1px solid #000;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 1px;
        height: 170%;
        transform: rotate(-8deg);
    }

    .col-ct-f .col-inner {
        padding: 20px;
        font-size: 14px;
    }

    .re-box .icon-box h3 {
        font-size: 20px;
    }

    .col-ct-f h2 {
        font-size: 30px;
    }

    .banner-recruit p {
        font-size: 14px;
    }

    .banner-recruit h2 {
        font-size: 20px;
    }


}
.curriculum-plans-2 {
    margin-top: 5.5rem
}

@media (max-width: 549px) {
    .curriculum-plans-2 {
        margin-top:2.8571428571rem
    }
}

@media (max-width: 549px) {
    .curriculum-plans-2__right {
        display:none
    }
}

.curriculum-plans-2__img {
    border-radius: 0.8rem;
    overflow: hidden
}

.curriculum-plans-2 .block-title,.curriculum-plans-2 .news-page-title {
    text-align: left;
    margin-bottom: 5.25rem
}

@media (max-width: 1199px) {
    .curriculum-plans-2 .block-title,.curriculum-plans-2 .news-page-title {
        text-align:center;
        width: 100vw
    }
}

@media (max-width: 549px) {
    .curriculum-plans-2 .block-title,.curriculum-plans-2 .news-page-title {
        width:100%;
        margin-bottom: 2.1428571429rem
    }
}

.curriculum-plans-2 .accordion {
    max-width: 28rem;
    margin-top: -10px
}

@media (max-width: 1199px) {
    .curriculum-plans-2 .accordion {
        max-width:none
    }
}

.curriculum-plans-2 .accordion-item:last-child .accordion-title {
    border-bottom: 0
}

.curriculum-plans-2 .accordion-title {
    border: 0;
    font-size: 1.4rem;
    font-weight: 500;
    color: #8C8C8C;
    font-family: SVN-Gilroy,Arial,Helvetica Neue,Helvetica,sans-serif;
    padding: 0.75rem 0rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    line-height: 1.3;
    border-bottom: 1px solid #CECECE
}

@media (max-width: 549px) {
    .curriculum-plans-2 .accordion-title {
        padding-left:0rem;
        padding-right: 0rem;
        font-size: 14px
    }
}

.curriculum-plans-2 .accordion-title .toggle {
    right: 0;
    left: auto;
    width: 1.05rem;
    height: 1.05rem;
    font-size: 0.9rem;
    margin: 0
}

.curriculum-plans-2 .accordion-title.active {
    font-weight: bold;
    font-size: 1.6rem;
    color: #2C2C2C;
    background: none;
    border-bottom: 0
}

@media (max-width: 549px) {
    .curriculum-plans-2 .accordion-title.active {
        font-size: 16px
    }
}

.curriculum-plans-2 .accordion-inner {
    border-top: 0.1rem solid var(--primary-color);
    background: #fff3f7;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #696969;
    margin-top: 0rem;
    padding: 1rem 1.5rem;
    border-radius: 0 0 0.8rem 0.8rem;
    margin-bottom: 0.75rem
}

@media (max-width: 1499px) {
    .curriculum-plans-2 .accordion-inner {
        font-size:1rem
    }
}

.curriculum-plans-2 .accordion-inner ul {
    width: auto;
    margin: auto;
    display: inline-block;
    text-align: left;
    list-style: none;
    margin-left: 1rem
}

.curriculum-plans-2 .accordion-inner ul li {
    margin: 0;
    margin-bottom: 0rem;
    position: relative;
    padding-left: 0rem
}

.curriculum-plans-2 .accordion-inner ul li:before {
    content: "•";
    font-size: 0.9rem;
    position: absolute;
    left: -1rem;
    top: 0
}

.curriculum-plans-2 .accordion-inner ul li strong {
    color: #414141
}

.curriculum-plans-2 .accordion-img {
    display: none
}

@media (max-width: 549px) {
    .curriculum-plans-2 .accordion-img {
        display:block;
        margin-top: 1.0714285714rem
    }
}

.curriculum-plans-2 .slider .section {
    padding: 0 1.7142857143rem 2.1428571429rem!important
}

.curriculum-plans-2 .slider .section .section-content>.img {
    margin-left: -1.7142857143rem;
    margin-right: -1.7142857143rem;
    max-width: none;
    width: auto!important
}

.curriculum-plans-2 .slider .section .section-content>.section-title-container {
    font-family: SVN-Gilroy,Arial,Helvetica Neue,Helvetica,sans-serif;
    margin: auto;
    margin-top: 1.7857142857rem;
    width: 23.7142857143rem;
    max-width: 332px;
    padding: 0 0.8571428571rem
}

.curriculum-plans-2 .slider .section .section-content>.section-title-container:after {
    display: none
}

.curriculum-plans-2 .slider .section .section-content>.section-title-container .section-title {
    border: 0
}

.curriculum-plans-2 .slider .section .section-content>.section-title-container span {
    font-size: 1.7142857143rem;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: 1.2
}

.curriculum-plans-2 .slider .section .section-content>.text-box {
    border-top: 1px solid #97B996;
    background: #F5F8F5;
    font-size: 1rem;
    color: #696969;
    margin-top: 1.0714285714rem;
    padding: 1.6rem 2.15rem;
    -webkit-box-shadow: 0px 1rem 3rem -2rem rgba(0,0,0,0.4);
    box-shadow: 0px 1rem 3rem -2rem rgba(0,0,0,0.4)
}

.curriculum-plans-2 .slider .section .section-content>.text-box ul {
    list-style: none
}

.curriculum-plans-2 .slider .section .section-content>.text-box ul li {
    margin-bottom: 0.2142857143rem;
    position: relative;
    margin: 0;
    padding-left: 0rem
}

.curriculum-plans-2 .slider .section .section-content>.text-box ul li:before {
    content: "•";
    font-size: 1.25rem;
    position: absolute;
    left: -1rem;
    top: 0
}

.curriculum-plans-2 .slider .flickity-page-dots {
    margin-top: 0rem;
    position: static
}

.curriculum-plans-2 .slider .flickity-page-dots .dot.is-selected {
    background: #97B996
}