/*********Header*******/
.rank-math-breadcrumb.faculty a, .rank-math-breadcrumb.faculty p, .rank-math-breadcrumb.faculty span {
    font-size: 1.6rem !important;
}
.vc-article__content, .vc-article__content p, .vc-article__content p a, .vc-article__content table td, .vc-article__content table th, .wp-block-table table td, .wp-block-table table th, .is-style-stripes table td, .is-style-stripes table th, 
a, input[type=email], input[type=tel], input[type=text], label, option, p, section, span, textarea{
	font-size: 1.6rem;
}
h1.vc-headline--border-center {
    font-size: 40px;
}
 .custom-button-with-icon.header{
      position: relative;
      padding-left: 36px;
    }
    .custom-button-with-icon.header.faculty span {
    padding: 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
}
    .custom-button-with-icon.header:hover{
      background: #024da1;
    }
   .custom-button-with-icon.header::after{
    height: 42px;
    width: 36px;
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/faculty_icon_left_button.svg);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
   }
   
   :where(.wp-block-columns.is-layout-flex) {
    gap: 16px ;
}
:where(.wp-block-columns) {
    margin-bottom: 5px ;
}

   .custom-button-with-icon.header:hover::after{
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/faculty_icon_left_button_hover.svg);
   }
   @media only screen and (max-width: 782px) {
:where(.wp-block-columns.is-layout-flex) {
    gap: 0px ;
}
:where(.wp-block-columns) {
    margin-bottom: 0px ;
}
.container:has(.fy-title-hide) {
    padding: 0 16px;
}
   }
   
@media only screen and (min-width: 1200px) {
    .vc-header.sticky {
        background-color: #024da1 !important;
    }
    .vc-header.sticky  .custom-button-with-icon.header{
        background-color: #ed1c24 !important;
    } 
    .vc-header.sticky  .custom-button-with-icon.header:hover{
        background-color: #009FE8 !important;
    } 
     .vc-header.sticky .custom-button-with-icon.header::after{
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-button-form.svg);
   }
    .vc-header.sticky .custom-button-with-icon.header:hover::after{
    background: url(https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-button-form-hover.svg);
   }
}

.vc-top__switch.d-inline-flex {
    width: 60px;
    padding: 3px;
    height: 31px;
}
.vc-top__switch a.d-inline-flex.align-items-center.justify-content-center {
    padding: 0 !important;
    width: 25px;
    height: 25px;
      color: #4A5567;
}
.vc-top__switch a.current {
    background: #FCED04;
    color: #024DA1 !important;
    font-weight: bold;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}
/***End Header***/
/**********Title page********/
.vc-headline--border-center:after{
display: none !important;
}
  
h1.vc-headline--border-center {
    text-align: left !important;
	    padding-top: 56px;
      margin-bottom: 0;
}
.container:has(.qual-veri) h1.vc-headline--border-center {
    text-align: left !important;
	    padding-top: 56px;
      margin-bottom: 0;
}
.vc-breadcrumb {
    max-width: 1200px;
    margin: 16px auto;
}
.container:has(.fy-title-hide) .vc-headline--border-center{
display: none;
}
/***/
.block-carousel .carousel {
  position: relative;
  overflow: hidden;
  /*height: 520px;*/
  max-width: 1200px;

}
.carousel, .block-faculty{
/*	max-width: 1400px;*/
	margin: auto;
}
/*******Tùy chỉnh theo kích thước********/
.block-faculty{
  padding: 56px;
}
.block-faculty h2, .block-carouselStaff h2, .block-faculty-major h2, h2.fy-custom-title{
  font-size: 32px !important;
}
.block-faculty a{
font-size: 16px;
}
.width-1200{
	max-width: 1200px !important;
  margin: auto;
}
.width-1312{
	max-width: 1312px !important;
  margin: auto;
}
.width-994{
  max-width: 994px !important;
  margin: auto;
}
.padding-56{
  padding: 56px 20px;
}
.fit-cnt-img figure {
    height: 100%;
}
.fit-cnt-img figure img{
    height: 100%;
    object-fit: cover;
}
.b-radius-8 img{
border-radius: 8px;
-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
.kc-b-8{
  margin-bottom: 8px;
}
.kc-b-16{
  margin-bottom: 16px;
}
.custom-marker {
    list-style-type: none;
    position: relative;
    padding-left: 36px;
}
.custom-marker.check li::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-li-check.svg');
    position: absolute;
    left: 0px;
}

/****hover button********/
.block-carousel .custom-button-with-icon:hover{
background: #024DA1;
color: white;
position: relative;
}
.block-carousel .custom-button-with-icon{
  position: relative;
}
.block-carousel .custom-button-with-icon .icon-left{
display: none;
}
.block-carousel .custom-button-with-icon::after{
 height: 42px;
    width: 36px;
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/faculty_icon_left_button.svg');
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
}
.block-carousel .custom-button-with-icon:hover::after{
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/faculty_icon_left_button_hover.svg');

}
.block-carousel .custom-button-with-icon span{
  margin-left: 36px;
}
#facultyForm .custom-button-with-icon{
  position: relative;
}
#facultyForm .custom-button-with-icon:hover{
background: #009FE8;
}
#facultyForm .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;
}
#facultyForm .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');

}
/***********End hover button*****/

.block-carousel{
    background: #E6F0FF;
    padding-bottom: 0;
}
.bg-carousel {
    position: absolute;
    right: 0;

}
.carousel-item {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
   padding-right: 30px;
}

/*.carousel-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}
.carousel-track::-webkit-scrollbar {
  display: none; 
}
.carousel-track {
  cursor: grab;
  user-select: none; 
}*/
.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 0;
  padding-right: 30px;
}

.carousel-item.type-image-full img {
  width: 100%;
  display: block;

}

/*.carousel-item.type-split {
      padding: 56px 5% 28px 5%;
}

.carousel-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}*/
.carousel-item img{
height: 360px;
}
.carousel-image img {
    
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.carousel-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/*.carousel-text p {
  margin-bottom: 30px;
  font-size: 16px;
}*/

.carousel-text button {
  padding: 8px 16px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
  cursor: pointer;
}

.carousel-dots {
  text-align: center;
  margin: 28px 0;
}

.carousel-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;
}

.carousel-dots button.active {
  background-color: #009FE8;
}
.carousel .carousel-dots{
  display: none;
}
.carousel .carousel-dots:has(button[data-index="1"]){
display: block;
}
.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  align-items: stretch;

}

.carousel-item {
  min-width: 100%;
  display: flex;       
  flex-direction: column;
  justify-content: stretch;
}

.block-carousel .carousel-item.type-split .carousel-content {
  flex: 1;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 32px;
  align-items: center;
  height: 100%;
}

.carousel-item.type-image-full img {
  object-fit: cover;      
  width: 100%;
  display: block;
  border-radius: 0;
-webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
  margin-top: 50px;
}

.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;
}

.custom-button-with-icon .icon-left {
  height: 42px;
  width: auto;
  object-fit: cover;
  display: block;
}

.custom-button-with-icon span {
  display: flex;
  align-items: center;
  padding: 0 100px;
    font-size: 16px;
    font-weight: 600;
}

 .title-staff {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    margin: 30px 0;
}

/*******carosel Feedback***********/
/***carousel vong lap***/
/***
.block-carouselFeedback {
    background: #024da1;
}
.carouselFeedback {
  overflow: hidden;
  position: relative;
  padding: 56px 0 64px 0;
  max-width: 1400px;
  margin: auto;
   background: #024da1;
}

.carouselFeedback-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  padding: 0 10%; 
  box-sizing: border-box;
}

.carouselFeedback-item {
  flex: 0 0 80%; 
  margin-right: 30px; 
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  box-sizing: border-box;
   padding: 32px;
}

.carouselFeedback-bg-left {
    width: 105px;
    height: 100%;
    content: "";
    position: absolute;
    background: #024da1;
    top: 0;
    left: 0;
}
***/
/*****************/
/***Feedback*2***/
/***
	.carouselFeedback {
    position: relative;
    margin: auto;
    overflow: hidden;
    max-width: 1400px;
    background: #024da1;
    padding: 20px 120px 40px 120px;
}



.carouselFeedback-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carouselFeedback-item.type-split {
  padding: 32px;
}
.carouselFeedback-item {

    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: stretch;
    background: white;
    margin: 3%;
    border-radius: 8px;
    height: auto;
}
.carouselFeedback-item{
  flex: 0 0 67%
}
****/
/**************/
/*************carouselFeedback*************/
.carouselFeedback {
  overflow: hidden;
  position: relative;
  padding: 56px 0 84px 0;
  background-color: #0052b4; /* Màu nền xanh đậm */
}

.carouselFeedback-track {
  display: flex;
  transition: transform 0.5s ease;
  padding-left: 10%; 
}
/*.carouselFeedback-track {
  display: flex;
  padding-left: 10%;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; 
}
*/

.carouselFeedback-track::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.carouselFeedback-item {
  flex: 0 0 auto; /* Không co giãn */
	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;
   /*scroll-snap-align: start;
  flex-shrink: 0;*/
}
/****************/



.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%;
}
.feedback-cnt .cnt-text {
    line-height: 1.6;
}
.feedback-cnt.top img {
    height: unset;
    margin-bottom: 20px;
    margin-top: 10px;
}
.feedback-cnt.top .line {
    /*height: 1px;
    background: #024da1;*/
    width: 90%;
    margin: 40px 0;
}
/*********wp-custom-block*********/
.block-faculty .wp-block-image figure {
  margin: 0 !important;
}

/**************/
.block-faculty.academics .wp-block-image img {
  height: auto;
  width: 100%;
}
/****contact***/
.block-faculty.fy-contact .vc-accor__label span {
  font-size: 16px;
      margin-right: 16px;
      color: black;
}
.block-faculty.fy-contact a{
  font-size: 16px !important;
  color: black 
}

p:has(img.ic-contact) a {
    color: #4D5157 !important;
}
.block-faculty.fy-contact .vc-accor__content > p a{
background: unset;
padding: unset;
}
.block-faculty.fy-contact a:hover{
color: #024da1 !important;
}
.block-faculty.fy-contact .vc-accor__label svg {
    fill: #4A5567;
  }
.block-faculty.fy-contact p {
    margin-bottom: 12px;
}

/*****/
.block-faculty.highlights {
  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;
}
.fy-fit-height {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.block-faculty.highlights::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.highlights::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;
}
.fy-ddnb{
    max-width: 994px !important;
        gap: 40px;
        padding-top: 35px;
}
.fy-ddnb .wp-block-columns {
    gap: 32px;
}
.fy-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 .fy-ddnb p strong, .block-faculty.standard p strong{
font-size: 18px !important;
}


.block-faculty.standard .fy-tcdr{
gap: 40px;
}
.fy-tcdr .is-layout-flex {
    gap: 32px;
}
.block-faculty.standard .fy-tcdr .wp-block-column{
 padding: 32px;
     border-radius: 8px;
      -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
.block-faculty.standard .wp-block-group__inner-container {
    padding: 0;
}

/*********qual-veri************/
.qual-veri h2 span, .qual-veri h2{
    font-size: 3.2rem !important;
}
.container .vc-txt:has(.qual-veri) .h1.vc-headline--border-center.text-center.position-relative{
  display: none;
}

/***/


.block-faculty p, .faculty-news-section a.news-title {
    font-size: 16px !important;
}
/********footer**********/
h2.vc-footer__ttl {
  font-size: 16px;
}
.vc-footer__bottom .container {
  margin: auto;
  width: fit-content;
}
/**********Reponsive************/

@media only screen and (max-width: 1200px){
  .vc-footer .container {
    max-width: 100%;
    padding: 0 5%;
}

.row.vc-footer__row {
  display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 0 !important;
        border-top: unset !important;
        padding-top: 0 !important;
        align-items: start;
        justify-items: stretch;
        justify-content: start;
}
.vc-footer__col.col-12.col-md-3.col-lg-3.col-xl-6.col-xxl-6.d-block.d-xl-none, .vc-footer__col.col-12.col-md-5.col-lg-5.col-xl-2.col-xxl-3 {
  width: 400px !important;
}
.vc-footer__col.col-12.col-md-9.col-lg-9.col-xl-6.col-xxl-6{
  width: 100% !important;
}
nav.vc-footer__img.d-flex.flex-wrap.justify-content-between.align-items-center {
  align-content: flex-start !important;
  justify-content: flex-start !important;
  flex-direction: column;
}
}
@media only screen and (max-width: 991.98px) {

/*h3 {
    font-size: 2rem;
    zoom: 130%;
}*/
/*.qual-veri h2 {
    text-align: center;
}*/

}
@media only screen and (max-width: 768px){




}
@media only screen and (max-width: 782px){
.qual-veri .flex-centert-colum .wp-block-column figure {
    display: flex;
    justify-content: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
 /* h2.title-staff {
    zoom: 100%;
}*/
	/*.carousel, .block-faculty, .faculty-news-section, .faculty-news-section, .faculty-new-content, .block-carouselStaff, .carouselFeedback{
		zoom:80%;
	}*/
	.block-faculty .wp-block-columns {
    display: flex;
    flex-wrap: nowrap !important;
}
.block-faculty.highlights .wp-block-columns{
flex-wrap: nowrap !important;
        display: flex;
       /* gap: 32px;*/
}
.block-faculty .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 100% !important;
    width: 50% !important;
    padding: 0 30px;
}
.block-faculty .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: unset !important;
                display: flex;
        flex-direction: column;
    }
.block-faculty .wp-block-column.is-vertically-aligned-bottom, .block-faculty .wp-block-column.is-vertically-aligned-center,.block-faculty .wp-block-column.is-vertically-aligned-top {
    width: unset;
}
.faculty-news-section .img-right img.position-absolute {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

/*form:has(#facultyForm){
zoom: 75%;
}*/
@media only screen and (min-width: 500px) and (max-width: 600px){
  footer#jsFooter {
    zoom: 70%;
}
}
}
@media only screen and (max-width: 768px){
	/*.carousel, .block-faculty, .faculty-news-section, .block-carouselStaff, .carouselFeedback{
		zoom:60%;
	}*/
	/*.faculty-news-section, .faculty-new-content, .see-more-wrapper{
		zoom:80%;
	}*/
	/*.faculty-news-section .faculty-news-container {
    display: flex;
    gap: 30px;
    flex-direction: column;
}*/

.side-news {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.side-news-item {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
/*div#facultyForm {
  zoom: 75%;
}*/
.block-faculty.fy-contact {
  padding: 0 5%;
}
.block-faculty.rating {
  grid-template-columns: repeat(2, 1fr);
}
/***********footer*************/
.vc-footer__col.col-12.col-md-3.col-lg-3.col-xl-6.col-xxl-6.d-block.d-xl-none, .vc-footer__col.col-12.col-md-5.col-lg-5.col-xl-2.col-xxl-3 {
  width: 100% !important;
  max-width: 300px;
}
.row.vc-footer__row{
  gap:10px;
}
.vc-footer__col.col-12.col-md-5.col-lg-5.col-xl-2.col-xxl-3 .vc-footer__info {
  width: max-content;
  max-width: 130px;
}
h2.vc-footer__ttl {
 zoom: 100%;
}
}
@media only screen and (max-width: 500px){
	/*.carousel {
  height: 100%;
}*/
	/*.carousel-item.type-split {
    padding: 3%;
}*/

.carousel-item img {
    height: 100%;

}
.bg-carousel{
	display: none;
}
.carousel a.custom-button-with-icon {
    margin: auto;
}
.carousel .vl-body a {
    text-decoration: none;
    margin: auto;
}
.block-faculty .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {

    padding: 0;
}
.carouselStaff-item img {
    height: 400px;
}
.carouselStaff{
height: 800px;
}
.carouselStaff-item.type-split .carouselStaff-content, .carouselFeedback-item.type-split .carouselFeedback-content  {
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.carouselFeedback{
	height: 100%;
}
.carouselFeedback-item.type-split {
  margin: 10px;
}

/*******news****/
.faculty-news-section{
  padding: 5%;
}

/****academics***/

/*.block-faculty.academics .wp-block-columns{
  display: flex;
      flex-direction: column;
      padding: 0 20px;
}*/
/************form************/
/*form:has(#facultyForm){
  zoom: 75%;
  }
div#facultyForm {
  padding: 70px 15%;
  zoom: 70%;
}
#facultyForm{
  zoom: 60%;
  }*/
/*****footer*********/
.row.vc-footer__row {
  display: flex;
}
.vc-footer__col.col-12.col-md-5.col-lg-5.col-xl-2.col-xxl-3 .vc-footer__info {
  width: max-content;
  max-width: max-content;
}
.vc-footer__col.col-12.col-md-5.col-lg-5.col-xl-2.col-xxl-3 .row {
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 20px;
}
.vc-footer img.jsLazy {
  max-width: 200px;
}
}

/**********faculty-news-section*****************/
.faculty-news-section {
  background: #eaf2ff;
  text-align: center;
  font-family: Arial, sans-serif;
  position: relative;
  z-index: -2;
    margin: auto;
}

.faculty-news-section .faculty-new-bg-bottom {
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.faculty-news-section .faculty-new-bg-bottom.left {
    left: 0;
    bottom: 144px;
}
.faculty-news-section .faculty-new-bg-bottom.right {
    right: 0;
    bottom: 144px;
}
.faculty-news-section .faculty-new-bg-bottom.center {
    height: 216px;
    background: linear-gradient(to bottom, #DEEAFF 72px, #CDDEF8 72px);
    width: 100%;
    left: 0;
}
.faculty-news-section .faculty-section-title {
    font-weight: bold;
    margin-bottom: 40px;
}
.faculty-news-section .faculty-news-container {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 32px;
    padding-bottom: 32px;
}
.faculty-news-section .faculty-news-grid {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;

    padding: 32px;
    margin: auto;
    max-width: 992px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.faculty-news-section .faculty-new-content {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.faculty-news-section .faculty-main-news .faculty-new-content{
margin-top: 24px;
}
.faculty-news-section .faculty-main-news {
    flex: 2;
    text-align: left;
}
.faculty-news-section .faculty-main-news .faculty-news-image {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
}
.faculty-news-section .faculty-news-content .faculty-news-category {
    color: red;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}
.faculty-news-section .faculty-new-content a.news-title {
    color: black;
    font-weight: bold;
    line-height: 1.3;
}
.faculty-news-section .side-news {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.faculty-news-section .side-news-item {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 49% 49%;
    gap: 12px;
}
.faculty-news-section .side-news-item img,
.faculty-news-section a.faculty-news-image img {
    object-fit: cover;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
.faculty-news-section a.faculty-news-image img {
    height: 255px;
}
.faculty-news-section .faculty-new-content a.news-title {
    color: black;
    font-weight: bold;
    line-height: 1.6;
}
.faculty-news-section .faculty-news-category.red {
    color: #ED1C24;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.faculty-news-section .see-more-wrapper {
    display: flex;
    justify-content: center;
}
.faculty-news-section .see-more {
    padding: 12px 50px;
    border: 2px solid #004aad;
    border-radius: 8px;
     -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    background-color: white;
    color: #004aad;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
    font-weight: bold;
}
.faculty-news-section .see-more:hover {
    background-color: #004aad;
    color: white;
}
.faculty-news-section img.position-absolute {
    position: unset !important;
}
.faculty-news-section .img-right img.position-absolute {
    width: 100%;
    height: 159px;
    object-fit: cover;
}
.faculty-news-section .news-desc {
    font-size: 16px;
    color: #4A5567;
}
.faculty-news-section .faculty-new-content a.news-title:hover{
      color: #024da1;
}
/*********End*faculty-news-section*****************/

/**************rating*************/
.block-faculty.rating {
    gap: 0;
}
.block-faculty.rating .wp-block-group {
  padding: 0 20px;
  border-right: 2px solid #F1EFF1;
  gap: 12px;
}
.block-faculty.rating .wp-block-group:last-child{
  border-right:unset;
}
.block-faculty.rating h2 {
    font-size: 56px !important;
}
.block-faculty.rating p {
color: #4A5567;
font-size: 18px !important;
}
/************End rating**********/

/***************block-faculty-major****************************/
.block-faculty-major {
    margin: auto;
    background: #024DA1;
    padding: 56px;
}
.block-faculty-major h2 {
    text-align: center;
    color: white;
	    margin-bottom: 40px;
}
.block-faculty-major .major-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(349px, 1fr));
    gap: 32px;
    max-width: 1200px;
    margin: auto;
	justify-items: center;
}

.block-faculty-major .major-item {
    padding: 16px;
    background: white;
}

.block-faculty-major .major-item {
    padding: 16px 16px 32px;
    background: white;
    display: flex;
    flex-direction: column;
    gap: 16px;
	width: fit-content;
}

.block-faculty-major .fy-mr-title,
.block-faculty-major .fy-mr-cnt {
    font-size: 16px;
    line-height: 1.6;
}
.block-faculty-major .fy-mr-title{
color: black;
}

.block-faculty-major .cnt-child {
  
	font-size: 16px;
    color: #4A5567;
}
.block-faculty-major .major-item:hover .fy-mr-title{
  color: #024DA1;
}
.block-faculty-major a.cnt-child:hover, .block-faculty-major a.fy-mr-title:hover{ 
color: #024DA1;
}
.block-faculty-major .fy-mr-title {
    font-weight: bold;
}

.block-faculty-major .fy-mr-img {
    height: 196px;
    width: 348px;
    position: relative;
}

.block-faculty-major .major-item .fy-mr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
       /* border-bottom: 8px solid #009FE8;*/
}

/*.block-faculty-major .major-item .fy-mr-img::after {
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-bg-edu-child-right.svg');
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 80px;
    height: 16px;
    background-repeat: no-repeat;
}*/
/*.block-faculty-major .major-item .fy-mr-img::before {
    background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-bg-edu-child-left.svg');
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 40px;
    height: 24px;
    background-repeat: no-repeat;
}*/
/*********End*block-faculty-major***************/

/**************block-carouselStaff******************/
.block-carouselStaff {
   max-width: 1312px;
    margin: auto;
    padding: 56px;
    padding-bottom: 0;
}
.block-carouselStaff p {
    margin-bottom: 4px;
}
.block-carouselStaff p:nth-child(1) span{
 
     color: #024DA1 !important;
}
.block-carouselStaff p:nth-child(1){
    margin-bottom: 12px;
}
.block-carouselStaff .gr-btn-more {
        display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: bold;
    color: black;
}
.block-carouselStaff .gr-btn-more:hover{
	color:#024DA1;
}
.block-carouselStaff .gr-btn-more div {
    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;
}
.block-carouselStaff .gr-h-title {
       display: flex;
    justify-content: space-between;
    align-items: center;

}
.block-carouselStaff .staff_inf {
    margin-top: 28px;
}
.block-carouselStaff .staff_name {
  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;
  width: fit-content;
  text-decoration: none;
}
.block-carouselStaff .staff_name span {
  display: flex;
    align-items: center;
    margin: auto;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
    padding: 10px 25px;
}

.carouselStaff {
  position: relative;
  overflow: hidden;
  height: 550px;
max-width: 1400px;
background: linear-gradient(to right, #D1EBFF 0%, #FFFFFF 27%, #F0F8FE 48%, #D4EAFB 100%);
}
.carouselStaff-text{
  max-width: 350px;
}
.bg-carouselStaff {
    position: absolute;
}
.bg-carouselStaff.left {
    left: 0;
    bottom: 48px;
}
.bg-carouselStaff.right {
    right: 0;
    bottom: 96px;
}
.bg-carouselStaff.bottom {
    height: 48px;
    background-color: #024da1;
    width: 100%;
    bottom: 48px;
}

.carouselStaff-item {
  min-width: 100%;
  box-sizing: border-box;
  padding: 0;
}


.carouselStaff-track {
  display: flex;
  transition: transform 0.5s ease;
}



.carouselStaff-item.type-split {
  padding: 5% 15%;
}

.carouselStaff-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.carouselStaff-item img{
height: 350px;

}
.carouselStaff-image {
    position: relative;
    width: 242px;
}
/*.bg-imageStaff.bottom {
    height: 24px;
    width: 100%;
    background: red;
    bottom: 0;
    right: 0;
    position: absolute;
}*/
/*.bg-imageStaff {
       position: absolute;
    height: 24px;
    width: 24px;
    bottom: 0;
    background: #fff200;
    right: 0;
}*/
.carouselStaff-image img {
    
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.carouselStaff-dots {
  text-align: center;
  margin: 15px 0;
  position: absolute;
    left: 50%;
    bottom: 0;
}
.bg-carouselStaff-dots.bottom {
    position: absolute;
    height: 52px;
    background: white;
    bottom: 0;
    width: 100%;
}

.carouselStaff-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;
}

.carouselStaff-dots button.active {
  background-color: #009FE8;
}
.carouselStaff-track {
  display: flex;
  transition: transform 0.5s ease;
  align-items: stretch;
}

.carouselStaff-item {
  min-width: 100%;
  display: flex;       
  flex-direction: column;
  justify-content: stretch;
}

.carouselStaff-item.type-split .carouselStaff-content {
        flex: 1;
    display: flex;
    align-items: center;
    height: 100%;
    justify-items: end;
    gap: 44px;
    justify-content: center;
}
.carouselStaff .carouselStaff-dots{
  display: none;
}
.carouselStaff .carouselStaff-dots:has(button[data-index="1"]){
display: block;
}
/**************End block-carouselStaff******************/

/*****partners*********/
.block-faculty.partners .vc-partner {
    padding: 0;
}
.block-faculty.partners{
  padding: 28px 56px;
}
.block-faculty.partners .swiper-button-next, .block-faculty.partners .swiper-button-prev {
    background: #EDF4FF;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.block-faculty.partners .swiper-button-next svg, .block-faculty.partners .swiper-button-prev svg{
    fill: #024DA1;
	    height: 25px;
    width: 25px;
}
.block-faculty.partners .swiper-container{
	    margin: 0 72px;
}
/*****End partners*********/
/***********form **************/
#facultyForm .form-bg-top.center {
  height: 215px;
  background: #ddeaff;
  width: 100%;
  left: 0;
}
#facultyForm .form-bg-top {
  position: absolute;
  top: 0;
}
#facultyForm .form-bg-top.right {
  right: 0;
}
#facultyForm .form-bg-top.left {
  left: 0;
}
#facultyForm .bg-form-box {
  position: relative;
  width: fit-content;
  max-width: 856px;
  background: #024da1;
}
#facultyForm .icon-form.center {
  height: 24px;
  background: #009fe8;
  width: 100%;
  left: 0;
  bottom: 0;
}
#facultyForm .icon-form {
  position: absolute;
}
#facultyForm .icon-form.right {
  right: -72px;
  bottom: 0;
}
#facultyForm .icon-form.left {
  left: -46px;
  top: 0;
}
#facultyForm {
  display: flex;
  justify-content: center;
  padding: 50px 75px;
  position: relative;
  background: #eaf2ff;
  /*max-width: 1400px;*/
    margin: auto;
}
#facultyForm .form-box {
  color: white;
  width: 100%;
  padding: 48px;
  margin: auto;
  text-align: center;
}
#facultyForm .form-box form {
  padding: 0 50px 50px;
}
#facultyForm .form-row {
      display: flex;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
#facultyForm input,
#facultyForm 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: 368px;
    height: 44px;
    color: #808080;
    font-size: 16px;

}
#facultyForm 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;
}
#facultyForm .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;
}
#facultyForm .custom-button-with-icon .icon-left {
  height: 42px;
  width: auto;
  object-fit: cover;
  display: block;
}
#facultyForm .custom-button-with-icon span {
  display: flex;
  align-items: center;
  padding: 0 60px;
  font-size: 16px;
  font-weight: 600;
}
#facultyForm select option {
  color: black;
}
#facultyForm select option:nth-child(1) {
  color: #808080;
}
#facultyForm .form-box h2{
  font-size: 32px !important;
   text-align: center;
  margin-bottom: 40px;
}
#facultyForm select[data-gtm-form-interact-field-id]{
 color: black;
}
#facultyForm input[data-gtm-form-interact-field-id] {
    background: white;
     color: black;
}
#facultyForm .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;
}
#facultyForm span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
  display: none;
}
#facultyForm span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip:nth-child(2){
  display: block;
}
/*************************/
/**********qual-veri***************/
.container:has(.qual-veri) h2.vc-headline--border-center{
display: none;
}
.container:has(.qual-veri) {
    max-width: 1312px !important;
    margin: auto;
    padding: 0 56px;
}
.qual-veri {
    max-width: 1200px;
    margin: auto;
    padding-top: 20px;
}
.container:has(.qual-veri) .block-faculty-major h2 {
    display: none;
}
.container:has(.qual-veri) .block-faculty-major{
background: white;
}
.container:has(.qual-veri) .block-faculty-major .major-item{
box-shadow: 0px 1px 2px 0px #0A0D120F;
box-shadow: 0px 1px 3px 0px #0A0D121A;
}
.container:has(.qual-veri) .block-faculty-major {
    padding: 16px 0;
}
/*****End qual-veri**/

.fy-edu-banner .wp-block-group__inner-container, .block-faculty .wp-block-group__inner-container{
padding: unset;
}

/**********program-structure-p***************/

.background-wrapper-program {
  position: relative;
  background: linear-gradient(to bottom, #024DA1 48%, #fff 48%);
      padding: 0 56px;
}

.background-wrapper-program::before {
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  height: 48px;
  background: red;
  transform: translateY(-24px);
  z-index: 1;
}
.background-wrapper-program::after{
  content: "";
  position: absolute;
  background: url('https://www.hoasen.edu.vn/wp-content/themes/ru-hsu/assets/faculty/img/icon-bg-program-stucture.svg');
  top: 48%;
  right: 0;
  width: 48px;
  height: 96px;
  transform: translateY(-24px);
  z-index: 1;
}

.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;

}
 .program-structure-p .title {
          text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
    }

 .program-structure-p .tabs-ps {
      display: flex;
    justify-content: center;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
    }

  .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;
    }
 .program-structure-p .tab-ps.active {
      color: #024DA1;
      border-bottom: 3px solid #024DA1;
    }

   .program-structure-p .subjects-grid-ps {
      display: none;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px 32px;
    }

  .program-structure-p .subjects-grid-ps.active {
      display: grid;
    }

 .program-structure-p .subject {
          background: #F5F7F9;
    padding: 15px 20px;
    border-radius: 8px;
      -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    font-size: 16px;
    color: #333;
    border: 1px solid #E9E9E9;
    }
 .program-structure-p .subjects-wrapper-ps {
  position: relative;
  transition: min-height 0.3s ease;
}


/****End program-structure-p**/

/**************learning****************/
.block-faculty.learning .wp-block-columns{
        display: flex;
        flex-wrap: nowrap !important;
}

/************* End learning**************/

/******projects-student*****/
.block-faculty.projects-student {
     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;
      padding: 56px 32px;
      margin: 0 auto;
          display: flex;
    flex-direction: column;
    gap: 32px;
    }
.block-faculty.projects-student::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.projects-student::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;
}
  .block-faculty.projects-student .project-s-card {
    background: #fff;
    border-radius: 8px;
     -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    display: flex;
    box-shadow: 0px 4px 8px -2px #0A0D121A;
    padding: 32px;
    max-width: 1200px;
    margin: 0 auto;
    align-items: center;
    gap: 32px;

    }
.block-faculty.projects-student  .project-s-content {
    width: 50%;
}
 .block-faculty.projects-student .project-s-image {
      width: 50%;
      max-height: 100%;
      overflow: hidden;
    }

  .block-faculty.projects-student .project-s-image img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      display: block;
    border-radius: 8px;
     -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    }
.block-faculty.projects-student .project-s-card:nth-child(even){
    background-color: #0052b4;
    color: #fff;
    flex-direction: row-reverse;
}
.block-faculty.projects-student .project-s-card:nth-child(even) .project-desc{
 color: #fff;
}
.block-faculty.projects-student .project-desc {
    margin-top: 24px;
    color: #4A5567;
}
@media only screen and (max-width: 800px) {
  .block-faculty.projects-student{
zoom: 100%;
  }
.block-faculty.projects-student .project-s-card{
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding: 20px;
}
.block-faculty.projects-student .project-s-content, .block-faculty.projects-student .project-s-image {
    width: 100%;
}
.block-faculty.projects-student .project-s-card:nth-child(even) {
    flex-direction: column-reverse;
    display: flex;
}
.block-faculty.projects-student {
    padding: 40px;
    gap: 20px;
}
.block-faculty.projects-student .project-s-content h2{
  font-size: 24px !important;
}
  .block-faculty.projects-student .project-s-image img {
    height: 370px;
  }
}
@media only screen and (max-width: 500px) {
.block-faculty.projects-student {
    padding: 32px 16px;
    gap: 16px;
    zoom: 100%;
}
.block-faculty.projects-student .project-s-card {
    padding: 16px;
     gap: 16px;
}
.block-faculty.projects-student .project-desc {
    margin-top: 16px;

}
.block-faculty.projects-student .project-s-image img{
  height: 170px;
}
.block-faculty.projects-student .project-s-content h2{
  font-size: 20px !important;
}
}
/*******End projects-student*****/

/*****image-gallery-ps****/
  .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;
}
@media only screen and (max-width: 800px) {
  .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;
}
}
@media only screen and (max-width: 500px) {
.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;
}
}
/****End image-gallery-ps***/

/******inf-center*******/
.fy-inf-cnt {
    padding: 56px 0 !important;
}
.block-faculty.inf-center {
    padding: unset;
}
@media only screen and (max-width: 800px) {
  .block-faculty.inf-center{
    zoom: 100%;
     position: relative;
}
.block-faculty.inf-center h2 {
    font-size: 24px !important;
}
.fy-inf-cnt{
  flex-basis: auto !important;
}
.inf-center .fy-inf-bg-left .wp-block-image img {
    height: 80px;
}
.inf-center .fy-inf-bg-right .wp-block-image img {
    height: 120px;
}
.block-faculty.inf-center .fy-inf-cnt {
    padding: 40px !important;
}
.fy-inf-bg-left, .fy-inf-bg-right{
    position: absolute;
}
.fy-inf-bg-right {
    right: 0;
}
}
@media only screen and (max-width: 500px) {
.block-faculty.inf-center h2 {
    font-size: 20px !important;
}
 .block-faculty.inf-center{
    zoom: 100%;
    position: relative;
}
.fy-inf-cnt{
  flex-basis: auto !important;
}
.inf-center .fy-inf-bg-left .wp-block-image img {
    height: 38px;
}
.inf-center .fy-inf-bg-right .wp-block-image img {
    height: 57px;
}
.block-faculty.inf-center .fy-inf-cnt {
    padding: 32px 16px !important;
}
.fy-inf-bg-left, .fy-inf-bg-right{
    position: absolute;
}
.fy-inf-cnt .wp-block-spacer {
    height: 16px !important;
}
}
/*******End inf-center******/

/*****fy-contact******/
.block-faculty.fy-contact{
padding: 56px 32px;
}
@media only screen and (max-width: 800px) {
  .block-faculty.fy-contact{
    zoom: 100% !important;
    padding: 40px
  }
.block-faculty.fy-contact h2{
font-size: 24px !important;
}
}
@media only screen and (max-width: 500px) {
.block-faculty.fy-contact{
    zoom: 100% !important;
    padding: 32px 16px
  }
  .block-faculty.fy-contact h2{
font-size: 20px !important;
}
 .block-faculty.fy-contact  .vc-accor__item {
    padding: 4px 0;
}
}
/***End fy-contact****/




/*******************************************************/
/**********************Responsive**********************/
/*****************************************************/
@media only screen and (max-width: 1000px){
  h1.vc-headline--border-center {
    font-size: 36px;
}
.block-faculty {
    padding: 40px;
}
.block-faculty h2,  h2.fy-custom-title{
  font-size: 24px !important;
}
.block-carousel{
  padding-bottom: 0;
}
.block-carousel .carousel-text{
 gap: 16px;
}
.block-carousel .carousel-item.type-split .carousel-content {
  gap: 24px;
}
.block-carousel .custom-button-with-icon span{
padding: 0 60px;
}
.block-carousel .carousel-dots{
  margin: 20px 0;
}
/*************faculty-news-section******************/
.faculty-news-section .faculty-section-title {
    margin-bottom: 28px;
}
.faculty-news-section .faculty-news-grid{
  padding: 20px;
}
.faculty-news-section .faculty-news-container{
      gap: 16px;
    padding-bottom: 16px;
}
.faculty-news-section .faculty-main-news{
      display: grid;
    grid-template-columns: 49% 49%;
    gap: 12px;
}
.faculty-news-section .faculty-main-news .faculty-new-content {
    margin-top: 12px;
}
.faculty-news-section a.faculty-news-image img {
    height: 159px !important;
    width: 100%;
}
.faculty-news-section .news-desc{
  display: none !important;
}
.faculty-news-section .faculty-news-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/****************rating******************/
.block-faculty.rating h2 {
    font-size: 32px !important;
}
.block-faculty.rating .wp-block-group{
  padding: 0 8px;
  gap: 8px;
}
.block-faculty.rating p{
  font-size: 16px !important;
}
/****************block-faculty-major******************/
.block-faculty-major{
padding: 40px;
}
.block-faculty-major h2{
  font-size: 20px !important;
  margin-bottom: 28px;
}
/****************block-carouselStaff******************/
.block-carouselStaff{
  padding: 40px;
  padding-bottom: 0;
}
.carouselStaff{
  height: 500px;
}
.block-carouselStaff .title-staff{
    margin: 20px 0;
}
 .carouselStaff-item.type-split{
padding: 40px 10%;
}
.block-carouselStaf .staff_name span{
font-size: 18px;
}
.block-carouselStaf .carouselStaff-image img{
    width: 100%;
    min-height: 200px;
    max-height: 300px;
    height: 100%;
    min-width: 130px;
    max-width: 250px;
}
.block-carouselStaff .staff_name span {
font-size: 18px;
text-align: center;
}
.carouselStaff-text {
    max-width: 100%;
}
.carouselStaff-item.type-split .carouselStaff-content{
  gap: 20px;
}
.block-carouselStaff .staff_inf {
    margin-top: 16px;
}
.bg-carouselStaff.right {
    right: 0;
    bottom: 81px;
}
.bg-carouselStaff.right img {
    height: 116px;
}
.bg-carouselStaff.left {
    left: 0;
    bottom: 52px;
}
.bg-carouselStaff.left img {
    height: 87px;
}
.bg-carouselStaff.bottom {
    height: 29px;
    background-color: #024da1;
    width: 100%;
    bottom: 52px;
}
.carouselStaff-item img {
    height: 300px;
    min-width: 200px;
}
/*.bg-imageStaff.bottom {
    height: 19px;
}*/
/*.bg-imageStaff {
    height: 19px;
    width: 19px;

}*/
/****************partners******************/
.block-faculty.partners{
  padding: 20px 40px;
}
/****************carouselFeedback******************/
.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;
}
/****************carouselFeedback******************/
#facultyForm .form-box h2{
  font-size: 24px !important;
  margin-bottom: 28px;
}
#facultyForm .form-box{
  padding: 40px 20px;
}

#facultyForm{
  padding: 50px 50px;
}
#facultyForm .icon-form.left img{
width: 42px;
}
#facultyForm .icon-form.left{
  left: -41px;
}
#facultyForm .icon-form.right img{
width: 80px;
}
#facultyForm .icon-form.right{
  right: -47px;
}
#facultyForm .icon-form.center {
    height: 16px;
}
/***************.qual-veri********************/
   /*********qual-veri************/
.qual-veri h2 span, .qual-veri h2{
    font-size: 2.8rem !important;
}
    .container:has(.qual-veri) {
    padding: 0 40px;
}
.container:has(.qual-veri) h1.vc-headline--border-center {
    text-align: left !important;
    padding-top: 40px;
    margin-bottom: 0;
}
.qual-veri .wp-block-media-text.is-stacked-on-mobile {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.qual-veri .wp-block-media-text__content {
    padding: 0 !important;
}
/***************standard 1000*****************/
.block-faculty.standard .fy-tcdr {
    gap: 28px;
}
.block-faculty.standard .fy-tcdr .wp-block-column {
    padding: 20px;
}
.fy-tcdr .is-layout-flex {
    gap: 20px;
}
/***************fy-edu-banner 1000*****************/
.block-faculty.fy-edu-banner .wp-block-media-text__content .wp-block-spacer {
    height: 11px !important;
}
/***************fy-edu-inf 1000*****************/
.block-faculty.fy-edu-inf {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/***************fy-ddnb 1000*****************/
.fy-ddnb{
  padding-top: 23px;
}
.fy-ddnb .wp-block-columns {
    gap: 20px;
}
.fy-ddnb .wp-block-spacer {
    clear: both;
    height: 20px !important;
}
/***************program-structure-p 1000*****************/
.background-wrapper-program {
  padding: 0 40px;
}
.program-structure-p{
padding: 40px 20px;
}
.program-structure-p .title{
    font-size: 28px;
    margin-bottom: 28px;
}
.program-structure-p .tabs-ps{
  gap: 16px;
}
.program-structure-p .subjects-grid-ps{
  gap: 8px 16px;
}
.program-structure-p .subject{
      padding: 8px 16px;
}
.background-wrapper-program::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    height: 27px;
    background: red;
    transform: translateY(-24px);
    z-index: 1;
}
.background-wrapper-program::after{
      background-size: contain;
    background-repeat: no-repeat;
        width: 28px;
    height: 100%;
        top: 47.9%;
}
}
@media only screen and (max-width: 500px){
  h1.vc-headline--border-center {
    font-size: 28px;
}
  .block-faculty {
    padding: 32px 16px;
}
.wp-block-media-text__content {
    padding: 0 !important;
    margin-top: 16px;
}
.block-carousel{
  padding-bottom: 0;
}
.block-faculty h2, h2.fy-custom-title{
  font-size: 20px !important;
}
.block-carousel .carousel-item.type-split .carousel-content {
  gap: 16px;
}
.block-carousel .carousel-dots {
    margin: 16px 0 32px 0;
}
.block-carousel .custom-button-with-icon{
      width: 100%;
      justify-content: center;
}
.block-carousel  .carousel-item.type-split .carousel-content {
    display: flex;
    flex-direction: column-reverse;
}
.carousel-item{
  padding-right: 0;
}
.block-carousel .custom-button-with-icon span {
    margin-left: 0;
}
 .carousel-track {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    transition: none; /* Không dùng transform ở mobile */
      scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  }
.carousel-track::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

  .carousel-item {
    flex: 0 0 85%; /* 85% giúp hiển thị 1.2 item */
    scroll-snap-align: start;
    margin-right: 10px; /* tạo khoảng cách giữa các item */
  }

.carouselStaff-track::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.carouselStaff-track {
  cursor: grab;
  user-select: none; /* tránh bôi đen chữ khi kéo */
}
.carouselStaff-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
   transition: none;
}
  .carouselStaff-item {
    flex: 0 0 85%; /* 85% giúp hiển thị 1.2 item */
    scroll-snap-align: start;
    margin-right: 10px; /* tạo khoảng cách giữa các item */
  }
/*
.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
  align-items: stretch;
  overflow-x: scroll;
}
.carousel .carousel-dots {
    display: none !important;
}
.block-carousel .carousel-text{
  margin-bottom: 16px;
}*/
/*************faculty-news-section******************/
.faculty-news-section .faculty-section-title{
  margin-bottom: 16px;
}
.faculty-news-section .faculty-news-grid {
    background: unset;
    padding: unset;
    max-width: unset;
    box-shadow: unset;
}
.faculty-news-section .faculty-news-container{
  display: flex;
    flex-direction: row;
    overflow: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
}
.faculty-news-section .faculty-news-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari và Opera */
}
.faculty-news-section .faculty-main-news, .faculty-news-section .side-news-item  {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 280px;
    max-width: 350px;
      background: white;
    padding: 16px;
    border-radius: 8px;
     -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
}
.faculty-news-section .side-news{
      display: flex;
    flex-direction: row !important;
}
    .faculty-news-section .faculty-main-news .faculty-new-content, .faculty-news-section .faculty-new-content {
        margin-top: 0;
    }
    .faculty-news-section .faculty-new-content{
      gap: 8px;
    }
    .faculty-news-section .see-more{
          padding: 5px 15px;
    }
/****************rating******************/
.block-faculty.rating h2 {
    font-size: 20px !important;
}
.block-faculty.rating .wp-block-group{
    padding: 12px 8px;
    border-right: unset;
        align-items: start;
}
.block-faculty.rating .wp-block-group p{
     text-align: start;
}
.block-faculty.rating .wp-block-group:nth-child(1), .block-faculty.rating .wp-block-group:nth-child(2){
  border-bottom: 2px solid #F1EFF1;
}
/****************block-faculty-major******************/
.block-faculty-major{
padding: 32px 16px;
}
.block-faculty-major .major-list{
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.block-faculty-major .fy-mr-img{
  width: 290px;
}
.block-faculty-major h2{
  font-size: 20px !important;
  margin-bottom: 16px;
}
/****************partners******************/
.block-faculty.partners{
  padding: 16px;
}
.block-faculty.partners .swiper-button-next, .block-faculty.partners .swiper-button-prev{
  width: 28px;
  height: 28px;
}
.block-faculty.partners .swiper-button-next svg, .block-faculty.partners .swiper-button-prev svg {
    height: 14px;
    width: 14px;
}
.block-faculty.partners .swiper-container {
    margin: 0 30px;
}
/****************carousel 500******************/
#facultyForm input, #facultyForm select{
  align-items: stretch;
}
#facultyForm{
  padding: 50px 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;
}
.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;
}
/****************facultyForm 500******************/
    #facultyForm .form-box h2 {
        font-size: 24px !important;
        margin-bottom: 28px;
    }
    #facultyForm .icon-form.right {
        right: 9px;
        bottom: -41.5px;
    }
        #facultyForm .icon-form.right img {
        width: 80px;
        transform: scaleX(-1) rotate(90deg);
    }
    #facultyForm .icon-form.left
 {
        left: 11.3px;
        top: -51px;
    }
        #facultyForm .icon-form.left img {
        width: 41px;
        transform: scaleX(-1) rotate(90deg);
    }
#facultyForm .custom-button-with-icon{
  width: 100%;
}
#facultyForm .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;
}
   /*********qual-veri 500************/
.qual-veri h2 span, .qual-veri h2{
    font-size: 2rem !important;
}
    .container:has(.qual-veri) {
    padding: 0 16px;
}
.container:has(.qual-veri) h1.vc-headline--border-center {
    text-align: left !important;
    padding-top: 16px;
    margin-bottom: 0;
}
/**************fy-edu-banner 500****************/
.block-faculty.fy-edu-banner .wp-block-group__inner-container{
  padding: 0;
}
.block-faculty.fy-edu-banner  .wp-block-media-text__content {
    margin-top: 24px;
    padding: 0;
}
.block-faculty.fy-edu-banner {
            padding: 32px 16px 22px 16px;
}
.block-faculty.fy-edu-banner .wp-block-media-text__content .wp-block-spacer {
    height: 11px !important;
}
/**************learning 500****************/
.block-faculty.learning .wp-block-columns {
    display: grid;
    grid-template-columns: 49% 49%;
    padding: 0;
    gap: 16px;
}
.block-faculty.learning p.has-text-align-center {
    text-align: left;
}
/**************fy-ddnb 500****************/
.padding-right-60 {
    padding-right: 60px;
}
.fy-ddnb{
  padding-top: 0;
}
.fy-ddnb {
    gap: 16px;
}
.fy-ddnb .wp-block-spacer {
            height: 16px !important;
}
.fy-ddnb .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
  gap: 16px;
  min-width: fit-content;
  display: flex;
}
.fy-ddnb .wp-block-group.has-background
 {
    padding: 16px;
      min-width: 300px;
 }
.block-faculty.highlights .is-layout-flex {
    gap: 32px;
    display: flex;
        flex-direction: row;
        flex-wrap: nowrap !important;
        overflow: scroll;
        -ms-overflow-style: none;
     flex-wrap: nowrap !important;
     margin: 11px 0;
}
.block-faculty.highlights .is-layout-flex::-webkit-scrollbar {
    display: none; /* Chrome, Safari và Opera */
}
.block-faculty.highlights .wp-block-group__inner-container:has(section) {
    padding: 0;
}
.block-faculty.highlights {
    padding: 32px 0 32px 16px;
}
/***************standard 500*****************/
.block-faculty.standard .fy-tcdr {
    gap: 16px;
}
.block-faculty.standard {
    padding: 32px 0 32px 16px;
}
.block-faculty.standard .fy-tcdr .wp-block-column {
    padding: 16px;
}
.block-faculty.standard .fy-tcdr .wp-block-column{
      min-width: fit-content;
   /* height: 300px;*/
    gap: 16px;
}
.fy-tcdr .is-layout-flex {
    gap: 16px;
    display: flex;
    flex-direction: row;
    overflow: scroll;
     scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
     flex-wrap: nowrap !important;
    padding-right: 60px;
}

.fy-tcdr .is-layout-flex::-webkit-scrollbar {
    display: none; /* Chrome, Safari và Opera */
}
 /**************program-structure-p 500****************/
 .background-wrapper-program{
  padding: 16px;
 }
 .program-structure-p {
    padding: 32px 16px;
}
.program-structure-p .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.program-structure-p .tabs-ps {
    gap: 8px;
    margin-bottom: 16px;
}
.program-structure-p .subjects-grid-ps{
  gap: 8px;
}
.program-structure-p .subjects-grid-ps.active {
    display: flex;
    flex-direction: column;
}
.program-structure-p .subject {

    padding: 8px 16px;
}
.background-wrapper-program::after{
    top: 48%;
    right: 0;
    width: 8px;
    height: 100%;
       transform: translateY(-7.1px);
    background-size: contain;
    background-repeat: no-repeat;
}
.background-wrapper-program::before {
    top: 48%;
    left: 0;
    width: 100%;
    height: 8px;
       transform: translateY(-7px);

}
.block-faculty.highlights {
    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.highlights::after{
      bottom: 37px;
    right: 0px;
    width: 75px;
    height: 57px;
        background-repeat: no-repeat;
    background-size: contain;
}
.block-faculty.highlights::before{
    bottom: 37px;
    left: 0px;
    width: 94px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: contain;
}
.block-faculty.projects-student::before{
  bottom: 37px;
        left: 0px;
        width: 94px;
        height: 38px;
        background-repeat: no-repeat;
        background-size: contain;
}
.block-faculty.projects-student::after {
        bottom: 37px;
        right: 0px;
        width: 75px;
        height: 57px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .block-faculty.projects-student{
        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;
    }
}


/***********************************/
/**********Ngoại lệ**************/
/***********************************/

/****************block-carouselStaff******************/
@media only screen and (max-width: 600px){
.carouselStaff-item.type-split .carouselStaff-content{
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.block-carouselStaff .staff_name{
  width: 100%;
}
.carouselStaff-text {
        max-width: 400px;
    }
    .block-carouselStaff .staff_name span {
        font-size: 16px;
      }
      .carouselStaff {
    height: 100%;
    padding-bottom: 100px;
}
.bg-carouselStaff.right {
    right: 0;
    bottom: 66px;
}
.bg-carouselStaff.right img {
    height: 56px;
}
.bg-carouselStaff.left {
    left: 0;
    bottom: 52px;
}
.bg-carouselStaff.left img {
    height: 52px;
}
.bg-carouselStaff.bottom {
    height: 14px;
    background-color: #024da1;
    width: 100%;
    bottom: 52px;
}
.carouselStaff-item img {
    height: 300px;
    min-width: 200px;
}
    .block-carouselStaff {
        padding: 16px;
    }
    h2.title-staff {

        font-size: 20px !important;
        text-align: left;
    }
    .carouselStaff-dots{
      left: 43%;
    }
        .carouselStaff-item.type-split {
        padding: 16px 10%;
    }
}
@media only screen and (max-width: 350px){
    h2.title-staff {
        font-size: 16px !important;
        text-align: left;
    }
    .block-carouselStaff .gr-h-title{
      gap: 20px;
    }
    .block-carouselStaff .gr-btn-more{
          font-size: 14px;
          gap: 5px;
    }
}
/****************End block-carouselStaff******************/
@media only screen and (max-width: 1200px){
.block-faculty-major .fy-mr-img{
  width: 320px !important;
}
.block-faculty-major .major-list{
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}
}
/****************facultyForm******************/
@media only screen and (max-width: 450px){
    /*#facultyForm input, #facultyForm select {
        width: 250px;
    }*/
        #facultyForm .icon-form.left {
        left: 6px;
        top: -30px;
    }
        #facultyForm .icon-form.left img {
        width: 24px;
      }
    .facultyForm .bg-form-box {
    max-width: 300px;
}
    #facultyForm input, #facultyForm select {
        align-items: stretch;
    }
}
@media only screen and (max-width: 420px){
#facultyForm input, #facultyForm select{
 max-width: 300px;
}
}
@media only screen and (max-width: 350px){
#facultyForm input, #facultyForm select{
 max-width: 250px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px){
#facultyForm input, #facultyForm select{
  width: 250px;
}
}
/****************block-faculty-major******************/

@media only screen and (max-width: 345px){
.block-faculty-major .major-list {
         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; 
    }
        .block-faculty-major .fy-mr-img {
        width: 250px !important;
    }
  }