.main-section-one, .utilities-hot, .m-section-all {

	overflow-x: hidden;

}


.main-section-two, .utilities-hot{
	background: #282a2c;
}
.vithe-rongthieng, .utilities-landscaping, .design-villa, .h-mat-bang, .footer{
	background: #2f6f64;
}


.img-video img{

	height: 100%;

}



.ban-hoa-tau:after{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	background: #ffffff5e;

	top: 0;

	left: 0;

	z-index: 0;

}

.main-regis-project{
	position: relative;
	padding: 60px 0 70px;
	background: linear-gradient(135deg, #0b2f57 0%, #0d5996 55%, #19b6ff 100%);
	overflow: hidden;
	color: #fff;
}
.main-regis-project::before{
	position: absolute;
	content: "";
	top: -10%;
	left: -5%;
	right: -5%;
	width: 110%;
	height: 120%;
	background-image: url("../images/icon-bg-1.png");
	background-repeat: repeat;
	background-size: contain;
	opacity: 0.2;
	z-index: 0;
}
.main-regis-project .container-fluid{
	position: relative;
	max-width: 1180px;
	z-index: 1;
}
.main-regis-project .title-section{
	font-family: "Open Sans", sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 34px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffec80;
}
.main-regis-project .infor-phone{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 22px;
	margin-top: 6px;
	background: #fff;
	color: #0d5996;
	border-radius: 999px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.main-regis-project .infor-phone:hover{
	transform: translateY(-2px);
	box-shadow: 0 22px 46px rgba(0, 0, 0, 0.22);
}
.main-regis-project .infor-phone .hotline{
	color: #0d5996;
	font-weight: 800;
	letter-spacing: 0.4px;
}
.main-regis-project .infor-phone .hotline:hover{
	color: #0b2f57;
}
.form-send-info{
	padding: 30px 24px 0;
	margin: 26px auto 0;
	max-width: 1140px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 16px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(3px);
}
.form-send-info .main-form{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}
.form-send-info .main-form .form-group{
	flex: 1 1 220px;
	min-width: 220px;
	margin: 0;
}
.form-send-info .main-form .form-group .form-input{
	height: 48px;
	margin-bottom: 0;
	color: #1c2d41;
	background-color: #fff;
	border: 1px solid #d9e6f5;
	border-radius: 10px;
	box-shadow: 0 8px 16px rgba(13, 89, 150, 0.08);
	padding: 8px 12px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-send-info .main-form .form-group .form-input:focus{
	border-color: #ffec80;
	box-shadow: 0 0 0 3px rgba(255, 236, 128, 0.35);
	outline: none;
}
.form-send-info .main-form .form-group .btn-submit{
	width: 100%;
	line-height: 48px;
	margin-left: 0;
	height: 48px;
	background: linear-gradient(90deg, #ffb347 0%, #ffec80 100%);
	border: none;
	border-radius: 10px;
	color: #0b2f57;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	box-shadow: 0 12px 24px rgba(255, 180, 71, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.form-send-info .main-form .form-group .btn-submit:hover{
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(255, 180, 71, 0.45);
}
.form-send-info--compact{
	max-width: 640px;
	padding: 24px 20px 10px;
}
.form-send-info--compact .title-form{
	font-weight: 700;
	letter-spacing: 0.6px;
	color: #ffec80;
	margin-bottom: 12px;
}
.form-send-info--popup,
.form-send-info--footer{
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 16px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
	padding: 24px 20px;
}
.form-send-info--footer .form-group,
.form-send-info--popup .form-group{
	position: relative;
	margin-bottom: 14px;
}
.form-send-info--footer .form-input,
.form-send-info--popup .form-input{
	height: 48px;
	padding: 12px 14px 12px 44px;
	border-radius: 10px;
}
.form-send-info--footer .form-group span,
.form-send-info--popup .form-group span{
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #0d5996;
	pointer-events: none;
}
.form-send-info--footer .btn-waring,
.form-send-info--popup .btn-waring{
	background: linear-gradient(90deg, #ffb347 0%, #ffec80 100%);
	color: #0b2f57;
	font-weight: 800;
	border: none;
	border-radius: 10px;
	line-height: 48px;
	height: 48px;
	width: 100%;
	padding: 0 18px;
	box-shadow: 0 12px 24px rgba(255, 180, 71, 0.35);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form-send-info--footer .btn-waring:hover,
.form-send-info--popup .btn-waring:hover{
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(255, 180, 71, 0.45);
}
@media (max-width: 575.98px){
	.form-send-info--compact,
	.form-send-info--popup,
	.form-send-info--footer{
		padding: 18px 14px;
	}
}
@media (max-width: 991.98px){
	.main-regis-project{
		padding: 50px 0 60px;
	}
	.main-regis-project .title-section{
		font-size: 23px;
		line-height: 32px;
	}
}
@media (max-width: 767.98px){
	.form-send-info{
		padding: 20px 16px 4px;
		margin-top: 20px;
	}
	.form-send-info .main-form{
		gap: 12px;
	}
	.form-send-info .main-form .form-group{
		flex: 1 1 100%;
		min-width: 100%;
	}
	.form-send-info .main-form .form-group .btn-submit{
		width: 100%;
	}
	.main-regis-project .infor-phone{
		width: 100%;
		justify-content: center;
	}
}



.ban-hoa-tau{

	background-attachment: fixed; 

}



.main-section-three .m-content{

	 background-color: rgb(0 0 0 / 18%);

	position: relative;

	z-index: 2;

}


.main-section-three  .btn-seemorr{
	background-color: rgb(0 0 0 / 18%);

	border: 1px solid #fff;
}

.main-section-three  .btn-seemorr:hover{
	color: #2f6f64;

	background: #fff;
}




.news-home .seemorr-news{

	border-image-source: linear-gradient(180deg, #3689cc 0%, #01233e 100%);

	background: linear-gradient(180deg, #3689cc 0%, #01233e 100%);

	border: 1px solid transparent;

}



.news-home .seemorr-news:hover{

	background: none;

	color: #0d5996;

	border: 1px solid #0d5996;

}



.main-footer .info-content .about-investor span.fa,

.main-footer .info-content .about-investor .is-link,

.form-dk-footer .form-dk .submit .btn-waring,

.main-header .main-menu-header .menu-header-desktop ul li:hover > a, 

.main-header .main-menu-header .menu-header-desktop ul li.active > a{

	color: #fff;

}

.form-dk-footer .form-dk{
	padding: 10px;
}
.form-dk-footer .form-dk .form-group{
	position: relative;
	margin-bottom: 14px;
}
.form-dk-footer .form-dk .form-group span{
	position: absolute;
	font-size: 14px;
	top: 50%;
	transform: translateY(-50%);
	left: 14px;
	color: #0d5996;
	z-index: 2;
	pointer-events: none;
}
.form-dk-footer .form-dk .form-group .form-input{
	width: 100%;
	background: #fff;
	padding: 12px 14px 12px 44px;
	border: 1px solid #d9e6f5;
	color: #1c2d41;
	font-size: 16px;
	border-radius: 10px;
	box-shadow: 0 8px 16px rgba(13, 89, 150, 0.08);
}
.form-dk-footer .form-dk .form-group .form-input::placeholder{
	color: #0b2f57;
	opacity: 1;
}
.form-dk-footer .form-dk .form-group .form-input[crequired]::placeholder,
.form-dk-footer .form-dk .form-group .form-input[cregex]::placeholder{
	color: #666666;
	opacity: 1;
}
.form-dk-footer .form-dk .form-group .form-input::-webkit-input-placeholder{
	color: #8ca3c2;
	font-style: normal;
	font-size: 15px;
}
.form-dk-footer .form-dk .form-group .form-input::-moz-placeholder{
	color: #8ca3c2;
	font-style: normal;
	font-size: 15px;
}
.form-dk-footer .form-dk .form-group .form-input::-moz-placeholder{
	color: #8ca3c2;
	font-style: normal;
	font-size: 15px;
}
.form-dk-footer .form-dk .form-group .form-input:-ms-input-placeholder{
	color: #8ca3c2;
	font-style: normal;
	font-size: 15px;
}
.form-dk-footer .form-dk .submit .btn-waring{
	padding: 0 18px;
	height: 48px;
	line-height: 48px;
	color: #0b2f57;
	background: linear-gradient(90deg, #ffb347 0%, #ffec80 100%);
	border: none;
	border-radius: 10px;
	box-shadow: 0 12px 24px rgba(255, 180, 71, 0.35);
	width: 100%;
	font-weight: 800;
	letter-spacing: 0.4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form-dk-footer .form-dk .submit .btn-waring:hover{
	color: #0b2f57;
}

.bg-why{

	background: #2f6f64;

	background-size: 100%;

}

.form-input::placeholder{

	color: #0d5996;

}



.main-header .main-menu-header .menu-header-desktop ul li ul li:last-child a{

	border:none;

}



.bg_filter:after{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #2f6f64;

	z-index: 0;

}



.z-index-up{

	z-index: 2;

}



.policy .main-policy .title .text-title{

	color: #0d5996;

}
.policy .main_form{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 480px;
	max-width: 100%;
	margin-top: -220px;
	margin-left: -240px;
	border: 8px solid rgba(0, 0, 0, 0.2);
}
.policy .main_form .register{
	position: relative;
	padding: 56px 42px 30px 42px;
	background: linear-gradient(180deg, #0d5996 0%, #0b2f57 100%);
	color: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
.policy .main_form .register .form-group{
	margin-bottom: 1.1rem;
}
.policy .main_form .register .form-group .form-control{
	border: 1px solid #d9e6f5;
	height: 46px;
	padding: 10px 14px;
	width: 100%;
	font-size: 15px;
	color: #1c2d41;
	border-radius: 10px;
	box-shadow: 0 8px 16px rgba(13, 89, 150, 0.08);
}
.policy .main_form .register .form-group .form-control:focus{
	border-color: #ffec80;
	box-shadow: 0 0 0 3px rgba(255, 236, 128, 0.35);
	outline: none;
}
.policy .main_form .title-form{
	position: absolute;
	top: -30px;
	left: 10%;
	color: #0b2f57;
	width: 80%;
	line-height: 60px;
	font-weight: 800;
	font-size: 20px;
	text-align: center;
	border-radius: 12px;
	background: linear-gradient(90deg, #ffb347 0%, #ffec80 100%);
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.18);
	letter-spacing: 0.6px;
}
.policy .main_form .register .btn-submit{
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	margin: 6px auto 0;
	display: block;
	border-radius: 12px;
	width: 100%;
	background: linear-gradient(90deg, #ffb347 0%, #ffec80 100%);
	color: #0b2f57;
	font-weight: 800;
	letter-spacing: 0.5px;
	box-shadow: 0 12px 24px rgba(255, 180, 71, 0.35);
	border: none;
}
.policy .main_form .register .btn-submit:hover{
	background: linear-gradient(90deg, #ffec80 0%, #ffb347 100%) !important;
	color: #0b2f57 !important;
}



.te-pagination strong{

	border:1px solid #f2ae25;

	background: #f2ae25;

	color: #0d5996; 

}



.te-pagination a{



}



.fb-page{

	max-height: 250px;

	overflow: hidden;

	width: 100%;

	height: 100%;

}



.video_add iframe{

	position: absolute;

	top: 0;

	height: 0;

	width: 100%;

	height: 100%;

}



.utilities-hot{

	overflow-x: hidden;

}



/* .main-header .main-menu-header .menu-header-desktop ul li ul li:hover > a{

	background: linear-gradient(to right,#005689,#006b9b,#007baa,#0078a8,#00588b)

} */



.btn-seemorr{

	padding: 5px 20px;

	font-size: 14px;

	font-weight: 550;

	border-radius: 10px;

	

}



.news_title:hover{

	color: #eda821;

}





.item-new .info-new .name-new:hover{

	color: #6cbd4a;

}



.model_pro_name{

	font-family: "SVNGilroyBold";

	font-size: 25px;

	font-weight: 600;

	color: #333333;

}



.modl_content{

	font-family: "GilroyRegular", sans-serif;

	font-size: 17px;

	font-weight: 400;

	line-height: 26px;

	text-align: justify;

}



.mrg_25{

	margin: 25px 0px;

}



.row-rev{

	flex-direction: row-reverse;

}



.four_reson_content{

	

	height: 100%;

	padding: 35px 15px 15px;

	background: rgb(255 255 255);

	color: #282a2c;

	border-radius: 10px;

	

}



.img-main1{

	max-height: 680px;

}





.img-main1 img{

	

	width: 100%;

	height: 100%;

}

.reson_icon{

	margin-bottom: -50px;

	text-align: center;

}



.reson_icon img{

	width: 100px;

}



.four_reson{

	background-size: cover;

	background-repeat: no-repeat;

	background-color: #f1ae26d1;

}



.reson_name{

	font-family: 'SFUFuturaBook';

	font-size: 25px;

	color: #2f6f64;

}



.fs-16{

	font-size: 16px;

}



.row-8 > div[class^="col"] {

	padding-left: 8px;

	padding-right: 8px;

}



.row-10 {

	margin-left: -8px;

	margin-right: -8px;

}



.name-sub{

	font-family: 'SFUFuturaBook';

	font-size: 22px;

	font-weight: 300;

	line-height: 26px;

	color: #333333 ;

}



.name-sub:hover{

	color: #6cbd4a;

}



.cl_ffd {

	color: #fff;

}



.list-logo-footer img{

	filter: drop-shadow(0px 0px 8px #000000);

}



.img-mbpk{

	max-width: 1210px;

	margin: auto;

}



.logo-header img{

	filter: drop-shadow(2px 4px 6px #000);

}



.main-footer .info-content .about-investor .is-link:hover{

	color: #fff;

	text-decoration: underline !important;

}



#toast-container .toast{

	font-size: 17px !important;

}



.new-relate .item-news-relate .info-new .name-new{

	color: #000000;

}



.new-relate .item-news-relate .info-new .name-new:hover{

	color: #6cbd4a;

}



.main-header .main-logo-site .logo-header{

	z-index: 2;

	height: 100%;

}



.fixed{

	position: fixed;

}



header {

	transition: all .3s;

}



.section_menu{

	position: absolute;

	top: -70px;

	width: 5%;

	z-index:0;

}



.main-slide-banner .tns-nav{

	position: absolute;

	bottom: 0;

	width: 100%;

}



.title-new-slidebar{

	color: #2f6f64;

}



.title-new-slidebar::before{

	background: #005d93;

}



.reson_slide_item{

	height: 100%;

}







.brd_rad{

	border-radius: 10px;

	overflow: hidden;

}



.four_reson .tns-nav{

	position: absolute;

	bottom:0;

	width: 100%;

	left: 0;

	text-align: center; 

}



.four_reson .tns-nav button{

	width: 15px;

	height: 15px;

	border: 1.5px solid #0d5996;

	margin: 5px;

	background: none;

	border-radius: 50%;

	padding: 0 !important; 

}



.four_reson .tns-nav .tns-nav-active{

	background: #0d5996;

}



.footer_maps .map iframe {

	margin-top: 0;

}



.footer_maps{

	max-height: 250px;

	overflow: hidden;

	max-width: 320px;

	margin-top: 20px;

	border-radius: 5px;

	width: 100%;

}



.group_check input{

	min-width: 20px; min-height:20px

}



.group_check label{

	cursor: pointer;

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	margin: 5px 0px;

}



.footer_frm_title{

	font-size: 20px;

	color: rgb(255 255 255);

	text-transform: capitalize;

	font-family: 'SFUFuturaBook'

}



.main-section-three .m-content{

	max-width: 500px;

}



.title-section-two{

	font-size: 23px;

}



.back_to_top_btn{

	position: fixed;

	bottom: 100px;

	right: 35px;

	display: inline-grid;

	width: 40px;

	height: 40px;

	align-items: center;

	border: 1.5px solid #fff;

	border-radius: 100px;

	font-size: 25px;

	color: #ffffff;

	background: #333333;

	z-index: 887;

	padding: 0 !important;


}



.h-mat-bang .hinfo-tab .module-tabs .nav-item .nav-link{

	padding: 5px;

	border: 1px solid #fff;

	color: #fff;
}

.h-mat-bang .hinfo-tab .module-tabs .nav-item .nav-link.active{
	color: #6cbd4a !important;
}



.mt-content p,

.mt-content p span{

	font-family: "GilroyRegular",sans-serif !important;

}



@media (min-width: 991px){

	.lg-text-center{

		text-align: center;

	}



	.pb_50{

		padding-bottom: 50px;

	}

}



@media (max-width: 991px){

	#toast-container .toast{

		font-size: 15px !important;

	}



	.main-slide-banner .item-slide .img-banner img{

		max-height: 400px !important;

	}



	.mt_50{

		margin-top: 65px !important;

	}



/*	.utilities-landscaping, .four_reson, .ban-hoa-tau, .policy, .utilities-landscaping{

		background-size: contain !important;

		background-repeat: repeat !important;

	}*/



	.btn-seemorr{

		font-size: 14px !important;

		padding: 3px 15px;

	}



	.name-sub{

		font-size: 18px;

	}

}



@media(max-width: 1150px){

	.main-header .main-menu-header .menu-header-desktop ul li a{

		padding: 0px 10px;

	}



	.main-header .main-menu-header .menu-header-desktop ul li i{

		display: none;

	}



	.title-section-two{

		font-size: 21px;

	}



	.item-one-section-one .title-section-one{

		font-size: 23px;

	}

}



@media (max-width: 767px){

	#main-menu-mobile .menu_clone ul li i{

		background-color: #f0ac23; 

	}



	.fs-16{

		font-size: 14px;

	}



	.reson_name{

		font-size: 20px;

	}



	.model_pro_name{

		font-size: 20px;

	}



	.mrg_25{

		margin: 20px 0px;

	}



	#toast-container .toast{

		font-size: 14px !important;

	}



	.main-footer {

		padding: 40px 0 75px !important;

	}



	.mx_w_200{

		max-width: 200px;

	}

	.footer_maps{

		margin: auto;

	}

}



@media (max-width: 480px){

	.title-block2{

		margin-bottom: 10px;

	}



	.footer_maps{

		margin: auto;

	}



	.title-block2{

		padding: 0 !important;

		font-size: 18px !important;

	}



	.four_reson_item{

		height: 355px;

	}



	.fs-xs-16{

		font-size: 16px !important;

	}

	.main-slide-banner .item-slide .img-banner img, .main-slide-banner{

		max-height: 300px;

	}

}



.title_g{

	position: relative;

	z-index: 0;

	font-family: 'UTMYenTu';

	font-size: 45px;

	color: #fff;

	text-align: center;

	margin-bottom: 30px;



}

.title_g::after{

	content: '';

	position: absolute;

	z-index: 1;

	background: url('../images/Group-292.webp') no-repeat center 100%;

	width: 200px;

	height: 30px;

	top: 100%;

	left: 43%;

	transform: translateY(-50%);

}

.gelary{

	background: #333333;

	background-size: 100%;

}

.gelary .nav-tabs .nav-link{

	border: 0;

	background: transparent;

	color: #fff;

	opacity: 0.5;

	font-family: "SFUTrajan";

	font-size: 30px;

}

.gelary .nav-tabs .nav-link:hover{

	border: 0;

	color: #00caff;

}

.gelary .nav-tabs{

	justify-content: center;

	border-bottom: 0;

	margin-bottom: 30px;

}

.gelary .box-content{

	padding-left: 30px;

	border-left: 3px solid #fff;



}

.gelary{

	padding: 30px 0;

}

.gelary .box-content .title_n{

	font-family: 'UTMYenTu';

	font-size: 32px;

	color: #fff;

}



.gelary .box-content .s-content{

	color: #fff;

	margin-bottom: 30px;

}

.slider-banner-image .box-img{

	height: 400px;

	border-radius: 50px 0 0 50px;

	overflow: hidden;

}



.slider-banner-image .video{

	border-radius: 0;

}



.slider-banner-image img{

	width: 100%;

	height: 100%;

	object-fit: cover;



}

.slider-nav{

	padding-top: 30px;

}

.thumbImg{

	margin: 0 15px;

	height: 200px;

}

.gelary .slick-next::before{

	content: '\f0da';

	font-family: 'FontAwesome' !important;

}

.gelary .slick-prev::before{

	content: '\f0d9';

	font-family: 'FontAwesome' !important;

}



.gelary .slick-next{

	top: 0;

	left: 30%;

	border-radius: 100%;

	border: 1px solid #fff;

	padding: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.gelary .slick-prev{

	left: 0;

	top: 0;

	border-radius: 100%;

	border: 1px solid #fff;

	padding: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.gelary .nav-tabs .active{

	color: #6fba3e;

}

.slider-banner-image .video{

	height: 400px;

}



.thumbnail-image .video{

	height: 200px;

}

.slider-banner-image .video iframe,

.thumbnail-image .video iframe {

	height: 100%;

}
.btn-zalo {
	position: fixed;
	bottom: 100px;
	left: 35px;
	cursor: pointer;
	z-index: 99;
  }
  .btn-zalo span {
	display: block;
	font-size: 25px;
	width: 45px;
	height: 45px;
	margin: auto;
	border-radius: 50%;
	line-height: 45px;
	text-align: center;
	/* background: #ff0000; */
	position: relative;
	color: #fff;
  }
  .btn-zalo span img {
	width: 85%;
	border-radius: 50%;
	-webkit-animation-name: lac;
	animation-name: lac;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	margin-top: -6px;
  }