/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
	--do:#f72816;
	--vang:#b9753b;
	--xanh:#093662;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Roboto", sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Roboto", sans-serif !important;
}

b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.is-divider{
	display:none !important;
}
input[type=submit]{
	margin:0;
}
.section-content{
	z-index:unset !important;
}
.dark, .dark p, .dark td{
	color:#fff !important;
}
.pd-b0{
	padding-bottom:0 !important;
}
.absolute-footer{
	background-color:#07294B !important;
	padding:0;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-bottom:0;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--vang) !important;
	color: #fff !important;
	background: url(/wp-content/uploads/2025/07/top.png) var(--vang);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 16px;
}
table {
	border-collapse: collapse;
}
.owl-stage{
	display:flex;
}
.owl-stage .col,.owl-stage .col > .col-inner{
	height:100%;
}
.owl-item {
	flex-shrink:0;
}
.owl-item .col {
	max-width:100%;
}
.owl-dots {
	margin:0 !important;
}
.owl-dots button{
	min-height:unset;
	margin:0 5px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px 4px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:var(--vang) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	line-height:unset !important;
	margin:0 !important;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	display:flex !important;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map iframe{
	width:100%;
	height:100%;
}
.pum-overlay.pum-overlay-disabled {
	visibility: inherit !important;
}
.button.btn-center,
.text-center .button.btn-center{
	display:block;
	width:max-content;
	margin:0 auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

html,body{
	font-size:18px;
}
p{
	margin:0 0 16px;
}
.form-tuvan > p{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.form-tuvan  > p > *{
	width:calc(100% / 3 - 15px);
}
.form-tuvan input{
	height:50px;
	border-radius:5px;
}
.form-tuvan input[type=submit]{
	background-color:var(--vang) !important;
	border:2px solid #fff;
}
.ga-center {
	justify-content:center;
}

.ul-style-1 li{
	list-style:none;
	margin-left:0 !important;
	padding-left:30px;
	position:relative;
}
.ul-style-1 li:before{
	content:'';
	position:absolute;
	left:0;
	top:4px;
	width:20px;
	height:20px;
	background:url(/wp-content/uploads/2025/07/diamond1.svg) no-repeat;
	background-position:center;
	background-size:contain;
}

/* Header */
.header-nav-main.nav-right > li > a{
	font-size:17px;
	font-weight:500;
	padding:10px 15px;
	border-radius:3px;
}
.header-nav-main.nav-right > li:hover > a{
	background:var(--vang);
}

/* Home */
.sec-form .section-bg{
	opacity:0.1;
}
.sec-form .logo-form{
	margin-left:auto;
	margin-right:auto;
	max-width:280px ;
}
.title-sec{
	position:relative;
	margin-bottom:20px;
}
.title-sec.has-bg{
	padding-bottom: 45px;
}
.title-sec.has-bg:before{
	content:'';
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:18px;
	background:url(/wp-content/uploads/2025/07/line-1.png) no-repeat;
	background-position:center;
	background-size:contain;
	height:14px;
	width:100%;
	max-width:200px;
}
.title-sec.has-bg.bg-white:before{
	background:url(/wp-content/uploads/2025/07/line-2.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.title-sec :is(h1,h2,h3){
	font-family: "Kanit", sans-serif !important;
	line-height:1.1;
	margin:0;
	font-size:46px;
	color:var(--xanh);
}
.title-sec :is(h1,h2,h3) span{
	font-family: "Kanit", sans-serif !important;
	line-height:1.1;
}
.title-sec p{
	margin:10px 0 0;
}
.sec-tongquan .row-fix .col-content > .col-inner{
	background: linear-gradient(90deg, #093662 0%, #ffffff00 50%, #ffffff00 100%);
	border-radius: 5px;
	padding: 25px 30px;
	width: 100%;
}
.sec-tongquan .txt-tongquan ul{
	margin:0;
}
.sec-tongquan .txt-tongquan ul li{
	margin:0 !important;
	list-style:none;
	display:flex;
}
.sec-tongquan .txt-tongquan ul li + li{
	margin-top:20px !important;
}
.sec-tongquan .txt-tongquan ul li p{
	margin:0;
}
.sec-tongquan .txt-tongquan ul li p:nth-child(1){
	min-width: 180px;
	opacity: .6;
}
.sec-tongquan .txt-tongquan ul li p:nth-child(2){
	font-size:20px;
	font-weight:500;
}

.tab-chungnhan > .nav li{
	margin:0;
}
.tab-chungnhan > .nav li a{
	display:block;
	background-color: transparent;
	border: 0 none;
	border-bottom: 1px solid #c9c9c9;
	border-radius: 0;
	width: 145px;
	height:106px;
	position: relative;
}
.tab-chungnhan > .nav li a:before{
	background-color: transparent;
	bottom: 0;
	content: '';
	height: 1px;
	left: 50%;
	transform:translatex(-50%);
	position: absolute;
	transition: .2s;
	width: 0;
	opacity:1 !important;
}
.tab-chungnhan > .nav li.active a:before,
.tab-chungnhan > .nav li:hover a:before{
	width:100%;
	background:var(--vang);
}
.tab-chungnhan > .nav li a span{
	display:none;
}
.tab-chungnhan > .nav li a:after{
	content:'';
	position:absolute;
	top:20px;
	bottom:20px;
	left:40px;
	right:40px;
	filter: grayscale(1);
	transition: .2s;
}
.tab-chungnhan > .nav li.active a:after,
.tab-chungnhan > .nav li:hover a:after{
	filter: grayscale(0);
}
.tab-chungnhan > .nav li:nth-child(1) a:after{
	background:url(/wp-content/uploads/2025/07/i1.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.tab-chungnhan > .nav li:nth-child(2) a:after{
	background:url(/wp-content/uploads/2025/07/i2.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.tab-chungnhan > .nav li:nth-child(3) a:after{
	background:url(/wp-content/uploads/2025/07/i3.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.tab-chungnhan > .nav li:nth-child(4) a:after{
	background:url(/wp-content/uploads/2025/07/i4.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.tab-chungnhan > .nav li:nth-child(5) a:after{
	background:url(/wp-content/uploads/2025/07/i5.png) no-repeat;
	background-position:center;
	background-size:contain;
}
.tab-chungnhan > .nav li:nth-child(6) a:after{
	background:url(/wp-content/uploads/2025/07/i6.png) no-repeat;
	background-position:center;
	background-size:contain;
}

.sec-form2 .row-fix{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
}
.sec-form2 .col-content > .col-inner{
	width:100%;
	max-width:350px;
	margin:0 auto !important;
	padding:30px;
	border: 1px solid #ffffff8f;
	border-radius: 15px;
	overflow:hidden;
	box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .15), inset 0 2px 4px 0 rgba(255, 255, 255, .08), inset 0 -2px 2px 0 rgba(255, 255, 255, .12);
}
.sec-form2 .col-content > .col-inner:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .45) 0%, transparent 70%);
	backdrop-filter: blur(3px);
	z-index:1;
}
.sec-form2 .col-content > .col-inner:after {
	background: var(--xanh);
	border-radius: 30px;
	bottom: 10%;
	content: '';
	filter: blur(50px);
	left: 10%;
	position: absolute;
	right: 10%;
	top: 10%;
}
.sec-form2 .col-content > .col-inner > *{
	position:relative;
	z-index:3;
}
.sec-form2 .title-form h3{
	text-shadow: 0 1px 1px #0000004a;
	margin:0 0 10px;
	text-align:center;
	color: #ffc171;
	font-family: "Kanit", sans-serif !important;
	font-size: 32px;
	line-height: 1.2;
}
.sec-form2 .title-form ul li{
	color:#fff;
}
form p.label{
	font-weight:500;
	margin:0 0 5px;
}
.sec-form2 .form-dk p.label{
	color:#fff;
}
.form-dk input{
	height:50px;
	border-radius:5px;
}
.form-dk input[type=submit]{
	background-color:var(--vang) !important;
	border:2px solid #fff;
	width:100%;
}

.col.box-uu-dai > .col-inner{
	height:100%;
	padding:30px 30px 20px;
	border-radius:10px;
	background:var(--vang);
}
.col.box-uu-dai p{
	margin:0 0 10px;
}
.col.box-uu-dai p.title{
	font-size:20px;
}
.col.box-uu-dai .gif{
	width:70px !important;
	position:absolute;
	top:-35px;
	right:-15px;
}
.view360 {
	position:relative;
	padding-top:56.25%;
}
.view360 iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.box-lydo .icon-box h3{
	font-size:22px;
	margin:0 0 7px;
	color:#ffc171;
	line-height:1.35;
}
.box-lydo .icon-box p{
	font-size:20px;

}

/* Footer */
.title-f p{
	font-size:22px;
	font-weight:600;
	color:#ffc171 !important;
	margin:0 0 15px;
}
.contact-f p{
	margin:0 0 12px;
}
.contact-f p i{
	width:30px;
}
footer .form-tuvan  > p > *{
	width:100%;
}

.sidebar-menu .nav-sidebar li a{
	font-size:16px;
	font-weight:500 !important;
	color:var(--xanh);
}
.contact-fix-bottom{
	display:none;
}
.pum-close.popmake-close{
	margin:0 !important;
	padding:0 !important;
	width:40px !important;
	height:40px !important;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px !important;
	background:rgba(0,0,0,.4) !important;
	color:#fff !important;
}
.row-form-popup .img-banner{
	margin:0 !important;
}
.row-form-popup .txt-title h3{
	font-size: 24px;
    line-height: 1.3;
    padding: 15px;
    text-transform: uppercase;
	padding:20px 20px 15px;
	text-align:center;
	margin:0;
}
.row-form-popup .txt-title p{
	padding:0 15px;
}
.row-form-popup form{
	padding:0 15px 15px;
}
.row-form-popup form input:not([type=submit]){
	height:40px;
	border:none;
	border-bottom:1px solid #ddd;
	padding-left:0;
}
@media only screen and (max-width:849px){
	.sec-tongquan{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.sec-tongquan .section-bg{
		display:none;
	}
	.sec-tongquan .row-fix .col-content{
		padding:0 !important;
	}
	.sec-tongquan .row-fix .col-content > .col-inner{
		background:#093662;
	}
	.sec-tongquan .row-fix .col-content .img-bg{
		position:absolute;
		right:-15px;
		pointer-events:none;
		opacity:0.5;
	}
	.sec-tongquan .row-fix .col-content .img-bg.img-top{
		top:0;
		max-width:700px;
	}
	.sec-tongquan .row-fix .col-content .img-bg.img-bottom{
		bottom:0;
		max-width:550px;
	}
	.sec-tongquan .txt-tongquan ul li{
		display:block;
	}
	.title-sec :is(h1,h2,h3) {
		font-size: 42px;
	}
	.sec-form2 .row-fix {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		z-index: 1;
		background:var(--xanh);
		padding:30px;
	}
	.sec-form2 .col-content > .col-inner:before,
	.sec-form2 .col-content > .col-inner:after{
		display:none;
	}
	.sec-form2 .col-content > .col-inner {
		max-width: 500px;
		padding: 30px 0;
		border:none;
		box-shadow:none;
	}
	.col.box-uu-dai{
		padding-bottom:45px;
	}
	.tab-chungnhan > .nav li{
		width:calc(100% / 6);
	}
	.tab-chungnhan > .nav li a{
		width:100%;
		padding:0;
		height:unset;
		padding-top:100% !important;
	}
	.tab-chungnhan > .nav li a:after {
		top: 25px;
		bottom: 25px;
		left: 25px;
		right: 25px;
	}
	.tab-chungnhan > .nav li.active a{
		background:var(--xanh);
	}
}
@media only screen and (max-width:568px){
	
	.sec-tongquan .row-fix .col-content > .col-inner {
		padding: 25px 15px;
	}
	.sec-form .logo-form {
		max-width: 250px;
	}
	.form-tuvan > p > * {
		width: 100%;
	}
	.title-sec :is(h1,h2,h3) {
		font-size: 38px;
	}
	.sec-form2 .row-fix {
		padding: 30px 20px;
	}
	.sec-form2 .title-form h3 {
		font-size: 30px;
	}
	.col.box-uu-dai .gif {
		width: 60px !important;
	}
	.tab-chungnhan > .nav li a:after {
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	#button-contact-vr{
		display:none;
	}
	.contact-fix-bottom{
		display:flex;
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		z-index:5;
		background:var(--xanh);
		border-top: 1px solid #ffffff63;
	}
	.contact-fix-bottom a{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:5px;
		width:25%;
		flex-shrink:0;
		padding:7px 2px;
	}
	.contact-fix-bottom a img{
		width:25px;
		height:25px;
		object-fit:cover;
		flex-shrink:0;
	}
	.contact-fix-bottom a span{
		color:#fff;
		font-size:13px;
	}
	#footer{
		padding-bottom:65px;
	}
	.row-form-popup{
		border-radius:8px;
		overflow:hidden;
	}
	.row-form-popup .txt-title h3{
		background:var(--xanh);
		padding:20px 15px;
		color:#fff;
		margin:0 0 15px;
	}
}
@media only screen and (max-width:440px){
	.title-sec :is(h1,h2,h3) {
		font-size: 30px;
	}
}