:root{
    --main-cl: #1072BA;
    --sub-cl: #F27325;
    --container-large: 71rem;
    --pink-cl: #FFE0E0;
    --red-cl: #F55F67;
    --sky-cl: #D1FBFF;
    --yellow-cl: #FFC72C;
    --yellow_2-cl: #F7FFB3;
    --blue-cl: #1967E7;
    --blue_2-cl: #E4F9ED;
    --green-cl: #A2EAC5;
    --register-cl: #E9F8ED;
}

body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb
{
    background-color: var(--primary-color);
}

input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
body {
    font-family: 'Rowdies';
    overflow-x: hidden;
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.text-white,
.text-white p,
.text-white p a,
.text-white strong {
    color: #FFF !important;
}
.text-black a,
.text-black{
    color: rgba(0, 0, 0, 0.8) !important;
}
.text-3{
    color: #333;
}
.text-underline{
    text-decoration: underline;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
    text-transform: uppercase;
}
.obj-cover{
    object-fit: cover;
}
.obj-contain {
    object-fit: contain;
}
.text-italic{
    font-style: italic;
}
.text-primary{
    color: var(--primary-color) !important;
}
.al-center{
    align-items: center;
}
.img-center{
    margin-left: auto;
    margin-right: auto;
}
.img-wrap{
    overflow: hidden;
}
.img-wrap img{
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a{
    text-decoration: none;
}
.ts-03{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ts-04{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ts-05{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fs-11{
    font-size: 0.573rem;
}
.fs-12{
    font-size: 0.625rem;
}
.fs-13{
    font-size: 0.677rem;
}
.fs-14{
    font-size: 0.729rem;
}
.fs-15{
    font-size: 0.78125rem;
}
.fs-16{
    font-size: 0.833rem;
}
.fs-17{
    font-size: 0.885rem;
}
.fs-18{
    font-size: 0.9375rem;
}
.fs-19{
    font-size: 0.99rem;
}
.fs-20{
    font-size: 1.042rem;
}
.fs-21{
    font-size: 1.09375rem;
}
.fs-22{
    font-size: 1.146rem;
}
.fs-23{
    font-size: 1.198rem;
}
.fs-24{
    font-size: 1.2rem !important;
}
.fs-25{
    font-size: 1.302rem;
}
.fs-28{
    font-size: 1.4rem;
}
.fs-30{
    font-size: 1.5625rem;
}
.lh-20{
    line-height: 1.042rem;
}
.lh-21{
    line-height: 1.09375rem !important;
}
.lh-22{
    line-height: 1.146rem;
}
.lh-23{
    line-height: 1.198rem;
}
.lh-24{
    line-height: 1.25rem;
}
.lh-25{
    line-height: 1.302rem;
}
.lh-26{
    line-height: 1.354rem;
}
.lh-27{
    line-height: 1.35rem !important;
}
.lh-28{
    line-height: 1.458rem;
}
.lh-29{
    line-height: 1.51rem;
}
.lh-30{
    line-height: 1.5625rem;
}
.lh-31{
    line-height: 1.615rem;
}
.lh-32{
    line-height: 1.667rem;
}
.lh-33{
    line-height: 1.71875rem;
}
.lh-34{
    line-height: 1.771rem;
}
.lh-40{
    line-height: 2.083rem
}
.fw200{
    font-weight: 200;
}
.fw300{
    font-weight: 300;
}
.fw400{
    font-weight: 400;
}
.fw500{
    font-weight: 500 !important;
}
.fw600{
    font-weight: 600;
}
.fw700{
    font-weight: 700 !important;
}
.fw800{
    font-weight: 800;
}
.fw900{
    font-weight: 900;
}
.wrap-link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto{
    margin: auto;
}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
}
.p-unset{
    position: unset !important;
}
.flex-box{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-row{
    flex-direction: row !important;
}
.flex-col{
    flex-direction: column;
}
.al-center{
    align-items: center;
}
.al-start{
    align-items: flex-start;
}
.al-end{
    align-items: flex-end;
}
.al-baseline{
    align-items: baseline;
}
.jus-start{
    justify-content: flex-start;
}
.jus-end{
    justify-content: flex-end;
}
.jus-center{
    justify-content: center;
}
.jus-between{
    justify-content: space-between;
}
.grid-box{
    display: grid;
}
.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.d-block{
    display: block;
}
.swiper-button-disabled{
    opacity: 0.3 !important;
}
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
.m-0{
    margin: 0;
}
.p-middle{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@keyframes scaleBorder {
    0%{
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100%{
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}
.pl-cont{
    padding-left: calc(calc(100vw - 72.917rem) / 2);
}
.pr-cont{
    padding-right: calc(calc(100vw - 72.917rem) / 2);
}
.left-cont{
    left: calc(calc(100vw - 72.917rem) / 2);
}
.right-cont{
    right: calc(calc(100vw - 72.917rem) / 2);
}
.h-full{
    height: 100%;
}
.w-full{
    width: 100% !important;
}
.ls-none{
    list-style: none;
}
span.required{
    color: #FF1B1B;
}
.site-content{
    display: block;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
    font-size: 1.05rem;
}
.wpcf7-response-output{
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
}
.form-wrap .wpcf7-not-valid-tip{
    font-size: 0.677rem;
    position: absolute;
}
.wpcf7 .wpcf7-not-valid-tip {
    margin-top: unset;
}
.wpcf7 .wpcf7-not-valid-tip:after {
    content: unset;
}
.wpcf7-spinner{
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
}
.bg-center{
    background-position: center;
}
.bg-custom{
    background-repeat: no-repeat;
}
.bg-cover{
    background-size: cover;
}
.bg-contain{
    background-size: contain;
}
.bg-primary{
    background-color: var(--main-cl);
}

@keyframes fade-up {
    0%{
        opacity: 0;
        transform: translateY(2.083rem);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-button-lock{
    display: none !important;
}
.swiper-button-disabled{
    opacity: 0.4 !important;
}
svg,path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.gradient-border{
    background-image: linear-gradient(#FFF0F9, #FFF0F9), radial-gradient(circle at top left, #D4922D,#FDBE5D);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
span {
    display: block;
}

/*-------------------------------------------------*/
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: var(--container-large) !important;
}

/* popup home */
#open_form.fancybox-content {
    width: 24rem;
    padding: 0;
    border-radius: 0.9rem;
    overflow: unset;
}
#open_form .fancybox-button {
    display: block;
    color: #fff;
    opacity: 1;
}

/* fixed button */
ul.fixed_button {
    position: fixed;
    top: 50%;
    right: 2.6rem;
    transform: translateY(-50%);
    margin: 0;
    z-index: 99;
}

/* heading */
#logo {
    width: 6.5rem !important;
}
.group_heading.line .heading_display,
.group_heading.line .heading_1 {
    position: relative;
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
}
.group_heading.line .heading_display:before,
.group_heading.line .heading_1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 0.3rem;
    background-color: var(--primary-color);
    border-radius: 5rem;
}
.group_heading .heading_highlight {
    font-size: 2.1rem;
    font-weight: 300;
    line-height: 2.6079999999999997rem;
    color: #fff !important;
}
.group_heading .line_second {
    height: 0.8rem;
    background-color: var(--yellow-cl);
    margin: -1rem 0 0 calc((var(--container-large) - 100vw) / 2);
}
.group_heading.none_line .heading_display,
.group_heading.none_line .heading_1 {
    border-bottom: none;
    padding-bottom: 0;
}
.group_heading p {
    font-family: 'Manrope', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.4345rem;
    color: var(--primary-color);
}
.group_heading.text-white p {
    color: #fff !important;
}
.heading_display {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 4.657rem;
}
.heading_1 {
    font-size: 2.083rem;
    font-weight: 300;
    line-height: 2.5875rem;
}
.heading_2 {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.484rem;
}
.heading_3 {
    font-family: 'Manrope', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.639rem;
}
.box_content b,
.content b {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.639rem;
    color: rgba(0, 0, 0, 0.8);
}
.box_content b.uppercase,
.content b.uppercase {
    font-weight: 500;
}
.box_content strong,
.content strong,
.box_content p,
.content p,
.content,
.content ul li,
.box_content ul li {
    font-family: 'Manrope', sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.40625rem;
    color: rgba(0, 0, 0, 0.8);
    list-style-position: inside;
}
.box_content strong,
.content strong {
    font-weight: 700 !important;
}
.content .text-small tr,
.box_content a.btn_link,
ul.text_small li,
.box_content.text_small p,
.content.text_small p {
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: rgba(0, 0, 0, 0.8);
    list-style-position: inside;
}

/* line */
.line_heading_page {
    width: 100%;
    height: 0.8rem;
    margin-top: 1rem;
}

/* padding section */
.padding_section {
    padding: 3.2rem 0;
}

/* link item */
.btn_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--primary-color) !important;
}
.btn_link.text_small {
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
}
a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* background image */
.home_4,
.home_7 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* form register */
.box_register_wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.8rem;
    overflow: hidden;
}
.box_register_wrapper h2 {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.739rem;
    padding: 3rem 0 0;
}
.box_register_wrapper .box_img {
    width: 65%;
}
.box_register_wrapper .box_form_contact {
    height: 100%;
    flex: 1;
    background-color: var(--primary-color);
}
.box_register_wrapper form {
    padding: 1.6rem 1.4rem;
}
.box_register_wrapper label {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 0.9560000000000001rem;
    color: #fff;
    margin-bottom: 0;
}
.box_register_wrapper label + label {
    margin-top: 1.3rem;
}
.box_register_wrapper input.wpcf7-submit {
    min-width: 12rem;
    padding: 0.8rem !important;
}
.box_register_wrapper input,
.box_register_wrapper select,
.box_register_wrapper .selected-option {
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    padding: 0.6rem;
    margin-bottom: 0;
}
.box_register_wrapper .selected-option {
    height: 2rem;
    font-size: 0.7rem;
    align-content: center;
    padding: 0;
}
.box_register_wrapper input:focus {
    background-color: unset;
    box-shadow: unset;
    color: #fff;
}
.box_register_wrapper select {
    background-image: url('../images/arrow_down.svg') !important;
}
.box_register_wrapper select option {
    font-family: 'Manrope', sans-serif;
    font-size: 0.6rem;
    font-weight: 500;
    line-height: 0.8195rem;
    color: var(--primary-color);
    background-color: #fff;
}
.box_register_wrapper input.wpcf7-submit {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 0.9560000000000001rem;
    letter-spacing: unset;
    color: var(--primary-color);
    border: none;
    box-shadow: none;
    margin: 0;
}
.box_register_wrapper input.wpcf7-submit:hover {
    box-shadow: none;
}
.box_register_wrapper .wpcf7-not-valid-tip,
.box_register_wrapper .wpcf7-response-output {
    font-size: 0.5rem;
}

/* custom select register */
.custom-select-container {
    position: relative;
    width: 100%;
}
.custom-select-container:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%);
    width: 0.6rem;
    height: 0.6rem;
    background-color: #D4D4D4;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 2;
}
.custom-select {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid var(--primary-color);
    border-top: none;
    width: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    overflow-y: auto;
}
.custom-select::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #cedbff;
}
.custom-select::-webkit-scrollbar-thumb {
    background-color: var(--yellow-cl);
}
.custom-select li {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    cursor: pointer;
    padding: 0.6rem;
    margin-bottom: 0;
    transition: .5s all;
}
.custom-select li:hover {
    background-color: var(--fs-color-secondary);
}

/* button register */
.btn_register {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    text-align: center;
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-radius: 5rem;
    padding: 0.6rem 1.8rem;
    transition: .5s all;
}
.btn_register:hover {
    color: var(--primary-color) !important;
    background-color: var(--register-cl) !important;
}
.btn_register.btn_effect {
    margin: 0 !important;
}
.btn_register.btn_effect span {
    background-color: var(--register-cl) !important;
}

/* effect hover button */
.btn_effect {
    width: fit-content;
    position: relative;
    background-color: var(--yellow-cl);
    border-radius: 5rem;
    overflow: hidden;
    margin: 1.6rem auto 0;
    z-index: 1;
}
.btn_effect span {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--green-cl);
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.btn_effect:hover span {
    width: 225%;
    height: 225%;
}

/* banner edu MAMNON | TIEUHOC | THCS | THPT */
.school_banner_wrapper .box_content {
    /*padding: 4.95rem 3.2rem 5rem 2.6rem;*/
    padding: 4.95rem calc((100vw - var(--container-large)) / 2) 5rem 2.6rem;
}
.school_banner_wrapper .box_content p {
    line-height: 1.2295rem;
    font-weight: 700 !important;
}

/* order banner edu */
.primary_1 .school_banner_wrapper div:first-child,
.secondary_1 .school_banner_wrapper div:first-child,
.high_1 .school_banner_wrapper div:first-child {
    order: 1;
}
.primary_1 .school_banner_wrapper .box_content p,
.secondary_1 .school_banner_wrapper .box_content p,
.high_1 .school_banner_wrapper .box_content p {
    font-weight: 400 !important;
}

/* change padding */
.primary_1 .school_banner_wrapper .box_content,
.secondary_1 .school_banner_wrapper .box_content,
.high_1 .school_banner_wrapper .box_content {
    padding: 4.95rem 2.6rem 5rem calc((100vw - var(--container-large)) / 2);
}

/* box training */
.box_training_wrapper .box_percent {
    background-color: var(--primary-color);
    border-radius: 1rem 1rem 0 0;
    padding: 3rem 1.6rem 1.6rem;
    margin-top: 3rem;
}
.box_training_wrapper .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box_training_wrapper .item {
    display: flex;
    flex-basis: 33.33%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.box_training_wrapper .item:nth-child(2)  {
    border-left: 1px dashed var(--fs-color-secondary);
    border-right: 1px dashed var(--fs-color-secondary);
    padding: 1rem 0;
    margin: 0 1rem;
}
.box_training_wrapper .percent,
.popup_training_container .percent {
    position: relative;
    width: 9.4175rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    border: 1px dashed var(--fs-color-secondary);
    margin-bottom: 1rem;
}
.popup_training_container .percent p {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.281rem;
}
.box_training_wrapper .percent:before {
    content: '';
    position: absolute;
    top: 3%;
    right: 20%;
    width: 0.731rem;
    aspect-ratio: 1/1;
    background-color: var(--fs-color-secondary);
    border-radius: 5rem;
}
.box_training_wrapper .percent:after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 20%;
    width: 1.29rem;
    aspect-ratio: 1/1;
    background-color: var(--fs-color-secondary);
    border-radius: 5rem;
}
.box_training_wrapper .percent h5 {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 3.9745rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box_training_wrapper .open_box_content {
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.161rem;
    color: var(--fs-color-secondary);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: .5s all;
}
.box_training_wrapper .open_box_content:hover,
.box_training_wrapper .open_box_content:hover path {
    color: #fff;
    fill: #fff;
}
.popup_training {
    width: 57.65625rem;
    border-radius: 1.2rem;
    box-shadow: 0.6rem 0.6rem 0 0 #00744B;
}
.popup_training_container {
    display: flex !important;
    align-items: center;
    gap: 1.3rem;
    border-radius: 1.2rem;
}
.popup_training_container .percent {
    flex: 0 0 auto;
    width: 20.955000000000002rem;
    border: 2px dashed var(--primary-color);
    margin-bottom: 0;
}
.popup_training_container .box_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popup_training_container h5 {
    font-size: 7.1205rem;
    font-weight: 300;
    line-height: 8.8435rem;
    margin-bottom: 0.4rem;
}
.fancybox-button {
    display: none;
}
.training_content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2.6rem;
    border-radius: 0 0 1.2rem 1.2rem;
    padding: 2.5rem 1.5rem 1.9rem;
    background-color: var(--yellow_2-cl);
    margin-bottom: 2rem;
}
.training_content img {
    width: 16.95rem;
    aspect-ratio: 1/1;
    object-fit: cover;
}
.training_content b {
    display: block;
    margin-bottom: 1.6rem;
}

/* box scholarship */
.box_scholarship_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 3.2rem;
}
.box_scholarship_wrapper .content {
    height: 11rem;
    overflow-y: auto;
    padding-right: 0.6rem;
}
.box_scholarship_wrapper .content::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #cedbff;
}
.box_scholarship_wrapper .content::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

.box_scholarship_wrapper .item {
    width: calc(48% - (-0.5rem));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.8rem;
}
.box_scholarship_wrapper img {
    width: 20.95rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
}

/* padding right - heading line second */
.padding_r_36 {
    padding-right: 1.8rem;
}

/* slide news */
.box_slide_news .top_news {
    max-width: var(--container-large);
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.box_slide_news .pagination_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.8rem;
}
.box_slide_news .pagination_news {
    /*width: fit-content !important;*/
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: unset !important;
}
.arrow {
    cursor: pointer;
    margin-bottom: -0.2rem;
}
.box_slide_news .arrow[tabindex="0"] path {
    fill: var(--primary-color);
}
.box_slide_news .swiper-pagination-bullet {
    font-family: 'Mulish', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 0.9099999999999999rem;
    letter-spacing: 0.8%;
    color: #515151;
    opacity: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.2rem;
    background-color: transparent;
}
.box_slide_news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}
.box_slide_news .bottom_news {
    padding-left: calc((100vw - var(--container-large)) / 2);
    margin-top: 1.4rem;
}
.box_slide_news .slide_news {
    overflow: hidden;
}
.slide_news .box_content {
    padding: 1.2rem 1.2rem 0;
}
.slide_news img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
}
.slide_news h3 {
    font-family: 'Manrope', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.639rem;
    color: #333333;
    margin: 1.2rem 0;
    transition: .5s all;
}
.slide_news p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.box_slide_news .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translateX(0%) !important;
}
.slide_news .box_img {
    overflow: hidden;
}
.slide_news .item img {
    transform: scale(1);
    transition: .5s all;
}
.slide_news .item:hover img {
    transform: scale(1.1);
}
.slide_news .item:hover h3 {
    color: var(--primary-color);
}

/*search footer - tim kiem tieu de chinh xac*/
.search-results .heading_display {
    line-height: 1.5;
}

/* header */
li.header-block {
    display: none;
}

#masthead.header-main {
    height: unset !important;
}
#masthead.header-main .container {
    padding-left: 2.2rem;
    padding-right: 0;
}
.header-nav a.nav-top-link {
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 0.9560000000000001rem;
    color: var(--primary-color) !important;
}
.header-nav a.nav-top-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0.5px;
    background-color: var(--primary-color);
    transition: .5s all;
    z-index: 1;
}
.header-nav a.nav-top-link[aria-current="page"]:before, .header-nav a.nav-top-link:hover:before, .header-nav a.nav-top-link:hover:before {
    width: 80%;
    color: var(--primary-color) !important;
}
.header-nav a.nav-top-link[aria-current="page"] {
    font-weight: 600 !important;
}
.header-nav li.menu-item-design-default + li.menu-item-design-default {
    margin: 0 0.8rem;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before,
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    content: unset;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    min-width: 9rem;
    padding: 0;
    border: none;
    transform: translateY(0.8rem);
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li {
    padding: 0.6rem;
    transition: .3s all;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li + li {
    border-top: 1px solid var(--primary-color);
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li:hover {
    background-color: var(--fs-color-secondary);
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 0.8195rem;
    color: var(--primary-color);
    padding: 0;
    border: none;
}

ul.language {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 0.8195rem;
    margin: 0 0.8rem !important;
}
ul.language li:not(:first-child):before {
    content: '/';
    position: relative;
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 0.8195rem;
    color: var(--blue-cl);
}
ul.language li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
    cursor: pointer;
    transition: .3s all;
}
ul.language li a {
    color: var(--blue-cl);
    transition: .5s all;
}
ul.language li:hover a {
    color: var(--yellow-cl);
}

.nav>li.camera {
    height: 3.6rem;
    margin-right: 0 !important;
    background-color: var(--fs-color-secondary);
    display: flex;
    align-items: center;
}
li.camera b {
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.093rem;
    color: var(--primary-color);
    text-transform: uppercase;
    padding: 0.8rem;
    cursor: pointer;
}
li.camera ul {
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    opacity: 0;
    list-style: none;
    background-color: #fff !important;
    transition: .5s all;
}
li.camera ul li {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 0.8195rem;
    margin-bottom: 0;
    padding: 0.4rem;
    cursor: pointer;
    transition: .5s all;
}
li.camera li a {
    color: var(--primary-color);
}
li.camera ul li + li {
    border-top: 1px solid var(--primary-color);
}
li.camera li:hover {
    background-color: var(--fs-color-secondary);
}
li.camera:hover ul {
    opacity: 1;
}

/* footer */
.page-template-primary_school #footer.footer-wrapper,
.page-template-news #footer.footer-wrapper {
    background-color: #fff;
}
.page-template-news .footer_container .copy_right,
.page-template-news .footer_container strong,
.page-template-news .footer_container p,
.page-template-news .footer_container a,
.page-template-news .footer_container .content,
.page-template-primary_school .footer_container .copy_right,
.page-template-primary_school .footer_container strong,
.page-template-primary_school .footer_container p,
.page-template-primary_school .footer_container a,
.page-template-primary_school .footer_container .content {
    color: #000 !important;
}
#footer.footer-wrapper {
    background-color: var(--primary-color);
    padding: 3.8rem 0;
}
#footer.footer-wrapper .footer_container .copy_right,
#footer.footer-wrapper .footer_container strong,
#footer.footer-wrapper .footer_container p,
#footer.footer-wrapper .footer_container a,
#footer.footer-wrapper .footer_container .content {
    color: #fff;
}
#footer .icon_footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    margin-top: 1.2rem;
}
#footer .logo img {
    filter: brightness(0) invert(1);
    margin: 0 auto;
}
#footer .icon_footer img {
    width: 2.4rem;
    filter: brightness(0) invert(1);
}
.page-template-news #footer .logo img,
.page-template-news #footer .icon_footer img,
.page-template-primary_school #footer .logo img,
.page-template-primary_school #footer .icon_footer img {
    filter: unset !important;
}
#footer .box_inner {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
#footer form.searchform {
    margin-top: 2.604rem;
}
#footer form.searchform input {
    background-color: #fff;
    padding: 0 1.042rem;
    font-weight: 100;
    font-family: 'Manrope';
    font-size: 0.9375rem;
    height: 2.5rem;
    width: 100%;
    border-top-left-radius: 5.208rem;
    border-bottom-left-radius: 5.208rem;
}
#footer input[type=search]:focus {
    background-color: #fff;
    border: 1px solid var(--yellow-cl);
}
#footer form.searchform .submit-button {
    background-color: var(--yellow-cl);
    border: 2px solid transparent;
    border-top-right-radius: 5.208rem;
    border-bottom-right-radius: 5.208rem;
    height: 2.5rem;
}


/*--------------------------------------------------*/
/* home section 2 */
.home_2 {
    background-color: var(--blue_2-cl);
}
.home_2 .heading_display {
    font-weight: 400;
}
.home_2 .line {
    width: 100%;
    height: 0.3rem;
    background-color: var(--yellow-cl);
    border-radius: 5rem;
    margin: 1.2rem 0;
}

/* home section 4 */
.card_curriculum_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 0 1.6rem;
    margin-top: 3.2rem;
}
.card_curriculum {
    border-radius: 1.2rem;
    overflow: hidden;
    transition: .5s all;
}
.card_curriculum_wrapper .card_curriculum:hover {
    background-color: #fff !important;
}
.card_curriculum_wrapper .card_curriculum .box_img {
    overflow: hidden;
}
.card_curriculum_wrapper .card_curriculum img {
    transform: scale(1);
    transition: .5s all;
}
.card_curriculum_wrapper .card_curriculum:hover img {
    transform: scale(1.1);
}
.card_curriculum .box_content {
    min-height: 6.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.4rem 0.7rem;
}
.card_curriculum p {
    color: var(--primary-color) !important;
    margin-bottom: 0.2rem;
}
.card_curriculum h5 {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.739rem;
    margin-bottom: 0;
}

/* home section 5 */
.home_5 {
    background-color: var(--yellow-cl);
}
.box_features_wrapper {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 1.2rem;
    overflow: hidden;
}
.box_features_wrapper .box_content {
    width: 55%;
    padding: 3.2rem 1.6rem;
}
.box_features_wrapper .box_content .heading_1 {
    width: unset;
    font-size: 2.083rem;
    font-weight: 300;
    line-height: 2.5875rem;
    margin-bottom: 1rem;
}
.box_features_wrapper .box_content b {
    margin-bottom: 1.6rem;
}

/* home section 6 */
.box_slogan_wrapper {
    margin-bottom: 1.6rem;
}
.box_slogan_wrapper svg {
    width: 10%;
}
.box_slogan_wrapper .box_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.6rem;
    border-radius: 5rem;
    background-color: var(--blue_2-cl);
    padding: 1.4rem 2rem;
}
.box_slogan_wrapper b {
    font-size: 1.25rem !important;
}
.box_wrapper_1 {
    margin-top: 2.6rem;
}
.box_wrapper_1 .box_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.6rem;
    background-color: var(--blue_2-cl);
    border-radius: 1rem;
    padding: 2rem;
}
.box_wrapper_1 .box_content {
    width: 60%;
}
.box_wrapper_1 .box_item .title {
    width: fit-content;
    min-width: 10.2rem;
    background-color: var(--red-cl);
    padding: 0.4rem 1.6rem;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: center;
    border-radius: 5rem;
}
.box_wrapper_1 .box_item p {
    margin: 0.8rem 0;
}
.box_wrapper_1 ul li {
    list-style-position: inside;
    padding-left: 0.8rem;
}
.box_wrapper_1 .box_item + .box_item {
    margin-top: 1.2rem;
}
.box_wrapper_1 .box_item:nth-child(even) .box_img {
    order: -1;
}


/* home section 7 */
.home_7 {
    padding: 4.6rem 4.4rem;
}
.box_mask_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1.8rem;
    margin-top: 3.2rem;
}
.box_mask_wrapper .card_item {
    width: calc(47% - (-0.5rem));
    height: 14rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.4rem;
    background-color: #fff;
    padding: 0.8rem 0.7rem;
    border-radius: 1.2rem;
    box-shadow: 0rem 0.2rem 0.6rem rgba(0, 0, 0, 0.1);
}
.box_mask_wrapper .content {
    flex-basis: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.box_mask_wrapper p {
    margin-bottom: 0;
}
.box_mask_wrapper .content img {
    width: 1.6rem;
    height: auto;
    align-self: flex-start;
}
.box_mask_wrapper .box_mask {
    flex-basis: 40%;
    -webkit-mask-image: url('../images/mask.png');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
.box_mask_wrapper .card_item:nth-child(2) .content img,
.box_mask_wrapper .card_item:nth-child(3) .content img,
.box_mask_wrapper .card_item:nth-child(6) .content img,
.box_mask_wrapper .card_item:nth-child(7) .content img {
    order: -1;
}
.box_mask_wrapper .card_item:nth-child(2) .box_mask,
.box_mask_wrapper .card_item:nth-child(2) .box_mask img,
.box_mask_wrapper .card_item:nth-child(3) .box_mask,
.box_mask_wrapper .card_item:nth-child(3) .box_mask img,
.box_mask_wrapper .card_item:nth-child(6) .box_mask,
.box_mask_wrapper .card_item:nth-child(6) .box_mask img,
.box_mask_wrapper .card_item:nth-child(7) .box_mask,
.box_mask_wrapper .card_item:nth-child(7) .box_mask img{
    transform: scaleY(-1);
}


/* home section 8 */
.home_8 {
    padding: 4rem 0;
}

/*  home section 11 */
.box_camera_wrapper .box_content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    padding: 4.4rem 0;
}
.box_camera_wrapper .item {
    width: calc(100% / 3);
}
.box_camera_wrapper h4 {
    margin: 0;
}
.box_camera_wrapper .item:nth-child(odd) {
    background-color: var(--green-cl);
}

/*--------------------------------------------------*/
/* about section 2 */
.box_about_wrapper h1 {
    margin-bottom: 1.6rem;
}
.box_about_wrapper .item:nth-child(even) > div:last-child {
    text-align: left !important;
    order: -1;
}
.box_about_wrapper .item:nth-child(even) > div:last-child img {
    padding-left: 0;
    padding-right: 6rem;
}
.box_about_wrapper .item img {
    width: 100%;
    aspect-ratio: 1/1;
    padding-left: 6rem;
    object-fit: cover;
}
.box_about_wrapper .box_last_item img {
    padding-left: 0 !important;
}
.box_about_wrapper .item {
    padding: 2.4rem 0 0;
}
.box_about_wrapper .item:last-child {
    padding: 4.4rem 0 2.2rem;
}
.box_about_wrapper .box_last_item {
    background: var(--primary-color);
    padding: 1.6rem 1.8rem;
    margin-left: 2.4rem;
}
.box_about_wrapper .box_last_item p {
    color: #fff !important;
    text-align: left !important;
    margin-top: 1.2rem;
}

/*--------------------------------------------------*/
/* kingdergarten section 2 */
.kingdergarten_2 {
    padding: 4rem 0;
}

/*--------------------------------------------------*/
/* primary section 2 */
.primary_2 {
    padding: 2.4rem 0;
    z-index: 2;
    position: relative;
}
.box_caro_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2.8rem;
    z-index: 0;
}
.box_caro_wrapper .box_caro_container {
    position: relative !important;
}
.box_caro_wrapper div:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.box_caro_wrapper h2.heading_1 {
    width: 100% !important;
    padding-bottom: 1.4rem !important;
    margin-bottom: 1.4rem !important;
}
.box_caro_wrapper .item {
    width: 12rem;
    aspect-ratio: 1/1;
    background-color: #96b6b6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.093rem;
    text-align: center;
    padding: 0 1rem;
    cursor: pointer;
    position: unset;
}
.box_caro_wrapper .item:nth-child(4) {
    cursor: default;
}
.box_caro_wrapper .item:nth-child(6),
.box_caro_wrapper .item:nth-child(8) {
    color: #fff !important;
}
.box_caro_wrapper .item:last-child {
    padding: 0 !important;
}
.box_caro_wrapper .item:last-child img {
    width: 100%;
}
.box_caro_wrapper .popup_hover {
    position: absolute !important;
    height: auto;
    background-color: var(--blue_2-cl);
    pointer-events: none;
    padding: 1.354rem 1.71875rem;
    opacity: 1;
}
.box_caro_wrapper .popup_hover p,
.box_caro_wrapper .popup_hover ul {
    list-style-position: inside;
    font-family: Manrope;
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.25rem;
}

/* primary section 3 */
.primary_3 {
    padding: 2.4rem 0 3.6rem 0;
}
.primary_3 .group_heading p {
    padding: 0 6.75rem;
    margin-top: 2rem;
}
.box_club_wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.box_club_wrapper .item {
    flex-basis: 50%;
    padding: 1.8rem;
}
.box_club_wrapper img {
    width: 100%;
    height: 18.65rem;
    object-fit: cover;
    margin-bottom: 1.6rem;
}
.box_club_wrapper .content {
    height: 13rem;
    overflow-y: auto;
    padding-right: 0.6rem;
}
.box_club_wrapper .content::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #cedbff;
}
.box_club_wrapper .content::-webkit-scrollbar-thumb {

    background-color: var(--primary-color);
}
.box_club_wrapper h2 {
    margin-bottom: 0.6rem;
}
.box_club_wrapper ul {
    margin-top: 0.4rem;
}
.box_club_wrapper ul li {
    list-style-position: inside;
    margin-bottom: 0.3rem;
    padding-left: 0.6rem;
}

/*--------------------------------------------------*/
/* secondary & high section 1 */
.secondary_1 .school_banner_wrapper,
.high_1 .school_banner_wrapper {
    padding: 2.6rem 0;
}

/* secondary section 2 */
.secondary_2,
.high_1 {
    padding: 1.6rem 0 3rem 0;
}
.secondary_2 .box_training_wrapper .box_percent,
.high_1 .box_training_wrapper .box_percent {
    margin-top: 2.2rem !important;
}

/*--------------------------------------------------*/
/* life school section 2 */
.lifeschool_2,
.news_2 {
    padding: 3.2rem 0 7rem 0;
}
.box_lifeschool_wrapper {
    position: relative;
    padding: 5.6rem 0 2.2rem 0;
}
.box_lifeschool_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: repeating-linear-gradient(
            0deg,
            var(--yellow-cl),
            var(--yellow-cl) 2px,
            transparent 0.2rem,
            transparent 0.4rem
    );
    transform: translateX(-50%);
}
.box_lifeschool_wrapper .item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 3.6rem;
}
.box_lifeschool_wrapper .item > * {
    width: 50%;
}
.box_lifeschool_wrapper .item + .item {
    padding-top: 3.2rem;
}
.box_lifeschool_wrapper img {
    width: 26.4rem;
    height: 22.8rem;
    object-fit: cover;
}
.box_lifeschool_wrapper .item:nth-child(even) .box_img {
    order: 1;
}

/*--------------------------------------------------*/
/* news section 2 */
.box_activities_wrapper {
    padding: 5.2rem 0 6rem calc((100vw - var(--container-large)) / 2);
}
.box_activities_wrapper .heading_1 {
    font-size: 2rem;
}
.box_activities_wrapper .box_content {
    padding: 3.6rem calc((100vw - var(--container-large)) / 2) 0 2.4rem;
}
.box_activities_wrapper img {
    /*width: 40.05rem;*/
    width: 100%;
    height: 34.6rem;
    object-fit: cover;
}

/*--------------------------------------------------*/
/* news details section 1 */
.news_detail_1 {
    position: relative;
}
.news_detail_1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(11, 82, 57, 0.9);
    pointer-events: none;
}

/* news details section 2 */
.news_detail_1 {
    width: 100%;
    height: 20.2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.content_news_details img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.hashtag a {
    font-family: 'Manrope', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2295rem;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: underline #454545;
    text-underline-offset: 2px;
    transition: .3s all;
}
.hashtag a:hover {
    color: var(--green-cl);
    text-decoration: underline var(--green-cl);
}
.news_detail_2 .content p {
    margin-bottom: 0;
}
.news_detail_2 .box_content b, .news_detail_2 .content b {
    display: unset !important;
}

/*--------------------------------------------------*/
/* admission section 3 */
.box_step_wrapper {
    padding: 5rem 0 0 0;
}
.box_step_wrapper .line_step {
    margin: 0 calc((var(--container-large) - 100vw) / 2);
}
.box_step_wrapper .line_step:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
            90deg,
            var(--primary-color),
            var(--primary-color) 2px,
            transparent 0.2rem,
            transparent 0.4rem
    );
}
.box_step_wrapper .inner {
    max-width: var(--container-large);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
}
.box_step_wrapper .item {
    width: 14.4rem;
}
.box_step_wrapper .item:before {
    content: '';
    position: absolute;
    width: 0.8rem;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background-color: var(--fs-color-secondary);
    outline: 0.4rem solid rgba(169, 234, 162, 0.6);
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: .5s all;
}
.box_step_wrapper .item:hover:before {
    background-color: var(--yellow-cl);
    outline: 0.4rem solid var(--yellow_2-cl);
}
.box_step_wrapper .box_content {
    padding: 2.2rem 1.2rem 1.2rem;
}
.box_file_wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background-color: var(--blue_2-cl);
    padding: 0 calc((100vw - var(--container-large)) / 2);
    z-index: 1;
}
.box_file_wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: #fff;
    z-index: -1;
    pointer-events: none;
}
.box_file_wrapper h2 {
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 2.484rem;
}
.box_file_wrapper ul li {
    list-style-type: none;
    list-style-position: inside;
}
.box_file_wrapper ul li span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.4rem;
    aspect-ratio: 1/1;
    background-color: var(--primary-color);
    font-family: 'Rowdies', sans-serif;
    font-size: 0.7515rem;
    font-weight: 400;
    color: #fff;
    border-radius: 100%;
    margin-right: 0.8rem;
}
.box_file_wrapper img {
    width: 100%;
}

/* admission section 4 */
.admission_4 {
    padding: 4.2rem 6.5rem;
    background-color: var(--primary-color);
}
.box_policy_wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0.4rem;
}
.box_policy_wrapper .item {
    width: 50%;
    height: 48.9rem;
    background-color: var(--blue_2-cl);
    padding: 1.6rem;
}
.box_policy_wrapper .item .box_img>img {
    width: 100%;
    height: 22.8rem;
    object-fit: cover;
}
.box_policy_wrapper h2 {
    font-size: 1.75rem !important;
    margin: 1.2rem 0;
}
.box_policy_wrapper .item:first-child .content {
    height: 20.05rem;
    text-align: justify;
    padding-right: 0.4rem;
    overflow-y: auto;
}
.box_policy_wrapper .content::-webkit-scrollbar {
    width: 0.2rem;
    background-color: #cedbff;
}
.box_policy_wrapper .content::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}
.box_policy_wrapper .content_hover {
    position: relative;
    display: flex;
    /*justify-content: space-between;*/
    align-items: flex-start;
    gap: 0.208rem;
    z-index: 0;
}
.box_policy_wrapper .item_hover {
    width: calc(100vw / 3);
    /*width: 9rem;*/
    height: 11rem;
    border: 1px solid var(--primary-color);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0.8rem;
    cursor: pointer;
}
.box_policy_wrapper .item_hover h4 {
    font-family: 'Manrope', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2295rem;
    text-align: center;
    margin-top: 0.8rem;
}
.box_policy_wrapper .item_hover .box_content_hover {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background-color: var(--fs-color-secondary);
    padding: 2rem 1.2rem;
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
}
.box_policy_wrapper .item_hover:hover .box_content_hover {
    opacity: 1 !important;
}
.box_policy_wrapper .content_sale {
    text-align: center;
    margin-top: 1.6rem;
}
.box_policy_wrapper .content_sale p {
    margin-bottom: 0.5rem !important;
}
.box_policy_wrapper .content_sale strong {
    font-family: 'Manrope', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.639rem;
}

/* admission section 5 */
.admission_5 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-top: 6rem;
}
.box_slide_feedback,
.box_slide_question {
    max-width: 52rem;
    margin: 3rem auto 6rem;
    height: 16rem;
}
.box_slide_feedback .item,
.box_slide_question .item {
    display: inline-flex;
    justify-items: flex-start;
    align-items: flex-start;
    gap: 1.6rem;
    background: #fff;
    padding: 1.6rem;
    border-radius: 0.6rem;
    height: 100%;
}
.box_slide_feedback .avatar {
    flex-shrink: 0;
    width: 8.854rem;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    overflow: hidden;
}
.slide_feedback .swiper-slide,
.slide_question .swiper-slide {
    height: auto;
}
.box_slide_feedback .slide_feedback,
.box_slide_question .slide_question {
    overflow: hidden;
}
.box_slide_feedback .navigation_question,
.box_slide_question .navigation_question {
    position: absolute;
    top: 45%;
    display: flex;
    width: 115%;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}
.box_slide_feedback .swiper-pagination,
.box_slide_question .swiper-pagination {
    display: none;
}

/* contact & recruitment 2 */
.contact_recruit_2 .group_heading,
.contact_recruit_3 {
    padding: 3rem 0;
}
.box_contact_wrapper {
    background-color: var(--primary-color);
    padding: 2.2rem 0;
}
.box_contact_wrapper .inner:first-child {
    justify-items: unset;
    margin-bottom: 1rem;
}
.box_contact_wrapper .inner:first-child > div {
    width: 50%;
}
.box_contact_wrapper .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.copy_right {
    font-family: 'Manrope', sans-serif;
    font-size: 0.6rem;
    font-weight: 400;
    line-height: 1.2rem;
    letter-spacing: -0.015em;
}
#footer .footer_container p,
.box_contact_wrapper p {
    margin-bottom: 0.2rem !important;
}
.box_contact_wrapper .box_frame {
    margin-bottom: 0.8rem;
}
.box_contact_wrapper .inner_left .box_frame {
    padding-right: 1rem;
}
.box_position_recruitment {
    padding-top: 2rem;
}
.box_position_recruitment .box_item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
}
.box_position_recruitment .box_item .item {
    border-radius: 0.6rem;
    background-color: var(--blue_2-cl);
    padding: 1rem;
}
.box_position_recruitment .box_item img {
    border-radius: 0.4rem;
}
.box_position_recruitment .box_item h4 {
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2295rem;
    color: rgba(0, 0, 0, 0.8);
    margin: 0.6rem 0 0.5rem 0;
    padding-bottom: 0.4rem;
}
.box_position_recruitment .box_item h4:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.8);
}
.box_position_recruitment .box_item p {
    margin-bottom: 2px;
}

/* contact & recruitment 4 */
.box_submitfile_wrapper {
    background-color: var(--primary-color);
    padding: 3.4rem 0 3rem 0;
}
.box_submitfile_wrapper .heading_1 {
    position: relative;
    padding-bottom: 0.8rem;
}
.box_submitfile_wrapper .heading_1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 0.3rem;
    background-color: var(--yellow-cl);
    border-radius: 5rem;
}
.box_submitfile_wrapper .box_content {
    padding-left: 5rem;
}
.box_submitfile_wrapper p,
.box_submitfile_wrapper li {
    color: #fff !important;
    margin-bottom: 2px;
}

/* contact & recruitment 5 */
.box_why_wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
    background-color: var(--blue_2-cl);
    padding: 4.5rem 0;
}
.box_why_wrapper .box_img {
    width: 40%;
    height: auto;
}
.box_why_wrapper .box_content_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: calc((100vw - var(--container-large)) / 2);
}
.box_why_wrapper .box_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.6rem;
}
.box_why_wrapper .item {
    width: calc(50% - 0.8rem);
}
.box_why_wrapper .item:nth-child(3),
.box_why_wrapper .item:nth-child(4) {
    border-top: 1px dashed var(--primary-color);
    padding-top: 1rem;
}

/* camera section 1 */
.camera_1 {
    background-color: var(--blue_2-cl);
    padding: 4.75rem 0 2.3rem 0;
}
.box_manual_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.4rem;
}
.box_manual_wrapper p {
    margin-bottom: 0.2rem;
}
.box_manual_wrapper .link_manual a {
    display: block;
    color: var(--primary-color);
}
.box_manual_wrapper .link_manual {
    margin-bottom: 1rem;
}

/* camera section 2 */
.box_list_ip .title p {
    padding: 0.5rem;
    width: fit-content;
    background-color: var(--primary-color);
    color: #fff;
    margin-bottom: 1.8rem;
}
.box_list_ip .list_ip td {
    border: 1px solid #000;
    padding: 1rem;
}
.box_list_ip .item + .item {
    margin-top: 3.6rem;
}

/* box children development */
.grid_gallery_wrapper {
    padding: 0 0 2rem 0;
}
.grid_gallery {
    display: inline-block;
    margin: -0.25rem;
    width: auto;
    min-width: 100%;
    padding: 3rem 0 4rem 0;
}
.grid_gallery .item {
    width: calc(38% - 0.5rem);
    padding-bottom: calc(40% - 0.5rem);
    display: inline-block;
    float: left;
    background: #ff7f7f;
    margin: 0.25rem;
    position: relative;
}
.grid_gallery .item:nth-child(3), .grid_gallery .item:nth-child(4), .grid_gallery .item:nth-child(6) {
    width: calc(24% - 0.5rem);
    padding-bottom: calc(24% - 0.5rem);
}
.grid_gallery .item:nth-child(3) img {
    width: unset !important;
    height: auto;
}
.grid_gallery .item:nth-child(3) .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--fs-color-secondary);
}
.grid_gallery .item:nth-child(4) .inner {
    background-color: var(--blue_2-cl);
    padding: 1rem;
}
.grid_gallery_wrapper .sub_title .h2 {
    width: 100%;
    font-size: 1.2795rem;
    font-weight: 400;
    line-height: 1.589rem;
}
/*.grid_gallery .item .inner {}*/
.grid_gallery .item:nth-child(1),
.grid_gallery .item:nth-child(5) {
    padding-bottom: calc(48% - 0.5rem);
    overflow: hidden;
}
.grid_gallery .item:nth-child(2),
.grid_gallery .item:nth-child(4),
.grid_gallery .item:nth-child(7) {
    padding-bottom: calc(24% - 0.5rem);
}
.grid_gallery .item:nth-child(6),
.grid_gallery .item:nth-child(7) {
    margin-top: calc(-24% + 0.3rem);
    transform: translateY(-1px);
}
.grid_gallery .item .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.slide_development {
    overflow: hidden;
}
.slide_development .item_img {
    width: 100% !important;
    /*height: 100%;*/
}

/*loading-effect-page*/
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}
div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(40px);*/
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}
div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .3s;
}
@media only screen and (max-width: 991px) {
    .load_home_page svg {
        width: 320px;
    }
}
@media only screen and (max-width: 767px) {
    .load_home_page svg {
        width: 240px;
    }
}
.load_home_page.complete svg{
    transition-delay: 0.4s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30rem;
    max-width: 80vw;
    transition: .3s all ease-in-out;
    opacity: 1;
}
.load_home_page.complete img.logo_center{
    opacity: 0;
}
.btn_effect span {
    display: none;
}

.btn_effect:before {
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%) scale(.5);
    content: '';
    background: var(--green-cl);
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    transition: .5s all;
    z-index: -1;
}



.btn_effect:hover:before {
    transform: translateX(-50%) scale(1.2);
    top: -3.55rem;
    width: 10rem;
    height: 10rem;
}
h1, h2, h3, h4, h5, h6, .heading-font {
    letter-spacing: 0 !important;
}


.navigation_question .arrow_question_prev {
    left: -2rem;
}
.box_caro_wrapper .popup_hover {
    width: 36rem;
    text-align: left;
    bottom: 1px;
    top: unset;
    transform: translateY(102%);
    pointer-events: none;
    transition: 0.3s all !important;
    opacity: 0;
    display: block !important;
    right: 0;
}

.box_caro_wrapper .item:hover {
    z-index: 9;
}

.box_caro_wrapper .item:hover .popup_hover {
    opacity: 1;
    transform: translateY(100%);
}
.box_caro_wrapper .item:nth-child(3n + 1) .popup_hover {
    right: unset;
    left: 0;
}

.box_caro_wrapper .item:nth-child(3n + 2) .popup_hover {
    left: 50%;
    transform: translate(-50%, 102%);
}

.box_caro_wrapper .item:nth-child(3n + 2):hover .popup_hover {
    transform: translate(-50%, 100%);
}
.category .box_slide_news .bottom_news {
    padding: 0;
}

.box_slide_news .slide_news.list_post {
    display: flex;
    flex-wrap: wrap;
}

.box_slide_news .slide_news.list_post .item.relative {
    width: calc(100% / 3);
    padding: 0 1rem 2rem;
}
ul.thenativePagination {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
}

ul.thenativePagination a {
    width: 2rem;
    height: 2rem;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 .2rem;
    font-weight: 200;
}

ul.thenativePagination .active a {
    background: var(--primary-color) !important;
    color: #fff;
}
.search .box_slide_news .bottom_news {
    padding: 0;
}

.search h1.heading_display {
    font-size: 2rem;
}
.box_slide_question .avatar img {
    height: 100%;
    object-fit: cover;
}
.box_contact_wrapper .inner_left .box_frame iframe {
    height: 19rem;
}

@media (min-width: 1200px) {
    html {
        font-size: 1vw;
    }
}
@media (max-width: 1500px) {
    .box_policy_wrapper .item_hover {
        height: 12rem;
    }
}
@media (max-width: 1199px) {
    html {
        font-size: 1.2vw;
    }

    ul.sub-menu.nav-dropdown.nav-dropdown-default {
        min-width: 10.5rem;
    }
    .fancybox-content {
        width: 40rem;
    }

    .box_content b, .content b {
        font-size: 1.3rem;
    }
    .box_content strong,
    .content strong,
    .box_content p,
    .content p,
    .content,
    .content ul li,
    .box_content ul li {
        font-size: 1.1rem;
        line-height: 1.7rem;
    }
    .content .text-small tr,
    .box_content a.btn_link,
    ul.text_small li,
    .box_content.text_small p,
    .content.text_small p {
        font-size: 1.08rem;
        line-height: 1.5rem;
    }
    .box_register_wrapper .wpcf7-not-valid-tip, .box_register_wrapper .wpcf7-response-output,
    .box_register_wrapper label,
    .box_slide_news .swiper-pagination-bullet {
        font-size: 0.9rem;
    }
    #footer .footer_container .box_img {
        width: 24rem;
    }
    .copy_right {
        font-size: 0.8rem;
        margin-top: 8px;
    }
    .school_banner_wrapper .box_content p {
        line-height: 1.7rem;
    }
    .btn_register {
        font-size: 1rem;
        padding: 0.6rem 2rem;
    }
    .popup_training {
        width: 76rem;
    }
    .box_caro_wrapper .item {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .box_percent b {
        margin: -16px 0 32px 0 !important;
    }
    .box_training_wrapper .percent,
    .popup_training_container .percent {
        width: 12rem;
    }
    .popup_training_container .percent {
        width: 18rem;
    }
    .box_training_wrapper .percent h5 {
        font-size: 4rem;
    }
    .popup_training_container .box_content {
        width: 90%;
    }
    .popup_training_container h5 {
        font-size: 4rem;
        line-height: 5rem;
    }
    .popup_training_container .box_content p {
        font-size: 1rem;
    }
    .box_policy_wrapper .item:first-child .content {
        height: 17rem;
        padding-right: 0.7rem;
    }
    .box_policy_wrapper .item_hover .box_content_hover {
        overflow-y: auto;
    }
    .box_policy_wrapper .item_hover {
        height: 12.5rem;
    }
    .fixed_button img {
        width: 3rem;
    }
    .box_contact_wrapper img {
        width: 15rem;
    }
    .box_contact_wrapper .inner:first-child > div {
        width: 100%;
    }
    .box_contact_wrapper .inner {
        gap: 2.2rem;
    }
    .box_why_wrapper .box_img {
        width: 60%;
    }
    ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
        padding: 0;
    }
    li.camera ul li {
        font-size: 1rem;
        padding: 1rem;
    }
    .card_curriculum_wrapper {
        align-items: unset;
    }
    .grid_gallery {
        margin: 0;
    }
    .admission_4 {
        padding-bottom: 10rem !important;
    }
    .box_slide_feedback, .box_slide_question {
        margin-bottom: 13rem;
    }
    .box_slide_question .avatar {
        width: 12rem;
    }
}
@media (max-width: 849px) {
    html {
        font-size: 1.7vw;
    }

    .box_camera_wrapper .item {
        width: calc(100% / 2);
    }
    .box_camera_wrapper .item:last-child {
        width: 100%;
    }
    .box_camera_wrapper .box_content {
        text-align: center;
    }
    .fancybox-content {
        width: 28rem;
    }

    .box_slide_question {
        height: unset;
        margin-bottom: 2rem;
    }
    .admission_4 {
        padding: 4.2rem 6.5rem 6rem;
    }
    .padding_horizontal {
        padding: 0 0.75rem !important;
    }
    .heading_display {
        font-size: 3rem;
        line-height: 4rem;
    }
    .heading_highlight,
    .heading_1 {
        font-size: 1.8rem;
    }
    .box_slide_news .top_news {
        justify-items: center;
    }
    .box_register_wrapper {
        align-items: flex-start;
    }
    .box_camera_wrapper img {
        width: 5rem;
    }
    .box_mask_wrapper .card_item {
        width: calc((100% - 1.8rem) / 2);
    }
    .box_about_wrapper .item img {
        padding-left: 4rem;
    }
    .box_about_wrapper .item:nth-child(even) div:last-child img {
        padding-right: 4rem;
    }
    .school_banner_wrapper .box_content {
        padding-right: 0.75rem;
    }
    .primary_1 .school_banner_wrapper > div:last-child,
    .secondary_1 .school_banner_wrapper > div:last-child,
    .high_1 .school_banner_wrapper > div:last-child {
        padding-left: 0.75rem;
    }
    .box_training_wrapper .percent h5 {
        font-size: 3rem;
    }
    .box_training_wrapper .percent {
        width: 10rem;
    }
    .box_training_wrapper .inner {
        align-items: flex-start;
    }
    .box_training_wrapper .content p {
        font-size: 0.9rem;
    }
    .box_training_wrapper .item:nth-child(2) {
        padding: 0;
    }
    .popup_training {
        width: 58rem;
    }
    .popup_training_container h5 {
        font-size: 4rem;
    }
    .popup_training_container .box_content p {
        font-size: 1rem;
    }
    .popup_training_container {
        height: 14rem;
    }
    .popup_training_container .content {
        height: 100%;
        overflow-y: auto;
    }
    .popup_training_container .content::-webkit-scrollbar {
        width: 0.2rem;
        background-color: #cedbff;
    }
    .popup_training_container .content::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
    }
    .primary_3 .group_heading p {
        margin-top: 0;
    }
    .group_heading .line_second {
        margin: -1px 0 0 0;
    }
    .box_activities_wrapper .box_content {
        margin-right: 0.75rem;
    }
    .news_detail_2 {
        padding: 2em 0 1rem 0 !important;
    }
    .box_file_wrapper:before {
        height: 20%;
    }
    .box_file_wrapper ul li span {
        width: 2rem;
        font-size: 0.9rem;
    }
    .box_policy_wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    .box_policy_wrapper .item {
        width: 100%;
    }
    .box_policy_wrapper .content_hover {
        justify-content: center;
        gap: 2rem;
    }
    .box_slide_feedback .item,
    .box_slide_question .item {
        margin: 0 5rem;
    }
    .box_slide_feedback .navigation_question,
    .box_slide_question .navigation_question {
        display: none;
    }
    .box_slide_feedback .swiper-pagination,
    .box_slide_question .swiper-pagination {
        display: block;
    }
    .box_slide_feedback .swiper-pagination-bullet-active,
    .box_slide_question .swiper-pagination-bullet-active {
        background: var(--primary-color);
    }
    .box_why_wrapper {
        flex-direction: column;
    }
    .box_why_wrapper .box_img {
        width: unset;
    }
    .box_why_wrapper img {
        width: unset !important;
        object-fit: unset !important;
    }
    .off-canvas-left.mfp-ready .mfp-content,
    .off-canvas-right.mfp-ready .mfp-content {
        background-color: var(--primary-color);
    }
    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        --drawer-width: 560px !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding-left: 4rem !important;
        font-size: 1.7rem;
        color: #fff;
    }
    .icon-angle-down {
        color: #fff !important;
    }
    .nav-vertical li li {
        padding-left: 0 !important;
    }
    .nav>li.camera {
        height: 100%;
    }
    ul.language {
        color: #fff;
        font-size: 1.7rem;
        width: unset !important;
        margin-left: 2.5rem !important;
    }
    li.camera b {
        font-size: 1.5rem;
        padding: 1.8rem 2rem 1.8rem 4rem;
        width: 100%;
    }
    li.camera ul {
        top: 4.5rem;
        bottom: unset;
        transform: unset;
    }
    li.camera li a {
        color: var(--primary-color) !important;
    }
    .box_lifeschool_wrapper {
        padding: 2rem 0.75rem 2.2rem 0.75rem;
    }
    #masthead.header-main .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .box_slide_news .pagination_wrapper {
        max-width: 100%;
        justify-content: center;
        padding-top: 2rem;
    }
    .box_contact_wrapper .inner_left .box_frame {
        padding-right: 0;
    }
    .box_features_wrapper .box_content .heading_1 {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .grid_gallery_wrapper .sub_title h2 {
        padding: 0 2rem;
        font-size: 1rem !important;
    }
    .grid_gallery_wrapper .heading_1 {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .box_caro_wrapper .popup_hover {
        width: 24rem;
    }
    .box_slide_question .avatar {
        width: 10rem;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 1.1rem;
    }

    .off-canvas-right .mfp-content,
    .off-canvas-left .mfp-content {
        --drawer-width: 85% !important;
    }
    .fancybox-content {
        width: 20rem;
    }
    .nav > li > a > i.icon-search {
        font-size: 1.2rem !important;
    }
    .nav > li > a > i.icon-menu {
        font-size: 1.8rem !important;
    }
    li.camera b,
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 2rem !important;
        font-size: 1.3rem;
    }
    li.camera b {
        font-size: 1rem;
    }
    ul.language {
        font-size: 1.3rem;
        padding-left: 1rem !important;
        margin: 0 !important;
    }
    .heading_display {
        font-size: 1.5rem;
        line-height: 2.4rem;
    }
    .group_heading p {
        font-size: 0.8rem;
    }
    .box_content b, .content b {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .home_2 .line {
        margin: 0.7rem 0;
    }
    .box_content strong,
    .content strong,
    .box_content p,
    .content p,
    .content,
    .content ul li,
    .box_content ul li {
        font-size: 0.9rem;
        line-height: 1.4rem;
    }
    .padding_section {
        padding: 1.5rem 0;
    }
    .card_curriculum_wrapper {
        flex-wrap: wrap;
        gap: 0.7rem;
        margin-top: 1.5rem;
        padding: 0 0.5rem;
    }
    .card_curriculum_wrapper .card_curriculum {
        width: calc(48% - 2px);
    }
    .content .text-small tr,
    .box_content a.btn_link,
    ul.text_small li,
    .box_content.text_small p,
    .content.text_small p {
        font-size: 0.7rem;
    }
    .card_curriculum h5 {
        font-size: 1.2rem;
        line-height: 1rem;
    }
    .box_features_wrapper {
        flex-direction: column-reverse;
    }
    .box_features_wrapper .box_content .heading_1 {
        width: unset;
        font-size: 1.2rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }
    .box_features_wrapper .box_content {
        width: 100%;
    }
    .box_features_wrapper .box_content b {
        margin-bottom: 1rem;
    }
    .heading_highlight,
    .heading_1 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .box_slogan_wrapper b {
        font-size: 0.8rem !important;
        line-height: 1.3rem !important;
    }
    .box_slogan_wrapper .box_content {
        flex-direction: column;
        border-radius: 1.2rem;
        gap: unset;
        padding: 1rem;
    }
    .box_wrapper_1 .box_item {
        flex-direction: column-reverse;
    }
    .box_wrapper_1 .box_item .title {
        min-width: 7rem;
        font-size: 0.7rem;
        line-height: 0;
        padding: 1.1rem 1.6rem;
    }
    .box_wrapper_1 .box_content {
        width: 100%;
    }
    .box_wrapper_1 .box_img {
        width: 100%;
        text-align: center;
    }
    .box_wrapper_1 .box_item:nth-child(even) .box_img {
        order: unset;
    }
    .home_7 {
        padding: 2rem 1rem;
    }
    .group_heading .heading_highlight {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .box_mask_wrapper .card_item {
        width: 100%;
    }
    .box_mask_wrapper .content img {
        width: 1.2rem;
    }
    .home_8 {
        padding: 2rem 0;
    }
    .slide_news .box_content {
        padding: 0 !important;
    }
    .slide_news h3 {
        font-size: 1rem;
        margin: 0.6rem 0;
    }
    .content .text-small tr,
    .box_content a.btn_link,
    ul.text_small li,
    .box_content.text_small p,
    .content.text_small p {
        line-height: 1.2rem;
    }
    .box_slide_news .pagination_wrapper {
        justify-content: center;
        gap: unset;
        padding-top: 1.5rem;
    }
    /*.box_slide_news .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {*/
    /*    transform: unset !important;*/
    /*    transform: translateX(-40%) !important;*/
    /*}*/
    .box_register_wrapper {
        flex-direction: column;
    }
    .box_register_wrapper .box_img {
        width: 100%;
    }
    .box_register_wrapper h2 {
        font-size: 1rem;
        line-height: 1.4rem;
        padding: 2rem 0.5rem 0;
    }
    #footer.footer-wrapper {
        padding: 2rem 0;
    }
    #footer .footer_container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: center;
        gap: 1.5rem;
    }
    #footer .box_inner {
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #footer .footer_container .box_img {
        width: 16rem;
    }
    .box_about_wrapper .item {
        justify-content: center !important;
        padding: 2rem 0 0;
    }
    .box_about_wrapper .item img {
        margin-top: 0.7rem;
        padding-left: 0;
    }
    .box_about_wrapper .item:last-child {
        padding: 1.5rem 0 2rem;
    }
    .box_about_wrapper .item:nth-child(odd) div:last-child img,
    .box_about_wrapper .item:nth-child(even) div:last-child img {
        margin: 0 0 0.7rem 0;
        padding-right: 0;
    }
    .box_about_wrapper .box_last_item {
        margin: 2rem 0 !important;
        padding: 1rem;
    }
    .box_about_wrapper .box_last_item img {
        margin-top: 0;
    }
    .primary_1 .school_banner_wrapper .box_content,
    .secondary_1 .school_banner_wrapper .box_content,
    .high_1 .school_banner_wrapper .box_content,
    .school_banner_wrapper .box_content {
        padding: 1rem;
    }
    .primary_1 .school_banner_wrapper > div:last-child,
    .secondary_1 .school_banner_wrapper > div:last-child,
    .high_1 .school_banner_wrapper > div:last-child {
        padding-left: 0;
    }
    .group_heading.line .heading_display,
    .group_heading.line .heading_1 {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .btn_register {
        font-size: 0.8rem;
        padding: 0.5rem 1.2rem;
    }
    .box_training_wrapper .inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }
    .box_training_wrapper .item:nth-child(2) {
        border: none;
    }
    .box_caro_wrapper {
        flex-direction: column;
        justify-content: unset;
        align-items: center;
    }
    .box_caro_wrapper div:last-child {
        justify-content: center;
    }
    .box_caro_wrapper .box_caro_container {
        position: unset !important;
    }
    .box_caro_wrapper .item {
        position: relative;
        width: 100%;
    }
    .box_caro_wrapper .item:nth-child(1),
    .box_caro_wrapper .item:nth-child(2),
    .box_caro_wrapper .item:nth-child(4) {
        display: none;
    }
    .box_caro_wrapper .popup_hover {
        left: 0 !important;!i;!;
        width: 100%;
        bottom: unset;
        top: 0 !important;!i;!;
        transform: unset !important;!i;!;
        min-height: 100%;
        pointer-events: unset !important;!i;!;
    }
    .box_caro_wrapper .popup_hover .content {
        display: unset !important;
        text-align: left;
    }
    .primary_3 .group_heading p {
        padding: 0 0.75rem;
    }
    .box_club_wrapper {
        flex-direction: column;
    }
    .box_club_wrapper .item {
        flex-basis: 100%;
        padding: 1rem;
    }
    .box_club_wrapper .heading_1 {
        font-size: 1.3rem;
    }
    .primary_3 {
        padding: 2rem 0;
    }
    .secondary_1 .school_banner_wrapper,
    .high_1 .school_banner_wrapper {
        padding: 0;
    }
    .box_scholarship_wrapper {
        gap: 2.2rem;
        margin-top: 1rem;
    }
    .box_scholarship_wrapper .item {
        width: 100%;
        gap: 1rem;
    }
    .popup_training {
        width: 95%;
        padding: 1rem;
    }
    .popup_training_container {
        height: 22rem;
        flex-direction: column;
        gap: 1rem;
    }
    .popup_training_container .percent {
        width: 10rem;
    }
    .popup_training_container h5 {
        font-size: 3rem;
        line-height: 3rem;
    }
    .popup_training_container .box_content p {
        font-size: 0.6rem;
        line-height: 0.9rem;
    }
    .training_content {
        flex-direction: column;
        gap: 1rem;
        padding: 1.2rem 1rem 1rem;
    }
    .training_content b {
        margin-bottom: 0.6rem;
    }
    .secondary_2,
    .high_2 {
        padding: 0 0 2rem 0;
    }
    .high_1 {
        padding: 0;
    }
    .lifeschool_2,
    .news_2 {
        padding: 2rem 0;
    }
    .box_activities_wrapper {
        flex-direction: column;
        padding: 1.5rem 0;
    }
    .box_activities_wrapper img {
        /*aspect-ratio: 16/9;*/
        height: unset;
    }
    .box_activities_wrapper .box_content {
        padding: 1rem;
        margin: 0;
    }
    .group_heading .line_second {
        height: 0.3rem;
    }
    .box_step_wrapper .line_step {
        margin: 0;
    }
    .box_step_wrapper .inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .box_file_wrapper {
        flex-direction: column;
    }
    .box_file_wrapper:before {
        height: unset;
    }
    .box_file_wrapper h2 {
        font-size: 1.8rem;
        margin-top: 1.5rem;
    }
    .box_file_wrapper ul li span {
        width: 1.7rem;
        font-size: 0.7rem;
        margin-right: 0.5rem;
    }
    .admission_4 {
        padding: 2rem 0.5rem;
    }
    .box_policy_wrapper .item {
        height: 100%;
        padding: 1rem;
    }
    .box_policy_wrapper .item .box_img>img {
        height: unset;
        /*aspect-ratio: 16/9;*/
    }
    .box_policy_wrapper h2 {
        font-size: 1rem !important;
        margin: 1.2rem 0;
    }
    .box_policy_wrapper .content_hover {
        flex-direction: column;
        justify-content: flex-start;
        gap: 1.5rem;
    }
    .box_policy_wrapper .item_hover {
        width: 100%;
        position: relative;
        flex: 0 0 auto;
        overflow: hidden;
    }
    .box_policy_wrapper .item_hover .box_content_hover {
        top: 0;
        height: 100%;
        transform: unset;
        pointer-events: unset;
    }
    .box_policy_wrapper .item:last-child {
        height: auto;
    }
    .box_slide_feedback {
        margin-bottom: 22rem;
    }
    .box_slide_feedback,
    .box_slide_question {
        margin-top: 2rem;
    }
    .box_slide_feedback .item {
        box-shadow: 0px 8px 8px -10px rgba(0,0,0,0.75);
    }
    .box_slide_feedback .item,
    .box_slide_question .item {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.6rem;
        margin: 1rem 1rem 2rem;
        padding: 1rem;
    }
    .box_slide_feedback .item .content,
    .box_slide_question .item .content {
        height: 16rem;
        overflow-y: auto;
        padding-right: 0.5rem;
    }
    .box_slide_feedback .content::-webkit-scrollbar,
    .box_slide_question .content::-webkit-scrollbar {
        width: 0.2rem;
        background-color: #cedbff;
        padding-left: 0.5rem;
    }
    .box_slide_feedback .content::-webkit-scrollbar-thumb,
    .box_slide_question .content::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
    }
    .box_contact_wrapper .inner:first-child {
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 2rem;
        text-align: center;
    }
    .box_contact_wrapper iframe {
        width: 100%;
        height: 12rem;
    }
    .box_contact_wrapper .inner {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    .padding_r_36 {
        padding: 0;
    }
    .box_position_recruitment .heading_1 {
        font-size: 1rem;
        padding-top: 1rem;
    }
    .box_position_recruitment .box_item {
        flex-direction: column;
        gap: 1rem;
    }
    .camera_1,
    .box_why_wrapper,
    .box_submitfile_wrapper {
        padding: 2rem 0;
    }
    .box_manual_wrapper {
        flex-direction: column;
        gap: 1.5rem;
    }
    .box_submitfile_wrapper .box_content {
        padding-left: 0;
    }
    .box_why_wrapper .item {
        width: 100%;
    }
    .box_why_wrapper .item:nth-child(2) {
        border-top: 1px dashed var(--primary-color);
        padding-top: 1rem;
    }
    blockquote {
        padding: 0 0 0 1rem;
    }
    .news_detail_1 {
        height: auto;
        padding: 2rem 0;
    }
    .fixed_button img {
        width: 2rem;
    }
    ul.fixed_button {
        top: unset;
        bottom: 2%;
        right: 1rem;
        transform: unset;
    }
    .list_ip {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table {
        min-width: 600px;
    }
    .list_ip::-webkit-scrollbar {
        height: 0.2rem;
        background-color: #cedbff;
        padding-left: 0.5rem;
    }
    .list_ip::-webkit-scrollbar-thumb {
        background-color: var(--primary-color);
    }
    br {
        display: none;
    }
    .center_mobile {
        text-align: center;
        padding: 0 1rem !important;
    }
    .box_lifeschool_wrapper:before {
        content: unset;
    }
    .box_lifeschool_wrapper .item {
        flex-direction: column;
        gap: 1rem;
    }
    .box_lifeschool_wrapper .item > * {
        width: 100%;
    }
    .box_file_wrapper .box_content ul li {
        display: flex;
        align-items: center;
    }
    .box_content ul li>span {
        flex: 0 0 auto;
    }
    .box_policy_wrapper .item:first-child .content {
        height: unset;
    }
    .contact_recruit_2 .group_heading, .contact_recruit_3 {
        padding: 2rem 1rem !important;
    }
    .group_heading.line .heading_1:before {
        width: 100%;
    }
    #footer .icon_footer {
        justify-content: center;
    }
    .grid_gallery_wrapper {
        padding: 0;
    }
    .grid_gallery {
        padding: 2rem 0 1rem 0;
    }
    .grid_gallery_wrapper .heading_1 {
        font-size: 0.5rem;
        line-height: 0.7rem;
    }
    .box_camera_wrapper .box_content {
        padding: 2.2rem 1rem;
    }
    .box_camera_wrapper .item {
        width: 100%;
    }
    .box_camera_wrapper h4 {
        font-size: 1.1rem;
    }
    .box_slogan_wrapper .box_content svg {
        order: 1;
    }
    .box_register_wrapper .wpcf7-not-valid-tip {
        font-size: 0.55rem;
    }
    .wpcf7 form.invalid .wpcf7-response-output {
        font-size: 0.7rem;
    }
    .box_lifeschool_wrapper .item:nth-child(even) .box_img,
    .box_about_wrapper .item:nth-child(odd) > div:last-child {
        order: -1;
    }
    .content_news_details img {
        margin-bottom: 0.8rem;
    }
    .box_lifeschool_wrapper img,
    .box_club_wrapper img {
        height: unset;
        object-fit: unset;
    }
    .pagination_news .swiper-pagination-bullet {
        /*opacity: 0;*/
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev,
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next {
        transform: scale(.66) !important;
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33) !important;
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1) !important;
    }
    .pagination_news .swiper-pagination-bullet-active {
        opacity: 1;
    }
    .box_activities_wrapper .heading_1 {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .box_slide_news .slide_news.list_post .item.relative {
        width: calc(100% );
        padding: 0 0 3rem;
    }
    .box_slide_feedback .avatar {
        margin-top: 1.4rem;
    }
    #footer form.searchform {
        margin-top: 1rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }
}