.home-title h2 {
    text-align: center;
    margin-bottom: 20px;
}

/* css danh muc */
.home-cate .box-badge .box-text {
    background-color: hsl(0deg 0% 100% / 75%);
    bottom: 5px;
    padding: 5px;
    width: 94%;
    margin-left: 3%;
    border-radius: 8px;
}

.home-cate h5.header-title {
    font-size: 12px;
    color: #222;
}

.home-cate .box.box-category {
    border-radius: 8px;
}

/* css product */
.home-product .box-text.text-center {
    background-color: hsl(0deg 0% 100% / 82%);
    bottom: 5px;
    padding: 5px;
    width: 94%;
    margin-left: 3%;
    border-radius: 8px;
}

.home-product .box-badge:hover .box-text {
    background-color: var(--fs-color-primary);
}

.home-product .box-badge:hover .box-text * {
    color: #fff !important;
}

.home-product a.woocommerce-LoopProduct-link {
	-webkit-line-clamp: 1;
}

/* css khong gian */
.khong-gian .row {
    background-image: url(https://sofa.webmau16.com/wp-content/uploads/2024/09/room_planner_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.khong-gian .row {
    position: relative;
    transition: background-color 500ms ease;
    border-radius: 8px;
    padding: 15px;
    overflow: hidden;
}

.khong-gian .row:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 66%;
    background-image: -webkit-linear-gradient(86.88deg, #fdfdfd 44.45%, rgba(227, 243, 255, 0) 101.23%);
    background-image: -ms-linear-gradient(86.88deg, #fdfdfd 44.45%, rgba(227, 243, 255, 0) 101.23%);
    background-image: linear-gradient(86.88deg, #fdfdfd 44.45%, rgba(227, 243, 255, 0) 101.23%);
    display: block;
}

.khong-gian .row .col-inner {
    z-index: 9;
}

.khong-gian h3 strong {
    font-size: 30px;
    color: var(--iconColor);
}

@media (min-width: 850px) {
	
}

@media (max-width: 849px) {
	
}

@media (max-width: 768px) {
	.section-bg .section-bg.fill {
		content: "";
		background: linear-gradient(to left, rgb(245, 61, 87) 0%, rgb(247, 133, 108) 100%);
		height: 100px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		overflow: hidden;
	}
	/* 	css banner slider */
	.col.grid-col.small-4.large-4.grid-col-1-2 {
		padding-left: 0;
	}

	.col.grid-col.gridPadding {
		padding-bottom: 10px;
	}
	.khong-gian .row:after {
		width: 100%;
	}
}