/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-main .nav > li > a {
	font-weight:700;
}

.text-title-489376 br {
	display:block;
}

.text-title-489376 {
	font-size: 28px;
	line-height: 48px;
	margin-bottom: 26px !important;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px !important;
	text-shadow: 4px 4px 4px #494949;
}

.text-title-489376 strong {
	font-size:48px;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: white;
	color: white;
}



.col-349878943576457 .wpcf7-submit,
.box-text-banner-464578568 .wpcf7-submit {
	width: 100%;
	margin: 0px !important;
}

.col-349878943576457 input,
.box-text-banner-464578568 input {
	margin-bottom:22px;
}

.tab-834694537856 ul li a{
	border: solid 1px #ba9d75;
	border-radius: 5px;
	min-width: 180px !important;
	justify-content:center;
	margin:0px 2px;
	max-height: 41px;
	height: 41px;
	font-weight:700;
	color:#ba9d75;
}

.section-346457 .tab-834694537856 ul li a {
	color:white;
	border: solid 1px white;
} 

.header-button-1 a {
	background-color:#c3ae89;
}

.row-34984957694578568 .wpcf7-submit,
.col-384674374587 .wpcf7-submit,
.col-349878943576457 .wpcf7-submit,
.box-text-banner-464578568 .wpcf7-submit,
.tab-834694537856 ul li.active a {
	color: #fff;
	background: linear-gradient(266.96deg, #b7a07c 11.68%, #ba9d75 106.52%);
	border: none;
	border-radius: 5px;
}

.row-34984957694578568 .wpcf7-submit {
	width:100%;
	margin:0px;
}

.section-398679435 .section-bg.bg-loaded {
	background-position: -800px;
	background-size: initial !important;
}

.section-954079547 .section-bg.bg-loaded {
	background-position: 800px 240px;
	background-size: initial !important;
}


form.wpcf7-form input {
	border-radius: 5px !important;
}

.img-3849943567457 {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 0px !important;
}

.col-3487534643575678 .col-inner {
	position:relative;
}

.text-368943574578 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px 20px 14px;
	width: 100%;
}

.text-368943574578 p {
	margin-bottom:0px;
}


.text-459869456 th,
.text-459869456 td {
	font-size:1em;
	border-bottom: none;
}

.text-34569845967 li {
	border-bottom:none;
}

.section-43960345 .section-content > *{
	position:relative;
	z-index:2;
}

.section-43960345 .section-content .img-34985637496 {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1
}

.section-43960345 .banner.has-hover {
	opacity:0.8;
}

.section-43960345 .banner.has-hover.is-selected {
	opacity:1;
}

.row-348956346 .col {
	padding-bottom:10px !important;
}


.section-43956894567 .section-bg.bg-loaded {
	background: fixed;
}

.text-349653784694576 p {
	margin-bottom:10px;
}

.col-349878943576457 .col-inner {
	height:100%;
}


.col-question-348697495747 .accordion-item a span {
	color:#515151 !important;
}

.row-349838496346 .accordion-item a span {
	color: #c3c3c3 !important;
}

.row-349838496346 .accordion-title.active span {
	color: white !important;
}

.row-349838496346 .accordion-title.active {
	border-color:white;
}

.col-question-348697495747 .accordion-title.active {
	border-color:black;
}

.col-question-348697495747 .accordion .active .toggle, 
.col-question-348697495747 .accordion-title.active span {
	color:black !important;
}


.row-349838496346 .accordion-title.active, 
.col-question-348697495747 .accordion-title.active {
	font-weight:400;
}

.col-question-348697495747 .accordion-title.active {
	background-color:transparent;
}

.col-question-348697495747 .toggle {
	color:#515151 !important;
}

.row-349838496346 .accordion-item .accordion-title,  
.col-question-348697495747 .accordion-item .accordion-title {
	cursor: pointer;
	margin-bottom: 7px;
	padding: 7px 0;
	display: block;
	position: relative;
	color: #fff;
	text-transform: uppercase;
	padding-right: 45px;
}


.row-349838496346 .accordion .toggle,  
.col-question-348697495747 .accordion .toggle {
	left:initial;
	right:0px;
	top: -1px;
}

.row-349838496346 .accordion-inner,
.col-question-348697495747 .accordion-inner {
	padding-left: 0px;
}

.row-349838496346 .accordion-inner {
	padding:0px;
}

.row-349838496346 .col:before,
.row-349838496346 .col:after {
	display:none;
}


.col-384674374587 .col-inner {
	/*     background-image: url(https://chungcu-vuyen.com/wp-content/uploads/2022/03/background-pattern.png); */
	height: 100%;
	border-radius: 3px !important;
	padding: 65px 30px 30px 30px !important;
	background-color: rgba(115, 88, 47, 0.756);
}

.col-349878943576457 .col-inner {
	background-color: rgba(115, 88, 47, 0.756);
}

.box-text-banner-464578568 .text-box-content {
	/* 	background-image: linear-gradient(to right, #f2ab38ba, #916a31ba); */
}

.col-384674374587 .wpcf7-checkbox {
	display:flex;
	flex-direction:column;
}

.col-384674374587 .text-lh,
.col-384674374587 .wpcf7-checkbox span,
.col-384674374587 .wpcf7-checkbox label {
	color:white;
}


.col-384674374587 .wpcf7-submit {
	width: 100%;
	margin: 0px !important;
}

.absolute-footer {
	background-color:black;
}

.absolute-footer .container {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.custom-html-4358694576 p.txt-index-payment {
	color:#ba9d75;
}

.custom-html-4358694576 .detail-payment button {
	border: 1px solid #ba9d75;
	color:#ba9d75;
}

.custom-html-4358694576 .detail-payment button:hover {
	color: #fff;
	background: #ba9d75;
}

.custom-html-4358694576 .tbl-detail-payment table thead {
	background: #ba9d75;
}

.custom-html-4358694576 select,
.custom-html-4358694576 input {
	height:48px !important;
	margin-bottom:0px;
}

.logo-center .logo {
	margin: 0 20px;
}

.scroll-to-bullets {
	display:none;
}

.col-5834689457568 form {
	background-color:#c3ae89;
	padding:20px;
	margin-top: 20px;
}

.col-5834689457568 form p {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.col-5834689457568 form .wpcf7-submit {
	margin-right:0px;
}

.col-5834689457568 form .wpcf7-spinner {
	display:none;
}

.section-459869457457 {
	padding-bottom:0px !important; 
}

.btn-detail-5467457,
.blog-983476983457457 .button.primary {
	display:flex !important;
	align-items:center;
	gap: 12px;
	color:#ba9d75;
}

.archive #post-list .post-item .is-divider,
.blog-983476983457457 .is-divider {
	background-color:black;
}

.btn-detail-5467457::before,
.blog-983476983457457 .button.primary::before {
	content: "";
	display: block;
	z-index: 1;
	width: 28px;
	height: 1px;
	background-color: #ba9d75;
}

.archive #post-list .post-item .post-title a,
.blog-983476983457457 .post-title a {
	color:#ba9d75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.archive #post-list .post-item .badge,
.blog-983476983457457 .badge {
	min-width: 60px;
	min-height: 60px;
	top: 0;
	left: 15px;
}

.archive #post-list .post-item .badge .badge-inner,
.blog-983476983457457 .badge .badge-inner {
	background-color: #ba9d75;
	color:white;
	border: none;
	padding: 10px 15px;
}

.archive #post-list .post-item .badge .post-date-day,
.blog-983476983457457 .badge .post-date-day {
	font-size: 40px;
	margin-bottom: 10px;
}

.archive #post-list .post-item .badge .post-date-month, 
.blog-983476983457457 .badge .post-date-month {
	font-size: 20px;
	line-height: 1.6;
}

.archive .archive-page-header h1.page-title{
	display:none;
}

.archive .large-10 {
	flex-basis: 100%;
	max-width: 100%;
}

.blog-wrapper .entry-title {
	text-align: center;
	color:#ba9d75;
}

.blog-single .entry-header-text {
	padding-bottom: 0;
}

.archive .is-divider,
.post-template-default .is-divider {
	background-color: #333333;
}

.post-template-default .post-sidebar .ux-search-submit {
	background: linear-gradient(266.96deg, #b7a07c 11.68%, #ba9d75 106.52%);
}

.section-954079547 ul li:before {
	color: #ba9d75;
}

.row-34984957694578568 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translatex(-44%) translatey(-50%);
	min-width: 25%;
	max-width: 1110px !important;
}

.back-to-top {
	display:none !important;
}

.slide-45645758568 .flickity-page-dots {
	display:none;
}

#popmake-625 {
	padding: 2px;
	border-radius: 5px;
}  

#popmake-625 .pum-close.popmake-close {
	top: 3px;
	margin: 0px;
	right: 3px;
	line-height: 18px;
	opacity: 0.5;
}

#popmake-625 .pum-close.popmake-close:hover {
	opacity:1;
}

#popmake-625 form {
	margin-bottom:0px;
}

#popmake-625 .col-384674374587 .col-inner {
	height: 100%;
	border-radius: 3px !important;
	padding: 16px 30px 0px 30px !important;
	background-color: rgba(115, 88, 47, 0.756);
}

#popmake-625 .wpcf7-submit:hover {
	background:initial;
	background-color:black;
	transition:0.4s all linear;
}

.slide-3689346457 .img {
	margin-bottom:0px !important;
}

.wpcf7-response-output {
	color:white;
	margin-top: 0px !important;
}




/* responsive *******************************************************************************************************************/

@media only screen and (max-width: 850px) {
	.header-main {
		height: 70px !important;
	}
	
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0px;
}


	#logo img {
		max-height: 70px !important;
	}

	.tab-834694537856 ul  {
		flex-wrap:nowrap;
		overflow:auto;
		align-items: start;
		justify-content: flex-start;
	}

	.tab-834694537856 .col {
		padding-bottom:0px !important;
	}

	.section-954079547 .section-bg.bg-loaded {
		background-position: 50% 50%;
	}

	.col-5834689457568 form p {
		grid-template-columns: repeat(2, 1fr);
	}

	.row-458678459756888 {
		flex-direction:column-reverse;
	}

	.col-458678888888 {
		background:url(/wp-content/uploads/2024/12/icon-pattern-light-2.png);
		background-size:120% 120%;
		background-repeat:no-repeat;
	}

	.slide-45645758568 .flickity-prev-next-button {
		display: block !important;
		opacity: 1 !important;
	}






}


@media only screen and (max-width: 550px) {

	#popmake-625 {
		width: 76%;
		left: 50% !important;
		transform: translateX(-50%);
	}

	.row-34984957694578568 {
		position: absolute;
		top: 50%;
		left: 51%;
		transform: translatex(-44%) translatey(-50%);
		min-width: 0%;
		max-width: 200px !important;
	}

	.text-title-489376 {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 5px !important;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 10px !important;
	}

	.text-title-489376 strong {
		font-size: 24px;
	}

	.wpcf7-spinner {
		display:none;
	}

	.row-34984957694578568 .col{
		padding-bottom:0px !important;
	}

	.row-34984957694578568 form.wpcf7-form input {
		height: 26px;
		font-size: 11px;
	}




	.slide-3689346457 .y20 {
		top: 11%;
	}

	.row-348956346.row-6457568 {
		flex-direction: column-reverse;
	}

	.row-348956346 .col {
		padding-bottom:0px !important;
	}

	.row-348956346 .col .gap-element {
		padding-top: 10px !important;
	}

	.col-5834689457568 form p {
		grid-template-columns: repeat(1, 1fr);
	}

	.box-text-banner-464578568 input {
		margin-bottom: 16px;
		height: 34px;
		font-size: 14px;
	}

	.box-text-banner-464578568 {
		width: 60% !important;
		left:50%;
		transform:translatex(-50%);
	}

	.section-4356845798567 .section-title b {
		display:none;
	}

	.custom-html-4358694576 p.txt-index-payment {
		font-size: 28px;
	}

	.custom-html-4358694576 .detail-payment button {
		line-height: 14px;
		min-height: 0em;
	}

	.col-question-348697495747 .accordion-item a span {
		font-size: 15px;
	}

	.col-4539868568686 {
		padding: 0px 9.8px !important;
		margin-top: 20px;
	}

	.row-349593469346 .col {
		padding-left: 15px;
		padding-right: 15px;
	}


	#popmake-625 .col-4539868568686 {
		padding: 0px !important;
		margin-top: 0px;
	}


	#popmake-625 form {
		margin-bottom: 24px;
	}

	#popmake-625 .col-384674374587 .col-inner {
		padding: 16px 13px 0px 13px !important;
	}



}


@media only screen and (max-width: 380px) {
	.text-title-489376 strong {
		font-size: 18px;
	}

	.text-title-489376 {
		font-size: 13px;
		line-height: 20px;
	}

	.row-34984957694578568 form.wpcf7-form input {
		height: 20px;
		font-size: 8px;
	}
}








































.phone-mobile a {
	margin-right:0px;
}
.giuseart-nav {
	position: fixed;
	right: 13px;
	background: #fff;
	border-radius: 5px;
	width: auto;
	z-index: 150;
	bottom: 50px;
	padding: 10px 0;
	border: 1px solid #f2f2f2;
}
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;}
.giuseart-nav ul li {list-style: none!important;}
.giuseart-nav ul>li a {
	border:none;
	padding: 3px;
	display: block;
	border-radius: 5px;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	color: #515151;
	font-weight: 700;
	max-width: 72.19px;
	text-decoration: none;
}
.giuseart-nav ul>li .chat_animation{display:none}
.giuseart-nav ul>li a i.ticon-heart {
	background: url(/wp-content/uploads/2024/12/icon-map.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	display: block;
}
.giuseart-nav ul>li a i.ticon-zalo-circle2 {
	background: url(/wp-content/uploads/2024/12/icon-zalo-circle2.png.pagespeed.ce_.iUc59tfITH.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	display: block;
}.giuseart-nav li .button {
	background: transparent;
}.giuseart-nav li .button:hover{
	box-shadow:initial;
	color: #515151;
}.giuseart-nav ul>li a i.ticon-angle-up {
	background: url(/wp-content/uploads/2024/12/icon-angle-up.png.pagespeed.ce_.NGU5VowWiC.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	display: block;
}.giuseart-nav ul>li a i {
	width: 33px;
	height: 33px;
	display: block;
	margin: auto;
}
.giuseart-nav ul li .button .btn_phone_txt {
	font-size: 10px;
	font-weight: bold;
	text-transform: none;
}
.giuseart-nav ul li .button .phone_animation i {
	display: inline-block;
	width: 27px;
	font-size: 26px;
	margin-top: 12px;
}.giuseart-nav ul>li a.chat_animation svg {
	margin: -13px 0 -20px;
}
.giuseart-nav ul>li a i.ticon-messenger {
	background: url(/wp-content/uploads/2024/12/icon-messenger.png.pagespeed.ce_.sSebhnGGgP.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	display: block;
}.giuseart-nav ul li .button .phone_animation i {
	display: inline-block;
	width: 20px;
	font-size: 26px;
	margin-top: 12px;
}
.giuseart-nav ul>li a i.ticon-chat-sms {
	background: url(/wp-content/uploads/2024/12/icon-sms-1.jpg) no-repeat;
	background-size: contain;
	width: 38px;
	height: 36px;
	display: block;
}
.giuseart-nav ul>li a i.icon-phone-w {
	background: url(/wp-content/uploads/2024/12/icon-phone-w.png) no-repeat;
	background-size: contain;}
.giuseart-nav li .button .phone_animation {box-shadow: none;
	width: 43px;
	height: 43px;
	border-radius: 100%;
	background: #6cb917;
	line-height: 15px;
	border: 2px solid white;
}
.giuseart-nav ul li:last-child {
	margin-bottom:0px;
}

.giuseart-nav .phone-mobile a .phone_animation,
.giuseart-nav ul>li a i {
	animation: phone-vr-circle-fill 1s infinite ease-in-out;	
}

.giuseart-nav .to-top-pc a i,
.giuseart-nav .phone-mobile a i   {
	animation:initial;
}

@keyframes phone-vr-circle-fill {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

}

@media only screen and (max-width: 650px) {
	.giuseart-nav li .button .phone_animation {
		width: 34px;
		height: 34px;
	}
	.giuseart-nav ul>li a i.ticon-messenger,
	.giuseart-nav ul>li a i.ticon-zalo-circle2 {
		width: 30px;
		height: 30px;
	}

	.giuseart-nav ul li .button .phone_animation i {
		width: 16px;
		margin-top: 9px;
	}

	.giuseart-nav ul>li a i.ticon-angle-up {
		width: 24px;
		height: 24px;
	}

	.giuseart-nav ul>li a {
		max-width: 60px;
	}

}