/* ============================================================
   ONLINE CERTIFICATE — BASE VARIABLES
============================================================ */

:root {
	--certificate-red: #F44336;

	--certificate-bg: #FFFFFF;
	--certificate-bg-soft: #F8F7F4;
	--certificate-bg-warm: #F9F6E9;

	--certificate-text: #292827;
	--certificate-text-secondary: #625F5A;
	--certificate-line: #DEDAD4;

	--certificate-white: #FFFFFF;
}


/* ============================================================
   ТЗ 01 — ПЕРВЫЙ ЭКРАН
   СВЕТЛЫЙ / ТЕКСТ СЛЕВА / ФОТО СПРАВА
============================================================ */

.certificate-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
	isolation: isolate;

	background:
		radial-gradient(
			circle at 86% 35%,
			rgba(249, 246, 233, .72) 0%,
			rgba(249, 246, 233, .28) 31%,
			rgba(249, 246, 233, 0) 58%
		),
		#FFFFFF;
}


/* ============================================================
   ФОНОВАЯ ПОДСВЕТКА
============================================================ */

.certificate-hero::before {
	content: "";

	position: absolute;
	z-index: 0;

	top: -18%;
	right: -12%;

	width: 78%;
	height: 125%;

	pointer-events: none;

	background:
		radial-gradient(
			ellipse at center,
			rgba(255, 236, 207, .40) 0%,
			rgba(255, 241, 219, .18) 30%,
			rgba(255, 255, 255, 0) 68%
		);
}

/* ============================================================
   ОСНОВНОЙ КОНТЕЙНЕР
============================================================ */

.certificate-hero__container {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, .92fr)
		minmax(460px, 1.08fr);

	align-items: center;

	gap: clamp(40px, 5vw, 90px);

	width: 100%;
	min-height: 720px;

	padding-top: 130px;
	padding-bottom: 70px;
}


/* ============================================================
   ЛЕВАЯ ЧАСТЬ
============================================================ */

.certificate-hero__content {
	position: relative;
	z-index: 3;

	width: 100%;
	max-width: 610px;
}


/* ------------------------------------------------------------
   Надзаголовок
------------------------------------------------------------- */

.certificate-hero__label {
	margin-bottom: 20px;

	color: var(--certificate-red);

	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;

	letter-spacing: .065em;
	text-transform: uppercase;
}


/* ------------------------------------------------------------
   H1
------------------------------------------------------------- */

.certificate-hero__title {
	max-width: 610px;
	margin: 0;

	color: var(--certificate-text);

	font-family: Inter, sans-serif;
	font-size: clamp(52px, 4.3vw, 64px);
	font-weight: 500;
	line-height: 1.02;

	letter-spacing: -.045em;
}


/* ------------------------------------------------------------
   Красная линия
------------------------------------------------------------- */

.certificate-hero__line {
	width: 64px;
	height: 2px;

	margin: 30px 0;

	background: var(--certificate-red);
}


/* ------------------------------------------------------------
   Описание
------------------------------------------------------------- */

.certificate-hero__text {
	max-width: 555px;

	margin: 0 0 34px !important;

	color: var(--certificate-text-secondary) !important;

	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55;
}


/* ============================================================
   CTA
============================================================ */

.certificate-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 54px;

	padding: 15px 30px;

	border: 1px solid var(--certificate-red);
	border-radius: 3px;

	background: var(--certificate-red);

	color: #FFFFFF !important;

	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;

	text-decoration: none !important;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		transform .2s ease;
}


.certificate-hero__cta:hover,
.certificate-hero__cta:focus-visible {
	background: #DD392F;
	border-color: #DD392F;

	color: #FFFFFF !important;
}


.certificate-hero__cta:active {
	transform: translateY(1px);
}


/* ============================================================
   ПРАВАЯ ЧАСТЬ
============================================================ */

.certificate-hero__visual {
	position: relative;
	z-index: 3;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	width: 100%;
	min-width: 0;
}


/* ------------------------------------------------------------
   Световое пятно непосредственно за фото
------------------------------------------------------------- */

.certificate-hero__visual::before {
	content: "";

	position: absolute;
	z-index: 0;

	top: 50%;
	left: 52%;

	width: 118%;
	height: 112%;

	transform: translate(-50%, -50%);

	pointer-events: none;

	background:
		radial-gradient(
			ellipse at center,
			rgba(250, 225, 185, .24) 0%,
			rgba(249, 246, 233, .12) 45%,
			transparent 72%
		);

	filter: blur(16px);
}


/* ============================================================
   PICTURE
============================================================ */

.certificate-hero__visual picture {
	position: relative;
	z-index: 1;

	display: block;
	width: 100%;
	max-width: 780px;

	overflow: hidden;
	border-radius: 36px;

	box-shadow:
	-14px 8px 32px rgba(76, 61, 46, .07);
}


/* ============================================================
   ИЗОБРАЖЕНИЕ
============================================================ */

.certificate-hero__visual img {
	display: block;

	width: 100%;
	height: auto;

	margin: 0;

	object-fit: cover;
	object-position: center;

	border-radius: inherit;

	box-shadow:
		0 28px 65px rgba(82, 66, 48, .08);
}


/* ============================================================
   LARGE DESKTOP
============================================================ */

@media (min-width: 1400px) {

	.certificate-hero__container {
		min-height: 760px;
	}

	.certificate-hero__visual picture {
		max-width: 820px;
	}

}


/* ============================================================
   DESKTOP / SMALL LAPTOP
============================================================ */

@media (max-width: 1199.98px) {

	.certificate-hero__container {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(380px, .92fr);

		gap: 35px;

		min-height: 680px;

		padding-top: 120px;
		padding-bottom: 60px;
	}

	.certificate-hero__title {
		font-size: clamp(46px, 5vw, 58px);
	}

	.certificate-hero__visual picture {
		max-width: 650px;
	}
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {

	.certificate-hero__container {
		grid-template-columns: 1fr;

		gap: 42px;

		min-height: auto;

		padding-top: 120px;
		padding-bottom: 55px;
	}

	.certificate-hero__content {
		max-width: 650px;
	}

	.certificate-hero__visual {
		justify-content: center;
	}

	.certificate-hero__visual picture {
		width: 90%;
		max-width: 650px;
	}

	.certificate-hero__visual::before {
		left: 50%;
		width: 95%;
	}
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {

	.certificate-hero {
		background:
			linear-gradient(
				180deg,
				#FFFFFF 0%,
				#FFFFFF 72%,
				#FAF7EF 100%
			);
	}

	.certificate-hero::before {
		top: 30%;
		right: -55%;

		width: 145%;
		height: 75%;
	}

	.certificate-hero::after {
		left: -65%;
		right: -65%;

		bottom: -5%;

		height: 46%;

		opacity: .72;

		transform: rotate(-6deg);
	}

	.certificate-hero__container {
		display: flex;
		flex-direction: column;

		gap: 32px;

		padding-top: 105px;
		padding-bottom: 38px;
	}

	.certificate-hero__content {
		width: 100%;
		max-width: none;
	}

	.certificate-hero__label {
		margin-bottom: 15px;

		font-size: 12px;
		letter-spacing: .055em;
	}

	.certificate-hero__title {
		max-width: none;

		font-size: clamp(34px, 10vw, 40px);
		line-height: 1.04;

		letter-spacing: -.035em;
	}

	.certificate-hero__line {
		width: 48px;

		margin: 22px 0;
	}

	.certificate-hero__text {
		max-width: none;

		margin-bottom: 26px !important;

		font-size: 16px;
		line-height: 1.5;
	}

	.certificate-hero__cta {
		width: 100%;

		min-height: 52px;

		padding-right: 20px;
		padding-left: 20px;
	}

	.certificate-hero__visual {
		width: 100%;

		justify-content: center;
	}

	.certificate-hero__visual picture {
		width: 100%;
		max-width: none;

		border-radius: 26px;
	}

	.certificate-hero__visual::before {
		width: 115%;
		height: 115%;
	}

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 374px) {

	.certificate-hero__container {
		padding-top: 95px;
		padding-bottom: 28px;
	}

	.certificate-hero__title {
		font-size: 32px;
	}

	.certificate-hero__text {
		font-size: 15px;
	}

	.certificate-hero__visual picture {
		border-radius: 22px;
	}

}

/* ============================================================
   ТЗ 02 — ОНЛАЙН-СЕРТИФИКАТ
============================================================ */

.online-certificate-explain {
	width: 100%;
	overflow: hidden;

	background: #FFFFFF;

	color: var(--certificate-text);
}


/* ============================================================
   ВЕРХНИЙ КОНТЕЙНЕР
============================================================ */

.online-certificate-explain__container {
	width: 100%;
	max-width: 1320px;

	padding-top: 85px;
	padding-bottom: 68px;
}


/* ============================================================
   ВЕРХНЯЯ ЧАСТЬ
============================================================ */

.online-certificate-explain__intro {
	display: grid;

	grid-template-columns:
		minmax(0, 2fr)
		minmax(280px, 1fr);

	align-items: end;

	gap: clamp(50px, 7vw, 120px);
}


/* ============================================================
   LABEL
============================================================ */

.online-certificate-explain__label {
	margin-bottom: 24px;

	color: #F44336;

	font-family: Inter, sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.35;

	letter-spacing: .055em;
}


/* ============================================================
   H2
============================================================ */

.online-certificate-explain__title {
	margin: 0;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: clamp(58px, 5.5vw, 80px);
	font-weight: 500;
	line-height: 1;

	letter-spacing: -.05em;
}


.online-certificate-explain__title span {
	position: relative;

	display: inline-block;

	color: #F44336;
}


.online-certificate-explain__title span::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: -9px;

	height: 2px;

	background: #F44336;
}


/* ============================================================
   ПОЯСНЯЮЩИЙ ТЕКСТ СПРАВА
============================================================ */

.online-certificate-explain__description {
	max-width: 390px;

	padding-bottom: 6px;
}


.online-certificate-explain__description p {
	margin: 0 !important;

	color: #625F5A !important;

	font-family: Inter, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.55;
}


/* ============================================================
   ЗОНА КАРТОЧЕК
============================================================ */

.online-certificate-explain__cards-area {
	width: 100%;

	padding:
		54px
		0
		90px;

	background: #F5F5F5;
}


.online-certificate-explain__cards-container {
	max-width: 1320px;
}


/* ============================================================
   СЕТКА 6 × 2
============================================================ */

.online-certificate-explain__cards-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}


/* ============================================================
   КАРТОЧКА
============================================================ */

.online-certificate-explain__card {
	min-height: 190px;

	padding:
		28px
		32px
		30px;

	background: #FFFFFF;

	border: 1px solid rgba(35, 35, 35, .035);
	border-radius: 30px;
}


/* ============================================================
   ИКОНКА
============================================================ */

.online-certificate-explain__card-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 46px;
	height: 46px;

	margin-bottom: 19px;

	border-radius: 13px;

	background: #FFF1F0;

	color: #F44336;
}


.online-certificate-explain__card-icon svg {
	width: 25px;
	height: 25px;

	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* ============================================================
   ЗАГОЛОВОК КАРТОЧКИ
============================================================ */

.online-certificate-explain__card h3 {
	margin:
		0
		0
		9px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.3;

	letter-spacing: -.015em;
}


/* ============================================================
   ОПИСАНИЕ КАРТОЧКИ
============================================================ */

.online-certificate-explain__card p {
	max-width: 520px;

	margin: 0 !important;

	color: #706D69 !important;

	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {
	
	.online-certificate-explain__cards-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.online-certificate-explain__container {
		padding-top: 75px;
		padding-bottom: 55px;
	}

	.online-certificate-explain__intro {
		grid-template-columns: 1fr;

		gap: 35px;
	}

	.online-certificate-explain__description {
		max-width: 650px;
	}

	.online-certificate-explain__cards-area {
		padding:
			45px
			0
			75px;
	}

	.online-certificate-explain__cards-grid {
		gap: 18px;
	}

	.online-certificate-explain__card {
		padding:
			26px
			26px
			28px;

		border-radius: 26px;
	}
}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {

	.online-certificate-explain__container {
		padding-top: 60px;
		padding-bottom: 42px;
	}

	.online-certificate-explain__intro {
		gap: 28px;
	}

	.online-certificate-explain__label {
		margin-bottom: 16px;

		font-size: 14px;
	}

	.online-certificate-explain__title {
		font-size: clamp(42px, 11vw, 58px);
		line-height: 1;
	}

	.online-certificate-explain__title span::after {
		bottom: -6px;
	}

	.online-certificate-explain__description p {
		font-size: 17px;
	}


	/* Карточки */

	.online-certificate-explain__cards-area {
		padding:
			32px
			0
			60px;
	}

	.online-certificate-explain__cards-grid {
		grid-template-columns: 1fr;

		gap: 14px;
	}

	.online-certificate-explain__card {
		min-height: 0;

		padding:
			23px
			22px
			25px;

		border-radius: 23px;
	}

	.online-certificate-explain__card-icon {
		width: 43px;
		height: 43px;

		margin-bottom: 16px;

		border-radius: 12px;
	}

	.online-certificate-explain__card-icon svg {
		width: 23px;
		height: 23px;
	}

	.online-certificate-explain__card h3 {
		font-size: 20px;
	}

	.online-certificate-explain__card p {
		font-size: 15px;
	}
}
/* ============================================================
   ТЗ 03 — ВОЗМОЖНОСТИ СЕРТИФИКАТА
============================================================ */

.certificate-services-overview {
	width: 100%;

	padding:
		90px
		0
		100px;

	background: #F5F5F5;
}


.certificate-services-overview__container {
	max-width: 1320px;
}


/* ============================================================
   ЗАГОЛОВОК
============================================================ */

.certificate-services-overview__head {
	max-width: 900px;

	margin-bottom: 34px;
}


.certificate-services-overview__label {
	margin-bottom: 15px;

	color: #F44336;

	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;

	letter-spacing: .06em;
	text-transform: uppercase;
}


.certificate-services-overview__title {
	margin:
		0
		0
		18px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: clamp(42px, 4.3vw, 58px);
	font-weight: 500;
	line-height: 1.06;

	letter-spacing: -.04em;
}


.certificate-services-overview__title span {
	color: #F44336;
}


.certificate-services-overview__lead {
	max-width: 720px;

	margin: 0 !important;

	color: #696663 !important;

	font-family: Inter, sans-serif;
	font-size: 18px;
	line-height: 1.55;
}


/* ============================================================
   СТРАХОВЫЕ КОМПАНИИ
============================================================ */

.certificate-services-overview__insurers {
	display: flex;
	flex-wrap: wrap;

	gap:
		10px
		12px;

	margin-bottom: 38px;
}


.certificate-services-overview__insurers span {
	display: inline-flex;
	align-items: center;

	min-height: 38px;

	padding:
		8px
		15px;

	background: #FFFFFF;

	border: 1px solid #E8E8E8;
	border-radius: 50px;

	color: #575451;

	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 500;
}


/* ============================================================
   СЕТКА — 3 × 2
============================================================ */

.certificate-services-overview__grid {
	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 20px;
}


/* ============================================================
   КАРТОЧКА
============================================================ */

.certificate-services-overview__card {
	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid rgba(35, 35, 35, .035);
	border-radius: 26px;
}


/* ============================================================
   ФОТО
============================================================ */

.certificate-services-overview__picture {
	display: block;

	width: 100%;
	overflow: hidden;

	aspect-ratio: 3 / 2;

	background: #EEEEEE;
}


.certificate-services-overview__picture img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}


/* ============================================================
   ТЕКСТ КАРТОЧКИ
============================================================ */

.certificate-services-overview__card-body {
	padding:
		23px
		25px
		26px;
}


.certificate-services-overview__card h3 {
	margin:
		0
		0
		8px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.25;

	letter-spacing: -.02em;
}


.certificate-services-overview__card p {
	margin: 0 !important;

	color: #706D69 !important;

	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {

	.certificate-services-overview {
		padding:
			75px
			0
			80px;
	}

	.certificate-services-overview__grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 18px;
	}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {

	.certificate-services-overview {
		padding:
			60px
			0
			65px;
	}

	.certificate-services-overview__head {
		margin-bottom: 26px;
	}

	.certificate-services-overview__label {
		font-size: 12px;
	}

	.certificate-services-overview__title {
		font-size: clamp(34px, 9vw, 42px);
	}

	.certificate-services-overview__lead {
		font-size: 16px;
	}

	.certificate-services-overview__insurers {
		margin-bottom: 28px;
	}

	.certificate-services-overview__insurers span {
		min-height: 34px;

		padding:
			6px
			12px;

		font-size: 13px;
	}

	.certificate-services-overview__grid {
		grid-template-columns: 1fr;

		gap: 14px;
	}

	.certificate-services-overview__card {
		border-radius: 23px;
	}

	.certificate-services-overview__card-body {
		padding:
			20px
			22px
			23px;
	}

	.certificate-services-overview__card h3 {
		font-size: 20px;
	}

}
/* ============================================================
   ТЗ 03 — ДОСТУПНЫЕ УСЛУГИ ПО НОМИНАЛУ
============================================================ */

.certificate-nominal-services {
	width: 100%;
	padding: 95px 0 105px;

	background: #FFFFFF;
}


.certificate-nominal-services__container {
	max-width: 1320px;
}


/* ============================================================
   HEAD
============================================================ */

.certificate-nominal-services__head {
	max-width: 850px;

	margin-bottom: 45px;
}


.certificate-nominal-services__title {
	margin: 0 0 17px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: clamp(42px, 4.3vw, 58px);
	font-weight: 500;
	line-height: 1.06;

	letter-spacing: -.04em;
}


.certificate-nominal-services__lead {
	max-width: 700px;

	margin: 0 !important;

	color: #696663 !important;

	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55;
}


/* ============================================================
   КАРУСЕЛЬ — СВЕТЛАЯ РАБОЧАЯ ЗОНА
============================================================ */

.certificate-nominal-services__carousel {
	position: relative;

	padding:
		26px
		80px
		26px;

	background: #F5F5F5;

	border-radius: 34px;
}


.certificate-nominal-services__swiper {
	width: calc(100% + 20px);

	margin:
		-14px
		-10px
		-20px;

	padding:
		14px
		10px
		20px;

	overflow: hidden;

	transition: opacity .2s ease;
}


.certificate-nominal-services__swiper.is-updating {
	opacity: .35;
}


/* ============================================================
   SLIDE
============================================================ */

.certificate-nominal-services__swiper .swiper-slide {
	display: flex;

	height: auto;
}


/* ============================================================
   CARD
============================================================ */

.certificate-nominal-services__card {
	display: flex;
	flex-direction: column;

	width: 100%;
	height: 100%;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid rgba(35, 35, 35, .04);
	border-radius: 24px;
}


/* ============================================================
   IMAGE
============================================================ */

.certificate-nominal-services__picture {
	display: block;

	width: 100%;
	overflow: hidden;

	aspect-ratio: 3 / 2;

	background: #ECECEC;
}


.certificate-nominal-services__picture img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}


/* ============================================================
   CARD BODY
============================================================ */

.certificate-nominal-services__card-body {
	display: flex;
	flex: 1;
	flex-direction: column;

	padding:
		21px
		22px
		24px;
}


.certificate-nominal-services__card h3 {
	margin: 0 0 9px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;

	letter-spacing: -.02em;
}


.certificate-nominal-services__card p {
	margin: 0 !important;

	color: #706D69 !important;

	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}


/* ============================================================
   NAVIGATION
============================================================ */

.certificate-nominal-services__navigation {
	position: absolute;
	z-index: 5;

	top: 50%;
	left: 20px;
	right: 20px;

	display: flex;
	justify-content: space-between;

	pointer-events: none;

	transform: translateY(-50%);
}


.certificate-nominal-services__arrow {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 46px;
	height: 46px;

	padding: 0;

	background: #FFFFFF;

	border: 1px solid #E1E1E1;
	border-radius: 50%;

	color: #292827;

	pointer-events: auto;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


.certificate-nominal-services__arrow:hover {
	background: #F44336;
	border-color: #F44336;

	color: #FFFFFF;
}


.certificate-nominal-services__arrow svg {
	width: 22px;
	height: 22px;

	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.certificate-nominal-services__arrow.swiper-button-disabled {
	opacity: .25;

	cursor: default;
	pointer-events: none;
}


/* ============================================================
   NOMINAL CONTROLS
============================================================ */

.certificate-nominal-services__controls {
	margin-top: 42px;
}


.certificate-nominal-services__controls-title {
	margin-bottom: 17px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}


/* ============================================================
   NOMINAL BUTTONS
============================================================ */

.certificate-nominal-services__nominals {
	display: flex;
	flex-wrap: wrap;

	gap: 10px;
}


.certificate-nominal-services__nominal {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;

	min-width: 135px;
	min-height: 68px;

	padding:
		10px
		17px;

	background: #FFFFFF;

	border: 1px solid #DDDAD6;
	border-radius: 16px;

	color: #292827;

	text-align: left;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


.certificate-nominal-services__nominal:hover {
	border-color: #F44336;
}


.certificate-nominal-services__nominal[aria-pressed="true"] {
	background: #F44336;
	border-color: #F44336;

	color: #FFFFFF;
}


.certificate-nominal-services__nominal-amount {
	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.2;
}


.certificate-nominal-services__nominal-count {
	margin-top: 3px;

	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;

	opacity: .72;
}


/* ============================================================
   NOTE
============================================================ */

.certificate-nominal-services__note {
	max-width: 780px;

	margin:
		20px
		0
		0 !important;

	color: #77736F !important;

	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {

	.certificate-nominal-services {
		padding: 75px 0 80px;
	}

	.certificate-nominal-services__carousel {
		padding:
			24px
			70px;
	}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {
	
	

	.certificate-nominal-services {
		padding: 60px 0 65px;
	}

	.certificate-nominal-services__head {
		margin-bottom: 30px;
	}

	.certificate-nominal-services__title {
		font-size: clamp(34px, 9vw, 42px);
	}

	.certificate-nominal-services__lead {
		font-size: 16px;
	}


	/* Карусель */

	.certificate-nominal-services__carousel {
		margin-right: -12px;

		padding:
			18px
			0
			18px
			18px;

		border-radius:
			24px
			0
			0
			24px;
	}


	.certificate-nominal-services__swiper {
	width: calc(100% + 10px);

	margin:
		-10px
		-10px
		-16px
		0;

	padding:
		10px
		18px
		16px
		0;
	}


	.certificate-nominal-services__navigation {
		display: none;
	}


	.certificate-nominal-services__card {
		border-radius: 20px;
	}


	.certificate-nominal-services__card-body {
		padding:
			19px
			19px
			21px;
	}


	.certificate-nominal-services__card h3 {
		font-size: 19px;
	}


	.certificate-nominal-services__card p {
		font-size: 14px;
	}


	/* Номиналы */

	.certificate-nominal-services__controls {
		margin-top: 32px;
	}


	.certificate-nominal-services__nominals {
		flex-wrap: nowrap;

		width: calc(100% + 12px);

		padding-right: 12px;
		padding-bottom: 4px;

		overflow-x: auto;

		scrollbar-width: none;

		-webkit-overflow-scrolling: touch;
	}


	.certificate-nominal-services__nominals::-webkit-scrollbar {
		display: none;
	}


	.certificate-nominal-services__nominal {
		flex: 0 0 auto;

		min-width: 128px;
		min-height: 64px;

		border-radius: 14px;
	}

}


@media (prefers-reduced-motion: reduce) {

	.certificate-nominal-services__swiper,
	.certificate-nominal-services__nominal,
	.certificate-nominal-services__arrow {
		transition: none !important;
	}

}
.certificate-nominal-services__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 54px;
	margin-top: 24px;
	padding: 15px 30px;

	background: #F44336;
	border: 1px solid #F44336;
	border-radius: 6px;

	color: #FFFFFF !important;

	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;

	text-decoration: none !important;

	transition:
		background-color .2s ease,
		border-color .2s ease;
}
.certificate-nominal-services__cta {
	width: 100%;
	min-height: 52px;

	margin-top: 20px;
	}

.certificate-nominal-services__cta:hover,
.certificate-nominal-services__cta:focus-visible {
	background: #DD392F;
	border-color: #DD392F;

	color: #FFFFFF !important;
}
.certificate-services-overview__card-link {
	display: block;
	width: 100%;
	height: 100%;

	color: inherit !important;
	text-decoration: none !important;
}

.certificate-services-overview__card-link:hover,
.certificate-services-overview__card-link:focus {
	color: inherit !important;
	text-decoration: none !important;
}
/* ============================================================
   ТЗ 04 — УЖЕ ПОЛУЧИЛИ СЕРТИФИКАТ?
============================================================ */

.certificate-received {
	width: 100%;

	padding:
		90px
		0;

	background: #FFFFFF;
}


.certificate-received__container {
	max-width: 1320px;
}


/* ============================================================
   ОСНОВНОЙ БАННЕР
============================================================ */

.certificate-received__card {
	position: relative;

	display: grid;

	grid-template-columns:
		minmax(0, 1.55fr)
		minmax(300px, .65fr);

	align-items: center;

	min-height: 420px;

	overflow: hidden;

	background: #F9F6E9;

	border-radius: 34px;
}


/* ============================================================
   ЛЕВАЯ ЧАСТЬ
============================================================ */

.certificate-received__content {
	position: relative;
	z-index: 2;

	max-width: 780px;

	padding:
		62px
		clamp(45px, 5vw, 75px);
}


/* Надзаголовок */

.certificate-received__label {
	margin-bottom: 17px;

	color: #F44336;

	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;

	letter-spacing: .06em;
	text-transform: uppercase;
}


/* H2 */

.certificate-received__title {
	margin: 0;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: clamp(42px, 4.2vw, 58px);
	font-weight: 500;
	line-height: 1.06;

	letter-spacing: -.04em;
}


/* Красная линия */

.certificate-received__line {
	width: 62px;
	height: 2px;

	margin:
		27px
		0;

	background: #F44336;
}


/* Текст */

.certificate-received__text {
	max-width: 650px;

	margin:
		0
		0
		31px !important;

	color: #625F5A !important;

	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55;
}


/* ============================================================
   КНОПКА
============================================================ */

.certificate-received__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 11px;

	min-height: 54px;

	padding:
		15px
		27px;

	background: #F44336;

	border: 1px solid #F44336;
	border-radius: 7px;

	color: #FFFFFF !important;

	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;

	text-decoration: none !important;

	transition:
		background-color .2s ease,
		border-color .2s ease;
}


.certificate-received__cta svg {
	width: 20px;
	height: 20px;

	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;

	transition: transform .2s ease;
}


.certificate-received__cta:hover,
.certificate-received__cta:focus-visible {
	background: #DD392F;
	border-color: #DD392F;

	color: #FFFFFF !important;
}


.certificate-received__cta:hover svg {
	transform: translateX(3px);
}


/* ============================================================
   ПРАВАЯ ДЕКОРАТИВНАЯ ЧАСТЬ
============================================================ */

.certificate-received__visual {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	align-self: stretch;

	min-height: 100%;

	border-left: 1px solid rgba(244, 67, 54, .28);
}


/* Большой круг */

.certificate-received__visual-circle {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 190px;
	height: 190px;

	background: #FFFFFF;

	border-radius: 50%;
}


/* Иконка */

.certificate-received__visual-icon {
	width: 88px;
	height: 88px;

	stroke: #F44336;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* Декоративные точки */

.certificate-received__visual-dot {
	position: absolute;

	border-radius: 50%;

	background: #F44336;
}


.certificate-received__visual-dot--1 {
	top: 72px;
	right: 70px;

	width: 10px;
	height: 10px;

	opacity: .65;
}


.certificate-received__visual-dot--2 {
	right: 48px;
	bottom: 88px;

	width: 6px;
	height: 6px;

	opacity: .35;
}


.certificate-received__visual-dot--3 {
	left: 58px;
	bottom: 64px;

	width: 8px;
	height: 8px;

	opacity: .48;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {

	.certificate-received {
		padding:
			75px
			0;
	}

	.certificate-received__card {
		grid-template-columns:
			minmax(0, 1fr)
			250px;

		min-height: 390px;

		border-radius: 30px;
	}

	.certificate-received__content {
		padding:
			50px
			40px;
	}

	.certificate-received__visual-circle {
		width: 160px;
		height: 160px;
	}

	.certificate-received__visual-icon {
		width: 72px;
		height: 72px;
	}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {

	.certificate-received {
		padding:
			60px
			0;
	}

	.certificate-received__card {
		display: block;

		min-height: 0;

		border-radius: 24px;
	}

	.certificate-received__content {
		max-width: none;

		padding:
			36px
			24px
			40px;
	}

	.certificate-received__label {
		margin-bottom: 14px;

		font-size: 12px;
	}

	.certificate-received__title {
		font-size: clamp(34px, 9vw, 42px);
	}

	.certificate-received__line {
		width: 48px;

		margin:
			22px
			0;
	}

	.certificate-received__text {
		margin-bottom: 26px !important;

		font-size: 16px;
		line-height: 1.5;
	}

	.certificate-received__cta {
		width: 100%;

		min-height: 52px;
	}


	/* На mobile декоративную часть убираем */

	.certificate-received__visual {
		display: none;
	}

}
/* ============================================================
   ТЗ 05 — ВОПРОСЫ И ОТВЕТЫ
============================================================ */

.certificate-faq {
	width: 100%;

	padding:
		95px
		0
		110px;

	background: #FFFFFF;
}


.certificate-faq__container {
	max-width: 1100px;
}


/* ============================================================
   HEAD
============================================================ */

.certificate-faq__head {
	max-width: 780px;

	margin-bottom: 52px;
}


.certificate-faq__label {
	margin-bottom: 15px;

	color: #F44336;

	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;

	letter-spacing: .06em;
	text-transform: uppercase;
}


.certificate-faq__title {
	margin:
		0
		0
		17px;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: clamp(42px, 4.3vw, 58px);
	font-weight: 500;
	line-height: 1.06;

	letter-spacing: -.04em;
}


.certificate-faq__lead {
	max-width: 650px;

	margin: 0 !important;

	color: #696663 !important;

	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55;
}


/* ============================================================
   LIST
============================================================ */

.certificate-faq__list {
	width: 100%;

	border-top: 1px solid #DCD9D5;
}


/* ============================================================
   ITEM
============================================================ */

.certificate-faq__item {
	width: 100%;

	border-bottom: 1px solid #DCD9D5;
}


/* ============================================================
   H3 RESET
============================================================ */

.certificate-faq__question {
	margin: 0;
}


/* ============================================================
   QUESTION BUTTON
============================================================ */

.certificate-faq__button {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 30px;

	width: 100%;
	min-height: 92px;

	padding:
		26px
		0;

	background: transparent;

	border: 0;

	color: #292827;

	font-family: Inter, sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.35;

	letter-spacing: -.015em;

	text-align: left;

	cursor: pointer;

	transition:
		color .18s ease;
}


.certificate-faq__button:hover {
	color: #F44336;
}


.certificate-faq__button:focus-visible {
	outline: 2px solid #F44336;
	outline-offset: 5px;
}


/* ============================================================
   PLUS
============================================================ */

.certificate-faq__plus {
	position: relative;

	flex:
		0
		0
		34px;

	width: 34px;
	height: 34px;

	border: 1px solid #E1DEDA;
	border-radius: 50%;

	transition:
		border-color .18s ease,
		background-color .18s ease;
}


.certificate-faq__plus::before,
.certificate-faq__plus::after {
	content: "";

	position: absolute;

	top: 50%;
	left: 50%;

	width: 14px;
	height: 2px;

	background: #F44336;

	transform:
		translate(-50%, -50%);

	transition:
		transform .18s ease;
}


.certificate-faq__plus::after {
	transform:
		translate(-50%, -50%)
		rotate(90deg);
}


/* открыто */

.certificate-faq__button[aria-expanded="true"] {
	color: #292827;
}


.certificate-faq__button[aria-expanded="true"]
.certificate-faq__plus {
	background: #FFF2F1;
	border-color: #F44336;
}


.certificate-faq__button[aria-expanded="true"]
.certificate-faq__plus::after {
	transform:
		translate(-50%, -50%)
		rotate(0deg);
}


/* ============================================================
   ANSWER
============================================================ */

.certificate-faq__answer-inner {
	max-width: 850px;

	padding:
		0
		70px
		28px
		0;
}


.certificate-faq__answer p {
	margin: 0 !important;

	color: #625F5A !important;

	font-family: Inter, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
}


/* ============================================================
   LINKS
============================================================ */

.certificate-faq__answer a {
	color: #F44336 !important;

	font-weight: 500;

	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
}


.certificate-faq__answer a:hover {
	color: #DD392F !important;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {

	.certificate-faq {
		padding:
			75px
			0
			85px;
	}

	.certificate-faq__head {
		margin-bottom: 42px;
	}

	.certificate-faq__button {
		min-height: 82px;

		font-size: 20px;
	}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767.98px) {

	.certificate-faq {
		padding:
			60px
			0
			70px;
	}

	.certificate-faq__head {
		margin-bottom: 32px;
	}

	.certificate-faq__label {
		margin-bottom: 12px;

		font-size: 12px;
	}

	.certificate-faq__title {
		font-size: clamp(34px, 9vw, 42px);
	}

	.certificate-faq__lead {
		font-size: 16px;
	}


	/* Question */

	.certificate-faq__button {
		gap: 18px;

		min-height: 72px;

		padding:
			21px
			0;

		font-size: 18px;
		line-height: 1.4;
	}


	/* Plus */

	.certificate-faq__plus {
		flex-basis: 30px;

		width: 30px;
		height: 30px;
	}


	.certificate-faq__plus::before,
	.certificate-faq__plus::after {
		width: 12px;
	}


	/* Answer */

	.certificate-faq__answer-inner {
		padding:
			0
			48px
			23px
			0;
	}


	.certificate-faq__answer p {
		font-size: 16px;
		line-height: 1.6;
	}

}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {

	.certificate-faq__plus,
	.certificate-faq__plus::before,
	.certificate-faq__plus::after,
	.certificate-faq__button {
		transition: none;
	}

}
/* ============================================================
   MOBILE HEADER — FIX LOGO
============================================================ */

@media (max-width: 767.98px) {

	#header {
		--cnvs-header-height: 76px;
	}

	#header-wrap > .container {
		padding-left: 22px !important;
		padding-right: 22px !important;
	}

	#header-wrap .header-row {
		min-height: 76px !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#logo {
		display: flex !important;
		align-items: center !important;

		width: auto !important;
		height: auto !important;
		max-height: none !important;

		margin-left: 0 !important;
		margin-right: auto !important;

		padding: 0 !important;
	}

	#logo a {
		display: flex !important;
		align-items: center !important;

		width: auto !important;
		height: auto !important;

		padding: 0 !important;
		margin: 0 !important;
	}

	#header-wrap #logo img,
	#logo img.logo-default,
	#logo img.logo-dark {
		display: block;

		width: auto !important;
		height: 55px !important;
		max-width: none !important;
		max-height: 55px !important;

		margin: 0 !important;
		padding: 0 !important;

		object-fit: contain;
	}

}
/* ============================================================
   TABLET HEADER / LOGO
   768px — 991px
============================================================ */

@media (min-width: 768px) and (max-width: 991.98px) {

	#header-wrap > .container {
		padding-left: 28px !important;
		padding-right: 28px !important;
	}

	#header-wrap .header-row {
		min-height: 82px !important;
	}

	#logo {
		display: flex !important;
		align-items: center !important;

		width: auto !important;
		height: auto !important;

		margin-right: auto !important;
		padding: 10px 0 !important;
	}

	#logo a {
		display: flex !important;
		align-items: center !important;

		width: auto !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	#header-wrap #logo .logo-default {
		display: block !important;

		width: auto !important;
		height: 60px !important;
		max-width: none !important;
		max-height: 60px !important;

		margin: 0 !important;
		padding: 0 !important;

		object-fit: contain;
	}

}
/* ============================================================
   DESKTOP HEADER / LOGO
   от 992px
============================================================ */

@media (min-width: 992px) {

	#header-wrap #logo .logo-default {
		width: auto !important;
		height: 65px !important;
		max-height: 65px !important;

		margin: 0 !important;

		object-fit: contain;
	}

}