.home main#main {
    background-color: #f4f4f4 !important;
}

.home-right .col-inner>.img:not(:last-child) {
    margin-bottom: 6px;
}

.home-banner .col-inner {
	padding: 0 6px !important;
}

/* css title */
.home-title .section-title {
	gap: 10px;
	margin: 30px 0 0 0;
}

.home-title span.section-title-main {
    border: 0;
	padding: 0;
}

.home-title .section-title b {
    background: bottom;
    border-bottom: 1px dashed #000;
    opacity: 1;
}

.home-title .section-title a {
    background-color: var(--colorMain);
    color: #fff;
    padding: 6px 16px;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
}

.home-title .section-title i.icon-angle-right {
    display: none;
}


/* css tab product */
.tabbed-content.tab-product {
    background-color: #fff;
    padding: 10px;
}

.tab-product li.tab a {
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    color: #555;
    padding: 5px 10px;
    margin-right: 5px;
    line-height: 20px;
}

.tab-product li.tab a:hover {
    border: 1px solid #222;
}

.tab-product li.tab.active a {
    background-color: var(--colorMain);
    color: #fff !important;
}

@media (min-width: 850px) {
	.box-services {
		border: 1px solid #EEE;
		margin-top: 15px;
	}

	.box-services .icon-box {
		display: flex;
		align-items: center;
		padding: 8px;
	}

	.box-services .icon-box {
		border-right: 1px solid #EEE;
	}

	.box-services .icon-box.border-none {
		border-right: 0 !important;
	}

	.box-services .icon-box-text {
		color: #323232;
		font-size: 12px;
		padding-top: 3px;
	}

	.box-services .icon-box-text p {
		margin-bottom: 0;
	}

	.box-services .icon-box-text p strong {
		font-size: 11.4px;
		font-weight: 500;
		text-transform: uppercase;
	}


}

@media (max-width: 850px) {
	/* 	css tab product */
	.tab-product ul.nav {
		overflow-y: hidden;
		justify-content: unset;
		overflow-x: scroll;
		flex-wrap: unset;
	}

	.tab-product ul.nav li a {
		min-width: 130px !important;
		justify-content: center;
	}
	
	.home-banner .col-inner {
		padding: 0 10px !important;
	}
}