/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#header {
	.header-wrapper {
		.header-top {
			padding-top:8px;
		}
		.header-nav.nav>li>a {
			color: #683600;
		}
		.header-search-form {
			box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
    		border-radius: 6px;
			background:#fff;
			.searchform {
				>.relative {
					flex-direction:row-reverse;
				}
				.button.icon {
					color:#9C6A37!important;
					padding-right:0;
				}
				.search-field {
					border-radius:0;
					padding-left:0;
					color:#9C6A37!important;
					&::placeholder {
						color:#9C6A37!important;
					}
				}
			}
			.searchform-wrapper.form-flat .flex-col:last-of-type {
				margin-left:0;
			}
		}
		.header-button-1 .button {
			box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
			background:#fff;
			color:#9C6A37;
			border:none;
		}
	}
}
.kt-post-wrapper.loading:before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255,255,255,.6);
	z-index: 9;
}
.source_list {
	.source_doc {
		background:#fff;
		border:1px solid #E9EAEB;
		margin-bottom:30px;
		.stack {
			width:100%;
			border-bottom:1px solid #E9EAEB;
		}
		.btn_white {
			margin:20px!important;
		}
		.box_right  {
			h3 {
				text-transform:none;
			}
			
		}
	}
}
.timeline_doc {
	h4 {
		font-size:14px!important;
	}
	>.col {
		>.col-inner,
		.img,
		.img .img-inner,
		.img .img-inner img{
			height:100%;
		}
	}
}
.icon-box-img {
	.icon {
		.icon-inner {
			display:flex;
		}
	}
}
.graphic_list {
	.graphic_item {
		margin-bottom:30px;
		>.col-inner {
			background:#fff;
			border:1px solid #E9EAEB;
			border-radius:16px;
		}
		.graphic_bottom {
			.btn_white {
				margin:20px;
			}
		}
		.graphic_top {
			padding:20px;
			border-bottom:1px solid #E9EAEB;
			.img {
				border:1px solid #E9EAEB;
				border-radius:8px;
				padding:5px;
				overflow:hidden;
			}
			h3 {
				padding-left:10px;
				color:#181D27;
			}
			.stack {
				margin-left:10px;
				.icon-box-img {
					width:16px!important;
				}
				.icon-box-text {
					padding-left:8px;
				}
			}
		}
	}
}
.hoithao_list {
	.timeline_doc {
		background:#fff;
		border:1px solid #E9EAEB;
		margin-bottom:30px;
		.img {
			border-radius:12px; 
			overflow:hidden;
		}
		.box_right  {
			h3 {
				margin-bottom:5px;
			}
			h4 {
				margin:0;
				font-size:16px!important;
			}
			
		}
		.icon-box.btn_doc {
			margin:20px 0 20px 20px;
			display:inline-flex;
			align-items:center;
			border-radius: 8px !important;
			width:auto;
			border: 1px solid #D5D7DA;
			color: #414651;
			background: #fff;
			box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
			padding:4px 12px;
			.icon-box-text {
				padding-left:5px;
			}
		}
	}
}
.benh_list {
	.box {
		border:1px solid #E9EAEB;
		border-radius:16px;
		overflow:hidden;
		.box-text {
			padding:20px;
			.btn_white {
				margin-bottom:0;
			}
		}
	}
}
.filter_kienthuc {
	display:inline-block;
	background:#FAFAFA;
	border:1px solid #E9EAEB;
	border-radius:12px;
	margin-bottom:30px;
	>button {
		margin:0;
		border:1px solid transparent;
		border-radius:8px;
		&.active {
			border: 1px solid #D5D7DA;
		}
	}
}
.comments-area {
	border-radius:16px;
	overflow:hidden;
	#submit {
		border-radius:8px;
		overflow:hidden;
		font-weight:500;
	}
}
.blog-single {
	.post-date {
		display:none;
	}
	.entry-divider {
		margin:15px auto;
	}
	.entry-meta {
		text-align:center;
	}
	.entry-title {
		color:#9C6A37 ;
		font-weight:900;
		text-align:center;
	}
	.entry-image {
		border-radius:16px;
		overflow:hidden;
	}
}
.timeline_block {
	.timeline_vande {
		border-radius:0 4px 4px 0;
		.icon {
			img {
				padding:0;
			}
		}
		.icon-box-text {
			padding-left:8px;
		}
		display:flex;
		align-items:center;
		background:#FFEBEE;
		padding: 8px 10px;
		border-left:4px solid #F04438;
		margin-bottom:15px;
	}
}
.timeline_doc {
	border-radius:16px; 
	overflow:hidden;
	border: 1px solid #d4a05642;
    background: #d4a05624;
	iframe {
		border-radius:12px;
		overflow:hidden;
	}
	.box_right {
		padding:15px;
		h3 {
			text-transform:uppercase;
		}
		h4 {
			text-transform:none;
		}
	}
	.stack {
		border-bottom:1px solid #d4a05642;
		padding:0 15px 20px;
		.icon-box {
			width:auto;
			display:flex;
			align-items:center;
			.icon-box-text {
				padding-left:5px;
			}
			.icon img {
				padding:0;
				height:15px; 
				object-fit:contain;
			}
		}
	}
	.btn_white {
		margin:15px;
	}
}
.timeline_count {
	border-radius:16px; 
	overflow:hidden;
	border: 1px solid #d4a05642;
    background: #d4a05624;
	padding:15px;
	.item {
		h1 {
			color:#EAB317;
			font-weight:900;
			font-size: 42px;
    		line-height: 1.2;
		}
		p {
			color:#181D27;
			margin:0;
			font-size:20px;
		}
	}
}
.timeline_list {
	.icon-box {
		border:1px solid #E9EAEB;
		padding:15px;
		border-radius:16px;
		position:relative;
		&:before {
			
		}
		.icon {
			border-radius:12px;
			overflow:hidden;
		}
		.icon-box-text {
			h3 {
				color:#181D27;
				margin-bottom:15px;
			}
		}
	}
}
.result_item {
	margin-bottom:30px;
	h3 {
		color:#181D27;
		margin:0;
	}
	.time {
		display:inline-block;
		border: 1px solid #d4a05642;
		background:#d4a05624;
		color:#9C6A37;
		padding:5px 15px 5px 2px;
		font-size:11px;
		margin:10px 0;
		border-radius:99px; 
		>span {
			padding:4px 8px;
			border-radius:99px; 
			border: 1px solid #d4a05642;
			margin-right:4px;
			background:#fff;
		}
	}
	.icon-box {
		display:flex; 
		align-items:center;
		.icon-box-text {
			padding-left:5px;
		}
		.icon-box-img {
			.icon img {
				height:14px; 
				padding:0;
				object-fit:contain;
			}
		}
	}
}
.filter_block {
	margin-bottom:30px;
	.title {
		font-weight:500;
		color:#9C6A37;
		margin-bottom:15px;
		text-transform: none;
	}
	>button {
		border:1px solid #D5D7DA;
		border-radius:8px;
		font-weight:500;
		color:#414651;
		margin-right:10px;
		margin-bottom:10px;
		&.active {
			color:#fff;
			border:1px solid #D4A056;
			background:#D4A056;
		}
	}
}
.ux-relay--pagination .ux-relay__pagination {
	>li {
		margin-left:10px;
	}
}
.kt-post-wrapper.loading:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	margin: -20px 0 0 -20px;
	border: 3px solid #ddd;
	border-top-color: #9C6A37;
	border-radius: 50%;
	animation: ktSpin .8s linear infinite;
	z-index: 10;
}

@keyframes ktSpin {
	to { transform: rotate(360deg); }
}

.product_call_action {
	.button {
		width:100%;
		display:flex; 
		align-items:center;
		justify-content:center;
		gap:8px;
		border-radius:6px;
		&.call_tech {
			margin-bottom:12px;
			border: 2px solid #FFFFFF1F;
		}
		&.call_sale {
			border:1px solid #D5D7DA;
			background:#fff!important;
			color:#414651!important;
		}
	}
}
.product-small {
	.price-wrapper {
		display:none;
	}
}
.product-footer {
	.related-products-wrapper {
		margin-bottom:50px;
		border:none;
		.product-section-title {
			font-size: 24px !important;
            color: #9C6A37;
            font-weight: 900 !important;
            line-height: 1.5;
            margin: 10px 0 15px;
            text-transform: none;
		}
	}
	.woocommerce-tabs {
		display:flex; 
		flex-direction:row-reverse;
		border:none;
		.gallery {
			margin: 0 -15px;
		}
		.wb_cptb_title {
			font-size: 22px;
            margin-bottom: 18px;
		}
		.section {
			padding:0!important;
		}
		>ul {
			>li {
				border-top:none!important;
				>a {
					padding:12px 15px;
					font-weight:500;
					color:#717680;
					&:before {
						background:#EAB317;
						right:unset;
						left:0;
					}
				}
				&.active {
					>a {
						color:#EAB317;
					}
				}
			}
		}
		.tab-panels {
			border:none;
			padding: 0;
		}
	}
}
.header-nav-main {
	>li {
		&:before {
			display:none;
		}
		>a {
			font-size:1em;
		}
	}
	.sub-menu {
		padding: 8px;
		border: none;
		border-radius: 16px;
		min-width:300px;
/* 		opacity:1;
		left:-15px;
		visibility:visible; */
		>li {
			padding: 5px 12px;
			border-radius:16px;
			&:hover {
				background:#FAFAFA;
			}
			>a {
				font-weight:500;
				color:#181D27;
				border:none;
				display:block;
				position:relative;
				margin:0;
				>img {
					margin-right:8px;
				}
			}
			&:nth-child(1) {
				>a {
					&:after {
						content:"Giúp tìm kiếm kiến thức không nhầm lẫn, lan man."
						display: block;
                        font-size: 13px;
					}
				}
			}
		}
	}
}
.product-main {
	.woocommerce-breadcrumb,
	.price-wrapper,
	.cart{
		display:none;
	}
	.product-images,
	.product-thumbnails .flickity-slider a{
		border-radius:16px; 
		overflow:hidden;
	}
	.product-title {
		font-weight:900;
		color:#333333;
	}
	.product-short-description {
		ul {
			list-style:none;
			>li {
				position:relative;
				padding-left:25px;
				font-weight:500;
				margin:0;
				margin-bottom:20px;
				&:before {
					position: absolute;
					content: url("/wp-content/uploads/2026/01/fas6-span.png");
					top:2px;
					left:0;
					z-index:1;
				}
				&:last-child {
					margin-bottom:0;
				}
			}
		}
	}
}
.home {
	#header {
		position:fixed;
		top:0;
		left:0;
		.header-wrapper {
			box-shadow:none;
			border:1px solid #fff;
			&.stuck {
				background:#fff;
				box-shadow:1px 1px 10px rgba(0, 0, 0, .15);
			}
			.header-top {
				background:transparent!important;
			}
			.header-bg-color {
				background:transparent!important;
			}
		}
	}
}
.button.btn_white {
	border-radius:8px!important;
	border:1px solid #D5D7DA;
	color:#414651;
	background:#fff;
	box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
}
.button {
	font-weight:500!important;
	display:inline-flex;
	align-items:center;
}
.coche_vaitro,
.coche_step {
	.icon-box {
		h3 {
			font-weight:500;
		}
	}
}
.coche_step {
	.step_count {
		>.col {
			>.col-inner {
				height:100%;
			}
			&:nth-child(1) {
				.icon-box {
					&:before {
						content:"1";
					}
				}
			}
			&:nth-child(2) {
				.icon-box {
					&:before {
						content:"2";
					}
				}
			}
			&:nth-child(3) {
				.icon-box {
					&:before {
						content:"3";
					}
				}
			}
			&:nth-child(4) {
				.icon-box {
					&:before {
						content:"4";
					}
				}
			}
		}
	}
	.icon-box {
		background:#fdfbf6;
		height:100%;
		border-radius:16px;
		padding:15px;
		position:relative;
		&:before {
			content:"";
			font-weight:500;
			font-size:200px;
			line-height:1;
			position: absolute;
			top:0px;
			right: 10px;
			z-index:1;
			background: linear-gradient(180deg, rgba(221, 221, 221, 0.65) 0%, rgba(255, 255, 255, 0.65) 100%);
			-webkit-background-clip: text;
			color: transparent;
		}
		.icon-box-text {
			position:relative;
			z-index:9;
		}
		.icon-box-img {
			margin-bottom:20px;
		}
	}
}
.common_title {
	position:relative;
	&:before {
		content:"";
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background: #59420078;
		z-index:1
	}
	.col {
		padding-bottom:0;
		h1 {
			font-weight:500;
		}
		p {
			margin:0;
		}
	}
	.section-bg {
		filter: blur(5px);
	}
}
.step_text_box {
	.step_text {
		border-left:4px solid #F5F5F5;
		padding:12px 20px;
		&:first-child {
			border-left:4px solid #EAB317;
			background: linear-gradient(90deg, rgba(234, 179, 23, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
			h3 {
				color:#9C6A37;
			}
		}
		h3 {
			font-weight:500;
			color:#181D27;
		}
		p {
			margin:0;
		}
	}
}
h3, h2, h4, h5 {
	font-weight:500!important;
}
.title_main {
	.col {
		padding-bottom:0;
	}
	h4 {
		font-size:12px;
		color:#EAB317;
		text-transform:uppercase;
		font-weight:700;
	}
	h1 {
		font-size:24px;
		color:#9C6A37;
		font-weight:700;
		line-height:1.5;
		margin:10px 0 15px;
	}
	p {
		color:#535862;
		margin:0;
	}
}
.home_form {
	h1 {
		font-weight:500;
	}
	.everest-form {
		.evf-submit-container  {
			.evf-submit {
				width:100%;
				height:48px;
				justify-content:center;
				border-radius:8px;
				background:#9C6A37!important;
				border:none!important;
				color:#fff!important;
			}
		}
		.evf-field-container {
			.evf-field {
				.evf-field-label {
					font-weight:500;
				}
				input, textarea {
					padding:10px 12px;
					border:1px solid #D5D7DA;
					border-radius:8px;
				}
			}
		}
	}
}
.home_intro_news {
	background: #fdfaf6;
	position: relative;
	&.bg_bottom {
		padding-bottom:0!important;
		+section {
			padding-top:80px!important;
		}
		&:after {
			content:url("/wp-content/uploads/2026/01/Container.png");
			position:absolute;
			top:100%;
			left:0;
			right:0;
			z-index:9;
		}
	}
}
.button_white {
	box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
	background: #fff;
	color: #9C6A37;
	border: none;
	border-radius:6px;
}
.home_product {
	.stack {
		margin: 20px 0;
		gap:12px;
		.icon-box {
			width:auto;
			align-items:center;
		}
		.img {
			width:auto!important;
			img {
				height:50px;
				object-fit:contain;
			}
		}
	}
}
.bg_yellow {
	background: #FCEDD0;
	position: relative;
	&.bg_top {
		&:before {
			content:url("/wp-content/uploads/2026/01/Container-1.png");
			position:absolute;
			bottom:calc(100% - 8px);
			left:0;
			right:0;
			z-index:9;
		}
	}
	&.bg_bottom {
		padding-bottom:0!important;
		+section {
			padding-top:80px!important;
		}
		&:after {
			content:url("/wp-content/uploads/2026/01/Container-1-1.png");
			position:absolute;
			top:100%;
			left:0;
			right:0;
			z-index:9;
		}
	}
}
.bg_yellow_tiny {
	background: #fdfbf6;
	position: relative;
	&.bg_top {
		&:before {
			content:url("/wp-content/uploads/2026/01/ImageBackground.png");
			position:absolute;
			bottom:calc(100% - 8px);
			left:0;
			right:0;
			z-index:9;
		}
	}
	&.bg_bottom {
		padding-bottom:0!important;
		+section {
			padding-top:80px!important;
		}
		&:after {
			content:url("/wp-content/uploads/2026/01/Container-2.png");
			position:absolute;
			top:100%;
			left:0;
			right:0;
			z-index:9;
		}
	}
}
.coche_support_box {
	>.col {
		>.col-inner {
			border-radius:16px; 
			overflow:hidden;
			padding:25px;
		}
	}
}
.coche_support {
	>.col {
		padding-bottom:0!important;
		p {
			margin:0;
		}
		h3 {
			font-weight:500;
			color:#9c6a37;
		}
	}
}
.coche_giayphep {
	.box {
		border-radius:16px;
		overflow:hidden;
		.box-text {
			color:#fff!important;
			text-shadow:none!important;
			text-align:left;
			 bottom: 20px;
			left: 20px;
			right: 20px;
			width: auto;
			background: var(--Component-colors-Alpha-alpha-white-30, #FFFFFF4D);
			border: 1px solid var(--Component-colors-Alpha-alpha-white-30, #FFFFFF4D);
			backdrop-filter: blur(24px);
			border-radius:16px;
			h3 {
				font-weight:500;
			}
			p {
				margin:10px 0;
				color:#fff!important;
			}
			a {
				width:100%;
				margin:0;
				color:#9C6A37!important;
				border-radius:8px!important;
			}
		}
	}
}
.about_congnghe {
	.box {
		border-radius:16px;
		overflow:hidden;
		img {
			aspect-ratio: 4/5;
			object-fit:cover;
		}
		.box-text {
			color:#fff!important;
			text-shadow:none!important;
			text-align:left;
			width: 100%;
			background: var(--Component-colors-Alpha-alpha-white-30, #FFFFFF4D);
			backdrop-filter: blur(24px);
			p {
				margin:0;
				color:#fff!important;
			}
		}
	}
}
.product-small {
	.box-image {
		border-radius:16px;
		overflow:hidden;
		background:#d4a05652;
	}
	.box-text {
		.title-wrapper {
			display:flex;
			flex-direction:column-reverse;
			.category {
				text-transform: unset;
				color:#EAB317;
				font-size:13px;
				font-weight:300;
			}
			.product-title {
				>a {
					font-size:16px;
					color:#181D27;
					font-weight:500;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					display: block;

				}
			}
		}
	}
}
.h-100 {
	>.col {
		>.col-inner {
			height:100%;
			.icon-box {
				height:100%;
			}
		}
	}
}
.contact_map iframe {
	border-radius:16px; 
	overflow:hidden;
}
.contact_social .stack {
	.icon-box {
		width:100%;
		h3 {
			margin:0;
		}
	}
}
.contact_info {
	.icon-box-text {
		a { 
			color: #535862!important;
			>i {
				color: #9C6A37!important;
			}
		}
	}
}
.about_chuyengia {
	.icon-box {
		background: #fdfbf6;
        height: 100%;
        border-radius: 16px;
        padding: 15px;
        position: relative;
		.icon-box-text {
			h3 {
				color:#181D27;
				font-weight:900;
				margin:0;
			}
			h5 {
				color:#9C6A37;
				font-weight:300!important;
				margin-bottom:10px;
			}
		}
		
	}
}
.home_video {
	margin-top:30px;
	background:#EAB317FA;
	border-radius:16px;
	overflow:hidden;
	.video_text {
		padding:30px;
		color:#fff;
		h1 {
			font-weight:500;
			color:#fff;
			margin-bottom:30px;
		}
	}
}
.home_cate {
	.icon-box-img {
		margin-bottom:0!important;
		.icon {
			width:64px;
			height:64px;
			display:flex;
			align-items:center;
			justify-content:center;
			border:1px solid #E9EAEB;
			border-radius:16px;
			box-shadow: 0px 0px 0px 1px #0a0d1217 inset;
			background:#fff;
		}
	}
	.icon-box-text {
		margin-top:-30px;
		background:#FDFBF6;
		border-radius:8px;
		padding: 45px 15px 15px;
		h3 {
			font-weight:500;
			color:#9C6A37;
		}
	}
}
.twentytwenty-wrapper {
	border-radius:16px;
	overflow:hidden;
	img {
		aspect-ratio:2/1;
		object-fit:cover;
	}
}
.absolute-footer {
	display:none;
}
.footer_register {
	padding-bottom:0!important;
	p {
		margin:0;
	}
	.everest-forms {
		.evf-container {
			margin:0;
			.everest-form {
				margin:0;
			}
			input {
				padding: 10px 12px;
				border: 1px solid #D5D7DA;
				border-radius: 8px;
				margin:0;
			}
		}
		.evf-submit-container {
			padding:0;
			.evf-submit {
                height: 44px;
                justify-content: center;
                border-radius: 8px;
                background: #9C6A37 !important;
                border: none !important;
                color: #fff !important;
				margin:0!important;
            }
		}
	}
}
.footer_menu {
	.section-title-container {
		margin-bottom:10px;
		.section-title {
			border:none;
			margin:0;
			.section-title-main {
				border:none;
				padding:0;
			}
		}
	}
}
.widget_custom_html {
	margin:0;
}
.footer {
	padding:0;
	>.row {
		max-width:100%;
		>.col {
			padding:0;
			
		}
	}
	.section {
		>.section-content {
			display:flex; 
			justify-content:center;
			align-items:center;
			flex-direction:column;
			>.row {
				width:100%;
			}
		}
	}
}
.box-vertical {
	.box-text {
		padding-top:0;
		vertical-align:top;
	}
}
.news_intro {
	.post-item {
		margin-bottom:30px;
	}
}
.post-item {
	.box-image .image-cover {
		border-radius:16px;
		overflow:hidden;
	}
	.is-divider {
		display:none;
	}
	.tag-label, 
	.cat-label{
		color: #9C6A37;
		opacity:1;
        border: 1px solid #D4A056;
        padding: 3px 12px;
        border-radius: 999px;
        background: none!important;
        display: inline-flex;
        align-items: center;
		margin: 0;
    	padding-top: 5px;
		font-weight:500;
	}
	.post-meta {
		margin:5px 0;
	}
	.post-title {
		margin:5px 0;
		a {
			font-weight:500;
		}
	}
}
.home_result {
	.icon-box {
		.icon-box-img {
			.icon {
				width:48px;
				height:48px;
				background:#d4a05645;
				border-radius:50%;
				display:flex;
				align-items: center;
				justify-content:center;
			}
		}
		.icon-box-text {
			h2 {
				font-weight:500;
				color:#181D27;
			}
			ul {
				list-style:none;
				>li {
					position:relative;
					margin-bottom:20px;
					padding-left:35px;
					&:before {
						position: absolute;
						content: url("/wp-content/uploads/2026/01/check-circle.png");
						top:-2px;
						left:0;
						z-index:1;
					}
					&:last-child {
						margin-bottom:0;
					}
				}
			}
		}
	}
}
.coche_thucnghiem {
	h3 {
		font-weight:900;
		color:#181D27;
	}
	ul {
		list-style:none;
		>li {
			position:relative;
			margin-bottom:20px;
			padding-left:35px;
			color:#EAB317;
			font-weight:500;
			&:before {
				position: absolute;
				content: url("/wp-content/uploads/2026/01/check-circle-1.png");
				top:-2px;
				left:0;
				z-index:1;
			}
			&:last-child {
				margin-bottom:0;
			}
		}
	}
}