<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.home-cat-list {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 20px 0 0;
    padding: 0;
}
.home-cat-list li{
	width: 160px;
	padding-top: 30px;
	text-align: center;
	transition: 1s;
	margin: 0 5px;
}
.home-cat-list li:hover{
	box-shadow: 5px 0px 15px #999;
}
.home-cat-list li span{
	display: inline-block;
	width: inherit;
	padding-top: 20px;
	color: #000;
}

.home-products {
	background-image: url(img/Baner-2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 150px 0 656px;
	margin-bottom: -400px;
}
.shadow-title.products h2 {
	color: #fff;
}
.product-box {
	margin-bottom: 25px;
}
.product.box-img-center span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.8);
	color: #0a203f;
	height: 65px;
	transition: 1s;
	justify-content: center;
    display: flex;
    align-items: center;
	text-align: center;
}
.product.box-img-center:hover span {
	height: 100%;
	background-color:#af222d;
	color: #fff;
}
a.product.box-img-center:after {
	padding-top:118%;
}
@media (max-width: 1199px){
	.home-products {
		padding: 80px 0 410px;
		margin-bottom: -300px;
	}
}
@media (max-width: 991px){
	.home-products {
		background-image: unset;
		background-color: #0d2748;
		padding: 0px 0 30px;
		margin-bottom: 0px;
		margin-top: 30px;
	}
}
@media (max-width: 599px){
	.product-box {
		padding: 0 5px;
	}	
	.home-cat-list {
		flex-wrap: wrap;
		justify-content: center;
	}
	.home-cat-list li{
		width: 80px;
		padding-top: 20px;
	}
	.home-cat-list li span{
		padding-top: 5px;
		line-height: 1.15
	}
	.home-cat-list li img {
		width: auto;
		max-height: 30px;
	}
	.shadow-title h2 span {
		font-size: 2em;
	}
}</pre></body></html>