/* Oswald: все веса (200–700), нормальный стиль */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

/* Manrope: все веса (200–800), normal + italic */
@import url("https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,200..800;1,200..800&display=swap");


:root {
	--white:            #FFFFFF;     /* чистый белый (100% непрозрачность) */
	--white-a90:        #FFFFFFE5;   /* белый с альфой ~90% (#RRGGBBAA) */
	--white-a20:        #FFFFFF33;   /* белый с альфой ~20% (#RRGGBBAA) */
	--white-a7:         #FFFFFF12;   /* белый с альфой ~7%  (#RRGGBBAA) */

	--gray-super-light: #F5F5F5;     /* очень светло-серый */
	--gray-over-light:  #F8F8F8;     /* очень светло-серый */
	--gray-light:       #D2D2D2;     /* светло-серый */
	--gray-dark:        #818181;     /* тёмно-серый */
	--gray-ultra-dark:  #333333;     /* почти чёрный */

	--green:            #33DE47;     /* яркий зелёный (основной) */
	--green-a50:        #33DE4780;   /* зелёный с альфой ~50% */

	--orange-light:     #F18A42;     /* светлый оранжевый */
	--orange-medium:    #E86338;     /* насыщённый оранжево-красный */
	
	--font-header:      "Oswald", "Helvetica Neue", Arial, system-ui, sans-serif;
    --font-text:        "Manrope", system-ui, -apple-system, "Segoe UI",
                        Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	
	--main-gap: 70px;
}

html, body {
	font-family: var(--font-text);
	font-optical-sizing: auto;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: clip;
}


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

body { margin-bottom: 0 !important; overflow-x: clip; }

input, textarea, select, button { font: inherit; }


h1, h2, h3, h4, h5 {
	font-family: var(--font-header);
	letter-spacing: normal;
	text-transform: uppercase;
	font-feature-settings: "case" 1;
	margin: 0;
}
h1 { font-weight: 600; font-size: 64px; line-height: 110%; }
h2 { font-weight: 600; font-size: 48px; line-height: 110%; }
h3 { font-weight: 700; font-size: 32px; line-height: 120%; }
h4 { font-weight: 700; font-size: 24px; line-height: 120%; }
h5 { font-weight: 700; font-size: 20px; line-height: 120%; }
p  { font-family: var(--font-text); margin: 0; padding: 0; color: var(--gray-ultra-dark); }

figure { margin: 0; }

a:visited { color: var(--orange-medium); }

.button {
	border: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 24px;
	color: var(--white);
	border-radius: 16px;
	--btn-icon-box: 46px;
	--btn-glyph: 15px;
	--btn-pad: 5px;
	padding: var(--btn-pad) var(--btn-pad) var(--btn-pad) 24px;
	cursor: pointer;
	white-space: nowrap;
}
.button::after {
	content: "";
	flex: 0 0 auto;
	width: var(--btn-icon-box);
	height: var(--btn-icon-box);
	border-radius: 16px;
	background-color: var(--gray-super-light);
}
.button::before {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-end: calc(var(--btn-pad) + (var(--btn-icon-box) - var(--btn-glyph)) / 2);
	width: var(--btn-glyph);
	height: var(--btn-glyph);
	transform: translateY(-50%) rotate(0deg);
	transition: transform .3s ease;
	pointer-events: none;
	will-change: transform;
}

.button:hover::before {
	transform: translateY(-50%) rotate(-45deg);
}

.button--orange { background-color: var(--orange-medium); }
.button--grey { background-color: var(--gray-dark); }
.button--black { background-color: var(--gray-ultra-dark);  }



.noselect,
.noselect *:not(input):not(textarea):not([contenteditable="true"]) {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	user-drag: none;
}
.noselect img,
.noselect a {
	-webkit-user-drag: none;
	user-drag: none;
}

.nowrap {
	flex-wrap: nowrap;
	white-space: nowrap;
}

.scrollable {
	overflow-y: auto;
	padding-right: 8px;
/* 	scrollbar-gutter: stable both-edges; */
	scrollbar-width: thin;
	scrollbar-color: var(--gray-dark) transparent;
}
.scrollable::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
.scrollable::-webkit-scrollbar-track {
	background: var(--white-a7);
	border-radius: 999px;
}
.scrollable::-webkit-scrollbar-thumb {
	background: var(--gray-light);
	border: 2px solid transparent;
	background-clip: padding-box;
	border-radius: 999px;
}
.scrollable:hover::-webkit-scrollbar-thumb {
	background: var(--gray-dark);
}
.scrollable:active::-webkit-scrollbar-thumb {
	background: var(--orange-medium);
}
.scrollable::-webkit-scrollbar-corner { background: transparent; }
.scrollable::-webkit-scrollbar-button { width: 0; height: 0; display: none; }



main {
	margin-top: 70px;
	display: flex;
	flex-direction: column;
	gap: var(--main-gap);
	overflow: clip;
}
header, section, footer { padding: 0 30px; }
.container {
	max-width: 1440px;
	padding: 20px 0;
	margin: 0 auto;
}



#wpadminbar { display: none; }

.header {
	top: 0;
    position: fixed;
    width: 100%;
	z-index: 1000;
	padding-top: 20px;
	max-height: 100vh;
	max-height: 100dvh;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	transition: padding 0.3s ease;
}
.header.scrolled {
	background-color: var(--white-a90);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    backdrop-filter: blur(5px);
}
.header.scrolled:has(.header__mobil-body.open) {
	background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    backdrop-filter: unset;
}
html:has(.header__mobil-body.open) {
	overflow-y: hidden;
}
html:has(.header__mobil-body.open) .contacts__info-item:nth-child(4) {
	display: none;
}
.header__mobil-body.open {
	max-height: calc(100dvh - 50px - 50px - 20px) !important;
	overflow-y: auto;
	scrollbar-width: none; 
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none; 
}
.header__mobil-body.open::-webkit-scrollbar {
	width: 0;=
	height: 0;
	display: none;=
}
.header, .header .container,
.header__mobil-content {
    max-height: 100dvh;
}

.header .container { padding-top: unset; }
.header__content {
	display: flex;
    justify-content: space-between;
	align-items: center;
    gap: 20px;
}
.header__logo-link {}
.header__logo {
	max-width: 170px;
    min-width: 170px;
    height: auto;
    object-fit: cover;
}
.header__nav { width: 100%; }
.header__menu {
    padding: 0;
    display: flex;
    gap: 10px;
	list-style: none;
	width: 100%;
    max-width: 600px;
    margin: 0 auto;
	justify-content: space-between;
}
.header__menu-item {}
.header__button {
	width: min-content;
	border: 0;
    padding: 0;
    background-color: transparent;
	color: var(--gray-ultra-dark);
	font-weight: 600;
    font-size: 16px;
    line-height: 1;
	cursor: pointer;
	transition: color 0.3s ease;
}
.header__button:hover {
	color: var(--orange-medium);
}
.header__cta {
	display: flex;
    gap: 20px;
    align-items: center;
}
.header__phone-number {
	font-weight: 600;
    font-size: 16px;
    color: var(--gray-ultra-dark);
    line-height: 120%;
    text-decoration: none;
	white-space: nowrap;
}
.header__cta-button {
	max-height: 40px;
	border-radius: 12px;
	font-size: 11px;
	padding: 3.5px 3.5px 3.5px 17px;
}
.header__cta-button::before {
	top: 45%;
	scale: 0.8;
	transform: translateX(70%) translateY(-50%) rotate(0deg);
}
.header__cta-button:hover::before {
	transform: translateX(70%) translateY(-50%) rotate(-45deg) !important;
}
.header__cta-button::after {
	border-radius: 11px;
    max-height: 31.5px;
    max-width: 31.5px;
}

.header__mobil-content { 
/* 	max-height: 100vh;  */
	height: 100%;
    max-height: 100dvh;
/*     overflow-y: auto; */
}

.header__mobil-content,
.header__mobil-body {
	visibility: hidden;
	pointer-events: none;
	max-height: 0;
}
.header__mobil-body {
	display: flex;
	gap: 50px;
}

@media screen and (max-width: 1000px) {
	.header__content {
		display: none;
	}
	.header__mobil-content {
		visibility: visible;
		pointer-events: auto;
		max-height: max-content;
		background-color: transparent;
		transition: max-height 0.3s ease, background-color 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
	}
	.header__mobil-menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header__mobil-burger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		color: var(--white);
		background-color: var(--orange-medium);
		max-width: 43px;
		max-height: 43px;
		min-width: 43px;
		min-height: 43px;
		border-radius: 12px;
		border: 0;
		padding: 10px;
		cursor: pointer;
	}
	.header__mobil-burger span {
		border: 2px solid var(--white);
		border-radius: 50px;
		transition: transform 0.3s ease, width 0.3s ease;
	}
	.header__mobil-burger span:nth-child(1) { width: 15px; }
	.header__mobil-burger span:nth-child(2) { width: 22px; }
	.header__mobil-burger:hover span:nth-child(1) {
		transform: rotate(45deg) translateX(1.5px) translateY(1px);
		width: 22px;
	}
	.header__mobil-burger:hover span:nth-child(2) {
		transform: rotate(-45deg) translateX(4px) translateY(-3.5px);
	}
	header:has(.header__mobil-body.open) { padding-top: 0; }
	header:has(.header__mobil-body.open) .header__mobil-burger span {
		width: 22px;
	}
	header:has(.header__mobil-body.open) .header__mobil-burger span:nth-child(1) {
		transform: rotate(45deg) translateX(1.5px) translateY(1px);
	}
	header:has(.header__mobil-body.open) .header__mobil-burger span:nth-child(2) {
		transform: rotate(-45deg) translateX(4px) translateY(-3.5px);
	}
	header:has(.header__mobil-body.open) .header__mobil-content {
		background-color: var(--gray-ultra-dark);
		border-radius: 30px;
		outline: 1px solid var(--white);
		padding: 20px 30px;
		display: flex;
        flex-direction: column;
        gap: 50px;
	}
	.header__mobil-body { 
		transition: height 0.3s ease, opacity 0.3s ease; 
	}
	.header__mobil-body { opacity: 0; }
	.header__mobil-body.open {
		visibility: visible;
		opacity: 1;
    	pointer-events: auto;
		max-height: max-content;
	}
	.header__mobil-body.open .header__menu {
		flex-direction: column;
		justify-content: space-between;
		gap: 30px;
		margin: 0;
	}
	.header__mobil-body.open .header__menu button {
		color: var(--white);
		text-transform: uppercase;
		font-size: 28px;
	}
	.header__mobil-body.open .header__menu button:hover {
		color: var(--orange-medium);
	}
	.header .header__nav,
	.header .header__mobil-contects {
		width: 50%;
	}
	.header .header__mobil-contects {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.header .contacts__info-item:nth-child(2),
	.header .contacts__info-item:nth-child(4) {
		width: 125px;
	}
	.header .contacts__info-item:nth-child(3) h4 {
		white-space: pre-wrap;
	}
	.header .contacts__map { height: 200px; }
	.header .contacts__info h4,
	.header .contacts__info p,
	.header .contacts__info a {
		color: var(--white);
	}
	.header .contacts__info p { font-size: 12px; }
	.header .contacts__info h4,
	.header .contacts__info a { font-size: 16px; }
}
@media screen and (max-width: 660px) {
	header:has(.header__mobil-body.open) .header__mobil-content { 
		padding: 10px; 
		padding-bottom: 20px;
	}
	.header__mobil-body {
		flex-direction: column;
		gap: 40px;
	}
	.header .header__nav,
	.header .header__mobil-contects { width: 100%; }
	header:has(.header__mobil-body.open) .header__mobil-content {
		border-radius: 10px;
	}
	.header__menu {
		gap: 15px !important;
/* 		display: grid;
		grid-template-columns: repeat(2, minmax(180px, 1fr));
		column-gap: 0 !important; */
	}
	.header__menu-item { margin-right: auto; }
}
@media screen and (max-width: 500px) {
/* 	.header__menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(125px, 1fr));
		grid-template-areas:
			"menu-2 menu-3"
			"menu-1 menu-6"
			"menu-4 menu-5";
		position: relative;
	} */
/* 	.header__menu-item:nth-child(1) { grid-area: menu-1}
	.header__menu-item:nth-child(2) { grid-area: menu-2}
	.header__menu-item:nth-child(3) { grid-area: menu-3}
	.header__menu-item:nth-child(4) { grid-area: menu-4}
	.header__menu-item:nth-child(5) { grid-area: menu-5}
	.header__menu-item:nth-child(6) { grid-area: menu-6} */
	.header__menu-item:nth-child(3),
	.header__menu-item:nth-child(5),
	.header__menu-item:nth-child(6) {
/* 		margin-left: auto; */
		right: 0;
	}
	.header__menu-item { 
		max-width: max-content;
/* 		margin: 0 auto; */
	}
/* 	.header__mobil-body.open .header__menu { height: 110px; } */
	.header__mobil-body.open .header__menu {
		text-align: center;
		gap: 12px;
	}
}
/* @media screen and (max-width: 400px) {
	.contacts__info {
		grid-template-columns: 1fr;
	}
	
	.header__menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(125px, 1fr));
		grid-template-areas:
			"menu-2 menu-3"
			"menu-1 menu-6"
			"menu-4 menu-5";
		position: relative;
	}
	.header__menu-item:nth-child(1) { grid-area: menu-1}
	.header__menu-item:nth-child(2) { grid-area: menu-2}
	.header__menu-item:nth-child(3) { grid-area: menu-3}
	.header__menu-item:nth-child(4) { grid-area: menu-4}
	.header__menu-item:nth-child(5) { grid-area: menu-5}
	.header__menu-item:nth-child(6) { grid-area: menu-6}
	.header__menu-item {
		position: absolute;
	}

} */





.intro {}
.intro__content { 
	display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: stretch;
	gap: 20px;
}
.intro__main-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.intro__top-content {
	background-color: var(--gray-super-light);
    border-radius: 40px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.intro__heading {}
.intro__description {
	font-weight: 400;
    font-size: 24px;
    line-height: 120%;
}
.intro__buttons {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}
.intro__button {}
.intro__bottom-content {
	display: flex;
    gap: 20px;
}
.intro__image {
	max-height: 250px;
	object-fit: cover;
    border-radius: 30px;
}
.intro__image--secondary-1 {
    width: 33%;
}
.intro__image--secondary-2 {
    width: 66%;
}
.intro__main-image {
	border-radius: 40px;
    overflow: hidden;
/*     height: 100%; */
	object-fit: cover;
    display: block;
}





.answer {}
.answer__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
}
.answer__header {
	display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 50px;
	align-items: center;
}
.answer__heading {}
.answer__description {
	font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.answer__marquiz {
	display: grid;
    grid-template-columns: 3fr 1fr;
    align-items: stretch;
	gap: 20px;
}
.answer__marquiz-body {
	border-radius: 20px;
	overflow: hidden;
}
/* .answer__marquiz-body > .marquiz__container > iframe { height: 720px !important; } */
.marquiz__container_inline {
	max-width: unset !important;
}
.answer__marquiz-assistant {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 15px;
	padding: 20px;
	background-color: var(--gray-ultra-dark);
	color: var(--white);
	height: 600px;
    min-width: 340px;
}
.answer__marquiz-heading {
	color: inherit;
}
.answer__marquiz-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.answer__marquiz-item {
	display: flex;
	gap: 4px;
}
.answer__marquiz-item-image {
	width: 75px;
    object-fit: contain;
}
.answer__marquiz-item-texts {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
}
.answer__marquiz-item-title {
	color: inherit;
}
.answer__marquiz-item-description {
	color: inherit;
}






.solutions {}
.solutions__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: var(--gray-super-light);
    border-radius: 30px;
    padding: 30px;
}
.solutions__header {
	display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 50px;
	align-items: center;
}
.solutions_heading {}
.solutions__description {
	font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.solutions__grid {
	display: grid; 
	grid-template-columns: 1fr 1.25fr;
	gap: 30px;
}
.solutions__stack {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	align-items: stretch;
}
.solutions__card {
	display: flex;
    flex-direction: column;
    gap: 17px;
	border-radius: 15px;
	padding: 15px;
	background-color: var(--white);
	max-height: 187px;
	max-width: 286px;
}
.solutions__stack > .solutions__card {
	max-height: 405px;
	overflow: hidden;
}
.solutions__card-wrapper .solutions__card:nth-child(1) {
	background-color: var(--gray-ultra-dark);
	color: var(--white);
}
.solutions__card-wrapper .solutions__card:nth-child(1) p {
	color: var(--white);
}
.solutions__card-wrapper .solutions__card {
	max-height: 187px;
	height: 100%;
}
.solutions__card--accent {}
.solutions__card-title {
	font-family: var(--font-text);
	text-transform: math-auto;
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}
.solutions__card-text {
	max-height: 111px;
}
.solutions__card-media {
	max-height: 200px;
    object-fit: contain;
    margin: auto auto 0 0;
    margin-left: -15px;
    margin-bottom: -15px;
}
.solutions__card-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.solutions__hero {
	border-radius: 15px;
    overflow: hidden;
	position: relative;
}
.solutions__hero-image {
	position: relative;
    z-index: 1;
	height: 405px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.solutions__caption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    max-height: 150px;
    max-width: unset;
    width: calc(100% - 15px * 2);
    margin-left: 15px;
    margin-bottom: 15px;
}
.solutions__card--overlay {
	background-color: var(--white-a90);
    backdrop-filter: blur(2px);
}
.solutions__hero .solutions__card-text {
	max-height: 60px;
}
.solutions__card-text .scrollable {
	scrollbar-color: var(--white-a90) transparent;
}
.solutions__card-text .scrollable::-webkit-scrollbar-track {
	background: var(--white-a7);
}
.csolutions__card-text .scrollable::-webkit-scrollbar-thumb {
	background: var(--white-a90);
	border: 2px solid transparent;
	background-clip: padding-box;
}





.help { margin-top: -50px; }
.help .container {
	padding: 70px 0;
    padding-bottom: 0;
}
.help__content {
	display: flex;
    gap: 10px;
    border-radius: 60px;
    padding: 40px;
	background-color: var(--orange-medium);
}
.help__main {
	width: 70%;
	display: flex;
    flex-direction: column;
    gap: 53px;
	position: relative;
    z-index: 2;
}
.help__header {
	display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--white);
}
.help__overheading {
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
	font-family: var(--font-header);
    letter-spacing: normal;
    text-transform: uppercase;
	color: white;
}
.help__heading {}
.help__form {
	display: flex;
    gap: 30px;
    background-color: var(--white);
    border-radius: 30px;
    padding: 30px;
    align-items: center;
    width: max-content;
    height: 116px;
}
.help__online-indicator {
	display: flex;
    gap: 10px;
    align-items: center;
}
.help__indicator-icon-wrapper {
	position: relative;
	isolation: isolate; 
	width: 19px;
	height: 19px;
	margin: 10px;
	display: grid;
	place-items: center;
	overflow: visible;
}
.help__indicator-icon-inner {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--green);
	position: relative;
	z-index: 1;
}
.help__indicator-icon-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: var(--green-a50);
	z-index: 0;
	pointer-events: none;
	transform-origin: center;
	  animation: indicator-ripple 1.8s ease-out infinite;
	will-change: transform, opacity;
	filter: blur(1px);
}
@keyframes indicator-ripple { 
	0%   { transform: scale(0); opacity: 0; } 
	20%  { transform: scale(1); opacity: 1; } 
	100% { transform: scale(2); opacity: .1; } 
}
.help__indicator-text {
	font-weight: 600;
    line-height: 120%;
    font-size: 16px;
}
.help__phone-number {
	font-weight: 600;
    font-size: 36px;
    color: var(--gray-ultra-dark);
    text-decoration: none;
}
.help__button {
	text-decoration: none;
	background-image: linear-gradient(90deg,
		var(--hover-fill, var(--orange-medium)),
		var(--hover-fill, var(--orange-medium))
	);
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left;
	transition: background-size .35s ease, color .35s ease;
}
.help__button:hover { color: white; }
/* .help__button:hover {
	background-size: 100% 100%;
	color: var(--white);
}
.help__button::after {
	background-image: linear-gradient(90deg,
		var(--hover-fill, var(--gray-ultra-dark)),
		var(--hover-fill, var(--gray-ultra-dark))
	);
	background-size: 0% 100%;
	background-repeat: no-repeat;
	background-position: left;
	transition: background-size .35s ease, color .35s ease;
}
.help__button:hover::after {
	background-size: 100% 100%;
  	transition-delay: .13s;
} */
.help__image {
	width: 30%;
    min-width: 370px;
    position: relative;
    right: 0;
    z-index: 1;
    margin-top: -100px;
    margin-bottom: -150px;
    object-fit: cover;
    transform: rotate(15deg);
}
.hidden-block {
	width: 100%;
    height: calc(var(--main-gap) + 20px);;
    margin-top: calc(var(--main-gap) * -1);;
    background-color: white;
    position: relative;
    z-index: 2;
}





.catalog { margin-top: calc(var(--main-gap) * -1); }
.catalog__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: var(--gray-ultra-dark);
    border-radius: 30px;
    padding: 30px;
}
.catalog__heading {
	color: var(--white);
    width: 70%;
}
.catalog__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
	grid-auto-rows: 382px;
    gap: 30px;
    align-items: stretch;
}
.catalog__card {
	height: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.catalog__card-image-wrapper {
	position: relative;
	height: 100%;
}
.catalog__card-image {
	position: relative;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.catalog__card-image-wrapper::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    pointer-events: none;
    background: linear-gradient(to top, var(--white) 0%, var(--white-a90) 55%, transparent 100%);
}
.catalog__card-main {
	padding: 20px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.catalog__card-title {
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}
.catalog__card-cta {
	display: flex;
    justify-content: space-between;
	align-items: center;
    gap: 20px;
}
.catalog__description {}
.catalog__button {
	height: 58px;
    border-radius: 20px;
    padding: 14px;
    background-color: var(--orange-medium);
    border: 0;
    color: var(--white);
	line-height: 1;
	cursor: pointer;
}





.leave-request {}
.leave-request__bg-image {
	position: absolute;
    z-index: 1;
    width: 55%;
    min-width: 700px;
    right: -200px;
    top: 7%;
}
.leave-request__content {
	background-color: var(--gray-super-light);
    border-radius: 30px;
    padding: 60px 30px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 60px;
	position: relative;
}
.leave-request__heading {
	width: 40%;
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: 48px;
    line-height: 110%;
    font-family: var(--font-header);
    text-transform: uppercase;
}
.leave-request__wrapper-container {
	width: 100%;
	container: gridcont / inline-size;
}
.leave-request__list {
	position: relative;
    z-index: 2;
    display: grid;
	grid-template-columns: repeat(2, minmax(300px, 1fr));
    max-width: 882px;
    gap: 30px;
}
.leave-request__item,
.leave-request__last-item {
	display: flex;
	gap: 10px;
	background-color: var(--white);
	border-radius: 30px;
	padding: 30px;
	height: 134px;
	align-items: center;
	justify-content: space-between;
}
.leave-request__text-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.leave-request__title {
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
	font-family: var(--font-header);
	text-transform: uppercase;
}
.leave-request__description {}
.leave-request__number,
.leave-request__button {
	width: 58px;
	height: 58px;
	aspect-ratio: 1;
	border-radius: 20px;
	padding: 14px;
	background-color: var(--orange-medium);
	color: white;
	align-content: center;
    text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	text-transform: uppercase;
	font-family: var(--font-header);
}
.leave-request__last-item {
	background-color: var(--orange-medium);
	cursor: pointer;
}
.leave-request__last-item .leave-request__title  {
	color: var(--white);
}
.leave-request__last-item .leave-request__description {
	color: var(--white);
}
.leave-request__button {
	background-color: var(--white);
	color: var(--gray-ultra-dark);
	font-size: 26px;
	line-height: 50%;
	font-family: auto;
	appearance: none;
	border: 0;
	cursor: pointer;
	transition: color 0.3s ease;
}
.leave-request__last-item:hover .leave-request__button {
	color: var(--orange-medium);
}
.leave-request__item:nth-child(1) { order: 1; }
.leave-request__item:nth-child(2) { order: 3; }
.leave-request__item:nth-child(3) { order: 5; }
.leave-request__item:nth-child(4) { order: 2; }
.leave-request__item:nth-child(5) { order: 4; }
.leave-request__last-item         { order: 6; }
@container gridcont (max-width: 630px) {
  .leave-request__list { grid-template-columns: 1fr; }
	.leave-request__item,
	.leave-request__last-item { order: unset !important; }
}






.gallery { 
	--gap: 12px; 
}
.gallery__slider { 
	display: flex; 
	gap: 30px; 
}
.gallery__content { 
	display: grid; 
	gap: 24px; 
	grid-template-columns: 1fr 3.4fr; 
	background-color: var(--gray-ultra-dark);
    padding: 30px;
    border-radius: 30px;
}
@media (max-width: 900px) { 
	.gallery__content { 
		grid-template-columns: 1fr; 
	} 
}
.gallery__slider-main { 
	width: 100%; 
}
.gallery__panel { 
	margin-top: 30px;
	display:flex; 
	flex-direction:column; 
	gap: 45px; 
}
.gallery__heading {
	color: var(--white);
}
.gallery__description {
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	color: var(--white);
}
.gallery__slider-action { 
	display: flex; 
	align-items: center; 
	gap: 20px; 
}
.gallery__slider-button { 
	width: 86px; 
	height: 45px; 
	border-radius: 20px;
	border: 1px solid var(--white-a20); 
	padding: 10px 30px;
	cursor: pointer; 
	background-color: var(--white-a7);
	backdrop-filter: blur(12px);
	color: var(--white);
	font-size: 24px;
	line-height: 1;
	transition: color 0.3s ease, border 0.3s ease;
}
.gallery__slider-button:hover {
	color: var(--orange-medium);
}
.gallery__counter { 
	display: flex; 
	align-items: baseline; 
	gap: 4px; 
	font-variant-numeric: tabular-nums; 
}
.gallery__count-now { 
	width: 42px;
	font-weight: 600;
	font-size: 40px; 
	line-height: 120%; 
	font-family: var(--font-header);
	color: var(--orange-light);
}
.count-opasity { 
	color: inherit;
	opacity: .5; 
}
.gallery__counter sup {
	top: -18px;
}
.gallery__count-general { 
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	font-family: var(--font-header);
	color: var(--orange-light);
}
.gallery__slider-wrapper { 
	display: grid; 
	gap: 16px; 
}
.gallery__slider-main-images {
	position: relative; 
	isolation: isolate;
	overflow: hidden; 
	border-radius: 15px; 
}
.gallery__slider-main-images::after{
	content: "";
	position: absolute;
	left: -10px; right: -10px; bottom: -10px;
	height: 70px; 
	background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
	pointer-events: none;
	z-index: 1;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	filter: blur(4px);
}
.gallery__slider-main-image { 
	display: none; 
	width: 100%; 
	height: 470px; 
	object-fit: cover; 
}
.gallery__slider-main-image[active] { 
	display:block; 
}
.gallery__slider-main-dots { 
	display: flex; 
	gap: 10px; 
	margin-top: -20px;
    margin-left: 20px;
    position: relative;
    width: calc(100% - 40px);
}
.gallery__slider-main-dot {
/* 	background-image: var(--dot-img);
	background-size: cover; 
	background-position: center; */
	height: 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	opacity: .45; 
	padding: 0;
	cursor: pointer;
	flex: 1;
}
.gallery__slider-main-dot[active] { 
	opacity: 1; 
/* 	outline: 2px solid rgba(255, 255, 255, .8);  */
}
.gallery__slider-miniatures { 
/* 	padding: 4px;
    width: 150px;
	overflow: clip; */
}
.gallery__slider-miniature-track {
	display: flex;
    flex-direction: column;
    overflow-y: auto;
	scroll-snap-type: y mandatory;
	scroll-padding-top: 2px;
	scrollbar-width: none;
	-ms-overflow-style: none;
    max-height: 470px;
    gap: 30px;
}
.gallery__slider-miniature-track::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.gallery__slider-miniature {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	width: 90px;
	height: 90px;
	min-height: 90px;
	display: block; 
	padding: 0; 
	margin: 2px; 
	border: 0; 
	cursor: pointer; 
	border-radius: 12px; 
	overflow: clip;
	outline: 2px solid transparent;
}
.gallery__slider-miniature[active] { 
	outline-color: var(--orange-medium);
}
.gallery__slider-miniature-image {
	object-fit: cover;
    display: block;
    width: 90px;
    height: 90px;
}
.gallery__cta { 
	display: flex; 
	gap: 20px; 
	align-items: center; 
	justify-content: space-between; 
}
.gallery__cta-texts {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.gallery__cta-title {
	text-transform: math-auto;
    color: var(--white);
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}
.gallery__cta-description {
	font-weight: 500;
    font-size: 16.3px;
    line-height: 120%;
    color: var(--white);
}
.gallery__cta-button { 
	white-space: nowrap; 
}





.popular-models {}
.popular-models__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
}
.popular-models__header {
	display: flex;
    justify-content: space-between;
	align-items: center;
	gap: 50px;
}
.popular-models__title {
	width: 40%;
}
.popular-models__description {
	width: 35%;
	line-height: 120%;
}
.popular-models__main {
	display: grid;
    grid-template-columns: 1fr 1.7fr 1.4fr;
    gap: 30px;
}
.popular-models__main > *     { width: 100%; min-width: 0; }
.popular-models__main > *:nth-child(1) { min-width: 300px; max-width: 350px; }
.popular-models__main > *:nth-child(2) { min-width: 500px; max-width: 550px; }
.popular-models__main > *:nth-child(3) { max-width: 470px; }
.popular-models__company-list {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 30px;
}
.popular-models__company {
	display: flex;
    gap: 5px;
    align-items: center;
	cursor: pointer;
}
.popular-models__company-meta {
    min-width: max-content;
    width: 100%;
	height: 97px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	padding: 10px 20px;
	background-color: var(--gray-super-light)
}
.popular-models__company-logo { height: 40px; }
.popular-models__company-price {
	color: var(--gray-ultra-dark);
	white-space: nowrap;
}
.popular-models__company-button {
	width: 50px;
	height: 97px;
	border: 0;
	border-radius: 10px;
	padding: 14px;
	font-size: 30px;
	color: var(--gray-ultra-dark);
	background-color: var(--gray-super-light);
}
.popular-models__company,
.popular-models__company-meta,
.popular-models__company-price,
.popular-models__company-button {
	transition: background-color 0.2s ease, color 0.2s ease;
}

.popular-models__company:hover .popular-models__company-meta,
.popular-models__company:hover .popular-models__company-button {
	background-color: var(--gray-light);
}
.popular-models__company[active] .popular-models__company-meta {
	background-color: var(--orange-medium);
}
.popular-models__company[active] svg.popular-models__company-logo path {
	fill: white;
}
.popular-models__company[active] .popular-models__company-price {
	color: var(--white);
}
.popular-models__company[active] .popular-models__company-button {
	background-color: var(--gray-ultra-dark);
	color: var(--white);
}
.popular-models__details {
	height: 100%;
	display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: var(--gray-super-light);
    border-radius: 30px;
    padding: 30px;
}
.popular-models__details:not([active]) { display: none; }
.popular-models__details-header {
	display: flex;
    flex-direction: column;
    gap: 15px;
}
.popular-models__details-title {}
.popular-models__details-description {
	line-height: 120%;
}
.popular-models__details-list {
	display: flex;
    flex-direction: column;
    gap: 30px;
/* 	justify-content: space-between; */
    height: 100%;
}
.popular-models__details-item {
	display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 50px;
	padding: 15px 30px;
}
.popular-models__details-item-title {
	white-space: nowrap;
	font-size: 20px;
}
.popular-models__details-rating {
	--star-inactive: var(--gray-light);
	--star-active:   var(--orange-medium);
	--reveal-dur: 320ms;
	--stagger:    120ms;
	display: flex;
	gap: 10px;
}
.popular-models__details-star {
	--size-star: 26px;
	display: inline-block;
	width: var(--size-star);
	aspect-ratio: 1;
	transform: scale(1.3);
	background-color: var(--star-inactive);
	clip-path: path("M 9.76817 3.95777 C 11.1566 1.41185 14.8123 1.41185 16.2008 3.95777 L 17.0023 5.42742 C 17.5292 6.39359 18.4625 7.0717 19.5442 7.27427 L 21.1896 7.58239 C 24.04 8.11617 25.1697 11.5929 23.1774 13.7001 L 22.0274 14.9166 C 21.2713 15.7163 20.9148 16.8135 21.0564 17.9048 L 21.2718 19.5649 C 21.645 22.4407 18.6875 24.5895 16.0678 23.3459 L 14.5555 22.628 C 13.5613 22.1561 12.4076 22.1561 11.4134 22.628 L 9.90119 23.3459 C 7.28144 24.5895 4.32395 22.4407 4.69711 19.5649 L 4.91252 17.9048 C 5.05413 16.8135 4.69763 15.7163 3.94157 14.9166 L 2.79153 13.7001 C 0.799275 11.5929 1.92893 8.11617 4.77931 7.58239 L 6.42471 7.27427 C 7.50641 7.0717 8.43976 6.39359 8.96667 5.42742 L 9.76817 3.95777 Z ");
	transition: background-color 0.2s ease;
}
.popular-models__details-star--active {
	background-color: var(--star-active);
}
.popular-models__details-rating:hover .popular-models__details-star {
	background-color: var(--star-inactive);
	transition: none;
}
.popular-models__details-rating:hover .popular-models__details-star--active {
	animation: star-recolor var(--reveal-dur) ease both;
}
.popular-models__details-rating:hover .popular-models__details-star--active:nth-child(1){ animation-delay: calc(var(--stagger) * 0); }
.popular-models__details-rating:hover .popular-models__details-star--active:nth-child(2){ animation-delay: calc(var(--stagger) * 1.5); }
.popular-models__details-rating:hover .popular-models__details-star--active:nth-child(3){ animation-delay: calc(var(--stagger) * 3); }
.popular-models__details-rating:hover .popular-models__details-star--active:nth-child(4){ animation-delay: calc(var(--stagger) * 4.5); }
.popular-models__details-rating:hover .popular-models__details-star--active:nth-child(5){ animation-delay: calc(var(--stagger) * 6); }
@keyframes star-recolor {
	from { background-color: var(--star-inactive); }
	to   { background-color: var(--star-active); }
}
.popular-models__details-class {}
.popular-models__cta {
	display: flex;
    flex-direction: column;
    gap: 30px;
}
.popular-models__cta-images {
	position: relative;
    max-width: 450px;
	height: 100%;
	
	/* Временный фикс-костыль */
	overflow: hidden;
	border-radius: 50px;
	/* Временный фикс-костыль */
}
.popular-models__cta-background {
	bottom: -40px;
    position: relative;
    z-index: 1;
    scale: 1.7;
    max-width: 450px;
    clip-path: inset(15% 21% round 30px);
}
.popular-models__cta-image {
	min-width: 450px;
	position: absolute;
    z-index: 2;
    scale: 1.5;
    bottom: 74px;
    left: 55px;
}
.popular-models__cta-button { 
	min-width: 270px;
	justify-content: space-between; 
}
.popular-models__cta-button--hidden {
	display: none;
}





.scheme {}
.scheme__content {
	background-color: var(--gray-ultra-dark);
    color: white;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}
.scheme__part-one {
	display: grid;
	grid-template-columns: 2fr 1.3fr;
    gap: 60px;
}
.scheme__part-one-scheme {
	width: 100%;
	min-width: 565px;
	display: flex;
    position: relative;
}
.scheme__part-one-image {
	min-height: 558px;
	margin-left: auto;
    display: block;
	object-fit: cover;
}
.scheme__part-two {
	display: flex;
    gap: 60px;
}
.scheme__part-two-scheme {
	width: 100%;
	min-width: 567px;
	display: flex;
    position: relative;
}
.scheme__part-two-image {
	min-height: 555px;
	margin-right: auto;
	display: block;
	object-fit: cover;
}
.scheme__part-pointers {
	width: 50%;
	height: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}
.scheme__part-pointer {
	position: absolute;
}
.scheme__part-label {
	max-width: max-content;
	font-weight: 700;
    font-size: 20px;
    line-height: 120%;
	font-family: var(--font-header);
	color: white;
	text-transform: uppercase;
}
.scheme__part-line {
	transition: width .1s linear;
	border: 1px solid var(--orange-medium);
}
.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) { top: -6%;  left: -50%; }
.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) { top: 25%;  left: -50%; }
.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) { top: 53%;  left: -50%; }
.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) { top: 124%; left: -50%; }
.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line { 
	width: calc(var(--one-scheme-width) - 300px);
	min-width: 270px;
}
.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
	width: calc(var(--one-scheme-width) - 230px);
	min-width: 335px;
}
.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line { 
	width: calc(var(--one-scheme-width) - 375px);
	min-width: 190px;
}
.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line { 
	width: calc(var(--one-scheme-width) - 330px);
	min-width: 235px;
}
.scheme__part-two-scheme .scheme__part-pointers {
	transform: scaleX(-1);
    transform-origin: center;
	top: 25%;
}
.scheme__part-two-scheme .scheme__part-pointer .scheme__part-label,
.scheme__part-two-scheme .scheme__part-pointer .scheme__part-line {
	transform: scaleX(-1);
}
.scheme__part-two-scheme .scheme__part-pointer:nth-child(1) { top: -20%;  left: 0%; }
.scheme__part-two-scheme .scheme__part-pointer:nth-child(2) { top: 30%;  left: 0%; }
.scheme__part-two-scheme .scheme__part-pointer:nth-child(3) { top: 73%;  left: 0%; }
.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) { top: 109%; left: 0%; }
.scheme__part-two-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line { 
	width: calc(var(--two-scheme-width) - 360px);
	min-width: 200px;
}
.scheme__part-two-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
	width: calc(var(--two-scheme-width) - 290px);
	min-width: 280px;
}
.scheme__part-two-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line { 
	width: calc(var(--two-scheme-width) - 450px);
	min-width: 120px;
}
.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line { 
	width: calc(var(--two-scheme-width) - 400px);
	min-width: 165px;
}
.scheme__part-main {
	max-width: 463px;
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.scheme__part-title {}
.scheme__part-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.scheme__part-item {
	color: var(--white);
	line-height: 120%;
}
.scheme__part-button {
	max-width: max-content;
}





.turnkey {}
.turnkey__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: var(--gray-super-light);
    border-radius: 30px;
    padding: 40px 30px 30px 30px;
}
.turnkey__heading {
	width: 60%;
}
.turnkey__main {
	display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    gap: 35px;
}
.turnkey__item {
	display: flex;
    flex-direction: column;
    gap: 30px;
}
.turnkey__item:nth-child(1) .turnkey__item-info { order: -1; }
.turnkey__item:nth-child(3) .turnkey__item-info { order: -1; }
.turnkey__item-image {
	width: 100%;
	min-height: 298px;
	max-height: 298px;
	border-radius: 30px;
	object-fit: cover;
}
.turnkey__item-info {
	height: 100%;
	display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    border-radius: 30px;
    background-color: var(--gray-ultra-dark);
    text-align: center;
}
.turnkey__item-title {
	color: var(--white);
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
	font-family: var(--font-header);
    letter-spacing: normal;
    text-transform: uppercase;
}
.turnkey__item-description {
	color: var(--white);
}




:root {
	--first-opened: true;
	--allow-multiple: false;
}
.faq {}
.faq__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
}
.faq__header {
	display: flex;
    gap: 50px;
    justify-content: space-between;
}
.faq__heading {
	width: 40%;
}
.faq__description {
	width: 35%;
}
.faq__main {
	display: flex;
    gap: 30px;
}
.faq__main-form {
	padding: 20px;
    border: 4px solid var(--orange-medium);
    border-radius: 20px;
}
.faq__main-title {
	font-weight: 800;
    font-size: 30px;
}
.faq__main form.wpforms-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.faq__main .wpforms-form .wpforms-field-container {
    display: grid;
    grid-template-areas:
        "name" 
		"phone"
		"question"
        "checkbox";
	width: 100% !important;
	gap: 0;
}
.faq__main .question__question { grid-area: question; }
.faq__main .question__question textarea { 
	height: 200px !important;
	max-height: 280px !important; 
}
.faq__main div.wpforms-container-full .wpforms-form textarea:focus,
.faq__main div.wpforms-container-full input[type=text]:focus {
    box-shadow: none !important;
    border-color: var(--orange-medium) !important;
}
.faq__main .question__checkbox-link { color: var(--orange-medium); }
.faq__main .question__button { width: 100%; }
.faq div.wpforms-container-full .wpforms-confirmation-container-full {
	background: transparent !important;
    border: 2px solid var(--orange-medium) !important;
	border-radius: 20px;
	margin-top: 30px;
}
.faq div.wpforms-container-full .wpforms-confirmation-container-full p { font-size: 30px; }
.faq__main:has([id^="wpforms-confirmation-"]) .faq__main-form {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.faq__main:has([id^="wpforms-confirmation-"]) .faq__main-title,
.faq__main:has([id^="wpforms-confirmation-"]) .faq__main-description { display: none; }
.faq__main:has([id^="wpforms-confirmation-"]) [id^="wpforms-confirmation-"] {
	opacity: 1;
  	animation:
		wpforms-fadeout 2s ease 5s forwards,
		wpforms-collapse 0.35s ease calc(5s + 2s) forwards;
}
@keyframes wpforms-fadeout {
	from { opacity: 1; visibility: visible; pointer-events: auto; }
	to   { opacity: 0; visibility: hidden; pointer-events: none; }
}
@keyframes wpforms-collapse {
	from { }
	to   { max-width: 0; max-height: 0; margin: 0; padding: 0; overflow: hidden; }
}
.faq accordion-list {
	display: grid;
	grid-template-columns: repeat(1, minmax(400px, 1fr));
    gap: 30px;
	align-items: start;
}
.faq accordion-item {
	background-color: var(--gray-over-light);
	border-radius: 15px;
	padding: 15px;
	color: var(--gray-ultra-dark);
	transition: background-color .2s ease;
}
.faq accordion-title {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}
.faq accordion-title-text {
	width: 90%;
	font-weight: 700;
    font-size: 20px;
    line-height: 120%;
}
.faq accordion-title-button {
	min-width: 45px;
    min-height: 45px;
    max-width: 45px;
    max-height: 45px;
    border-radius: 50%;
    background-color: var(--orange-medium);
    color: var(--white);
    font-weight: 200;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    align-content: center;
	will-change: transform;
	transition: background-color .2s ease, color .2s ease, transform 0.2s ease;
}
.faq accordion-title:hover accordion-title-button {
	transform: scale(1.2);
}
.faq accordion-body {
	display: block;
	overflow: hidden;
	height: 0;
	transition: height 0.3s ease;
}
.faq accordion-body-content {
	display: flex;
    flex-direction: column;
    gap: 24px;
}
.faq accordion-body-content > p {
	margin-top: 24px;
	font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.faq accordion-body-content > .faq__button {
	display: none;
	max-width: max-content;
    color: var(--gray-ultra-dark);
    background-color: var(--white);
	gap: 0;
	font-weight: 800;
    font-size: 14px;
    line-height: 20px;
}
.faq accordion-body-content > .faq__button::before {
	transform: translateY(-50%) rotate(-45deg);
}
.faq accordion-body-content > .faq__button::after {
	background-color: var(--white);
}
.faq accordion-item :is(accordion-title, p) {
	transition: color .2s ease;
}
.faq accordion-item[opened] {
	background-color: var(--orange-medium);
}
.faq accordion-item[opened] accordion-title-button {
	transform: scale(1.2) rotate(45deg);
}
.faq accordion-item[opened] accordion-title:hover accordion-title-button {
	transform: scale(1) rotate(45deg);
}
.faq accordion-item[opened] :is(accordion-title, p) {
	color: var(--white);
}
.faq accordion-item[opened] accordion-title-button {
	background-color: var(--white);
	color: var(--gray-ultra-dark);
}




.outfitting { margin-top: calc(var(--main-gap) * -1); }
.outfitting__content {
	display: grid;
    grid-template-columns: 740fr 550fr;
	background-color: var(--gray-super-light);
    border-radius: 30px;
    padding: 30px;
	gap: 30px;
}
.outfitting__elem-left {
	display: flex;
    flex-direction: column;
    gap: 30px;
}
.outfitting__elem-right {
	display: flex;
    flex-direction: column;
    gap: 30px;
}
.outfitting__header {
	display: flex;
    flex-direction: column;
    gap: 20px;
}
.outfitting__heading {}
.outfitting__description {
	line-height: 120%;
}
.outfitting__elems {
	display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 30px;
}
.outfitting__item {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	height: 100%;
    border-radius: 15px;
    background-color: var(--white);
}
.outfitting__item-texts {
	display: flex;
    flex-direction: column;
    gap: 17px;
	padding: 15px;
}
.outfitting__item-title {
	font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}
.outfitting__item-description {
	font-weight: 400;
    line-height: 120%;
}
.outfitting__item-image {
	width: 100%;
	height: 100%;
    object-fit: cover;
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.outfitting__item-image-grad {
	width: 100%;
	height: 240px;
	position: relative;
	z-index: 1;
}
.outfitting__item-image-grad::after {
	content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    height: 80px;
    pointer-events: none;
    background: 
		linear-gradient(
			to bottom, 
			var(--white)     0%, 
			var(--white-a90) 5%, 
			transparent      100%
		);
}
.outfitting__item-image-wrapper {
	position: relative;
	height: 100%;
}
.outfitting__image {
	height: 100%;
	border-radius: 15px;
    object-fit: cover;
	max-height: 393px;
}
.outfitting__text-wrapper {
	position: absolute;
    bottom: 8px;
    margin: 15px;
    background-color: var(--white-a90);
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    backdrop-filter: blur(1px);
}
.outfitting__list {
	display: flex;
    gap: 30px;
}
.outfitting__list .outfitting__item {
	padding: 15px;
}
.outfitting__list .outfitting__item:nth-child(2) {
	background-color: var(--gray-ultra-dark);
}
.outfitting__list .outfitting__item:nth-child(2) p {
	color: var(--white);
}
.outfitting__button {
	padding-left: 33%;
    width: 100%;
    justify-content: end;
    gap: 40%;
}




.contacts {}
.contacts__content {
	display: flex;
    flex-direction: column;
    gap: 60px;
    background-color: var(--gray-super-light);
    padding: 30px;
    border-radius: 30px;
}
.contacts__heading {}
.contacts__heading {}
.contacts__map {
	border-radius: 30px;
    overflow: hidden;
}
.contacts__info {
	display: flex;
    justify-content: space-between;
    gap: 10px;
}
.contacts__info-item {
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.contacts__info-title {}
.contacts__info-info {}
.contacts__item-info {
	text-transform: math-auto;
	font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}
.contacts__item-info > a {
	color: var(--gray-ultra-dark);
	text-decoration: none;
}





.footer {}
.footer__content {
	display: flex;
	flex-direction: column;
	gap: 50px;
	background-color: var(--gray-ultra-dark);
	border-radius: 30px;
	padding: 20px 30px;
}
.footer__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 50px;
}
.footer__logo-link {}
.footer__logo {
	max-width: 280px;
    min-width: 280px;
    height: auto;
    object-fit: cover;
}
.footer__nav {}
.footer__menu {
	margin: 0;
    padding: 0;
    display: flex;
    gap: 32px;
	list-style: none;
}
.footer__menu-item {}
.footer__button {
	border: 0;
    padding: 0;
    background-color: transparent;
	color: var(--white);
	font-weight: 600;
    font-size: 24px;
    line-height: 120%;
	text-transform: uppercase;
	font-family: var(--font-header);
	cursor: pointer;
	transition: color 0.2s ease;
}
.footer__button:hover {
	color: var(--orange-medium);
}
.footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer__cta-button {}
.footer__agreement {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: end;
}
.footer__agreement-item {
	color: var(--white);
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	text-decoration: none;
}
.footer__agreement-item:hover {
	color: var(--white);
}





@media screen and (max-width: 1200px) {
	header[class$="__header"] {
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	:where(h1, h2[class$="__heading"]) { width: 80% !important; }
	:is(.gallery, .help, .outfitting) h2[class$="__heading"] { width: 100% !important; }
	header[class$="__header"] > p { width: 100%; }
	
	
	.header__cta { gap: 10px; }
	
	
	.intro__main-content,
	.intro__bottom-content {
		display: contents;
	}
	.intro__content { grid-template-columns: 1fr; }
	.intro__content {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-areas:
			"content content    content"
			"image-1 image-main image-2";
	}
	.intro__top-content        { grid-area: content; }
	.intro__image--secondary-1 { grid-area: image-1; }
	.intro__main-image         { grid-area: image-main; }
	.intro__image--secondary-2 { grid-area: image-2; }
	
	.intro__image--secondary-1,
	.intro__main-image,
	.intro__image--secondary-2 {
		width: 100%;
		max-width: none;
		max-height: 250px;
	}
	
	
	
	.answer__marquiz {
		display: flex;
		flex-direction: column;
	}
	.answer__marquiz-assistant { order: 2; }
	.answer__marquiz-body      { order: 1; }
	.answer__marquiz-list { 
		display: grid;
        grid-template-columns: repeat(4, minmax(125px, 1fr));
	}
	.answer__marquiz-assistant {
		height: unset;
		min-height: unset;
		gap: 30px;
	}
	.answer__marquiz-item {
		flex-direction: column;
		align-items: center;
    	text-align: center;
		gap: 10px;
	}
	.answer__marquiz-item-image { height: 90px; }
	
	
	
	.solutions__grid { grid-template-columns: repeat(3, 1fr); }
	.solutions__stack { display: contents; }
	.solutions__card { max-width: unset; }
	.solutions__caption { max-height: 290px; }
	.solutions__hero .solutions__card-text { max-height: 170px; }
	
	
	
	.help__content {
		display: grid;
    	grid-template-columns: 1fr;
		position: relative;
	}
	.help__main { width: unset; }
	.help__form {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 10px;
        column-gap: 30px;
		height: unset;
		grid-template-areas:
			"online online"
			"phone  button";
	}
	.help__online-indicator { grid-area: online; }
	.help__phone-number     { grid-area: phone; }
	.help__button           { grid-area: button; }
	
	.help__phone-number,
	.help__indicator-text { white-space: nowrap; }
	.help__image { 
		width: unset;
        min-width: unset;
        right: unset;
        margin-top: unset;
        margin-bottom: unset;
		position: absolute;
        scale: 0.4;
        right: -19%;
        bottom: -76%;
	}
	
	
	
	.leave-request__bg-image { display: none; }
	.leave-request__list     { max-width: unset; }
	
	
	.gallery__panel { position: relative; }
	.gallery__slider-wrapper { position: relative; }
	.gallery__slider {	margin-bottom: 90px; }
	.gallery__cta { display: contents; }
	.gallery__cta-texts {
		position: absolute;
   		bottom: 20px;
	}
	.gallery__cta-button {
		position: relative;
		max-width: max-content;
		bottom: 0;
		left: -310px;
		margin-top: 50px;
	}
	
	
	
	.popular-models__title { width: 70%; }
	.popular-models__main { grid-template-columns: 1fr 1.7fr}
	.popular-models__cta { display: none; }
	.popular-models__cta-button--hidden { 
		display: inline-flex; 
		max-width: max-content;
	}
	.popular-models__main > *:nth-child(1),
	.popular-models__main > *:nth-child(2) { max-width: unset; }
	
	
	
	.scheme__part-two { align-items: center; }
	.scheme__part-one-scheme {
		height: 400px;
		min-height: unset;
	}
	.scheme__part-one-image { min-height: unset; }
	.scheme__part-two-scheme { 
		height: 310px;
		min-width: unset;
	}
	.scheme__part-two-image { min-height: unset; }
	
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 210px);
	}
	
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) { top: 32%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 165px);
	}
	
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) { top: 60%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 270px);
	}
	
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 240px);
	}
	
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(1) { top: -17%; }
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 205px);
	}
	
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 165px);
	}
	
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 250px);
	}
	
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) { top: 111%; }
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 230px);
	}
	.scheme__part-one-scheme { min-width: 466px;}
	.scheme__part-two-scheme { min-width: 363px; }
	.scheme__part-line { min-width: unset !important; }
	
	
	
	.turnkey__item-info { gap: 20px; }
	
	

	.outfitting__content {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 10px;
        column-gap: 30px;
		height: unset;
		gap: 30px;
		grid-template-areas:
			"heading heading heading"
			"image-1 image-2 image-3"
			"list    list    list"
			"button  button  button";
	}
	.outfitting__header             { grid-area: heading; }
	.outfitting__item:nth-child(1)  { grid-area: image-1; }
	.outfitting__item:nth-child(2)  { grid-area: image-2; }
	.outfitting__item-image-wrapper { grid-area: image-3; }
	.outfitting__list               { grid-area: list; }
	.outfitting__button             { grid-area: button; }
	
	.outfitting__elems,
	.outfitting__elem-left,
	.outfitting__elem-right {
		display: contents;
	}
	.outfitting__list .outfitting__item { width: 100%; gap: 10px; }
	.outfitting__button { padding-left: 10%; }
	
	
	
	.contacts__item-info { 
		display: flex;
		flex-wrap: wrap;
	}
	.contacts__info-item:nth-child(4) { width: 200px; }
}

@media screen and (max-width: 1110px) {
	.footer__top {
		gap: 30px;
	}
	.footer__menu {
		gap: 20px;
	}
	.footer__logo {
		max-width: 200px;
		min-width: 200px;
	}
}

@media screen and (max-width: 1000px) {
	.leave-request__item, .leave-request__last-item { height: unset; }
	
	
	.popular-models__main {
		display: flex;
		flex-direction: column;
	}
	.popular-models__company-list { 
		flex-direction: row; 
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
  		cursor: grab;
		scroll-snap-type: x proximity;
  		scroll-behavior: smooth;
	}
	.popular-models__company-list,
	.popular-models__company-list * {
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		cursor: grab;
	}
	.popular-models__company-list::-webkit-scrollbar{
		display: none;
	}
	.popular-models__company-list > * {
		scroll-snap-align: start;
	}
	.popular-models__company-meta {
		width: 280px;
		justify-content: space-between;
	}
	.popular-models__cta-button--hidden {
		max-width: unset;
	}
	
	
	.scheme__part-one,
	.scheme__part-two { 
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	.scheme__part-main { max-width: unset; }
	.scheme__part-two-scheme { height: unset; }
	.scheme__part-one-image{
		min-height: unset;
		height: 400px;
	}
	.scheme__part-two-image,
	.scheme__part-two-scheme { height: 300px; }
	.scheme__part-one-scheme { align-items: center; }
	.scheme__part-one .scheme__part-main       { order: 1; }
	.scheme__part-one .scheme__part-one-scheme { order: 2; }
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 240px);
	}
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 220px);
	}
	
	
	.turnkey__main {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"item-1-1 item-1-2"
			"item-2-2 item-2-1"
			"item-3-1 item-3-2";
	}
	.turnkey__item:nth-child(1) > div { grid-area: item-1-1; }
	.turnkey__item:nth-child(1) > img { grid-area: item-1-2; }
	.turnkey__item:nth-child(2) > div { grid-area: item-2-1; }
	.turnkey__item:nth-child(2) > img { grid-area: item-2-2; }
	.turnkey__item:nth-child(3) > div { grid-area: item-3-1; }
	.turnkey__item:nth-child(3) > img { grid-area: item-3-2; }
	.turnkey__item { display: contents; }
	.turnkey__item:nth-child(1) > div, .turnkey__item:nth-child(1) > img,
	.turnkey__item:nth-child(2) > div, .turnkey__item:nth-child(2) > img,
	.turnkey__item:nth-child(3) > div, .turnkey__item:nth-child(3) > img {
		height: unset;
        max-height: 185px;
        min-height: unset;
	}
	
	
	.contacts__info {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.contacts__info-item:nth-child(2),
	.contacts__info-item:nth-child(4) {
		margin-left: auto;
		width: 200px;
	}
	
	.faq__main { flex-direction: column; }
	.faq accordion-list { order: -1;}
}


@media screen and (max-width: 950px) {
	.footer__top,
	.footer__bottom {
		display: contents;
	}
	.footer__content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"logo      button"
			"menu      menu"
			"agreement agreement";
	}
	.footer__logo-link  { grid-area: logo; }
	.footer__nav        { grid-area: menu; }
	.footer__cta-button { grid-area: button; }
	.footer__agreement  { grid-area: agreement;}
	.footer__cta-button { max-width: max-content; }
	.footer__agreement  { flex-direction: row; }
	.footer__cta-button { margin-left: auto; }
	.footer__menu, .footer__agreement { justify-content: space-between; }
}
	
	
@media screen and (max-width: 900px) {
	h1 { font-size: 48px; }
	h2 { font-size: 40px; }
	h4 { font-size: 22px; }
	
	.solutions__grid { 
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"card-1   card-2"
			"card-3-4 card-3-4";
	}
	.solutions__card         { grid-area: card-1; }
	.solutions__hero-image   { grid-area: card-2; }
	.solutions__card-wrapper { grid-area: card-3-4; }
	.solutions__card-wrapper { flex-direction: row; }
	
	.help__phone-number { font-size: 32px; }
	
	.leave-request__last-item {
		display: grid;
		grid-template-columns: 10fr 1fr;
		grid-template-areas:
			"title button"
			"ltext ltext";
	}
	.leave-request__last-item .leave-request__description { display: flex; }
	.leave-request__last-item .leave-request__title       { grid-area: title; }
	.leave-request__last-item .leave-request__description { grid-area: ltext; }
	.leave-request__last-item .leave-request__button      { grid-area: button; }
	.leave-request__button { align-self: start; }
	.leave-request__text-wrapper {
		display: flex;
		flex-direction: column;
	}
	.leave-request__last-item .leave-request__text-wrapper {
		display: contents;
	}
	
	
	.gallery__panel { position: unset; }
	.gallery__slider-wrapper { position: unset; }
	.gallery__slider {	margin-bottom: unset; }
	.gallery__cta { display: flex; }
	.gallery__cta-texts {
		position: unset;
   		bottom: unset;
	}
	.gallery__cta-button {
		position: relative;
		max-width: unset;
		bottom: unset;
		left: unset;
	}
	
	.gallery__panel, .gallery__cta,
	.gallery__slider-wrapper {	display: contents; }
	.gallery__content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"heading    heading"
			"h-text     h-text"
			"slider     slider"
			"cta-text   cta-text"
			"slider-btn button";
	}
	.gallery__heading       { grid-area: heading; }
	.gallery__description   { grid-area: h-text; }
	.gallery__slider-action { grid-area: slider-btn; }
	.gallery__slider        { grid-area: slider; }
	.gallery__cta-texts     { grid-area: cta-text; }
	.gallery__cta-button    { grid-area: button; }
	.gallery__cta-button { 
		justify-content: space-between; 
		margin-top: 0;
	}
	
	
/* 	.popular-models__main {
		display: flex;
		flex-direction: column;
	}
	.popular-models__company-list { 
		flex-direction: row; 
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
  		cursor: grab;
		scroll-snap-type: x proximity;
  		scroll-behavior: smooth;
	}
	.popular-models__company-list,
	.popular-models__company-list * {
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		cursor: grab;
	}
	.popular-models__company-list::-webkit-scrollbar{
		display: none;
	}
	.popular-models__company-list > * {
		scroll-snap-align: start;
	}
	.popular-models__company-meta {
		width: 280px;
		justify-content: space-between;
	}
	.popular-models__cta-button--hidden {
		max-width: unset;
	} */
	
	
	.help__content { gap: 53px; }
	.help__main { display: contents; }
	.help__form { width: 100%; }
	.help__header, 
	.help__form { z-index: 2; }
	.help__header { width: 70%; }
	.help__image {
		scale: 0.35;
		right: -25%;
        bottom: -20%;
	}
	
	.outfitting__content {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"heading heading"
			"image-1 image-2"
			"image-3 image-3"
			"list    list"
			"button  button";
	}
}


@media screen and (max-width: 800px) {
	:root { --main-gap: 50px; }
	

	.help__header { width: 65%; }
	.help__image {
		right: -26%;
        bottom: -10%;
	}
	.help__form {
		grid-template-areas:
        "online"
		"phone"
        "button";
	}
	.help__button { justify-content: space-between; }
	.help__online-indicator, .help__phone-number {
		text-align: center;
		margin: 0 auto;
	}
}

@media screen and (max-width: 720px) {
	.footer__content {
		grid-template-columns: 1fr;
        grid-template-areas:
			"logo"
			"button"
			"menu"
			"agreement";
		gap: 30px;
	}
	.footer__cta-button { margin-left: unset; }
	.footer__menu, .footer__agreement {
		flex-direction: column;
		text-align: start;
	}
}

@media screen and (max-width: 700px) {
	.answer__marquiz-list { grid-template-columns: 1fr; }
	.answer__marquiz-item { flex-direction: row; }
	.answer__marquiz-item-texts { text-align: start; }
	
	
	.gallery__content {
		grid-template-columns: 1fr;
        grid-template-areas:
			"heading"
			"h-text"
			"slider"
			"cta-text"
			"slider-btn"
			"button";
	}
	.gallery__slider { 
		flex-direction: column;
		max-width: calc(100vw - 30px * 4);
	}
	.gallery__slider-miniature-track { 
		flex-direction: row; 
		max-height: unset;
		max-width: calc(100vw - 30px * 4);
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scroll-padding-top: unset;
		scroll-padding-left: 2px;
		gap: 10px;
	}
	.gallery__slider-miniature { 
		min-width: 72px;
        max-width: 72px;
        min-height: 92px;
        max-height: 92px;
	}
	.gallery__slider-main-image {
		width: unset;
		height: unset;
		aspect-ratio: 1;
	}
	
	
	.turnkey__main {
		grid-template-columns: 1fr;
        grid-template-areas:
        "item-1-1"
		"item-1-2"
        "item-2-1"
		"item-2-2"
        "item-3-1"
		"item-3-2";
	}
	.turnkey__item-info { 
		max-height: unset !important;
		height: max-content !important;
	}
	.turnkey__item img {
		max-height: unset !important;
        height: 360px !important;
	}
}

@media screen and (max-width: 660px) {
	.solutions__grid {
		grid-template-columns: 1fr;
        grid-template-areas:
        "card-1"
		"card-2"
        "card-3-4";
	}
	.solutions__card-wrapper { flex-direction: column; }
	
	
	.help__header { width: 100%; }
	.help__image { right: 0%; bottom: -7%; }
	.help__image { display: none; }
	
	
	.popular-models__details-list { 
		flex-direction: row; 
		overflow-x: scroll;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		cursor: grab;
	}
	.popular-models__details-item {
		flex-direction: column;
		gap: 30px;
		scroll-snap-align: start;
    	scroll-snap-stop: always;
		    -webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-user-drag: none;
		user-drag: none;
	}
	.popular-models__main > *:nth-child(2) { min-width: unset; }
	.popular-models__details-list::-webkit-scrollbar{
		display: none;
	}
	
	.contacts__info { grid-template-columns: 1fr; }
	.contacts__info-item:nth-child(2), .contacts__info-item:nth-child(4) { margin-left: unset; }
}

@media screen and (max-width: 600px) {
	.outfitting__content {
        grid-template-columns: 1fr;
        grid-template-areas:
        "heading"
        "image-1"
		"image-2"
        "image-3"
        "list"
        "button";
    }
	.outfitting__list { flex-direction: column; }
	.outfitting__item-image-wrapper { height: 400px; }
	
	.scheme__part-one-scheme { min-width: unset; }
	.scheme__part-one-image { max-width: 310px; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 160px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 110px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
        width: calc(var(--one-scheme-width) - 220px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 190px);
	}
	
	.catalog__content { gap: 20px; }
}

@media screen and (max-width: 500px) {
	 :root {
        --main-gap: 20px;
    }
	
	header, section, footer {
		padding: 0 10px;
	}
	
	.intro__content {
		grid-template-areas:
			"image-2 image-2 image-2"
			"content content content";
		gap: 20px;
	}
	.intro__top-content { gap: 20px; }
	.intro__buttons { gap: 10px; }
	
	.intro__image--secondary-1,
	.intro__main-image { display: none; }
	
	.intro__top-content, .answer__marquiz-assistant,
	.solutions__content, .help__content,
	.catalog__content, .leave-request__content,
	.popular-models__details, .scheme__content,
	.turnkey__content, .outfitting__content,
	.contacts__content {
		padding: 10px;
	}
	
	.catalog__content, .gallery__content,
	.scheme__content {
		border-radius: 10px;
	}
	
	.answer__heading, .solutions__heading,
	.help__heading, .catalog__heading,
	.leave-request__heading,
	.gallery__heading, .turnkey__heading,
	.faq__heading, .outfitting__heading {
		text-align: start;
	}
	
	:where(h1, h2[class$="__heading"]) {
        width: 100% !important;
		text-align: center;
		font-size: 24px !important;
    }
	.intro__description { 
		font-size: 14px; 
		text-align: center;
	}
	.intro__button {
		width: 100%;
   		justify-content: space-between;
	}
	
	.answer__marquiz-list { gap: 15px; }
	
	
	.help__content { border-radius: 30px; }
	.help__phone-number { font-size: 24px; }
	
	
	.catalog__cards { gap: 10px; }
	
	
	.gallery__content { padding: 10px; }
	.gallery__slider-miniature-track,
	.gallery__slider { 
		max-width: calc(100vw - 10px * 4 - 20px);
	}
	
	.gallery__content,
	.scheme__content { padding-top: 20px; }
		
	.popular-models__company-list,
	.popular-models__details-list {
		scroll-snap-type: unset;
		scroll-behavior: unset;
	}
	
	.turnkey__item-info,
	.turnkey__item-image,
	.outfitting__content {
		border-radius: 15px; 
	}
	
	.faq accordion-list {
		display: flex;
		flex-direction: column;
	}
	
	
	.outfitting__button {
		gap: unset;
		justify-content: space-between;
	}
	
	.scheme__part-button { justify-content: space-between; }
	
	.intro__image--secondary-2,
	.intro__top-content, .help__content,
	.popular-models__details, .turnkey__content,
	.solutions__content { border-radius: 20px; }
	.turnkey__content, .intro__top-content,
	.solutions__content, .help__content,
	.catalog__content, .leave-request__content,
	.outfitting__content, .contacts__content { 
		padding-top: 20px;  
	}
	.leave-request__content, .contacts__content { 
		border-radius: 10px; 
	}
	.contacts__content, .outfitting__content,
	.scheme__content, .popular-models__content, 
	.gallery__content, .intro__top-content { 
		padding-bottom: 20px;  
	}
	.contacts__content { gap: 30px; }
	
/* 	.footer__content { border-radius: 10px; } */
}

@media screen and (max-width: 450px) {
	.intro__button:nth-child(2) { white-space: pre-wrap; }
	
	.scheme__part-two-scheme { min-width: unset; }
}

@media screen and (max-width: 400px) {
	.help__form { padding: 10px; }
	
	.answer__marquiz-assistant { min-width: unset; }
	
	.catalog__card-main { padding: 10px; }
	.catalog__card-cta {
		flex-direction: column;
    	align-items: start;
	}
	.catalog__button { width: 100%; }
	
	.scheme__part-one-scheme { min-width: unset; height: unset; }
	.scheme__part-one-image { max-width: unset; height: 260px; }
	.scheme__part-pointer h5 { font-size: 13px; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) { top: -8%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 140px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) { top: 35%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 100px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) { top: 55%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
        width: calc(var(--one-scheme-width) - 175px);
	}
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) { top: 125%; }
	.scheme__part-one-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--one-scheme-width) - 160px);
	}
	.scheme__part-two-image { height: 220px; }
	.scheme__part-two-scheme { height: unset; }
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(1) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 145px);
	}
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(2) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 115px);
	}
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(3) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 180px);
	}
	.scheme__part-two-scheme .scheme__part-pointer:nth-child(4) .scheme__part-line {
		width: calc(var(--two-scheme-width) - 165px);
	}
}