.sec-prefooter-to-about {
 	display: none;
 }

 .testimonials .star-rating::before {
 	content: "★★★★★";
 	background: linear-gradient(90deg, #fa9750 var(--percent), #999 var(--percent));
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 }

 .home-mv {
 	margin-bottom: 0;
 }
 .content-about-us {
	margin-bottom: 10px;
 }

 .home-mv .slick-arrow {
 	width: 50px;
 	height: 50px;
 	background: transparent;
 	border: 1px solid white;
 	border-radius: 50%;
 }

 .home-mv .slick-prev {
 	left: 10px;
 }

 .home-mv .slick-next {
 	right: 10px;
 }

 .home-mv .slick-arrow svg {
 	width: 25px;
 	height: 25px;
 	fill: white;
 }

 .home-mv .slick-arrow svg path {
 	fill: white;
 }

 .home-mv__img {
 	position: relative;
 	z-index: 1;
 	overflow: hidden;
 }

 .home-mv .slick-active .home-mv__img::after {
 	background: rgba(0, 0, 0, 0.4);
 }


 .home-mv__img img {
 	width: 100%;
 	height: 100vh;
 	object-fit: cover;
 }

 .home-mv__img::after {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.8);
 	transition: all 2s ease;

 }

 .home-mv__info {
 	max-width: 800px;
 	margin: 0 auto;
 }

 .home-mv__ct {
 	left: 0;
 	top: 50%;
 	transform: translateY(-50%);
 	z-index: 2;
 	width: 100%;
 	color: white;
 	text-align: center;
 	line-height: 1.4;
 }

 .home-mv__ttl {
 	font-size: 38px;
 	text-transform: uppercase;
 	margin-bottom: 10px;
 }

 .home-mv__brief {
 	font-size: 17px;
 	font-weight: 300;
 }

 .home-mv__brief:not(:last-child) {
 	margin-bottom: 30px;
 }

 .home-mv__btn {
 	background: white;
 	font-size: 14px;
 	color: black;
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
 	padding: 10px 40px;
 	border-radius: 30px;
 	gap: 5px;
 }

 .home-mv__btn svg {
 	width: 24px;
 }

 .home-mv .slick-dots {
 	bottom: 40px;
 }

 .home-mv .slick-dots li,
 .home-mv .slick-dots li.slick-active {
 	width: auto;
 	height: auto;
 	border-radius: 0;
 	border: 0;
 	background: transparent;
 }

 .home-mv .slick-dots button {
 	width: 15px;
 	height: 15px;
 	border: 1px solid transparent;
 	border-radius: 50%;
 	overflow: hidden;
 	background: transparent;
 	padding: 0;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	position: relative;
 }

 .home-mv .slick-dots button::before {
 	content: "";
 	width: 6px;
 	height: 6px;
 	background: white;
 	border-radius: 50%;
 	opacity: 1;
 	position: relative;
 	inset: auto;
 }

 .home-mv .slick-dots li.slick-active button {
 	border-color: white;

 }

 .box-about__row {
 	--gutter: 20px;
 	gap: 20px 0;
 }

 .about-grid {
 	gap: 20px 0;
 	border-bottom: 1px solid rgb(178 178 178 / 31%);
 	padding-bottom: 15px;
 	margin-bottom: 14px;
 	margin-top: 20px;
 }

 .item-about {}

 .item-about__img {
 	width: 64px;
 	height: 64px;
 }
 @keyframes zoomInImg{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.05);
	}
	100%{
		transform: scale(1);
	}
}
 .item-about__img img {
 	width: 100%;
 	object-fit: cover;
	animation: zoomInImg 1s ease infinite;
 }

 .item-about__ct {
 	width: calc(100% - 80px);
 	font-size: 15px;
 }

 .item-about__brief {
 	color: #b5b5b5;
 }

 .item-about__ttl {
 	font-size: 20px;
 	display: block;
 }

 .item-about__ttl:not(:last-child) {
 	margin-bottom: 5px;
 }

 .about-talk {
 	gap: 10px;
 	align-items: center;
 }

 .about-talk__txt {
 	font-size: 18px;
 }

 .about-imgs {
 	position: relative;
 	z-index: 1;
 	padding-bottom: 20px;
 	padding-left: 156px;
 	height: 100%;
 }

 .about-imgs.mobile {
	display: none;
 }

 .about-imgs__child {}

 .about-imgs__child-txt {
 	position: absolute;
 	right: 100%;
 	top: 0;
 	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
 	font-size: 26px;
 	font-weight: 500;
 }

 .about-imgs__child:nth-child(1) {
 	height: 100%;
 }

 .about-imgs__child:nth-child(1) img {
 	height: 100%;
 	min-height: 300px;
 }

 .about-imgs__child:nth-child(2) {
 	width: 180px;
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
 	border-right: 10px solid var(--color-base);
 	border-top: 10px solid var(--color-base);
 }

 .wrapper_tabcontent .tabcontent {
 	padding-top: 0;
 }

 .process-column {
 	display: grid;
 	grid-template-columns: repeat(5, 1fr);
 	gap: 20px 0px;
 	counter-reset: number;
	max-width: calc(236px * 5);
	margin: 45px auto 20px;
	justify-content: space-between;
 }

 .process-column__item {}

 .process-column__wrap {
 	text-align: center;
 	color: inherit;
 }

 /* .process-column__wrap:hover .process-column__icon img {
 	transform: scale(1.1);
 } */

 .process-column__wrap:hover .process-column__icon {
 	background: #c7974d;
 }

 .process-column__wrap:hover .process-column__icon::before {
 	background: #c7974d;
 	color: white;
 }

 .quy-trinh .process-column__icon {
	width: 150px;
 	height: 150px;
	background-color: #FFF;
	position: relative;
 }

 .quy-trinh .process-column__item {
	position: relative;
	width: 150px;
	margin-left: 30px;
 }

  .quy-trinh .process-column__item:nth-child(5) .process-column__icon::after,
  .quy-trinh .process-column__item:nth-child(10) .process-column__icon::after {
	display: none;
  }

 .quy-trinh .process-column__icon::after {
	content: '';
    background-image: url(../images/muiten-01.png);
    width: 92px;
    height: 50px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
 }

 .quy-trinh .process-column__wrap .name {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 -15px;
 }
 

 .quy-trinh .process-column__wrap .des {
	font-size: 14px;
	/* max-width: 250px;
    margin: 10px auto; */
 }

  .quy-trinh .process-column__wrap .des ul li {
	line-height: 22px;
	position: relative;
  }

  .quy-trinh .process-column__wrap .des ul {
	padding-left: 20px;
  }

  /* .quy-trinh .process-column__wrap .des ul li::before {
	content: '';
	background-image: url('../images/check-green-1.png');
	position: absolute;
	top: 0;
	left: -23px;
	width: 20px;
    height: 20px;
    background-size: contain;
  } */

 .quy-trinh .process-column__item:nth-child(1) .process-column__icon {
	border: 6px solid #1b7f4b;
	color: #1b7f4b;
 }

 .quy-trinh .process-column__item:nth-child(2) .process-column__icon {
	border: 6px solid #1bb368;
	color: #1bb368;
 }

 .quy-trinh .process-column__item:nth-child(3) .process-column__icon {
	border: 6px solid #27b5b5;
	color: #27b5b5;
 }

 .quy-trinh .process-column__item:nth-child(4) .process-column__icon {
	border: 6px solid #1f81c0;
	color: #1f81c0;
 }

 .quy-trinh .process-column__item:nth-child(5) .process-column__icon {
	border: 6px solid #354b97;
	color: #354b97;
 }

 .quy-trinh .process-column__item:nth-child(6) .process-column__icon {
	border: 6px solid #613491;
	color: #613491;
 }

 .quy-trinh .process-column__item:nth-child(7) .process-column__icon {
	border: 6px solid #1f81c0;
	color: #1f81c0;
 }

 .quy-trinh .process-column__item:nth-child(8) .process-column__icon {
	border: 6px solid #d44a9c;
	color: #d44a9c;
 }

 .quy-trinh .process-column__item:nth-child(9) .process-column__icon {
	border: 6px solid #f08384;
	color: #f08384;
 }

 .quy-trinh .process-column__item:nth-child(10) .process-column__icon {
	border: 6px solid #e34244;
	color: #e34244;
 }

 .process-column__icon {
 	/* background: white; */
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 75px;
 	height: 75px;
 	margin: 0 auto 10px;
 	border-radius: 50%;
 	position: relative;
 	transition: all .3s ease;
 }

 .process-column__icon .img-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90px;
 }

 .process-column__icon::before {
 	counter-increment: number;
 	content: counter(number);
 	position: absolute;
 	right: -30px;
    transform: translateY(50%);
    bottom: 50%;
    width: 40px;
    height: 40px;
 	height: 40px;
 	line-height: 1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 50%;
 	font-size: 22px;
	font-weight: 700;
 	background: white;
 	border: 5px solid currentColor;
	z-index: 2;
 }

 .process-column__icon img,
 .process-column__icon svg {
 	transition: all .3s ease-in;
 }

 .gioithieu {
 	background: url(../images/bg-02.webp) no-repeat center/cover;
 	color: var(--bg-base);
 	padding: 30px 0;
 }

 .box-section-couterbox {}

 .box-section-couterbox:not(:last-child) {
 	margin-bottom: 20px;
 }

 .box-section-couterbox .header_form_home {
 	text-align: center;
 }

 .box-section-couterbox .header_form_home h2 {
 	color: currentColor;
 	padding: 0;
 }

 .box-section-couterbox .header_form_home h2::before {
 	background: #333;
 }

 .item-dots1 .process-column__icon::before {
 	display: none;
 }

 .box-contai-about-us {
 	background: #B3BDC718 url(../images/h2-bg04.png) no-repeat right/cover;
 	/* padding: 30px 0; */
 }
 .inner-item-sp {
	background: #fff;
	color: #333;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
.process-column {
	margin-top: 45px;
}
section.Check_Availability .item-left-Check_Availability {
    width: 40%;
    background-color: #fff;
    padding: 40px 15px 20px;
    border-top: 4px solid #c7974d;
}

section.Check_Availability .box-form-Check_Availability p {
  position: relative;
  display: inline-block;
  z-index: 1;
  color: #666666;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 3.8px;
  text-transform: uppercase;
  margin-bottom: 10px;
  transition: all 0.3s 
ease;
  padding-bottom: 20px;
}

section.Check_Availability .box-form-Check_Availability h2 {
  font-size: 30px;
  font-weight: 100;
  color: #222;
  margin-bottom: 5px;
  font-weight: 600;
  text-transform: uppercase;
}

section.Check_Availability .field-input-wrap.checkin-date input,
section.Check_Availability .field-input-wrap.checkin-date select {
    height: 48px;
    font-size: 14px;
    background: none;
    border-color: rgb(0 0 0 / 16%);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    color: #666666;
    width: 100%;
    padding: 0px 12px;
}

section.Check_Availability .field-wrap {
    width: 100%;
}

section.Check_Availability .kodelisting-form-label {
    margin-bottom: 5px;
}

section.Check_Availability .btn-theme-colored1 {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
}

section.Check_Availability .kodelisting-form-field {
    margin-bottom: 20px;
}
.kodelisting-form-field {
    display: flex;
    align-items: center;
    gap: 0px 14px;
}

section.Check_Availability .container-Check_Availability {
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
    /* top: -50px; */
}

section.Check_Availability .item-right-Check_Availability {
    height: 100%;
    padding: 0px 80px;
    width: 60%;
    display: flex;
    align-items: center;
    padding-right: 0px;
}

section.Check_Availability {
    background-position: center right !important;
    background-repeat: no-repeat !important;
    position: relative;
}

section.Check_Availability .hedding-item-right-Check_Availability p {
    position: relative;
    display: inline-block;
    z-index: 1;
    color: #d2d2d2;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    padding-bottom: 0;
}

section.Check_Availability .hedding-item-right-Check_Availability p:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 100%;
    margin-left: 5px;
    width: 37px;
    height: 10px;
    background-image: url(../images/before.png);
}

section.Check_Availability .hedding-item-right-Check_Availability h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
}

section.Check_Availability .content-item-right-Check_Availability {
    color: #Fff;
    font-weight: 300;
    font-size: 16px;
}

section.Check_Availability .content-item-right-Check_Availability p {
    padding-bottom: 10px;
}

section.Check_Availability .hotline-item-right-Check_Availability {
    display: flex;
    align-items: center;
    gap: 0px 20px;
    color: #FFF;
}

section.Check_Availability .hotline-item-right-Check_Availability .icon-text span {
    color: #FFF;
}

section.Check_Availability .hotline-item-right-Check_Availability a[href^="tel"] {
  color: #FFF;        
  text-decoration: none !important;  
  cursor: pointer;                   
}

section.Check_Availability .content p {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

section.Check_Availability h5.icon-box-title {
    font-size: 24px;
    color: #fff;
}
label.kodelisting-form-label {
    color: #333;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0px;
}
.btn-theme-colored1 {
    color: #000;
    background: #c7974d;
    min-height: 56px;
    padding: 0 15px;
    text-align: center;
    width: 267px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
section.Check_Availability .ctnr:before {
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
    left: -59px;
    width: 439px;
    height: 640px;
    content: "" "";
}

section.Check_Availability .ctnr {
    position: relative;
}

section.Check_Availability .box-content-desc-right-Check_Availability {
    margin-top: 70px;
}
section.Check_Availability:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.item-dots1 {
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 15px;
}

.gioithieu .video iframe {
	width: 100%;
	height: 460px;
	border-radius: 5px;
}
.process-column__ct span {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
}
.process-column__ct p {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 300;
	padding-top: 5px;
	min-height: 85px;
}

.prondunt_tab_home {
	position: relative;
	/* background-repeat: no-repeat;
	background-position: center;
	background-size: cover; */
}

.prondunt_tab_home::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.prondunt_tab_home.prondunt_tab_home_two::before {
	display: none;
} 

.hedding-item-right-Check_Availability.mobile {
	display: none;
}

 @media (max-width: 1024px) {
 	.process-column {
 		grid-template-columns: repeat(4, 1fr);
 	}

 	.home-mv__ttl {
 		font-size: 25px;
 	}
	.wrapper_tabcontent .tabcontent{
		padding-top: 0;
	}
 }

 @media (max-width: 767px) {
 	.process-column {
 		grid-template-columns: repeat(2, 1fr);
 	}
	.home-mv__brief {
		font-size: 16px;
	}
	.header_benefit h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.content_tab.container.box-tab-ss-pill {
		padding-top: 0;
	}
	section.Check_Availability .container-Check_Availability {
        flex-wrap: wrap;
        top: 0px;
		flex-direction: column-reverse;
    }

	.hedding-item-right-Check_Availability.mobile {
		display: block;
		padding: 20px 0 10px;
	}

	.hedding-item-right-Check_Availability.pc {
		display: none;
	}

	.box-tab-designt {
		padding-bottom: 15px;
	}

	section.Check_Availability .item-right-Check_Availability {
		width: 100%;
		padding: 0;
	}
	section.Check_Availability {
        background-size: cover !important;
        background-position: right center !important;
		padding-bottom: 20px;
    }
	section.Check_Availability .item-left-Check_Availability {
		width: 100%;
	}
	section.Check_Availability .hedding-item-right-Check_Availability h2 {
		font-size: 22px;
	}
	.process-column__ct p {
		min-height: auto;
	}

	.about-imgs.mobile {
		display: block;
		margin: 15px 0;
	}

	.about-imgs.pc {
		display: none;
	}

	.box-remode {
		margin-top: 20px;
	}

	.benefit {
		padding: 30px 0;
	}

	section.Check_Availability .box-form-Check_Availability h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	section.Check_Availability .box-form-Check_Availability p {
		font-size: 14px;
		padding-bottom: 10px;
	}

	section.Check_Availability .item-left-Check_Availability {
		padding: 30px 15px 5px;
		margin-top: 20px;
	}

	section.Check_Availability .box-content-desc-right-Check_Availability {
		margin-top: 20px;
	}

	section.Check_Availability .hedding-item-right-Check_Availability p {
		font-size: 14px;
		letter-spacing: 0;
	}

	.gioithieu {
		padding: 10px 0;
	}

	.item-dots1 {
		margin: 12px 10px 0;
	}

	.home-mv__img img {
		height: 70vh;
	}

	.about-talk {
		display: block;
	}

	.about-talk__wbtn {
		margin-top: 10px;
		text-align: center;
	}

	.home-mv__info {
		padding: 0 20px;
	}

	.content-about-us {
		font-size: 15px;
	}

	.excerpt-content p {
		font-size: 15px;
	}

	.quy-trinh .process-column__icon::after {
		display: none;
	}

	.quy-trinh .process-column__icon {
		width: 130px;
    	height: 130px;
	}

	.quy-trinh .process-column__wrap .name {
		margin: 0;
	}

	.quy-trinh .process-column__item {
		margin-left: 0;
	}
 }