/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* Container chung */
.title-container {
  font-family: Arial, sans-serif; /* Chọn font phù hợp */
  text-align: center;
  padding: 20px 0;
  
}

/* 1. TOP DỊCH VỤ ĐƯỢC YÊU THÍCH */
.top-text {
  color: #e5396b; /* Màu hồng đậm */
  /* font-size: 3.5vw;  Kích thước chữ lớn, dùng vw để responsive hơn */
  font-weight: 900; /* Rất đậm */
  letter-spacing: 0.1em; /* Khoảng cách chữ */
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* 2. TẠI SEOUL CENTER (với gạch ngang hai bên) */
.middle-line-text {
  color: #3b306b; /* Màu tím/xanh đậm */
  /* font-size: 2vw; */
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: inline-block; /* Giữ cho pseudo-element căn theo text */
  margin: 10px 0 20px 0;
}

/* Thêm gạch ngang bên trái */
.middle-line-text::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -50px; /* Điều chỉnh vị trí gạch */
  width: 40px; /* Chiều dài gạch */
  height: 4px; /* Độ dày gạch */
  background-color: #e5396b; /* Màu gạch ngang */
  transform: translateY(-50%);
}

/* Thêm gạch ngang bên phải */
.middle-line-text::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -50px; /* Điều chỉnh vị trí gạch */
  width: 40px; /* Chiều dài gạch */
  height: 4px; /* Độ dày gạch */
  background-color: #e5396b; /* Màu gạch ngang */
  transform: translateY(-50%);
}

/* 3. CLICK VÀO ĐỂ XEM CHI TIẾT */
.bottom-cta {
  color: #3b306b; /* Màu tím/xanh đậm */
 /* font-size: 1.5vw; */
  font-weight: 700;
  cursor: pointer;
  display: flex; /* Dùng flexbox để căn chỉnh icon và text */
  justify-content: center;
  align-items: center;
}

.arrow-icon {
  color: #3b306b; /* Màu mũi tên */
  font-size: 1.5vw;
  margin-right: 5px; /* Khoảng cách giữa mũi tên và chữ */
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/*Nguyễn Hoàng 30092025*/
.st2 .col .gallery-box, .st2 .col .box-image{
background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.col-form-1 .col-inner{
background: #fff;
    border-radius: 10px;
    padding: 15px;
}
.ft-1 h2 {
color: #e2ba54;
font-weight: 600;
font-size: 30px;
}
.ft-1 h3 {
color: #fff;
}
.text-chinhsach ul li {
margin-left: 0px;
}
.text-chinhsach ul {
list-style: none;
}

.cac-dich-vu-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.dich-vu-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    transition: transform 0.3s ease;
}

.dich-vu-item a:hover img {
    transform: scale(1.05);
}
.banner-1 .container {
	max-width: 100% !important;
}
.title-2 h3 {
	padding: 20px;
	font-size:36px;
}
.title-1 h3 {
	padding: 30px;
	font-size: 40px;
}
.text-box-3 {
	 top: 28%;
}
.text-box-4 {
	 left: 16%;
}
.col-2-congdung .col-inner {
	    background: #DEE8CC;
    padding: 15px;
}
.col-2-congdung  li, .col-2-congdung p{
	color: #455F51;
    font-size: 18px;
}
.col-2-congdung h3 {
	color: #455F51;
	font-size: 30px;
}
.title-big-h2 h2 {
	background: #92D050;
	color: #455F51;
	padding: 15px;
	font-size: 34px;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
}
.row-tongquan .medium-4 p {
	margin-bottom: 0px;
}
.row-tongquan .medium-4 .col-inner {
	height: 200px;
	border: 1px solid #455f51;
    border-radius: 5px;
}
.row-tongquan .medium-6 h3 {
	font-size: 24px;
    line-height: 30px;
}
.row-tongquan .medium-11 p {
	color: #455F51;
    font-size: 18px;
	margin-bottom: 0px;
}
.text-kinhdoanh li {
	color: #455f51;
    font-size: 18px;
    margin-bottom: 5px;
}







/* .container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 65%;
}
#footer .row:not(.row-contact), .gal-dichvu {
	max-width: 75% !important;
} */
.row-contact {
	max-width: 100% !important;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.gal-dichvu img {
	max-width: 100% !important;
	border-radius: 15px;
}
.gal-image p {
	border: 2px solid #f1f3f4;
    border-radius: 30px;
    background-image: linear-gradient(174deg, rgb(26 70 189), rgb(90 19 143));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    -webkit-background-clip: initial;
    color: #fff;
    padding: 5px;
}
/* #footer h4, #footer h3 {
	font-size: 22px;
	text-transform: uppercase;
}
#footer p {
	margin-bottom:10px;
}
#footer input, #footer textarea, .col-dangky2 input {
	border-color: #1a46bd !important;
    border-radius: 5px !important;
    height: 45px !important;
}
#footer textarea {
	min-height: 45px;
} */
/* #footer .large-4 .col-inner {
	border: 2px solid #fff;
    border-radius: 15px;
    background-color: #f1f3f4;
    box-shadow: rgb(0, 0, 0) 0px 15px 20px -15px;
	padding: 15px;
} */
/* #footer .large-4 p {
	color: #333;
	text-align: center;
	margin-bottom: 0px;
	font-size: 13px;
} */
/* #footer button {
    background: #0C323F;
    background: linear-gradient(39deg, rgba(12, 50, 63, 1) 0%, rgba(17, 60, 77, 1) 50%, rgba(18, 111, 119, 1) 100%);
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 28px;
    margin: 0 auto;
    display: block;
}
#footer .large-4 h4 {
	text-align: center;
	color: #1a46bd;
	margin-bottom: 0px;
}
#footer p {
	font-size: 16px;
} */
.absolute-footer {
	display: none;
}
.col-dangky2 .wpforms-field {
	width: 43% !important;
}
.col-dangky2 .wpforms-submit-container {
	width: 15% !important ;
    float: right !important;
    margin-top: -64px !important;
    height: 45px !important;
} 
.col-dangky2 button {
	height: 45px !important;
	padding: 0 15px !important;
}
/* #wpforms-121-field_2-container {
	margin-left: 5px;
}
#masthead ul li a {
	font-size: 21px;
}
#masthead ul li {
	margin: 0 30px;
} */
.col-img-trietlong .img {
	width: 750px !important;
	height: auto;
}
.st5 .icon-box {
	background: #fff;
	border-radius: 8px;
	height: 270px;
    padding: 15px;
}
.st5 .icon-box p {
	font-weight: 600;
}
.st5 .icon-box .icon-box-img img {
	margin-top: -90px;
}
.st2 p {
	font-weight: 600;
}
.st3 .img {
	margin-bottom: 0px !important;
}
.st4 .col {
	padding: 0 15px 0px;
}
.title-big h2 {
	font-size: 38px;
    font-weight: bolder;
}
.title-big h4 {
	text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
.title-uudiem h3, .title-uudiem h2, .title-lydo h3, .title-lydo h2 {
	margin-bottom: 0px;
}
.title-uudiem h3 {
	font-size: 30px;
}
.title-lydo h3 {
	font-size: 30px;
} 
.button-dangky, .col-dangky2 button {
    background: #0C323F;
    background: linear-gradient(39deg, rgba(12, 50, 63, 1) 0%, rgba(17, 60, 77, 1) 50%, rgba(18, 111, 119, 1) 100%) !important;
	color: #fff !important;
}
.st5 .tabbed-content ul li {
	margin: 0 10px;
}
.st5 .tabbed-content ul li.active a {
	color: #fff !important;
}
.st5 .tabbed-content ul li a {
	    border: 1px solid #114a59;
    color: #114a59;
}
.title-uudiem h2, .title-lydo h2, .title-dichvu h2 {
/* 	background-image: linear-gradient(rgb(10, 103, 233), rgb(223, 24, 86));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
	font-size: 35px;
}
.pulse-1 {
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.col-2-congdung h3 {
		font-size: 24px;
	}
	.title-big-h2 h2 {
		font-size: 28px;
	}
	.col {
		padding: 0 15px 15px;
	}
	.col-2-congdung {
		padding-bottom: 15px;
	}
	.row-tongquan .medium-4 .col-inner {
    height: 225px;
	}
	.title-1 h3 {
    padding: 10px;
    font-size: 30px;
	}
	.title-2 h3 {
    padding: 15px;
    font-size: 28px;
}
	.title-1 {
		right: 3%;
		top: 25px;
	}
	
	.text-box-3 {
    top: 54%;
    left: 25%;
}
	.text-box-4 {
    left: 60%;
}
	.title-2 {
		        top: 28%;
		right: 3%
	}
	#footer .row:not(.row-contact), .gal-dichvu {
    max-width: 100% !important;
}
	.col-nguyennhan .box-text-inner {min-height: 240px !important;}
}

@keyframes pulse {
	0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
/*****/




































.shop-page-title .page-title-inner{
	padding-top:0;
}
.brc .col {
	padding: 0 15px 0 !important;
}
.product-gallery-slider img, .product-thumbnails img {
    width: 100%;
    border-radius: 10px;
}



.primary {background: linear-gradient(270deg, #0e879b 0%, #0d4951 100%); border-color: #0b869a;}
.secondary {background: linear-gradient(270deg, #f94284 0%, #d0033d 100%); border-color: #f94183;}
.form-ngang input.wpcf7-form-control.has-spinner.wpcf7-submit.button {background: linear-gradient(270deg, #0e879b 0%, #0d4951 100%); border-color: #f4d260;}
.form-ngang input.wpcf7-form-control.has-spinner.wpcf7-submit.button:hover {background: linear-gradient(270deg, #f94284 0%, #d0033d 100%); border-color: #f4d260;}
.form-ngang input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {border-color: #0e879b;}
.form-ngang select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {border-color: #0e879b;}


.nav-dropdown {top:27px !important;}
.class-tp .icon-box {margin:1px 1px 18px 1px !important;}
.btrainghiem .toggle {display:none !important;}
.btrainghiem {border: 2px dashed #2a6673 !important;}
.btrainghiem .accordion-title {border:0px !important;}
.row-tl1 {padding: 10px !important;border: 2px dashed #138c8c !important;}
#zalo-vr .phone-vr-img-circle img {
    background-color: #2196F3;
    max-width: 50px !important;
    max-height: 50px !important;
}
.phone-bar.phone-bar-n.bar-zalo a {background-color: #0e626a;}

.phone-bar.phone-bar-n.bar-zalo a span.text-phone {
    text-transform: uppercase;
    font-weight: bold;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
}

/*Trang Xoá Nhăn HT*/
.page-id-21056 h4 {
    font-size: 28px;
    margin-bottom: 0px;
}

.section-vdbanner {position: relative;height: 90vh;}

.section-vdbanner .section-content.relative {height: 100%;}
.row-vdbanner {
    width: 60%;
    position: absolute;
    bottom: 0%;
    left: 20%;
}

.img-group-1 {
    border: 2px solid;
    border-radius: 10px;
}

.col-quytrinh-gia {
    padding: 20px;
    background: #f3f3f5;
}

.col-quytrinh-gia .col-inner.text-center {
    top: 10%;
    padding: 20px;
}

.col-quytrinh-gia p {
    margin-bottom: 5px;
}


.text-voucher h2 {
    font-size: 2.5rem;
}

.col-countvc .ux-timer.dark span {
    background: #333;
}

.col-countvc {
    padding: 0px;
}

.col-countvc a {
    margin-top: 25px;
    margin-bottom: 0px;
}
.row-buocquytrinh {display: block;position: relative;float: right;}

.col-textqtrinh {position: absolute;top:5%;height: 90%;z-index: 12;border: 1px solid #c6c1c1;max-width: 98% !important;}

.col-textqtrinh .col-inner {
    margin: 0px;
    width: 50%;
	height: 100%;
}

.col-textqtrinh p {margin-bottom: 0px;}
.img-qtrinh {

    float: right;
}
.col-textqtrinh .col-inner .text {
    padding: 10px;
    position: relative;
    top: 10%;
}

.col-slidekqua {
    padding: 0px 5px;
}




.col-brand img.attachment-medium.size-medium {height: 80px;}

.col-brand:nth-child(3),.col-brand:nth-child(6){
    border-width: 0.5px;
    border-style: solid;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgb(29, 29, 29, 1), rgba(0, 0, 0, 0)) 1 100%;
}


.col-loibs {position: relative;}

.text-bs {position: absolute;bottom: 55%;width: 50%;left: 5%;font-size: 14px;}
.phone-bar.phone-bar-n.bar-zalo {
    display: block !important;
}
header#header .nav-dropdown {
display: block;
}
header#header .nav-dropdown ul.sub-menu {
position: absolute; 
right: 100%;
top: 0;
background: #fff;
width: 250px;
padding: 0;
display: none !important;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
}
header#header .nav-dropdown ul.sub-menu a {
white-space: normal;
margin: 0;
padding: 10px 15px;
border: 0;
font-weight: 400;
}
header#header .nav-dropdown li:hover > ul.sub-menu{
display: block !important;
}
header#header .nav-dropdown li {
border-right: 0;
white-space: normal;
width: 100%;
display: block;
position: relative;
}
header#header .nav-dropdown li.menu-item-has-children > a {
font-weight: 400;
text-transform: none;
color: rgba(102,102,102,.85);
}
header#header .nav-dropdown li.active>a {
color: #e82c2a;
}

.form-cs {}

.form-cs input.wpcf7-form-control {
    border-radius: 5px;
    border: 1px solid;
    border-color: #0e879b;
}

.form-cs select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border-radius: 5px;
    border-color: #0e879b;
}

.form-cs input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: linear-gradient(270deg, #0e879b 0%, #0d4951 100%);
    border-color: #f4d260;
}

.form-cs input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: linear-gradient(270deg, #f94284 0%, #d0033d 100%);
    border-color: #f4d260;
}
li.html.header-button-2 .secondary {
    background: linear-gradient(270deg, #fae8b8 0%, #f4cd79 100%);
    border-color: #f9dda9;
}
li.html.header-button-2 .secondary span {color:black;
}
@media only screen and (max-width: 850px) {
	.col-textqtrinh h4 {
    font-size: 16px !important;
}
	.col-textqtrinh p {
    font-size: 14px !important;
}
	.col-textqtrinh .col-inner .text {
    padding: 5px !important;
    position: relative;
    top: auto !important;
}

}
@media only screen and (max-width: 490px) {
	.page-id-21056 h4 {
    font-size: 1.1em;
    margin-bottom: 0px;
}
	.col-countvc {
    padding: 0px 10px;
}
	.img-qtrinh {max-width: 50%;}
			.col-textqtrinh h4 {
		font-size: 14px !important;
	}
		.col-textqtrinh p {
		font-size: 12px !important;
	}
	
	.col-brand {
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(1, 1, 1, 0.3),rgba(0, 0, 0, 0)) 100% 1;
	}
	.col-brand:nth-child(3), .col-brand:nth-child(6) {
		border-width: 0.5px;
		border-style: none;
		border-image: none;
	}
	
	.text-bs {
		position: relative;
		bottom: auto;
		left: auto;
		font-size: 0.8em;
		width: 100%;
	}
}
@media (max-width: 549px) {
    .st5 .nav-pills {
        justify-content: center !important;
    }
}