/* =========================
   Gilroy Font Family
   ========================= */

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Thin.woff2') format('woff2'),
		url('../fonts/Gilroy-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Ultralight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
		url('../fonts/Gilroy-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
		url('../fonts/Gilroy-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
		url('../fonts/Gilroy-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
		url('../fonts/Gilroy-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
		url('../fonts/Gilroy-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),
		url('../fonts/Gilroy-Extrabold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Heavy.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* =========================
   Root variables
   ========================= */
:root {
	/* Colors */
	--color-root: #002A23;
	--color-black-text: #21211F;
	--color-white-text: #ffffff;
	--color-accent: #00A489;
	--color-h3: #80ACD5;

	/* Typography sizes (adaptive) */
	--h1-size: clamp(2.5rem, 4vw, 4rem);
	/* 40px → 64px */
	--h2-size: clamp(2rem, 3vw, 3rem);
	/* 32px → 48px */
	--h3-size: clamp(1.25rem, 2vw, 1.5rem);
	/* 20px → 24px */
	--text-size: clamp(1rem, 1.3vw, 1.1rem);
	/* 14px → 16px */

	/* Spacing */
	--after-header: clamp(1rem, 2vw, 1.25rem);
	/* 16px → 20px */
}

/* =========================
   Base styles
   ========================= */
html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-family: 'Gilroy', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	margin: 0;
	background-color: #fff;
	color: var(--color-black-text);
	font-size: var(--text-size);
	line-height: 1.5;
}

button {
	font-family: 'Gilroy', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* =========================
   Headings
   ========================= */
h1 {
	font-size: var(--h1-size);
	color: var(--color-white-text);
	margin: 0 0 var(--after-header);
	line-height: 1.1;
}

h2 {
	font-size: var(--h2-size);
	color: var(--color-white-text);
	margin: 0 0 var(--after-header);
	line-height: 1.2;
	font-weight: 500;
}

h3 {
	font-size: var(--h3-size);
	color: var(--color-h3);
	margin: 0 0 var(--after-header);
	line-height: 1.3;
}

/* =========================
   Text & accents
   ========================= */
p {
	margin: 0 0 var(--after-header);
	font-size: var(--text-size);
	color: var(--color-black-text);
}

.text-white {
	color: var(--color-white-text);
}

.text-accent {
	color: var(--color-accent);
}

.container {
	max-width: 1440px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

.consult__agreement span a{
	color:var(--color-accent);
}
/* =========================
   Header
   ========================= */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: var(--color-root);
	transition: box-shadow .3s ease, backdrop-filter .3s ease;
}

.header--scrolled {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
	backdrop-filter: blur(6px);
}

.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	border-bottom: 1px solid #fff;
	gap: 20px;
}

.header__logo {
	font-size: clamp(18px, 2vw, 21px);
	text-transform: uppercase;
	color: var(--color-white-text);
	text-decoration: none;
	line-height: 1.2;
	font-weight: 600;
}

.header__menu {
	display: flex;
	gap: 24px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header__menu li a{
	color: var(--color-white-text);
	font-size: var(--text-size);
	text-decoration: none;
	position: relative;
}

.header__menu li a::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--color-accent);
	transition: width .3s ease;
}

.header__menu li a:hover::after {
	width: 100%;
}

.header__social {
	display: flex;
	gap: 16px;
}

.header__phones {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-end;
}

.header__phone {
	color: var(--color-white-text);
	text-decoration: none;
	font-size: clamp(14px, 1.4vw, 18px);
	font-weight: 500;
	transition: 0.3s;
}

.header__phone:hover {
	color: var(--color-accent);
}

/* ---------- Burger ---------- */
.burger {
	display: none;
	flex-direction: column;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
}

.burger span {
	width: 26px;
	height: 2px;
	background: var(--color-white-text);
	transition: .3s;
}

/* Overlay */
.mobile-menu {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
	z-index: 999;
}

.mobile-menu--open {
	opacity: 1;
	pointer-events: auto;
}

/* Panel */
.mobile-menu__panel {
	position: absolute;
	top: 0;
	right: 0;
	width: min(420px, 100%);
	height: 100%;
	background: var(--color-root);
	padding: 24px 20px;
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform .4s cubic-bezier(.4, 0, .2, 1);
}

.mobile-menu--open .mobile-menu__panel {
	transform: translateX(0);
}

/* Close */
.mobile-menu__close {
	align-self: flex-end;
	font-size: 24px;
	background: none;
	border: none;
	color: var(--color-white-text);
	cursor: pointer;
}

/* Menu */
.mobile-menu__nav {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 60px 0 auto;
	justify-content: center;
	align-items: center;
}

.mobile-menu__link {
	font-size: var(--h3-size);
	color: var(--color-white-text);
	text-decoration: none;
}

/* Footer */
.mobile-menu__footer {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.mobile-menu__phones a {
	font-size: clamp(18px, 4.5vw, 22px);
	color: var(--color-white-text);
	text-decoration: none;
}

.mobile-menu__social {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
}

.mobile-menu__phones {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* =========================
   Hero
   ========================= */

.hero {
	background: var(--color-root);
	padding-top: 100px;
	overflow: hidden;
	border-radius: 0px 0px 20px 20px;
}

.hero__container {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 40px;
	align-items: end;
}

/* ---------- LEFT ---------- */
.hero__title {
	font-size: var(--h1-size);
	color: var(--color-white-text);
	margin-bottom: 20px;
	font-weight: 500;
}


.hero__subtitle {
	font-size: var(--h3-size);
	color: var(--color-white-text);

	margin-bottom: 32px;
}

.hero-conditions {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 32px;
	margin-bottom: 40px;
}

.hero-conditions__image img {
	max-width: 100%;
	opacity: 0.9;
}

.hero-conditions__title {
	color: var(--color-white-text);
	font-weight: 500;
	margin-bottom: 20px;
	font-size: var(--h3-size);
}

.hero-conditions__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.hero-conditions__list li {
	position: relative;
	color: var(--color-white-text);
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
	font-size: 18px;
}

.hero__button {
	display: inline-block;
	padding: 16px 28px;
	background: var(--color-white-text);
	color: var(--color-root);
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	transition: transform .3s ease, box-shadow .3s ease;
	font-size: 18px;
	cursor: pointer;
	border: none;
	margin-bottom: 60px;
}

.hero__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

/* ---------- RIGHT ---------- */
.hero__right {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.hero__image {
	position: relative;
	z-index: 2;
	max-width: 100%;
}

/* circles */
.hero__circles {
	position: absolute;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .15);
	animation: rotate 20s linear infinite;
}

.hero__circles::before,
.hero__circles::after {
	content: '';
	position: absolute;
	inset: -40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .08);
}

.hero__circles::after {
	inset: -80px;
}

/* glow */
.hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	background: rgba(255, 255, 255, .25);
	filter: blur(120px);
	animation: pulse 6s ease-in-out infinite;
}

/* card */
.hero__card {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #0152457a;
	backdrop-filter: blur(6px);
	padding: 16px 20px;
	border-radius: 10px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.hero__name {
	color: var(--color-white-text);
	font-weight: 500;
	margin-bottom: 0;
	font-size: 20px;
}

.hero__position {
	font-size: 16px;
	color: var(--color-white-text);
	margin-bottom: 0;
}

/* ---------- Animations ---------- */
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes pulse {

	0%,
	100% {
		transform: scale(1);
		opacity: .6;
	}

	50% {
		transform: scale(1.1);
		opacity: 1;
	}
}

/* ---------- Popup base ---------- */
.popup {
	position: fixed;
	inset: 0;
	z-index: 2000;

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

	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

.popup--open {
	opacity: 1;
	pointer-events: auto;
}

.popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .5);
}

/* ---------- Content ---------- */
.popup__content {
	position: relative;
	max-width: 420px;
	width: 100%;

	background: var(--color-root);
	padding: 32px 24px;
	border-radius: 12px;

	backdrop-filter: blur(10px);

	transform: scale(.96);
	transition: transform .3s ease;
}

.popup--open .popup__content {
	transform: scale(1);
}

/* ---------- Close ---------- */
.popup__close {
	position: absolute;
	top: 16px;
	right: 16px;
	background: none;
	border: none;
	font-size: 20px;
	color: var(--color-white-text);
	cursor: pointer;
}

/* ---------- Typography ---------- */
.popup__title {
	font-size: var(--h3-size);
	color: var(--color-white-text);
	margin-bottom: 12px;
	text-align: center;
}

.popup__subtitle {
	color: var(--color-white-text);
	margin-bottom: 24px;
	text-align: center;
	font-size: 17px;
}

/* ---------- Form ---------- */
.popup__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.popup__input {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	padding: 12px 4px;
	font-size: var(--text-size);
	color: var(--color-white-text);
	outline: none;
	transition: border-color .3s ease;
	border-radius: 0px;
	font-family: 'Gilroy', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.popup__submit {
	padding: 14px;
	border-radius: 8px;
	background: var(--color-accent);
	color: var(--color-white-text);
	border: none;
	cursor: pointer;
	font-size: var(--text-size);
	transition: transform .2s ease, box-shadow .2s ease;
}

.popup__submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
}

/* ---------- Inputs ---------- */
.popup__input {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	padding: 12px 4px;
	font-size: var(--text-size);
	color: var(--color-white-text);
	outline: none;
	transition: border-color .3s ease;
}

.popup__input::placeholder {
	color: rgba(255, 255, 255, .6);
}

.popup__input:focus {
	border-bottom-color: var(--color-accent);
}

.popup__agreement {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	user-select: none;
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
}

.popup__agreement input {
	display: none;
}

/* checkbox box */
.popup__checkbox {
	width: 18px;
	height: 18px;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 4px;
	position: relative;
	flex-shrink: 0;
	transition: background .2s ease, border-color .2s ease;
}

/* checkmark */
.popup__agreement input:checked+.popup__checkbox {
	background: var(--color-accent);
	border-color: var(--color-accent);
}

.popup__agreement input:checked+.popup__checkbox::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* text */
.popup__agreement-text {
	line-height: 1.4;
}

.popup__agreement-text a {
	color: var(--color-accent);
	text-decoration: underline;
}

.white-block {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #fff;
}

.block__header {
	margin-bottom: 48px;
}

.black-title {
	color: var(--color-black-text);
}

.block__subtitle {
	font-size: 20px;
	color: var(--color-black-text);
	opacity: 0.8;
	font-weight: 500;
}

/* ---------- Grid ---------- */
.debts__grid {
	display: grid;
	grid-template-columns: 6fr 3fr 3fr;
	gap: 24px;
}

/* ---------- Cards ---------- */

.debts__card {
	background: #f6f6f6;
	border-radius: 16px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.debts__card picture img{
	width:100%
}
.debts__card--main {
	flex-direction: row;
	align-items: stretch;
	gap: 7px;
}

.debts__content {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.debts__card--main .debts__content {
	max-width: 360px;
}

.debts__card--main img{
	margin-top: auto;
	max-width: 41%;
}

.debts__card--main img{
	width:100%
}

.debts__card-title {
	font-size: var(--h3-size);
	color: var(--color-black-text);
	margin-bottom: 12px;
	font-weight: 500;
}

.debts__card-text {
	font-size: var(--text-size);
	color: var(--color-black-text);
	opacity: 0.9;
	margin-bottom: 0;
}

.mt-100 {
	margin-top: 100px;
}

.benefits__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

/* ---------- Card ---------- */
.benefits__card {
	position: relative;
	padding: 32px 28px;
	border-radius: 20px;
	background: radial-gradient(120% 120% at 0% 0%,
			rgba(0, 164, 137, 0.25),
			transparent 60%),
		var(--color-root);
	color: var(--color-white-text);
	overflow: hidden;

	transition:
		transform .4s cubic-bezier(.4, 0, .2, 1),
		box-shadow .4s ease;
}

/* мягкое "дыхание" */
.benefits__card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg,
			transparent 30%,
			rgba(255, 255, 255, .08),
			transparent 70%);
	opacity: 0;
	transform: translateX(-60%);
	transition: opacity .6s ease, transform .6s ease;
}

.benefits__card:hover::before {
	opacity: 1;
	transform: translateX(60%);
}

.benefits__card:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 60px rgba(0, 0, 0, .35);
}

/* ---------- Icon ---------- */
.benefits__icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--color-white-text);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.benefits__icon img {
	width: 26px;
	height: 26px;
}

/* ---------- Text ---------- */
.benefits__title {
	font-size: var(--h3-size);
	margin-bottom: 14px;
	line-height: 1.25;
	color: var(--color-white-text);
	font-weight: 500;
}

.benefits__text {
	font-size: var(--text-size);
	color: #fff;
}

/* =========================
   CONSULT SECTION
   ========================= */

.consult {
	background: var(--color-root);
	overflow: hidden;
	border-radius: 20px;
}

/* ---------- Layout ---------- */
.consult__layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr 420px;
	gap: 40px;
	align-items: center;
	position: relative;
}

/* =========================
   LEFT — VISUAL
   ========================= */

.consult__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* woman image */
.consult__image {
	position: relative;
	z-index: 3;
	max-width: 100%;
	height: auto;
}

/* glowing white light */
.consult__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	background: rgba(255, 255, 255, 0.9);
	filter: blur(140px);
	border-radius: 50%;
	z-index: 1;
	animation: consult-glow 6s ease-in-out infinite;
}

/* circles */
.consult__circles {
	position: absolute;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .15);
	z-index: 2;
	animation: consult-rotate 30s linear infinite;
}

.consult__circles::before,
.consult__circles::after {
	content: '';
	position: absolute;
	inset: -40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .08);
}

.consult__circles::after {
	inset: -80px;
}

/* =========================
   CENTER CONTENT
   ========================= */

.consult__content {
	color: var(--color-white-text);
	max-width: 520px;
}

.consult__icon {
	margin-bottom: 24px;
}

.consult__title {
	font-size: var(--h3-size);
	color: var(--color-white-text);
	margin-bottom: 32px;
	line-height: 1.25;
}

/* list */
.consult__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.consult__item {
	position: relative;
	font-size: var(--text-size);
	line-height: 1.5;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
}

.consult__item p {
	color: #fff;
	margin-bottom: 0;
}

/* =========================
   RIGHT — FORM
   ========================= */

.consult__form {
	background: #ffffff;
	border-radius: 20px;
	padding: 32px 28px;
	color: var(--color-black-text);
}

.consult__form-title {
	font-size: clamp(1.4rem, 2vw, 1.9rem);
	margin-bottom: 12px;
	line-height: 1.2;
	color: #01332A;
	font-weight: 500;
}

.consult__form-subtitle {
	font-size: 18px;
	margin-bottom: 24px;
	color: #323C54;
}

/* form inner */
.consult__form-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* labels */
.consult__label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13px;
	color: #6b6b6b;
}

.consult__label input {
	padding: 14px 12px;
	border-radius: 6px;
	border: 1px solid #cfd4dc;
	font-size: 15px;
	outline: none;
}

.consult__label input:focus {
	border-color: var(--color-accent);
}

/* submit */
.consult__button {
	margin-top: 12px;
	padding: 16px;
	background: var(--color-root);
	color: var(--color-white-text);
	border-radius: 8px;
	border: none;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: transform .3s ease, box-shadow .3s ease;
}

.consult__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

/* agreement */
.consult__agreement {
	font-size: 12px;
	color: #8a8a8a;
	display: flex;
	gap: 4px;
	align-items: flex-start;
}

.consult__agreement input {
	margin-top: 4px;
}

/* =========================
   ANIMATIONS
   ========================= */

@keyframes consult-glow {

	0%,
	100% {
		transform: scale(1);
		opacity: .6;
	}

	50% {
		transform: scale(1.15);
		opacity: 1;
	}
}

@keyframes consult-rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* =========================
   PROCESS TABS
   ========================= */

.process__title {
	color: var(--color-black-text);
}

/* ---------- Tabs nav ---------- */
.process__tabs {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.process__tab {
	background: none;
	border: none;
	padding: 10px 16px;
	font-size: var(--text-size);
	cursor: pointer;
	color: #475578;
	border-radius: 6px;
	transition: background .3s ease, color .3s ease;
	font-weight: 500;
}

.process__tab:hover {
	background: rgba(0, 164, 137, 0.1);
}

.process__tab.is-active {
	background: var(--color-root);
	color: var(--color-white-text);
}

/* ---------- Content ---------- */
.process__panel {
	display: none;
	grid-template-columns: 1fr 520px;
	gap: 32px;
	align-items: start;
}

.process__panel.is-active {
	display: grid;
	align-items: stretch;
}

/* left text */
.process__subtitle {
	font-size: var(--h3-size);
	margin-bottom: 16px;
	color: #7fa2d6;
}

.process__text p {
	font-size: var(--text-size);
	margin-bottom: 12px;
	color: var(--color-black-text);
	opacity: .85;
}

/* right card */
.process__card {
	background: var(--color-root);
	color: var(--color-white-text);
	padding: 24px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:14px;
}

.process__card p {
	margin-bottom: 20px;
	color: #fff;
	font-size: 18px;
}

.process__button {
	width: 100%;
	padding: 14px;
	background: var(--color-white-text);
	color: var(--color-root);
	border: none;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	transition: transform .3s ease, box-shadow .3s ease;
	font-size: 18px;
}

.process__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
}

/* =========================
   ABOUT SECTION
   ========================= */

.about {
	background: var(--color-root);
	padding-top: 60px;
	border-radius: 20px;
	overflow: hidden;
}

.about__title {
	text-align: center;
	font-size: var(--h2-size);
	color: var(--color-white-text);
	margin-bottom: 60px;
}

/* ---------- Layout ---------- */
.about__layout {
	display: grid;
	grid-template-columns: 1fr 1.2fr 1fr;
	gap: 40px;
	align-items: center;
}

/* ---------- Columns ---------- */
.about__col {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.about__subtitle {
	font-size: var(--h3-size);
	color: var(--color-white-text);
	margin-bottom: 16px;
	line-height: 1.25;
	font-weight: 500;
}

.about__text {
	font-size: var(--text-size);
	color: var(--color-white-text);
	line-height: 1.5;
}

/* ---------- Photo ---------- */
.about__photo {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about__image {
	position: relative;
	z-index: 3;
	max-width: 100%;
}

/* glow */
.about__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	background: rgba(255, 255, 255, .9);
	filter: blur(140px);
	border-radius: 50%;
	animation: about-glow 6s ease-in-out infinite;
	z-index: 1;
}

/* circles */
.about__circles {
	position: absolute;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .15);
	animation: about-rotate 30s linear infinite;
	z-index: 2;
}

.about__circles::before,
.about__circles::after {
	content: '';
	position: absolute;
	inset: -40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .08);
}

.about__circles::after {
	inset: -80px;
}

/* ---------- Footer right ---------- */
.about__footer {
	margin-top: auto;
	display: flex;
	flex-direction: column;
}

.about__footer a {
	text-decoration: none;
	transition: 0.4s;
	font-weight: 500;
}


.about__footer a:hover {
	color: var(--color-accent);
}

.about__small {
	font-size: 14px;
	color: rgba(255, 255, 255, .7);
	margin-bottom: 16px;
}

.about__link {
	font-size: 18px;
	color: var(--color-white-text);
	text-decoration: none;
	font-weight: 500;
}

/* ---------- Animations ---------- */
@keyframes about-glow {

	0%,
	100% {
		transform: scale(1);
		opacity: .6;
	}

	50% {
		transform: scale(1.15);
		opacity: 1;
	}
}

@keyframes about-rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* header */
.achievements__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 32px;
}

/* arrows */
.achievements__nav {
	display: flex;
	gap: 12px;
}

.achievements {
	overflow: hidden;
}

/* arrows base */
.achievements__arrow {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	font-size: 22px;
	background: #e5e5e5;
	color: #777;
	transition: .3s;
}

/* active */
.achievements__arrow:not(.is-disabled) {
	background: var(--color-root);
	color: #fff;
}

/* disabled */
.achievements__arrow.is-disabled {
	background: #e5e5e5;
	color: #aaa;
	cursor: default;
	pointer-events: none;
}

/* slider */
.achievements__slider {
	overflow: hidden;
}

.achievements__track {
	display: flex;
	gap: 24px;
	transition: transform .4s ease;
}

/* 3 слайда на деске */
.achievements__slide {
	flex: 0 0 calc((100% - 48px) / 3);
}

/* item */
.achievements__item {
	background: #f2f2f2;
	border-radius: 16px;
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: zoom-in;
	overflow: hidden;
	position: relative;
}

.achievements__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.achievements__item:hover img {
	transform: scale(1.05);
}

/* =========================
   POPUP
   ========================= */


.achievement-popup {
	position: fixed;
	inset: 0;
	z-index: 3000;

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

	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

.achievement-popup--open {
	opacity: 1;
	pointer-events: auto;
}

/* overlay */
.achievement-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
}

/* content */
.achievement-popup__content {
	position: relative;
	z-index: 1;

	max-width: 90vw;
	max-height: 90vh;

	background: transparent;

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

/* image */
.achievement-popup__image {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;

	border-radius: 8px;
}

/* close button */
.achievement-popup__close {
	position: absolute;
	top: -48px;
	right: 0;

	width: 40px;
	height: 40px;

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

	background: rgba(0, 0, 0, .6);
	border: none;
	border-radius: 50%;

	color: #fff;
	font-size: 22px;
	cursor: pointer;

	transition: background .2s ease, transform .2s ease;
}

.achievement-popup__close:hover {
	background: rgba(0, 0, 0, .85);
	transform: scale(1.1);
}

.achievement-popup__img {
	max-width: 1000px;
	width: 100%;
	max-height: 85vh;
	height: 100%;
}

.cases-slider__viewport {
	overflow: hidden;
}

.cases-slider__track {
	display: flex;
	gap: 24px;
	transition: transform .4s ease;
}

/* 4 на десктопе */
.cases-slide {
	flex: 0 0 calc((100% - 72px) / 4);
	display: flex;
	flex-direction: column;
	gap: 4px;
	cursor: pointer;
	text-decoration:none;
}

/* контейнер превью */
.cases-slide__preview {
	width: 100%;
	height: 493px;
	border-radius: 16px;
	background: #f2f2f2;
	display: block;
	object-fit: cover;
	border: 3px solid #6179B7;
}

/* подпись ПОД картинкой */
.cases-slide__caption {
	font-size: 20px;
	color: #3F3F3F;
	font-weight: 600;
}

.cases-slider__nav {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 24px;
}

.cases-slider__arrow {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	border: none;
	font-size: 22px;
	cursor: pointer;
	background: #e5e5e5;
	color: #777;
}

.cases-slider__arrow:not(.is-disabled) {
	background: var(--color-accent);
	color: #fff;
}

.cases-slider__arrow.is-disabled {
	pointer-events: none;
	opacity: .5;
}

.cases-pdf {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .6);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 2000;
}

.cases-pdf.is-open {
	display: flex;
}

.cases-pdf__frame {
	width: 80vw;
	height: 90vh;
	border: none;
	border-radius: 12px;
	background: #fff;
}

.cases-pdf__close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 32px;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
}

.cases-slide__downs {
	color: #3F3F3F;
	font-weight: 500;
}

.cases-slide__term {
	color: #3F3F3F;
	font-weight: 500;
}

.cases-slide__downs_curcle {
	color: #80ACD5;
	font-weight: 600;
}

.cases-slide__downs_curcle {
	color: #80ACD5;
	font-weight: 600;
}

.green-block {
	background: var(--color-root);
	padding-top: 60px;
	padding-bottom: 60px;
	border-radius: 20px;
}

.center-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.blue-button {
	display: inline-block;
	padding: 16px 28px;
	background: #80ABD5;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	transition: transform .3s ease, box-shadow .3s ease;
	font-size: 18px;
	cursor: pointer;
	border: none;
}

.button-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

/* =========================
   REVIEWS
   ========================= */

.reviews__title {
	text-align: center;
	margin-bottom: 40px;
}

/* slider layout */
.reviews-slider {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.reviews-slider__viewport {
	overflow: hidden;
	width: 100%;
}

.reviews-slider__track {
	display: flex;
	gap: 24px;
	transition: transform 0.4s ease;
	will-change: transform;
}

/* slide */
.reviews-slide {
	flex: 0 0 calc(33.333% - 16px);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}

.reviews-slide img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* controls */
.reviews-slider__controls {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.reviews-slider__arrow {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: 0.2s ease;
}

.reviews-slider__arrow:hover:not(:disabled) {
	background: #f3f3f3;
}

/* disabled state */
.reviews-slider__arrow:disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}


.faq {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.faq-item {
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	overflow: hidden;
}

.faq-question {
	width: 100%;
	background: transparent;
	border: none;
	padding: 18px 20px;
	color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-size: var(--h3-size);
	font-weight: 600;
}

.faq-question .icon {
	width: 26px;
	height: 26px;
	background: #ffffff;
	color: #0a3d34;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	padding: 0 20px;
	font-size: 17px;
}

.faq-answer p,
.faq-answer ul {
	margin: 16px 0;
	color: #ffffff;
	line-height: 1.6;
	font-size: 17px;
}

.faq-answer ul {
	padding-left: 18px;
}

.faq-item.active .faq-answer {
	max-height: 2500px;
}

.faq-item.active .icon {
	content: "−";
}

.footer {
	margin-top: 100px;
	width: 100%;
	color: #1c1c1c;
}

.footer-title {
	text-align: center;
	font-size: 32px;
	margin-bottom: 40px;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 0.5fr;
	gap: 30px;
	margin-bottom: 30px;
}

.footer-item {
	display: flex;
	gap: 10px;
	font-size: 15px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 600;
}

.icon {
	font-size: 18px;
}

.footer-socials {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}

.footer-socials a {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	text-decoration: none;
	font-size: 16px;
}

.footer-map {
	margin: 30px 0;
	border-radius: 12px;
	overflow: hidden;
}

.footer-map iframe {
	width: 100%;
	height: 340px;
	border: 0;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	gap: 10px;
	flex-wrap: wrap;
}

.footer-bottom a {
	text-decoration: none;
	color: inherit;
}

.cookie-banner {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 960px;
	width: calc(100% - 40px);
	background: #0f3b33;
	color: #ffffff;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
	z-index: 9999;
	padding: 20px 24px;
}

/* прячем через hidden */
.cookie-banner[hidden] {
	display: none !important;
}

/* опционально для анимации */
.cookie-banner.is-visible {
	display: block;
}

.cookie-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.cookie-banner {
	position: fixed;
	z-index: 999999;
}

.cookie-banner .btn {
	position: relative;
	z-index: 1;
}

.cookie-content p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
}

.cookie-content a {
	color: #7fffd4;
	text-decoration: underline;
}

.cookie-actions {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.btn {
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
	border: none;
}

.btn.primary {
	background: #ffffff;
	color: #0f3b33;
	font-weight: 600;
}

.btn.secondary {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #ffffff;
}


/* =========================
   POLICY PAGE
   Использует твои переменные и шрифты из style.css
   Фон: темно-зеленый
   ========================= */

.policy {
	min-height: 100vh;
	background: var(--color-root);
	color: var(--color-white-text);
	padding: 120px 0 80px;
	/* под фикс-хедер */
}

.policy__container {
	max-width: 1100px;
}

.policy__back {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, .9);
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 18px;
	transition: color .25s ease, transform .25s ease;
}

.policy__back:hover {
	color: var(--color-accent);
	transform: translateX(-2px);
}

.policy__header {
	margin-bottom: 26px;
}

.policy__title {
	font-size: clamp(26px, 3vw, 42px);
	line-height: 1.15;
	margin: 0 0 14px;
	color: #fff;
	font-weight: 600;
}

.policy__lead {
	margin: 0;
	color: rgba(255, 255, 255, .85);
	font-size: 17px;
	line-height: 1.7;
}

/* карточки секций */
.policy__card {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	padding: 24px 22px;
	margin-top: 16px;
	backdrop-filter: blur(6px);
}

.policy__h2 {
	font-size: clamp(18px, 2vw, 24px);
	color: #fff;
	margin: 0 0 14px;
	font-weight: 600;
}

.policy__card p {
	margin: 0 0 12px;
	color: rgba(255, 255, 255, .9);
	font-size: 16px;
	line-height: 1.75;
}

.policy__card p:last-child {
	margin-bottom: 0;
}

.policy__list {
	margin: 10px 0 14px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.policy__list li {
	color: rgba(255, 255, 255, .9);
	font-size: 16px;
	line-height: 1.7;
}

/* =========================
   TABLE (Adaptive)
   ========================= */

.policy-table {
	margin-top: 14px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgba(0, 0, 0, .12);
}

/* "таблица" на CSS grid */
.policy-table__grid {
	display: grid;
	grid-template-columns: 1fr;
}

.policy-table__row {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr 1.1fr 1.2fr;
}

.policy-table__head {
	background: rgba(0, 164, 137, 0.18);
}

.policy-table__cell {
	padding: 14px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	border-right: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .92);
	font-size: 15px;
	line-height: 1.55;
}

.policy-table__row .policy-table__cell:last-child {
	border-right: none;
}

.policy-table__head .policy-table__cell {
	font-weight: 700;
	color: #fff;
}

/* =========================
   Footer meta
   ========================= */

.policy__footer {
	margin-top: 18px;
	padding-top: 10px;
}

.policy__footer-grid {
	display: grid;
	grid-template-columns: 1fr 240px;
	gap: 16px;
}

.policy__meta {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	padding: 18px 18px;
}

.policy__meta-title {
	font-weight: 700;
	color: #fff;
	margin-bottom: 8px;
	font-size: 16px;
}

.policy__meta-text {
	color: rgba(255, 255, 255, .9);
	font-size: 15px;
	line-height: 1.6;
}


/* ---------- Adaptive ---------- */
@media (max-width: 1320px) {
	.consult__title br {
		display: none;
	}
}

@media (max-width: 1220px) {
	.header__logo {
		font-weight: 500;
		max-width: 250px;
	}

	.header__social-link svg {
		width: 26px;
	}

	.header__social-link {
		display: block;
		height: 33px;
	}

	.consult__layout {
		grid-template-columns: 1.2fr 1fr 320px;
		gap: 30px;
	}

	.consult__form-subtitle {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.achievements__item {
		height: 240px;
	}

	.cases-slide {
		flex: 0 0 calc((100% - 48px) / 3);
	}
}

@media (max-width: 1100px) {
	.consult__visual {
		display: none;
	}

	.consult__layout {
		grid-template-columns: 1.5fr 1fr;
		gap: 30px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media (max-width: 1024px) {

	.header__nav,
	.header__phones {
		display: none;
	}

	.burger {
		display: flex;
	}

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

	.hero__right {
		margin-top: 60px;
	}

	.process__panel {
		grid-template-columns: 1fr;
	}

	.achievements__slide {
		flex: 0 0 calc((100% - 24px) / 2);
	}

	.reviews-slide {
		flex: 0 0 calc(50% - 12px);
	}

	.policy {
		padding: 100px 0 60px;
	}

	.policy__card {
		padding: 20px 16px;
	}

	.policy__footer-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 960px) {
	.hero__button {
		margin-bottom: 0;
	}

	.debts__grid {
		grid-template-columns: 1fr;
	}

	.debts__card--main .debts__content {
		max-width: max-content;
	}

	.debts__card {
		flex-direction: row;
		align-items: anchor-center;
		gap: 7px;
	}

	.debts__card--main {
		flex-direction: row;
		align-items: stretch;
		gap: 7px;
	}

	.benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.process__tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
		padding-bottom: 8px;
	}

	.process__tabs::-webkit-scrollbar {
		display: none;
	}

	.process__tab {
		flex: 0 0 auto;
		white-space: nowrap;
		margin-bottom: 16px;
	}

	.process__tabs {
		margin-bottom: 8px;
	}

	.about__title {
		margin-bottom: 30px;
	}

	.about__col {
		gap: 14px;
	}

	.about__layout {
		gap: 14px;
	}

	.about__block {
		padding: 14px;
		background: #ffffff12;
		display: flex;
		flex-direction: column;
		gap: 0px;
		border-radius: 10px;
		text-align: center;
	}

	.about__footer {
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-top: 20px;
	}

	.about__layout {
		grid-template-columns: 1fr;
	}

	.about__photo {
		order: 3;
		/* 🔥 девушка уходит вниз */
		margin-top: 40px;
	}

	.about__col--left {
		order: 1;
	}

	.about__col--right {
		order: 2;
	}

	.footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-socials {
		justify-content: flex-start;
	}

}

@media (max-width: 800px) {
	.consult__layout {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}

	.policy-table__row {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 10px 0;
	}

	.policy-table__head {
		display: none;
	}

	.policy-table__cell {
		border-right: none;
		border-bottom: none;
		padding: 10px 14px;
		position: relative;
	}

	.policy-table__cell::before {
		content: attr(data-label);
		display: block;
		font-weight: 700;
		color: #fff;
		margin-bottom: 6px;
		font-size: 13px;
		opacity: .95;
	}

	.policy-table__row {
		border-bottom: 1px solid rgba(255, 255, 255, .12);
	}

	.policy-table__row:last-child {
		border-bottom: none;
	}
}

@media (max-width: 768px) {
	.cookie-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.cookie-actions {
		width: 100%;
		justify-content: flex-end;
	}
}

@media (max-width: 680px) {
	.consult__layout {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.achievements__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.achievements__slide {
		flex: 0 0 100%;
	}

	.achievements__item {
		height: 320px;
	}

	.cases-slide {
		flex: 0 0 calc((100% - 24px) / 1);
	}

	.faq-question {
		font-size: 15px;
		padding: 14px 16px;
		text-align: left;
		display: grid;
		grid-template-columns: 1fr 24px;
		gap: 20px;
	}

	.faq-answer {
		padding: 0 10px;
		font-size: 14px;
	}

	.faq-answer p,
	.faq-answer ul {
		font-size: 14px;
	}
	    .reviews-slide {
        flex: 0 0 100%;
    }
}


@media (max-width: 640px) {
	.header__social {
		gap: 12px;
	}

	.header__container {
		height: 60px;
	}

	.container {
		padding: 0 10px;

	}

	.hero {
		padding-top: 100px;
	}

	.hero__card {
		margin-top: 20px;
	}

	.hero__title {
		text-align: center;
	}

	.hero__subtitle {
		text-align: center;
	}

	.hero-conditions__list li {
		font-size: 15px;
	}

	.hero__button {
		display: flex;
		font-size: 16px;
		width: 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.hero__image {
		max-width: 378px;
		width: 100%;
	}

	.hero__card {
		margin-top: 20px;
		left: 50%;
		transform: translateX(-50%);
		padding: 12px 12px;
		width: 320px;
	}

	.hero__name {
		font-size: 18px;
	}

	.hero__position {
		font-size: 15px;
	}

	.hero__right {
		margin-top: 20px;
	}

	.hero__glow {
		width: 220px;
		height: 220px;
		background: rgb(255 255 255);
	}

	.debts__card {
		flex-direction: column;
		align-items: center;
		gap: 7px;
		display: flex;
	}

	.debts__content {
		max-width: max-content;
		text-align: center;
	}

	.debts__content picture {
		width: 100%;
	}

	.debts__card--main img {
		margin-top: auto;
		max-width: 70%;
	}

	.debts__header {
		max-width: 620px;
		width: 100%;
		margin-bottom: 24px;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.debts__subtitle {
		font-size: 19px;
	}

	.debts__subtitle br {
		display: none;
	}

	.benefits__grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.about {
		padding-top: 60px;
	}

	.about__subtitle {
		font-size: 20px;
	}

	.about__circles {
		width: 360px;
		height: 360px;
	}

	.about__glow {
		width: 220px;
		height: 220px;
	}

	.black-title br {
		display: none;
	}

	.footer-grid {
		grid-template-columns: 1fr;
	}

	.footer-title {
		font-size: 24px;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}

	.footer-item {
		font-size: 15px;
	}

	.block__header {
		margin-bottom: 24px;
	}
}


@media (max-width: 500px) {
	.hero-conditions__image {
		display: none;
	}

	.hero-conditions {
		grid-template-columns: 1fr;
	}

	.hero__title {
		text-align: left;
	}

	.hero__subtitle {
		text-align: left;
	}

	.hero__subtitle {
		font-size: 19px;
	}

	.hero__title {
		font-size: 30px;
	}

	.popup__content {
		margin: 0 16px;
		padding: 20px;
	}

	.white-block {
		padding-top: 60px;
		background: #fff;
		padding-bottom: 60px;
	}

	.debts__content img {
		width: 100%;
	}

	.mt-100 {
		margin-top: 60px;
	}

	.benefits__card {
		padding: 20px 20px;
	}

	.benefits__title br {
		display: none;
	}

	.block__subtitle {
		font-size: 17px;
	}

	.block__subtitle br {
		display: none;
	}

	.consult__visual {
		display: block;
		order: 3;
	}

	.consult__layout {
		padding-bottom: 0px;
	}

	.consult__image {
		margin-bottom: -14px;
	}

	.about__image {
		max-width: 272px;
		width: 100%;
	}

	.cases-slide__caption {
		font-size: 15px;
	}

	.policy__lead {
		font-size: 15px;
	}

	.policy__card p,
	.policy__list li,
	.policy__meta-text {
		font-size: 15px;
	}
}

@media (max-width: 400px) {
	.header__logo {
		font-size: clamp(16px, 2vw, 21px);
	}

	.header__social-link svg {
		width: 23px;
	}

	.burger {
		gap: 5px;
	}

	.burger span {
		width: 21px;
		height: 2px;
	}

	.header__social-link {
		display: block;
		height: 33px;
	}

	.mobile-menu__link {
		font-size: 18px;
	}

	.hero__button {
		padding: 20px 0px;
	}

	.hero__title {
		font-size: 28px;
	}

	h2 {
		font-size: 25px;
	}

	.debts__card picture {
		width: 100%;
	}

	.achievements__item {
		height: 250px;
	}
}

@media (max-width: 360px) {
	.hero__button {
		font-size: 14px;
		padding: 20px 0px;
	}
}