:root{
    --main-cl: #162D57;
    --sub-cl: #8F53A1;
    --container-w: 96.12rem;
    --font-SVN-BrandonPrinted:  'SVN-Brandon Printed Shadow';
    --font-SVN-Veneer: 'SVN-Veneer';
}
body {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.25rem;
}

h1,
h2,
h3,
h4,
h5,
strong {
    font-weight: 700;
    font-style: normal;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 70.5rem !important;
}

.col,
.columns,
.gallery-item {
    padding: 0 .75rem;
}
#header{
    position: fixed;
    height: 2.5rem !important;
}
#header #logo{
    margin-top: 1.8rem;
}
#header .header-wrapper.stuck{
    box-shadow: none;
    background: var(--main-cl);
}
#header .header-wrapper.stuck #logo{
    margin-top: 0;
}
#header .header-nav-main{
    gap: 2.25rem;
}
#header .header-nav-main.nav-right{
    margin-left: 2.2rem;
}
#header .header-nav-main .menu-item a{
    color: var(--10_FFFFFF, #FFF);
    font-family: var(--font-SVN-Veneer);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3rem; /* 118.182% */
    text-transform: uppercase;
}
#header .btn_component{
    padding: .3rem 1.6rem .35rem 1.6rem;
    margin-left: 1rem;
}
#header .btn_component span{
    font-size: .9rem;
}
#header .header-nav-main.nav-line-bottom > li.current-menu-item > a::before{
    transform: translateX(-50%) scaleX(1);
    top: 2.5rem;
}
#header .header-nav-main.nav-line-bottom > li > a::before{
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    background-color: #fff !important;
    transition: transform 0.3s ease;
}
#header .header-wrapper.stuck .header-nav-main.nav-line-bottom > li > a::before{
    top: 3.24rem;
}
#header .header-nav-main.nav-line-bottom > li > a:hover::before {
    transform: translateX(-50%) scaleX(1);
}
/*#header .nav-line-bottom>li.active>a:before{*/
/*    opacity: 0;*/
/*}*/
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 .3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

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

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

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;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
body{
    overflow-x: hidden;
}
.header-top{
    height: 2.4rem !important;
}
@media (min-width: 1200px) {
    body, html {
        font-size: 1.15vw;
    }
}
.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: .521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: .833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: .3125rem .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: .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%);
}
.load_home_page svg {
    width: 17rem;
    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: 999999999999;
    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: var(--main-cl);
    /*backdrop-filter: blur(2rem);*/
}

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: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 .5rem 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    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;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: .05rem;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: .05rem;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 78.126px;
    height: 78.126px;
    background-color: var(--main-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 62.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
/*////////start/////////*/

.slider_banner .img_banner{
    position: relative;
    width: 100%;
}
.slider_banner .img_banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider_banner .img_banner h2{
    position: absolute;
    bottom: 3.25rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted) !important;
    font-size: 3rem;
    font-style: normal;
    font-weight: 100;
    line-height: 3.75rem; /* 125% */
    text-transform: uppercase;
}
/*.slider_banner .img_banner:nth-child(1) h2{*/
/*    bottom: 3.25rem;*/
/*    left: 50%;*/
/*}*/
/*.slider_banner .img_banner:nth-child(even) h2{*/
/*    !*top: 50%;*!*/
/*    !*left: 50%;*!*/
/*    text-shadow: 0rem .2rem .25rem rgba(0, 41, 29, 0.50);*/
/*    font-size: 2.5rem;*/
/*    line-height: 3rem; !* 120% *!*/
/*}*/
/*.slider_banner .nav_next,*/
.slider_banner .nav_prev{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 8rem;
    z-index: 1;
    cursor: pointer;
    transition: 0.5s all;
}
.slider_banner .nav_next{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0;
    z-index: 1;
    cursor: pointer;
    transition: 0.5s all;
}
.slider_banner .nav_next:hover,
.slider_banner .nav_prev:hover,
.container_news_main .nav_prev:hover,
.container_news_main .nav_next:hover{
    transform:  translate(-50%, -50%) scale(0.85);
}
.slider_banner .swiper-pagination-bullet{
    width: 1.5rem;
    height: .1rem;
    background: #fff ;
    opacity: 0.3;
    border-radius: 0;
}
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}
.slider_banner .swiper-pagination{
    bottom: 2.5rem;
}
.top_header ul{
    list-style: none;
    display: flex;
    /*align-items: center;*/
    gap: .55rem;
}
.top_header ul li{
    margin: 0;
}
.top_header ul li .img_store{
    width: 1.35rem;
    height: 1.35rem;
}
.top_header ul li .img_store img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: 0.5s all;
}
.top_header ul:hover li .img_store img{
    filter: brightness(1) invert(0);
}
.top_header ul:hover li span{
    color: #8F53A1;
}
.top_header ul li span{
    color: var(--10_FFFFFF, #FFF);
    font-family: var(--font-SVN-Veneer);
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 138.889% */
    transition: 0.5s all;
}
.desc_content,
.desc_content p{
    color: var(--9_333333, #333);
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 138.889% */
}
.img_home_2 {
    width: 20.6315rem;
    height: 14.55rem;
    margin-left: -4rem;
}
.home_2 .desc_content{
    max-width: 36.65rem;
}
.heading_title h1,
.heading_title h2{
    color: var(--4, #162D57);
    font-family: var(--font-SVN-Veneer);
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem; /* 100% */
    text-transform: uppercase;
}
.heading_title h2 strong,
.heading_title h1 strong{
    color: var(--9_333333, #333);
    font-family: var(--font-SVN-Veneer);
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem; /* 100% */
    text-transform: uppercase;
}
.home_2 .line{
    height: .1rem;
    background: var(--main-cl);
    width: 5.5rem;
    margin: 1.6rem 0 2.4rem;
}
.home_2{
    padding: 7.5rem 0;
}
.btn_component {
    position: relative;
    width: fit-content;
    background: var(--10_FFFFFF, #FFF);
    padding: .6rem 2.05rem .55rem 2.05rem;
    z-index: 1; /* Đảm bảo text nằm trên hình */
    transition: 0.5s all;
}
.btn_component span {
    color: var(--4, #162D57);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    position: relative; /* Để giữ thứ tự đúng */
    z-index: 2;
    transition: 0.5s all;
}

.btn_component::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%; /* Tùy chỉnh để ảnh lớn hơn nút */
    height: 135%;
    background-image: url("../images/wrap_btn.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    z-index: 0; /* Đặt sau nội dung */
    pointer-events: none; /* Tránh chặn click */
    transition: 0.5s all;
}
.btn_component::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%; /* Tùy chỉnh để ảnh lớn hơn nút */
    height: 135%;
    background-image: url("../images/wrap_btn_2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    z-index: 0; /* Đặt sau nội dung */
    pointer-events: none; /* Tránh chặn click */
    transition: 0.5s all;
}
.btn_component.pur{
    background: var(--sub-cl);
}
.btn_component.pur::before{
    background-image: url(../images/stroke_course_31.svg);
}
.btn_component.pur::after{
    background-image: url(../images/stroke_course_32.svg);
}
.btn_component.pur span{
    color: #fff;
}
.btn_component:hover,
.btn_component.active{
    background: var(--main-cl);
}
.btn_component:hover span,
.btn_component.active span{
    color: #fff;
}
.btn_component:hover::before,
.btn_component.active::before{
    background-image: url("../images/tt_wrap_btn_b.svg");
}

.btn_component:hover::after,
.btn_component.active::after{
    background-image: url("../images/tt_wrap_btn_2_a.svg");
}
.home_2 .btn_component{
    margin-top: 2.9rem;
}
.home_2 .btn_component:hover span{
    color: #fff;
}
.home_2 .btn_component:hover{
    background: var(--sub-cl);
}
.home_2 .btn_component:hover::before{
    background-image: url(../images/stroke_course_31.svg);
}
.home_2 .btn_component:hover::after{
    background-image: url(../images/stroke_course_32.svg);
}
.home_3{
    padding: 7rem 0;
}
.heading_title.color_w .bottom_heading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.10);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 8rem;
    font-style: normal;
    font-weight: 100;
    line-height: 8rem; /* 100% */
    letter-spacing: .64rem;
    text-transform: uppercase;
}
.heading_title.color_main .bottom_heading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(119, 119, 119, 0.10);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 8rem;
    font-style: normal;
    font-weight: 100;
    line-height: 8rem; /* 100% */
    letter-spacing: .64rem;
    text-transform: uppercase;
}
.home_4{
    padding: 7rem 0 8rem;
}
.wrap_news_main{
    display: flex;
    gap: 1rem;
    height: auto;
    width: 100%;
    margin-top: 3rem;
    padding: 0 5rem;
}
.slider_news_home{
    width: 50%;
    overflow: hidden;
}
.form_register{
    width: 50%;
}
.wrap_news_main .wrap_item_news{
    display: flex;
    gap: 1rem;
    flex-direction: column;
    height: 100%;
}
.wrap_news_main .wrap_item_news .item{
    height: 100%;
    overflow: hidden;
}
.wrap_news_main .wrap_item_news .item h3{
    width: 19rem;
    position: absolute;
    left: 2.65rem;
    bottom: 1.25rem;
    color: var(--10_FFFFFF, #FFF);
    font-family: var(--font-SVN-Veneer);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem; /* 116.667% */
    text-transform: uppercase;
    z-index: 2;
}
.wrap_news_main .wrap_item_news .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}
.wrap_news_main .wrap_item_news .item:hover img{
    transform: scale(1.1);
}
.wrap_news_main .wrap_item_news .item:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.7rem;
    flex-shrink: 0;
    background: linear-gradient(0deg, #5F5F5F 0%, rgba(95, 95, 95, 0.00) 100%);
}
.blur_click{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.form_register{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_register .img_form_register {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
.form_register .img_form_register img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}
.wrap_content_form_register {
    position: relative;
    width: 18.9rem;
    padding: 1.9rem 0 1.75rem;
    border-radius: 0 2.5rem;
    background: rgba(75, 75, 75, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wrap_content_form_register::after{
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #4B4B4B;
}
.wrap_content_form_register h4{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    line-height: 1.25rem; /* 166.667% */
    letter-spacing: .1425rem;
    text-transform: uppercase;
    margin: 0;
}
.wrap_content_form_register h3{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 114.286% */
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.container_news_main .nav_prev{
    top: 50%;
    left: 11%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
    transition: 0.5s all;
}
.container_news_main .nav_next{
    top: 50%;
    left: 89%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
    transition: 0.5s all;
}
.home_5 {
    padding: 7rem 0 ;
}
.wrap_teachers{
    display: flex;
    margin: 3rem -2.5rem 0;
    padding: 0 1rem;
}
.wrap_teachers .teacher{
    position: relative;
    width: calc(calc(100%/3) - 5rem);
    margin: 0 2.5rem;
}
.wrap_teachers .teacher::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 86.5%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/stroke_home_5.png");
}
.wrap_teachers .teacher .img_teacher{
    position: relative;
    width: 100%;
    height: 22rem;
}
.wrap_teachers .teacher .img_teacher img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap_teachers .teacher h4{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1rem; /* 146.667% */
    letter-spacing: .06rem;
    text-transform: uppercase;
    margin: 2rem 0 .4rem;
}
.wrap_teachers .teacher h3{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 71.429% */
    text-transform: uppercase;
    margin: 0;
}
.footer-wrapper{
    padding: 6.5rem 0 8rem;
}
.title_footer {
    position: relative;
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 75% */
    text-transform: uppercase;
}
.title_footer::before{
    content: '';
    position: absolute;
    top: -0.8rem;
    left: 50%;
    width: 2.2rem;
    height: .05rem;
    transform: translate(-50%, -50%);
    background-color: #FFF;
}
.title_footer::after{
    content: '';
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    width: 2.2rem;
    height: .05rem;
    transform: translate(-50%, -50%);
    background-color: #FFF;
}
.wrap_content_footer{
    margin-top: 4rem;
}
.wrap_content_footer p,
.wrap_content_footer p a{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-size: .8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.35rem; /* 168.75% */
    margin-bottom: .25rem;
}
.wrap_share_footer ul{
    margin-top: 4rem;
    list-style: none;
    display: flex;
    justify-content: center;
}
.wrap_share_footer ul li{
    width: 2.15rem;
    height: 2.1rem;
    border-radius: 50%;
    transition: 0.5s all;
    margin: 0;
}
.wrap_share_footer ul li:hover{
    background-color: var(--sub-cl);
}
.wrap_share_footer ul li a .img_social{
    width: 2.15rem;
    height: 2.1rem;
}
.wrap_share_footer ul li a .img_social img{
    width: 100%;
    height: 100%;
}
.title_copyright{
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translate(-50%, -50%);

    color: var(--10_FFFFFF, #FFF);
    font-size: .7rem;
    font-style: normal;
    font-weight: 300;
    opacity: 0.5;
    line-height: 1.1rem; /* 157.143% */
}
.home_6{
    padding: 6rem 0 14rem;
}
.form_advise .col{
    padding-right: 0.35rem;
}

.form_advise{
    padding: 3.75rem 0;
}
.form_advise .btn_component {
    height: 2.7rem;
    padding: 0 2.25rem !important;
    margin: .25rem 0.25rem .25rem 0;
    transform: scale(0.9);
}
.form_advise .btn_component span{
    font-size: .95rem;
}
.form_advise input{
    height: 3.1rem;
    margin: 0;
}
.form_advise .wpcf7-form-control-wrap{
    position: relative;
}
.form_advise .wpcf7-form-control-wrap::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("../images/sttroke_form_b.svg");
}
.form_advise .wpcf7-form-control-wrap::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url("../images/sttroke_form_a.svg");
}

.form_advise input[type=text],
.form_advise input[type=text]:focus{
    background-color: unset;
    border: none;
    box-shadow: none;
    position: relative;
    z-index: 100;
}
.form_advise input::placeholder{
    font-style: normal;
    color: #333;
    font-weight: 400;
    line-height: 1.25rem; /* 138.889% */
}
.freelance_painter_course_3 .wrap_gird_home_7{
    padding: 0;
    grid-template-rows: repeat(3, 12.8rem);
    height: 37.5rem;
}
.freelance_painter_course_3 .wrap_gird_home_7::before{
    display: none;
}
.wrap_gird_home_7::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
    background-image: url("../images/frame_grid_home_7.png");
}
.wrap_gird_home_7 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 9.2rem);
    gap: .8rem;
    padding: 1.5rem;
    max-width: 100%;
    margin: auto;
    height: 32.5rem;
    width: 100%;
    flex-shrink: 0;
}
.wrap_gird_home_7 .item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.wrap_gird_home_7 .item .img_item{
    width: 100%;
    height: 100%;
}
.wrap_gird_home_7 .item .img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_gird_home_7 .item:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}
.wrap_gird_home_7 .item:nth-child(6) {
    position: relative;
    grid-column: 3 / span 2;
    grid-row: 2;
    flex-direction: column;
    font-size: .9rem;
    text-align: center;
    z-index: 10;
}
.wrap_gird_home_7 .item:nth-child(6)::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/follow_home_7_b.png");
}
.wrap_gird_home_7 .item:nth-child(6)::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/follow_home_7_.png");
}
.wrap_gird_home_7 .item:nth-child(6) h3{
    color: var(--4, #162D57);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5rem; /* 100% */
    text-transform: uppercase;
}
.wrap_gird_home_7 .item:nth-child(7) {
    grid-column: 5 / span 2;
    grid-row: 2 / span 2;
}
.wrap_gird_home_7 .item:nth-child(8) {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
}
.box_end{
    display: flex;
    justify-content: end;
}
.wrap_gird_home_7 .item:nth-child(6) .social-icons{
    display: flex;
    position: relative;
    z-index: 1;
}
.wrap_form_contact{
    position: absolute;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
    width: 26.5rem;
    /*height: 30.5rem;*/
    padding: 2.75rem 3rem 1.25rem;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.90);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wrap_form_contact::before {
    content: '';
    position: absolute;
    width: 87%;
    height: 100%;
    top: 51%;
    left: 50%;
    background-position: center;
    background-image: url(../images/bg_form_contact.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.wrap_form_contact .heading_title h2,
.form_contact .heading_title h2{
    line-height: 1.5rem;
    margin-bottom: 0;
    font-size: 2rem;
    font-family: var(--font-SVN-BrandonPrinted);
}
.wrap_form_contact .box_center .btn_component,
.form_contact .box_center .btn_component{
    padding: 0 2.25rem;
    margin: 3rem 0 0 0;
}
.wrap_form_contact .box_center .btn_component span,
.form_contact .box_center .btn_component span{
    font-size: .95rem;
}
.box_center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap_form_contact input,
.form_contact input{
    padding: 0;
    background-color: unset;
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: .05rem solid rgba(51, 51, 51, 0.3);
    margin: 2.25rem 0 .5rem 0;

}
.wrap_form_contact input:focus,
.form_contact input:focus{
    box-shadow: none;
    background-color: unset;
}
.form_contact .wpcf7-not-valid-tip{
    position: absolute !important;
}
.form_advise .wpcf7-not-valid-tip{
    position: absolute !important;
    top: 3.5rem;
}
.slider_img .img_item,
.slider_img_blog .img_item{
    width: 100%;
    height: 10rem;
}
.slider_img .img_item img,
.slider_img_blog .img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_course{
    display: flex;
    margin: 8rem -2.5rem 0;
}
.wrap_course .course{
    position: relative;
    width: calc(calc(100%/3) - 5rem);
    margin: 0 2.5rem;
    padding: 1.2rem;
}
.wrap_course .course::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/stroke_home_3.png");
}
.wrap_course .course .img_course {
    position: relative;
    width: 100%;
    height: 17rem;
    padding: .5rem;
    overflow: hidden;
    box-sizing: border-box; /* để padding không làm ảnh hưởng tới layout */
}

.wrap_course .course .img_course img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 3.3rem;
    transition: 0.5s all;
    display: block;
}

.wrap_course .course:hover .img_course img{
    transform: scale(1.05);
}
.wrap_course .course .heading{
    margin-top: -3rem;
}
.wrap_course .course .heading h4{
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1rem; /* 146.667% */
    letter-spacing: .06rem;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
}
.wrap_course .course .heading h3{
    background: linear-gradient(0deg, #004c31, #004e33);
    position: relative;
    width: fit-content;
    padding: 0 0.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--10_FFFFFF, #FFF);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.25rem; /* 104.167% */
    text-transform: uppercase;
    margin-bottom: 0;
}
.wrap_course .course .btn_component{
    padding: .3rem 1.9rem;
}
.wrap_course .course .btn_component span{
    font-size: .85rem;
    font-weight: 400;
    line-height: .9rem;
}
.wrap_course .course .wrap_btn_m{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.25rem;
}
.wrap_course .course .btn_component:hover span{
    font-size: 1rem;
    color: var(--main-cl);
}
.wrap_course .course .btn_component::before,
.wrap_course .course .btn_component::after{
    transition: 0.5s ease-in-out;
}
.wrap_course .course .btn_component:hover::before{
    background-image: url("../images/course_stroke_1a.svg");
}
.wrap_course .course .btn_component:hover::after {
    background-image: url("../images/course_stroke_1b.svg");
}
.wrap_course .course .btn_component:hover{
    background: var(--sub-cl);
    padding: .3rem 1.625rem;
}
.wrap_course .course .btn_component:hover span{
    color: #fff;
}
.course_2{
    padding: 5rem 0 9rem;
    background: #EAF4F2;
}
.wrap_courses .box_item{
    margin-bottom: 11.5rem;
}
.wrap_courses .box_item .content{
    padding-left: 4rem;
}

.wrap_courses .box_item .content .stt{
    position: relative;
    color: #162D57;
    font-family: var(--font-SVN-Veneer);
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem; /* 70% */
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.wrap_courses .box_item:nth-child(1) .content .stt,
.wrap_courses .box_item:nth-child(1) .content .name_courses h2{
    color: #E18740;
}
.wrap_courses .box_item:nth-child(3) .content .stt,
.wrap_courses .box_item:nth-child(3) .content .name_courses h2{
    color: #8F53A1;
}
.wrap_courses .box_item:nth-child(1) .btn_component.active{
    background: #E18740;
}
.wrap_courses .box_item:nth-child(1) .btn_component.active::before{
    background-image: url(../images/stroke_course_22.svg);
}
.wrap_courses .box_item:nth-child(1) .btn_component.active::after{
    background-image: url(../images/stroke_course_12.svg);
}
.wrap_courses .box_item:nth-child(3) .btn_component.active{
    background: #8F53A1;
}
.wrap_courses .box_item:nth-child(3) .btn_component.active::before{
    background-image: url(../images/stroke_course_31.svg);
}
.wrap_courses .box_item:nth-child(3) .btn_component.active::after{
    background-image: url(../images/stroke_course_32.svg);
}
.wrap_courses .box_item .content .stt::before{
    content: '';
    position: absolute;
    top: -1.5rem;
    left: -2rem;
    border-radius: 50%;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    background: rgba(0, 92, 60, 0.10);
}
.wrap_courses .box_item .content .name_courses h2{
    color: #162D57;
    font-family: var(--font-SVN-Veneer);
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2; /* 83.333% */
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.wrap_courses .box_item .content .name_courses h3{
    color: var(--9_333333, #333);
    font-family: Cuprum;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 100% */
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}
.wrap_courses .box_item .content .wrap_btn_component{
    margin: 2.1rem 0 0 .5rem;
    transition: 0.5s all;
    width: fit-content;
}
.wrap_courses .box_item .content .wrap_btn_component:hover{
    transform: scale(0.85);
}
.wrap_courses .box_item .content .desc_content{
    max-width: 90%;
    text-align: justify;
}
.wrap_courses .box_item .dot{
    position: relative;
    width: 5.8rem;
    height: 5.7rem;
    flex-shrink: 0;
}
.wrap_courses .box_item .dot svg,
.wrap_courses .box_item .dot img{
    width: 100%;
    height: 100%;
}
.wrap_courses .box_item .dot .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 1s ease-in-out;
    transform-origin: center;
}
.wrap_courses .box_item:nth-child(1) .dot svg path{
    fill: #E18740;
}
.wrap_courses .box_item:nth-child(3) .dot svg path{
    fill: #8F53A1;
}

.wrap_courses .box_item:hover .dot .icon{
    transform: translate(-50%, -50%) rotateY(360deg);
}
.wrap_courses .box_item:nth-child(1) .dot::before{
    content: '';
    position: absolute;
    top: -5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .25rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-image: url("../images/line_2.svg");
}
.wrap_courses .box_item:nth-child(even) .row{
    display: flex;
}
.wrap_courses .box_item:nth-child(even) .row .col:nth-child(1){
    order: 3;
}
.wrap_courses .box_item:nth-child(even) .row .col:nth-child(2){
    order: 2;
}
.wrap_courses .box_item:nth-child(even) .row .col:nth-child(3){
    order: 1;
}
.wrap_courses .box_item .dot::after,
.wrap_courses .box_item .dot::after{
    content: '';
    position: absolute;
    top: 20rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .25rem;
    height: 26rem;
    background-repeat: no-repeat;
    background-image: url("../images/line_2.svg");
}
.wrap_courses .box_item:last-child .dot::after{
    top: 12.5rem;
    height: 10rem;
}
.wrap_courses .box_item:last-child{
    margin-bottom: 0;
}
.wrap_courses {
    margin-top: 6rem;
}
.digital_art_2 .heading_title h1{
    font-size: 4rem;
    line-height: 4.25rem; /* 106.25% */
    margin-bottom: 1rem;
}
.digital_art_2 .heading_title h3{
    color: var(--9_333333, #333);
    font-family: Cuprum;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 100% */
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.digital_art_2 .box_content{
    padding: 0 4rem 1rem 0 ;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.digital_art_2 .desc_content{
    text-align: justify;
}
.wrap_img_digital_art_2{
    position: relative;
    display: flex;
    justify-content: end;
}
.wrap_img_digital_art_2 .img_decor{
    position: absolute;
    top: -6rem;
    left: -10rem;
    width: 15.6rem;
    height: 13.8rem;
}
.img_digital_art_2{
    width: 32.25rem;
    height: 27.35rem;
}
.img_digital_art_2 img,
.wrap_img_digital_art_2 .img_decor img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.digital_art_2{
    position: relative;
    padding-bottom: 11rem;
}
.digital_art_1 .wavy_line,
.digital_art_2 .wavy_line,
.digital_art_3 .wavy_line,
.detail_digital_art_2 .wavy_line,
.art_therapy_course_2 .wavy_line{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: fit-content;
}
.wavy_line{
    width: 100%;
    height: 100%;
}
.digital_art_3{
    padding-bottom: 15rem;
}
.wrap_digital_art_3 .box_item{
    display: flex;
    gap: .7rem;
    justify-content: center;
}
.wrap_digital_art_3 .box_item .img_art{
    position: relative;
    width: 32.3rem;
    /*height: 27.5rem;*/
}
.wrap_digital_art_3 .box_item .img_art img{
    border-radius: 0 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_digital_art_3 .box_item .img_art::before{
    content: '';
    position: absolute;
    bottom: 5.5rem;
    right: -2rem;
    width: 8.7rem;
    height: 8.7rem;
    border-radius: 50%;
    background: #EAF4F2;
}
.wrap_digital_art_3 .main_content{
    position: relative;
    width: 32.3rem;
    /*height: 27.5rem;*/
    padding: 5rem 4.5rem 3rem 5.75rem;
    border-radius: 50% 0;
    background: var(--main-cl);
}
.wrap_digital_art_3 .main_content::before{
    content: '';
    position: absolute;
    bottom: 4.5rem;
    left: -6.5rem;
    width: 8.7rem;
    height: 8.7rem;
    border-radius: 50%;
    background: var(--main-cl);
}
.wrap_digital_art_3 .main_content h3{
    color: #FFF;
    font-family: var(--font-SVN-Veneer);
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem; /* 114.583% */
}
.wrap_digital_art_3 .main_content .desc_content p{
    color: #fff;
    font-weight: 300;
    margin-bottom: 1rem;
}
.wrap_digital_art_3 .btn_component{
    padding: .4rem 2rem .4rem 2rem;
}
.wrap_digital_art_3 .btn_component span{
    font-size: .9rem;
}
.wrap_digital_art_3 .box_item:nth-child(2){
    flex-direction: row-reverse;
}
.wrap_digital_art_3 .box_item:nth-child(2) .main_content::before{
    top: 4.5rem;
    right: -6.5rem;
    left: unset;
}
.wrap_digital_art_3 .box_item:nth-child(2) .img_art::before{
    top: 5.5rem;
    left: -2rem;
    bottom: unset;
}

.wrap_digital_art_3 .box_item .wrap_btn{
    margin-top: 1.75rem;
}
.wrap_digital_art_3{
    margin-top: 3.5rem;
}
.digital_art_3 .heading_title.custom h2{
    margin-bottom: 1rem;
}
.digital_art_4{
    padding-bottom: 7rem;
}
.wrap_digital_art_4{
    display: flex;
    align-items: end;
    margin: 2.5rem -2.5rem 0;
}
.wrap_digital_art_4 .box_item {
    width: calc(calc(100%/3) - 5rem);
    margin: 0 2.5rem;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.wrap_digital_art_4 .box_item .img_art{
    display: flex;
    position: relative;
    width: 11.85rem;
    height: 11.5rem;
    align-items: center;
    justify-content: center;
}
.wrap_digital_art_4 .box_item:hover .img_art img{
    transform: rotateY(360deg);
}
.wrap_digital_art_4 .box_item .img_art img{
    width: 5.5rem;
    height: 5.5rem;
    position: relative;
    object-fit: contain;
    z-index: 2;
    transition: transform 1s ease-in-out;
    transform-origin: center;
}
.wrap_digital_art_4 .box_item .main_content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.wrap_digital_art_4 .box_item .main_content .desc_content{
    font-size: 0.8rem;
}
.wrap_digital_art_4 .box_item .main_content .stt{
    color: var(--4, #162D57);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 3rem;
    font-style: normal;
    font-weight: 100;
    line-height: 3rem; /* 100% */
    text-transform: uppercase;
    margin-top: 1.6rem;
}
.wrap_digital_art_4 .box_item .main_content h3{
    color: var(--9_333333, #333);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 100% */
    text-transform: uppercase;
    margin: 0;
}
.wrap_digital_art_4 .box_item .main_content .desc_content p{
    font-size: 0.8rem;
    margin: 0;
}
.detail_digital_art_2 .wrap_content_heading{
    max-width: 48.75rem;
}
.detail_digital_art_2{
    padding: 4.2rem 0 8.2rem;
}

.wrap_hoa_tiet_section{
    position: relative;
    padding: 2rem 0 5rem;
}
ul.hoa_tiet_section {
    list-style: none;
    margin: 0;
}
ul.hoa_tiet_section li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
ul.hoa_tiet_section li{
    z-index: 1;
}
ul.hoa_tiet_section li:nth-child(1) {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 5rem;
    height: 8.25rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(2) {
    margin: 0;
    position: absolute;
    left: 8%;
    bottom: 40%;
    width: 7.1rem;
    height: 7.1rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}

ul.hoa_tiet_section li:nth-child(3) {
    margin: 0;
    position: absolute;
    left: 12%;
    top: -10%;
    width: 5.9rem;
    height: 5.9rem;
    flex-shrink: 0;
    z-index: 0;
    animation: hu__hu__2 infinite 10s ease-in-out
}
ul.hoa_tiet_section li:nth-child(4) {
    margin: 0;
    position: absolute;
    left: 5%;
    top: 15%;
    width: 3.8rem;
    height: 3.8rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(5) {
    margin: 0;
    position: absolute;
    left: 21%;
    bottom: 23%;
    width: 5.2rem;
    height: 5.2rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(6) {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 7.1rem;
    flex-shrink: 0;
    animation: hu__hu__4 infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(7) {
    margin: 0;
    position: absolute;
    right: 15%;
    top: 29%;
    width: 5.9rem;
    height: 5.9rem;
    flex-shrink: 0;
    animation: hu__hu__3 infinite 8s ease-in-out
}
ul.hoa_tiet_section li:nth-child(8) {
    margin: 0;
    position: absolute;
    right: 4%;
    top: 50%;
    width: 3.8rem;
    height: 3.8rem;
    flex-shrink: 0;
    animation: hu__hu__4 infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(9) {
    margin: 0;
    position: absolute;
    right: 8%;
    bottom: 5%;
    width: 8.25rem;
    height: 8.25rem;
    flex-shrink: 0;
    animation: hu__hu__ infinite 5s ease-in-out
}
ul.hoa_tiet_section li:nth-child(10) {
    margin: 0;
    position: absolute;
    right: 19%;
    bottom: -11%;
    opacity: 0.3;
    width: 10.7rem;
    height: 3.85rem;
    /* Hiệu ứng lộ từ trái sang phải */
    -webkit-mask-image: linear-gradient(to right, black 50%, transparent 50%);
    mask-image: linear-gradient(to right, black 50%, transparent 50%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-position: left;
    mask-position: left;
    animation: revealImage 5s ease-in-out infinite;
}
@keyframes revealImage {
    0% {
        -webkit-mask-position: left;
        mask-position: left;
    }
    50% {
        -webkit-mask-position: right;
        mask-position: right;
    }
    100% {
        -webkit-mask-position: left;
        mask-position: left;
    }
}

@keyframes hu__hu__ {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5rem); }
}
@keyframes hu__hu__2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(30rem); }
}
@keyframes hu__hu__3 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15rem); }
}
@keyframes hu__hu__4 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(5rem); }
}
.wrap_hoa_tiet_section{
    position: relative;
    z-index: 2;
}
.wrap_hoa_tiet_section .img_main{
    width: 50.05rem;
    height: 26.75rem;
}
.wrap_hoa_tiet_section .img_main img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tabs_detail_digital_art_3 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: sticky;
    top: 9rem;
}
.tabs_detail_digital_art_3 .tab .img_tab{
    width: 6.15rem;
    height: 6.5rem;
}
/* Khi tab active thì hidden_tab được hiện */
.tabs_detail_digital_art_3 .tab.active .img_tab .hidden_tab {
    visibility: visible;
    opacity: 1;
    display: block;
}

/* Khi tab active thì visible_tab bị ẩn */
.tabs_detail_digital_art_3 .tab.active .img_tab .visible_tab {
    visibility: hidden;
    opacity: 0;
    display: none;
}

/* Khi tab KHÔNG active thì visible_tab hiện */
.tabs_detail_digital_art_3 .tab:not(.active) .img_tab .visible_tab {
    visibility: visible;
    opacity: 1;
    display: block;
}

/* Khi tab KHÔNG active thì hidden_tab ẩn */
.tabs_detail_digital_art_3 .tab:not(.active) .img_tab .hidden_tab {
    visibility: hidden;
    opacity: 0;
    display: none;
}
.img_tab .visible_tab,
.img_tab .hidden_tab {
    transition: all 0.5s ;
}
.tabs_detail_digital_art_3 .tab .img_tab img{
    width: 100%;
    height: 100%;
}
.tabs_detail_digital_art_3 .tab {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    visibility: visible;
    align-items: center;
}
.tabs_detail_digital_art_3 .tab span{
    color: var(--9_333333, #333);
    text-align: center;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 100% */
    text-transform: uppercase;
    transition: 0.5s all;
}
.tabs_detail_digital_art_3 .tab:hover svg path,
.tabs_detail_digital_art_3 .tab.active svg path{
    fill: #126649;
    transition: 0.5s ease-in-out;
}
.tabs_detail_digital_art_3 .tab:hover svg g rect,
.tabs_detail_digital_art_3 .tab.active svg g rect{
    fill: #fff;
    transition: 0.5s ease-in-out;
}
.tabs_detail_digital_art_3 .tab.active span,
.tabs_detail_digital_art_3 .tab:hover span{
    color: var(--4, #162D57);
}
.tabs_detail_digital_art_3 .tab.active {
    color: white;
}
.wrap_content_detail_digital_art_3{
    padding-left: 9rem;
    position: relative;
}
.wrap_content_detail_digital_art_3::before{
    content: '';
    position: absolute;
    top: 0;
    left: 4.5rem;
    width: .2rem;
    height: 103.5%;
    z-index: 2;
    background-size: contain;
    /*background-repeat: no-repeat;*/
    background-image: url("../images/line_2.svg");
}
.wrap_content_detail_digital_art_3::after{
    content: '';
    position: absolute;
    top: -1rem;
    left: 3.5rem;
    width: 1.2903rem;
    height: 1.2903rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/art_d_decor_1.svg");
}
.wrap_content_detail_digital_art_3 .tab_content {
    display: none;
    position: relative;
}
.wrap_content_detail_digital_art_3 .tab_content.active {
    display: flex;
}
.wrap_content_detail_digital_art_3 .tab_content .heading_info h2{
    color: var(--4, #162D57);
    font-family: var(--font-SVN-Veneer);
    font-size: 3.45rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.85rem; /* 106.25% */
    text-transform: uppercase;
    margin-bottom: 1.2rem;
}
.wrap_content_detail_digital_art_3 .tab_content .heading_info p{
    color: var(--9_333333, #333);
    text-align: justify;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem; /* 128% */
    margin-bottom: 0;
    padding-right: 2.5rem;
}
.wrap_content_detail_digital_art_3 .box_content .main_content h3{
    color: var(--9_333333, #333);
    font-family: var(--font-SVN-Veneer);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 114.286% */
    text-transform: uppercase;
    transition: 0.5s all;
}
.wrap_content_detail_digital_art_3 .box_content:hover .main_content h3{
    color: var(--4, #162D57);
}
.wrap_content_detail_digital_art_3 .box_content .main_content{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 4rem 13.5rem 3.55rem 0;
    flex-shrink: 0;
    cursor: pointer;
}
.wrap_content_detail_digital_art_3 .box_content .main_content ul{
    list-style: none;
    max-width: 23.8rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin: 0;
}
.wrap_content_detail_digital_art_3 .box_content .main_content ul li{
    color: var(--9_333333, #333);
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: justify;
}
.wrap_content_detail_digital_art_3 .box_content .main_content ul li::before {
    content: "- ";
    color: #333;
}
.wrap_content_detail_digital_art_3 .box_content::before{
    content: '';
    position: absolute;
    width: 2.35rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.wrap_content_detail_digital_art_3 .box_content:nth-child(odd)::before{
    top: 4.5rem;
    left: -5.4rem;
    background-image: url("../images/art_d_decor_2.svg");
}
.wrap_content_detail_digital_art_3 .box_content:nth-child(even)::before{
    top: 4.5rem;
    left: -5.7rem;
    background-image: url("../images/art_d_decor_3.svg");
}
.wrap_content_detail_digital_art_3 .box_content .img_art{
    width: 4.5rem;
    height: 3.35rem;
}
.wrap_content_detail_digital_art_3 .box_content:nth-child(odd) .img_art {
    position: absolute;
    top: 6rem;
    right: 20%;
    transform: translate(-50%, -50%);
}
.wrap_content_detail_digital_art_3 .box_content:nth-child(even) .img_art {
    position: absolute;
    bottom: 6rem;
    right: 0;
    visibility: visible;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}
/* Mặc định ẩn ảnh */
.wrap_content_detail_digital_art_3 .box_content:hover .img_art{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: -25%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}
.wrap_content_detail_digital_art_3 .box_content .img_hidden{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    right: -25%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
    width: 20.85rem;
    height: 18.2rem;
}
/* Khi hover hiện ảnh */
.wrap_content_detail_digital_art_3 .box_content:hover .img_hidden {
    opacity: 1;
    visibility: visible;
}
.wrap_content_detail_digital_art_3 .box_content .img_hidden img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.digital_art_4 .wrap_form_contact,
.detail_digital_art_6 .wrap_form_contact,
.freelance_painter_course_4 .wrap_form_contact{
    position: relative;
    margin-top: 8rem;
    background: none;
    padding: 2.75rem 4.5rem 0;
    left: 20%;
}
.detail_digital_art_6 .wrap_form_contact,
.freelance_painter_course_4 .wrap_form_contact{
    margin-top: 0;
}
.img_digital_art_4::before {
    content: '';
    position: absolute;
    top: -0.25rem;
    left: 0;
    width: 100%;
    height: 7.75rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/wavy-line_art.png");
}
.img_digital_art_4::after {
    content: '';
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    width: 100%;
    height: 7.75rem;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    /*background-image: url("../images/wavy-line_art_2.png");*/
    background-image: url("../images/wavy-line_art.png");
    transform: rotateX(180deg);
}
.detail_digital_art_4 .wrap_content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 37.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.detail_digital_art_4 .heading_title h2{
    color: var(--10_FFFFFF, #FFF);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem; /* 111.111% */
}
.img_digital_art_4{
    position: relative;
    width: 100%;
}
.detail_digital_art_5{
    padding-top: 1rem;
    position: relative;
    background: rgba(234, 244, 242, 0.7);
}
.main_slider_detail_digital_art .content .heading_title h2,
.main_slider_detail_digital_art .content .heading_title h2 strong{
    font-size: 1.75rem;
    line-height: 2rem;
    margin: 0;
}
.main_slider_detail_digital_art .content ul {
    max-width: 22.4rem;
    margin: 0 0 0 1rem;
}
.main_slider_detail_digital_art .content ul li{
    color: var(--9_333333, #333);
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-align: justify;
}
.main_slider_detail_digital_art.swiper-slide-prev{
    opacity: 0;
}
.main_slider_detail_digital_art .content{
    display: flex;
    flex-direction: column;
    gap: 4.25rem;
}
.main_slider_detail_digital_art .image{
    width: 31.5rem;
    height: 25rem;
    margin-top: -7rem;
}
.main_slider_detail_digital_art {
    display: flex;
    gap: 2.4rem;
}
.slider_detail_digital_art{
    margin-top: 10rem;
    position: relative;
}
.slider_detail_digital_art::before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 0; /* vì dùng border-top */
    opacity: 0.5;
    border-top: .1rem dashed var(--main-cl);
    z-index: 0;
}
.slider_detail_digital_art .swiper-wrapper{
    margin-left: 13rem;
}
.swiper_btn{
    display: flex;
    justify-content: center;
    gap: .3rem;
}
.swiper_btn .nav_prev,
.swiper_btn .nav_next{
    position: relative;
    cursor: pointer;
    transition: 0.5s all;
}
.main_slider_detail_digital_art.swiper-slide-next{
    opacity: 0.5;
}
.main_slider_detail_digital_art .content .heading_title::before{
    content: '';
    position: absolute;
    top: 150%;
    left: 0;
    transform: translateY(-50%);
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--main-cl);
}
.slider_detail_digital_art .nav_prev:hover,
.slider_detail_digital_art .nav_next:hover{
    transform: scale(0.85);
}
.slider_detail_digital_art .swiper_btn{
    margin-top: 2.5rem;
}
.slider_detail_digital_art .swiper_pagination{
    display: none;
}
.detail_digital_art_6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8.7rem;
    z-index: 1;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/wavy-line_art.png");
}
.detail_digital_art_6 .bg_img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 59.3083rem;
    height: 42.4524rem;
}
.detail_digital_art_6{
    padding: 10rem 0 5rem;
}
.detail_digital_art_6 .form_contact{
    background: none;
}
.freelance_painter_course_2 .wrap_1 .heading_title h1{
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: .75rem;
}
.freelance_painter_course_2 .wrap_1 .info_title{
    color: var(--9_333333, #333);
    font-family: Cuprum;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 100% */
    text-transform: uppercase;
}
.freelance_painter_course_2 .wrap_1 .box_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.freelance_painter_course_2 .wrap_1 .img_wrap_1{
    width: 48.3041rem;
    height: 42.6789rem;
    margin-left: 3rem;
}
.freelance_painter_course_1.digital_art_1 .wavy_line{
    bottom: -17rem;
    z-index: 2;
}
.freelance_painter_course_3 .wrap_gird_home_7 .item:nth-child(6)::before,
.freelance_painter_course_3 .wrap_gird_home_7 .item:nth-child(6)::after{
    display: none;
}
.freelance_painter_course_4{
    padding: 10rem 0 5rem;
}
.freelance_painter_course_2 .wrap_1{
    position: relative;
    z-index: 3;
}
.freelance_painter_course_2 .wrap_2 .wrap_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 3rem -1rem 0;
}
.freelance_painter_course_2 .wrap_2 .wrap_box .box_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0 4.3rem 0 6rem;
    width: calc(calc(100% / 2 ) - 2rem);
    height: 33.15rem;
    margin: 0 1rem;
    flex-shrink: 0;
}
.freelance_painter_course_2 .wrap_2 .wrap_box .box_item .bg_svg{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-image: url("../images/wrap_21_freelance_painter.png");*/
}
.freelance_painter_course_2 .wrap_2 .wrap_box .box_item .bg_svg svg{
    width: 100%;
    height: 100%;
}
.freelance_painter_course_2 .wrap_2 .wrap_box .btn_component{
    margin: .9rem 0 0 .5rem;
}
.freelance_painter_course_2 .wrap_2 .wrap_box .btn_component::before,
.freelance_painter_course_2 .wrap_2 .wrap_box .btn_component::after{
    width: 109%;
    height: 130%;
}
.btn_component.active:hover{
    transform: scale(0.85);
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .bg_svg  svg path:nth-child(1){
    fill: #629E66;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .bg_svg  svg path:nth-child(2){
    stroke: #629E66;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .bg_svg  svg path:nth-child(1){
    fill: #56A291;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .bg_svg  svg path:nth-child(2){
    stroke: #56A291;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .heading_title h2 {
    color: #629E66;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .btn_component.active{
    background: #629E66;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .btn_component::before{
    background-image: url("../images/stroke_add_1_b.svg");
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(2) .btn_component::after{
    background-image: url("../images/stroke_add_1_a.svg");
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .heading_title h2{
    color: #56A291;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .btn_component.active{
    background: #56A291;
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .btn_component::before{
    background-image: url("../images/stroke_add_2_b.svg");
}
.freelance_painter_course_2 .wrap_2 .box_item:nth-child(3) .btn_component::after{
    background-image: url("../images/stroke_add_2_a.svg");
}
.freelance_painter_course_2 .wrap_3 .bg_img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84.7rem;
    height: 100%;
}
.freelance_painter_course_2 .wrap_3{
    display: flex;
    align-items: center;
    height: 46.25rem;
}
.freelance_painter_course_2 .wrap_3 .heading_title h2{
    margin-top: 2rem;
}
.wrap_3_freelance_painter.wrap_digital_art_4{
    margin: 2.5rem -2rem 0;
}
.wrap_3_freelance_painter.wrap_digital_art_4 .box_item{
    width: calc(calc(100% / 4) - 4rem);
    margin: 0 2rem;
}
.wrap_3_freelance_painter .main_content .desc_content{
    font-size: .8rem;
}
.wrap_3_freelance_painter.wrap_digital_art_4 .box_item .img_art{
    width: 8.75rem;
    height: 8.5rem;
}
.wrap_3_freelance_painter.wrap_digital_art_4 .box_item .img_art img{
    transition: transform 1s ease-in-out;
    transform-origin: center;
    width: 4.3rem;
    height: 4.3rem
}
.wrap_3_freelance_painter.wrap_digital_art_4 .box_item:hover .img_art img{
    transform: rotateY(360deg);
}
.wrap_3_freelance_painter.wrap_digital_art_4 .box_item .main_content .stt{
    margin-top: .8rem;
}
.freelance_painter_course_2{
    padding-bottom: 5rem;
}
.wrap_digital_art_4 .box_item .img_art:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}
.wrap_digital_art_4 .box_item:nth-child(1) .img_art:before{
    background-image: url("../images/bg_item_1.png");
}
.wrap_digital_art_4 .box_item:nth-child(2) .img_art:before{
    background-image: url("../images/bg_item_2.png");
}
.wrap_digital_art_4 .box_item:nth-child(3) .img_art:before{
    background-image: url("../images/bg_item_3_new.png");
}
.wrap_digital_art_4 .box_item:nth-child(4) .img_art:before{
    background-image: url("../images/bg_item_4_new.png");
}
.freelance_painter_course_detail_2{
    padding: 5rem 0 1rem;
    z-index: 3;
}
.freelance_painter_course_detail_2 .heading_title h1,
.freelance_painter_course_detail_2 .heading_title h2,
.freelance_painter_course_detail_2 .heading_title h1 strong{
    font-size: 4rem;
    line-height: 4.25rem;
}
.wrap_freelance_painter_detail_2 .box_item .wrap_content{
    max-width: 22.25rem;
    position: relative;
}
.wrap_freelance_painter_detail_2 .box_item:nth-of-type(2) .wrap_content::before {
    /*content: '';*/
    position: absolute;
    top: -4rem;
    right: 4rem;
    width: 2.7rem;
    height: 1.5rem;
    transform: rotate3d(1, 1, 1, 50deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/art_d_decor_2.svg);
}
.wrap_freelance_painter_detail_2 .box_item:nth-of-type(3) .wrap_content::before{
    /*content: '';*/
    position: absolute;
    top: -4.15rem;
    right: 0;
    width: 2.4rem;
    height: 1.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/art_d_decor_3.svg");
}
.wrap_freelance_painter_detail_2 .box_item{
    margin-top: 1rem;
    display: flex;
    gap: 6.5rem;
    align-items: center;
}
.wrap_freelance_painter_detail_2 .box_item .img_content {
    width: 45.75rem;
    height: 34.5rem;
}
.wrap_freelance_painter_detail_2 .box_item .img_content img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.wrap_freelance_painter_detail_2 .box_item:nth-of-type(odd){
    justify-content: end;
}
.wrap_freelance_painter_detail_2 .box_item:nth-of-type(even){
    justify-content: start;
    flex-direction: row-reverse;
}

.wrap_freelance_painter_detail_2 .stroke{
    position: absolute;
    width: 60.65rem;
    height: 57.45rem;
    flex-shrink: 0;
    top: 53%;
    left: 64%;
    transform: translate(-50%, -50%);
}
.wrap_freelance_painter_detail_2 .stroke::after {
    /*content: '';*/
    position: absolute;
    top: 3rem;
    left: -0.8rem;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(25deg);
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/art_d_decor_1.svg);
}
.freelance_painter_course_detail_3::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: 0;
    width: 100%;
    height: 7rem;
    z-index: 3;
    flex-shrink: 0;
    background-image: url(../images/wavy-line_art.png);
}
.freelance_painter_course_detail_3.freelance_painter_course_4 {
    padding: 15rem 0 5rem;
}
.art_therapy_course_1 .img_banner{
    width: 100%;
    height: 60rem;
}
.art_therapy_course_1 .img_banner img,
.art_therapy_course_1 .wrap_img img{
    width: 100%;
    height: 100%;
}
.text_heading_title {
    color: var(--9_333333, #333);
    font-family: Cuprum;
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 100% */
    text-transform: uppercase;
}
.wrap_art_therapy_course_1 .heading_title h1{
    font-size: 3.95rem;
    line-height: 4.25rem;
    margin-bottom: .85rem;
}
.art_therapy_course_1 .wrap_img{
    position: absolute;
    width: 62.268rem;
    height: 45.5rem;
    bottom: 0;
    left: 0;
}

.digital_art_2 .bg_img,
.course_2 .bg_img,
.digital_art_3 .bg_img,
.digital_art_4 .bg_img,
.detail_digital_art_3 .bg_img,
.detail_digital_art_2 .bg_img,
.detail_digital_art_5 .bg_img,
.freelance_painter_course_2 .bg_img,
.freelance_painter_course_3 .bg_img,
.freelance_painter_course_4 .bg_img,
.freelance_painter_course_detail_2 .bg_img,
.art_therapy_course_2 .bg_img,
.art_therapy_course_3 .bg_img,
.art_therapy_course_4 .bg_img,
.freelance_painter_course_detail_3 .bg_img,
.blog_2 .bg_img,
.blog_detail_1 .bg_img,
.blog_detail_2 .bg_img,
.blog_detail_3 .bg_img,
.contact_2 .bg_img,
.about_2 .bg_img,
.about_3 .bg_img,
.about_6 .bg_img{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home_2 .img_bg,
.home_3 .img_bg,
.home_4 .img_bg,
.home_5 .img_bg,
.home_6 .img_bg,
.footer-wrapper .img_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home_2 .img_bg img,
.home_3 .img_bg img,
.home_4 .img_bg img,
.home_5 .img_bg img,
.home_6 .img_bg img,
.footer-wrapper .img_bg img,
.digital_art_3 .bg_img,
.digital_art_4 .bg_img img,
.bg_img img,
.img_digital_art_4 img,
.main_slider_detail_digital_art .image img,
.freelance_painter_course_2 .wrap_1 .img_wrap_1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_2::before,
.course_2::before,
.blog_2::before,
.contact_2::before,
.about_2::before{
    content: '';
    position: absolute;
    top: -1.25rem;
    left: 0;
    width: 100%;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/Mask-group-1.png");
    z-index: 10;
}
.home_2::after,
.home_4::after{
    content: '';
    position: absolute;
    bottom: -0.45rem;
    left: 0;
    width: 100%;
    height: .9rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/stroke_line_home_3.png");
    z-index: 10;
}
.home_4::before,
.home_6::before,
.about_5::before,
.about_6::before{
    content: '';
    position: absolute;
    top: -0.45rem;
    left: 0;
    width: 100%;
    height: .9rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/stroke_line_home_3.png");
    z-index: 10;
}
.box_center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap_art_therapy_course_1 {
    margin-bottom: 6rem;
}
.art_therapy_course_1 .wavy_line{
    position: absolute;
    bottom: -3rem;
    left: 0;
    width: 100%;
    height: fit-content;
}
.wrap_content_art_therapy_course_2 .heading_title h2{
    margin-bottom: 1.5rem;
}
.wrap_content_art_therapy_course_2 .desc_content p{
    max-width: 16rem;
    text-align: justify;
}
.art_therapy_course_2{
    position: relative;
    padding: 5rem 0 10rem;
}
.art_therapy_course_2 .img_decor{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 52.75rem;
    height: 38.2589rem;
}
.art_therapy_course_2 .img_decor img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_art_therapy_course_3{
    display: flex;
    margin: 3.5rem -3.75rem 0;
}
.wrap_art_therapy_course_3 .box_item{
    width: calc(calc(100% / 3) - 7.5rem);
    margin: 0 3.75rem;
}
.art_therapy_course_4 {
    position: relative;
    padding: 25rem 0 15rem;
}
.wrap_art_therapy_4{
    max-width: 26.4rem;
}
.wrap_art_therapy_4 .heading_title h2{
    margin-bottom: 0.8rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #fff;
    text-align: justify;
}
.wrap_art_therapy_4 .desc_content{
    color: #fff;
    text-align: justify;
}
.art_therapy_course_5.freelance_painter_course_4{
    padding: 7rem 0 5rem;
}
.home_7{
    padding: 5rem 0;
    position: relative;
}
.home_7 .img_map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home_7 .img_map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form_contact {
    position: relative;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    z-index: 2;
    background: #fff;
    padding: 2.8rem 4rem;
}
.box_form_contact{
    padding-right: 2.5rem;
}
.contact_2 .wrap_2 .box_form_contact{
    padding-right: 0;
}
.form_contact::before {
    content: '';
    position: absolute;
    width: 87%;
    height: 100%;
    top: 48.5%;
    left: 50%;
    background-position: center ;
    background-image: url(../images/bg_form_contact.png);
    /*background-image: url("https://manhvan.top/wp-content/uploads/2026/03/bg_form_contact.png");*/
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.wpcf7 .wpcf7-not-valid-tip{
    font-size: .85rem;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    font-size: .85rem;
    text-align: center;
}
.wrap_news_main .swiper_pagination{
    display: none;
}
.digital_art_4 .form_contact{
    margin-top: 7rem;
    background: none;
}
.freelance_painter_course_4 .form_contact,
.freelance_painter_course_detail_3 .form_contact{
    background: none;
}
.freelance_painter_course_detail_3{
    padding: 10rem 0 5rem;
}
.wrap_gird_home_7 .item:nth-child(6) .social-icons .img_item{
    position: relative;
    transition: .5s all;
    width: 2.35rem;
    height: 2.35rem;
}
.wrap_gird_home_7 .item:nth-child(6) .social-icons .img_item:hover img{
    transform: scale(0.85);
    transition: 0.5s all;
}
.wrap_gird_home_7 .item:nth-child(6) .social-icons .img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blur_click{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.wrap_art_therapy_2 .img_bg{
    width: 56.6rem;
    height: 43.85rem;
    flex-shrink: 0;
}
.wrap_art_therapy_2 .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap_art_therapy_2 {
    position: relative;
    display: flex;
    justify-content: end;
    margin-top: -11.5rem;
}
.wrap_art_therapy_2 .box_content .stt{
    color: #FFF;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 3rem;
    font-style: normal;
    font-weight: 100;
    line-height: 4rem;
    text-transform: uppercase;
}
.wrap_art_therapy_2 .box_content h3{
    color: #FFF;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 100% */
    text-transform: uppercase;
}
.wrap_art_therapy_2 .box_content ul{
    margin: 1rem 0 0 0;
    max-height: 5rem;
    overflow-y: auto;
    list-style-type: disc; /* Hiển thị dấu chấm */
    padding-left: 1rem;
}
.wrap_art_therapy_2 .box_content ul::-webkit-scrollbar {
    width: 0.2rem;
}
.wrap_art_therapy_2 .box_content ul::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 0.1rem;
}
.wrap_art_therapy_2 .box_content ul li{
    margin: 0;
    color: var(--10_FFFFFF, #FFF);
    font-family: Roboto;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2rem;
}
.wrap_art_therapy_2 .box_content:nth-of-type(1){
    width: 13.8rem;
    position: absolute;
    top: 30%;
    left: 51%;
    transform: translate(-50%, -50%);
}
.wrap_art_therapy_2 .box_content:nth-of-type(2){
    width: 18.5rem;
    position: absolute;
    top: 67%;
    left: 74%;
    transform: translate(-50%, -50%);
}
.blog_2{
    padding: 5rem 0;
}
.wrap_news_bottom{
    padding-top: 6rem;
}
.nav_option .menu{
    list-style: none;
    display: flex;
    gap: 4.5rem;
    justify-content: center;
}
.nav_option .menu li{
    position: relative;
}
.nav_option .menu li.current-menu-item::before{
    content: '';
    position: absolute;
    top: -0.4rem;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.9rem;
    height: 0.1rem;
    background: var(--main-cl);
}
.nav_option .menu li.current-menu-item::after{
    content: '';
    position: absolute;
    bottom: -0.4rem;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 2.9rem;
    height: 0.1rem;
    background: var(--main-cl);
}
.nav_option .menu li a{
    color: #5C5C5C;
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.25rem; /* 83.333% */
    text-transform: uppercase;
    transition: 0.5s all;
}
.nav_option .menu li.active a,
.nav_option .menu li.current-menu-item a{
    color: var(--main-cl);
}
.nav_option .menu li:hover a{
    color: var(--main-cl);
}
.content_news_bottom {
    display: flex;
    flex-wrap: wrap;
    margin: 3.75rem -1.5rem 0;
}
.content_news_bottom .item{
    width: calc(calc(100% / 3 ) - 3rem);
    margin: 0 1.5rem 3.5rem;
}
.img-content-16-9{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    transition: 0.5s all;
    overflow: hidden;
}
.img-content-16-9 img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: 0.5s all;
    object-fit: cover;
}
.content_news_bottom .item .date_cate{
    color: #666;
    font-size: 0.65rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 192.308% */
    margin: 0.6rem 0 0.3rem;
}
.content_news_bottom .item h3{
    color: #666;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4; /* 120% */
    text-transform: uppercase;
    margin: 0;
    transition: 0.5s all;
}
.content_news_bottom .item .wrap_content{
    max-width: 17rem;
}
.content_news_bottom .item:hover h3{
    color: var(--main-cl);
}
.content_news_bottom .item:hover .img-content-16-9 img{
    transform: scale(1.1);
}
.content_news_bottom .item:hover .img-content-16-9{
    border-radius: 0 2.5rem;
}
.wrap_news_bottom .wrap_btn_component{
    transition: 0.5s all;
    margin-top: 2.5rem;
}
.wrap_news_bottom .wrap_btn_component:hover{
    transform: scale(0.85);
}
.blog_detail_2 .content_news_bottom{
    margin: 0;
}
.blog_detail_2 .content_news_bottom .item {
    width: 100%;
    margin: 0 0 2rem;
}
.main_content_blog_detail{
    padding-right: 4rem;
}
.main_content_blog_detail p{
    color: var(--9_333333, #333);
    text-align: justify;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 138.889% */
}
.main_content_blog_detail p img{
    margin: 1rem 0;
}
.main_content_blog_detail h2{
    color: #162D57;
    font-family: var(--font-SVN-Veneer);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 100% */
    margin: 3.2rem 0 1.85rem;
}
.main_content_blog_detail h2:first-child{
    margin-top: 0;
}
.main_content_blog_detail ul{
    margin: 2rem 0 0 1.25rem;
}
.main_content_blog_detail ul li{
    color: var(--9_333333, #333);
    text-align: justify;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 138.889% */
    margin-bottom: 0;
}
.blog_detail_2{
    padding: 4rem 0;
}
.blog_detail_2 .heading_blog h2{
    color: var(--4, #162D57);
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5rem; /* 100% */
    text-transform: uppercase;
    margin-bottom: 1.8rem;
}
.line_blog_detail_2 {
    width: 100%;
    height: 1px ;
    background: rgba(102, 102, 102, 0.20);
    margin: 2.6rem 0 2rem;
}
.heading_tag_share{
    width: fit-content;
    color: var(--9_333333, #333);
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.25rem; /* 178.571% */
    margin: 0;
}
.tag_share .tags ul {
    list-style: none;
    display: flex;
    margin: 0;
    gap: 0.5rem;
}
.tag_share .tags ul li {
    display: flex;
    /*height: 2.15rem;*/
    margin: 0;
    font-size: 0.8rem;
    align-items: center;
}
.tag_share .tags ul li:last-child{
    display: none;
}
.tag_share .tags ul li a{
    display: flex;
    color: var(--9_333333, #333);
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 178.571% */
    transition: 0.5s all;
}
.tag_share .tags ul li:hover a{
    color: var(--main-cl);
    text-decoration: underline;
}
.tag_share {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tag_share .tags {
    display: flex;
    gap: 2rem;
    align-items: center;
    position: relative;
    z-index: 3;
}

.tag_share .shares.tags ul li svg{
    width: 2.1rem;
    height: 2.15rem;
}
.tag_share .shares.tags ul li svg path{
    transition: 0.5s all;
}
.tag_share .shares.tags ul li:hover svg path{
    fill: var(--main-cl);
}
.tag_share .shares.tags ul li:last-child{
    display: flex;
}
.blog_detail_1{
    position: relative;
    display: flex;
    justify-content: center;
}
.blog_detail_1 .img_banner .wrap_content{
    position: absolute;
    max-width: 32rem;
    top: 50%;
    left: 27%;
    transform: translate(-50%, -50%);
}
.blog_detail_1 .img_banner .wrap_content p{
    color: #FFF;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 178.571% */
    margin: 0;
}
.blog_detail_1 .img_banner{
    width: 84rem;
    height: 35rem;
    position: relative;
    z-index: 2;
    margin-top: 9.5rem;
}
.blog_detail_1 .img_banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_detail_1 .img_banner .stroke:nth-child(1){
    position: absolute;
    top: 0;
    left: -0.5rem;
    width: 1rem;
    height: 100%;
    background-image: url("../images/stroke_left.png");
}
.blog_detail_1 .img_banner .stroke:nth-child(2){
    position: absolute;
    top: -.5rem;
    left: 0;
    width: 100%;
    height: 1rem;
    background-image: url("../images/stroke_above.png");
}
.blog_detail_1 .img_banner .stroke:nth-child(3){
    position: absolute;
    top: 0;
    right: -0.5rem;
    width: 1rem;
    height: 100%;
    background-image: url("../images/stroke_right.png");
}
.blog_detail_1 .img_banner .stroke:nth-child(4){
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 100%;
    height: 1rem;
    background-image: url("../images/stroke_bottom.png");
}
.blog_detail_3 .form_contact{
    background: none;
}
.blog_detail_3 .bg_decor{
    position: absolute;
    width: 59.35rem;
    height: 42.5rem;
    bottom: 2rem;
    right: 5rem;
    z-index: 2;
}
.blog_detail_3 .bg_decor img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_detail_3{
    padding: 2rem 0;
}
.contact_2{
    padding: 4.5rem 0 2rem ;
}
.contact_2 .box_content h3{
    color: var(--4, #162D57);
    text-align: center;
    font-family: var(--font-SVN-BrandonPrinted);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 100;
    line-height: 1.25rem; /* 104.167% */
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.contact_2 .wrap_content{
    margin-top: 4.8rem;
    display: flex;
}
.contact_2 .custom_text{
    margin-top: 2.5rem;
}
.contact_2 .wrap_2{
    padding: 4rem 0 1rem;
}
.contact_2 .wrap_2 .img_decor{
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 59.35rem;
    height: 40.5rem;
}
.contact_2 .wrap_2 .img_decor img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact_2 .wrap_2 .form_contact{
    background: none;
    margin-left: -2rem;
}
.about_1 .slider_banner .img_banner h2{
    bottom: 30%;
}
.about_2 .heading_title.color_main .bottom_heading{
    width: 130%;
    text-align: left;
}
.about_2{
    padding: 7rem 0 15rem;
    position: relative;
}
.about_2 .desc_content{
    margin-top: 4rem;
}
.about_3 {
    position: relative;
    padding: 2.5rem 0 0;
}
.wrap_img_about {
    display: flex;
    margin: 2.5rem -1.75rem 0 ;
}
.wrap_img_about .img_about{
    position: relative;
    padding: .75rem .75rem 0 0;
    width: calc(calc(100% / 3 ) - 2.5rem);
    margin: 0 1.75rem;
}
.wrap_img_about .img_about img{
    border-radius: 5rem 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 3;
}
.wrap_img_about .img_about .img_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96.5%;
    height: 95%;
    border-radius: 5rem 0;
    background: linear-gradient(0deg, rgba(75, 75, 75, 0.5) 0%, rgba(75, 75, 75, 0.5) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 3;
}
.wrap_img_about .img_about:hover .img_overlay {
    opacity: 1;
}
/* BEFORE – khung stroke */
.wrap_img_about .img_about::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/about_3_stroke.png");
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 3;
}

/* AFTER – icon ở giữa */
.wrap_img_about .img_about::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.55rem;
    height: 3.05rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/about_3_icon.png");
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 3;
}

.wrap_img_about .img_about:hover::before {
    opacity: 1;
}
.wrap_img_about .img_about:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.about_4{
    position: relative;
    padding: 15rem 0 5rem;
}
.about_4 .img_bg{
    position: absolute;
    top: 0 ;
    left: 0;
    width: 100%;
    height: 100%;
}
.about_4 .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_3 .custom_text{
    margin-top: 2.5rem;
}
.wrap_about_4{
    display: flex;
    margin: 2.5rem -1.65rem 0;
}
.wrap_about_4 .item{
    width: calc(calc(100% / 3) - 3.3rem);
    margin: 0 1.65rem 0;
    border-radius: 0 7.5rem 0 0;
    overflow: hidden;
    background: #fff;
}
.wrap_about_4 .item .img_item{
    width: 100%;
    height: 13rem;
    border-radius: 0 7.5rem;
    overflow: hidden;
}
.wrap_about_4 .item .img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}
.wrap_about_4 .item:hover .img_item img{
    transform: scale(1.1);
}
.wrap_about_4 .item .wrap_content {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    /*align-items: center;*/
    padding: 1rem 1.5rem 1.75rem;
}
.wrap_about_4 .item .wrap_content .heading{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.wrap_about_4 .item .wrap_content .heading .icon{
    width: 3rem ;
    height: 2.8rem;
    transition: transform 1s ease-in-out;
    transform-origin: center;
}
.wrap_about_4 .item .wrap_content .heading .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap_about_4 .item:hover .wrap_content .heading .icon{
    transform: rotateY(360deg);
}
.wrap_about_4 .item .wrap_content .heading a{
    margin: 0;
    color: var(--9_333333, #333);
    font-family: var(--font-SVN-Veneer);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 100% */
    text-transform: uppercase;
    transition: .5s all;
}
.wrap_about_4 .item:hover .wrap_content .heading a{
    color: var(--main-cl);
}
.wrap_about_4 .item .wrap_content .desc_content p{
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin: 0;
}
.wrap_about_4 .item .btn_component.active{
    padding: 0.35rem 1.75rem;
}
.wrap_about_4 .item .btn_component.active span{
    font-size: 0.75rem;
}
.about_6{
    position: relative;
    padding: 4.5rem 0 7.5rem;
}
.about_6 .form_register .wrap_heading h3 {
    width: 19rem;
    position: absolute;
    left: 2.65rem;
    bottom: 1.25rem;
    color: var(--10_FFFFFF, #FFF);
    font-family: var(--font-SVN-Veneer);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: uppercase;
    z-index: 2;

    white-space: normal;  /* Cho phép xuống dòng */
    overflow-wrap: break-word; /* Bẻ từ nếu dài quá */
    word-break: break-word; /* Cũng giúp bẻ từ */
}
.about_6 .form_register .img_form_register::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    flex-shrink: 0;
    background: linear-gradient(0deg, #5F5F5F 0%, rgba(95, 95, 95, 0.00) 100%);
}
.about_6 .form_register:hover .img_form_register img{
    transform: scale(1.1);
}
.single-post #header .header-nav-main .menu-item a{
    color: var(--main-cl);
}
.single-post #header .header-nav-main .menu-item .sub-menu .menu-item a{
    color: #fff;
}
/*.single-post #header .btn_component{*/
/*    background: var(--main-cl);*/
/*}*/
/*.single-post #header .btn_component span{*/
/*    color: #fff;*/
/*}*/
/*.single-post #header .btn_component::before{*/
/*    background-image: url(../images/wrap_btn_b.svg);*/
/*}*/
/*.single-post #header .btn_component::after{*/
/*    background-image: url(../images/wrap_btn_2_a.svg);*/
/*}*/
.single-post #header .stuck .header-nav-main .menu-item a{
    color: #fff;
}
/*.single-post #header .stuck .btn_component{*/
/*    background: #fff;*/
/*}*/
/*.single-post #header .stuck .btn_component span{*/
/*    color: var(--main-cl);*/
/*}*/
/*.single-post #header .stuck .btn_component::before{*/
/*    background-image: url("../images/wrap_btn.svg");*/
/*}*/
/*.single-post #header .stuck .btn_component::after{*/
/*    background-image: url("../images/wrap_btn_2.svg");*/
/*}*/
.single-post #header .header-nav-main.nav-line-bottom > li > a::before{
    background-color: var(--main-cl) !important;
}
.single-post #header .header-wrapper.stuck .header-nav-main.nav-line-bottom > li > a::before{
    background-color: #fff !important;
}
.page-template-gallery #main{
    position: relative;
}
.page-template-gallery #main::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("../images/bg_exhibition-scaled.jpg");
}
.exhibition_1 {
    padding-top: 13.5rem;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.exhibition_1 .desc_content{
    margin-top: 2.5rem;
    color: #ffffffcc;
}
.exhibition_1 .grid {
    position: relative;
    z-index: 2;
    column-count: 6;
    column-gap: 0.1rem;
    margin-top: 5rem;
    width: 100%;
}
.exhibition_1 .grid__item {
    break-inside: avoid;
    margin-bottom: 0.1rem;
    display: block;
    transition: 0.5s all;
    position: relative;
    overflow: hidden;
}
/*.exhibition_1 .grid__item::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80));*/
/*    opacity: 0;*/
/*    transition: 0.5s all;*/
/*    z-index: 2;*/
/*}*/

/*.exhibition_1 .grid__item:hover::after {*/
/*    opacity: 1;*/
/*}*/

.exhibition_1 .grid__item img {
    width: 100%;
    height: auto;
    display: block;
}
.exhibition_1 .grid__item .wrap_text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80));
    opacity: 0;
    transition: 0.5s all;
    pointer-events: none;
    padding: 1.25rem;
}
.exhibition_1 .grid__item:hover .wrap_text{
    opacity: 1;
}
.exhibition_1 .grid__item .wrap_text .box_text{
    width: 100%;
    height: 100%;
    padding: 1.25rem 1.25rem .75rem;
    border: 0.05rem solid var(--main-cl);
    display: flex;
    justify-content: end;
    flex-direction: column;
}
/*.exhibition_1 .grid__item .wrap_text::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 89%;*/
/*    height: 100%;*/
/*    background-image: url("../images/exhibition_stroke.svg");*/
/*    !*background-image: url("../images/exhibition_stroke_b.svg");*!*/
/*    background-position:  center left;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.exhibition_1 .grid__item .wrap_text::after{*/
/*    !*content: '';*!*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: 89%;*/
/*    height: 100%;*/
/*    background-image: url("../images/exhibition_stroke_a.svg");*/
/*    background-size: contain;*/
/*    background-position:  center right ;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.exhibition_1 .grid__item .wrap_text::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 1.5REM;*/
/*    left: 50%;*/
/*    width: 80%;*/
/*    transform: translateX(-50%);*/
/*    height: 100%;*/
/*    background-image: url(../images/exhibition_stroke.svg);*/
/*    background-position: center bottom;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
.exhibition_1 .grid__item .wrap_text h3{
    color: #333;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem; /* 138.889% */
    text-transform: uppercase;
    margin-bottom: -0.15rem;
}
.exhibition_1 .grid__item .wrap_text p{
    color: var(--9_333333, #333);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 178.571% */
    margin: 0;
}

.exhibition_1 .btn_component.append-button {
    margin-top: 5.5rem;
    cursor: pointer;
}
#header #logo {
    filter: brightness(0) invert(1);
}

.single-post #header #logo {
    filter: brightness(1) invert(0);
}
.wrap_content_form_register .btn_component{
    padding: .45rem 2.05rem .45rem 2.05rem;
}
.wrap_content_form_register .btn_component span{
    font-size: 0.9rem;
}
.img_map iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(1); /* IE6-9 */
    /* -webkit-filter: grayscale(99%); */ /* Chrome 19+ & Safari 6+ */
    /* -webkit-backface-visibility: hidden; */  /* Fix for transition flickering */
}

.img_map:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(96, 142, 144, .3);
    z-index: 2;
    pointer-events: none;
}
#logo img {
    height: 4.5rem;
}
.header-main{
    height: 6.5rem !important;
}
.single-post {
    overflow: unset;
}

.box_sidebar {
    position: sticky;
    top: 9rem;
}
body .header.show-on-scroll, body .stuck .header-main {
    height: 4.5rem !important;
}
.nav-dropdown-has-border .nav-dropdown {
    background: #162D57;
    padding: .2rem;
    border-width: 1px;
    min-width: 11rem;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    font-size: .2rem;
}
#header .header-nav-main .menu-item li a {
    font-size: .9rem;
}
.home_2::before,
.blog_2::before{
    background-image: url(../images/hoa_tiet_line.png);
}
.home_2::after {
    background-image: url(../images/line_home_2.png);
    height: .8rem;
    bottom: -0.55rem;
}
.about_6 .heading_title.color_main .bottom_heading{
    font-size: 6.5rem;
    letter-spacing: .4rem;
}
.blog_2 .wrap_news_main{
    padding: 0;
}
.box_content_wrap_f1{
    width: 90%;
}
.page-template-digital-art-course-detail {
    overflow: unset;
}
.map_contact{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: -0.5rem;
}
.map_contact iframe{
    height: 17rem;
    width: 100%;
}
/*@media only screen and (max-width: 1700px) {*/
/*    html {*/
/*        font-size: 1.05vw;*/
/*    }*/
/*    .load_home_page svg {*/
/*        width: 16rem;*/
/*    }*/
/*    .wrap_freelance_painter_detail_2 .box_item:nth-of-type(2) .wrap_content::before{*/
/*        top: -2.5rem;*/
/*        right: 1.4rem;*/
/*    }*/
/*    .wrap_freelance_painter_detail_2 .box_item:nth-of-type(3) .wrap_content::before {*/
/*        top: -4rem;*/
/*        right: 2rem;*/
/*    }*/
/*    .main_slider_detail_digital_art .content .heading_title::before{*/
/*        top: 153%;*/
/*    }*/
/*    .slider_detail_digital_art::before{*/
/*        top: 6.2rem;*/
/*    }*/
/*    !*.img_digital_art_4::before,*!*/
/*    !*.detail_digital_art_6::before{*!*/
/*    !*    height: 8.7rem;*!*/
/*    !*}*!*/
/*    #header .header-wrapper.stuck .header-nav-main.nav-line-bottom > li > a::before {*/
/*        top: 3.32rem;*/
/*    }*/
/*}*/
@media only screen and (max-width: 1199px) {
    html {
        font-size: 1.3vw;
    }
    .load_home_page svg {
        width: 16rem;
    }
    .slider_banner .nav_next{
        right: -1rem;
    }
    .img_home_2{
        margin-left: 0;
    }
    .container_news_main .nav_next{
        top: 54%;
        left: 94%;
    }
    .container_news_main .nav_prev {
        top: 54%;
        left: 6%;
    }
    .container_news_main .nav_swiper svg{
        width: 6rem;
    }
    .slider_img .img_item,
    .slider_img_blog .img_item{
        height: 8rem;
    }
    .freelance_painter_course_2 .wrap_3 .bg_img img{
        object-fit: contain;
    }
    .freelance_painter_course_2 .wrap_3 .bg_img{
        width: 100%;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4{
        padding: 0 2.5rem;
    }
    .slider_detail_digital_art::before {
        top: 6.1rem;
    }
    .slider_detail_digital_art .swiper-wrapper {
        margin-left: 4rem;
    }
    .main_slider_detail_digital_art .image img{
        object-fit: contain;
    }
    .wrap_freelance_painter_detail_2 .box_item:nth-of-type(2) .wrap_content::before {
        top: -2.5rem;
        right: 12.4rem;
        transform: rotate3d(1, 1, 1, 35deg);
    }
    .wrap_freelance_painter_detail_2 .box_item:nth-of-type(3) .wrap_content::before {
        top: -4rem;
        right: -4rem;
    }
    .freelance_painter_course_1.digital_art_1 .wavy_line {
        bottom: -14rem;
    }
    .art_therapy_course_1 .wrap_img {
        width: 57rem;
        height: 42.5rem;
    }
    .art_therapy_course_1 .img_banner {
        height: 56.5rem;
    }
    .art_therapy_course_4{
        padding: 14rem 0;
    }
}
@media only screen and (max-width: 850px) {
    html {
        font-size: 1.9vw;
    }
    .load_home_page svg {
        width: 16rem;
    }
    .slider_banner .nav_next svg,
    .slider_banner .nav_prev svg{
        width: 5rem;
        height: 4rem;
    }
    .slider_banner .nav_prev{
        left: 4rem ;
    }
    .home_2::before,
    .course_2::before,
    .contact_2::before,
    .about_2::before,
    .blog_2::before{
        top: -0.75rem;
    }
    .wrap_course{
        display: flex;
        margin: 8rem -1rem 0;
    }
    .wrap_course .course {
        position: relative;
        width: calc(calc(100% / 3) - 2rem);
        margin: 0 1rem;
        padding: 0;
    }
    .wrap_course .course .img_course {
        height: 15rem;
    }
    .container_news_main .nav_swiper{
        display: none;
    }
    .wrap_news_main .wrap_item_news .item h3{
        font-size: 1.2rem;
        width: 15rem;
    }
    .wrap_teachers {
        margin: 3rem -1rem 0;
    }
    .wrap_teachers .teacher .img_teacher {
        height: 15rem;
    }
    .wrap_teachers .teacher {
        width: calc(calc(100% / 3) - 2rem);
        margin: 0 1rem;
    }
    .wrap_gird_home_7{
        grid-template-rows: repeat(3, 7rem);
        height: 22rem;
        padding: 0;
    }
    .wrap_gird_home_7 .item6 .social-icons{
        display: flex;
        align-items: center;
    }
    .wrap_gird_home_7 .item6 h3{
        margin: 1rem 0 0.5rem;
    }
    .home_6 {
        padding: 6rem 0 9rem;
    }
    .form_contact{
        padding: 2rem 2rem 1.5rem;
    }
    .form_advise .btn_component::after,
    .form_advise .btn_component::before{
        background-size: contain;
    }
    .form_advise .btn_component{
        margin-top: 1rem !important;
    }
    .wrap_news_main{
        padding: 0;
    }
    .digital_art_2 .box_content{
        padding: 0 1rem 0;
    }
    .wrap_digital_art_3 .main_content {
        width: 30.4rem;
        height: auto;
        padding: 5rem 2rem 3rem 4.5rem;
    }
    .wrap_digital_art_3 .main_content h3{
        font-size: 2rem;
    }
    .img_digital_art_2{
        width: 100%;
        height: 100%;
    }
    .freelance_painter_course_2 .wrap_1 .img_wrap_1 {
        width: 100%;
        height: 100%;
        margin-left: 0;
    }
    .freelance_painter_course_1.digital_art_1 .wavy_line {
        bottom: -8rem;
    }
    .box_content_wrap_f1 {
        width: 100%;
    }
    .freelance_painter_course_2 .wrap_1 .heading_title h1{
        font-size: 3rem;
    }
    .freelance_painter_course_2 .wrap_1 .info_title{
        font-size: 1.8rem;
    }
    .freelance_painter_course_2 .wrap_2 .box_item .heading_title h2{
        font-size: 2.5rem;
        line-height: 3.15rem;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4 {
        padding: 0 2.5rem;
        margin: 0 -1.5rem;
        flex-wrap: wrap;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4 .box_item {
        width: calc(calc(100% / 2) - 3rem);
        margin: 3rem 1.5rem 0;
    }
    .freelance_painter_course_2 .wrap_3 .bg_img {
        display: none;
    }
    .freelance_painter_course_2 .wrap_3{
        height: auto;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item{
        height: 25rem;
        padding: 0 2rem 0 4rem;
    }
    .freelance_painter_course_2 .wrap_2 .box_item .heading_title h2,
    .freelance_painter_course_2 .wrap_2 .box_item .desc_content p{
        margin-bottom: 0.5rem;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item .desc_content{
        max-height: 7rem;
        overflow: scroll;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item .desc_content::-webkit-scrollbar {
        width: 0.2rem;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item .desc_content::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 0.1rem;
    }
    .main_slider_detail_digital_art .image {
        width: 21.5rem;
        height: 21rem;
        margin-top: -5rem;
    }
    ul.hoa_tiet_section{
        display: none;
    }
    .wrap_hoa_tiet_section {
        position: relative;
        padding: 2rem 0;
    }
    .wrap_content_detail_digital_art_3 .box_content .main_content {
        padding: 4rem 0 0 0;
    }
    .wrap_content_detail_digital_art_3 .box_content .img_art{
        display: none;
    }
    .wrap_content_detail_digital_art_3 .box_content .img_hidden {
        opacity: 1;
        visibility: visible;
        position: unset;
        transform: unset;
        margin-top: 1.75rem;
    }
    .wrap_content_detail_digital_art_3::before{
        height: 100%;
        left: 1.5rem;
    }
    .wrap_content_detail_digital_art_3 .box_content .main_content ul{
        max-width: 100%;
    }
    .detail_digital_art_4 .wrap_content{
        max-width: 43rem;
        width: 100%;
    }
    .slider_detail_digital_art {
        margin-top: 6rem;
    }
    .img_digital_art_4::after{
        bottom: -1.5rem;
        /*height: 4.5rem;*/
    }
    .detail_digital_art_5{
        padding-bottom: 1.5rem ;
    }
    .detail_digital_art_6::before{
        top: -.5rem;
    }
    .wrap_freelance_painter_detail_2 .box_item,
    .wrap_freelance_painter_detail_2 .box_item:nth-of-type(even){
        justify-content: unset !important;
        flex-direction: column;
        gap: 1rem;
        margin-top: 5rem;
    }
    .wrap_freelance_painter_detail_2 .box_item .wrap_content {
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-left: 1rem;
    }
    .wrap_freelance_painter_detail_2 .box_item .img_content {
        width: 100%;
        height: 100%;
    }
    .wrap_art_therapy_2{
        margin-top: -2rem;
    }
    .wrap_art_therapy_2 .box_content:nth-of-type(1) {
        width: 11.8rem;
        top: 31%;
        left: 40%;
    }
    .wrap_art_therapy_2 .box_content:nth-of-type(2) {
        top: 63%;
        left: 69%;
    }
    .wrap_art_therapy_2 .box_content ul::-webkit-scrollbar{
        width: 0;
    }
    .wrap_art_therapy_2 .img_bg{
        width: 100%;
    }
    .wrap_content_art_therapy_course_2 .desc_content p{
        max-width: 100%;
    }
    .art_therapy_course_4 {
        padding: 11rem 0;
    }
    .art_therapy_course_5.freelance_painter_course_4 {
        padding: 5rem 0;
    }
    .art_therapy_course_1 .wavy_line{
        bottom: -0.1rem;
    }
    .wrap_share_footer ul svg {
        width: 2rem;
        height: 2rem;
    }
    .freelance_painter_course_3 .wrap_gird_home_7{
        height: auto;
    }
    .wrap_content_detail_digital_art_3::after{
        left: 0.5rem;
    }
    .wrap_content_detail_digital_art_3 .box_content:nth-child(odd)::before{
        left: -8.4rem;
    }
    .wrap_content_detail_digital_art_3 .box_content:nth-child(even)::before{
        left: -8.7rem;
    }
    .wrap_art_therapy_course_3 .box_item {
        width: calc(calc(100% / 3) - 4rem);
        margin: 0 2rem;
    }
    .wrap_art_therapy_course_3 {
        margin: 3.5rem -2rem 0;
    }
    .art_therapy_course_1 .wrap_img {
        width: 100%;
        height: 40rem;
        left: -13rem;
    }
    .art_therapy_course_1 .img_banner {
        height: 38rem;
    }
    .detail_digital_art_3{
        padding-bottom: 2rem;
    }
    .img_digital_art_4::before{
        top: -0.5rem;
    }
    .wrap_course .course::before,
    .wrap_gird_home_7::before,
    .form_contact::before,
    .wrap_freelance_painter_detail_2 .stroke,
    .wrap_freelance_painter_detail_2 .box_item .wrap_content::before{
        display: none;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content, .mfp-close, .mfp-container, .mfp-wrap, .mfp-bg {
        top: 4.5rem !important;
    }
    .header-main {
        height: 4.5rem !important;
    }
    #header #logo {
        margin-top: 0;
        width: 100px !important;
    }
    #header {
        position: unset;
        height: auto !important;
        background: var(--main-cl);
    }
    .off-canvas-left.mfp-ready .mfp-content {
        background: #162D57 !important;
        box-shadow: none;
    }
    .mobile-sidebar .nav>li>a{
        font-size: 1rem;
        color: #fff;
        text-transform: uppercase;
    }
    .contact_2 .wrap_2 .img_decor {
        position: absolute;
        bottom: 3rem;
        right: 0;
        width: 39.35rem;
        height: 28.5rem;
    }
    .contact_2 .wrap_2 .form_contact{
        margin-left: 0;
    }
    .contact_2 .wrap_2 {
        padding: 4rem 0 1rem;
    }
    .about_1 .slider_banner .img_banner h2 {
        bottom: 3.25rem;
    }
    .wrap_img_about,
    .wrap_about_4{
        margin: 2.5rem -0.5rem 0;
    }
    .wrap_img_about .img_about ,
    .wrap_about_4 .item{
        width: calc(calc(100% / 3) - 1rem);
        margin: 0 .5rem;
    }
    .wrap_img_about .img_about img,
    .wrap_img_about .img_about .img_overlay{
        border-radius: 3.75rem 0;
    }
    /*.heading_title.color_w .bottom_heading,*/
    /*.heading_title.color_main .bottom_heading{*/
    /*    font-size: 7rem;*/
    /*}*/
    .about_2 .heading_title.color_main .bottom_heading{
        margin-left: 6rem;
    }
    .about_6 .heading_title.color_main .bottom_heading{
        font-size: 6rem;
    }
    .wrap_img_about .img_about .img_overlay,
    .wrap_img_about .img_about::before,
    .wrap_img_about .img_about::after {
        opacity: 1 !important;
    }
    /*.wrap_img_about .img_about::after {*/
    /*    transform: translate(-50%, -50%) scale(1) !important;*/
    /*}*/
    .wrap_about_4 .item .wrap_content{
        padding: 1rem 1rem 1.75rem;
    }
    .content_news_bottom .item {
        width: calc(calc(100% / 3) - 2rem);
        margin: 0 1rem 3.5rem;
    }
    .content_news_bottom {
        margin: 3.75rem -1rem 0;
    }
    .blog_detail_1 .img_banner {
        width: 100%;
        height: 22rem;
        margin-top: 3rem;
    }
    .main_content_blog_detail {
        padding-right: 1.5rem;
    }
    .content_news_bottom .item .img-content-16-9 {
        border-radius: 0 2.5rem;
    }
    .blog_detail_3 .bg_decor {
        width: 40rem;
        height: 28rem;
        right: 0;
    }
    .tag_share{
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
    }
    .blog_detail_1 .img_banner .stroke:nth-child(3){
        right: -0.25rem;
    }
    .blog_detail_1 .img_banner .stroke:nth-child(4){
        bottom: -.15rem;
    }
    .exhibition_1 .grid{
        column-count: 4;
    }
    .exhibition_1{
        padding-top: 7.5rem;
    }
    .blog_detail_1 .img_banner .wrap_content{
        left: 35%;
    }
    .single-post #header #logo {
        filter: brightness(0) invert(1);
    }
    /*.single-post #header .btn_component {*/
    /*    background: #fff;*/
    /*}*/
    /*.single-post #header .btn_component span {*/
    /*    color: var(--main-cl);*/
    /*}*/
    /*.single-post #header .btn_component::after{*/
    /*    background-image: url("../images/wrap_btn_2.svg");*/
    /*}*/
    /*.single-post #header .btn_component::after {*/
    /*    background-image: url("../images/wrap_btn.svg");*/
    /*}*/
    [data-open="#main-menu"]{
        background-image: url(../images/icon_menu.svg);
        width: 4rem;
        height: 2rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center !important;
    }
    .header .flex-row {
        padding: 0rem 15px !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    .mfp-bg.off-canvas-left {
        position: fixed !important;
        top: 4.5rem !important;
    }
    .digital_art_1 .wavy_line {
        bottom: -1px;
    }
    .wrap_img_digital_art_2 .img_decor {
        left: -7rem;
        width: 12.6rem;
        height: 10.8rem;
    }

    .digital_art_2 {
        padding-top: 8rem;
    }
    .digital_art_3 {
        padding-bottom: 9rem;
    }
    .toggle,
    .nav-vertical>li>ul li a{
        color: #fff !important;
    }
    .nav.nav-vertical li {
        padding: 0 !important;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 1.rem;
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 4vw;
    }
    .load_home_page svg {
        width: 12rem;
    }
    #header #logo {
        margin-top: 0;
        width: 80px !important;
    }
    #search-lightbox{
        margin-left: -1rem;
        margin-right: -1rem;
        max-width: calc(100%  + 2rem);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 1rem;
        font-size: 1rem;
    }
    #search-lightbox .search-keywords{
        margin-top: 1rem;
    }
    #search-lightbox .search-keywords > a{
        font-size: .7rem;
    }
    .heading_title h1, .heading_title h2,
    .heading_title h1 strong, .heading_title h2 strong{
        font-size: 2.75rem;
    }
    .slider_img .img_item,
    .slider_img_blog .img_item{
        height: 6rem;
    }
    #header .btn_component{
        display: none;
    }
    .home_2::before,
    .contact_2::before,
    .about_2::before,
    .blog_2::before{
        top: -.35rem;
    }
    .img_home_2 {
        width: 15rem;
        height: auto;
        margin-bottom: 2rem;
    }
    .home_2 {
        padding: 3.5rem 0;
    }
    /*.btn_component{*/
    /*    padding: .3rem 2rem .3rem 2rem;*/

    .home_2::after,
    .home_4::before,
    .home_6::before,
    .about_5::before,
    .about_6::before{
        background-size: cover;
    }
    .heading_title.color_w .bottom_heading,
    .heading_title.color_main .bottom_heading{
        font-size: 3.75rem;
        top: 1rem;
        letter-spacing: .54rem;
    }
    .wrap_course {
        margin: 8rem 0 0;
        display: flex;
        flex-direction: column;
    }
    .wrap_course .course{
        width: 100%;
        margin: 0 0 6rem;
        padding: 0;
    }
    .wrap_course .course:last-child,
    .wrap_teachers .teacher:last-child{
        margin: 0;
    }
    .wrap_course .course .img_course {
        height: 18rem;
        padding: 0.5rem 3rem;
    }
    .wrap_news_main{
        flex-wrap: wrap;
    }
    .slider_news_home{
        width: 100%;
    }
    .form_register{
        width: 100%;
        height: 15rem;
    }
    .home_4,
    .home_5 {
        padding: 4rem 0 ;
    }
    .wrap_content_form_register .btn_component{
        height: 2.5rem;
    }
    .wrap_teachers {
        flex-direction: column;
        margin: 3rem 0 0;
    }
    .wrap_teachers .teacher {
        width: 100%;
        margin: 0 0 4rem;
    }
    .wrap_news_main .swiper_pagination {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-pagination-bullet-active{
        background: var(--main-cl);
    }
    .wrap_courses .box_item .dot::before,
    .wrap_courses .box_item .dot::after,
    .wrap_courses .box_item .dot{
        display: none;
    }
    .wrap_courses .box_item:nth-child(even) .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .wrap_courses .box_item .content {
        padding: 0 0 2rem 3rem;
    }
    .wrap_courses .box_item{
        margin-bottom: 7.5rem;
    }
    .course_2::before{
        background-size: cover;
    }
    .wrap_img_digital_art_2 .img_decor{
        top: 1rem;
        left: 0.5rem;
        width: 10.6rem;
        height: 8.8rem;
    }
    .img_digital_art_2 {
        padding-top: 8rem;
    }
    .digital_art_2 {
        position: relative;
        padding: 5rem 0;
    }
    .wrap_digital_art_3 .box_item{
        flex-direction: column;
    }
    .wrap_digital_art_3 .main_content,
    .wrap_digital_art_3 .box_item .img_art,
    .wrap_digital_art_3 .box_item .img_art img{
        width: 100%;
        border-radius: 20% 0;
    }
    .wrap_digital_art_3 .box_item .img_art::before,
    .wrap_digital_art_3 .main_content::before{
        display: none;
    }
    .wrap_digital_art_3 .box_item:nth-child(2) {
        margin-top: 2rem;
        flex-direction: column;
    }
    .wrap_digital_art_3 .main_content{
        padding: 2rem;
    }
    .digital_art_3{
        padding-bottom: 7rem;
    }
    .wrap_digital_art_4 {
        margin: 2.5rem 0 0;
        flex-direction: column;
        gap: 3rem;
    }
    .wrap_digital_art_4 .box_item {
        width: 100%;
        margin: 0;
    }
    .box_form_contact,
    .contact_2 .wrap_2 .box_form_contact{
        padding-right: 0.75rem;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item {
        width: 100%;
        margin: 0;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box {
        margin: 3rem 0 0 0;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4 {
        padding: 0 2.5rem;
        margin: 0;
        flex-wrap: wrap;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4 .box_item {
        width: 100%;
        margin: 0;
    }
    .wrap_3_freelance_painter.wrap_digital_art_4 .box_item:first-child {
        margin-top: 3rem;
    }
    .wrap_gird_home_7 {
        /*grid-template-columns: 1fr;*/
        /*grid-template-rows: unset;*/
        height: auto;
        /*padding: 0;*/
        display: flex;
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }
    .wrap_gird_home_7 .item{
        width: 48%;
        height: 10rem !important;
    }
    .home_6 .wrap_gird_home_7 .item:nth-child(6)::before,
    .home_6 .wrap_gird_home_7 .item:nth-child(6)::after{
        display: none;
    }
    .home_6 .wrap_gird_home_7 .item:nth-child(6) h3 {
        font-size: 1.2rem;
        margin-top: 0.85rem;
    }
    .home_6 .wrap_gird_home_7 .item:nth-child(6){
        /*width: 100%;*/
        border: 0.15rem dashed var(--main-cl);
    }
    .home_6 .wrap_gird_home_7 .item:nth-child(6) .social-icons svg{
        width: 2.75rem;
        height: 2.75rem;
    }
    .freelance_painter_course_2 .wrap_2 .wrap_box .box_item{
        padding: 0 2.5rem 0 3.5rem;
    }
    .freelance_painter_course_2 .wrap_2 .box_item .heading_title h2,
    .freelance_painter_course_2 .wrap_2 .box_item .desc_content p{
        margin-bottom: 0.5rem;
    }
    .box-footer-wrapper,
    .wrap_content_footer,
    .wrap_share_footer ul{
        margin-top: 3rem;
    }
    .footer-wrapper {
        padding: 2.5rem 0 8rem;
    }
    .title_copyright{
        width: 100%;
        padding: 0 1rem ;
    }
    .wrap_hoa_tiet_section .img_main {
        width: 95%;
        height: 100%;
    }
    .wrap_hoa_tiet_section {
        padding: 0;
    }
    .detail_digital_art_2 {
        padding: 4.2rem 0 5.2rem;
    }
    .tabs_detail_digital_art_3 {
        flex-direction: row;
        gap: 0;
        margin-bottom: 3rem;
    }
    .wrap_content_detail_digital_art_3 {
        padding-left: 0;
    }
    .wrap_content_detail_digital_art_3::before,
    .wrap_content_detail_digital_art_3::after,
    .wrap_content_detail_digital_art_3 .box_content::before{
        display: none;
    }
    .wrap_content_detail_digital_art_3 .tab_content .heading_info p{
        margin: 0;
        font-size: 1.1rem;
        padding: 0;
    }
    .wrap_content_detail_digital_art_3 .box_content .main_content {
        padding: 3rem 0 0 0;
    }
    .slider_detail_digital_art .swiper-wrapper {
        margin-left: 0.75rem;
    }
    .main_slider_detail_digital_art{
        flex-direction: column;
        gap: 1rem;
    }
    .main_slider_detail_digital_art .image {
        width: 100%;
        height: 21rem;
        margin-top: 0;
    }
    .slider_detail_digital_art .swiper_pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .img_digital_art_4 {
        height: 30rem;
    }
    .img_digital_art_4::after {
        /*height: 2.7rem;*/
        bottom: 0;
    }
    .detail_digital_art_3{
        padding: 3rem 0;
    }
    .img_digital_art_4::before{
        top: -0.5rem;
    }
    .slider_detail_digital_art {
        margin-top: 2rem;
    }
    .freelance_painter_course_detail_2 .heading_title h2{
        font-size: 3rem;
        line-height: 3.25rem;
    }
    .wrap_freelance_painter_detail_2 .box_item:first-child{
        margin-top: 2.5rem;
    }
    .wrap_art_therapy_2 .img_bg{
        display: none;
    }
    .wrap_art_therapy_2 .box_content{
        position: unset !important;
        transform: unset !important;
        width: 100% !important;
    }
    .wrap_art_therapy_2 {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .wrap_art_therapy_2 .box_content .stt {
        color: var(--main-cl);
    }
    .wrap_art_therapy_2 .box_content h3{
        color: #000;
    }
    .wrap_art_therapy_2 .box_content ul li,
    .wrap_digital_art_4 .box_item .main_content .desc_content{
        color: #000;
        font-size: 0.9rem;
    }
    .art_therapy_course_2,
    .art_therapy_course_4 {
        padding: 5rem 0;
    }

    .wrap_art_therapy_2 .box_content ul{
        max-height: unset;
        overflow-y: unset;
    }
    .art_therapy_course_5.freelance_painter_course_4 {
        padding: 2rem 0;
    }
    .wrap_art_therapy_4 .heading_title h2,
    .wrap_art_therapy_4 .desc_content{
        color: #000;
        opacity: 0.8;
    }
    .freelance_painter_course_detail_2 .heading_title h1,
    .freelance_painter_course_detail_2 .heading_title h1 strong{
        font-size: 3.5rem;
    }
    .art_therapy_course_1 .wrap_img {
        height: 19rem;
        left: 0;
    }
    .art_therapy_course_1 .img_banner {
        height: 15rem;
    }
    .wrap_art_therapy_course_1 .heading_title h1{
        font-size: 3.2rem;
    }
    .text_heading_title{
        font-size: 2rem ;
    }
    .slider_banner .swiper-pagination {
        bottom: 1rem;
    }
    .freelance_painter_course_2 .wrap_2 .box_item .heading_title h2{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .slider_banner .nav_swiper{
        display: none;
    }
    .slider_banner .img_banner h2,
    .about_1 .slider_banner .img_banner h2{
        line-height: 2rem;
        font-size: 1.5rem;
        bottom: 1rem;
    }
    .digital_art_3 .desc_content br,
    .freelance_painter_course_2 .wrap_3 .desc_content  br{
        display: none;
    }
    .contact_2 .wrap_2 .img_decor {
        position: unset;
        width: 100%;
        height: auto;
    }
    .contact_2 .wrap_content {
        flex-direction: column;
        gap: 1rem;
    }
    .contact_2 .wrap_2 {
        padding: 2rem 0 1rem;
    }
    .contact_2 .custom_text br{
        display: none;
    }
    .about_2 {
        padding: 4rem 0 13rem;
        position: relative;
    }
    .wrap_img_about,
    .wrap_about_4 {
        margin: 2.5rem 0 0;
        flex-direction: column;
    }
    .wrap_img_about .img_about,
    .wrap_about_4 .item {
        width: 100%;
        margin: 0 0 2rem 0;
    }
    .wrap_img_about .img_about img,
    .wrap_img_about .img_about .img_overlay {
        border-radius: 5rem 0;
    }
    .about_4 .heading_title.color_main .bottom_heading{
        font-size: 3.5rem;
    }
    .about_2 .heading_title.color_main .bottom_heading {
        margin-left: 4rem;
        font-size: 3.5rem;
    }
    .about_6 .heading_title.color_main .bottom_heading {
        font-size: 3rem;
        width: 150%;
        top: 1rem;
        letter-spacing: .4rem;
    }
    .about_4 {
        position: relative;
        padding: 4rem 0 2rem;
    }
    .about_6 {
        position: relative;
        padding: 4rem 0;
    }
    .content_news_bottom .item {
        width: 100%;
        margin: 0 0 2.5rem 0;
    }
    .content_news_bottom {
        flex-direction: column;
        margin: 3rem 0 0 0;
    }
    /*.content_news_bottom .item h3 {*/
    /*    color: var(--main-cl);*/
    /*}*/
    /*.content_news_bottom .item .img-content-16-9 img {*/
    /*    transform: scale(1.1);*/
    /*}*/

    .nav_option .menu li a{
        font-size: 1.2rem;
    }
    .wrap_news_bottom {
        padding-top: 4rem;
    }
    .blog_detail_1 .img_banner{
        height: 11rem;
    }
    .main_content_blog_detail {
        padding-right: 0;
    }
    .heading_blog{
        margin-top: 4rem;
    }
    .tag_share .tags ul{
        flex-wrap: wrap;
    }
    .blog_detail_2{
        padding: 4rem 0 0;
    }
    .blog_detail_3 .bg_decor {
        width: 25rem;
        height: 20rem;
    }
    .exhibition_1 .grid{
        column-count: 3;
    }
    .exhibition_1 .grid__item .wrap_text{
        padding: 0;
    }
    .exhibition_1 .grid__item .wrap_text .box_text{
        border: 0;
        padding: .5rem;
    }
    .exhibition_1 .grid__item .wrap_text p{
        line-height: .95rem;
    }
    .exhibition_1 .grid__item .wrap_text h3{
        margin-bottom: 0;
    }
    .exhibition_1{
        padding-top: 4.5rem;
    }
    .exhibition_1 .desc_content{
        margin-top: 1.5rem;
    }
    .exhibition_1 .desc_content br,
    .art_therapy_course_3 .text-center.desc_content br{
        display: none;
    }
    .digital_art_4{
        padding-bottom: 0;
    }
    .blog_detail_1 .img_banner .wrap_content .heading_title h1{
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .blog_detail_1 .img_banner .wrap_content {
        left: 50%;
        width: 100%;
        max-width: 90%;
    }
    .form_advise .col{
        padding-right: 0.75rem !important;
    }
    .form_advise .wpcf7-form-control-wrap{
        margin-bottom: 1.25rem;
    }
    .form_advise .wpcf7-not-valid-tip{

    }
    .art_therapy_course_1 .wrap_img {
        position: unset;
    }

    .wrap_art_therapy_course_1 {
        margin-bottom: 0;
    }
    .art_therapy_course_4 .bg_img {
        position: unset;
    }
    .wrap_teachers .teacher::before {
        height: 12rem;
        top: 3rem;
        left: 50%;
        transform: translateX(-50%);
        width: 15.5rem;
        background-size: contain;
        background-position: center;
    }
    .form_advise .col {
        justify-content: center;
    }
    .home_7 .img_map {
        position: unset;
        height: 16rem;
    }

    .home_7 {
        padding-bottom: 0;
        padding-top: 3rem;
    }
    section.about_2 .desc_content {
        margin-top: 1rem;
    }
    .freelance_painter_course_1.digital_art_1 .wavy_line {
        bottom: -4rem;
    }
    .freelance_painter_course_2{
        padding-top: 2rem;
    }
    .freelance_painter_course_detail_2 {
        padding: 2rem 0 1rem;
    }
}