:root {
	--theme-color: #42B7EA;
	--theme-color2: #EA6901;
	--black: #454545;
	--grey: #9e9e9e;
	--fa6: 'Font Awesome 6 Pro';
	--regular: 'SFProDisplay-Regular';
	--medi: 'SFProDisplay-Medium';
	--semi: 'SFProDisplay-Semibold';
	--bold: 'SFProDisplay-Bold';
}

@font-face {
	font-family: 'SFProDisplay-Semibold';
	src: url('./fonts/SFProDisplay-Semibold.woff2') format('woff2'),
		url('./fonts/SFProDisplay-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SFProDisplay-Bold';
	src: url('./fonts/SFProDisplay-Bold.woff2') format('woff2'),
		url('./fonts/SFProDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SFProDisplay-Regular';
	src: url('./fonts/SFProDisplay-Regular.woff2') format('woff2'),
		url('./fonts/SFProDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SFProDisplay-Medium';
	src: url('./fonts/SFProDisplay-Medium.woff2') format('woff2'),
		url('./fonts/SFProDisplay-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

input:autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

input:-webkit-autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

.wpcf7 form .wpcf7-response-output {
	display: none
}

.wpcf7 .wpcf7-not-valid-tip {
	position: absolute;
	background: 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	right: 0;
	bottom: 2px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	display: none
}

/* Format theme */
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-weight: normal;
	font-family: var(--bold);
}

p {
	margin-bottom: 0.8em;
}

p,
a,
ul,
li,
div {
	font-family: var(--regular), sans-serif;
}

.uxb-wrapper.uxb-wrapper--text {
	position: unset;
}

.uxb-wrapper.uxb-wrapper--team_member {
	width: 25%;
}

body {
	font-size: 16px;
	color: var(--black);
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-family: var(--regular), sans-serif;
}

p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 1rem;
}

/* header */
.header-nav-main>.menu-item>a:hover,
.header-nav-main>.menu-item.active>a {
	color: var(--theme-color2)
}

.header-nav-main>.menu-item>a {
	color: #081B4F;
	padding: 20px 0px;
	font-size: 16px;
	font-family: var(--bold);
	background-repeat: no-repeat;
	background-size: cover
}

.header-nav-main>.menu-item {
	margin: 0 15px;
}


#header #logo img {
	display: block !important;
	max-height: 55px !important;
}

/* End header */
/* Slider */
.slick-dots li button {
	color: #fff;
	padding: 0;
	background-color: #fff;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
	overflow: hidden;
	display: none;
}

.slick-dots li {
	margin: 0 5px !important;
	width: 12px;
	height: 12px;
	background-color: var(--theme-color);
	opacity: .2;
	cursor: pointer;
	border-radius: 50%;
}

.slick-dots li.slick-active {
	opacity: 1;
}

.slick-dots {
	display: flex;
	justify-content: center;
	list-style: none;
	margin-bottom: 0;
	margin-top: 15px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#main .slider-home {
	padding: 0
}

.carousel-full>.item:nth-of-type(n+2) {
	display: none
}

.admin-bar #main .slider-home .image-cover {
	padding-top: calc(100vh - 112px) !important;
}

.slider-home .slick-dots {
	flex-direction: column;
	right: 84px;
	left: unset;
	top: 50%;
	transform: translateY(-50%);
}

.slider-home .slick-dots li {
	border: 2px solid #fff;
	width: 18px;
	height: 18px;
	margin: 9px 0 !important;
	opacity: 1;
	background-color: transparent;
}

.slider-home .slick-dots li.slick-active {
	background-color: #fff;
}

/* End slider */
/* Home */
#main .sec-home-1 {
	padding-top: 100px;
	padding-bottom: 70px;
}

.sec-home-1 .col-left {
	padding-right: 50px
}

.sec-home-1 .col-left h3 {
	margin: 0;
	font-size: 18px;
	font-family: var(--semi);
	color: #fff;
	padding: 10px 25px;
	line-height: 21px;
	border: 2px solid #fff;
	border-radius: 99px;
	width: fit-content;
	margin-bottom: 54px;
}

.sec-home-1 .col-left h1 {
	font-size: 40px;
	font-family: var(--semi);
	color: #fff;
	max-width: 450px;
	line-height: 1.2;
	margin-bottom: 54px;
}

.sec-home-1 .col-left p {
	font-size: 18px;
	color: #fff;
	font-family: var(--medi);
	margin-bottom: 18px;
	padding-left: 30px;
	position: relative;
}

.sec-home-1 .col-left p:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	background: url(./images/icon-calendar.svg) no-repeat center;
	background-size: 19px;
	top: -2px;
}

.sec-home-1 .col-left p:last-of-type:before {
	background: url(./images/icon-map.svg) no-repeat center;
}

.sec-home-1 form {
	margin: 0
}

.form-home {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 36.3px 0px rgba(66, 133, 234, 0.12);
	padding: 30px;
}

.popup-form-home .form-home {
	padding: 0;
	box-shadow: unset;

}

.popup-form-home form {
	margin: 0
}

.form-home .form-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0 30px;
}

.form-home .form-content input,
.form-home .form-content select {
	margin: 0 0 20px;
	border-radius: 4px;
	border: 1px solid #B9B9B9;
	background-color: #FFF;
	box-shadow: none;
	height: 42px;
	color: #454545;
	padding: 0 16px;
}

.form-home .form-content select {
	background-image: url(/wp-content/themes/flatsome-child/images/arrow_drop_down.svg);
	background-size: auto 8px;
	background-position: right 18px top 50%;
	padding-right: 36px;
}

.form-home .form-content select option:first-child {
	color: #454545;
}

.form-home .form-content input::placeholder {
	color: #454545;
}

.form-home .form-content .item label {
	color: #454545;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 8px;
}
.form-home .form-content .item label span{
	color:#ef2525
}
.form-home .form-content .item:last-child .wpcf7-not-valid-tip {
	bottom: -17px;
	display: none;
}

.form-home .form-submit {
	text-align: center
}

#wrapper .btn-viewall,
.header-nav-main>.menu-item.mua-ngay a,
#main-menu.mobile-sidebar .menu-item.mua-ngay a {
	height: 40px;
	align-items: center;
	justify-content: center;
	display: inline-flex;
	font-size: 17px;
	font-weight: 400;
	font-family: var(--medi);
	padding: 0 30px;
	border: 0;
	z-index: 1;
	position: relative;
	outline: none;
	overflow: hidden;
	transition: all .4s ease-in-out;
	color: #fff;
	background: linear-gradient(to right, #ea6901 0%, #fda259 100%);
	border-radius: 90px;
	height: 42px;
	min-height: 42px;
	cursor: pointer;
}

#main-menu.mobile-sidebar .menu-item.mua-ngay {
	text-align: center;
	justify-content: center;
	padding-top: 20px;
}

#main-menu.mobile-sidebar .menu-item.mua-ngay a {
	max-width: 180px;
	border-radius: 99px !important;

}

#wrapper .btn-viewall:before,
.header-nav-main>.menu-item.mua-ngay a:before,
#main-menu .mua-ngay a:before {
	content: '';
	z-index: -1;
	position: absolute;
	bottom: 100%;
	right: 100%;
	width: 38px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--theme-color);
	transform-origin: center;
	transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
	transition: transform .45s ease-in-out
}

#wrapper .btn-viewall:hover,
.header-nav-main>.menu-item.mua-ngay a:hover,
#main-menu .mua-ngay a:hover {
	color: #fff;
	box-shadow: none
}

#wrapper .btn-viewall:hover:before,
.header-nav-main>.menu-item.mua-ngay a:hover:before,
#main-menu .mua-ngay a:hover:before {
	transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15)
}

#wrapper .form-home .btn-viewall {
	margin: 20px 0 0;
	min-width: 180px;
}

#tinh-thanh {
	height: 0;
	border: 0;
	box-shadow: none;
}

/* sec-home-2 */
#main .sec-home-2 {
	padding-top: 80px;
	padding-bottom: 40px;
}

.title-home h2 {
	font-size: 34px;
	margin-bottom: 30px;
	display: inline-block;
	width: fit-content;
	color: var(--theme-color);
}

.sec-home-2 .title-home p, .sec-home-2 .title-home ul{
	text-align: justify;
}

.sec-home-2 .col-right .img {
	max-width: 550px;
	margin-left: auto;
}

.sec-home-2 .col-right .img:hover {
	transform: scale(1.05)
}

.sec-home-2 .stack {
	margin-top: 30px;
}

#main .sec-home-2 .stack .text {
	--stack-gap: 30px;
}

.sec-home-2 .stack h4 {
	font-size: 28px;
	color: var(--theme-color);
	font-family: var(--semi);
	margin-bottom: 8px;
	line-height: 1.2;
}

.sec-home-2 .btn-viewall {
	margin: 30px 0 0
}

/* End sec-home-2 */
/* sec-home-3 */
.title-home.text-center h2 {
	margin-bottom: 30px;
}

.title-home.text-center p {
	max-width: 750px;
	margin: 0 auto 45px
}

.teams-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

/* .teams-wrapper .image-cover {
padding-top: 83%
} */

/* .teams-wrapper .image-cover img {
object-fit: contain;
} */

.teams-wrapper .team-box {
	display: flex;
	height: 100%;
	gap: 1rem;
}

.teams-wrapper .team-box .box-image {
	width: 35%;
	flex-shrink: 0
}
.teams-wrapper .team-box .box-image .image-cover img{
	transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;
}
.teams-wrapper .team-box:hover .image-cover img{
	transform: scale(1.1)
}
#main .sec-home-3{
	padding-bottom:60px
}
.teams-wrapper .team-box {
	padding: 20px 22px;
	border-radius: 5px;
	background: #FFF;
	box-shadow: rgb(100 100 111 / 7%) 0px 7px 29px 0px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.teams-wrapper .team-box:hover{
	box-shadow: rgb(100 100 111 / 19%) 0px 7px 29px 0px;
}
.teams-wrapper .team-box:before {
	border-radius: 0 0 8px 0;
	content: "";
	width: 28px;
	height: 28px;
	border: 2px solid var(--theme-color);
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 0;
	border-left: 0;
	transition: all .3s
}

.teams-wrapper .team-box:hover:before {
	width: 45px;
	height: 45px;
}

.teams-wrapper .team-box .name {
	font-size: 22px;
	font-family: var(--semi);
	margin: 0 0 6px;
	color: var(--theme-color);
}

.teams-wrapper .team-box .position {
	font-size: 14px;
	margin-bottom: 14px;
	color: #454545;
}

/* End sec-home-3 */
/* sec-home-4 */
#main .sec-home-4 {
	padding-top: 30px;
	padding-bottom: 100px;
}

.sec-home-4 .tabbed-content .nav {
	justify-content: space-around;
	border-bottom: 4px solid #F6F6F6;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.sec-home-4 .tabbed-content .nav a {
	display: flex;
	flex-direction: column;
	font-weight: normal;
	padding: 0 0 22px;
}

.sec-home-4 .tabbed-content .nav .active a:after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: var(--theme-color2);
	position: absolute;
	bottom: -4px;
}

.sec-home-4 .tabbed-content .nav a:before {
	display: none;
}

.sec-home-4 .tabbed-content .nav a p {
	font-size: 18px;
	font-family: var(--semi);
	color: #454545;
	margin-bottom: 8px
}

.sec-home-4 .tabbed-content .nav .tab {
	margin: 0;
}

.sec-home-4 .tabbed-content .nav span {
	font-size: 16px;
	color: #454545;
}

.sec-home-4 .tab-panels {
	padding-top: 22px;
}

.sec-home-4 .item {
	padding: 36px;
	display: grid;
	grid-template-columns: 3fr 7fr 2fr;
	grid-gap: 40px;
	align-items: center;
	border-bottom: 2px solid #F6F6F6;
}

.sec-home-4 .item:hover {
	box-shadow: 0 12px 35px 0 rgba(255, 131, 0, .15);
}

.sec-home-4 .item .time {
	width: fit-content;
	background-color: white;
	position: absolute;
	left: 8px;
	bottom: 8px;
	font-size: .875rem;
	padding: 0 .5rem;
	border-radius: 99px;
	font-family: var(--regular);
	line-height: 1.4;
}

.sec-home-4 .item .image-cover {
	border-radius: 6px;
	padding-top: 65%;
}

.sec-home-4 .item .title {
	font-size: 18px;
	font-family: var(--semi);
	margin-bottom: 8px;
}

.sec-home-4 .item .view-short .mota {
	color: #030919;
	margin: 0;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5 !important;
	overflow: hidden;
	transition: all 0.3s ease;
}
.sec-home-4 .item .view-short.expanded .mota {
	-webkit-line-clamp: unset;
	overflow: visible;
	display: block;
}
.sec-home-4 .item .view-short .collapse, .sec-home-4 .item .view-short.expanded .read-more{
	display: none;
}
.sec-home-4 .item .view-short.expanded .collapse {
	display: block;
}
.view-short__btn{
	margin-top: .875rem;
	margin-bottom: 0;
	text-decoration: underline;
	cursor: pointer;
}
.view-short__btn p{
	margin-top: .875rem;
}
.view-short__btn:hover{
	color: var(--theme-color2);
}
#wrapper .sec-home-4 .btn-viewall {
	width: fit-content;
	margin-left: auto;
}

#wrapper .sec-home-4 .btn-viewall {
	margin-left: 0;
	flex-shrink: 0;
}



/* End sec-home-4 */
/* sec-home-5 */
#main .sec-home-5 {
	padding-top: 100px
}

.sec-home-5 .title-home h2 {
	color: #fff
}

.sec-home-5 .title-home p {
	color: #fff
}

.sec-home-5 .section-bg {
	height: 400px
}

.sec-home-5 .row-bottom .col {
	padding-top: 60px;
}

.sec-home-5 .row-bottom .col.col-center {
	padding-top: 18px;
}

.sec-home-5 .row-bottom .col .col-inner {
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0px 4px 32px 2px rgba(14, 19, 111, 0.12);
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sec-home-5 .row-bottom .ttile {
	padding: 0 60px 22px;
	margin-bottom: 22px;
	position: relative;
}

.sec-home-5 .row-bottom .ttile:before,
.sec-home-5 .row-bottom .ttile:after {
	content: "";
	width: 126px;
	height: 0;
	border-bottom: 1px solid var(--theme-color);
	position: absolute;
	left: 0;
	bottom: 0;
}

.sec-home-5 .row-bottom .ttile:after {
	left: unset;
	right: 0;
}

.sec-home-5 .row-bottom .desc {
	padding: 0 35px;
	flex: 1;
}

.sec-home-5 .row-bottom .desc p {
	margin-bottom: 12px;
	color: #454545;
}

.sec-home-5 .row-bottom .desc p:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sec-home-5 .row-bottom .ttile h3 {
	font-size: 28px;
	font-family: var(--semi);
	line-height: 1.2;
	color: #454545;
	margin-bottom: 0;
}

.sec-home-5 .row-bottom .price {
	margin-top: 10px;
}

.sec-home-5 .row-bottom .price p {
	font-size: 28px;
	font-family: var(--semi);
	color: #454545;
	margin: 0;
	line-height: 1;
}

#wrapper .sec-home-5 .row-bottom .btn-viewall {
	margin: 30px auto 0;

}

#wrapper .sec-home-5 .row-bottom .col-center .btn-viewall:hover {
	border: 1px solid #fff
}

.sec-home-5 .row-bottom .col-center .col-inner {
	background-color: var(--theme-color);
}

.sec-home-5 .row-bottom .col-center .col-inner p {
	color: #fff;
	-webkit-line-clamp: 4;
}
.sec-home-5 .row-bottom li{
	text-align:left
}
.sec-home-5 .row-bottom .col-center .col-inner li{
	color: #fff;
	text-align: left;
}
.sec-home-5 .row-bottom .col-center .ttile:before,
.sec-home-5 .row-bottom .col-center .ttile:after {
	border-color: #fff;
}

.sec-home-5 .row-bottom .col-center .ttile h3 {
	color: #fff
}

/* End sec-home-5 */
/* sec-home-6 */
.sec-home-6 .img-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.sec-home-6 .img-grid .gallery-col {
	flex-basis: 100%;
	max-width: 100%;
}

.sec-home-6 .img-grid .gallery-col .image-cover {
	border-radius: 6px;
}

.sec-home-6 .img-grid .gallery-col:nth-of-type(2) {
	grid-row: span 2;
	grid-column: span 2;
}

.sec-home-6 .img-grid .gallery-col:nth-of-type(2) .image-cover {
	padding-top: calc(135% - 10px) !important;
}



.sec-home-6 .img-grid .gallery-col:nth-of-type(6) .image-cover {
	padding-top: 115% !important;
	margin-top: 19%;
}

.sec-home-6 .img-grid .gallery-col:nth-of-type(7) {
	grid-column: span 2;
}

.sec-home-6 .img-grid .gallery-col:nth-of-type(7) .image-cover {
	padding-top: calc(67.5% - 20px) !important;
}



.sec-home-6 .img-grid .gallery-col:nth-of-type(8) .image-cover {
	padding-top: 155% !important;
	margin-top: -20%;
}

.sec-home-6 .img-grid .gallery-col:nth-of-type(n+9) {
	display: none
}

/* End sec-home-6 */
/* End home */
/* Footer */
.popup-img {
	width: 400px;
	position: fixed;
	bottom: 0;
	z-index: 1000;
	left: 0;
	transition: all .5s;
	transform: translateX(calc(-100% - 60px));
}

.popup-img.show {
	transform: translateX(0);
}

.popup-img .img {
	margin: 0 !important;
}

.popup-img .popup-img-close,
.popup-info .close_popup-custom {
	position: absolute;
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	background: rgba(0, 0, 0, .4);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	z-index: 2;
}

.popup-img .popup-img-close:hover,
.popup-info .close_popup-custom:hover {
	background-color: var(--theme-color2)
}

#wrapper .sec-thanhcong {
	padding: 60px 30px;
}

.sec-thanhcong .icon-box-img {
	margin: 0 auto 15px;
	width: 54px !important;
}

.sec-thanhcong .icon-box-img img {
	padding: 0
}

.sec-thanhcong .icon-box h4,
.sec-thanhcong .box h4 {
	font-size: 28px;
	font-family: var(--semi);
	color: var(--theme-color2);
	line-height: 1.2;
	margin-bottom: 30px;
}

.sec-thanhcong .icon-box p {
	color: #fff;
	max-width: 650px;
	margin: 0 auto;
}

.sec-thanhcong .icon-box {
	margin-bottom: 45px;
	padding-bottom: 45px;
	position: relative;
}

.sec-thanhcong .icon-box:before {
	content: "";
	width: 750px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
	position: absolute;
	bottom: 0;
	max-width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

#footer .logo-footer {
	max-width: 150px;
}

#footer .logo-footer img {
	filter: brightness(0) invert(1);
}

#footer .sec-menu {
	padding-bottom: 10px;
}

.absolute-footer {
	background-color: #193bab;
	border-top: 1px solid #e1e1e187;
}

.absolute-footer .copyright-footer {
	color: #e1e1e1;
	width: 100%;
	text-align: center;
}

#footer .sec-form .title {
	text-align: center;
}

#footer .sec-form .title h5 {
	display: inline-block;
	color: var(--theme-color);
	font-size: 18px;
	font-family: var(--bold);
	width: fit-content;
	position: relative;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#footer .sec-form .title h3 {
	line-height: 1;
	color: #fff;
	font-size: 66px;
	font-family: var(--garamond);
	text-transform: uppercase;
}

#footer .sec-form form {
	margin-bottom: 0;
}

#footer .sec-menu .col-1 h3 {
	color: #fff;
	font-size: 40px;
	line-height: 1;
	font-family: var(--garamond);
}

#footer .sec-menu .col-1 p {
	color: #fff;
	font-size: 15px;
	margin-bottom: 8px;
}

#footer .social-icons a {
	font-size: 18px;
	color: #fff;
	margin: 0 10px;
}

#footer .social-icons a:first-of-type {
	margin-left: 0;
}

#footer .menu strong,
#footer .col-4 p:first-of-type {
	min-height: unset;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 22px !important;
	padding: 0;
	text-transform: uppercase;
	font-family: var(--bold);
	position: relative;
	display: block;
}

#footer .menu strong:before {
	position: absolute;
	content: '';
	height: 2px;
	background-color: var(--theme-color2);
	bottom: -5px;
	width: 40px;
}

#footer .menu ul {
	list-style: none;
	margin-bottom: 0;
}

#footer .menu ul li {
	margin-left: 0;
	margin-bottom: 0;
}

#footer .menu a {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	min-height: unset;
	padding: 7.5px 0px;
	position: relative;
	padding-left: 25px;
	display: block;
}

#footer .menu a:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	left: 0;
	top: 12px;
}

#footer .menu a:hover {
	text-decoration: UNDERLINE;
}

#footer .ux-menu .ux-menu-title,
#footer .col-4 p:first-of-type {
	min-height: unset;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
	font-family: var(--semi);
	margin-bottom: 22px !important;
	padding: 0;
	text-transform: uppercase;
	font-family: var(--bold);
	position: relative;
}

#footer .ux-menu .ux-menu-title:before,
#footer .col-4 p:first-of-type:before {
	position: absolute;
	content: '';
	height: 2px;
	background-color: var(--theme-color2);
	bottom: -5px;
	width: 40px;
}

#footer .wpcf7 form .wpcf7-response-output {
	color: #fff;
}

#footer .col-4 p:nth-of-type(2) {
	color: #fff;
	font-size: 15px;
}

#footer .form-footer input[type='email'] {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 6px 0 0 6px;
	color: #777777;
	margin-bottom: 0;
	font-size: 15px;
	height: 50px;
	padding-left: 20px;
}

#footer .wpcf7 .wpcf7-not-valid-tip {
	left: 0;
	bottom: -20px;
	color: #fff;
}

#footer .form-footer input[type='email']::placeholder {
	color: #777777;
	opacity: 1;
}

#footer .form-footer .wpcf7-form-control-wrap {
	flex: 1;
}

#footer .form-footer .content {
	display: flex;
}

#footer .form-footer input::placeholder {
	color: #e1e1e1;
	opacity: 1;
}

#footer .form-footer button {
	color: #fff;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	width: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to right, #ea6901 0%, #fda259 100%);
	border-radius: 0 6px 6px 0;
}

#footer .form-footer button:hover {
	color: var(--theme-color);
}

#footer .form-footer button i {
	margin: 0;
}

#footer .ux-menu .ux-menu-link a {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	min-height: unset;
	padding: 7.5px 0px;
	position: relative;
	padding-left: 20px;
}

#footer .ux-menu .ux-menu-link a:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	left: 0;
	top: 12px;
}

#footer .ux-menu .ux-menu-link a:hover {
	text-decoration: UNDERLINE;
}


#footer .col-1 .stack .img {
	width: fit-content !important;
	margin-right: 22px !important;
}


#footer .col-1 .stack .img img {
	width: 36px;
	height: 36px;
}

#footer .col-4 .stack img {
	width: 65px;
}

#footer .col-4 .stack {
	--stack-gap: 15px;
}

#footer .col-4 .stack .img {
	width: fit-content;
}

#footer .col-4 .stack .img:nth-of-type(2) img {
	width: 120px;
}

#footer .stack {
	margin-top: 16px;
}

.popup-info .tb-box {
	padding: 0
}

.sec-thanhcong .box {
	display: flex;
	justify-content: space-between;
}

.sec-thanhcong .box .box-image {
	width: 30% !important;
	flex-shrink: 0;
	max-width: 195px !important;
	margin-left: 0;
}

.sec-thanhcong .box-text {
	max-width: 435px;
	padding: 0
}

.sec-thanhcong .box h4 {
	margin-top: 0;
	margin-bottom: 20px;
}

.sec-thanhcong .box p {
	color: #fff
}

#wrapper .sec-thanhcong .btn-viewall {
	margin: 35px 0 0;
}

.popup-info .popup-content {
	max-width: 750px;
}

/* End Footer */

@media screen and (min-width: 850px) {
	#footer .col-1 {
		flex-basis: 33.33%;
		max-width: 33.33%;
	}

	#footer .col-2 {
		flex-basis: 15.667%;
		max-width: 15.667%;
	}

	#footer .col-3 {
		flex-basis: 23.667%;
		max-width: 23.667%;
	}

	#footer .col-4 {
		flex: 1;
		max-width: unset;
	}

	.sec-home-6 .img-grid .gallery-col:nth-of-type(1) .image-cover {
		padding-top: 155% !important;
		margin-bottom: -20%;
	}

	.sec-home-6 .img-grid .gallery-col:nth-of-type(5) .image-cover {
		padding-top: 115% !important;
		margin-bottom: 20%;
	}
}

/* contact btn */
@-webkit-keyframes phonering-cricle {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		-webkit-opacity: 0.1;
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		-webkit-opacity: 0.5;
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		-webkit-opacity: 0.1;
	}
}

@-webkit-keyframes phonering-circle-fill {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
}

.list-shortcut-desktop {
	position: fixed;
	z-index: 100;
	right: 20px;
	bottom: 50%;
	transform: translatey(50%);
}

.list-shortcut-desktop>a {
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(100, 97, 97, .3);
	width: 48px;
	height: 48px;
	display: block;
	margin-bottom: 20px
}

.list-shortcut-desktop .zalo {
	background: url(/wp-content/uploads/2024/01/all_shortcut.svg) 0 -100px;
}

.list-shortcut-desktop .mess {
	background: url(/wp-content/uploads/2024/01/all_shortcut.svg) 0 -150px;
}

.list-shortcut-desktop .call {
	background: url(/wp-content/uploads/2024/01/all_shortcut.svg) 0 -50px;
	position: relative;
	display: none;
}

.list-shortcut-desktop .call:before {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 107, 17, 0.7);
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: phonering-circle-fill 2.3s infinite ease-in-out;
	animation: phonering-circle-fill 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	z-index: -1
}

.list-shortcut-desktop .call:after {
	content: '';
	width: 75px;
	height: 75px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 100%;
	border: 2px solid #FF6B11;
	background-color: transparent;
	-webkit-animation: phonering-cricle 1.2s infinite ease-in-out;
	animation: phonering-cricle 1.2s infinite ease-in-out;
	transition: all .5s;
	opacity: 0.5;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/* end contact btn */
@media screen and (min-width: 850px) {
	#main-menu {
		display: none
	}
}

@media screen and (max-width: 849.98px) {
	#header .header-main {
		height: 70px !important;
	}

	#header .btn-menumobi {
		font-size: 22px;
		color: #292929;
	}

	#header .btn-menumobi {
		width: 22px;
		height: 16px;
		position: relative;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
	}

	#header .btn-menumobi span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--theme-color);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	#header.transparent .btn-menumobi span {
		background: #fff
	}

	#header .btn-menumobi span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#header .btn-menumobi span:nth-child(2) {
		top: 8px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		width: 80%;
		left: 20%;
	}

	#header .btn-menumobi span:nth-child(3) {
		top: 16px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#header .btn-menumobi.active span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 2px;
	}

	#header .btn-menumobi.active span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#header .btn-menumobi.active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 12px;
		left: 2px;
	}

	.header-main li.html.custom {
		display: block !important;
		margin-right: 12px;
	}

	#main-menu.mobile-sidebar .menu-item a {
		color: #212121;
		padding: 14px 30px 14px 30px;
		font-size: 16px;
		font-weight: 500;
		text-transform: none;
		border: none;
		border-radius: 0 !important;
	}

	#main-menu.mobile-sidebar .nav-sidebar.nav-vertical>li {
		border-top: 1px solid #ececec;
		background-color: #fff;
	}

	#main-menu.mobile-sidebar .nav-sidebar.nav-vertical>li.active a {
		color: var(--theme-color2)
	}

	#main-menu.mobile-sidebar .menu-item .sub-menu a {
		font-family: var(--regular);
		padding: 10px 0 10px 34px !important;
		border-bottom: 0;
		font-size: 14px;
		display: block;
	}

	.mobile-sidebar .logo-mobile {
		padding: 22px 30px;
		border-bottom: 1px solid #ddd;
	}

	.mobile-sidebar .logo-mobile img {
		height: 60px;
		object-fit: contain;
	}

	.mfp-close {
		opacity: 1 !important;
		top: 25px;
		right: 20px;
	}

	.mobile-sidebar .info_menu {
		margin-top: auto;
		display: block;
		padding: 20px 30px 30px;
	}

	.mobile-sidebar .info_menu ul {
		list-style: none;
	}

	.mobile-sidebar .info_menu ul li {
		color: #070707;
		font-size: 14px;
		padding-left: 25px;
		position: relative;
	}

	.mobile-sidebar .info_menu ul li i {
		position: absolute;
		left: 0;
		top: 5px;
		color: var(--theme-color);
	}

	#main-menu.mobile-sidebar {
		width: 100%;
		height: calc(100vh - 65px);
		position: fixed;
		top: 70px;
		right: 0;
		z-index: 1000;
		overflow: auto;
		transition: unset;
		padding: 0;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #cbcbcb;
		background: #fff;
		display: none;
		overflow-y: auto
	}

	#main-menu.mobile-sidebar img {
		width: 28px;
		height: 28px;
		object-fit: cover;
		border-radius: 50%;
	}

	#main-menu.mobile-sidebar .gtranslate_wrapper {
		display: flex;
		gap: 12px;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	#main-menu.mobile-sidebar .gtranslate_wrapper li {
		width: fit-content
	}

	#main-menu.mobile-sidebar .gtranslate_wrapper li a {
		padding-left: 0
	}

	#main-menu.mobile-sidebar .html_top_right_text {
		padding: 14px 30px;
	}

	#main-menu.mobile-sidebar a.glink.gt-current-lang {
		font-weight: normal !important;
		color: var(--theme-color);
	}

	.form-home .form-content {
		grid-gap: 0 20px;
	}

	.sec-home-1 .col-left {
		padding-right: 15px;
	}

	#main .sec-home-2 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	#main .sec-home-1 {
		padding-top: 70px;
		padding-bottom: 40px
	}

	.sec-home-1 .col-left h1 {
		max-width: 355px;
	}

	.sec-home-2 .col-left,
	.sec-home-2 .col-right {
		flex-basis: 100%;
		max-width: 100%;
	}

	.sec-home-2 .col-right .img {
		margin: auto
	}

	.sec-home-2 .title-home p {
		max-width: 100%;
	}

	.teams-wrapper .team-box {
		flex-direction: column;
	}

	.teams-wrapper .team-box .box-image {
		width: 100%;
	}

	.teams-wrapper .team-box .box-text {
		margin-left: 0;
		margin-top: 10px;
		flex: 1;
	}

	#main .sec-home-4 {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.sec-home-4 .item {
		padding: 20px 0;
		grid-gap: 30px;
		grid-template-columns: 4fr 5fr 2fr;
	}
	.sec-home-4 .item .image-cover {
		padding-top: 67%;
	}
	#main .sec-home-5 {
		padding-top: 50px
	}
	#wrapper .sec-home-4 .btn-viewall{
		padding: 0 15px;
	}

	.sec-home-5 .row-bottom {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.sec-home-5 .row-bottom .col {
		min-width: 42%;
		max-width: unset;
		flex-shrink: 0;
		flex-basis: 42%;
	}

	.sec-home-5 .row-bottom .ttile {
		padding: 0 15px 22px;
	}

	.sec-home-5 .row-bottom .desc {
		padding: 0 15px;
	}

	.sec-home-5 .row-bottom::-webkit-scrollbar {
		display: none;
	}

	.title-home.text-center p {
		margin-bottom: 30px
	}

	#footer .sec-menu {
		padding-top: 60px
	}

	.popup-img {
		width: 300px
	}

	.popup-info .popup-content {
		max-width: 700px
	}
}

@media screen and (max-width: 767.98px) {
	.teams-wrapper .team-box .name{
		font-size:18px
	}
	.sec-home-6 .img-grid .gallery-col:nth-of-type(2) .image-cover {
		padding-top: calc(135% - 2px) !important;
	}

	.sec-thanhcong .icon-box p,
	.sec-thanhcong .box p {
		font-size: 14px;
		/* display: none; */
	}

	.sec-thanhcong .icon-box-img {
		margin-bottom: 20px
	}

	.sec-thanhcong .icon-box h4,
	.sec-thanhcong .box h4 {
		font-size: 24px;
	}

	.sec-thanhcong .icon-box h4 {
		margin-bottom: 25px;
	}

	#wrapper .sec-thanhcong .btn-viewall {
		margin-top: 30px
	}

	#wrapper .sec-thanhcong {
		padding: 20px 0;
	}

	#wrapper .sec-thanhcong .section-content {
		overflow-y: auto;
		overflow-x: hidden;
	}

	.sec-thanhcong .icon-box {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.sec-thanhcong .box {
		flex-direction: column;
	}

	.sec-thanhcong .box .box-image {
		margin-bottom: 15px;
		margin-left: auto;
		width: 35% !important;
		max-width: 95px !important;
	}

	.popup-img {
		width: 220px
	}

	.popup-img .popup-img-close,
	.popup-info .close_popup-custom {
		width: 30px;
		height: 30px;
		right: -15px;
		top: -15px;
		font-size: 16px;
	}

	.sec-thanhcong .box-text {
		text-align: center;
	}

	.sec-home-5 .row-bottom .ttile h3 {
		font-size: 24px
	}

	#main .sec-home-6 {
		padding-top: 0
	}

	.sec-home-4 .tabbed-content .nav {
		gap: 10px 0;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		margin-bottom: 0;
		justify-content: flex-start;
		scroll-padding: 10px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		border-bottom: 0;
	}

	.sec-home-4 .tabbed-content .nav .tab {
		margin: 0 15px;
	}

	.sec-home-4 .tabbed-content .nav span {
		font-size: 14px
	}

	.sec-home-4 .tabbed-content .nav a p {
		font-size: 16px;
		margin-bottom: 0;
	}

	.sec-home-4 .tabbed-content .nav a {
		padding-bottom: 15px
	}

	.sec-home-4 .item {

		grid-gap: 0;
		grid-template-columns: 1fr;
	}

	.sec-home-4 .item:hover {
		box-shadow: unset;
	}

	.sec-home-4 .item .image-cover {
		padding-top: 56.25%
	}

	.sec-home-4 .item .text {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.sec-home-4 .item .title {
		padding-right: 20px;
		margin: 0;
		font-size: 16px;
	}
	.sec-home-4 .item .view-short .mota{
		margin-top: .5rem;
	}
	#wrapper .sec-home-4 .btn-viewall {
		margin: auto;
	}

	#main .sec-home-1 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.sec-home-4 .tabbed-content .nav .active a:after {
		bottom: 0px;
	}

	.sec-home-1 .col-left h3 {
		height: 40px;
		font-size: 16px;
		padding: 0 25px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 16px;
	}

	.sec-home-1 .col-left h1 {
		max-width: unset;
		font-size: 26px;
		margin-bottom: 30px;
	}

	.sec-home-1 .col-left p {
		font-size: 16px
	}

	.form-home .form-content {
		display: block
	}

	body .progress-wrap {
		right: 15px;
		width: 32px;
		height: 32px;
	}

	.form-home {
		padding: 20px
	}

	.form-home .form-content input,
	.form-home .form-content select {
		height: 40px
	}

	#wrapper .btn-viewall,
	.header-nav-main>.menu-item.mua-ngay a {
		height: 40px;
		font-size: 16px;
		padding: 0 20px;
		min-height: 40px;
	}

	#main .sec-home-2 {
		padding-top: 50px;
	}

	.title-home h2 {
		font-size: 30px;
		margin-bottom: 25px;
	}

	.sec-home-2 .stack {
		flex-direction: column;
	}

	#main .sec-home-2 .stack .text {
		--stack-gap: 0px;
		margin-bottom: 20px !important;
	}

	.sec-home-2 .stack h4 {
		font-size: 24px
	}

	#main .sec-home-3 {
		padding-top: 0
	}

	.teams-wrapper {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 35px;
	}

	body .progress-wrap::before {
		width: 32px;
		height: 32px;
	}

	body .progress-wrap::after {
		font-size: 14px;
	}

	.sec-home-2 .btn-viewall {
		margin-top: 1px;
	}

	.sec-home-5 .row-bottom {
		flex-wrap: wrap;
	}

	.sec-home-5 .row-bottom .col {
		min-width: 100%;
		max-width: unset;
		flex-shrink: 0;
		flex-basis: 100%;
		padding-top: 0 !important;
	}

	#main .sec-home-5 {}

	.sec-home-6 .img-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.sec-home-6 .img-grid .gallery-col {
		padding: 0 4px 8px;
	}

	.sec-home-6 .img-grid .gallery-col:nth-of-type(6) .image-cover {
		margin-top: 0;
		margin-bottom: 19%;
	}

	.sec-home-6 .img-grid .gallery-col:nth-of-type(7) .image-cover {
		padding-top: calc(67.5% - 9px) !important;
	}

	#footer .col-4 {
		padding-bottom: 0
	}

	.popup-custom-full .content .title-form {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.popup-custom-full .content p br {
		display: none;
	}

	.popup-custom-full .submit button,
	.popup-custom-full .submit a {
		margin-top: 0
	}

	.popup-custom-full.popup-dangkyngay .tb-box {
		padding: 20px
	}

}

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after {
	position: absolute;
	content: '\f061';
	font-family: var(--fa6);
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	font-size: 18px;
	color: var(--theme-color);
}

.progress-wrap::before {
	position: absolute;
	content: '';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, #47BE7A, #0084b5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap:hover::before {
	opacity: 1;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: var(--theme-color);
	stroke-width: 4px;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	display: inline-block;
	vertical-align: middle;
	vertical-align: auto;
	zoom: 1;
	display: inline-block;
	position: relative;
}

.odometer.odometer-auto-theme .odometer-inside {
	display: flex;
	line-height: 1;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative;
	padding-right: 1px;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
	vertical-align: middle;
	zoom: 1;
	display: inline-block;
	visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
	position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
	font-family: var(--bold);
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
	font-family: var(--bold);
	text-align: center;
}

#wrapper .processing:before {
	width: 20px !important;
	height: 20px !important;
	aspect-ratio: 1;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	position: fixed;
	background: var(--theme-color);
	animation: clockwise 1200ms infinite linear;
	border: 0 !important;
	top: 50%;
	left: 50%;
	border: 1px solid #fff !important;
	z-index: 9999999999999;
}

.processing:after {
	z-index: 9999999999999;
	content: "";
	width: 20px;
	aspect-ratio: 1;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	position: FIXED;
	left: 50%;
	top: 50%;
	mix-blend-mode: darken;
	background: var(--theme-color2);
	margin-left: -5px;
	animation: counter-clockwise 1200ms infinite linear;
	border: 1px solid #fff !important;
}

@keyframes clockwise {
	0% {
		transform: translateX(0);
		width: 20px;
	}

	25% {
		width: 25px;
	}

	50% {
		transform: translateX(100%);
		width: 20px;
	}
}

@keyframes counter-clockwise {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-100%);
	}
}

@media screen and (max-width: 767.98px) {
	.list-shortcut-desktop {
		/* display: none; */
		right: 10px;
	}

	.list-shortcut-desktop>a {
		margin-bottom: 16px;
	}

	.slider [data-animate],
	[data-animate] {
		animation-fill-mode: forwards;
		-webkit-backface-visibility: hidden;
		opacity: 0 !important;
		transition: filter 1.3s, transform 1s, opacity .5s ease-in;
		will-change: filter, transform, opacity;
	}

	.slider [data-animate=fadeInLeft],
	[data-animate=fadeInLeft],
	.slider [data-animate=fadeInRight],
	[data-animate=fadeInRight] {
		transform: translate3d(0, 70px, 0);
	}

	.row-slider.slider [data-animated=true],
	.slider .is-selected [data-animated=true],
	[data-animated=true] {
		animation-delay: .1s;
		opacity: 1 !important;
		transform: translateZ(0) scale(1)
	}

}

/* Animate gsap */

.animated {
	animation-duration: 1.2s;
	animation-fill-mode: both;
}

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.hinge {
	animation-duration: 2s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 70px, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeInRight {
	from {
		transform: translate3d(70px, 0, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut {
	animation-name: fadeOut;
}

.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInFix {
	from {
		transform: translate3d(0, 30%, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.fadeInFix {
	animation-name: fadeInFix;
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		transform: perspective(400px);
	}
}

.flipInX {
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@keyframes slideOutDown {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0);
	}
}

.slideOutDown {
	animation-name: slideOutDown;
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	animation-name: slideInUp;
}

@keyframes slideOutUp {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0);
	}
}

.slideOutUp {
	animation-name: slideOutUp;
}

.scrollmagicfadeUp .effect,
.scrollmagicfadeUp .effect-left,
.scrollmagicfadeUp .effect-right,
.scrollmagicfadeUp .effect-fade,
.scrollmagicfadeUp .effect-up,
.scrollmagicfadeUp .effect-up-100,
.scrollmagicfadeUp .effect-up-200,
.scrollmagicfadeUp .effect-right-custom {
	opacity: 0;
	transition: all 0.8s;
}

.scrollmagicfadeUp .effect {
	transform: translateY(30%);
}

.scrollmagicfadeUp .effect-left {
	transform: translateX(-30%);
}

.scrollmagicfadeUp .effect-right {
	transform: translateX(30%);
}

.scrollmagicfadeUp .effect-right-custom {
	transform: translateX(300px);
}

.scrollmagicfadeUp .effect-up {
	transform: translateY(30%);
}

.scrollmagicfadeUp .effect-up-100 {
	transform: translateY(100px);
}

.scrollmagicfadeUp .effect-up-200 {
	transform: translateY(200px);
}

.scrollmagicfadeUp .effect-fade {
	opacity: 0;
}

.scrollmagicfadeUp .bgZoomIn {
	opacity: 0;
}

.scrollmagicfadeUp.scroll-css .effect,
.scrollmagicfadeUp.scroll-css .effect-left,
.scrollmagicfadeUp.scroll-css .effect-right,
.scrollmagicfadeUp.scroll-css .effect-up,
.scrollmagicfadeUp.scroll-css .effect-up-100,
.scrollmagicfadeUp.scroll-css .effect-up-200,
.scrollmagicfadeUp.scroll-css .effect-right-custom {
	transform: translate(0, 0);
	opacity: 1;
}

.uxb-draggable .scrollmagicfadeUp .effect,
.uxb-draggable .scrollmagicfadeUp .effect-left,
.uxb-draggable .scrollmagicfadeUp .effect-right,
.uxb-draggable .scrollmagicfadeUp .effect-up,
.uxb-draggable .scrollmagicfadeUp .effect-up-100,
.uxb-draggable .scrollmagicfadeUp .effect-up-200,
.uxb-draggable .scrollmagicfadeUp .effect-right-custom {
	transform: translate(0, 0);
	opacity: 1;
}

.scrollmagicfadeUp.scroll-css .effect-fade {
	opacity: 1;
}

.uxb-draggable .scrollmagicfadeUp.scroll-css .effect-fade {
	opacity: 1;
}

.scrollmagicfadeUp.scroll-css.delay1s .effect,
.scrollmagicfadeUp.scroll-css.delay1s .effect-left,
.scrollmagicfadeUp.scroll-css.delay1s .effect-right,
.scrollmagicfadeUp.scroll-css.delay1s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay1s .effect-up,
.scrollmagicfadeUp.scroll-css.delay1s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay1s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay1s .effect-right-custom {
	transition-delay: 0.1s;
}

.scrollmagicfadeUp.scroll-css.delay2s .effect,
.scrollmagicfadeUp.scroll-css.delay2s .effect-left,
.scrollmagicfadeUp.scroll-css.delay2s .effect-right,
.scrollmagicfadeUp.scroll-css.delay2s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay2s .effect-up,
.scrollmagicfadeUp.scroll-css.delay2s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay2s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay2s .effect-right-custom {
	transition-delay: 0.2s;
}

.scrollmagicfadeUp.scroll-css.delay3s .effect,
.scrollmagicfadeUp.scroll-css.delay3s .effect-left,
.scrollmagicfadeUp.scroll-css.delay3s .effect-right,
.scrollmagicfadeUp.scroll-css.delay3s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay3s .effect-up,
.scrollmagicfadeUp.scroll-css.delay3s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay3s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay3s .effect-right-custom {
	transition-delay: 0.3s;
}

.scrollmagicfadeUp.scroll-css.delay4s .effect,
.scrollmagicfadeUp.scroll-css.delay4s .effect-left,
.scrollmagicfadeUp.scroll-css.delay4s .effect-right,
.scrollmagicfadeUp.scroll-css.delay4s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay4s .effect-up,
.scrollmagicfadeUp.scroll-css.delay4s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay4s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay4s .effect-right-custom {
	transition-delay: 0.4s;
}

.scrollmagicfadeUp.scroll-css.delay5s .effect,
.scrollmagicfadeUp.scroll-css.delay5s .effect-left,
.scrollmagicfadeUp.scroll-css.delay5s .effect-right,
.scrollmagicfadeUp.scroll-css.delay5s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay5s .effect-up,
.scrollmagicfadeUp.scroll-css.delay5s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay5s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay5s .effect-right-custom {
	transition-delay: 0.5s;
}

.scrollmagicfadeUp.scroll-css.delay6s .effect,
.scrollmagicfadeUp.scroll-css.delay6s .effect-left,
.scrollmagicfadeUp.scroll-css.delay6s .effect-right,
.scrollmagicfadeUp.scroll-css.delay6s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay6s .effect-up,
.scrollmagicfadeUp.scroll-css.delay6s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay6s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay6s .effect-right-custom {
	transition-delay: 0.6s;
}

.scrollmagicfadeUp.scroll-css.delay7s .effect,
.scrollmagicfadeUp.scroll-css.delay7s .effect-left,
.scrollmagicfadeUp.scroll-css.delay7s .effect-right,
.scrollmagicfadeUp.scroll-css.delay7s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay7s .effect-up,
.scrollmagicfadeUp.scroll-css.delay7s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay7s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay7s .effect-right-custom {
	transition-delay: 0.7s;
}

.scrollmagicfadeUp.scroll-css.delay8s .effect,
.scrollmagicfadeUp.scroll-css.delay8s .effect-left,
.scrollmagicfadeUp.scroll-css.delay8s .effect-right,
.scrollmagicfadeUp.scroll-css.delay8s .effect-fade,
.scrollmagicfadeUp.scroll-css.delay8s .effect-up,
.scrollmagicfadeUp.scroll-css.delay8s .effect-up-100,
.scrollmagicfadeUp.scroll-css.delay8s .effect-up-200,
.scrollmagicfadeUp.scroll-css.delay8s .effect-right-custom {
	transition-delay: 0.8s;
}

@media (max-width: 767.98px) {

	.scrollmagicfadeUp .effect-left,
	.scrollmagicfadeUp .effect-right {
		transform: translateY(30%);
	}

	.scrollmagicfadeUpMb .effect {
		transform: translateY(200px);
		opacity: 0;
		transition: all 0.8s;
	}

	.scrollmagicfadeUpMb.scroll-css .effect {
		transform: translateY(0);
		opacity: 1;
	}

	.scrollmagicfadeUp.scroll-css.delay5s .effect,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-left,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-right,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-fade,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-up,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-up-100,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-up-200,
	.scrollmagicfadeUp.scroll-css.delay5s .effect-right-custom {
		transition-delay: 0.1s;
	}
}

@keyframes rungring {

	0%,
	50%,
	100% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(10px);
	}

	75% {
		transform: translateY(-10px);
	}
}

.scrollmagicfadeUp .clipPathLeft,
.scrollmagicfadeUp .clipPathRight,
.scrollmagicfadeUp .clipPathCircle,
.scrollmagicfadeUp .bgZoomIn {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.scrollmagicfadeUp .clipPathLeft {
	clip-path: inset(0 100% 0 0);
}

.scrollmagicfadeUp .clipPathRight {
	clip-path: inset(0 0 0 100%);
}

.scrollmagicfadeUp .clipPathCircle {
	clip-path: circle(0% at 50% 50%);
}

.scrollmagicfadeUp.scroll-css .clipPathLeft {
	opacity: 1;
	animation-name: clipPathLeft;
}

.scrollmagicfadeUp.scroll-css .clipPathRight {
	opacity: 1;
	animation-name: clipPathRight;
}

.scrollmagicfadeUp.scroll-css .clipPathCircle {
	opacity: 1;
	animation-name: clipPathCircle;
}

.scrollmagicfadeUp.scroll-css .bgZoomIn {
	opacity: 1;
	animation-name: bgZoomIn;
}

.scrollmagicfadeUp.delay1s .clipPathLeft,
.scrollmagicfadeUp.delay1s .clipPathRight,
.scrollmagicfadeUp.delay1s .clipPathCircle {
	animation-delay: 0.1s;
}

.scrollmagicfadeUp.delay2s .clipPathLeft,
.scrollmagicfadeUp.delay2s .clipPathRight,
.scrollmagicfadeUp.delay2s .clipPathCircle {
	animation-delay: 0.2s;
}

.scrollmagicfadeUp.delay3s .clipPathLeft,
.scrollmagicfadeUp.delay3s .clipPathRight,
.scrollmagicfadeUp.delay3s .clipPathCircle {
	animation-delay: 0.3s;
}

.scrollmagicfadeUp.delay4s .clipPathLeft,
.scrollmagicfadeUp.delay4s .clipPathRight,
.scrollmagicfadeUp.delay4s .clipPathCircle {
	animation-delay: 0.4s;
}

.scrollmagicfadeUp.delay5s .clipPathLeft,
.scrollmagicfadeUp.delay5s .clipPathRight,
.scrollmagicfadeUp.delay5s .clipPathCircle {
	animation-delay: 0.5s;
}

.scrollmagicfadeUp.delay6s .clipPathLeft,
.scrollmagicfadeUp.delay6s .clipPathRight,
.scrollmagicfadeUp.delay6s .clipPathCircle {
	animation-delay: 0.6s;
}

.scrollmagicfadeUp.delay7s .clipPathLeft,
.scrollmagicfadeUp.delay7s .clipPathRight,
.scrollmagicfadeUp.delay7s .clipPathCircle {
	animation-delay: 0.7s;
}

.scrollmagicfadeUp.delay8 .clipPathLeft,
.scrollmagicfadeUp.delay8s .clipPathRight,
.scrollmagicfadeUp.delay8s .clipPathCircle {
	animation-delay: 0.8s;
}

@keyframes bgZoomIn {
	from {
		transform: scale(0.9);
	}

	to {
		transform: scale(1);
	}
}

@keyframes clipPathLeft {
	from {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0 0% 0 0);
	}
}

@keyframes clipPathRight {
	from {
		clip-path: inset(0 0 0 100%);
	}

	to {
		clip-path: inset(0 0 0 0%);
	}
}

@keyframes clipPathCircle {
	from {
		clip-path: circle(0% at 50% 50%);
	}

	to {
		clip-path: circle(100% at 50% 50%);
	}
}
.item { position: relative; }
.copy-link {
  position: absolute;
  top: .5rem; right: .5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
}
.copy-link:hover { opacity: .7; }
/* 1. Unified text color for all inputs & selects */
.form-footer .content-vertical .wpcf7-form-control:not(.wpcf7-submit) {
  color: var(--black) !important;   /* đảm bảo text chính đồng nhất */
}

/* 2. Unified placeholder color */
.form-footer .content-vertical .wpcf7-form-control::-webkit-input-placeholder,
.form-footer .content-vertical .wpcf7-form-control:-ms-input-placeholder,
.form-footer .content-vertical .wpcf7-form-control::-ms-input-placeholder,
.form-footer .content-vertical .wpcf7-form-control::placeholder {
  color: var(--grey) !important;    /* placeholder cùng tone xám */
  opacity: 1 !important;            /* không bị mờ */
}

/* 3. Đảm bảo select lấy cùng màu placeholder khi chưa chọn */
.form-footer .content-vertical select {
  color: var(--grey) !important;
}
/* Khi người dùng chọn rồi thì chuyển sang màu text thường */
.form-footer .content-vertical select:valid {
  color: var(--black) !important;
}

/* 4. Giữ nguyên các style border/padding/height đã set */
.form-footer .content-vertical .wpcf7-form-control {
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  box-sizing: border-box;
  height: 48px !important;
  padding: 0 16px !important;
  margin-bottom: 16px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.is-hidden{display:none!important;}

.list-item.js-lt-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.list-item .item{
  width:100%;
  border-top:1px solid #eee;
  padding-top:14px;
}
.list-item .item:first-child{
  border-top:none;
  padding-top:0;
}
.lt-more-wrap{margin-top:12px;text-align:center;}
.copy-link.copied{opacity:.6;}
.item{scroll-margin-top: 250px!important;}

/* Hiệu ứng trượt mượt cho danh sách khi mở/thu gọn */
.js-lt-list{
  overflow: hidden;
  transition: max-height .4s ease;
}