/*
Theme Name: HoaSen University Theme
Theme URI: https://rumedia.vn
Description: HoaSen University Theme
Author: RU Media
Author URI: https://rumedia.vn
Version: 1.0
Tags: rumedia, thiet ke web, digital marketing
Text Domain: hsu
*/
@media only screen and (min-width: 1200px){.vc-header.sticky .vc-header__logo img.logo-h{			filter: none !important;			display: none;		}						.vc-header.sticky .vc-header__logo img.logo-white-h{			display: block !important;			filter: none !important;		}
.vc-header.sticky {
        background-color: #024da1 !important;

    }
}
.vc-footer img.jsLazy {    max-width: 250px;}

.vc-top {
    background-color: #024da1 !important;
}
@media only screen and (max-width: 1199.98px){
	nav.vc-header__nav.sp.jsNav {
    background: #024DA1 !important;
}
.vc-header__nav>ul{
        margin: 80px 0 0 !important;
}
}
/***************update 08/10/2025 T.Hoai*******************/
.z-index-2{
	z-index: 2;
	position: relative;
}

.bg-block-type-1 {
    background: linear-gradient(to bottom, #024DA1 52%, #F2F7FF 44%);
    position: relative;
    z-index: -2;
}
.bg-block-type-1::before {
        content: "";
    position: absolute;
    top: 52%;
    left: 0;
    width: 100%;
    height: 32px;
    background: #ED1C24;
    transform: translateY(-24px);
    z-index: -1;
}
.bg-block-type-1::after {
    content: "";
    position: absolute;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-bg-faculty-edu-right.svg');
    top: 52%;
    right: 0;
    width: 64px;
    height: 64px;
    transform: translateY(-24px);
    z-index: -1;
    background-size: 100%;
}
.bg-block-type-5{
   background: linear-gradient(to bottom, #F2F7FF 0px, #F2F7FF calc(100% - 360px), #DEEAFF calc(100% - 144px), #DEEAFF calc(100% - 432px), #CDDEF8 calc(100% - 432px), #CDDEF8 100%);
   position: relative;
}
.bg-block-type-5::before {
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/new_bg_b_left.svg');
    content: "";
    position: absolute;
    bottom: 144px;
    left: 0px;
    width: 360px;
    height: 144px;
    background-repeat: no-repeat;
    z-index: 1;
}
.bg-block-type-5::after {
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/new_bg_b_right.svg');
    content: "";
    position: absolute;
    bottom: 144px;
    right: 0px;
    width: 288px;
    height: 216px;
    background-repeat: no-repeat;
    z-index: 1;
}
.bg-block-type-6 {
    background: #024da1;
    position: relative;
    z-index: -2;
}
.bg-block-type-6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 60px;
    z-index: -1;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/img/icon-be-bl-type6.svg');
    background-repeat: no-repeat; 
    background-size: 100%;
}
.bg-block-type-6::after {
    content: "";
    position: absolute;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/img/icon-af-bl-type6.svg');
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}
.bg-block-type-6 h2, .bg-block-type-6 .hsu-see-more-wrapper{
    color: white;
}
.bg-block-type-6 .hsu-see-more-wrapper::after{
    background: white;
    color: #024DA1;
}
.bg-block-type-7 {
    background: linear-gradient(to bottom, #F2F7FF 52%, #024DA1 48%);
}
.hsu-see-more-wrapper {
    position: relative;
    margin-right: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    min-width: fit-content;
}
.hsu-see-more-wrapper::after {
    position: absolute;
    content: "›";
    display: inline-block;
    width: 36px;
    height: 28px;
    background: #024DA1;
    color: #fff;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    border-right: 8px solid #009FE8;
    font-size: 25px;
    right: -50px;
}
/*****Hsu-Popup***/
.hsu-cs-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 10002;
    padding: 20px;
}
.content-hsu-pp {
    background: #fff;
    margin: 40px auto;
    padding: 40px;
    max-width: 1000px;
    border-radius: 8px;
    position: relative;
    align-items: center;
}
.content-hsu-pp .close-hsu-pp {
  position: absolute;
    top: 10px;
    right: 15px;
    font-size: 22px;
    cursor: pointer;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.inner-hsu-pp {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.text-hsu-pp{
  flex: 1; 
}
h3.title-hsu-pp {
    margin-bottom: 20px;
    font-size: 32px;
}
.desc-hsu-pp, .desc-hsu-pp p, .desc-hsu-pp ul, .desc-hsu-pp ul li, .desc-hsu-pp span {
    font-size: 16px;
}
.desc-hsu-pp {
      overflow: auto;
    max-height: 250px;
}
.img-hsu-pp { position: relative;}
.bgimg-hsu-pp {
    background: #024DA1;
    position: absolute;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    bottom: 0;
    border-left: 35px solid #FFF200;
}
.img-hsu-pp img {
    z-index: 1;
    position: inherit;
    padding: 0 35px 35px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    max-width: 370px;
}
.btn-open-hsu-popup {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.btn-hsu-pp {
  display: inline-block;
  background: #024DA1;
  color: #fff;
  padding: 10px 22px;
  text-decoration: none;
  font-weight: 600;
  margin-top: 15px;
  transition: 0.3s;
}
.btn-hsu-pp:hover {
  background: #FF0000;
  color: #fff;
}
.view-des, .view-mob {
    margin: auto;
}
.view-mob {
    display: none;
}
@media only screen and (max-width: 1000px) {
    .img-hsu-pp img{
        max-width: 300px;
    }
    .desc-hsu-pp{
        max-width: 200px;
    }
    .content-hsu-pp{
    margin: 28px auto;
    padding: 28px;
    }
    .inner-hsu-pp{
        gap: 28px;
    }
}
@media only screen and (max-width: 700px) {
.img-hsu-pp img{
    padding: 0 25px 25px 0;
    max-width: 215px;
}
.desc-hsu-pp {
    max-height: 100px;
}
.bgimg-hsu-pp{
        border-left: 25px solid #FFF200;
}
}
@media only screen and (max-width: 500px) {
    .content-hsu-pp{
    padding: 40px 16px 32px 16px;

    }
.img-hsu-pp img{
    padding: 0 16px 16px 0;
    max-width: 100%;
}
.bgimg-hsu-pp{
        border-left: 16px solid #FFF200;
}
.desc-hsu-pp {
    max-height: 200px;
}
h3.title-hsu-pp {
    margin-bottom: 16px;
}
.inner-hsu-pp {
    align-items: flex-start;
    gap: 28px;
    flex-direction: column-reverse;
}
  .view-des {
   display: none;
}
.view-mob {
    display: block;
}
.bg-block-type-5::before{
        bottom: 37px;
    width: 94px;
    height: 38px;
}
.bg-block-type-5::after{
        bottom: 37px;
    width: 75px;
    height: 57px
}
.bg-block-type-5 {
    background: linear-gradient(to bottom, #F2F7FF 0px, #F2F7FF calc(100% - 57px), #DEEAFF calc(100% - 57px), #DEEAFF calc(100% - 38px), #CDDEF8 calc(100% - 38px), #CDDEF8 100%);
}
.bg-block-type-6::before{
    width: 50px;
    height: 30px;
}
.bg-block-type-6::after {
    width: 30px;
    height: 30px;
}
}
/***************update 08/09/2025 T.Hoai*******************/
.width-1200 {
    max-width: 1312px;
    margin: auto;
}
.grid-gap-cs {
    gap: 32px;
}
.pad-cs {
    padding: 56px 32px;
}
.b-radius-8{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
}
.b-radius-0{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
}
/***Liên hệ 2025*****/
  .hsu-block-cs,
  .block-location, .block-faculty.hsu-contact, .block-brand, .download-section, .vision-mission,
  .block-faculty.core-values, .block-history, .block-executive-board, .block-accrediatation, 
  .block-why-hsu, .wp-block-cover.site-ts-bl-news, .wp-block-cover.block-handbook{
     padding:56px
   }
   .hsu-block-cs.hsu-center h2, 
   .block-location h2, .block-faculty.hsu-contact h2, .block-brand h2, .download-section h2, 
    .vision-mission h2, .block-faculty.core-values h2.wp-block-heading, .block-accrediatation h2, 
    .block-inf-center h2{
      text-align: center;
      margin-bottom: 40px;
      font-size: 32px;
    }
    .hsu-block-cs.hsu-star h2,
    .block-history h2,
    .block-executive-board h2{
      text-align: start;
      margin-bottom: 40px;
      font-size: 32px;
    }
    .hsu-block-cs h2,
    .block-handbook h2{
      font-size: 32px;
    }
    .block-program-main{
        position: relative;
        z-index: 2;
    }
    .block-program-main h3{
        font-size: 18px;
    }
    .hsu-block-cs p,
    .block-handbook p, .block-program-main h4{
      font-size: 16px;
    }
    .hsu-block-cs .wp-block-group__inner-container {
    padding: 0;
    }
    .block-program-main .grid-gap-cs {
    grid-template-columns: repeat(3, 1fr);
    }
    .block-location .container-lc {
      display: flex;
      justify-content: center;
      align-items: stretch;
      max-width: 1200px;
      margin: auto;
      overflow: hidden;
      gap: 32px;
    }
    img.ic-contact {
    margin-right: 8px;
    }
    /* Slider */
   .block-location .slider {
      flex: 1;
      position: relative;
      overflow: hidden;
    }
   .block-location .slider img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: none;
    }
    .block-location .slider img.active {
      display: block;
    }
    /* Progress bar */
    .block-location .progress {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 6px;
      background: #024DA1;
      width: 0%;
      transition: width 0s;
    }
    /* Danh sách trụ sở (accordion) */
    .block-location .locations {
      flex: 0.9;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .block-location .location {
      border: 1px solid #ddd;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0px 4px 8px -2px #0A0D121A;
      padding: 16px;
      background: #F5F7F9;
    }
    .block-location .location-header {
      cursor: pointer;
      transition: background 0.3s;
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 10px;
    }
    .block-location .location-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      font-size: 16px;
    }
    .block-location .location-content p{
        font-size: 16px;
    }
    .block-location .location.active .location-content {
      max-height: 200px; /* chiều cao tối đa khi mở */
    }
@media only screen and (max-width: 1000px) {
    .pad-cs{
        padding:32px;
    }
    .block-program-main .grid-gap-cs, .grid-gap-cs {
    grid-template-columns: repeat(2, 1fr);
    }
.hsu-block-cs,
.block-location, .block-faculty.hsu-contact, .block-brand, .download-section, .vision-mission,
.block-faculty.core-values, .block-history, .block-executive-board, .block-accrediatation, 
.block-why-hsu, .wp-block-cover.site-ts-bl-news, .wp-block-cover.block-handbook{
     padding:40px;
   }
 .hsu-block-cs h2,
 .block-location h2, .block-faculty.hsu-contact h2, .block-brand h2, .download-section h2,
 .vision-mission h2, .block-faculty.core-values h2.wp-block-heading, .block-history h2,
 .block-executive-board h2, .block-accrediatation h2, .block-inf-center h2 {
      margin-bottom: 28px;
      font-size: 24px;
    }
  .block-handbook h2{
      font-size: 24px;
    }
  .block-program-main h3{
        font-size: 16px;
    }
.block-location .container-lc{
flex-direction: column;
gap: 28px;
}
h3.title-hsu-pp {
    font-size: 20px;
}
}
@media only screen and (max-width: 500px) {
    .pad-cs{
        padding:32px 16px;
    }
    .block-program-main .grid-gap-cs, .grid-gap-cs{
    grid-template-columns: 1fr;
    }
.hsu-block-cs,
.block-location, .block-faculty.hsu-contact, .block-brand, .download-section, .vision-mission,
.block-faculty.core-values, .block-history, .block-executive-board, .block-accrediatation,
.block-why-hsu, .wp-block-cover.site-ts-bl-news, .wp-block-cover.block-handbook{
     padding: 32px 16px;
   }
 .hsu-block-cs h2,
 .block-location h2, .block-faculty.hsu-contact h2, .block-brand h2, .download-section h2,
 .vision-mission h2, .block-faculty.core-values h2.wp-block-heading, .block-history h2,
 .block-executive-board h2, .block-accrediatation h2, .block-inf-center h2 {
      margin-bottom: 16px;
      font-size: 20px;
    }
    .block-history h2,
    .block-executive-board h2{
      text-align: center;
    }
    .block-handbook h2{
      font-size: 20px;
    }
.block-location .container-lc{
flex-direction: column;
gap: 16px;
}
.block-location .location-header{
font-size: 16px
}
.block-location .progress{
height: 3px;
}
}
/******/
.block-faculty.hsu-contact .vc-accor {
    padding-bottom: unset;
}
.block-faculty.hsu-contact .vc-accor__content>p{
    margin-bottom: 12px;
}
div#faculty-accordion {
    max-width: 746px;
    margin: auto;
}
#faculty-accordion .vc-accor__item {
    box-shadow: unset;
    border-bottom: 1px solid #EFEEEF;
    border-radius: unset;
}
.block-faculty.hsu-contact .vc-accor__label span
 {
    font-size: 16px;
    margin-right: 16px;
    color: black;
}
.block-faculty.hsu-contact .vc-accor__label svg {
    fill: #4A5567;
}
#faculty-accordion .vc-accor__item input:checked+.vc-accor__label {
    border: unset;
    padding: unset;
}
.block-faculty.hsu-contact .vc-accor__content > p a {
    background: unset;
    padding: unset;
}
p:has(img.ic-contact) a {
    color: #4D5157 !important;
}
.block-faculty.hsu-contact .vc-accor__label span {
    font-size: 16px;
    margin-right: 16px;
    color: black;
}
@media only screen and (max-width: 500px) {
.block-faculty.hsu-contact .vc-accor__item{
padding: 4px 0;
}
}
/***End Liên hệ 2025*****/

/***Hệ thống nhận diện 2025*****/
.download-section {
    background: #F2F7FF;
}
.download-section img.icon-item-dl {
    width: 56px;
    height: 56px;
    margin-right: 16px;
}
.download-section .download-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
      justify-content: center;
}

.download-section .download-item {
      background: #fff;
      border-radius: 8px;
      padding: 32px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0px 1px 3px 0px #0A0D121A;
      cursor: pointer;
      transition: transform 0.2s ease;
}

.download-section .download-item:hover {
      transform: translateY(-3px);
    }

.download-section .download-item span {
    font-weight: 600;
    font-size: 20px;
    color: black;
}
.download-section .download-item .icon-item-arrow{
    width: 15px;
    height: 17px;
    filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(1841%) hue-rotate(179deg) brightness(101%) contrast(92%);
}
@media only screen and (max-width: 1000px) {
.download-section img.icon-item-dl {
    width: 36px;
    height: 36px;
}
.download-section .download-item span {  
    font-size: 16px;
}
.download-section .download-grid {
    gap: 20px
}
.download-section .download-item {
    padding: 20px;
}
}
@media only screen and (max-width: 500px) {
.download-section .download-grid {
    gap: 16px;
    grid-template-columns: 1fr;
}
.download-section .download-item {
    padding: 16px;
}
.download-section .download-item .icon-item-arrow {
    width: 10px;
    height: 12px;
}
}
/***End Hệ thống nhận diện 2025*****/

/****Tầm nhìn - sức mạnh - triết lý / Giá trị cốt lõi*****/
.block-faculty.core-values {
  background:  linear-gradient( to bottom,
              #F2F7FF 0px,
              #F2F7FF calc(100% - 216px),  
              #DEEAFF calc(100% - 216px),
              #DEEAFF calc(100% - 144px),      
              #CDDEF8 calc(100% - 144px),
              #CDDEF8 100%    
              );
  position: relative;
  z-index: -2;
}
.core-values .wp-block-group__inner-container{
  padding: unset;
}
.core-values .fy-fit-height {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-faculty.core-values::before {
background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/new_bg_b_left.svg');
    content: "";
    position: absolute;
    bottom: 144px;
    left: 0px;
    width: 360px;
    height: 144px;
    background-repeat: no-repeat;
    z-index: 1;
}
.block-faculty.core-values::after {
background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/new_bg_b_right.svg');
    content: "";
    position: absolute;
    bottom: 144px;
    right: 0px;
    width: 288px;
    height: 216px;
    background-repeat: no-repeat;
    z-index: 1;
}
.hsu-ddnb .wp-block-group.has-background  {
    padding: 32px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
.block-faculty.core-values .hsu-ddnb figure {
    margin-bottom: 28px;
}
.block-faculty.core-values .hsu-ddnb .wp-block-column p{
 font-size: 16px;
}
.block-faculty.core-values .gr-col3-row2 {
    gap: 32px;
     grid-template-columns: repeat(6, 1fr);
}
.hsu-ddnb .wp-block-group.has-background{
    grid-column: span 2;
}
.hsu-ddnb .wp-block-group.has-background:nth-child(5n+5),
.hsu-ddnb .wp-block-group.has-background:nth-child(5n+4) {
    grid-column: span 3;
}
/***/
.block-faculty .hsu-ddnb p strong, .block-faculty.vision-mission p strong{
font-size: 20px !important;
}
.block-faculty.vision-mission .hsu-tcdr{
gap: 40px;
}
.hsu-tcdr .is-layout-flex {
    gap: 32px;
}
.block-faculty.vision-mission .hsu-tcdr .wp-block-column{
 padding: 16px;
     border-radius: 16px;
      -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
}
.block-faculty.vision-mission .wp-block-group__inner-container {
    padding: 0;
}
.block-faculty.vision-mission .hsu-tcdr figure {
    margin-bottom: 28px;
}
.block-faculty.vision-mission .hsu-tcdr figure img{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    object-fit: cover;
    
}
.block-faculty.vision-mission .hsu-tcdr .wp-block-column p {
    margin-bottom: 12px;
    font-size: 16px;
}
@media only screen and (max-width: 1000px){
.hsu-ddnb .wp-block-spacer {
    clear: both;
    height: 20px !important;
}
.block-faculty.core-values .gr-col3-row2 {
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hsu-ddnb .wp-block-group.has-background{
    grid-column: unset;
}
.hsu-ddnb .wp-block-group.has-background:nth-child(5n+4) {
    grid-column: unset;
}
.hsu-ddnb .wp-block-group.has-background:nth-child(5n+5){
    grid-column: span 2;
}
.block-faculty.vision-mission .hsu-tcdr {
    gap: 28px;
}
.block-faculty.vision-mission .hsu-tcdr .wp-block-column {
        padding: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
}
.block-faculty.vision-mission .hsu-tcdr figure {
    margin-bottom: 0;
}
.block-faculty.vision-mission .hsu-tcdr .wp-block-column p {
    margin-bottom: 8px;
}
.block-faculty.vision-mission .hsu-tcdr figure.wp-block-image img {
    height: 100%;
}
.hsu-tcdr .is-layout-flex {
           gap: 20px;
        display: flex;
        flex-direction: column;
}
}
@media only screen and (max-width: 500px){
.block-faculty.core-values .is-layout-flex::-webkit-scrollbar {
    display: none; /* Chrome, Safari vĂ  Opera */
}
.block-faculty.core-values .wp-block-group__inner-container:has(section) {
    padding: 0;
}
.block-faculty.core-values {
    padding: 32px 0 32px 16px;
}

.block-faculty.core-values {
    background: linear-gradient(to bottom, #F2F7FF 0px, #F2F7FF calc(100% - 57px), #DEEAFF calc(100% - 57px), #DEEAFF calc(100% - 38px), #CDDEF8 calc(100% - 38px), #CDDEF8 100%);
    position: relative;
    z-index: -2;
}
.block-faculty.core-values::after{
      bottom: 37px;
    right: 0px;
    width: 75px;
    height: 57px;
        background-repeat: no-repeat;
    background-size: contain;
}
.block-faculty.core-values::before{
    bottom: 37px;
    left: 0px;
    width: 94px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: contain;
}
.hsu-ddnb {
    gap: 16px;
    overflow: auto;
}
.hsu-ddnb .wp-block-spacer {
            height: 16px !important;
}
.hsu-ddnb .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
  gap: 16px;
  min-width: fit-content;
  display: flex;
}
.block-faculty.core-values .gr-col3-row2 {
    gap: 16px;
    display: flex;
        gap: 16px;
        flex-direction: row;
        overflow: scroll;
        -ms-overflow-style: none;
        flex-wrap: nowrap !important;
        margin: 11px 0;
}
.hsu-ddnb .wp-block-group.has-background
 {
    padding: 16px;
      width: 300px;
 }
.padding-right-60 {
    padding-right: 60px;
}
.block-faculty.vision-mission .hsu-tcdr {
    gap: 16px;
}
.block-faculty.vision-mission .hsu-tcdr .wp-block-column {
    padding: 16px;
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr;
    min-width: fit-content;
}
}
/****End Tầm nhìn - sức mạnh - triết lý / Giá trị cốt lõi*****/

/****Lịch sử hình thành*****/
   .block-history .timeline-wrapper {
      position: relative;
      margin-bottom: 30px;
    }

    .block-history .timeline-years {
      display: flex;
      border-bottom: 1px solid #939FAD;
      overflow-x: auto;
      scroll-behavior: smooth;
    }

    .block-history .timeline-years::-webkit-scrollbar {
      display: none;
    }

    .block-history .timeline-years a {
      width: 180px;
      text-align: center;
          padding: 5px 0 16px 0;
      font-size: 16px;
    color: #4A5567;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: bold;
    }

    .block-history .timeline-years a.active {
      border-bottom: 3px solid;
      color: #024DA1;
    }

    .block-history .timeline-years a.active::after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #024DA1;
    }

    /* Nút scroll */
    .block-history .scroll-btn {
      position: absolute;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
    border-radius: 100%;
        -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    background: #F1F2F7;
    }

    .block-history .scroll-left {
      left: 0;
    }

    .block-history .scroll-right {
      right: 0;
    }

    .block-history .scroll-btn span {
      font-size: 22px;
      color: #4A5567;
      user-select: none;
    }

    .block-history .scroll-btn.hidden {
      display: none;
    }

    /* --- Timeline content --- */
    .block-history .timeline-content {
      display: none;
      background: #f1f6fd;
      border-radius: 8px;
        -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
        padding: 33px;
        gap: 20px;
        align-items: flex-start;
        position: relative;
        margin-left: 95px;
        min-height: 385px;
    }

    .block-history .timeline-content.active {
      display: flex;
    }

    .block-history .timeline-image {
      width: 319px;
    height: 319px;
    background: #ccc;
     border-radius: 8px;
        -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    flex-shrink: 0;
    position: absolute;
    top: 33px;
    left: -95px;
    }
    .block-history .timeline-image img{
        object-fit: cover;
        width: 100%;
        height: 100%;
         border-radius: 8px;
        -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    }
    .block-history .timeline-text {
      flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 250px;
    }

    .block-history .timeline-item h4 {
      font-size: 15px;
      font-weight: bold;
      margin: 0 0 8px;
    }

    .block-history .timeline-item p {
      font-size: 14px;
      color: #444;
      margin: 0;
      line-height: 1.5;
    }
@media only screen and (max-width: 1000px) {
.block-history .timeline-years a {
    width: 144px;
}
.block-history .timeline-content.active {
    display: flex;
    flex-direction: column;
}
.block-history .timeline-content {
    display: none;
    padding: 32px 16px;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    margin-top: 110px;
    min-height: unset;
    margin-left: unset;
}
.block-history .timeline-image {
    width: 300px;
    height: 300px;
    margin: -95px auto 0;
    position: unset;
}
.block-history .timeline-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: unset;
    margin-top:32px;
}
}
@media only screen and (max-width: 500px) {
    .block-history .timeline-wrapper{
        margin-bottom: 16px;
    }
.block-history .timeline-years a {
    width: 100px;
}
.block-history .timeline-content {
        padding: 33px 22px;
 
}
.block-history .timeline-image{
   aspect-ratio: 1 / 1;
   height: auto;
   width: 100%;
   margin: -120px auto 0;
}
.block-history .timeline-text{
gap: 16px;
margin-top: 16px;
}
}
/****End Lịch sử hình thành*****/

/***************Ban lãnh đạo******************/

  .block-executive-board .tabs { display: flex; border-bottom: 1px solid #939FAD; margin-bottom: 24px; }
  .block-executive-board .tab { padding: 6px 20px 15px 20px; cursor: pointer; transition: 0.3s; font-size: 16px; color: #4A5567; font-weight: bold;}
   .block-executive-board .tab.active { color: #024DA1; border-bottom: 3px solid #024DA1 }

   .block-executive-board .tab-content { display: none; }
   .block-executive-board .tab-content.active { display: block; }

    /* Grid card */
   .block-executive-board .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
   .block-executive-board .card {overflow: hidden; background: #fff; display: none; box-shadow: 0px 1px 3px 0px #0A0D121A;}
   .block-executive-board .card img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover;}
   .block-executive-board .card-body { padding: 24px 16px 32px; }
   .block-executive-board .card-body h3.name { font-size: 20px; }
   .block-executive-board .card-body p.position { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
   .block-executive-board .card-body a {
            display: inline-block;
            font-size: 16px;
            color: #4A5567;
            text-decoration: none;
            cursor: pointer;
            font-weight: bold;
    }
   .block-executive-board .hidden-desc {
    font-size: 16px;
    color: #4A5567;
    margin-bottom: 8px;
    }
    /* Button */
   .block-executive-board .btn-more, .block-executive-board .btn-pdf {
            margin: 40px auto 0;
            padding: 15px 60px;
            border: 1px solid;
            color: #024DA1;
            background: #fff;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            transition: 0.3s;
            font-weight: bold;
    }
   .block-executive-board .btn-more:hover, .block-executive-board .btn-pdf:hover { background: #024DA1; color: #fff; }

   .block-executive-board .center-btn { text-align: center;}

    /* Modal chung */
   .block-executive-board .modal { display: none; position: fixed; z-index: 10002; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); justify-content: center;
    align-items: center; }
   .block-executive-board .modal-content { background: #fff; margin: 40px auto; padding: 40px; max-width: 900px; border-radius: 8px; position: relative;}
   .block-executive-board .close { position: absolute; right: 15px; top: 10px; font-size: 26px; cursor: pointer; }
   .block-executive-board .close:hover { color: red; }

    /* Modal chi tiết */
   .block-executive-board .modal-body { display: flex; gap: 40px; align-items: center; }
   .block-executive-board .modal-text { flex: 1; }
   .block-executive-board h3#modalName {
    font-size: 20px;
    }
   .block-executive-board p#modalTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    }
   .block-executive-board #modalDesc {
    color: #4A5567;
     max-height: 250px;
    overflow: auto;
    }

   .block-executive-board .modal-img{position: relative;}
   .block-executive-board .bg-modal-img {
    background: #024DA1;
    position: absolute;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    bottom: 0;
    border-left: 35px solid #FFF200;
    }
   .block-executive-board .modal-img img {
    max-width: 300px;
    z-index: 1;
    position: inherit;
    padding: 0 35px 35px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    }
    /* Modal PDF */
   .block-executive-board .modal-pdf .modal-content { width: 80%; height: 80%; padding: 0; }
   .block-executive-board .modal-pdf iframe { width: 100%; height: 100%; border: none; }
    
   @media only screen and (max-width: 1000px) {
    .block-executive-board .card-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    }
    .block-executive-board .tabs {
    margin-bottom: 20px;
    }
    .block-executive-board .btn-more, .block-executive-board .btn-pdf{
     margin: 20px auto 0;
    }
    .block-executive-board .modal-content{
        max-width: 90%;
    }
    }
     @media only screen and (max-width: 500px) {
        .block-executive-board .modal-content{
            padding: 48px 16px 32px 16px;
        }
        .block-executive-board .modal-body {
    display: flex;
    gap: 32px;
    align-items: start;
    flex-direction: column-reverse;
    margin-top: 16px;
    }
    .block-executive-board .modal-img img {
        max-width: 100% !important;
        padding: 0 16px 16px 0 !important;
    }
    .block-executive-board .bg-modal-img{
            border-left: 16px solid #FFF200 !important;
        }
        .block-executive-board p#modalTitle{
            margin-bottom: 16px;
        }
            .block-executive-board .card-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .block-executive-board .tabs, .block-executive-board .card-body p.position {
        margin-bottom: 16px;
    }
    .block-executive-board .card-body {
    padding: 16px;
    }
    .block-executive-board .tab{
        min-width: fit-content;
    }
    .block-executive-board .tabs{
        overflow: auto;
        -ms-overflow-style: none;
    }
    .block-executive-board .tabs::-webkit-scrollbar {
    display: none; /* Chrome, Safari vĂ  Opera */
}
     }
/***************Kiểm định******************/
.block-accrediatation .certifications {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 0 auto;
    }

.block-accrediatation .cert-item {
        background: linear-gradient(to bottom, #024DA1 0 48%, #ED1C24 48% 52%, #F2F7FF 52% 100%);
      padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s;
    }
.block-accrediatation .cert-item:hover {
      transform: scale(1.05);
    }

.block-accrediatation .cert-item img {
      object-fit: cover;
      margin-bottom: 24px;
      width: 100%;
      aspect-ratio: 1 / 1;
      box-shadow: 0px 1px 3px 0px #0A0D121A;
      background: #f0f0f0;
    }

.block-accrediatation .cert-item p {
      font-size: 16px;
      font-weight: bold;
      margin: 0;
    text-align: center;
    }

    /* Popup */
.block-accrediatation .popup {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6);
      justify-content: center;
      align-items: center;
      z-index: 10002;
    }
.block-accrediatation .popup-content{
     display: flex;
    gap: 40px;
    width: 90%;
    background: #fff;
    margin: 40px auto;
    padding: 40px;
    max-width: 900px;
    border-radius: 8px;
    position: relative;
    align-items: center;
        justify-content: space-between;
    }
.block-accrediatation .popup-content #popup-title {
    margin-bottom: 20px;
    font-size: 20px;
    }
.block-accrediatation .popup-content .image {
    position: relative;
}
.block-accrediatation .popup-content .image img {
       max-width: 300px;
    z-index: 1;
    position: inherit;
    padding: 0 35px 35px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    }
.block-accrediatation .bg-modal-img {
    background: #024DA1;
    position: absolute;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    bottom: 0;
    border-left: 35px solid #FFF200;
}
.block-accrediatation .popup .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 22px;
      cursor: pointer;
}
@media only screen and (max-width: 1000px) {
.block-accrediatation .certifications {
    gap: 20px;
}
.block-accrediatation .cert-item{
    padding: 20px;
}
.block-accrediatation .cert-item img{
    margin-bottom: 20px;
}
.block-accrediatation .popup-content{
        display: flex;
    gap: 40px;
    align-items: start;
}
}
@media only screen and (max-width: 500px) {
.block-accrediatation .certifications {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
    .block-accrediatation .popup-content {
        display: flex;
        gap: 32px;
        align-items: start;
        flex-direction: column-reverse;
        justify-content: flex-end;
         padding: 48px 16px 32px 16px;
       height: 90%;

    }
   .block-accrediatation .popup-content .text{
    overflow-y: auto;
        box-sizing: border-box;
        max-height: 40vh;
    }
  /*  .block-accrediatation .popup .close {
           position: absolute;
        top: 16px;
        right: 16px;
        font-size: 22px;
        cursor: pointer;
}*/
 .block-accrediatation .popup-content .image img {
        max-width: 100% !important;
        padding: 0 16px 16px 0 !important;
    }
     .block-accrediatation .bg-modal-img{
            border-left: 16px solid #FFF200 !important;
        }
.block-accrediatation .popup-content #popup-title {
    margin-bottom: 16px;
}
.block-accrediatation .cert-item {
        padding: 16px;
    }
}
/***************End Kiểm định******************/

/***************Ban lãnh đạo - Kiểm định******************/
  @media only screen and (max-width: 600px) {
        .block-executive-board .bg-modal-img, .block-accrediatation .bg-modal-img{
            border-left: 25px solid #FFF200;
        }
        .block-executive-board .modal-img img, .block-accrediatation .popup-content .image img{
            max-width: 200px;
            padding: 0 25px 25px 0;
        }
     }
/*******************End Ban lãnh đạo - Kiểm định****************************/

/*************Tổng quan**************/
/******block-inf-center*******/
.inf-cnt-center {
    padding: 56px 0 !important;
}
.block-inf-center {
    padding: unset;
}
.block-inf-center .wp-block-image .alignright, .block-inf-center .wp-block-image .alignleft{
margin-top: 0;
}
@media only screen and (max-width: 800px) {
  .block-inf-center{
    zoom: 100%;
     position: relative;
}
.block-inf-center .inf-cnt-center{
  flex-basis: auto !important;
}
.block-inf-center .fy-inf-bg-left .wp-block-image img {
    height: 80px;
}
.block-inf-center .fy-inf-bg-right .wp-block-image img {
    height: 120px;
}
.block-inf-center .inf-cnt-center {
    padding: 40px !important;
}
.block-inf-center .fy-inf-bg-left, .block-inf-center .fy-inf-bg-right{
    position: absolute;
}
.block-inf-center .fy-inf-bg-right {
    right: 0;
}
}
@media only screen and (max-width: 500px) {
.block-inf-center{
    position: relative;
}
.block-inf-center .inf-cnt-center{
  flex-basis: auto !important;
}
.block-inf-center .fy-inf-bg-left .wp-block-image img {
    height: 38px;
}
.block-inf-center .fy-inf-bg-right .wp-block-image img {
    height: 57px;
}
.block-inf-center .inf-cnt-center {
    padding: 32px 16px !important;
}
.block-inf-center .fy-inf-bg-left, .block-inf-center .fy-inf-bg-right{
    position: absolute;
}
.block-inf-center .inf-cnt-center .wp-block-spacer {
    height: 16px !important;
}
}
/*******End block-inf-center******/
/*************************************************************/
/*                        Main HoaSen                        */
/*************************************************************/
.block-why-hsu .wp-block-group__inner-container, .block-partners .wp-block-group__inner-container,
.block-news-main .wp-block-group__inner-container{
padding: 0;
}
/****Main - Tại sao chọn HSU*****/
.block-why-hsu p{
font-size: 1.6rem;
}
.block-why-hsu h2 {
font-size: 3.2rem;
}
.block-why-hsu h3 {
    font-size: 2.8rem;
}
.block-why-hsu .grid-custom.wp-container-core-group-is-layout-6be84c55 {
    grid-template-columns: repeat(2, 1fr);
   gap: 40px 32px;
    align-items: center;
}
.block-why-hsu .hsu-grid-1 {
    grid-row: span 2;
}
.block-why-hsu .hsu-grid-2 {
    gap: 16px;
}
.block-why-hsu .b-border-1{
     border-right: 1px solid #E9E9E9;
}
/****End Main - Tại sao chọn HSU***/
/*** Main - Đối tác chiến lược***/
.block-partners{
    padding: 0 56px;
}
.block-partners .swiper-wrapper{
gap:40px;
}
.block-partners .swiper-button-next, .block-partners .swiper-button-prev {
    display: none;
}
.block-partners .vc-partner {
    padding: unset;
}
.block-partners .gr-flex-cs p{
flex-basis: 200px;
font-size: 16px;
}
/***End Main - Đối tác chiến lược***/
.block-faculty.vision-mission .hsu-tcdr .rs-grid-i2-m1, 
.rs-grid-i2-m1{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.block-faculty.vision-mission .hsu-tcdr .rs-grid-i2-m1 .wp-block-column {
    display: grid;
    grid-template-columns: 1fr;
}
.vision-mission a span:hover, .block-program-main a span:hover, .block-program-main a:hover,
.block-program-main a:hover h3, .btn-open-hsu-popup:hover {
    color: #024da1 !important;
}
.bg-ic-rby{
position: relative;
}
.bg-ic-rby::after{
background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/img/icon-bg-rby.svg');
    content: "";
    position: absolute;
    right: 0px;
    bottom: -60px;
    width: 60px;
    background-repeat: no-repeat;
    height: 60px;
    background-size: 100%;
}
/***Main - Chương trình đào tạo***/
.block-faculty.core-values.double {
    box-shadow: 0px 4px 8px -2px #0A0D121A;
   background: linear-gradient( to bottom,
              #F2F7FF 0px,
              #F2F7FF calc(100% - 360px),  
              #DEEAFF calc(100% - 360px),
              #DEEAFF calc(100% - 432px),      
              #CDDEF8 calc(100% - 432px),
              #CDDEF8 100%    
              );
    position: relative;
    z-index: 0;
}
.block-faculty.core-values.double::before,
.block-faculty.core-values.double::after{
    bottom: 360px;
}
.core-values.double p,
.core-values.double a,
.core-values.double span{
    font-size: 18px;
}
.block-program-main a, .block-program-main h3, .block-program-main h4 {
    color: #1B1B1B;
}
.block-program-main h3{
    margin-bottom: 8px;
}
.block-program-main h4{
    margin-bottom: 0px;
}
.block-program-main ul li a,
.block-program-main ul li,
.block-program-main li .btn-open-hsu-popup{
    font-size: 16px;
    color: #4a5567;
}
.block-program-main figure {
    margin-bottom: 32px;
}
/***End Main - Chương trình đào tạo***/
/*******Main - Tin tức************/
.block-news-main .faculty-new-bg-bottom {
    display: none;
}
.block-news-main img.position-absolute {
    position: unset !important;
     border-radius: 8px;
}
.block-news-main {
    padding: 135px 56px 56px;
}
.block-news-main .faculty-news-section {
    position: relative;
}
.block-news-main h2.faculty-section-title {
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 32px;
    position: absolute;
    top: -79px;
}
.block-news-main .see-more-wrapper {
    position: absolute;
    top: -79px;
    right: 0;
}
.block-news-main .see-more-wrapper a{
   position: relative;
    margin-right: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
}
.block-news-main .see-more-wrapper a::after{
  position: absolute;
    content: "›";
    display: inline-block;
    width: 36px;
    height: 28px;
    background: #024DA1;
    color: #fff;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    border-right: 8px solid #009FE8;
    font-size: 25px;
   right: -50px;
}
.block-news-main .faculty-news-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.block-news-main .side-news {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.block-news-main .side-news-item {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 45% 53%;
    gap: 16px;
}
.block-news-main .faculty-news-section a.faculty-news-image img {
    width: 100%;
    aspect-ratio: 16 / 8;
    object-fit: cover;
     margin-bottom: 24px;
}
.block-news-main .side-news-item.img-right img {
    height: 159px;
    object-fit: cover;
    aspect-ratio: 16 / 9;

}
.block-news-main .faculty-new-content {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.block-news-main .faculty-news-section .faculty-news-category.red {
    color: #ED1C24;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.block-news-main .faculty-news-section .faculty-new-content a.news-title {
    color: black;
    font-weight: bold;
    line-height: 1.6;
}
.block-news-main .faculty-news-section .news-desc {
    font-size: 16px;
    color: #4A5567;
}
/**CS- Tuyển sinh block new dùng chung**/
.site-ts-bl-news .block-news-main {
    padding: 116px 32px 32px;
}
.site-ts-bl-news .block-news-main {
    padding: 116px 32px 32px;
    border-radius: 8px;
}
/***/
/*****End Main - Tin tức********/
/****** Main - Sự kiện********/
.block-event-main .vc-card--blog{
    background-color: #F2F7FF;
     padding: 56px;
   
}
.block-event-main .vc-card--blog .container {
     max-width: 1312px;
      margin: auto;
          padding: unset;
}
.block-event-main .wp-block-group__inner-container{
padding: unset;
}
.block-event-main h2.vc-headline--primary {
    font-size: 32px;
    margin-bottom: 40px;
}
.block-event-main h2.vc-headline--primary:after{
display: none;
}
.block-event-main .vc-btn--primary span {
    display: none !important;
}
.block-event-main .vc-card__info {
    padding: 0;
}
.block-event-main .vl-body .swiper-wrapper.show {

    gap: 17px;
}
.block-event-main a.vc-btn--primary:after {
    position: absolute;
    content: "›";
    display: inline-block;
    width: 36px;
    height: 28px;
    background: #024DA1;
    color: #fff;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    border-right: 8px solid #009FE8;
    font-size: 25px;
    right: 0;
}
.block-event-main .vc-btn--primary {
    box-shadow: unset;
    background: unset;
    display: flex !important;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-transform: none !important;
        padding: 8px 50px 6px 15px;
}
.block-event-main .vc-card__item.d-block {
    background: white;
    padding: 16px;
    border-radius: 16px;
}
.block-event-main .vc-card--blog .vc-card__avatar {
    border-radius: 8px;
    margin-bottom: 24px;
}
.block-event-main .vc-card__ttl {
        font-size: 1.6rem;
        margin-bottom: 16px;
}
.block-event-main .vc-card__txt.date {
    padding: 8px 16px;
    background: #F2F7FF;
    width: fit-content;
    border-radius: 8px;
    font-size: 1.6rem;
}
.block-event-main .vc-card--blog .swiper-pagination {
    display: none;
}
/*******End Main - Sự kiện*******/
/****Main - Feedback SV****/
.carouselFeedback {
  overflow: hidden;
  position: relative;
  padding: 56px 0 84px 0;
  background-color: #0052b4; 
}
.carouselFeedback-track {
  display: flex;
  transition: transform 0.5s ease;
  padding-left: 10%; 
}
.carouselFeedback-track::-webkit-scrollbar {
  display: none; 
}
.carouselFeedback-item {
  flex: 0 0 auto; 
	max-width: 1000px;
  background: #fff;
  border-radius: 12px;
 -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;

}
.carouselFeedback-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.carouselFeedback-item img{
height: 350px;
}
.carouselFeedback-image {
    position: relative;
}
.carouselFeedback-image img {  
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.carouselFeedback-dots {
  text-align: center;
  margin: 28px 0;
  position: absolute;
    left: 50%;
    bottom: 0;
}
.carouselFeedback-dots button {
  width: 12px;
  height: 12px;
  margin: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
  border: none;
  background-color: #D9D9D9;
  cursor: pointer;
}
.carouselFeedback-dots button.active {
  background-color: #009FE8;
}
.carouselFeedback-track {
  display: flex;
  transition: transform 0.5s ease;
  align-items: stretch;
}
.carouselFeedback-dots{
  display: none;
}
.carouselFeedback .carouselFeedback-dots:has(button[data-index="1"]){
display: block;
}
.carouselFeedback-item.type-split .carouselFeedback-content {
  flex: 1;
    display: grid;
    grid-template-columns: 208px 1fr;
    gap: 32px;
    align-items: start;
    height: 100%;
}
.carouselFeedback .feedback-cnt .cnt-text {
    line-height: 1.6;
}
.carouselFeedback .feedback-cnt.top img {
    height: unset;
    margin-bottom: 20px;
    margin-top: 10px;
}
.carouselFeedback .feedback-cnt.top .line {
    width: 90%;
    margin: 40px 0;
}

.carouselFeedback{
	height: 100%;
}
.carouselFeedback-item.type-split {
  margin: 10px;
}
/****End Main - Feedback SV**/
/********Main - Khoảng khắc HSU********/
.block-faculty.image-gallery-ps {
  max-width: 1312px;
  margin: auto;
  padding: 56px;
}
.block-faculty.image-gallery-ps h2 {
    margin-bottom: 40px;
}
.block-faculty.image-gallery-ps .gallery-ps {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.block-faculty.image-gallery-ps .gallery-ps.row-2{
    display: grid;
    grid-template-columns: 32% 32% 32%;
}
.block-faculty.image-gallery-ps .gallery-ps .sub-image {
    height: 225px;
}
.block-faculty.image-gallery-ps .gallery-ps.row-1{
  margin-bottom: 16px;
}
.block-faculty.image-gallery-ps .main-image {
    width: calc(64% + 16px);
}
.block-faculty.image-gallery-ps .gr-sub-img {
    display: grid;
    gap: 16px;
    width: 32%;
}
.block-faculty.image-gallery-ps .main-image img,
.block-faculty.image-gallery-ps .sub-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 8px;
   -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
/*******End Main - Khoảng khắc HSU************/
/******Main - Form Footer HSU*******/
#HSFooterForm .custom-button-with-icon{
  position: relative;
}
#HSFooterForm .custom-button-with-icon:hover{
background: #009FE8;
}
#HSFooterForm .custom-button-with-icon::after{
 height: 42px;
    width: 36px;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-button-form.svg');
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
}
#HSFooterForm .custom-button-with-icon:hover::after{
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-button-form-hover.svg');

}
#HSFooterForm .form-bg-top.center {
  height: 215px;
  background: #ddeaff;
  width: 100%;
  left: 0;
}
#HSFooterForm .form-bg-top {
  position: absolute;
  top: 0;
}
#HSFooterForm .form-bg-top.right {
  right: 0;
}
#HSFooterForm .form-bg-top.left {
  left: 0;
}
#HSFooterForm .bg-form-box {
  position: relative;
  width: fit-content;
  max-width: 856px;
  background: #024da1;
}
#HSFooterForm .icon-form.center {
  height: 24px;
  background: #009fe8;
  width: 100%;
  left: 0;
  bottom: 0;
}
#HSFooterForm .icon-form {
  position: absolute;
}
#HSFooterForm .icon-form.right {
  right: -72px;
  bottom: 0;
}
#HSFooterForm .icon-form.left {
  left: -46px;
  top: 0;
}
#HSFooterForm {
  display: flex;
  justify-content: center;
  padding: 50px 75px;
  position: relative;
  background: #eaf2ff;
  /*max-width: 1400px;*/
    margin: auto;
}
#HSFooterForm .form-box {
  color: white;
  width: 100%;
  padding: 48px;
  margin: auto;
  text-align: center;
}
#HSFooterForm .form-row {
      display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
#HSFooterForm input,
#HSFooterForm select {
  flex: 1;
  padding: 10px 12px;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
  width: 100%;
    height: 44px;
    color: #808080;
    font-size: 16px;

}
#HSFooterForm button {
  background-color: #ed1c24;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin: 36px auto 24px;
  cursor: pointer;
  position: relative;
}
#HSFooterForm .custom-button-with-icon {
  display: flex;
  align-items: stretch;
  background-color: #ed1c24;
  color: #fff;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
  overflow: hidden;
  height: 42px;
  width: fit-content;
  text-decoration: none;
}
#HSFooterForm .custom-button-with-icon .icon-left {
  height: 42px;
  width: auto;
  object-fit: cover;
  display: block;
}
#HSFooterForm .custom-button-with-icon span {
  display: flex;
  align-items: center;
  padding: 0 60px;
  font-size: 16px;
  font-weight: 600;
}
#HSFooterForm select option {
  color: black;
}
#HSFooterForm select option:nth-child(1) {
  color: #808080;
}
#HSFooterForm .form-box h2{
  font-size: 32px !important;
   text-align: center;
  margin-bottom: 40px;
}
#HSFooterForm select[data-gtm-form-interact-field-id]{
 color: black;
}
#HSFooterForm input[data-gtm-form-interact-field-id] {
    background: white;
     color: black;
}
#HSFooterForm .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: left;
    padding-left: 10px;
    margin-top: 5px;
}
.wpcf7-response-output
 {
    display: none;
}
#HSFooterForm span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
  display: none;
}
#HSFooterForm span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip:nth-child(2){
  display: block;
}
/*****End Main - Form Footer HSU********/
/*************TS - Handbook***************************/
.block-handbook .handbook-text {
    max-width: 500px;
    gap: 24px;
}
.block-handbook .handbook-text .popup-btn{
 font-size: 16px;
 border-radius: 8px;
  padding: 12px 45px;
}
/****************End TS - Handbook************************/
/*************TS - Cards****************/
.hsu-carousel-wrap .hsu-carousel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  align-items: flex-start;
  gap:16px;
}
.hsu-carousel-wrap .hsu-carousel-cards {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  scroll-behavior: smooth;
  cursor: grab;
  padding-bottom: 10px;
}
.hsu-carousel-wrap .hsu-carousel-cards.dragging { cursor: grabbing; }
.hsu-carousel-wrap .hsu-carousel-cards::-webkit-scrollbar { display: none; }

.hsu-carousel-wrap .hsu-card {
      flex: 0 0 calc(33.333% - 32px);
    overflow: hidden;
    transition: transform 0.3s ease;
}
.hsu-carousel-wrap .hsu-card img {
    width: 100%;
    display: block;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.hsu-carousel-wrap .cs-ifr-youtube {
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
}
.hsu-carousel-wrap .hsu-card p { padding: 10px; font-size: 15px; }
.hsu-carousel-wrap .hsu-card .cnt-hsu-c {
    gap: 4px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
}
.hsu-carousel-wrap .hsu-card .cnt-hsu-c a, .hsu-carousel-wrap .hsu-card .cnt-hsu-c a h3{
    color: black;
    font-size: 20px;
}
.hsu-carousel-wrap .hsu-card .cnt-hsu-c span{
     color: #4A5567;
     font-size: 14px;
}
/************End TS - Cards**************/
/**************kiểm định column 6********/
.hsu-gird-6 .block-accrediatation .certifications {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}
.hsu-gird-6 .block-accrediatation .cert-item p{
font-size:14px
}
.hsu-gird-6 .block-accrediatation .cert-item{
padding: 16px;
}
.block-students .program-structure-p {
    position: relative;
    z-index: 2;
    background: white;
    padding: 56px 32px;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    box-shadow: 0px 4px 8px -2px #0A0D121A;
}
.block-students .program-structure-p .title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}
.block-students .program-structure-p .tabs-ps {
    display: flex;
    justify-content: center;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
}
.block-students .program-structure-p .tab-ps {
    padding: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #4A5567;
    font-weight: bold;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}
.block-students .program-structure-p .tab-ps.active {
    color: #024DA1;
    border-bottom: 3px solid #024DA1;
}
.block-students .program-structure-p .subjects-wrapper-ps {
    position: relative;
    transition: min-height 0.3s ease;
}
.block-students .program-structure-p .subjects-grid-ps {
    display: none;
}
.block-students .program-structure-p .subjects-grid-ps.active {
    display: block;
}
.block-students {
    background: white;
    box-shadow: 0px 4px 10px 0px #0000001F;
}
.block-students .hsu-row h2 {
    text-align: start;
    margin-bottom: 24px;
}
.block-students .hsu-group-row{
    display: flex;
  gap:32px;
      flex-direction: column;
}
.block-students .hsu-row {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    border-radius: 8px;
    padding: 32px;
    box-shadow: 1px 0px 3px 3px #0000000D;
  }

 .block-students .hsu-row:nth-child(even) {
    flex-direction: row-reverse;
  }

  .block-students .hsu-img {
    flex: 1;
  }

 .block-students .hsu-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    display: block;
  }

 .block-students  .hsu-content-st {
    flex: 1;
  }
.block-students  .des-st {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    font-size: 16px;
}

.block-students .des-st button{
 color: #4A5567;
font-weight: bold;
text-align: start;
    position: relative;
    margin-left: 47px;
    margin-bottom: 15px;
}
.block-students .des-st button:hover{
color: #024DA1;
}
.block-students .cnt-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #004a9f;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #004a9f;
    position: absolute;
    left: -45px;
}
.block-students .btn-border-blue{
    border: 1px solid;
    padding: 10px;
    border-radius: 8px;
    color: #004a9f;
    font-weight: bold;
    margin-top: 24px;
}
.block-students .hsu-row.st-type2 {
    display: flex;
    flex-direction: column;
    align-items: center;
        gap: 10px;
}
.block-students .cnt-4column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}
.block-students .link-number {
    position: relative;
    margin-left: 45px;
        font-size: 16px;
    color: #4A5567;
}
.block-students .link-number:hover {
    color: #024DA1;
}
.block-students .st-type2 .col-item h5,
.block-students .st-type2 .col-item .st-content{
    background: #F5F7F9;
    background-color: #F5F7F9;
    padding: 16px;
    font-size: 16px;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
  
}
.block-students .st-type2 .col-item h5{
      text-align: center;
    margin-bottom: 20px;
}

.block-students .st-type2 .col-item {
    display: flex;
    flex-direction: column;
}
.block-students .st-type2 .st-content {
    flex: 1;
}
.block-students .hsu-row.st-type3{
    flex-direction: row-reverse;
}
.block-students .hsu-row.st-type3 .des-st-cnt {
    margin-bottom: 24px;
}
/**********End kiểm định 6 column*************/
/**********tiktok block****************/
.hsu-tiktok-section .hsu-nav {
     background: #fff;
    color: #024DA1;
    border: none;
    font-size: 30px;
    width: 40px;
    height: 43px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 10px;
    display: flex;
    transition: background 0.3s ease;
    justify-content: center;
    align-items: center;
}
.hsu-tiktok-section .tik-cnt-link {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.hsu-tiktok-section .hsu-content-link {
    display: grid;
    gap: 80px;
}
.hsu-tiktok-section .hsu-nav:hover {
  background: #0066ff;
}

.hsu-tiktok-section .hsu-thumbnails {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

.hsu-tiktok-section .thumb {
    overflow: hidden;
    cursor: pointer;
    opacity: 0.7;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.hsu-tiktok-section .thumb.active {
    opacity: 1;
    border: 1px solid #fff;
    padding: 10px;
}
.hsu-tiktok-section .thumb img {
 width: 80px;
   height: 144px;
  object-fit: cover;
}

.hsu-tiktok-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 92px;
    max-width: 1312px;
    margin: auto;

}
.hsu-tiktok-section .hsu-main-embed {
  width: 340px;
  min-height: 560px;
  overflow: hidden;
}
.hsu-tiktok-section .tiktok-embed{
border-left: unset;
    padding: 0
}
.hsu-tiktok-section .tiktok-embed iframe {
padding: 0 5px;
border-radius: 6px;
}
.hsu-tiktok-section a.btn-link-tiktok {
    font-size: 16px;
    background: #024da1;
    padding: 10px 16px;
    border-radius: 8px;
    color: white;
    width: fit-content;
    font-weight: bold;
}
.hsu-tiktok-section a.btn-link-tiktok:hover{
   background: #009fe8;
}
.hsu-tiktok-section .hsu-tiktok-main{
    position: relative;
}
.hsu-tiktok-section .hsu-tiktok-main::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -52px;
    width: 60px;
    height: 120px;
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/img/ic-right-tiktok.svg);
    background-repeat: no-repeat;
    z-index: 1;
}
.hsu-tiktok-section .hsu-tiktok-main::after {
    content: "";
    position: absolute;
    top: 52%;
    left: -11px;
    width: 20px;
    height: 20px;
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/img/ic-left-tiktok.svg);
    background-repeat: no-repeat;
    z-index: 1;
}
@media only screen and (max-width: 1217px) {
.hsu-tiktok-section .hsu-thumbnails{
 position: relative;
}
.hsu-tiktok-section button.hsu-nav {
    position: absolute;
    bottom: -50px;
}
.hsu-tiktok-section button.hsu-nav.prev {
    left: 44%;
}
.hsu-tiktok-section button.hsu-nav.next {
    left: 52%;
}
}
@media only screen and (max-width: 1080px) {
        .hsu-tiktok-section .hsu-thumbnails {
             position: absolute;
        bottom: -60px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .hsu-tiktok-section .thumb{
        display: none;
    }
    .hsu-tiktok-section{
        gap: 0;
        position: relative;
        margin-bottom: 40px;
            flex-direction: column-reverse;
    }
    .hsu-tiktok-section button.hsu-nav {
        position: unset;
    }
    .hsu-tiktok-section .hsu-content-link {
    gap: 40px;
    }
}
/**********End tiktok block************/
@media only screen and (max-width: 1000px) {
.block-why-hsu .grid-custom.wp-container-core-group-is-layout-6be84c55{
gap: 20px 24px;
}
.block-why-hsu .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: min-content !important;
}
.block-why-hsu .hsu-grid-3 {
    grid-column: span 3;
}
.block-why-hsu .hsu-grid-1 {
    grid-row: unset;
}
.block-why-hsu h2 {
font-size: 2.4rem;
}
.block-why-hsu h3 {
    font-size: 2.8rem;
}

.block-partners{
    padding: 0 40px;
}
.block-partners .swiper-wrapper{
gap:24px;
}
.bg-ic-rby::after{
    bottom: -44px;
    width: 44px;
    height: 44px;

}
.block-faculty.vision-mission .hsu-tcdr .rs-grid-i2-m1, 
.rs-grid-i2-m1{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.core-values.double p,
.core-values.double a,
.core-values.double span{
    font-size: 16px;
}
.block-news-main {
    padding: 100px 40px 40px;
}
.block-news-main h2.faculty-section-title {
    top: -53px;
    font-size: 24px;
}
.block-news-main .see-more-wrapper{
    top: -53px;
}
.block-news-main .faculty-news-container {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 16px;
}
.block-news-main .faculty-news-section .news-desc{
    display: none !important;
}
.block-news-main .side-news {
    display: contents;
}
.block-news-main .side-news-item.img-right,
.block-news-main .faculty-main-news {
    display: flex;
    flex-direction: column;
    gap:16px;
}
.block-news-main .side-news-item.img-right img {
    height: unset;
}
.block-news-main .faculty-news-section a.faculty-news-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-bottom: unset;
}
.site-ts-bl-news .block-news-main {
    padding: 82px 20px 20px;
}
 .block-event-main .vc-card--blog{
        padding: 40px
    }

.block-event-main h2.vc-headline--primary {
    font-size: 24px;
    margin-bottom: 0;
}
.carouselFeedback{
padding: 40px 0 68px 0;
}
.carouselFeedback-dots{
  margin: 20px 0;
}
.carouselFeedback-item.type-split .carouselFeedback-content{
  display: flex;
  align-items: center;
  flex-direction: column;
}
  .block-faculty.image-gallery-ps {
    padding: 40px 32px;
    zoom: 100%;
}
.block-faculty.image-gallery-ps h2 {
  font-size: 28px !important;
  margin-bottom: 28px;
}
.block-faculty.image-gallery-ps .gallery-ps.row-1 {
    margin-bottom: 8px;
}
.block-faculty.image-gallery-ps .gallery-ps, .block-faculty.image-gallery-ps .gr-sub-img {
    gap: 8px;
}
.block-faculty.image-gallery-ps .main-image {
    width: calc(64% + 8px);
}
.block-faculty.image-gallery-ps .gallery-ps .sub-image {
    height: 135px;
}
 #HSFooterForm .form-box h2{
  font-size: 24px !important;
  margin-bottom: 28px;
}
#HSFooterForm .form-box{
  padding: 40px 20px;
}

#HSFooterForm{
  padding: 50px 50px;
}
#HSFooterForm .icon-form.left img{
width: 42px;
}
#HSFooterForm .icon-form.left{
  left: -41px;
}
#HSFooterForm .icon-form.right img{
width: 80px;
}
#HSFooterForm .icon-form.right{
  right: -47px;
}
#HSFooterForm .icon-form.center {
    height: 16px;
}
.block-handbook .handbook-text {
    max-width: 300px;
}
  .hsu-carousel-wrap .hsu-card { flex: 0 0 calc(50% - 20px); }
  .hsu-carousel-wrap .hsu-carousel-cards{
    gap: 20px;
  }
.hsu-gird-6 .block-accrediatation  .certifications {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.block-students .program-structure-p {
    padding: 32px 20px;
}
.block-students .program-structure-p .title{
        margin-bottom: 28px;
        font-size: 24px;
}
.block-students .hsu-row{
    gap: 20px;
    padding: 20px;
}.block-students .des-st{
    gap:20px;
}
}
@media only screen and (max-width: 500px) {
.block-why-hsu .grid-custom.wp-container-core-group-is-layout-6be84c55{
 display: flex;
flex-direction: column;
 gap: 16px;
}
.block-why-hsu .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 100% !important;
}
.block-why-hsu h2, .block-why-hsu h3 {
font-size: 2rem;
}
.block-why-hsu .b-border-1{
     border-right: none;
     border-bottom: 1px solid #E9E9E9;
}

.block-partners {
        padding: 16px;
}
.block-partners .gr-flex-cs{
    display: contents;
}
.block-partners .gr-flex-cs p{
    flex-basis: unset;
    text-align: center;
    font-size: 20px;
}
.block-partners .vc-partner .swiper-container{
   margin: unset;
}
.block-faculty.vision-mission .hsu-tcdr .rs-grid-i2-m1, 
.rs-grid-i2-m1{
    grid-template-columns: 1fr;
}
.bg-ic-rby::after{
    bottom: -20px;
    width: 20px;
    height: 20px;

}
.block-faculty.core-values.double {
    padding: 32px 16px;
}
.block-news-main {
    padding: 64px 16px 16px;
}
.block-news-main h2.faculty-section-title {
    font-size: 20px;
    top: -40px;
}
.block-news-main .see-more-wrapper {
    top: -40px;
}
.block-news-main .faculty-news-container{
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    margin: 16px auto;
}

    .block-news-main .faculty-news-container::-webkit-scrollbar,
    .block-students .program-structure-p .tabs-ps::-webkit-scrollbar,
    .block-students .cnt-4column::-webkit-scrollbar {
    display: none; /* Chrome, Safari vĂ  Opera */
}
  .block-news-main .faculty-news-container > *,
  .block-news-main .side-news-item {
    flex: 0 0 80%;     
    scroll-snap-align: start;
    padding: 16px;
        box-shadow: 0px 1px 3px 0px #0A0D121A;
        border-radius: 8px;
      margin-bottom: 2px;
  }
 .block-news-main .side-news{
 display: contents; 
  }
 .block-event-main .vc-card--blog{
        padding: 32px
    }
.block-event-main .vc-card--blog .container .align-items-start{
    display: flex !important;
        align-items: center !important;
}
.block-event-main h2.vc-headline--primary {
    font-size: 20px;
    margin-bottom: 0;
}
.block-event-main .swiper-slide{
    width: 260px !important;
        margin-left: 16px;
}
.carouselFeedback-dots {
    display: none !important;
}
.carouselFeedback{
padding: 32px 16px 60px 16px;
}
.carouselFeedback-dots{
  margin: 16px 0;
}
.carouselFeedback-item.type-split .carouselFeedback-content  {
    flex: 1;
    display: flex;
    gap: 16px;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.carouselFeedback .feedback-cnt.top .line{
  margin: 16px 0;
}
.carouselFeedback-text p{
  margin-bottom: 5px !important;
}
.carouselFeedback-dots{
  left: 42%;
}
.carouselFeedback-track {
    padding-left: 0;
    padding-right: 16px;
}
.carouselFeedback-item img {
    height: 300px;
}
.block-faculty.image-gallery-ps {
    padding: 32px 16px;
    zoom: 100%;
}
.block-faculty.image-gallery-ps h2{
      margin-bottom: 16px;
    font-size: 20px !important;
}
.block-faculty.image-gallery-ps .main-image {
    width: 100%;
}
.block-faculty.image-gallery-ps .gallery-ps {
    flex-direction: column;
}
.block-faculty.image-gallery-ps .gr-sub-img {
    display: grid;
    width: 100%;
    grid-template-columns: 49% 49%;
    justify-items: center;
}
.block-faculty.image-gallery-ps .gallery-ps .sub-image {
    height: auto;
    max-height: 135px;;
}
.block-faculty.image-gallery-ps .gallery-ps.row-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.block-faculty.image-gallery-ps .gallery-ps.row-2 .sub-image {
    flex: 0 0 calc(50% - 8px);
    box-sizing: border-box;
}
.block-faculty.image-gallery-ps .gallery-ps.row-2 .sub-image:nth-last-child(1):nth-child(odd) {
    flex: 0 0 100%;
}
.block-faculty.image-gallery-ps .main-image {
    width: 100%;
    height: 200px;
}
.block-faculty.image-gallery-ps .gallery-ps .sub-image:nth-last-child(1):nth-child(odd){
max-height: 200px;
}
  #HSFooterForm input, #HSFooterForm select{
  align-items: stretch;
  flex: unset;
}
#HSFooterForm{
  padding: 50px 16px;
}
 #HSFooterForm .form-box h2 {
        font-size: 24px !important;
        margin-bottom: 28px;
    }
    #HSFooterForm .icon-form.right {
        right: 9px;
        bottom: -41.5px;
    }
        #HSFooterForm .icon-form.right img {
        width: 80px;
        transform: scaleX(-1) rotate(90deg);
    }
    #HSFooterForm .icon-form.left
 {
        left: 11.3px;
        top: -51px;
    }
        #HSFooterForm .icon-form.left img {
        width: 41px;
        transform: scaleX(-1) rotate(90deg);
    }
#HSFooterForm .custom-button-with-icon{
  width: 100%;
}
#HSFooterForm .custom-button-with-icon span {
    display: flex;
    align-items: center;
    padding: unset;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    justify-content: center;
        margin-left: -15px;
}
.site-ts-bl-news .block-news-main {
        padding: 55px 16px 16px;
    }
.block-handbook .group-handbook {
    display: flex;
    flex-direction: column-reverse;
}
.block-handbook .handbook-text{
  gap: 16px;
}
.block-handbook .handbook-img, .block-handbook .handbook-img img {
    width: 100%;
}
.ts-scroll-moblie .block-program-main .grid-gap-cs {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    margin: 16px auto;
    width: 100%;
}
.ts-scroll-moblie .block-program-main .grid-gap-cs::-webkit-scrollbar {
    display: none; /* Chrome, Safari vĂ  Opera */
}
.ts-scroll-moblie .block-program-main .hsu-content {
    flex: 0 0 80%;
    scroll-snap-align: start;
    padding: 16px;
    box-shadow: 0px 1px 3px 0px #0A0D121A;
    border-radius: 8px;
    margin-bottom: 2px;
}

  .hsu-carousel-wrap .hsu-card { flex: 0 0 100%; }
  .hsu-carousel-wrap .hsu-carousel-cards{
    gap: 16px;
  }
  .hsu-gird-6 .block-accrediatation .certifications {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .block-students .program-structure-p {
    padding: 32px 16px;
}
.block-students .program-structure-p .title{
    margin-bottom: 16px;
        font-size: 20px;
}
.block-students .hsu-row{
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}
.block-students .link-number {
    margin-left: 47px;
}
.block-students .des-st{
    gap: 24px;
}
.block-students .hsu-row.st-type3{
    flex-direction: column;
    display: flex;
}
.hsu-tiktok-section .hsu-tiktok-main::before,
.hsu-tiktok-section .hsu-tiktok-main::after{
    display: none;
}
.hsu-tiktok-section .tik-cnt-link{
        align-items: center;
}
.block-students .cnt-4column{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
}
.block-students .st-type2 .col-item {
    flex: 0 0 80%;
    scroll-snap-align: start;
}
.block-students .program-structure-p .tab-ps{
    min-width: fit-content;
}
.block-students .program-structure-p .tabs-ps{
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    justify-content: unset;
}
.block-students .program-structure-p .subjects-wrapper-ps{
    min-height: fit-content !important;
}
}
@media only screen and (max-width: 450px){
     #HSFooterForm .icon-form.left {
        left: 6px;
        top: -30px;
    }
        #HSFooterForm .icon-form.left img {
        width: 24px;
      }
    .HSFooterForm .bg-form-box {
    max-width: 300px;
}
    #HSFooterForm input, #HSFooterForm select {
        align-items: stretch;
    }
}
@media only screen and (max-width: 420px){
#HSFooterForm input, #HSFooterForm select{
 max-width: 300px;
}
}
@media only screen and (max-width: 350px){
#HSFooterForm input, #HSFooterForm select{
 max-width: 250px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px){
#HSFooterForm input, #HSFooterForm select{
  width: 250px;
}
}
/**** Form Lead API********/

.form-tvts .custom-select {
  position: relative;
  width: 100%;
  flex: 1;
  padding: 10px 12px;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    width: 100%;
    height: 44px;
    color: #808080;
    font-size: 16px;
	 text-align: start;
}
.form-tvts .select-display{
	    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.form-tvts .select-dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  max-height: 260px;
  overflow-y: auto;
  border-radius: 4px;
  z-index: 20;
  display: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}
.form-tvts .select-dropdown input {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border: none;
  border-bottom: 1px solid #eee;
  outline: none;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.form-tvts .select-option, .form-tvts .select-wrapper option {
  padding: 8px 10px;
  cursor: pointer;
}
.form-tvts .select-option:hover, .form-tvts .select-wrapper option:hover {
  background: #f0f0f0;
}
.form-tvts .select-option.hidden {
  display: none;
}
.form-tvts {
    display: flex;
    justify-content: center;
}
.form-tvts .bg-form-box {
   position: relative;
    width: fit-content;
    background: #024da1;
    display: flex;
    gap:30px;
    justify-content: center;
    align-items: center;
    padding: 56px;
    max-width: 1100px;
}
.form-tvts .icon-form.center {
    height: 24px;
    background: #009fe8;
    width: 100%;
    left: 0;
    bottom: 0;
}
.form-tvts .icon-form {
    position: absolute;
}
.form-tvts .icon-form.right {
    right: -72px;
    bottom: 0;
}
.form-tvts .icon-form.left {
    left: -46px;
    top: 0;
}
.form-tvts .form-box {
    color: white;
    width: 500px;
    margin: auto;
    text-align: center;
    
}
.form-tvts .form-box h2 {
    font-size: 32px !important;
    text-align: center;
    margin-bottom: 40px;
}
.form-tvts .form-box form {
    padding: unset;
}
.form-tvts .form-row {
    display: grid;
    gap: 2%;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: center;
    grid-template-columns: 49% 49%;
}
.form-tvts .form-img img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.form-tvts input, .form-tvts select {
    flex: 1;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    height: 55px;
    color: #808080;
    font-size: 16px !important;
}
.form-tvts .hc-form__select-data {
    appearance: none; /* Ẩn mũi tên mặc định (Chrome, Safari, Edge) */
  -webkit-appearance: none;
  -moz-appearance: none;

    background-color: #fff;
    border: 1px solid #044a98;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    color: #6b6b6b;
    font-size: 1.6rem;
    height: 55px;
    padding: 14px 35px 10px 20px;
    transition: background-color .25s;
    width: 100%;
}
.form-tvts .custom-button-with-icon {
    display: flex;
    align-items: stretch;
    background-color: #ed1c24;
    color: #fff;
    border: none;
    width: 100%;
    padding: 0;
    cursor: pointer;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    text-align: center;
    -moz-border-radius: 8px;
    -ms-border-radius: px;
    overflow: hidden;
    height: 42px;
    text-decoration: none;
    position: relative;
    justify-content: center;
    align-items:center;

}
.form-tvts .custom-button-with-icon span {
    font-size: 16px;
        display: flex;
    justify-content: center;
}

.form-tvts .wp-block-group__inner-container{
padding: 0;
}
@media only screen and (max-width: 1000px) {
   .form-tvts .form-box h2 {
    font-size: 24px !important;
    margin-bottom: 28px;
}
.form-tvts .bg-form-box {
    padding: 40px 20px 80px;
    flex-direction: column-reverse;
} 
}
@media only screen and (max-width: 600px) {
    .form-tvts .form-box {
        width: 100%;
    }
.form-tvts .icon-form.left, .form-tvts .icon-form.right{
    display: none;
}
.form-tvts {
    padding: 40px;
}
}
@media only screen and (max-width: 500px) {
.form-tvts {
    padding: 16px;
}
 .form-tvts .form-box {
    max-width: 400px;
    }
    .form-tvts .form-row {
    grid-template-columns: 100%;
    gap: 16px;
    margin-bottom: 16px;
    }
    .form-tvts {
        padding: 0;
    }
        .form-tvts .bg-form-box {
        padding: 16px 16px 40px;
        }
}
@media only screen and (max-width: 450px) {
    .form-tvts .form-box {
    max-width: 360px;
    }
}
@media only screen and (max-width: 400px) {
    .form-tvts .form-box {
    max-width: 330px;
    }
}
@media only screen and (max-width: 350px) {
    .form-tvts .form-box {
    max-width: 300px;
    }
}
@media only screen and (max-width: 300px) {
    .form-tvts .form-box {
    max-width: 250px;
    }
}

.form-tvts .custom-select .select-display::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.25s ease;
  pointer-events: none;
}
.form-tvts .custom-select.active .select-display::after {
  transform: translateY(-50%) rotate(-135deg);
}

/* Dropdown danh sách */
.form-tvts .custom-select .select-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 10;
  padding: 8px;
}

.form-tvts .custom-select.active .select-dropdown {
  display: block;
}



.form-tvts .hc-form__select-data::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.form-tvts .select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.form-tvts .select-wrapper::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.form-tvts .hc-form__select-data:focus {
  border-color: #888;
  outline: none;
}
/*********Template cuoc thi******/
    .block-ev-time-local{
        padding: 56px;
    }
    .block-ev-time-local .event-card {
        background: #fff;
        border-radius: 8px;
        display: flex;
        gap: 32px;
        padding: 32px;
        align-items: center;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        z-index: 2;
        position: relative;

    }

    .block-ev-time-local .event-img {
        flex: 0 0 55%;
    }

    .block-ev-time-local .event-img img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }

    .block-ev-time-local .event-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 24px;
    }
    .block-ev-time-local .event-info {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        gap: 16px;
    }
    .block-ev-time-local .event-btn {
        display: inline-block;
        background: #024DA1;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        padding: 10px 18px;
        border-radius: 8px;
        width: fit-content;
        transition: 0.25s ease;     
    }
    .block-ev-time-local .event-btn svg.vc-icon {
    margin-left: 5px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6027%) hue-rotate(347deg) brightness(99%) contrast(103%);
    }
    .block-ev-time-local .event-btn:hover {
        background: #003bb8;
    }
    
        .partner-cl-wrapper {
            position: relative;
            width: 100%;
            display: flex;
            gap: 10px;
            flex-direction: column;
            margin-top: 20px;
        }

        .partner-cl-container {
            overflow: hidden;
            width: 100%;
        }

        .partner-cl-track {
            display: flex;
            gap: 16px;
            transition: transform 0.3s ease;
        }

        .partner-cl-item {
            width: calc((100% - 3 * 16px) / 4);
            text-align: center;
            flex-shrink: 0;
        }

        .partner-cl-item img {
            width: 100%;
            object-fit: cover;
            aspect-ratio: 1 / 1;
            border-radius: 12px;
            display: block;
        }

        .partner-cl-item p {
            margin-top: 6px;
            font-size: 14px;
        }
        .partner-group-btn {
             text-align: center;
        }
        .partner-cl-btn {
                border: none;
                background-color: #fff;
                border: 1px solid #ddd;
                padding: 4px 8px;
                cursor: pointer;
                border-radius: 8px;
                font-size: 12px;
        }

        .partner-cl-btn:disabled {
            opacity: 0.3;
            pointer-events: none;
        }
@media only screen and (max-width: 1000px){
    .block-ev-time-local{
        padding: 40px;
    }
    .block-ev-time-local .event-card {
        gap: 20px;
        padding: 20px;
    }
    .block-ev-time-local .event-content{
        gap: 20px;
    }
    .block-ev-time-local .event-info{
        gap:8px;
    }
     .partner-cl-item {
            width: calc((100% - 2 * 16px) / 3);
        }
}
@media only screen and (max-width: 500px){
     .block-ev-time-local{
        padding: 32px 16px;
    }
    .block-ev-time-local .event-card {
        gap: 16px;
        padding: 16px;
    }
    .block-ev-time-local .event-content{
        gap: 16px;
    }
    .block-ev-time-local .event-info{
        gap:8px;
    }
    .block-ev-time-local .event-card {
            flex-direction: column;
            text-align: start;
    }
    .partner-cl-item {
            width: calc((100% - 16px) / 2);
    }
}