.wcp-aws__section:before{
	background: transparent !important;
	border: 0 !important;
}
.wcp-aws__fortune-wheel {
	--form-background: #252A3D;

	--form-font: 'Roboto', sans-serif;
	--heading-font-size: 28px;
	--heading-font-weight: 600;
	--heading-color: #FFFFFF;
	--wof-padding-lg: 87px 175px 87px 125px;
	--form-border: 0;
	--wof-border-radius: 15px;
	--button-background: linear-gradient(180deg, #EBA132 0%, #EC751F 100%);

	--button-color: #FFFFFF;
	--button-font-size: 18px;
	--button-font-weight: 700;
	--button-border-radius: 6px;
	--wof-padding-mobile: 48px 16px 155px;
	--subhead-color: #fff;
	--error-color: #F44242;
	--error-bg: transparent;
	--error-agreement-margin-top: 0;
	--success-font-size: 26px;
	--success-font-weight: 600;
	--checkbox-label-color: #FFFFFF;
	--checkbox-border-color: #8D8D8D;
	--checkbox-size: 20px;
	--checkbox-tick-top: 1px;
	--checkbox-tick-left: 4.5px;
	--checkbox-radius: 5px;
	--input-border-radius: 8px;
	--wheel-pointer-bg: url('/wp-content/themes/cenote/aweber-subscribers/fortune/images/pointer.png');
	--wheel-pointer-height: 35px;
	--wheel-pointer-width: 82px;
	--wheel-pointer-margin-top-md: -25px;
	--wheel-offset-bottom: -155px;
	--wheel-height-default: 200px;
	--wof-content-min-height-mobile: 410px;
	--wof-content-min-height-md: 298px;
	--wheel-bg: url('/wp-content/themes/cenote/aweber-subscribers/fortune/images/wheel.png') no-repeat top center;

	--subhead-font-size: 16px;

	--input-background: transparent;
	--input-color: #A5A4AD;
	--input-border: 1px solid #A5A4AD;

	--input-error-border: 1px solid #F44242;
	--error-font-weight: 400;
	position: relative;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel {
		--wheel-pointer-width: 35px;
		--wheel-pointer-height: 82px;
	}
}
.wcp-aws__fortune-wheel .wcp-aws__icon-before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background:  url('/wp-content/themes/cenote/aweber-subscribers/fortune/images/icons-mobile.png') no-repeat ;
	background-size: contain;
}
.wcp-aws__fortune-wheel .wcp-aws__icon-after{
	display: none;
}

@media (min-width: 768px){
	.wcp-aws__fortune-wheel .wcp-aws__icon-before{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 250px;
		background:  url('/wp-content/themes/cenote/aweber-subscribers/fortune/images/icons-before.png') no-repeat ;
		background-size: contain;
	}
	.wcp-aws__fortune-wheel .wcp-aws__icon-after{
		display: block;
		position: absolute;
		right: 90px;
		top: 0;
		bottom: 0;
		width: 250px;
		background:  url('/wp-content/themes/cenote/aweber-subscribers/fortune/images/icons-after.png') no-repeat ;
		background-size: cover;
	}
}


.wcp-aws__fortune-wheel:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.wcp-aws__fortune-wheel .wcp-aws__wheel div{
	background: var(--wheel-bg);

}
.wcp-aws__fortune-wheel .wcp-aws__wheel:before {
	top: 8px;
	background-repeat: no-repeat;
	background-position: center;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .wcp-aws__wheel:before {
		top: 50%;
		margin-left: -18px;
	}
}
.wcp-aws__fortune-wheel.wcp-aws__content-success .wcp-aws__wheel {
	display: none;
}
.wcp-aws__fortune-wheel .suit {
	position: absolute;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .suit.suit-left {
		background: url('./images/suits-left.png') no-repeat;
		background-size: cover;
		width: 149px;
		height: 268px;
		left: 0;
		top: 30px;
	}
}
.wcp-aws__fortune-wheel .suit.suit-right1 {
	background: url('./images/suits-right1-mobile.png') no-repeat;
	background-size: contain;
	background-position: center;
	height: 135px;
	left: 0;
	right: 0;
	top: 135px;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .suit.suit-right1 {
		background: url('./images/suits-right1.png') no-repeat;
		background-size: contain;
		width: 139px;
		left: unset;
		right: 100px;
		height: unset;
		top: 35px;
		bottom: 0;
		z-index: 3;
	}
}
.wcp-aws__fortune-wheel .suit.suit-right2 {
	background: url('./images/suits-right2-mobile.png') no-repeat;
	background-size: contain;
	background-position: center;
	height: 180px;
	left: 0;
	right: 0;
	bottom: -10px;
	z-index: 3;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .suit.suit-right2 {
		background: url('./images/suits-right2.png') no-repeat;
		background-size: contain;
		width: 165px;
		height: 295px;
		right: 0;
		top: -5px;
		left: unset;
		bottom: unset;
	}
}
.wcp-aws__fortune-wheel.spin-complete {
	--wof-padding-mobile: 24px 16px;
	--wof-padding-lg: 48px 175px 48px 24px;
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel.spin-complete .wcp-aws__icon-before {
		display: none;
	}
	.wcp-aws__fortune-wheel.wcp-aws__content-success .wcp-aws__icon-before{
		display: block;
	}
}

@media (min-width: 992px) {
	.wcp-aws__fortune-wheel.spin-complete .wcp-aws__icon-after {
		display: block;
	}
}

.wcp-aws__fortune-wheel.wcp-aws__content-success {
	--wof-padding-lg: 66px 0 102px;
	--wof-padding-md: 66px 0 102px;
	--wof-padding-mobile: 139px 16px;
}
.wcp-aws__fortune-wheel.wcp-aws__content-success .suit.suit-left {
	display: block;
}
@media (max-width: 767px) {
	.wcp-aws__fortune-wheel.wcp-aws__content-success .suit.suit-right1 {
		display: block;
		top: 3px;
	}
}
@media (max-width: 767px) {
	.wcp-aws__fortune-wheel.wcp-aws__content-success .suit.suit-right2 {
		display: block;
	}
}
.wcp-aws__fortune-wheel .wcp-aws__content-inner {
	position: relative;
	z-index: 3;
}
.wcp-aws__fortune-wheel .wcp-aws__success:before {
	display: none;
}
.wcp-aws__fortune-wheel .wcp-aws__spin {
	max-width: 240px;
	margin-bottom: 54px;
}
@media (min-width: 769px) {
	.wcp-aws__fortune-wheel .wcp-aws__spin {
		max-width: 100%;
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-areas: "email" "submit" "agreement";
	}
}
@media (min-width: 768px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-columns: 220px 200px;
	}
}
@media (min-width: 992px) {
	.wcp-aws__fortune-wheel .wcp-aws__form-container {
		grid-template-columns: 400px 233px;
	}
}
.wcp-aws__fortune-wheel .wcp-aws__input.wcp-aws__error--inline input {
	border-radius: var(--input-border-radius);
	border: var(--input-error-border);
}
.wcp-aws__fortune-wheel .wcp-aws__input.wcp-aws__error--inline:not(.wcp-aws__input--agreement) {
	border: 0;
}
.wcp-aws__fortune-wheel .wcp-aws__success > p {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.wcp-aws__fortune-wheel .wcp-aws__success > p br {
	display: none;
}
.wcp-aws__fortune-wheel .wcp-aws__input input{
	font-size: 14px;
}
.wcp-aws__success--img{
	display: none;
}