/* product */
.main-product-box {
	background-color: #F8F8f8;
	padding: 50px 30px;
}

.main-product-title-box {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	justify-content: center;
	align-items: center;
	/* margin-top: 30px; */
}

.main-product-title {
	font-size: 28px;
	font-weight: bold;
	width: 50%;
}

.main-product-desc {
	width: 50%;
	font-size: 16px;
}

.main-product-box-list {
	display: flex;
	gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.main-product-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: calc((100% - 50px) / 6);
}

.main-product-item a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 5px;
	padding-bottom: 15px;
}

.main-product-item a:hover {
	background-color: #0241e2;
}

.main-product-item a:hover p {
	color: white;
}

.main-product-item-image-box {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.main-product-item a:hover img {
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
	transition: .5s;
}

.main-product-item .main-product-item-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	background-color: white;
}



.main-product-item .main-product-item-title {
	color: black;
}

.product-load-all-box {
	height: 48px;
	margin-top: 30px;
}

.product-load-all {
	border-radius: 5px;
	background-color: #0241e2;
	color: white;
	border: none;
	text-align: center;
	padding: 15px 50px;
}

/* logo */
.logo-box {
	background-color: #F8F8f8;
	padding: 50px 30px;
}

.logo-title-box {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	justify-content: center;
	align-items: center;
	/* margin-top: 30px; */
}

.logo-title {
	font-size: 28px;
	font-weight: bold;
	width: 50%;
}

.logo-desc {
	width: 50%;
	font-size: 16px;
}

.logo-box-list {
	display: flex;
	gap: 10px;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.logo-box-list .logo-image {
	width: calc((100% - 50px) / 6);
	height: auto;
	object-fit: fill;
	border-radius: 5px;
}

@media screen and (max-width:768px) {

	.main-product-title {
		font-size: 18px;
		font-weight: bold;
		width: 100%;
	}

	.main-product-desc {
		width: 100%;
		font-size: 15px;
	}

	.logo-title {
		font-size: 18px;
		width: 100%;
	}

	.logo-desc {
		width: 100%;
		font-size: 15px;
	}

	.main-product-item {
		width: 100%;
	}

	.logo-box-list .logo-image {
		width: calc((100% - 10px) / 2);
	}

	.product-load-all {
		padding: 15px 20px !important;
	}

}