/*
    Procut-catalog 5
*/

.product-cat5 {
	.card {
		height: 473px;
		border: none;
		padding: 15px;
	}
	.card-image {
		img {
			width: 100%;
			height: 260px;
		}
	}
	.card-top-content {
		position: $pos-abs;
		top: 10px;
		left: 0;
	}
	h4.card-title {
		color: $additional-color-11;
		text-transform: $transform-upper;
		font-size: 19px;
		font-weight: 800;
		margin-left: -6px;
	}
	p.card-text {
		color: $additional-color-6;
		font-size: 15px;
		font-weight: 600;
	}
	.dot {
		height: 12px;
		width: 12px;
		border-radius: 50%;
		display: inline-block;
	}
	.card-img-bottom {
		button.btn.btn-default {
			i {
				color: $white;
				font-size: 22px;
				vertical-align: $v-align-middle;
			}
		}
	}
	.dot.color1 {
		background-color: $additional-color-5;
	}
	.dot.color2 {
		background-color: $color_57;
	}
	.dot.color3 {
		background-color: $color_397;
	}
	.btn.btn-default {
		border-radius: 50%;
		padding: $p-10 $p-10;
		background-color: $additional-color-11;
		box-shadow: $shadow-7;
		will-change: opacity, transform;
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	.card-bottom-section {
		position: $pos-abs;
		bottom: 20px;
		right: 0;
		button.btn {
			&:hover {
				border: $b-width-1 $solid $color_none;
				padding: 0.5rem 1.375rem;
			}
		}
	}
	button.btn.btn-more {
		padding: 0.5rem 1.375rem;
		border-radius: 12px;
		text-transform: $transform-upper;
		background-color: $color_none;
		border-radius: 24px;
		color: $color_43;
		border: none;
		font-size: 13px;
		box-shadow: $shadow-1;
		will-change: opacity, transform;
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	/*
	    Procut-catalog 5 Hover
	*/
	&:hover {
		.card-bottom-section {
			button.btn.btn-more {
				background-color: $color_57;
				color: $white;
			}
		}
	}
}
h4.card-value.product-pricing {
	text-transform: $transform-upper;
	color: $color_57;
	font-size: 18px;
	font-weight: 600;
	margin-left: -6px;
}
h5.card-small-title {
	color: $color_43;
	font-size: 15px;
	font-weight: 600;
	margin-top: 28px;
}