/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: HiroshiLord
Template: flatsome
Version: 3.0
*/
/* MENU */
/* .nav-dropdown > li.nav-dropdown-col {
	display: block;
}
.nav-dropdown {
	border: 1px solid #ddd;
	padding: 0;
} */
.row-filter .search_form{
	height:40px;
}
.dule_search{
	background:var(--fs-color-primary);
	width:100%;
	color:#fff!important;
}
.link-footer-line {
	padding-left:5px;
	font-weight:600;
}
.line-footer-bottom{
	padding-left:5px;
}
/* Custom thêm */
.header-nav ul li a {
	transition: all 500ms ease;
	position: relative;
}
.header-nav > ul > li a::before {
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	content: "";
	margin: 15px 0;
	width: 0px;
	opacity: 0;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}
.header-nav ul > li:hover > a {
	padding-left: 15px;
}
.header-nav > ul > li:hover a:before {
	opacity: 1;
	width: 5px;
	background: #1dade5;
}
.menu-item-has-children {
	.sub-menu {
		padding:15px 0!important;
	}
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0;
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	margin: 12px 0;
	text-align: right;
	z-index: 5;
	transition:all 200ms linear;
	transition-delay:0.1s
}
.img-box-general:hover .box-image> div::after {
	top: 9px;
	transition:all 0.3s;
	left: 8px;align-content
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:transparent}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#fbae3c}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
	margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
	left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.header-nav .active>ul.children, .active>ul.sub-menu:not(.nav-dropdown) {
	display: none !important;
}
/* END MENU */
:root {
	--link-color: #1dade5;
}
.section-banner-product ul li {
	list-style: none;
}
.is-divider {
	display: none;
}
.section-title-container b {
	display: none;
}
.section-title-normal,
.section-title-normal span {
	border-bottom: none;
}
.section-banner-product ul li i {
	padding-right: 10px;
}
.section-banner-product ul li:hover i {
	color: var(--fs-color-primary);
}
/* Custom Category Products */
.custom-category-home .box-category {
	box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 2;
	padding: 20px;
	border-radius:8px;
}
.custom-category-home .box-category::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	content: "";
	z-index: -1;
	background: #1DADE5;
}
.custom-category-home .box-image {
	padding: 30px;
}
.custom-category-home .box-text::after {
	position: absolute;
	left: 38%;
	bottom: -90%;
	content: "\2b";
	width: 45px;
	height: 45px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	z-index: 10;
	opacity: 0;
	position: absolute;
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	transition: all 500ms linear;
	transition-delay: 0.2s;
	box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
}
.custom-category-home .box-category:hover .box-text::after {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.custom-category-home .box-category:hover .box-text:hover::after {
	color: white;
	background-color: #1dade5;
}
.custom-category-home .box-category .box-image:hover img {
	border-radius:99px;

}
.custom-category-home .box-category::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #FFF9E6;
	transition: 0.5s;
	transform: perspective(400px) scaleX(0);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	border-radius:8px;
}
.custom-category-home .box-category:hover:after {
	opacity: 1;
	transform: perspective(400px) scaleX(1);
	z-index: 8;
}
.custom-category-home .box-category:hover .header-title {
	color: #333;
}
.custom-category-home .col-inner .image-cover,
.custom-category-home .box-text-inner {
	z-index: 9 !important;
	position: relative;
}

/* END CUSTOM CATEGORY */
.btn-white,
.btn-white span {
	border-color: white !important;
	color: #333 !important;
}

.btn-white:hover::before {
	opacity: 1;
	transform: scale(1) rotateX(0deg);
	transition: 0.4s linear;
}
.btn-white:hover span {
	color: #fff !important;
	z-index: 2;
	position: relative;
}

.btn-white::before {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 0;
	content: "";
	transform: scale(0.5) rotateX(45deg);
	background: rgb(12, 21, 41) !important;
	border-radius: 0px;
	transition: 0.2s linear;
}
.section-solution .box-text,
.section-solution .box-text .post-title {
	color: #333;
}
.custom-test-k {
	position: relative;
	display: block;
	margin-left: -110px !important;
	padding-top: 60px;
	padding-bottom: 280px;
	min-width: 470px;
}
.custom-layout-col .button {
	transform: translate(-50%, -280px);
}
.custom-layout-col .img {
	width: 600px !important;
	z-index: 1;
	transform: translate(-70px, -25px) !important;
}
.section-solution .section-content {
	max-height: 900px;
}
.section-key-solution {
	margin-top: 200px !important;
}
/* Đoạn này cho ux-block title cho ra giữa chưa tìm được lý do sao để center mà nó không ăn */
.w-100 span {
	width: 100%;
}
/* .post-title .plain:hover {
color: #fff;
} */
.blog-home-css .blog-post-inner a.is-link,
.blog-home-css .blog-post-inner a.is-link:hover {
	color: black !important;
	text-decoration: unset !important;
	background: white !important;
	padding: 0 20px;
	border-radius: 8px;
}
.blog-post-inner a.is-link,
.blog-post-inner a.is-link:hover {
	color: var(--link-color);
	text-decoration: underline ;
}
.blog-home-css .post-item .col-inner:hover .image-cover::before {
	-webkit-animation: circle 0.75s;
	animation: circle 0.75s;
}
.blog-home-css .image-cover::before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: "";
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 10;
}
.section-newsletter .section-bg {
	background-image: url("../../uploads/2025/06/subscribe-area-bg.png");
	background-position: top center;
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
/* Custom blog date */
.custom-blog-date .box-image{
	width:15%!important;
}
.custom-blog-date .post-item{
	border-bottom:1px solid #ebebeb!important;
}
.custom-blog-date .post-title a{
	display: block;           /* hoặc inline-block nếu bạn cần inline */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:95%;
}
.custom-blog-one .image-cover::before,
.blog-research .box-blog-post .image-cover::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	z-index: 1;
}
.custom-blog-one .image-cover::after,
.blog-research .box-blog-post .image-cover::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	opacity: 0.10;
	background: #000;
	transition-delay: .1s;
	transition-timing-function: ease-in-out;
	transition-duration: .5s;
	transition-property: all;
	opacity: 1;
	transform-origin: bottom;
	transform-style: preserve-3d;
	transform: scaleY(0);
	z-index: 1;
}
.custom-blog-one .box-push:hover .image-cover::before ,
.blog-research .box-blog-post:hover .image-cover::before{
	opacity: .65;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.custom-blog-one .box-push:hover .image-cover::after,
.blog-research .box-blog-post:hover .image-cover::after{
	opacity: 0.35;
	transform: scaleY(1.0);
}
.custom-blog-one .badge {
	bottom:18%;
	top:unset!important;
	right:5%;
	left:unset!important;
}
.custom-blog-one .post-item .box-push .box-text{
	max-width: 98% !important;
	margin: -5% auto !important;
	padding: 30px 10px!important;
	z-index:2;
}
.blog-research .box-blog-post .box-text{
	padding:53px 45px 40px;
}
.blog-research .box-blog-post .badge{
	top:unset;
	bottom:14%!important;
	height:4.5em;
	width:4.5em;
	left:5%!important;
}
.blog-research .box-blog-post .post-date-day{
	font-size:1.2em;
}
.blog-research .box-blog-post .post-date-month{
	font-size:1em;
}
.custom-btn-readmore-date{
	display: flex;
	justify-content: end;
	margin-top: 20px;
	margin-bottom: 0;
	align-items: center;
}
.custom-blog-date .box-text {
	padding: 30px 10px!important;
}
.custom-blog-date .post-item .badge{
	top: 25%!important;
	left: 4%!important;
}

.custom-img-box{
	transition: all 200ms linear;
	transition-delay: 0.1s;
	position:relative;
	padding-top:20px!important;
}
.custom-col-box .custom-img-box::before{
	content:'';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background: #2739a7;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	z-index:-1;
}

.custom-img-box:hover::before{
	-webkit-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.custom-img-box:hover .text a{
	color:#fff!important;
}
.custom-img-box:hover{
	box-shadow: 0px 0px 46.98px 7.02px rgba(0, 0, 0, 0.07); 
	border-color: transparent;
}
.custom-img-box .box-text-inner .text{
	min-height:100px!important;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* END */
.section-newsletter .section-bg {
	animation-name: banner-animate;
	animation-duration: 70s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: banner-animate;
	-webkit-animation-duration: 70s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: banner-animate;
	-moz-animation-duration: 70s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: banner-animate;
	-ms-animation-duration: 70s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: banner-animate;
	-o-animation-duration: 70s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}

.blog-key-solution .flickity-button{
	display: none!important;
}
.blog-key-solution .box-push .box-text {
	background-color: white;
	margin: -15% 0 0 18%;
	max-width: 85%;
	padding: 15px 20px;
	box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
}
.section-key-solution .cat-label {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	transition: all 500ms linear;
	transition-delay: 0.1s;
	color: #1dade5;
}
.blog-key-solution .box-push .box-text {
	background-color: white;
	margin: -15% 0 0 18%;
	max-width: 85%;
	padding: 15px 20px;
	box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
}
.blog-key-solution .cat-label {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	transition: all 500ms linear;
	transition-delay: 0.1s;
	color: #1dade5;
}
.blog-key-solution .post-item > .col-inner:hover .box-text {
	background-color: #1dade5;
	z-index: 10;
}

.blog-key-solution .col-inner:hover a.is-link {
	color: #fff;
	text-decoration: underline !important;
	z-index: 13;
}
.blog-key-solution .col-inner:hover .post-title,
.blog-key-solution .col-inner:hover .cat-label {
	color: #fff;
}
.wpcf7-spinner {
	display: none;
}
.form-subscribe,
.form-subscribe div p {
	display: flex;
	gap: 10px;
	align-items: center;
}
.form-subscribe input[type="email"],
.form-subscribe input[type="submit"] {
	max-width: 400px;
	width: 100%;
	height: 65px;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	transition: all 500ms ease;
	position: relative;
	margin-bottom: 0;
	padding: 0 30px;
}
.form-subscribe i {
	transform: translateX(-65px);
	color: #fff;
}
.form-subscribe input[type="submit"] {
	padding-left: 45px;
	padding-right: 45px;
}
.form-subscribe input[type="email"] {
	background: #ffffff;
	border: 1px solid #dddddd;
	color: #888888;
}
.section-footer .ux-menu-link__link i,
.section-footer .ux-menu-link__link span {
	color: #839ab2 !important;
}

.section-footer .ux-menu-link__link span:hover {
	color: #fff !important;
}
.section-footer .section-title-container {
	margin-bottom: 0;
}
.form-contact-us input:not([type="checkbox"]),
.form-contact-us select {
	margin-top: 5px;
	height: 40px;
	border-radius: 4px;
	outline: none;
	box-shadow: none !important;
	margin-bottom: 10px !important;
}
.form-contact-us input[type="checkbox"] {
	margin-bottom: 0 !important;
}
.form-contact-us textarea {
	border-radius: 4px;
	outline: none;
	box-shadow: none !important;
	margin-top: 5px;
}
.form-contact-us input:focus,
.form-contact-us select:focus,
.form-contact-us textarea:focus {
	border: 1px solid #839ab2;
}
.header-bottom-nav > li > a {
	line-height: 16px;
	color: black;
	font-size: 14px;
}
.nav>li>a {
	font-size: 1em;
	color: black;
	text-transform:capitalize;
}
.custom-file-download li{
	margin-left:10px!important;
}
.custom-file-download strong{
	font-size:20px;
	font-weight:500;
}
.custom-file-download strong i {
	color:#1DADE5;
	font-size:28px;
}
.custom-file-download a{
	margin-top:10px;
	border-radius:10px;
	text-transform:capitalize;
}
.shop-page-title .page-title-inner {
	display:none;
}
/* .menu-item.active>a{
color:#080D2E!important;
} */
#portfolio-content .portfolio-summary {
	display:none!important;
}
.header-bottom{
	background: #FFF9E6 !important;
}
.blog-wrapper .large-9 article{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding:0 30px!important;
}
.post-sidebar.large-3 {
	padding:0 20px!important;
}
.post-sidebar .sidebar-title,
.sidebar-wrapper .sidebar-title{
	background: var(--fs-color-primary);
	padding: 15px 20px;
	position:relative;
}
.post-sidebar .sidebar-title:before,
.sidebar-wrapper .sidebar-title::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#1DADE5;
	width:4px;
	z-index:1;
}
.sidebar-title .section-title{
	margin-bottom:0
}
.row-divided>.col+.col:not(.large-12){
	border-left:none!important;
}
/* Ẩn comment */
.comments-area {
	display:none;
}
/* End */
.sidebar-title .section-title-main{
	padding-bottom:0!important;
	color:#fff!important;
	text-transform:capitalize;
}
.custom-category-home .col-inner{
	border-radius:8px;
}
.absolute-footer{
	background: #1DADE5 !important;
}
.absolute-footer .container{
	display:flex;
	justify-content:center;
	color:white;
}

.widget.woocommerce.widget_product_categories {
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid var(--primary-color);
	border-top-width: 8px;
	padding:10px;
}
.widget-title shop-sidebar{
	display: flex;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 1rem;
	color: var(--primary-color);
}
.product-small .col-inner{
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid var(--primary-color);
	border-bottom-width: 8px;
	padding:10px;
}
.img-box-general .box-image{
	vertical-align:top!important;
}

.img-box-general .box-image img{
	display:none;
}
.img-box-general .box-image> div{
	position:relative;
}
.img-box-general .box-image> div::before{
	content:'';
	background:#e6e8f1;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	height:80px;
	width:80px;
	border-radius:50%;
}
.img-box-general .box-image> div::after{	
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	font-family: "Font Awesome 6 Free";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: var(--fs-color-primary);
}
.img-box-general.icon-1 .box-image> div::after{
	content: "\e532";
	font-weight: 900;
}
.img-box-general.icon-2 .box-image> div::after{
	content: "\f57d";
	font-weight: 900;
}
.img-box-general .icon {
	top: 10px;
	bottom: 0;
	left: 8px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}

.img-box-general .box-text{
	padding-top:0!important;
}
@media screen and (max-width: 768px) {
	.custom-layout-col .img {
		display: none;
	}
	.custom-blog-date .box-vertical{
		display:flex!important;
	}
	.custom-blog-date .box-image{
		width:20%!important;
	}
	.btn-white {
		transform: translateZ(10px) !important;
	}
	.custom-test-k {
		position: relative;
		display: block;
		margin-left: auto !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		min-width: auto !important;
	}
	.section-solution .section-content {
		max-height: 100% !important;
	}
	.section-key-solution {
		margin-top: 0 !important;
	}
	.footer-subscribe-img img {
		width: 0% !important;
	}
	.blog-research .box-blog-post .badge{
		bottom:34%!important;
	}
	.form-subscribe {
		flex-direction: column;
		gap: 30px;
	}
	.row-filter .search_form{
		height:auto!important;	
	}
	.search-bar.search_form .row .col{
		padding-bottom:0!important;
	}
	.dule_search.btn{
		margin-right:0!important;
		margin-bottom:0!important;
	}
	.img-box-general{
		display:flex!important;
		
	}
	.img-box-general .box-image{
		width:48%!important;
	}
}
@keyframes banner-animate {
	0% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
	}

	50% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}