/* Etarazoo CTA frontend styles */

@font-face {
	font-family: 'Yekan';
	src: url('../fonts/Yekan.eot');
	src: url('../fonts/Yekan.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Yekan.woff') format('woff'),
		 url('../fonts/Yekan.ttf') format('truetype'),
		 url('../fonts/Yekan.svg#Yekan') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.etarazoo-cta-wrapper {
	margin:20px auto;
	background-color: #1B203C;
	border-radius: 16px;
	overflow: hidden;
	padding: 0;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.etarazoo-cta {
	color: #FFFFFF;
	height: 295px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	padding: 24px 0 24px 32px;
	box-sizing: border-box;
	font-family: 'Yekan', sans-serif !important;
}

.etarazoo-cta-bg-mobile {
	display: none;
}

.etarazoo-cta-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.etarazoo-cta-content {
	max-width: 480px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: right;
	margin-right: 40px;
	margin-left: auto;
}

.etarazoo-cta-title {
	margin: 0 0 8px;
	font-family: 'Yekan', sans-serif !important;
	font-weight: 900 !important;
	font-size: 34px !important;
	line-height: 55px;
	letter-spacing: 0;
	color: #FFFFFF;
}

.etarazoo-cta-desc {
	margin: 0 0 24px;
	font-family: 'Yekan', sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 1.9;
	color: #FFFFFF;
}

.etarazoo-cta-actions {
	display: flex;
	align-items: center;
	justify-content: right;
	width: 100%;
}

.etarazoo-cta-btn,
.etarazoo-cta-btn:hover,
.etarazoo-cta-btn:focus,
.etarazoo-cta-btn:active {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	padding: 5px 28px;
	border-radius: 999px;
	background-color: #F08F3E;
	color: #1B203C !important;
	text-decoration: none;
	font-family: 'Yekan', sans-serif !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 1.9;
	letter-spacing: 0;
	transition: box-shadow 0.15s ease, background-color 0.15s ease;
	white-space: nowrap;
	animation: etarazoo-cta-pulse 0.8s ease-in-out infinite;
}

.etarazoo-cta-btn:hover,
.etarazoo-cta-btn:focus {
	background-color: #f49f53;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

@keyframes etarazoo-cta-pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}


/* Banner 3 color overrides */

/* Banner 4 color overrides */
.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-desc {
	color:#000000 !important;
}

.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-btn,
.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-btn:hover,
.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-btn:focus,
.etarazoo-cta[data-banner="banner4"] .etarazoo-cta-btn:active {
	background:#000000 !important;
	color:#ffffff !important;
}

.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-desc {
	color: #000000 !important;
}
.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-btn,
.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-btn:hover,
.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-btn:focus,
.etarazoo-cta[data-banner="banner3"] .etarazoo-cta-btn:active {
	background-color: #000000 !important;
	color: #ffffff !important;
}


/* Banner 5 color overrides */
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-desc {
	color: #1C1C1C !important;
}
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-btn,
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-btn:hover,
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-btn:focus,
.etarazoo-cta[data-banner="banner5"] .etarazoo-cta-btn:active {
	background-color: #FFFFFF !important;
	color: #1B203C !important;
}

/* Banner 6 color overrides */
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-desc {
	color: #FFFFFF !important;
}
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-btn,
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-btn:hover,
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-btn:focus,
.etarazoo-cta[data-banner="banner6"] .etarazoo-cta-btn:active {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}


/* Banner 7 color overrides */
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-desc {
	color: #FFFFFF !important;
}
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-btn,
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-btn:hover,
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-btn:focus,
.etarazoo-cta[data-banner="banner7"] .etarazoo-cta-btn:active {
	background-color: #FFFFFF !important;
	color: #1B203C !important;
}

/* Mobile */
@media (max-width: 768px) {
	.etarazoo-cta-wrapper {
	margin-top:20px;
	margin-bottom:20px;
		background-image: none !important;
	}

	.etarazoo-cta {
		height: auto;
		padding: 0 0 24px;
	}

	.etarazoo-cta-bg-mobile {
		display: block;
		width: 100%;
		height: 220px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.etarazoo-cta-inner {
		justify-content: center;
		padding: 16px 16px 0;
	}

	.etarazoo-cta-content {
		margin: 0;
		align-items: center;
		text-align: center;
		max-width: 100%;
	}

	.etarazoo-cta-title {
		font-size: 24px !important;
		line-height: 1.6;
	}

	.etarazoo-cta-desc {
		font-size: 18px !important;
		line-height: 1.8;
		margin-bottom: 16px;
		font-weight: 400 !important;
	}

	.etarazoo-cta-actions {
		justify-content: center;
		margin-top: 8px;
	}

	.etarazoo-cta-btn {
		width: 100%;
		max-width: 260px;
		font-size: 16px !important;
	}
}

/* Banner 8 & 9 right background + right spacing (desktop only) */
@media (min-width: 769px) {
	.etarazoo-cta-wrapper[data-banner="banner8"],
	.etarazoo-cta-wrapper[data-banner="banner9"] {
		background-position: right center;
	}

	.etarazoo-cta[data-banner="banner8"],
	.etarazoo-cta[data-banner="banner9"] {
		padding-right: 400px;
	}
}

/* Banner 8 colors */
.etarazoo-cta[data-banner="banner8"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner8"] .etarazoo-cta-desc {
    color:#1C1C1C !important;
}
.etarazoo-cta[data-banner="banner8"] .etarazoo-cta-btn {
    background:#FFFFFF !important;
    color:#1B203C !important;
}

/* Banner 9 colors */
.etarazoo-cta[data-banner="banner9"] .etarazoo-cta-title,
.etarazoo-cta[data-banner="banner9"] .etarazoo-cta-desc {
    color:#FFFFFF !important;
}
.etarazoo-cta[data-banner="banner9"] .etarazoo-cta-btn {
    background:#FFFFFF !important;
    color:#1B203C !important;
}


@media (min-width: 769px) {
	.etarazoo-cta-title {
		font-size: 30px !important;
	}
	.etarazoo-cta-desc {
		font-size: 14px !important;
	}
	.etarazoo-cta-btn,
	.etarazoo-cta-btn:hover,
	.etarazoo-cta-btn:focus,
	.etarazoo-cta-btn:active {
		font-size: 17px !important;
	}
	.etarazoo-cta {
		height: 245px;
	}
}

@media (min-width:769px){
	.etarazoo-cta[data-banner="banner8"] .etarazoo-cta-content,
	.etarazoo-cta[data-banner="banner9"] .etarazoo-cta-content{
		max-width:none !important;
		width:100% !important;
		align-items:center !important;
		text-align:center !important;
	}
	.etarazoo-cta[data-banner="banner8"] .etarazoo-cta-actions,
	.etarazoo-cta[data-banner="banner9"] .etarazoo-cta-actions{
		justify-content:center !important;
	}
}