/* PRODUCT LINES STYLES */

section .card-tabs button {

	width: 100%;

	padding-inline: clamp(10px, 4vw, 80px);

	padding-block: 10px;

	border-bottom: 3px solid var(--footer-text-color) !important;

	color: var(--footer-text-color);

	background-color: transparent;

}



section .card-tabs button.active {

	border-color: var(--primary) !important;

	color: var(--black);

}



section .product-lines .nav-tabs {

	border: none;

}



section .product-lines-img {

	max-width: 400px;

}



@media(min-width: 768px) {

	section  .product-lines-img {

		max-width: 100%;

	}

}



section .nav-tabs .nav-link {

	border: none;

	border-bottom: 3px solid var(--footer-text-color);

	transition: border-color .2s ease;

	color: var(--footer-text-color);

	padding-block: 10px;

	padding-inline: clamp(10px, 4vw, 60px);

	background-color: transparent;

}



section .nav-tabs .nav-link.active {

	border-color: var(--primary);

	color: var(--black);

	background-color: transparent;

}



.card,

.card-img-top {

	border-radius: 0;

}



.card {

	border-color: var(--line-color) !important;

}



.detailed-link {

	height: 100%;

	display: flex;

	flex-direction: column;

}



.card:hover {

	border-color: var(--primary) !important;

}



.card-img-top {

	height: 258px;

}



.card p {

	font-size: 12px;

}



.card-body-text {

	width: 80%;

}



.card img {

	width: 100%;

}



.product-lines .card-body {

	padding-right: 0 !important;

	justify-content: space-between;

	background-color: var(--default-card);

}



.visit-link-btn {

	width: 100%;

	height: 100%;

	background-color: var(--primary);

	color: var(--white);

}



.card-button {

	height: 100%;

}



.card-button-holder {

	width: 80px;

	flex-shrink: 0;

}



.card-button-hover {

	float: right;

	width: 0%;

	height: 100%;

	overflow: hidden;

	transition: width .2s ease;

}



.card .card-button-hover {

	width: 0%;

}



.card:hover .card-button-hover {

	width: 100%;

}



.carousel-item {

	padding-inline: 16px;

}



.carousel-btns {

	padding: 30px;

	font-size: 24px;

	background-color: var(--white);

}



.carousel-btns button {

	background-color: transparent;

}



.carousel-btns button:hover,

.carousel-btns button:active {

	color: var(--primary);

}



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

	.card .card-button-hover {

		width: 100%;

	}



	.cards {

		width: 100%;

	}



	.product-lines {

		padding-bottom: 0px;

	}

}