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

/*************** ADD CUSTOM CSS HERE.   ***************/


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

}
/*slick*/
@charset "UTF-8";.slick-list,.slick-slider,.slick-track{position:relative;display:block;}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden;}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:0;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.slick-track{top:0;left:0;}.slick-track:after,.slick-track:before{display:table;content:'';}.slick-track:after{clear:both;}.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir=rtl] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}.slick-arrow.slick-hidden{display:none;}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0;}@font-face{font-family:slick;font-weight:400;font-style:normal;}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0;}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff;}.slick-prev{left:-25px;}[dir=rtl] .slick-prev{right:-25px;left:auto;}.slick-prev:before{content:'←';}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→';}.slick-next{right:-25px;}[dir=rtl] .slick-next{right:auto;left:-25px;}[dir=rtl] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:30px;}.slick-dots{bottom:0px;width:100%;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;cursor:pointer;color:transparent;border:0;outline:0;background:0 0;width:9px;height:9px;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:0;}.slick-dots li button:focus,.slick-dots li button:hover{outline:0;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1;}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;display:none;color:#000;}.slick-dots li.slick-active button:before{opacity:.75;color:#000;}.slick-dots > li{width:12px;height:12px;border-radius:50%;background:#233168;margin:0 5px;}.slick-dots > li.slick-active button{background:#d5aa4e;}
.slick-dots > li.slick-active{background:#d5aa4e;}    

/*end slick*/
.menu-career{
    display: none !important;
}
.header-inner{
    padding: 0 40px;
}
.header-nav-main{
    justify-content: center;
}
.logo-left .logo{
    margin: 0;
    flex-basis: 25%;
}
.header-inner .flex-right{
    flex-basis: 25%;
}
#logo img {
    max-height: 80px !important;
}
/* submenu */
.header-nav-main > li{
    /*position: initial;*/
}
.menu-gt, .header-language-dropdown{
    position:  relative !important;
}
.header-language-dropdown .image-icon{
    margin: 0 3px;
}
.header-nav-main > li > a{
    padding: 0 0px;
    line-height: 100px !important;
}
#header .stuck .header-nav-main.nav > li > a{
    line-height: 70px !important;
}
.header-nav-main > li:before, .header-nav-main > li:after{
    display: none;
}
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown{
    border: 1px solid #c4c4c4;
    box-shadow: rgba(0, 0, 0, 0.04) 0 1px 0, rgba(0, 0, 0, 0.05) 0 2px 7px, rgba(0, 0, 0, 0.06) 0 12px 22px;
        border-radius: 5px;
        width: 75vw !important;
        max-width: 75vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 15px;
    display: flex;
    display: grid;
    grid-template-columns: 35% 1fr 1fr; /* banner | cột 2 | cột 3 */
        height: 280px;
    overflow-y: scroll;
    align-items: start;
}
/* Chiều rộng thanh scroll */
.header-nav-main ::-webkit-scrollbar {
    width: 6px;      /* scroll dọc */
    height: 6px;     /* scroll ngang */
}

/* Nền của thanh scroll */
.header-nav-main ::-webkit-scrollbar-track {
    background: #233168;
}

/* Thanh kéo */
.header-nav-main ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}

/* Hover cho đẹp hơn */
.header-nav-main ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.7);
}

/* Item banner bên trái */
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li:first-child {
    grid-row: 1 / span 999;
}
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li:first-child > a:before{
    display: none;
}
/* Các item còn lại */
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li:not(:first-child) {
    grid-column: auto;
}


.header-nav-main > li.menu-item-type-custom > .sub-menu .img img{
    border-radius: 5px 0 0 5px;
}
.has-mega-img-menu{
    width: 25%;
    flex: none !important;
    padding: 0 !important;
}
.has-mega-img-menu > a{
        margin: 0 !important;
    padding: 0 !important;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
    border: none;
        color: #1e3267;
            margin: 0;
    padding: 6px 0;
    font-size: 15px;
}
.nav-dropdown.nav-dropdown-default>li>a:hover{
    color: #db8200;
}
.nav-dropdown-has-shadow .nav-dropdown{
    padding: 14px 20px;
}
.nectar-ext-menu-item {
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 250px;
    display: flex;
    position: relative;
    min-width: 310px;
}
.image-layer-outer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.image-layer-outer .image-layer{
    transition: transform 0.5s cubic-bezier(.15,.75,.5,1);
        background-size: cover;
    background-position: center;
    transition: opacity 0.25s ease 0.1s;
    background-image: url(https://tdg.edu.vn/wp-content/uploads/2025/07/brno-life-in.webp);
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.menu-study .image-layer-outer .image-layer{
    background-image: url(https://tdg.edu.vn/wp-content/uploads/2025/07/france_support_8.webp);
}
.menu-career .image-layer-outer .image-layer{
    background-image: url(https://tdg.edu.vn/wp-content/uploads/2025/07/china_support_2.webp);
}
.nectar-ext-menu-item .image-layer.loaded {
    opacity: 1;
}
.nectar-ext-menu-item:hover .hover-zoom-in-slow .image-layer {
    transform: scale(1.15);
    transition: transform 4s cubic-bezier(.1,.2,.7,1);
}
.nectar-ext-menu-item .color-overlay {
    opacity: .6;
    background: linear-gradient(225deg, transparent, #0a0e21);
    transition: opacity 1.5s cubic-bezier(.15,.75,.5,1);
        width: 100%;
    height: 100%;
    display: inline-block;
}
.nectar-ext-menu-item .inner-content {
    position: relative;
    z-index: 10;
    width: 100%;
}
.menu-title-text{
    display: none;
}
.nectar-ext-menu-item__button
 {
    display: inline-block;
    
}
.nectar-ext-menu-item:hover .hover-zoom-in-slow .image-layer {
    transform: scale(1.15);
    transition: transform 4s cubic-bezier(.1,.2,.7,1);
}
.nectar-ext-menu-item .link_wrap{
    background: #ff9800;
    border-radius: 5px;
    font-size: 11px;
}

.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > a{
    padding-right: 20px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    position: relative;
}
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > a:before{
        content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 0 7px 2px 0;
    background: #1e3267;
}

.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > .sub-menu > li > a{
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 15px;
    padding: 6px 5px;
    margin: 0;
    font-weight: 100;
    text-transform: initial;
    color: #1e3267;
}
/* Ẩn submenu cấp sâu */
.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > .sub-menu > li{
    position: relative;
}
/* Ẩn submenu cấp sâu */
.header-nav-main > li.menu-item-type-custom 
  > .sub-menu.nav-dropdown > li > .sub-menu > li > .sub-menu {
        max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease, padding 0.3s ease;

}

/* Khi hover thì mở ra mượt */
.header-nav-main > li.menu-item-type-custom 
  > .sub-menu.nav-dropdown > li > .sub-menu > li:hover > .sub-menu {
        max-height: 100px;
    opacity: 1;
    transform: translateY(0);
}



.header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > .sub-menu > li > .sub-menu > li > a{
    letter-spacing: .5px;
    font-size: 15px;
    line-height: 15px;
    padding: 6px;
    margin: 0;
    font-weight: 100;
    text-transform: initial;
    color: #1e3267;
    padding-left: 20px;
}
.menu-other{
    flex: .2 !important;
    padding: 30px 10px 0 0!important;
}
.header-nav-main > li.menu-item-type-custom  a:hover{
    color: #db8200 !important;
    
}
.html_topbar_left a:before{
     content: '\e012';
    font-family: fl-icons !important;
        font-size: 12px;
    margin: 0 5px 0 0;
}

.headline_tsl {
    padding: 0 15px;
}
.headline_tsl h2{
    font-size: 33px;
    text-transform: uppercase;
}
.headline_tsl p{
    color: #1e3267;
}


.custom-gradient {
    background: linear-gradient(45deg, #1e3267, #40C3F7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    padding-right: 5px;
}
.s1 .col{
    padding-bottom: 0;
}
.s1 .col.large-6{
    padding: 0 6px;
    flex: 1;
}
.s1_end{
    display: flex;
    justify-content: center;
    background-color: white;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 10px;
    max-width: 900px !important;
    
    align-items: center;
}
.s1_end .button{
       margin-bottom: 0;
    width: 100%;
    padding: 3px 0;
    font-size: 18px;
}
.s1 h1{
        text-align: center;
    text-transform: none !important;
    letter-spacing: -3px;
    text-shadow: none;
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 60px;
    line-height: 60px;
}
.s1 p{
    color: #1e3267;
    
    margin-bottom: 40px;
}
.s2 .box .box-text{
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    height: fit-content;
    background: none;
    width: 90%;
}

.s2 .button{
    margin: 0;
    border: none;
    border-radius: 5px;
    width: inherit;
    font-size: 16px;
    background: linear-gradient(135deg, #1e3267, #3b5ab7) !important;
    padding: 12px 30px;
    line-height: initial;
    min-height: initial;

}


.sl-destination-wrapper {
    overflow: hidden;
    width: 100%;
}
.sl-destination {
    display: flex;
    flex-wrap: nowrap;
    /* animation: bannermove 50s linear infinite; */
    /* will-change: transform; */
}
.sl-destination-wrapper:hover  .flickity-viewport{
    animation-play-state: paused;
}
 .sl-destination-wrapper .flickity-viewport{
    animation: bannermove 50s linear infinite;
    will-change: transform;
        overflow: visible !important;
 }
.sl-destination .flickity-prev-next-button{
    z-index: 1111 !important;
    opacity: 1;
}
.sl-destination .flickity-prev-next-button svg{
   
        fill: #fff !important;
   border-radius: 3px;
    
    background: #1e3267;
}
.sl-destination .flickity-prev-next-button svg path{
        fill: #fff !important;
}
@keyframes bannermove {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.it-destination {
    flex: 0 0 33.3333%; /* Hiển thị 3 item */
    padding: 0;
}
.it-destination img{
    height: 255px;
    object-fit: cover;
}


.s3 .large-4 .col-inner{
    border-radius: 12px;
    box-shadow: 6px 6px 15px 0 rgba(0, 0, 0, .15);
}
.s3 .box .box-text a{
    margin: 0;
}
.s3 .box .box-text a:first-child span{
    font-size: 20px;
}

.s3 .box  p{
    margin: 10px 0 20px 0;
    font-size: 16px;
    min-height: 130px;
}
.s3 .box img{
    border-radius: 12px 12px 0 0;
}

.s4{
    background: linear-gradient(90deg, #3c3e99 0%, #87a7ff 100%);
    
}
.s4 .headline_tsl *{
    color: #fff;
}
.s4 .headline_tsl .custom-gradient{
        background: none;
    color: #fff;
    -webkit-text-fill-color: #fff;
}
.sl-career .flickity-slider:hover, .sl-event .flickity-slider:hover {
    animation-play-state: paused;
}
.sl-career .flickity-slider, .sl-event .flickity-slider{
    /*animation: bannermove 25s linear infinite;*/
}
.sl-career .flickity-slider>.row:not(.is-selected), .sl-event .flickity-slider>.row:not(.is-selected){
    opacity: 1;
}
@keyframes bannermove {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.it-career{
            flex-basis: 20%;
        max-width: 20%;
        padding: 0 10px;
}
.it-career img{
    min-height: 370px;
    object-fit: cover;
    border-radius: 10px;
}

.it-career .button{
        margin: 0 !important;
    text-transform: initial;
    display: block;
    min-height: inherit;
    line-height: 1.4;
    padding: 10px 15px;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 16px;
    position: absolute;
    bottom: 15%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    min-width: 230px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f19000 !important;
}
.it-career .button:hover{
    background-color: #2f3192 !important;
}
#other-destinations .it-career .button{
        line-height: 1.4;
    width: 94%;
    bottom: 15px;
    min-height: 95px;
    height: initial;
    font-size: 15px;
}
.s5 svg path{
    stroke: #2f3192;
}
.s5 h3{
    font-size: 22px;
    line-height: 1.4;
}
.s5{
   padding: 80px 5% !important;
}
.s5 .large-4 .col-inner.text-center {
    padding: 0 50px;
    border-right: 1px solid #d9d9d9;
    margin-bottom: 10px;
}
.s5 .col:nth-child(3n) .col-inner.text-center{
    border: none;
}
.s6 img{
    height: 350px;
    object-fit: cover;
}
.s6 .event-content a.button{
        margin: 0;
    width: 100%;
}


.accordion{
    max-width: 755px;
    margin: auto;
}
.accordion-title.active{
    border: none;
        background: none;
}
.accordion-item .accordion-inner{
    
    padding: 0 40px 30px 40px;
    position: relative;
    transition: border-color 0.15s ease;
    box-shadow: 0 90px 70px 0 rgba(0, 0, 0, 0.04), 0 40px 35px 0 rgba(0, 0, 0, 0.03), 0 25px 15px 0 rgba(0, 0, 0, 0.03), 0 11px 7px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.03);
    border-radius: 20px;
}
.accordion-item .accordion-inner p{
        margin-bottom: 0;
    color: #2e3191;
    font-size: 17px;
}
.accordion-title{
        text-transform: none;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
        padding: 30px 70px 30px 40px;
    transition: color 0.15s ease;
    border-top: none;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    
}
.accordion-title span{
    color: #1e3267
}
.accordion .toggle{
    left: initial;
    right: 0;
}
.accordion-title.active span{
    color: #ff9800;
}
.accordion-item:hover .accordion-title span, .accordion-item:hover .icon-angle-down{
    color: #ff9800;
}
.accordion-item .toggle{
    opacity: 1;
    color: #1e3267;
}
.accordion .toggle{
    width: 30px;
    height: 30px;
    border: 1px solid #1e3267;
    border-radius: 50%;
    display: inline-flex;
    margin: 0;
    min-height: initial;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    top: 24px;
}
.accordion .toggle i{
        position: initial;
    line-height: initial;
    min-height: initial;
    display: inline-flex;
}
.accordion .toggle i:before{
        content: '\e00c';
    font-size: 11px;
    font-weight: 100;
}
.accordion-item:hover .toggle, .accordion-title.active .toggle{
    border: 1px solid #ff9800;
}
.accordion-title.active .toggle i:before{
    color: #ff9800;
}
a:hover{
    color: #ff9800 !important;
}
/* Form tư vấn */
.d-flex{
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}
.d-flex p{
    flex: 1;
}
 .wpcf7-spinner{
    display: none;
}
.submit-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.submit-wrapper::after {
      content: "Đăng ký tư vấn miễn phí cùng chuyên gia";
    position: absolute;
    top: -20px;
    left: 0;
    color: #1e3267;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 10;
}
.submit-wrapper:hover::after {
  opacity: 1;
}
.frm_tv{
        padding: 45px;
    border-radius: 15px;
    background: #fff;
}
.frm_tv input:focus{
    color: #2f3192;
}
.frm_tv input{
        padding: 0 20px;
    height: 38px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #2f3192;
    color: #2f3192;
    font-weight: 400;
}
 .wpcf7 .frm_tv label{
    color: #2f3192;
}
.frm_tv select{
    color: #2f3192;
    margin-bottom: 25px;
}
.wpcf7 .wpcf7-not-valid-tip{
    font-size: 13px;
}
.wpcf7 .woocommerce-invalid input,.wpcf7 input.wpcf7-not-valid{
    border-color: #c02b0a;
}
.frm_tv .wpcf7-submit{
    background-color: #f19000 !important;
    margin: 0;
    border: none;
    width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
    line-height: inherit;
    padding: 12px 10px;
    color: #fff;
    font-weight: bold !important;
}
.frm_tv textarea{
        padding: 10px 10px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #2f3192;
    color: #2f3192;
    font-family: 'Roboto';
    font-size: 14px;
}
.frm_tv ::placeholder {
    color: #2f3192;
    
}
.wpcf7-response-output{
    display: none;
}
.s8{
    background: linear-gradient(90deg, #061335 0%, #1e3267 100%);
}
.s8 .headline_tsl h2{
        text-align: left;
    color: #fff;
}
.s8 .headline_tsl .custom-gradient{
        color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}
.s8 .headline_tsl p{
    text-align: left;
    color: #fff;
}
.s8 .headline_tsl{
        padding-bottom: 40px;
    border-bottom: 2px solid #fff;
}
.s8_left{
    padding-right: 130px;
}
/* end form tư vấn */
/* footer */
.ft{
    background-color: #1e3267;
}
.ft .col{
    padding-bottom: 0;
}
.ft *{
    color: #fff;
}

.ft_left img{
    margin-bottom: 5px;
}
.ft a.ux-menu-link__link {
    padding: 3px 0;
    transition: all 0.3s;
    min-height: inherit;
}
.ft a.ux-menu-link__link:hover{
    
    padding-left: 5px;
}
.ft a.ux-menu-link__link:hover span{
color: #ff9800 !important;
}
.title_ft p, .title_ft{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 8px;
}
.title_ft p:after, .title_ft:after{
    content: "";
    width: 55px;
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    background-color: #fff;
}
.ft_end img{
    border-radius: 10px;
}
.ft .button.icon.circle{
        width: 40px;
    height: 40px;
    border-bottom: 1px solid #fff;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ft .social-icons{
    display: flex;
    gap: 7px;
}
.ft_r1{
    margin-bottom: 40px;
}
.absolute-footer{
    background-color: #000;
    padding: 15px 0;
}
.back-to-top.active{
        background: #2f3192;
    color: #fff;
    border: 1px solid #2f3192;
}
/* end footer */
/* page search */
#head_search{
    background: #2f3192;
    padding: 40px 0;
    margin-bottom: 10px;
}
#head_search h1{
    margin: 0;
    font-size: 44px;
    line-height: 46px;
    letter-spacing: 0.2px;
    color: #fff;
    text-transform: uppercase;
}
#head_search .col{
    padding-bottom: 0;
}

/* end search */
/* trang chi tiết điểm đến */
#head-taxanomy{
    position: relative;
}
#head-taxanomy img{
        width: 100%;
    height: 500px;
    object-fit: cover;
}
.sub_taxanomy{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.row-bg-overlay{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    
    backface-visibility: hidden;
    background: #2f3192;
    background: linear-gradient(90deg, #2f3192 10%, rgb(115 4 4 / 53%) 75%);
    opacity: 0.5;
    background: #2f3192;
        background: linear-gradient(90deg, #2f3192 0%, rgb(115 4 4 / 53%) 100%);
    opacity: 0.8;
}
.intro-taxanomy h1{
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 3px;
    font-size: 60px;
    text-align: center;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}
.intro-taxanomy  h2{
        font-size: 27px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    text-transform: uppercase;
}
.intro-taxanomy p{
    color: #fff;
    font-size: 17px;
    
    text-align: center;
    margin: auto;
}
.sub-header{
    background: linear-gradient(to right, #2f3192, #2186eb);
    display: table;
    margin: auto;
    color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    margin: 15px auto 0;
    font-size: 18px;
}
.sticky-wrapper{
    position: relative;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    background: #233168;
    transition: all 0.3s ease; /* hiệu ứng mượt */
    z-index: 999;
    width: 100%;
    max-height: 75px;
}
.page-submenu-inner{
    padding: 0 30px;
}
.page-submenu-inner ul{
    display: flex;
    gap: 10px;
        overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 18px 0 !important;
    box-sizing: content-box;
    
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
}
.page-submenu-inner ul li {
    margin: 0;
}
.page-submenu-inner ul li a{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 0 12px;
    opacity: 1;
    height: 38px !important;
        text-transform: uppercase;
    line-height: 36px !important;
    transition: all 0.3s;
}
.page-submenu-inner ul li  a.active, .page-submenu-inner ul li a:hover {
    background: #fff;
    color: #373F41 !important;
    border-color: #fff;
}

.sticky-wrapper.fixed {
    position: fixed;
    top: 0;
    
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#breadcrumbs{
        padding: 15px 0;
    margin: 0;
    font-size: 14px;
}
#overview{
    padding: 30px 0;
}
#overview .button:hover span{
    color: #2e3191;
}
.album-overview .flickity-button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    
    background: #fff;
    opacity: 1;
    transition: all 0.3s;
    /* left: 6%; */
}
.album-overview .flickity-button svg{
    width: 30px !important;

}
.album-overview .flickity-button:hover{
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .25);
}
.album-overview img{
    border-radius: 15px;
        min-height: 435px;
        max-height: 435px;
        width: 100%;
    object-fit: cover;
}
.album-overview .slick-prev{
    background: #233168;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    z-index: 1;
}
.album-overview .slick-next{
    background: #233168;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    z-index: 1;
}
.album-overview .slick-next:before,.album-overview  .slick-prev:before{
    font-size: 14px;
}
#highlights, #corevalues {
    background: linear-gradient(90deg, #374da1 0%, #233168 100%);
    padding: 80px 0;
    color: #fff;
}
#corevalues li{
    list-style: none;
}

#highlights h2, #corevalues h2{
    
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;

}
#highlights p, #corevalues p{
        text-align: center;
    max-width: 600px;
    margin: 0 auto 60px;

}
.list-highlights .col:nth-child(1), .list-highlights .col:nth-child(2), .list-highlights .col:nth-child(3), .list-corevalues .col:nth-child(1), .list-corevalues .col:nth-child(2), .list-corevalues .col:nth-child(3){
    margin-bottom: 30px;
}
.list-highlights h3, .list-corevalues h3{
    color: #fff;
    font-size: 23px;
    text-align: center;
    min-height: 65px;
    line-height: 1.4;
}
.list-highlights p, .list-corevalues p{
    margin-bottom: 0 !important;
}
.list-highlights  .col, .list-corevalues  .col{
    padding: 0 75px ;
}
.list-highlights  .col:nth-child(3n+2), .list-corevalues  .col:nth-child(3n+2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#programs{
    padding: 80px 0;
}
.sl-program .program-item{
            flex-basis: 70%;
        max-width: 70%;
}
.left-programs{
    padding-right: 200px;
}
.left-programs h2{
    text-transform: uppercase;
}
#activities{
    padding: 0;
}
#activities .box-image img{
    border-radius: 12px;
}
#activities .box-text{
    transition: all 0.3s;
    transform: translateY(0px);
    text-shadow: none;
    z-index: 1;
}
#activities .box{
        border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
#activities h3{
    font-size: 23px;
    text-align: left;
    transition: all 0.3s;
}
#activities p.lead{
        line-height: 1.3;
    font-size: 16px;
    transition: all 0.3s;
    text-align: left;
    margin: 15px 0 0 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    color: #fff;
}
#activities .box:hover p{
    visibility: initial;
    opacity: 1;
    height: initial;
}
#activities .box:hover .box-text{
    transform: translateY(-50px);
}
#activities .box:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    content: "";
    height: 100%;
    width: 100%;
    display: inline-block;
    background: linear-gradient(to bottom,rgba(0,0,0,0),#000000ad 100%);
}
.sl-activities .flickity-slider{
    animation: bannermove 25s linear infinite;
}
.sl-activities .flickity-slider>.row:not(.is-selected){
    opacity: 1;
}
.sl-activities .flickity-slider:hover{
    animation-play-state: paused;
}
@keyframes bannermove {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}
.s-apply a{
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
    font-size: 18px;
    font-weight: bold;
    gap: 25px;
    transition: all 0.3s;
}
.s-apply a p{
    margin: 0;
    flex: 1;
}
.s-apply svg path{
    stroke: #000;
}
.s-apply a:hover{
    background: #f2f2f2;
    color: #2e3191 !important;
}
.s-apply {
    padding-top: 50px !important;
    padding-bottom: 0 !important;
}
#faqs{
    padding-top: 80px;
}
#inquire{
    padding-top: 80px;
}
#other-destinations{
    padding: 80px 0;
}
/* end */
.searchform input{
    font-size: 18px;
}

/* trang chi tiết chương trình */
#academics{
    padding: 80px 0;
}
#academics img{
    border-radius: 15px;
}
.tabbed-content li a{
        border-radius: 5px 5px 0 0;
    font-size: 15px;
    padding: 13px 17px;
    line-height: 1.4;
}
.tabbed-content li a span{
    font-weight: bold;
    color: #1e3267;
}
.tabbed-content li.active a{
    background-color: #ff9800 !important;
}
.tabbed-content li.active a span{
    color: #fff
}
.tab-panels .panel {
    display: none;
    transform: scale(0.15);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.tabbed-content{
    margin-top: 50px;
}
.tabbed-content .nav{
    margin-bottom: 15px;
    margin: 0 auto 15px;
        border-bottom: 1px solid #ff9800 ;
}

.tab-panels .panel.active {
    display: block !important;
    transform: scale(1);
    opacity: 1;
}
.tabbed-content .panel.entry-content .row{
    padding: 0 50px
}
.right_ct_aca{
    border: 1px solid #d9d9d9;
    padding: 50px;
    border-radius: 15px;
}
#orientation .right_ct_aca{
        padding: 20px;
    border: 0;
}
#orientation .right_ct_aca img{
    border-radius: 15px;
}
#jobinfo{
    padding: 80px 0;
}
#route, #participants{
    padding: 80px 0 0 0;
}
#finance, #filecatalog{
    padding: 80px 0 30px 0;
}
.sub-tsl h2{
        text-align: center;
    text-transform: uppercase;
}
.sub-tsl p{
        text-align: center;
        max-width: 800px;
        margin: 0 auto 20px;
}
.s-prosing.bg-blue{
    background: linear-gradient(90deg, #3c3e99 0%, #87a7ff 100%);
}
.s-prosing.bg-blue *{
    color: #fff;
}
.s-prosing img{
    width: 100%;
}
.s-prosing.bg-blue h2{
    margin-bottom: 30px;
}
/* end chương trình */

/* css filter page search */
.toolbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 10px;
}
.toolbar-left, .toolbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.program-filter-layout {
    display: flex;
    gap: 20px;
    transition: all 0.3s ease;
}
.sidebar {
    width: 33%;
    position: sticky;
    top: 100px;
    height: fit-content;
    
    transition: all 0.3s ease;
    transition-duration: 300ms;
    transition-timing-function: linear;
}
#sb-in{
    background: linear-gradient(to bottom, #f8f8f8, #eaeaea);
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    
    border-radius: 10px;
    box-shadow: 6px 6px 15px 0px rgba(0, 0, 0, 0.15);
}
.sidebar.active{
    margin-right: -33%;
    opacity: 0;
    overflow: visible;
    box-sizing: border-box;
    min-height: 1px;
}
.main-content {
    flex: 1;
    transition: all 0.3s ease;
}
.program-item {
    display: block;
    animation: fadeIn 0.4s ease-in-out;
    padding-bottom: 10px;
}
.program-filter-layout.active .program-item{
    flex: 0 0 33.3%;
max-width: 33.3%;
}
span.result-count {
    color: #373F41;
    font-size: 14px;
    margin-right: 20px;
    line-height: 36px;
}
#toggle-filter, #clear-filters{
    background: #E2E5E6;
    color: #373F41;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    transition: transform .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    margin: 0;
}
.sidebar h3{
    background: #1e3267;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 32px 38px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin: 0;
}
.sidebar h3 .icon-menu{
    position: absolute;
    right: 15px;
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.filter-group{
        padding: 15px 18px;
}
.filter-group > strong{
    font-weight: bold;
    color: #2f3192;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 24px 20px;
    margin: 0;
    user-select: none;
    cursor: pointer;
    position: relative;
    display: block;
}
.filter-group > strong:after{
        content: '\f107';
    font-family: fl-icons !important;
    position: absolute;
    right: 0;
    font-size: 20px;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.loading-spinner {
    width: 40px;
    height: 40px;
    margin: 40px auto;
    border: 4px solid #ccc;
    border-top: 4px solid #1e3267;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.it-tsl-group {
    display: none;
    padding: 0 20px;
}
.it-tsl-group label{
        margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}
.it-tsl-group input{
        width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    border-radius: 5px !important;
    border: 1px solid #E2E5E6 !important;
}
/* Ẩn checkbox mặc định */
.filter-box {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

/* Hiệu ứng khi được checked */
.filter-box:checked::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #e74c3c; /* cam đỏ */
    border-radius: 3px;
    position: absolute;
    top: 4px;
    left: 4px;
}
#sidebar-clear-filters{
    background: #1e3267;
    color: #fff;
    font-size: 13px;
    padding: 5px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    transition: background 0.3s ease;
}
#sidebar-clear-filters:hover {
    background: #1e3267;
}
.program-inner{
        border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 6px 6px 15px 0 rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    background: #fff;
}
.infor-program {
    padding: 20px 26px 0px 26px;
    border-radius: 0 0 10px 10px;
}
.infor-program h3{
    background: none;
    padding: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4;
    min-height: 56px;
}
.national {
    font-size: 15px;
    margin-bottom: 5px;
}
.infor-career {
    background: linear-gradient(88.13deg, #2f3192 .83%, #0c447c 100%);
    border-radius: 0 0 10px 10px;
    color: #fff;
    padding: 14px 15px;
    font-size: 14px;
        
    flex-direction: column;
    min-height: 130px;
}
.infor-program .excerpt {
        min-height: 128px;
    background: none;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.infor-career div{
    flex: 1;
}
/* end page search */
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
    background-color: #1e3267;
}
.sidebar-footer{
    padding: 20px;
    text-align: center;
}
.page-submenu-inner .controls .control {
    position: absolute;
    top: 26px;
    cursor: pointer;
    display: none;
}


.page-submenu-inner .controls .control.control-prev {
    left: 10px;
}

.page-submenu-inner .controls .control.control-next {
    right: 10px;
}
.entry-content.single-page img{
    margin: 15px 0;
}
/* Giới thiệu */
#bread .row{
    margin: auto;
}
.gt1 .col, #whoweare .col, #commitment .col, #partner .col, #closing .col{
    padding: 0;
}
.gt1 .intro-taxanomy p{
    text-align: left;
}
.gt1 .intro-taxanomy h1{
    text-align: left;
    font-size: 50px;
    padding: 0;
}

.gt1 #head-taxanomy img{
    max-height: 400px;
    object-fit: cover;
}
.bg_gradient{
    background-color: #1e3267;
    
}
.bg_gradient .col{
    padding: 0;
}
.bg_gradient *{
    color: #fff;
    
}
.align-equal{
    display: flex;
    align-items: center;
}
.gt-pr-35{
    padding: 0 4% !important;
}
.gt-pl-35{
    padding: 0 4% !important;
}
#partner #inquire{
    padding: 0;
}
#partner #inquire .s8_left {
    padding-right: 130px;
}
#whoweare img, #mission img, #corevalues img, #keymilestones img, #ourpartners img, #closing img, #commitment img, #whytdg img, #closing img{
    width: 100%;
}

/* end page giới thiệu */
.s6 .event-card img{
    height: 310px;
}
/* sự kiện & hội thảo */
.title_event{
    margin: 0 ;
    text-transform: uppercase;
}
.title_event:before{
        content: "";
    display: inline-block;
    width: 30px;
    height: 36px;
    background: url(img/event.png) center no-repeat;
    background-size: contain;
    margin: 0 8px -8px 0;
}
.event-card img{
    width: 100%;
    border-radius: 10px 10PX 0 0;
        height: 165px;
    object-fit: cover;
}
.event-card {
    position: relative;
}
span.event-status.badge {
   position: absolute;
    right: 5px;
    top: 5px;
    height: initial;
    width: initial;
    background: #FF9800;
    border-radius: 0 10px;
    padding: 3px 14px;
    color: #fff;
    font-size: 13px;
    background: linear-gradient(135deg, #ff2929, #d5a84c);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    animation: pulse 1.6s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,87,34,.6); }
    70% { box-shadow: 0 0 0 10px rgba(255,87,34,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,87,34,0); }
}

.event-thumb{
    position: relative;
}
.event-thumb:before, .event-thumb:after {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    z-index: 9;
    border-radius: 10px;
}
.event-thumb:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.event-thumb:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}
.event-card:hover .event-thumb:before,.event-card:hover .event-thumb:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.event-content {
    background: #1e3267;
    padding: 15px 15px 30px 15px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    background: linear-gradient(45deg, #1e3267, #000);
}
.event-content .d-flex{
    margin-bottom: 0;
}
.event-content .d-flex a{
    flex: 1;
}
.event-title{
        color: #fff;
    background: none;
    padding: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 45px;
    line-height: 1.4;
    margin-bottom: 15px;
    font-size: 16px;
}
.event-title a{
    color: #fff;
}
.event-desc{
    background: none;
    min-height: 77px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
#blog-posts-wrapper .btn{
        font-size: 14px;
    padding: 5px 20px;
}

.event-date{
    font-size: 14px;
    margin-bottom: 0;
}
.event-location{
    font-size: 14px;
}
.upcoming{
    margin-bottom: 50px;
}
blockquote.event-highlight {
        color: #fff;
    font-size: 14px;
    margin: 10px 0 25px 0;
    padding: 0 0 0 15px;
    border-left: 1px solid #d2a94e;
    background: none;
    padding: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    min-height: 88px;
    padding-left: 10px;
}
.btn, .btn-register {
    color: #fff;
    background: #ff9800;
    margin: auto;
    display: table;
    padding: 8px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}
.btn-register{
    background: #af0c0c;
}
.btn:hover, .btn-register:hover {
    background-color: #e68900;
    transform: translateY(-2px);
    color: #000 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
/*popup*/
.wpcf7 .wpcf7-response-output{
        font-size: 14px;
    line-height: 1.2;
}
#popup_tuvan{
    border-radius: 5px;
}
.s_popup .img{
    margin: auto;
}
.s_popup h3{
        font-size: 20px;
    padding: 0px 0;
    text-align: center;
    margin: 0;
    text-transform: uppercase;

}
.s_popup p{
        text-align: center;
    font-size: 14px;
    margin: 0 0 10px 0;

}
.s_popup .text p{
    text-align: center;
}
.s_popup .wpcf7-submit{
        margin: 0 auto 10px;
    display: block;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
}
.s_popup form{
    margin: 0;
}
.wpcf7-spinner{
    display: none !important;
}
.s_popup .wpcf7 .wpcf7-not-valid-tip{
    text-align: left;
    font-size: 13px;
}
.s_popup input, .s_popup textarea{
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #3F51B5;
    color: #000;
    font-weight: 100;
}
.s_popup .d-flex {
    margin-bottom: 0;
}
.s_popup .d-flex p{
    display: flex;
    gap: 10px;
}
.s_popup .img img{
    max-height: 65px;
    width: auto;
    margin: 0 auto 5px;
    display: block;
}
#popup-register{
    border-radius: 15px;
}

/*end popup*/

/* end */
/* single post */
.blog-single{
    padding-top: 0;
}
.widget_categories {
    padding: 20px;
    box-shadow: 0px 0px 10px #edeaea;
    margin: 40px 0;
}
.widget_categories .widget-title {
    display: block;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 15px;
    font-size: 20px;
    
}
.widget_categories .widget-title span{
    border-bottom: 1px solid #1e3267;
    padding-bottom: 14px;
}
.post-sidebar .is-divider{
    display: none;
}
.post-sidebar .cat-item a{
    color: #434343;
    padding: 13px 0;
    font-size: 16px;
}
.post-sidebar .cat-item {
    display: flex;
    align-items: center;
}
.custom-latest-posts {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 22px;
}

.custom-post-item {
display: flex;
gap: 20px;
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;
}
.custom-latest-posts .custom-post-item:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.custom-post-thumb img {
        width: 120px;
    height: 85px;
    border-radius: 2px;
    object-fit: cover;
}

.custom-post-info {
flex: 1;
}


.custom-post-title a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    
}
.custom-post-title a:hover{
    color: #1e3267 !important;
}

.custom-post-meta {
font-size: 14px;
color: #555;
display: flex;
gap: 20px;
align-items: center;
}

.custom-post-meta i {
margin-right: 5px;
}
.meta-date:before{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(img/i1.png) center no-repeat;
    margin: 0px 5px -1px 0;
}
.meta-comments:before{
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(img/i2.png) center no-repeat;
    margin: 0px 5px -1px 0;
}
#entry_tsl{
    margin: 0;
}

/* end single post */
/*category*/
.post-item .post-title{
    min-height: 50px;
    
}
.post-item .post-title a{
    text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*end category*/

/* page faqs */

#career, #expense{
    margin: 80px auto;
}
#language-requirements{
    margin-bottom: 80px;
}
/* end page faqs */

/*cẩm nang filter*/
.filter-tabs {
    margin-bottom: 20px;
}
.filter-tabs .tab-btn {
        display: inline-block;
    padding: 5px 45px;
    margin: 0 6px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px;
}
.filter-tabs .tab-btn:hover,
.filter-tabs .tab-btn.active {
        background: linear-gradient(135deg, #3466b6, #2c3a70) !important;
    color: #fff;
    border-color: #213268;
}
#load-more{
    display: none;
}
.loading-spinner-cm {
  text-align: center;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 15%);
}
.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db; /* màu chính */
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: spin 0.8s linear infinite;
  margin: 0 auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#cam-nang-wrapper{
    position: relative;
}
/*end cẩm nang filter*/
.page-wrapper{
    padding-top: 0;
}
.post-sidebar .submit-button{
    width: 60px;
    height: 50px;
    
    position: absolute;
    right: 5px;
    top: 5px;
}
.post-sidebar .search-field{
    height: 60px;
    border: 1px solid #2f3192;
    box-shadow: none;
    font-size: 16px;
    color: #2f3192 !important;
    
}
.post-sidebar  input::placeholder {
    color: #2f3192;
    
}
.post-item img{
    transition: all 0.3s;
    border-radius: 12px;
}
.featured{
        position: absolute;
    width: 35px;
    height: 51px;
    background: url(img/star.png) center no-repeat;
    display: inline-block;
    z-index: 1;
    right: 5px;
    top: 5px;
    background-size: contain;
    
}
.post-item .box-image{
    
}
/*#filter-featured{*/
/*    background: linear-gradient(90deg, #3c3e99 0%, #203367 100%);*/
/*    color: #fff;*/
/*    border: none;*/
/*    border-radius: 7px;*/
/*    margin: 0 0 30px 0;*/
/*    padding: 12px 30px;*/
/*}*/
/*#filter-featured:before{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    background: url(img/filter.png) center no-repeat;*/
/*    background-size: contain;*/
/*    margin: 0 7px 0 0;*/
/*    vertical-align: sub;*/
/*}*/


/*button fixed*/
.btn-fixed{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 999;
    gap: 15px;
}

.regis-btn img{
    width:25px;
}
	.phone-vr {
        position: relative;
    visibility: visible;
    background-color: transparent;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #d4a94d87;
    background-color: #d4a94d87;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}
.phone-vr-img-circle {
    background-color: #d4a64d;
    width: 45px;
    height: 45px;
    line-height: 45px;
    top: 23px;
    left: 23px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 40px;
    max-width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
@-webkit-keyframes phone-vr-circle-fill {
  0% {-webkit-transform: rotate(0) scale(1) skew(1deg);  }
  10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
/*end button fixed*/

/*popup đăng ký fixed*/
#register-form{
    border-radius: 10px;
}
#register-form .s_popup h3{
    font-size: 14px;
    margin-bottom: 15px;
}
#register-form .frm_tv{
    padding: 0;
}
#register-form .s_popup p{
    text-align: left;
    margin: 0;
}
#register-form .frm_tv input{
    margin-bottom: 5px;
}
#register-form .frm_tv select{
    font-size: 14px;
        margin-bottom: 5px;
}
#register-form  .s_popup .wpcf7 .wpcf7-not-valid-tip{
    font-size: 11px;
}
/*end form đăng ký*/

body.archive .filter-group {
        margin-bottom: 24px;
    border: 1px solid #203269;
    padding: 15px;
    border-radius: 3px;
}

body.archive .filter-title {
        font-weight: 600;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 9px 23px;
    color: #fff;
    font-size: 17px;
    background: #1d3267;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
}

body.archive .filter-group label {
    display: block;
    margin-bottom: 6px;
    cursor: pointer;
}

.archive-left{
    padding: 0 0 0 15px !important;
}
@media screen and (max-width: 1441px){
    .intro-taxanomy h1{
        font-size: 40px;
        padding: 0 15px;
    }
}
@media screen and (max-width: 1400px){
    .s1 h1{
        font-size: 40px;
    }
    .headline_tsl h2{
        font-size: 25px;
    }
    .s2 .button{
        padding: 8px 15px;
            font-size: 14px;
    }
    .it-career .button{
        font-size: 14px;
        height: 50px;
        min-width: 80%;
    }
    .s5 h3{
        font-size: 18px;
    }
    .it-event .button{
        font-size: 14px;
    }
    .accordion-title span{
        font-size: 17px;
    }
    .accordion-item .accordion-inner p{
        font-size: 16px;
    }
    .it-career {
        flex-basis: 33.33%;
        max-width: 33.33%;
    }


    #head_search h1{
            font-size: 25px;
        line-height: 25px;
    }

}
@media screen and (max-width: 1355px){
    .logo-left .logo{
        flex-basis: initial;
    }
    .sub_taxanomy{
        padding: 0 15px;
    }
    #partner #inquire .s8_left{
        padding-right: 15px;
    }
    #partner .col{
        padding: 0 15px 30px 15px;
    }
}
@media screen and (max-width: 1300px){
    
    
    .it-career .button{
        min-width: 230px;
    }
    .s5 .large-4 .col-inner.text-center {
        padding: 0 20px;
    }
    .page-search{
        padding: 0 15px;
    }
    .page-search .sidebar{
        width: 25%;
    }
    #head_search{
        padding: 30px 15px;
    }
    .filter-group{
        padding: 0 15px 0 0;
    }
    .gt-pl-35{
        padding: 25px  !important;
    }
    .gt-pr-35{
        padding: 25px ;
    }
    p{
        font-size: 15px;
    }

}
@media screen and (max-width: 1250px){
    .has-mega-img-menu{
        display: none !important;
    }
    .header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li > .sub-menu > li > a{
        font-size: 14px;
    }
    .header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown{
        width: 98vw !important;
        max-width: 98vw !important;
    }
    .header-nav-main > li.menu-item-type-custom > .sub-menu.nav-dropdown > li{
        padding: 10px;
    }
    .s1_end{
            max-width: 500px !important;
    }
    .s8_left {
        padding-right: 15px;
    }
    .header-inner {
        padding: 0 15px;
    }
    .list-highlights .col, .list-corevalues .col {
        padding: 0 20px;
    }
    .list-highlights h3, .list-corevalues h3{
        font-size: 18px;
    }
    .right_ct_aca{
        padding: 15px;
    }
    .page-submenu-inner .controls .control {
        display: initial;
    }
    .page-submenu-inner ul{
        justify-content: left;
    }
}
@media screen and (max-width: 1140px){
    #logo {
        width: 90px !important;
    }
    .gt1 .intro-taxanomy h1{
        font-size: 35px;
    }
    .header-main li.html.html_topbar_right {
        display: none;
    }
    #mission .large-6, #whoweare .large-6, #corevalues .large-6, #keymilestones .large-6, #ourpartners .large-6{
                flex-basis: 100%;
        max-width: 100%;
        padding: 0 15px !important;
    }
    .bg_gradient{
        padding: 20px 0 !important;
    }
    #whoweare .col.large-6:first-child, #keymilestones .col.large-6:first-child{
        order: 2;
    }
    #whoweare, #keymilestones{
        padding: 20px 0 !important;
    }

}

@media screen and (max-width: 1000px){
    .program-filter-layout{
        display: block;
    }
    .page-search .sidebar{
        width: 100%;
        position: initial;
        margin-bottom: 15px;
    }
    .sidebar.active{
        height: 0;
    }
    .program-filter-layout.active .program-item {
        flex-basis: 50%;
        max-width: 50%;
    }
    .sidebar h3 .icon-menu{
        display: inline-block;
    }
    .sidebar-footer{
        padding: 0;
        text-align: center;
    }
    #sb-in .filter-group, .sidebar-footer{
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.4s ease;
    }
    #sb-in .filter-group.active, .sidebar-footer.active{
         max-height: 1000px; /* nên set đủ lớn */
        opacity: 1;
        transform: translateY(0);
    }
    .sidebar-footer.active{
        padding: 20px;
        
    }
    .sidebar h3{
        border-radius: 0;
        padding: 20px 15px;
    }
}
@media screen and (max-width: 950px){
    .nav-slide{
        padding-top: 75px;
    }
    .nav-sidebar .icon-angle-right{
        font-size: 17px;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
        width: 60%;
    }
    .header-social-icons a{
            background: #fff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        color: #1e3267;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .logo-left .logo{
        flex-basis: 15%;
    }
    .it-career img {
        min-height: 300px;
    }
    .s5 .large-4 .col-inner.text-center{
        border: none;
        padding: 0;
    }
    .s8_left, .s8_right,.ft_left, .ft_right , .ft_end  {
        flex-basis: 100%;
        max-width: 100%;
    }
    .s3 .large-4, .s5 .large-4{
        flex-basis: 50%;
        max-width: 50%;
    }
    .ft_left img{
        max-width: 130px;
    }
    .ft_right {
        margin-bottom: 40px;
    }
    .header-button-1{
        display: none !important;
    }
    
    .intro-taxanomy p {
        font-size: 14px;
    }
    #overview{
        padding: 0;
    }
    .tabbed-content h2{
        font-size: 22px;
    }
    body{
        font-size: 15px;
        position: relative;
        overflow: hidden;
    }
    .s-apply a{
        font-size: 16px;
        padding: 15px;
        gap: 10px;
    }
    .sticky-wrapper{
        position: relative;
    }
    #overview h2{
        font-size: 22px;
    }
    .page-submenu-inner ul{
                justify-content: left;
    }
    #overview .large-6,  #academics .large-6, #jobinfo .large-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .tabbed-content .nav{
            display: flex;
        padding: 0 15px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        
        box-sizing: content-box;
        -ms-overflow-style: none;
        scrollbar-width: none;
        align-items: center;
        justify-content: left;
        list-style: none;
        margin: 0;
        flex-flow: nowrap;
    }
    
}
@media screen and (max-width: 850px){
    .header-main li.html.html_topbar_left{
        display: inline-block !important;
        color: #2f3192;
    }
    header .stuck #logo img {
        max-height: 60px !important;
    }

    .medium-logo-center .flex-left{
        position: absolute;
        left: 15px;
    }
    .header-inner .flex-right{
        position: absolute;
        right: 15px;
    }
    .logo-left .logo {
        flex-basis: 100%;
    }
    .header-button-2 .button span, .mobile-nav .icon-menu{
        color: #2f3192;
    }
    .s1 h1{
        margin: 0 0 20px 0;
    }
    .s1 p{
        margin-bottom: 20px;
    }
    .s1{
        padding-bottom: 40px !important;
    }
    .s2{
        padding: 40px 0 !important;
    }
    
    .it-career, .it-event{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .s-apply .col.large-4{
            flex-basis: 50%;
        max-width: 50%;
    }
    .left-programs {
        padding-right: 15px;
    }
    #programs{
        padding: 50px 0 0;
    }
    #programs .large-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sl-program .program-item {
        flex-basis: 50%;
        max-width: 50%;
    }
    #activities h3{
        font-size: 20px;
    }
    #activities .large-4{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #activities p.lead{
        opacity: 1;
        height: initial;
        visibility: initial;
    }
    #head_search {
        text-align: center;
    }
    
}
@media screen and (max-width: 769px){
    .s1{
        padding-top: 50px !important;
    }
    .s1 h1 {
        font-size: 35px;
        margin: 0 0 5px 0;
    }
    .headline_tsl h2 {
        font-size: 20px;
    }
    .s2 .large-12{
        padding: 0 15px;
    }
    .sl-destination-wrapper .flickity-viewport{
        animation: none;
    }
    /*.sl-destination{*/
    /*    animation: none;*/
    /*        flex-wrap: wrap;*/
    /*}*/
    /*.it-destination{*/
    /*    flex: 0 0 100%;*/
    /*    max-width: 100%;*/
    /*    padding: 0 5px 15px 5px;*/
    /*}*/
    /*.it-destination img{*/
    /*    border-radius: 12px;*/
    /*}*/
    .hide-mb{
        display: none !important;
    }
    .it-destination {
        flex: 0 0 50%;
     
        max-width: 50%;
    }
    .s2{
        padding-bottom: 0 !important;
    }
    .s4{
        padding: 60px 0 !important;
    }
    .sl-career .hide-mb{
        display: initial;
    }
    .s5{
        padding: 60px 0 0 0 !important;
    }
    .s5 .icon-box p{
        font-size: 15px;
    }
    .s6{
        padding-bottom: 0 !important;
    }
    .accordion-title{
        padding: 15px;
    }
    .accordion-title span {
        font-size: 16px;
    }
    .accordion-item .accordion-inner{
        padding: 0 15px 15px 20px;
    }
    .s8 .headline_tsl, .s8_left {
        padding-bottom: 0;
    }
    .frm_tv{
        padding: 15px;
    }
    .d-flex{
        margin-bottom: 15px;
    }
    .frm_tv .wpcf7-submit{
        padding: 8px 10px;
    }
    .s8{
        padding-bottom: 0 !important;
    }
    .ft{

        padding-top: 50px !important;
        padding-bottom: 15px !important;
    }
    .absolute-footer{
        padding: 10px 0 ;
        font-size: 12px;
    }
    .s1 p br{
        display: none;
    }
    .it-destination img {
        height: 280px;
    }
    .s8 .headline_tsl h2{
        max-width: 100%;
        text-align: center;
    }
    .s8 .headline_tsl p{
        text-align: center;
    }
    .header-wrapper{
        box-shadow: -9px -5px 8px rgb(241 144 0);
    }
    .sub_taxanomy{
        top: 38%;
    }
    #highlights, #corevalues{
        padding: 50px 15px !important;
    }
    #highlights h2, #corevalues h2{
        margin-bottom: 15px;
        font-size: 22px;
    }
    #highlights p, #corevalues p{
        margin-bottom: 30px;
    }
    .list-highlights .col:nth-child(3n+2), .list-corevalues .col:nth-child(3n+2){
        border: none;
        padding: 30px 0;
        border-top: 1px solid #ffc773;
        border-bottom: 1px solid #ffc773;
        margin: 30px 0;
    }
    .list-highlights .col.large-4, .list-corevalues .col.large-4{
        flex-basis: 100%;
        max-width: 100%;
        
    }
    .list-highlights h3, .list-corevalues h3{
        min-height: initial;
    }
    #academics{
        padding: 40px 0;
    }
    .tabbed-content .panel.entry-content .row {
        padding: 0 20px;
    }
    .tab-panels .entry-content .col{
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .right_ct_aca{
        border: none;
    }
    #faqs{
        padding: 50px 30px;
    }
    #inquire

    {
        padding-top: 0;
    }
    #other-destinations{
        padding: 50px 0;
    }
    #head-taxanomy img{
            height: 410px;
        object-fit: cover;
    }
    .sub-header{
        font-size: 15px;
    }
    .s1 .section-bg{
        background: url(img/mobile-hero-bg.webp) !important;
        background-size: cover;
    }
}
@media screen and (max-width: 600px){
    .s1 h1 {
        letter-spacing: -1px;
        font-size: 32px;
        line-height: 1.4;
    }
    .s1 p{
        font-size: 15px;
    }
    .s1_end .button{
        font-size: 16px;
                padding: 5px 0;
    }
    .s1_end{
        max-width: 95%;
        flex-direction: column;
                width: 95%;
    }
    .s1 .col.large-6{
        padding: 0;
    }
    .s1_end .col:first-child{
        margin-bottom: 10px;
    }
    .s2 .button{
                padding: 8px 35px;
    }
    .s3 .large-4, .s5 .large-4{
                padding: 0 7.5px 15px;
    }
    .s3, .s5{
        padding: 30px 7.5px !important;
    }
    .s3 .large-4{
                flex-basis: 100%;
        max-width: 100%;
    }
    .s5 .large-4{
                flex-basis: 100%;
        max-width: 100%;
        padding: 0 50px;
    }
    .s4 {
        padding: 40px 0 !important;
    }
    .s4 .large-12{
        padding-bottom: 0;
    }
    .headline_tsl h2 {
        font-size: 22px;
                line-height: 1.4;
                max-width: 95%;
        text-align: center;
        margin: 0 auto 10px
    }
    .headline_tsl h2 span{
        display: block;
        text-align: center;
    }
    .headline_tsl p{
        font-size: 15px;
    }
    .headline_tsl p{
        font-size: 15px;
    }
    .s5 h3 {
        font-size: 17px;
    }
        .s5 .icon-box p {
        font-size: 15px;
    }
    .accordion{
        padding: 0 25px;
    }
    .s6{
        padding-top: 0 !important;
    }
    .s6 .large-12{
        padding-bottom: 0;
    }
    .it-event .col{
        padding-bottom: 0;
    }
    .accordion .toggle{
        width: 22px;
        height: 22px;
    }
    .accordion .toggle i:before{
        font-size: 8px;
    }
    .accordion-item .accordion-inner p {
        font-size: 15px;
    }
    .frm_tv select{
        font-size: 14px;
    }
    .it-career,.it-event{
        flex: 0 0 80%;
        max-width: 80%;       
        padding: 0 7.5px;
    }

    #head_search {
        padding: 25px 15px;
    }
    #head_search h1 {
        font-size: 20px;
        line-height: 20px;
    }
    .program-filter-layout.active .program-item {
        flex-basis: 100%;
        max-width: 100%;
    }
    .infor-program h3{
        min-height: initial;
    }
    .infor-program{
        padding: 15px;
    }
    .program-item{
        padding-bottom: 0;
    }
    .d-flex{
        flex-direction: column;
    }
    .ft_left .img{
        display: block;
        margin: 0 auto 20px;
    }
    .ft_left p{
        text-align: center;
    }
    .ft_left .col-inner{
        padding-bottom: 0;
    border-bottom: 1px solid #FFC107;
    margin-bottom: 1.3em;
    }
    
    
    .ft .social-icons{
        justify-content: center;
    }
    .ft_right {
        margin-bottom: 25px;
    }
    
    .s-apply .col.large-4 {
        flex-basis: 100%;
        padding-bottom: 15px;
        max-width: 100%;
    }
    .post-sidebar{
        padding-bottom: 0;
    }
    
    #register-form .d-flex{
         flex-direction: row;   
    }
    #register-form .s_popup h3{
        padding: 0 20px;
    }
    .event-card img{
        height: 250px;
    }
    .event-card .event-thumb:before, .event-card .event-thumb:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 551px){
    #logo img
    {
        max-height: 65px !important;
    }
    
    .s5 .button span{
        font-size: 14px;
    }
    .intro-taxanomy h1, .gt1 .intro-taxanomy h1{
        font-size: 23px;
        margin-bottom: 10px;
    }
    .page-submenu-inner ul li a{
        font-size: 11px;
    }
    .sl-program .program-item, #activities .large-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .s_popup h3 {
        font-size: 18px;
    }
    .s_popup p{
        font-size: 13px;
    }
    .s_popup .img img {
        max-height: 45px;
    }
    .s_popup .d-flex p{
        margin-bottom: 0;
    }
    .s_popup textarea{
        min-height: 80px;
    }
    #filter-featured{
        padding: 6px 20px;
    }
}
@media screen and (max-width: 500px){
    #logo img
    {
        max-height: 55px !important;
    }
    .it-destination {
        flex: 0 0 100%;
     
        max-width: 100%;
    }
    
}
@media screen and (max-width: 451px){
    
    .s1 p {
        font-size: 14px;
    }
    .s1_end .button {
        font-size: 15px;
        
    }
    
    
    .frm_tv .wpcf7-submit{
        font-size: 14px;
    }
    .ft *{
        font-size: 14px;
    }
    #toggle-filter, #clear-filters{
        font-size: 11px;
    }
    span.result-count{
        margin-right: 0;
        font-size: 13px;
        padding: 0 5px;
    }
    #head_search h1 {
        font-size: 18px;
    }
    .sidebar h3{
        font-size: 15px;
    }
}
@media screen and (max-width: 435px){
    #toggle-filter, #clear-filters{
        padding: 0 8px;
    }
    span.result-count{
        padding: 0;
    }
}