.offers-block {}

.offers-block .card {
	border-radius: 1rem;
	border: none;
	width: 100%;
	background-color: #E4E4E4;
}

.offers-block .card.white{
	background-color: #ffffff;
}

.offers-block .card .tab {
	right: 1rem;
	top: -3px;
	margin: 0;
	line-height: 1rem;
	font-size: 1.5rem;
	color: #D80A38;
	position: absolute;
	display: block;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
}

.offers-block .card .offer-img {
	position: relative;
}

.offers-block .card .offer-img::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 75%;
	background-color: #FFCD00;
	border-radius: 0 0 100% 100%;
	top: 0;
	right: 0;
	z-index: 0;
}

/*.offers-block .card.bgcol-1 .offer-img::before {
	border-radius: 10rem 0 1rem 0;
	top: unset;
	bottom: 0;
}*/

.bgcol-0 .offer-img::before,
.bgcol-1 .offer-img::before,
.bgcol-2 .offer-img::before {
	background-color: #FFCD00 !important;
}

.bgcol-3 .offer-img::before {
	background-color: #6FBEE2 !important;
}

.bgcol-4 .offer-img::before {
	background-color: #AFD8BD !important;
}

.bg-teal .offer-img::before {
	background-color: #40a8c4 !important;
}

.bg-yellow .offer-img::before {
	background-color: #FFCD00 !important;
}

.bg-purple .offer-img::before {
	background-color: #4e356d !important;
}

.bg-orange .offer-img::before {
	background-color: #ef8a33 !important;
}

.bg-blue .offer-img::before {
	background-color: #70caf3 !important;
}

.bg-green .offer-img::before {
	background-color: #91c140 !important;
}


.offers-block .card .card-img {
	height: 200px;
	border-radius: 0;
	object-fit: contain;
	object-position: center;
	padding: 1rem;
}

.offers-block .card .offer-img p {
	font-size: 0.6rem;
	z-index: 1;
	position: relative;
	display: block;
}

.offers-block .card a {
	text-decoration: none;
}

.offers-block .card .offer-img img {
	display: block;
	z-index: 1;
	position: relative;
}

.offers-block .card a span {
	text-decoration: underline;
}

.offers-block .card .card-body {
	display: block;
	z-index: 1;
	position: relative;
}

.offers-block .card .card-body p {
	font-size: 0.8rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.offers-block .card .offer-img::before {
		width: 70%;
		height: 110%;
		border-radius: 50% 0 0 50%;
		top: -5%;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.offers-block .card .offer-img::before {
		width: 75%;
	}

}