/* Cashback */
:root {
	--cashback-gray-50: #707070;
	--cashback-gray-100: #4A5657;
	--cashback-primary: #6ADFFF;
	--cashback-secondary: #6D0876;
	--cashback-tertiary: #61d0ce;
	--cashback-blue-50: rgba(255, 123, 255, 0.07);
	--cashback-blue-100: #61D0CE;
	--cashback-white: #fff;
	--cashback-black: #000;
	--cashback-font-family: "Be Vietnam Pro", sans-serif;
	--cashback-heading-color: #6D0876;
}

.cashback-heading {
	font-family: var(--cashback-font-family);
	text-transform: uppercase;
	line-height: 1.3;
	color: var(--cashback-heading-color);
	font-weight: 700;
	font-size: clamp(1.5rem, 1.3333rem + 0.8333vw, 2.1875rem);
	margin: 0 0 1em 0;
}

.cashback-heading--md {
	font-size: clamp(1.125rem, 1.0189rem + 0.5303vw, 1.5625rem);
}

.cashback-text-content,
.cashback-text-content *:is(p, ul, li a) {
	color: var(--cashback-gray-100);
	font-family: var(--cashback-font-family);
	font-size: clamp(0.875rem, 0.8144rem + 0.303vw, 1.125rem);
	line-height: 1.3;
}


/* .cashback-link {
text-transform: uppercase;
font-family: 'Be Vietnam Pro', sans-serif;
font-weight: 700;
font-size: 1rem;
display: inline-flex;
position: relative;
background-color: #61D0CE;
color: white;
padding: 2.25em 0;
width: min(100%, 300px);
border-radius: 10px;
}

.cashback-link:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #EF5319;
z-index: -1;
border-radius: 10px;
} */
.cashback-bike-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}


.cashback-step-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.35rem;
}

.cashback-step-card__step {
	color: var(--cashback-white);
	background-color: var(--cashback-tertiary);
	display: flex;
	font-weight: 700;
	border-radius: 100%;
	aspect-ratio: 1/1;
	font-size: clamp(1.75rem, 1.5985rem + 0.7576vw, 2.375rem);
	width: 1.5em;
	justify-content: center;
	font-family: var(--cashback-font-family);
}

.cashback-step-card__image>img {
	width: auto;
	height: 120px;
	object-fit: contain;
}

.cashback-slider-wrapper {
	position: relative;
}

.cashback-slider-wrapper :is(.custom-slick-prev, .custom-slick-next) {
	position: absolute;
	z-index: 2;
	top: calc(50% - 26px);
}

.cashback-slider-wrapper :is(.custom-slick-prev:hover, .custom-slick-next:hover) svg {
	fill: var(--cashback-primary);
}

.cashback-slider-wrapper .custom-slick-prev {
	left: max(1rem, 4%);
}

.cashback-slider-wrapper .custom-slick-next {
	right: max(1rem, 4%);
}


.cashback-form .box-anim label {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-family: var(--cashback-font-family);
	font-size: 0.9125rem;
	color: var(--cashback-gray-50);
}

.cashback-form .box-anim.focused label {
	transform: translate(15px, 50%) scale(0.7);
	background: var(--cashback-white);
	padding: 0 0.25rem;
	color: var(--cashback-secondary);
}

.cashback-form input:is([type="text"], [type="date"], [type="number"], [type="email"]) {
	border: 2px solid var(--cashback-secondary);
	border-radius: 8px;
	padding-left: 0.5rem;
	padding-right: 0.5rem
}

.cashback-form input:focus {
	box-shadow: none;
	border-color: var(--cashback-tertiary);
}

/* .cashback-form label.file-btn {
font-family: var(--cashback-font-family);
font-size: 14px;
;
font-weight: 700;
color: var(--cashback-white);
border-radius: 8px;
background-color: var(--cashback-primary);
text-align: center;
cursor: pointer;
padding: 0.25rem;
width: 100%;
height: 100%;
transition: background-color 0.3s ease;
}

.cashback-form label.file-btn:hover {
background-color: var(--cashback-blue-100);
} */

.cashback-form .form-allowed-file-types {
	color: var(--bs-red);
	font-size: 14px;
	font-weight: 700;
}

.cashback-form #required-etiquette {
	display: none;
}

.cashback-form input[type="file"] {
	display: none;
}

.cashback-link {
	--max-width: 310px;
	background-image: url('data:image/png;base64,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');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: var(--cashback-white);
	width: min(100%, var(--max-width));
	display: flex;
	align-items: center;
	text-align: start;
	padding: 0.2em 1.5em;
	font-weight: 700;
	height: auto;
	aspect-ratio: 246/57;
	transition: transform 0.3s ease;
	outline: none;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

.cashback-link:hover {
	color: var(--cashback-tertiary);
	transform: translatey(10px);
}

.cashback-link.cashback-link--primary {
	background-image: url('/wp-content/uploads/2024/05/Group-272.png');
	text-transform: uppercase;
	justify-content: center;
	--max-width: 320px;
	aspect-ratio: 308/91;

}

.cashback-form .wpcf7-response-output {
	font-family: var(--cashback-font-family) !important;
	margin-top: 2rem !important;
	text-align: center;
	border: none !important;
	font-weight: 700 !important;
}

.cashback-link.cashback-link--primary:hover {
	color: var(--bs-white);

}

.cashback-link.cashback-link--with-icon svg {
	min-width: 16px;
	aspect-ratio: 1/1;
	fill: currentcolor;
	margin-right: 1rem;
}

.cashback-form .file-response:not(:empty) {
	position: static !important;
	transform: none !important;
	padding-top: 0.5rem !important;
	text-align: center !important;
	font-size: 0.6rem !important;
}

.cashback-form .file-btn+.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	position: static;
	transform: none;
	margin-top: 1rem;
}

.cashback-form input[type="checkbox"] {
	border-color: var(--cashback-blue-100)
}

.cashback-form input[type="checkbox"]:checked {
	background-color: var(--cashback-primary) !important;
	border-color: var(--cashback-primary) !important;
}

.cashback-form input[type="checkbox"]:focus {
	box-shadow: none;
}

.page-template-template-cashback-thank-you .cashback-link--primary {
	font-size: clamp(13px, 0.5rem + 1.5vw, 1.125rem);
	color: var(--cashback-white) !important;
	text-transform: none;
	text-align: center;
	transform: none;
	cursor: revert;
}

.cashback-form .input-wrapper {
	position: relative;
}

.cashback-form label[for="f_purchase_type"] {
	position: relative;
	font-size: .9125rem;
	margin-bottom: 0 !important;
	transform: translate(15px, 50%) scale(0.7);
	background: var(--cashback-white);
	padding: 0 0.25rem;
	color: var(--cashback-secondary);
	z-index: 2;
}

.cashback-form select {
	border: 2px solid var(--cashback-secondary);
	border-radius: 8px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 1rem;
}

.cashback-form select:focus {
	border-color: var(--cashback-blue-100);
}

@media (max-width: 767px) {
	.page-template-template-cashback-thank-you .cashback-link--primary {
		color: var(--cashback-gray-50) !important;
		background: transparent;


	}
}

/* Utils */
.color-primary {
	color: var(--cashback-secondary);
}

.color-secondary {
	color: var(--cashback-secondary);
}

.z-2 {
	z-index: 2;
}



.bg-blue-50 {
	background-color: var(--cashback-blue-50);
}

.cashback-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.cashback-grid-item {
	flex: 1 1 250px;
}

.cashback-bike-card__image img {
	aspect-ratio: 246/138;
	height: 138px;
	object-fit: contain;
}

.grid-with-areas {
	display: flex;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	flex-wrap: wrap;
	gap: 30px;
}

.cashback-text-content a {
	color: var(--cashback-tertiary);
}

.cashback-text-content a:hover {
	color: inherit;
}

@media (max-width: 767.98) {
	.grid-with-areas {
		background-image: none;
	}
}

.grid-with-areas>.text-center {
	flex: 1 1 100%;

}

.grid-with-areas>.text-center>h2 {
	font-size: clamp(2rem, -1.5409rem + 5.7112vw, 5.3125rem);
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-with-areas>.text-center>h2>span {
	font-size: clamp(1.25rem, -0.0862rem + 2.1552vw, 2.5rem);
}

.grid-with-areas .item {
	flex: 1 1 calc(40% - 30px);
	min-width: 300px;
	text-align: center;
}

@media (min-width: 992px) {
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}
}

.cashback-social-icon {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

#mega-menu-cashback_header a {
	color: #707070 !important;
	font-weight: 600 !important;
}

#mega-menu-cashback_header a:hover {
	color: var(--cashback-tertiary) !important;
	font-weight: 600;
}

.with-custom-padding {
	--padding: 4rem 0 4rem 0;
	--padding-xl: 4rem 0 10rem 0;
	padding: var(--padding);
}

@media (min-width: 1200px) {
	.with-custom-padding {

		padding: var(--padding-xl);
	}
}

@media (max-width: 767.98px) {
	.grid-with-areas {
		background: none !important;

	}
}

@media (max-width: 991.98px) {

	.cashback-products {
		background-color: var(--cashback-secondary);
	}


	.grid-with-areas>.text-center h2 {
		font-size: 40px !important;
	}
}

.grid-with-areas .item {
	display: flex;
	justify-content: center;
	align-items: start;
}

.grid-with-areas .item img {
	min-width: 18rem;
}

.grid-with-areas {
	background-position: top center;
	background-size: contain;

}

@media (min-width: 992px) {
	.cashback-products {
		transform: translateY(-10%);
	}

	.grid-with-areas>.text-center h2 {
		margin-top: 2rem;
		margin-bottom: 0;
	}

	.item-1,
	.item-3,
	.item-5 {
		justify-content: end !important;
	}

	.item-2,
	.item-4,
	.item-6 {
		justify-content: start !important;
	}
}

@media (min-width: 1200px) {
	.cashback-products {
		transform: translateY(-15%);
	}
}