section.special-offer-showcase {
	text-align: center;

	position: relative;
}

section.special-offer-showcase .c {
	z-index: 2;
	position: relative;
}

section.special-offer-showcase .bg {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 0.25;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

section.special-offer-showcase .rules {
	font-size: 20px;
	margin-top: 14px;
	opacity: 0.4;
}

section.special-offer-showcase h1 {
	color: var(--color);
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}

section.special-offer-showcase h1 span {
	display: inline-block;
	padding: 0 8px;
	color: var(--color);




	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c20645", endColorstr="#fdaf24", GradientType=1);

}

section.special-offer-showcase .percent {
	background: var(--color2);
	display: inline-block;
	font-size: 42px;
	line-height: 60px;
	border-radius: var(--border-radius);
	padding: 0 20px;
	position: absolute;
	transform: rotate(19deg);
	top: 5px;
	right: -118px;
	color: white;



}

section.special-offer-showcase p {
	font-size: 23px;
	margin-bottom: 6px;
	color: white;
	line-height: 26px;
	font-weight: 400;
	opacity: 0.9;
}

section.special-offer-showcase p span {
	font-weight: 800;
	color: var(--color-lighter)
}

section.special-offer-showcase .button {
	margin-top: 25px;
}

section.special-offer-showcase .button .btn {
	font-size: 22px;
	font-weight: 500;
	line-height: 55px;
	padding: 0 40px;
	border: var(--border);
	margin: 0 5px;
}

section.special-offer-showcase .button .btn i {
	color: var(--color);
	font-size: 16px;
	position: relative;
	top: -2px;
	margin-right: 7px;
}

section.special-offer-showcase .content {
	position: relative;
	z-index: 2;




	-ms-transform: translateY(-50%);



	padding: 150px 200px 50px;
}





section.special-offer-showcase .items {

	margin: 55px 0;
	position: relative;
	display: inline-block;
}

section.special-offer-showcase .item {
	display: inline-block;
	width: 300px;
	border: 1px dashed var(--color2);
	padding: 80px 25px;
	border-radius: var(--border-radius);
	margin: 0 5px;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
}

section.special-offer-showcase .items::before {
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;


	pointer-events: none;
	background-image: linear-gradient(90deg,
			var(--color2) 0%,
			#210037 50%,
			var(--color2) 100%);
	background-size: 300% 100%;
	background-position: left center;
	opacity: 0.5;
	filter: blur(20px);
	transform: scale(1);
	transform-origin: center;
	animation:
		slide-colors 6s ease-in-out infinite alternate,
		pulse-glow 6s ease-in-out infinite;
}


section.special-offer-showcase .item h2 {
	font-size: 30px;
	position: relative;
	display: inline-block;
	color: var(--color);
}

section.special-offer-showcase .item .text {
	margin-bottom: 14px;
	height: 44px;
	line-height: 18px;
}

section.special-offer-showcase .item .days {
	position: absolute;
	font-size: 16px;
	background: black;
	color: silver;
	border-radius: var(--border-radius);
	padding: 0 8px;
	right: 0;
	width: 108px;

	top: -15px;
	left: 0;
	margin: auto;
	border: var(--border);
	font-weight: 300;
	text-transform: uppercase;
	line-height: 34px;


}

section.special-offer-showcase .item p {

	font-size: 18px;
}

section.special-offer-showcase .item .before {

	color: var(--red);

	font-size: 20px;

	line-height: 20px;
}

section.special-offer-showcase .item .after {

	color: var(--green);

	font-size: 36px;

	font-weight: 500;

	line-height: 36px;
}





section.special-offer-showcase .scroll-downs {
	position: absolute;
	right: 0;
	bottom: 37px;
	left: 0;
	display: inline-block;
	width: 34px;
	height: 55px;
	margin-top: 20px;
	z-index: 3;
	margin: auto;
}

section.special-offer-showcase .mousey {
	width: 3px;
	padding: 10px 20px;
	height: 35px;
	border: var(--border);
	border-radius: 25px;
	opacity: 0.75;
	box-sizing: content-box;
	background: black;
	left: -5px;
	position: relative;
}

section.special-offer-showcase .scroller {
	width: 8px;
	height: 10px;
	border-radius: 25%;
	background-color: var(--color);
	animation-name: scrollDown;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
	position: relative;
	left: -2px;
}












@keyframes slide-colors {
	0% {
		background-position: left center;
	}

	100% {
		background-position: right center;
	}
}

@keyframes pulse-glow {

	0%,
	100% {
		transform: scale(1);
		filter: blur(20px);
	}

	50% {
		transform: scale(1.07);
		filter: blur(50px);
	}
}








@keyframes scrollDown {
	0% {
		opacity: 0;
	}

	10% {
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		transform: translateY(25px);
		opacity: 0;
	}
}



@media all and (max-width: 1440px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

	}
	section.special-offer-showcase h1 {

	}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

	}
	section.special-offer-showcase p {

	}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

	}
	section.special-offer-showcase .items {

	}
	section.special-offer-showcase .item {

	}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

	}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

	}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}


@media all and (max-width: 1320px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

	}
	section.special-offer-showcase h1 {

	}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

	}
	section.special-offer-showcase p {

	}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

	}
	section.special-offer-showcase .items {

	}
	section.special-offer-showcase .item {

	}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

	}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

	}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}


@media all and (max-width: 1140px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

	}
	section.special-offer-showcase h1 {

font-size: 58px;

line-height: 58px;

}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

font-size: 32px;

line-height: 48px;

right: -90px;

}
	section.special-offer-showcase p {

	}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

padding: 100px 15px 50px;

}
	section.special-offer-showcase .items {

/* margin: 25px 0 50px; */

}
	section.special-offer-showcase .item {

padding: 50px 25px;

}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

	}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

	}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}


@media all and (max-width: 960px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

font-size: 16px;

line-height: 16px;

}
	section.special-offer-showcase h1 {

	}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

	}
	section.special-offer-showcase p {

font-size: 22px;

line-height: 24px;

}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

padding: 100px 15px 115px;

}
	section.special-offer-showcase .items {

margin: 25px 0 0;

}
	section.special-offer-showcase .item {

/* margin: unset; */

}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

	}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

	}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}


@media all and (max-width: 720px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

	}
	section.special-offer-showcase h1 {

font-size: 38px;

line-height: 38px;

}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

font-size: 20px;

line-height: 30px;

width: 74px;

padding: 0;

text-align: center;

right: -65px;

}
	section.special-offer-showcase p {

font-size: 20px;

line-height: 22px;

}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

	}
	section.special-offer-showcase .items {

display: grid;

grid-template-columns: 1fr 1fr;

margin: 25px 0 0;

grid-gap: 10px;

}
	section.special-offer-showcase .item {

width: unset;

margin: unset;

}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

	}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

	}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}


@media all and (max-width: 576px) {
	section.special-offer-showcase {

	}
	section.special-offer-showcase .c {

	}
	section.special-offer-showcase .bg {

	}
	section.special-offer-showcase .rules {

	}
	section.special-offer-showcase h1 {

font-size: 32px;

line-height: 32px;

}
	section.special-offer-showcase h1 span {

	}
	section.special-offer-showcase .percent {

width: 58px;

right: -48px;

}
	section.special-offer-showcase p {

font-size: 18px;

line-height: 20px;

}
	section.special-offer-showcase p span {

	}
	section.special-offer-showcase .button {

	}
	section.special-offer-showcase .button .btn {

	}
	section.special-offer-showcase .button .btn i {

	}
	section.special-offer-showcase .content {

padding: 85px 15px 20px;

margin-bottom: 25px;

}
	section.special-offer-showcase .items {

grid-template-columns: 1fr;

grid-gap: 10px;

}
	section.special-offer-showcase .item {

padding: 25px 15px 15px;

}
	section.special-offer-showcase .items::before {

	}
	section.special-offer-showcase .item h2 {

	}
	section.special-offer-showcase .item .text {

height: unset;

margin-bottom: 9px;

}
	section.special-offer-showcase .item .days {

	}
	section.special-offer-showcase .item p {

	}
	section.special-offer-showcase .item .before {

	}
	section.special-offer-showcase .item .after {

	}
	section.special-offer-showcase .scroll-downs {

display: none;

}
	section.special-offer-showcase .mousey {

	}
	section.special-offer-showcase .scroller {

	}
}