/**
 * CTA Form Block Styles
 */

/* ─── Block wrapper ───────────────────────────────────────────────────────── */

.ct-cta-form {
	position: relative;
	overflow: hidden;
	padding-top: 77px;
}

/* ─── Inner ───────────────────────────────────────────────────────────────── */

.ct-cta-form__inner {
	position: relative;
	z-index: 2;
	padding: 60px 60px 30px;
	border-radius: 40px;
	background:
		linear-gradient(0deg, #3F3880, #3F3880),
		radial-gradient(65.96% 163.27% at 111.99% 144.51%, #B6AEFB 0%, #3F3880 100%);
}

/* ─── Content ─────────────────────────────────────────────────────────────── */

.ct-cta-form__content {
	max-width: 563px;
	width: 100%;
	position: relative;
	z-index: 2;
}

.ct-cta-form__title {
	margin: 0 0 8px;
	color: var(--color-white);
	font-weight: 600;
}

.ct-cta-form__text {
	margin: 0 0 32px;
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: var(--color-white);
}

/* ─── Photo ───────────────────────────────────────────────────────────────── */

.ct-cta-form__photo {
	position: absolute;
	right: 0;
	bottom: 0;
	top: -77px;
	width: auto;
	height: calc(100% + 77px);
	pointer-events: none;
	z-index: 1;
}

.ct-cta-form .ct-form__row--submit {
	gap: 16px;
}

.ct-cta-form .ct-form__row--submit .btn {
	flex-shrink: 0;
	padding: 17px 24px;
}

.ct-cta-form__contacts {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ct-cta-form__phone {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	text-decoration: none;
	transition: .3s ease;
}

.ct-cta-form__phone:hover {
	text-decoration: underline;
}

.ct-cta-form__meta {
	display: flex;
	gap: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	text-decoration-style: solid;
	color: #fff;
}

.ct-cta-form__address {
	text-decoration: underline;
}

.ct-cta-form__hours {
	color: #FFFFFF66;
	text-decoration: none;
}

/* ─── Mobile (≤ 768px) ────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	.ct-cta-form {
		padding: 0;
	}

	.ct-cta-form .container {
		padding: 0;
	}

	.ct-cta-form__inner {
		padding: 32px 16px 170px;
		border-radius: 0;
	}

	.ct-cta-form__content {
		max-width: 100%;
	}

	.ct-cta-form__title {
		margin-bottom: 6px;
	}

	.ct-cta-form__text {
		margin-bottom: 24px;
		font-size: 14px;
	}

	.ct-cta-form__photo {
		top: unset;
        left: unset;
        right: -52px;
        bottom: 0;
        width: 100%;
        height: 255px;
        width: auto;
	}
}

@media (max-width: 768px) {

	.ct-cta-form .ct-form__row--submit {
		flex-direction: column;
		align-items: flex-start;
	}

	.ct-cta-form__meta {
		flex-direction: column;
		align-items: flex-start;
	}
}