/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}

.mt-1{
    margin-top: 1em;
}

.mt-5{
    margin-top: .5em;
}

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

.mb-1{
    margin-bottom: 1em !important;
}

.mb-2{
    margin-bottom: .2em !important;
}

.mb-5{
    margin-bottom: .5em !important;
}

.mb-85{
    margin-bottom: .85em !important;
}


.mt-5{
    margin-top: .5em !important;
}

.pb-0{
    padding-bottom: 0 !important;
}

.pb-1{
    padding-bottom: 1em !important;
}

.pb-2{
    padding-bottom: .2em !important;
}

.pb-5{
    padding-bottom: .5em !important;
}

.br-20 img{
    border-radius: 20px;
}

.no-list{
    list-style: none;
}

.no-list li{
    margin-left: 0 !important;
}

p.justify{
    text-align: justify;
}

.img-32 , .img-32 img{
    height: 32px;
    width: 32px !important;
}

.br-12, .br-12 img{
    border-radius: 12px;
    overflow: hidden;
}

.space-between{
    justify-content: space-between;
}

.normal{
    font-weight: normal;
}

.gradient-bg{
    background: linear-gradient(96deg, #83CAE0 0%, #5473B3 54.75%);
}

.gradient-light-bg .col-inner{
    background: linear-gradient(106.06deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 16px 32px -8px #0C0C0D66;
    backdrop-filter: blur(12px);
    border: 1px solid #EFFCFF;
    border-radius: 12px;
}

.primary-gradient-bg .col-inner{
    background: linear-gradient(93.88deg, #ECA140 0.22%, #E8913D 100.22%);
    border-radius: 12px;
}

.secondary-gradient-bg .col-inner{
    background: linear-gradient(96deg, #83CAE0 0%, #5473B3 54.75%);
    border-radius: 12px;
}

.gradient-text{
    background: linear-gradient(96deg, #83CAE0 0%, #5473B3 54.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text.primary{
    background: linear-gradient(93.88deg, #ECA140 0.22%, #E8913D 100.22%);
    -webkit-background-clip: text;
}

.gradient-text.fit{
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gradient-text.fit.left{
    margin-left: 0;
}

.gradient-text i{
    margin-right: 10px;
}

.icon-box.flex-center{
    justify-content: center;
}

.icon-box.flex-center .icon-box-img{
    flex: unset; 
    margin-right: 0;
}

.icon-box.flex-center .icon-box-text{
    flex: unset;
    width: max-content;
    margin-left: 0;
}

.icon-box-img img, .icon-box-img svg{
    padding-top: 0;
}

.absolute-footer{
    display: none;
}

.highlight{
    color: var(--primary-color);
}

.button.primary{
    background: linear-gradient(93.88deg, #ECA140 0.22%, #E8913D 100.22%);
}

.button.secondary-bg{
    background: linear-gradient(96deg, #83CAE0 0%, #5473B3 54.75%);
}

.button.primary.is-outline{
    background: rgba(255, 174, 96, 1);
    border: 1px solid #fff;
    color: #fff;
}

.button.primary.is-outline.custom{
    border-color: var(--primary-color);
    background: rgba(255, 233, 211, 1);
    color: var(--primary-color);
}

.button.white{
    color: var(--primary-color) !important;
}

.button.download i{
    height: 16px;
    width: 16px;
}

.button.download i:before{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(/wp-content/uploads/2025/08/Download.png) no-repeat center;
    background-size: contain;
}

.button.hoso i{
    height: 20px;
    width: 20px;
}

.button.hoso i:before{
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(/wp-content/uploads/2025/08/hoso.png) no-repeat center;
    background-size: contain;
}

.button.danhmuc i{
    height: 20px;
    width: 20px;
}

.button.danhmuc i:before{
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(/wp-content/uploads/2025/08/Maps-home-work.png) no-repeat center;
    background-size: contain;
}

.button.message i{
    height: 20px;
    width: 20px;
}

.button.message i:before{
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(/wp-content/uploads/2025/08/Message.png) no-repeat center;
    background-size: contain;
}

.weight-900{
    font-weight: 900 !important;
}

.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover{
    box-shadow: 0px 4px 8px -2px #00000040;
    border-radius: 12px;
    overflow: hidden;
}

/* Page box */
.row-box-shadow-1 .col-inner:has( .page-box.box-overlay){
    box-shadow: unset;
}

.page-box a{
    display: block;
}

.page-box.box-overlay{
    padding-bottom: 30px;
}

.page-box.box-overlay .overlay{
    display: none;
}

.page-box.box-overlay .box-image{
    box-shadow: 0px 4px 8px -2px #00000040;
    border-radius: 12px;
    overflow: hidden;   
}

.page-box.box-overlay .box-text{
    left: 20px;
    bottom: 10px;
    width: calc(100% - 40px);
    border-radius: 12px;
    box-shadow: 0px 4px 8px -2px #00000040;
    padding: 20px;
    
}

.page-box.box-overlay .box-text .page-title{
    font-size: 1.5em;
    margin-bottom: .5em;
    text-shadow: none;
    font-weight: bold;
    background: linear-gradient(96deg, #83CAE0 0%, #5473B3 54.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-box.box-overlay .box-text .from_the_page_excerpt{
    text-shadow: none;
    opacity: 1;
    color: #000;
    
}

.page-box .box-text .button.is-link{
    color: var(--primary-color);
    text-align: left;
    text-transform: none;
}

.page-box .box-text .cat-label{
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
    opacity: 1;
    padding: 5px 12px;
    font-size: 12px;
    text-transform: none;
    border-radius: 4px;
    margin-right: 3px;
    font-weight: normal;
    display: inline-block;
}

.page-box .box-text .tag-label{
    background: rgba(239, 252, 255, 1);
    color: var(--fs-color-secondary);
    opacity: 1;
    padding: 5px 12px;
    font-size: 12px;
    text-transform: none;
    border-radius: 4px;
    margin-right: 3px;
    font-weight: normal;
    display: inline-block;
}

.page-box .box-text .page-title{
    font-size: 20px;
    color: var(--fs-color-secondary);
    font-weight: bold;
    margin: .3em 0
}

.page-box .box-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.page-box .box-bottom img.icon{
    max-width: 18px;
    margin-right: 5px;
}

.page-box .box-bottom .button{
    margin: 0;
    padding: 3px 10px;
    font-size: 12px;
}

/* Post */
.box-blog-post .box-text .cat-label{
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
    opacity: 1;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 4px;
    text-transform: none;
    font-weight: normal;
    display: inline-block;
}

.box-blog-post .box-text .post-title{
    font-size: 20px;
}

.box-blog-post .box-text .info-wrap{
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 15px;
}

.box-blog-post .box-text .info-wrap .author-info{
    gap: 10px;
    width: max-content;
}
.box-blog-post .box-text .info-wrap .author-info .img{
    width: 34px;
}

.box-blog-post .box-text .info-wrap .author-info img{
    width: 34px;
    height: 34px;
}

.box-blog-post .box-text .info-wrap .author-info .info{
    font-size: 12px;
}

.box-blog-post .box-text .info-wrap .button{
    margin-top: 0;
    margin-right: 0;
    text-transform: none;
    color: var(--primary-color);
    font-size: 14px;
}

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

.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
    opacity: 1;
}

.flickity-prev-next-button{
    bottom: 35%;
}

.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg{
    width: 32px;
    padding: 10px;
    background: #fff;
    opacity: 1;
    border: none;
    fill: var(--primary-color) !important;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

}

.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot{
    background-color: var(--primary-color);
}

.box-text{
    padding-bottom: .7em;
}

/* Slick slider custom */
.slick-slide .col{
    padding-bottom: 15px;
}

.slick-arrow:before{
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    color: var(--primary-color);
    opacity: 1;
    
}

.slick-prev:before{
    content: "\f104";
}

.slick-next:before{
    content: "\f105";
}


.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.slick-prev:hover, .slick-next:hover{
    background-color: var(--primary-color);
}

.slick-prev:hover:before, .slick-next:hover:before{
    color: #fff;
}

.slick-prev {
    left: 3.5%;   
}

.slick-next {
    right: 3.5%;  
}

.slick-dots li{
    width: 8px;
    height: 8px;
    margin: 0 5px !important;
}

.slick-dots li button{
    width: 8px;
    height: 8px;
    padding: 0;
}

.slick-dots li button:before{
    opacity: 1;
    background-color: var(--primary-color);
    border-radius: 99px;
    width: 10px;
    height: 10px;
    content: "";
    opacity: .3;
}

.slick-dots li.slick-active button:before{
    background-color: var(--primary-color);
}

/* Gallery */
.center-gallery{
/*     margin-left: -200px;
    width: calc(100% + 400px);
    max-width: unset !important; */
}

.center-gallery.partner{
	width: 120vw !important;         /* full màn hình */
    margin-left: calc(-60vw + 50%) !important; /* căn giữa so với viewport */
    max-width: unset !important;
}

.center-gallery.partner img{
	width: 100% !important;
	margin-left: 0 !important;
	object-fit: contain
}

.center-gallery .gallery-col{
    padding-bottom: 0;
}

.center-gallery .gallery-col .gallery-box{
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 3px 5px 0px #00000033;
}

.center-gallery .slick-slide:not(.slick-current){
    transform: scale(.85);
}

.center-gallery .gallery-col .gallery-box .box-image{
    border-radius: 12px;
    overflow: hidden;
}

.partner .gallery-col .gallery-box{
    padding: 30px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.partner .gallery-col .gallery-box .box-image{
    /*padding: 30px 20px;*/
}

.partner .slick-prev {
    left: 25%;   
}

.partner .slick-next {
    right: 25%;  
}

.certificate .gallery-col .gallery-box{
    padding: 20px;
    margin: 10px 0;
}

.certificate .gallery-col .gallery-box .box-image{
    /*padding: 20px;*/
}

/* custom-box */
.custom-box .icon-box-img{
    margin-bottom: .5em;
}

.person-box{
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

.person-box .box-text{
    margin: 20px;
    width: calc(100% - 40px);
    border-radius: 12px;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
    text-align: left;
}

.person-box .box-text p{
    text-shadow: none;
    font-size: 14px;
    color: #000;
}

.person-box .box-text .name{
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 0;
}

.person-box .box-text .position{
    color: var(--primary-color);
    font-size: 1em;
    font-weight: bold;
}

/* Dự án */
#du-an-filter .filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

#du-an-filter label {
    cursor: pointer;
    padding: 5px 15px;
    background: rgba(243, 243, 243, 1);
    color: #000;
    font-size: 12px;
    border-radius: 8px;
    font-weight: normal;
    border: 1px solid transparent;
    transition: all .3s;
}

#du-an-filter input[type="checkbox"] {
    display: none; /* ẩn checkbox gốc */
}


/* Khi checkbox được chọn */
#du-an-filter label:hover , #du-an-filter label:has(input[type="checkbox"]:checked) {
    background: rgba(239, 252, 255, 1);
    border-color: var(--fs-color-secondary);
    color: var(--fs-color-secondary);
}

/* Single Dự án */
.single-du-an .content-area.page-wrapper{
    padding-top: 0;
}

.rank-math-breadcrumb p{
    margin-bottom: 0;
}

.rank-math-breadcrumb .last{
    color: var(--primary-color);
    font-weight: bold;
}

.single-du-an .list-info{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: .5em;
    flex-wrap: wrap;
}

.single-du-an .list-info li{
    padding: 5px 12px;
    font-size: 12px;
    text-transform: none;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    
}

.single-du-an .list-info li.status{
    background: rgba(52, 199, 89, 0.2);
    color: rgba(52, 199, 89, 1);
}

.single-du-an .list-info li.cate{
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
}

.single-du-an .list-info li.tag{
    background: rgba(239, 252, 255, 1);
    color: var(--fs-color-secondary);
}

.star-list li ,.check-list li, .arrow-list li{
    display: flex;
    align-items: center;
    gap: 5px;
}

.star-list li:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/08/Stars.png) no-repeat center;
    background-size: contain;
}

.check-list li:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/08/Check-circle.png) no-repeat center;
    background-size: contain;
}

.arrow-list li:before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/08/Arrow-circle-right.png) no-repeat center;
    background-size: contain;
}

/* Tuyển dung */
.tuyen-dung-item .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}

.tuyen-dung-item .top .status span{
    padding: 5px 12px;
    text-transform: none;
    border-radius: 4px;
    font-weight: normal;
    display: inline-block;
    
}

.tuyen-dung-item .top .status.hiring span{
    background: rgba(52, 199, 89, 0.2);
    color: rgba(52, 199, 89, 1);
}

.tuyen-dung-item .top .status.pending span{
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
}

.tuyen-dung-item .top .time{
    line-height: 1;
}

.tuyen-dung-item .bottom{
    margin-top: 15px;
    font-size: 14px;
}

.tuyen-dung-item .bottom img.icon{
    width: 20px;
}

.tuyen-dung-item .box-text .button{
    margin-right: 0;
}

/* Quy trình */
.procedure .col:not(:last-child):after{
    content: "";
    display: inline-block;
    width: 32px;
    height: 23px;
    position: absolute;
    left: calc(100% - 16px);
    top: calc(50% - 30px);
    background: url('/wp-content/uploads/2025/08/Vector.png') no-repeat center;
    background-size: contain;
}

.procedure .slick-slide{
    position: relative;
}

.procedure .slick-slide:not(:last-child):after{
    content: "";
    display: inline-block;
    width: 32px;
    height: 23px;
    position: absolute;
    left: calc(100% - 16px);
    top: 90px;
    background: url('/wp-content/uploads/2025/08/Vector.png') no-repeat center;
    background-size: contain;
}

/* Single Tuyển dụng */
.single-tuyen-dung .content-area.page-wrapper{
    padding-top: 0;
}

.single-tuyen-dung p .status.hiring{
    padding: 5px 12px;
    text-transform: none;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    background: rgba(52, 199, 89, 0.2);
    color: rgba(52, 199, 89, 1);
}

.single-tuyen-dung p .status.pending{
    padding: 5px 12px;
    text-transform: none;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
}

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

.archive .blog-archive .archive-page-header{
    padding: 50px 0;
    background: rgba(248, 249, 250, 1);

}

.archive .blog-archive .archive-page-header:not(:has(+ .list-danh-muc)){
    margin-bottom: 30px;
}

.archive .blog-archive .list-danh-muc{
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(202, 196, 208, 1);
}

.archive .blog-archive .list-danh-muc ul{
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
}

.archive .blog-archive .list-danh-muc ul li{
    flex: 1;
    text-align: center;
    margin-bottom: 0;
    border-bottom: 2px solid transparent;
    transition: all .3s
}

.archive .blog-archive .list-danh-muc ul li.active, .archive .blog-archive .list-danh-muc ul li:hover{
    border-color: var(--primary-color);
}

.archive .blog-archive .list-danh-muc ul li a{
    display: block;
    padding: 10px 0;
}

#blog-sort{
    width: max-content;
    min-width: 140px;
    margin-right: 0;
    display: inline-block;
    border: 2px solid var(--fs-color-secondary);
    border-radius: 8px;
    color: var(--fs-color-secondary);
}

/* Single posts */
.single-post .blog-wrapper.blog-single{
    padding-top: 0;
}

.single-post .post-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}


.single-post .post-meta .entry-category{
    margin-bottom: 0;
}

.single-post .post-meta .entry-category a{
    background: linear-gradient(93.88deg, rgba(236, 161, 64, 0.2) 0.22%, rgba(232, 145, 61, 0.2) 100.22%);
    color: var(--primary-color);
    opacity: 1;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 4px;
    text-transform: none;
    font-weight: bold;
    display: inline-block;
}

.single-post .post-meta p{
    font-size: 14px;
    line-height: 20px;
}

.single-post .entry-meta .author-info{
    gap: 10px;
    width: max-content;
}

.single-post .entry-meta .author-info .img{
    width: 34px;
}

.single-post .entry-meta .author-info img{
    width: 34px;
    height: 34px;
}

.single-post .entry-meta .author-info .info{
    font-size: 12px;
    text-transform: none;
}

.single-post .entry-meta .author-info .info .author-name{
    margin-bottom: .2em;
    font-size: 14px;
}

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

.blog-share .social-icons .button.icon{
    height: 24px;
    min-width: unset;
    border: none;
        margin-right: 10px;
}

.blog-share .social-icons .button.icon:hover{
    background-color: transparent !important;
    border: none !important;
}

.blog-share .social-icons a i:before{
    content: "";
    display: inline-block;
    height: 24px;
    width: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.blog-share .social-icons .button.icon i.icon-facebook:before{
    background-image: url('/wp-content/uploads/2025/08/facebook.png');
}

.blog-share .social-icons .button.icon i.icon-twitter:before{
    background-image: url('/wp-content/uploads/2025/08/twitter.png');
}

.blog-share .social-icons .button.icon i.icon-envelop:before{
    background-image: url('/wp-content/uploads/2025/08/email.png');
}

.blog-share .social-icons .button.icon i.icon-pinterest:before{
    background-image: url('/wp-content/uploads/2025/08/pinterest.png');
}

.blog-share .social-icons .button.icon.linkedin{
    display: none;
}

.blog-share .social-icons .button.icon.whatsapp{
    display: none;
}

.blog-share .social-icons .button.icon i.icon-linkedin:before{
    /*background-image: url('/wp-content/uploads/2025/08/facebook.png');*/
}

.single-post .author-box{
    background: rgba(248, 249, 250, 1);
    padding: 30px;
    border-radius: 8px;
}

.single-post .author-box .blog-author-image img{
    width: 110px;
}

.single-post .author-box .author-socials{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.wpforms-field-label{
    color: var(--fs-color-secondary) !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-bottom: .4em !important;
}

.wpforms-form input, .wpforms-form textarea, .wpforms-form select{
    background: rgba(248, 249, 250, 1) !important;
    border: none !important;
    font-size: 14px !important;
}

.wpforms-submit{
    background: linear-gradient(93.88deg, #ECA140 0.22%, #E8913D 100.22%) !important;
    border-radius: 8px !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.wpforms-submit:after{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(/wp-content/uploads/2025/08/arrow-light.png) no-repeat center;
    background-size: contain;
    position: relative;
}

.history-content .slick-slide{
    padding: 5px;
}

.history-content .history-item{
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.25);
}

.history-content .history-item .label{
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: .5em;
}

.history-timeline .history-item{
    position: relative;
    text-align: center;
}

.history-timeline .slick-slide:not(:last-child) .history-item:before{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    background-color: rgba(196, 196, 196, 1);
    z-index: -1;
}

.history-timeline .history-item:after{
    content: "";
    display: block;
    margin: 0 auto 10px;
    height: 24px;
    width: 24px;
    background-color: var(--primary-color);
    border: 3px solid #fff;
    border-radius: 99px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}

.history-timeline .history-item .label{
    margin-bottom: .3em;
    opacity: 0;
}

.history-timeline .history-item .time{
    font-size: 12px;
    margin-bottom: .5em;
    opacity: 0;
}

.history-timeline .slick-slide.slick-current .history-item .label, .history-timeline .slick-slide.slick-current .history-item .time{
    opacity: 1;
}

.custom-controll-history-content{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding-top: 10px;
}

.custom-controll-history-content .slick-arrow{
    position: relative;
    left: unset;
    right: unset;
    border: 1px solid rgba(196, 196, 196, 1);
    box-shadow: unset;
}

.custom-controll .slick-prev{
	left: 0%
}

.custom-controll .slick-next{
	right: 0%
}

.header-language-dropdown.custom a{
    padding: 0;
}

.header-language-dropdown.custom a .image-icon{
    display: inline-block;
}

.header-language-dropdown.custom .nav-dropdown{
    min-width: 60px !important;
    padding: 10px;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.center-gallery.partner{
		margin-left: 0 !important;
        width: 100%;
        max-width: 100% !important;
	}
    
    .certificate-wrap{
        padding-left: 0;
        padding-right: 0;
    }
    
    .slick-prev {
        left: 2%;   
    }
    
    .slick-next {
        right: 2%;  
    }

    .partner .slick-prev {
        left: 2%;   
    }
    
    .partner .slick-next {
        right: 2%;  
    }
    
    .archive .blog-archive .list-danh-muc ul{
        padding-bottom: 5px;
    }
    
    .archive .blog-archive .list-danh-muc ul li{
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .single-post .author-box .flex-row{
        flex-direction: column;
    }
    
    .single-post .author-box .flex-row .flex-col:has( .blog-author-image){
        margin: auto;
    }
    
    .history-timeline .history-item .label{
        font-size: .9em;
    }
    
    .history-content .slick-prev{
        left: -1%;
    }
    
    .history-content .slick-next{
        right: -1%;
    }

}

@media (max-width: 768px){
    .slider-nav-circle .flickity-prev-next-button{
        width: 30px !important;
    }
    
    .slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg{
        height: 30px;
        width: 30px;
        padding: 8px !important;
    }
}