:root {
	--font-family: "Roboto", sans-serif;
	--second-family: "Philosopher", sans-serif;
	--third-family: "Montserrat", sans-serif;
	--font3: "IBM Plex Sans", sans-serif;


	--container-width: 1170px;
	--container-padding-x: 18px;

	--container-average-width: 1355px
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--background-color);
	font-family: var(--second-family);
	color: var(--color-dark);
	font-size: 16px;
	line-height: 1.3;
}

a {
	text-decoration: none;
	color: inherit;
}

li {
	list-style: none;

}

img {
	width: auto;
	height: 100%;
}

/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */
/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Утилитарный класс ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */
.stop-transitions * {
	transition: none !important;
}

.container {
	max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
	padding-inline: var(--container-padding-x);
	margin-inline: auto;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.container {
		max-width: calc(320px + (480 - 320) * ((100vw - 320px) / (480 - 320)));
		padding-inline: 10px
	}
}

.container-average {
	max-width: calc(var(--container-average-width) + var(--container-padding-x) * 2);
	padding-inline: var(--container-padding-x);
	margin-inline: auto;
	width: 100%;
}


.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s;
	z-index: 998;
}

.overlay.overlay--active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease, visibility 0s;
}

.button-def {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 13px;
	line-height: 246%;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #6a5300;
	border-radius: 5px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 0 0 #c89c00;
	background: linear-gradient(180deg, #9bcfff 0%, #fff383 0.01%, #ffc700 100%);
	/* background: linear-gradient(180deg, #7eb2ff 0%, #0057ff 100%); */
	padding-inline: 44px;
	border: none;
	position: relative;
	overflow: hidden;
	transition: top 0.5s ease;
}



.button-def::after {
	content: '';
	position: absolute;
	top: -75px;
	left: 50%;
	width: 130px;
	height: 91px;
	display: block;
	transform: translateX(-50%);
	background-color: #ffffff;
	border-radius: 100%;
	filter: blur(30px);

}

.button-def:hover::after {
	top: -95px;
}

.button-def:active::after {
	background: r#ffffff;
	top: 50px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-75 {
	margin-bottom: 64px;
}

.mb-70 {
	margin-bottom: 70px;
}

.title-base {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	color: #363434;
}

.text-base {
	font-family: var(--font-family);
	font-weight: 300;
	font-size: 15px;
	color: #363434;
}

@media screen and (max-width: 1920px) {
	.mb-70 {
		margin-bottom: calc(40px + (70 - 40) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.mb-75 {
		margin-bottom: calc(89px + (75 - 89) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.mb-100 {
		margin-bottom: calc(120px + (100 - 120) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.mb120 {
		margin-bottom: calc(79px + (120 - 79) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.mb-150 {
		margin-bottom: calc(107px + (150 - 107) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.title-base {
		font-size: calc(30px + (40 - 30) * ((100vw - 1000px) / (1920 - 1000)));
		line-height: 90%
	}

	.text-base {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.mb-70 {
		margin-bottom: 40px;
	}

	.mb-75 {
		margin-bottom: calc(64px + (89 - 64) * ((100vw - 768px) / (1000 - 768)));
	}

	.mb-100 {
		margin-bottom: calc(70px + (120 - 70) * ((100vw - 768px) / (1000 - 768)));
	}

	.mb120 {
		margin-bottom: calc(70px + (79 - 70) * ((100vw - 768px) / (1000 - 768)));
	}

	.mb-150 {
		margin-bottom: calc(30px + (107 - 30) * ((100vw - 768px) / (1000 - 768)));
	}

	.title-base {
		font-size: calc(27px + (30 - 27) * ((100vw - 768px) / (1000 - 768)));
		line-height: 120%
	}

	.text-base {
		font-size: 13px
	}
}

@media screen and (max-width: 768px) {
	.mb-75 {
		margin-bottom: calc(49px + (64 - 49) * ((100vw - 480px) / (768 - 480)));
	}

	.mb-100 {
		margin-bottom: calc(80px + (70 - 80) * ((100vw - 480px) / (768 - 480)));
	}

	.mb120 {
		margin-bottom: 70px
	}

	.mb-150 {
		margin-bottom: calc(56px + (30 - 56) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 480px) {
	.mb-70 {
		margin-bottom: calc(35px + (40 - 35) * ((100vw - 320px) / (480 - 320)));
	}

	.mb-75 {
		margin-bottom: calc(56px + (49 - 56) * ((100vw - 320px) / (480 - 320)));
	}

	.mb-100 {
		margin-bottom: calc(100px + (80 - 100) * ((100vw - 320px) / (480 - 320)));
	}

	.mb-150 {
		margin-bottom: calc(29px + (56 - 29) * ((100vw - 320px) / (480 - 320)));
	}

	.title-base {
		font-size: calc(21px + (27 - 21) * ((100vw - 320px) / (480 - 320)));
		line-height: 100%
	}
}

@media screen and (max-width: 320px) {
	.mb-70 {
		margin-bottom: 35px;
	}

	.mb-75 {
		margin-bottom: 56px;
	}

	.mb-100 {
		margin-bottom: 100px;
	}

	.mb-150 {
		margin-bottom: 29px;
	}

	.title-base {
		font-size: 21px;
		line-height: 100%;
	}
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;

}

.input {
	padding: 20px 25px 20px 21px;
	border: 1px solid #8f8f8f;
	border-radius: 5px;
	background: #fff;
	width: 100%;
	outline: none;
}

.input::placeholder {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	line-height: 100%;
	color: #a5a5a5;
}

.input:focus-visible {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	line-height: 100%;
	color: #363434;
	border: 1px solid #8f8f8f;
}

/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */
/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Утилитарный класс end ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */

.layout {
	background: url(../images/img/background-layout.png) center / cover no-repeat;
	width: 100%;
	/* height: 100vh; */
	max-height: 948px;
	position: relative;
	overflow: hidden;
}

/* .layout::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 167px;
	background: url(../images/img/clouds.png) center / cover no-repeat;
	bottom: 0;
	left: 0;
} */

.layout::after,
.layout::before {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	z-index: 10;
}

.layout::before {
	background: url(../images/img/cust-left.png) center / contain no-repeat;
	width: 211px;
	height: 435px;
	left: 0;

}

.layout::after {
	background: url(../images/img/cust-right.png) center / contain no-repeat;
	width: 167px;
	height: 632px;
	right: 0;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 9px;
	gap: 10px;
	min-height: 60px;
}

.logo {
	order: 1;
}

.logo__link {}

.logo img {
	width: 152px;
	height: 49px;
}

@media screen and (max-width: 1920px) {
	.logo img {
		width: calc(100px + (152 - 100) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(30px + (49 - 30) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

/* Мобильное Меню start */
.mobil__button {
	order: 2;

	background: transparent;
	outline: none;
	border: 1px solid #008139;
	border-radius: 3px;
	padding: 6px 10px 8px 10px;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #202020;
	transition: background 0.5s ease;
	display: none;
	outline: 0;
}

.mobil__button:hover {
	background: #008139;
	color: #fff;
}

.mobil__line span {
	width: 10px;
	height: 2px;
	background: #008139;
	display: block;
	margin: 2px auto;
}

.mobil__button:hover .mobil__line span {
	background: #fff;
}

.mobil__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 100%;
}

/* Мобильное Меню end */

.menu {
	order: 2;
	margin-left: auto;
	margin-right: 57px;
}

.menu__items {
	display: flex;
	align-items: center;
	gap: 44px;
}

.mobil__menu-close {
	display: none;
}

.menu__item {
	position: relative;
}

.menu__item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -12px;
	left: 0;
	background: #008139;
	transform: scale(0);
	transition: all 0.3s ease;
}

.menu__item:hover::after {
	transform: scaleX(1.1);
}

.menu__item.menu--active::after {
	transform: scale(1);
}

.menu__link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	text-align: right;
	color: #202020;
	text-wrap: nowrap;
}

.btn__box {
	order: 3;
	margin-top: 13px;
}

.number {
	display: flex;
	align-items: center;
	gap: 10px;
}

.phone__icons {
	width: 16px;
	height: 16px;
	display: block;
}

.phone__link {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 18px;
	color: #202020;
	text-wrap: nowrap;
}

.phone__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	color: #7d808a;
	margin-left: 27px;
}

.clouds {
	background: url(../images/img/clouds.png) center / cover no-repeat;
	width: 100%;
	height: 170px;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 1920px) {
	.layout {
		max-height: calc(611px + (948 - 611) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.layout::before {
		background: url(../images/img/cust-left.png) center / contain no-repeat;
		width: calc(73px + (211 - 73) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(184px + (435 - 184) * ((100vw - 1000px) / (1920 - 1000)));
		left: 0;

	}

	.layout::after {
		background: url(../images/img/cust-right.png) center / contain no-repeat;
		width: calc(61px + (167 - 61) * ((100vw - 1000px) / (1920 - 1000)));

		height: calc(229px + (623 - 229) * ((100vw - 1000px) / (1920 - 1000)));
		right: 0;
	}
}

@media screen and (max-width: 1000px) {
	.layout::before {
		background: url(../images/img/cust-left.png) center / contain no-repeat;
		width: calc(55px + (73 - 55) * ((100vw - 768px) / (1000 - 768)));
		height: calc(141px + (184 - 141) * ((100vw - 768px) / (1000 - 768)));


	}

	.layout::after {
		background: url(../images/img/cust-right.png) center / contain no-repeat;
		width: calc(42px + (61 - 42) * ((100vw - 768px) / (1000 - 768)));
		height: calc(160px + (229 - 160) * ((100vw - 768px) / (1000 - 768)));

	}

	.logo img {
		width: calc(120px + (152 - 120) * ((100vw - 768px) / (1000 - 768)));
		height: calc(39px + (49 - 39) * ((100vw - 768px) / (1000 - 768)));
	}

	.menu {
		margin-right: calc(41px + (57 - 41) * ((100vw - 768px) / (1000 - 768)));
	}

	.menu__items {
		gap: calc(31px + (44 - 31) * ((100vw - 768px) / (1000 - 768)));
	}

	.menu__link {
		font-size: calc(11px + (13 - 11) * ((100vw - 768px) / (1000 - 768)));
	}

	.phone__icons {
		width: calc(13px + (16 - 13) * ((100vw - 768px) / (1000 - 768)));
		height: calc(13px + (16 - 13) * ((100vw - 768px) / (1000 - 768)));
	}

	.phone__link {
		font-size: calc(14px + (18 - 14) * ((100vw - 768px) / (1000 - 768)));
	}

	.phone__text {
		font-size: calc(11px + (13 - 11) * ((100vw - 768px) / (1000 - 768)));
	}


}

@media screen and (max-width: 768px) {
	.layout::before {
		background: url(../images/img/cust-left.png) center / contain no-repeat;
		width: calc(44px + (55 - 44) * ((100vw - 480px) / (768 - 480)));
		height: calc(93px + (141 - 93) * ((100vw - 480px) / (768 - 480)));


	}

	.layout::after {
		background: url(../images/img/cust-right.png) center / contain no-repeat;
		width: calc(30px + (42 - 30) * ((100vw - 480px) / (768 - 480)));
		height: calc(131px + (160 - 131) * ((100vw - 480px) / (768 - 480)));

	}

	.logo img {
		width: calc(89px + (120 - 89) * ((100vw - 480px) / (768 - 480)));
		height: calc(29px + (39 - 29) * ((100vw - 480px) / (768 - 480)));
	}

	.mobil__button {
		display: flex;
	}

	.menu__items {
		position: fixed;
		flex-direction: column;
		top: 0;
		left: 0;
		align-items: center;
		padding: 5rem 1.5rem;
		width: 230px;
		height: 100vh;
		background: #0d0d0d;
		opacity: 0.95;
		border-right: 5px solid #008139;
		pointer-events: none;
		z-index: 999;

		transform: translateX(-100%);
		visibility: hidden;
		opacity: 0;
		transition: transform 1.4s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.4s ease,
			visibility 0.5s;
		;

	}

	.menu__items.active {
		visibility: visible;
		pointer-events: all;
		transform: translateX(0);
		opacity: 1;
		pointer-events: auto;


	}

	.mobil__menu-close {
		color: #fff;
		font-size: 35px;
		position: absolute;
		top: 16px;
		right: 16px;
		background: none;
		border: none;
		cursor: pointer;
		display: block;

	}

	.mobil__menu-close:hover {
		color: #ff0000;
	}

	.menu__item:not(:last-child) {
		margin-bottom: 37px;
	}

	.menu__item::after {
		background-color: #fff;
		bottom: 2px;
	}

	.menu__link {
		font-family: var(--font-family);
		font-weight: 400;
		font-size: 15px;
		/* line-height: 333%; */
		text-decoration-skip-ink: none;
		text-align: center;
		color: #fff;
	}

	.btn__box {
		margin-top: 0;
	}

	.phone__link {
		font-size: calc(11px + (14 - 11) * ((100vw - 480px) / (768 - 480)));
	}

	.phone__text {
		font-size: calc(9px + (11 - 9) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 480px) {
	.layout::before {
		width: 44px;
		height: 93px;
	}

	.layout::after {
		width: 34px;
		height: 131px;
	}
}

@media screen and (max-width: 360px) {
	.btn__box {
		display: none;
	}

	.mobil__button {
		order: 4;
	}

	.menu__items {
		width: 100%;
	}

}

/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */
/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Баннер start✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */

.banner__box {
	padding-top: 88px;
	display: flex;
	align-items: flex-start;
}

.banner__content {}

.banner__title {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 57px;
	line-height: 107%;
	color: #000;
	max-width: 613px;
	width: 100%;
	margin-bottom: 40px;
	flex-wrap: nowrap;
}

.banner__text {
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 140%;
	color: #646464;
	max-width: 660px;
	padding-left: 46px;
	margin-bottom: 42px;
	position: relative;
}

.banner__text::after {
	position: absolute;
	content: '';
	/* left: -50px; */
	left: 0;
	top: 17px;
	width: 26px;
	height: 1px;
	background: #8f8f8f;
}

.banner__text span {
	font-weight: 700;
}

.banner__button {
	padding-inline: 75px;
	height: 70px;
	font-size: 15px;
}

.banner__images {
	transition: right 1s ease;
	right: 5px;
}

.banner__images img {
	width: 557px;
	height: 671px;
}

@media screen and (max-width: 1920px) {
	.banner__box {
		padding-top: calc(51px + (88 - 51) * ((100vw - 1000px) / (1920 - 1000)));
		gap: 48px;
	}

	.banner__title {
		font-size: calc(47px + (57 - 47) * ((100vw - 1000px) / (1920 - 1000)));
		margin-bottom: calc(30px + (40 - 30) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.banner__text {
		margin-bottom: calc(37px + (42 - 37) * ((100vw - 1000px) / (1920 - 1000)));
		font-size: calc(20px + (24 - 20) * ((100vw - 1000px) / (1920 - 1000)));
		max-width: calc(397px + (477 - 397) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.banner__images img {
		width: calc(365px + (557 - 365) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(437px + (671 - 437) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.banner__button {
		padding-inline: calc(53px + (70 - 53) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(60px + (70 - 60) * ((100vw - 1000px) / (1920 - 1000)));
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
		;
	}
}

@media screen and (max-width: 1000px) {
	.layout {
		height: calc(500px + (611 - 500) * ((100vw - 768px) / (1000 - 768)));
	}

	.banner__box {
		padding-top: calc(41px + (51 - 41) * ((100vw - 768px) / (1000 - 768)));
		/* gap: 48px; */
	}

	.banner__title {
		font-size: calc(37px + (47 - 37) * ((100vw - 768px) / (1000 - 768)));
		margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
	}

	.banner__text {
		margin-bottom: calc(20px + (37 - 20) * ((100vw - 768px) / (1000 - 768)));
		font-size: calc(16px + (20 - 16) * ((100vw - 768px) / (1000 - 768)));
		padding-left: calc(23px + (46 - 23) * ((100vw - 768px) / (1000 - 768)));
		max-width: 397px;
	}

	.banner__text::after {
		left: 0;
		top: calc(9px + (17 - 9) * ((100vw - 768px) / (1000 - 768)));
		width: calc(15px + (26 - 15) * ((100vw - 768px) / (1000 - 768)));
	}

	.banner__images {
		position: absolute;
		/* right: calc(90px + (5 - 90) * ((100vw - 768px) / (1000 - 768))); */
		;
	}

	.banner__images img {
		width: 365px;
		height: calc(371px + (437 - 371) * ((100vw - 768px) / (1000 - 768)));
	}

	.banner__button {
		padding-inline: calc(50px + (53 - 50) * ((100vw - 768px) / (1000 - 768)));
		height: calc(45px + (60 - 45) * ((100vw - 768px) / (1000 - 768)));
		font-size: calc(10px + (13 - 10) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.layout {
		min-height: calc(565px + (539 - 565) * ((100vw - 480px) / (768 - 480)));
	}

	.banner__box {
		padding-top: calc(106px + (41 - 106) * ((100vw - 480px) / (768 - 480)));
	}

	.banner__title {
		font-size: calc(33px + (37 - 33) * ((100vw - 480px) / (768 - 480)));
		margin-bottom: calc(26px + (20 - 26) * ((100vw - 480px) / (768 - 480)));
		/* max-width: calc(300px + (506 - 300) * ((100vw - 480px) / (768 - 480))); */
	}

	.banner__images {
		position: absolute;
		left: 50%;
		bottom: 0;
	}

	.banner__text {
		margin-bottom: 20px;
		max-width: calc(260px + (397 - 260) * ((100vw - 480px) / (768 - 480)));
	}

	.banner__images img {
		width: calc(189px + (365 - 189) * ((100vw - 480px) / (768 - 480)));
		height: calc(190px + (371 - 190) * ((100vw - 480px) / (768 - 480)));
	}



	.banner__button {
		font-size: 10px;
		height: 45px
	}

	.clouds {
		width: 100%;
		height: calc(51px + (135 - 51) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 480px) {
	.layout {
		background: url(../images/img/mobil-480.png) center / cover no-repeat;
		min-height: 559px;
	}

	.banner__box {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding-top: calc(97px + (106 - 97) * ((100vw - 320px) / (480 - 320)));

	}

	.banner__content {
		display: flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.banner__title {
		font-size: calc(24px + (33 - 24) * ((100vw - 320px) / (480 - 320)));
	}

	.banner__text {
		margin-bottom: calc(25px + (20 - 25) * ((100vw - 320px) / (480 - 320)));
		max-width: 260px;
	}

	.banner__text::after {
		left: 50%;
		transform: translateX(-50%);
		width: 15px;
		top: -10px;
	}

	.banner__images img {
		width: 189px;
		height: 190px;
	}

	.banner__button {
		padding-inline: calc(46px + (50 - 46) * ((100vw - 360px) / (480 - 360)));
		height: calc(43px + (45 - 43) * ((100vw - 360px) / (480 - 360)));
	}

	.clouds {
		width: 100%;
		height: 51px;
	}

}

@media screen and (max-width: 320px) {
	.layout {
		background: url(../images/img/mobil-320.png) center / cover no-repeat;
		min-height: 559px;
	}

	.banner__box {
		padding-top: 97px;
	}

	.banner__images {
		left: 25%
	}
}

/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */
/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Баннер end✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
/* ✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡⋆✧°。⋆⭒˚｡ */


/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ about start✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
.about {}

.about__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	text-align: center;
	color: #363434;
	margin-bottom: 70px;
}

.about__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"photo stats"
		"photo text";
	column-gap: 96px;
	row-gap: 30px;
	/* Отступ между цифрами и нижним текстом */
	align-items: start;
}

.about__items {}

/* Назначаем области элементам */
.about__items--img {
	grid-area: photo;
}

.about__items--content {
	grid-area: stats;
}

.about__items--text {
	grid-area: text;
}

.about__img {
	/* position: absolute;
	left: 0; */
}

.about__img img {
	/* width: 100%; */
	/* Картинка будет тянуться на всю ширину колонки */
	max-width: 689px;
	max-height: 529px;
	/* height: auto; */
	/* Сохраняем пропорции */
	display: block;
}

.about__items--grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-content: start;
	row-gap: 24px;
	/* column-gap: 65px; */
	max-width: 541px;
}

.about__item {}

.about__number {
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 42px;
	line-height: 160%;
	color: #008139;
}

.about__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 187%;
	color: #7e7e7e;
}

.about__subtitle {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 17px;
	line-height: 147%;
	color: #0b0b0b;
	/* text-wrap: nowrap; */
	max-width: 275px;
}


@media screen and (max-width: 1920px) {
	.about__img img {
		max-width: calc(517px + (689 - 517) * ((100vw - 1000px) / (1920 - 1000)));
		max-height: calc(313px + (529 - 313) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.about__title {
		font-size: calc(30px + (40 - 30) * ((100vw - 1000px) / (1920 - 1000)));
		margin-bottom: calc(61px + (70 - 61) * ((100vw - 1000px) / (1920 - 1000)));

	}

	.about__number {
		font-size: calc(32px + (42 - 32) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.about__subtitle {
		font-size: calc(15px + (17 - 15) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.about__text {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.about__title {
		margin-bottom: calc(38px + (61 - 38) * ((100vw - 768px) / (1000 - 768)));

	}

	.about__grid {

		grid-template-areas:
			"photo stats"
			"photo stats"
			"text text";
		column-gap: 0px;
		row-gap: 34px;
		align-items: center;
		/* Отступ между цифрами и нижним текстом */
		/* align-items: start; */
		position: relative;
	}

	.about__items--grid {
		margin-left: -30px;
		z-index: 5;
	}

	.about__img {
		/* position: absolute;
		left: 0;
		top: 0; */
	}

	.about__img img {
		max-width: calc(451px + (517 - 451) * ((100vw - 768px) / (1000 - 768)));
		max-height: calc(273px + (313 - 273) * ((100vw - 768px) / (1000 - 768)));
	}

	.about__number {
		font-size: 32px;
	}

	.about__subtitle {
		font-size: calc(13px + (15 - 13) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.about__title {
		margin-bottom: calc(40px + (38 - 40) * ((100vw - 480px) / (768 - 480)));

	}

	.about__number {
		font-size: calc(27px + (32 - 27) * ((100vw - 480px) / (768 - 480)));
	}

	.about__subtitle {
		font-size: calc(12px + (13 - 12) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 680px) {
	.about__grid {
		display: grid;
		grid-template-areas:
			"stats stats"
			"text text";
		row-gap: 30px;
		/* column-gap: 20px; */
	}

	.about__items--grid {
		margin-left: 0px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		/* align-content: start; */
		row-gap: 30px;
		/* column-gap: 65px; */
		/* max-width: 541px; */
		justify-items: center;
		max-width: 100%;
	}

	.about__subtitle {
		max-width: 220px;
	}

	.about__subtitle br {
		display: none;
	}

	.about__item {
		text-align: center;
	}

	.about__items--img {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.about__title {
		margin-bottom: calc(35px + (40 - 35) * ((100vw - 320px) / (480 - 320)));

	}



	.about__subtitle {
		font-size: 12px;
	}

	.about__text {
		font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (480 - 320)));
	}
}

@media screen and (max-width: 320px) {
	.about__title {
		margin-bottom: 35px;
	}

	.about__items--grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.about__number {
		font-size: 27px;
		line-height: 67%;
	}
}

/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ about end✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */

/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Почему нас выбирают start✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
.why-choose {}

.container {}

.why-choose__box {
	text-align: center;
	margin-bottom: 30px;
}

.why-choose__title {
	margin-bottom: 10px;
}

.title-base {}

.why-choose__text {}

.text-base {}

.why-choose__content {}

.why-choose__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 29px;
}

.why-choose__item {
	align-items: center;
	text-align: center;
}

.why-choose__image {
	margin-bottom: 24px;
}

.why-choose__image img {
	width: max-content;
	height: 124px;
}

.why-choose__subtitle {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 19px;
	text-align: center;
	color: #0b0b0b;
	margin-bottom: 26px;
}

.why-choose__description {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 152%;
	text-align: center;
	color: #7e7e7e;
}

@media screen and (max-width: 1920px) {
	.why-choose__box {
		margin-bottom: calc(53px + (76 - 53) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.why-choose__items {
		column-gap: calc(20px + (29 - 20) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.why-choose__image img {
		width: max-content;
		height: calc(110px + (124 - 110) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.why-choose__subtitle {
		font-size: calc(15px + (19 - 15) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.why-choose__description {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.why-choose__box {
		margin-bottom: calc(30px + (53 - 30) * ((100vw - 768px) / (1000 - 768)));
	}

	.why-choose__items {
		column-gap: calc(12px + (20 - 12) * ((100vw - 768px) / (1000 - 768)));
	}

	.why-choose__image img {
		width: max-content;
		height: calc(92px + (110 - 92) * ((100vw - 768px) / (1000 - 768)));
	}

	.why-choose__subtitle {
		margin-bottom: calc(10px + (26 - 10) * ((100vw - 768px) / (1000 - 768)));
	}

	.why-choose__description {
		font-size: 13px
	}
}

@media screen and (max-width: 768px) {
	.why-choose__box {
		margin-bottom: calc(33px + (30 - 33) * ((100vw - 480px) / (768 - 480)));
	}

	.why-choose__image img {
		width: max-content;
		height: calc(78px + (92 - 78) * ((100vw - 480px) / (768 - 480)));
	}

	.why-choose__subtitle {
		margin-bottom: 10
	}
}

@media screen and (max-width: 680px) {
	.why-choose__items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 40px;
		column-gap: 24px;
		justify-items: center;

	}

	.why-choose__item {
		text-align: center;
		max-width: 217px;
	}

	.why-choose__subtitle {
		margin-bottom: calc(15px + (10 - 15) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 480px) {
	.why-choose__box {
		margin-bottom: calc(33px + (30 - 33) * ((100vw - 480px) / (768 - 480)));
	}

	.why-choose__image img {
		width: max-content;
		height: 60px
	}

	.why-choose__subtitle {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 320px) {
	.why-choose__items {
		/* display: grid; */
		grid-template-columns: repeat(1, 1fr);
		/* row-gap: 40px;
			justify-items: center; */

	}
}

/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Почему нас выбирают end✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */


/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Направления клуба start✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
.directions {
	padding-top: 100px;
	background: url(../images/img/directions/directions-bg.webp) center / cover no-repeat;
	min-height: 1598px;
	position: relative;
	overflow-x: hidden;

}

.directions::after,
.directions::before {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
}

.directions::after {
	background: url(../images/img/horse_left.webp) center / contain no-repeat;
	left: 0;
	width: 305px;
	height: 530px;
}

.directions::before {
	background: url(../images/img/horse__right.webp) center / contain no-repeat;
	right: 0;
	width: 372px;
	height: 532px;
}

@media screen and (max-width: 1920px) {
	.directions::after {
		width: calc(202px + (305 - 202) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(350px + (530 - 350) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions::before {
		width: calc(239px + (372 - 239) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(342px + (532 - 342) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.directions::after {
		width: calc(157px + (202 - 157) * ((100vw - 768px) / (1000 - 768)));
		height: calc(272px + (350 - 272) * ((100vw - 768px) / (1000 - 768)));
	}

	.directions::before {
		width: calc(189px + (239 - 189) * ((100vw - 768px) / (1000 - 768)));
		height: calc(270px + (342 - 270) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.directions::after {
		width: calc(113px + (157 - 113) * ((100vw - 480px) / (768 - 480)));
		height: calc(196px + (272 - 196) * ((100vw - 480px) / (768 - 480)));
	}

	.directions::before {
		width: calc(139px + (189 - 139) * ((100vw - 480px) / (768 - 480)));
		height: calc(199px + (270 - 199) * ((100vw - 480px) / (768 - 480)));
		right: -5%;
	}
}

@media screen and (max-width: 480px) {
	.directions::after {
		width: calc(86px + (113 - 86) * ((100vw - 320px) / (480 - 320)));
		height: calc(149px + (196 - 149) * ((100vw - 320px) / (480 - 320)));
		left: -5%;
	}

	.directions::before {
		width: calc(139px + (139 - 98) * ((100vw - 320px) / (480 - 320)));
		height: calc(141px + (199 - 141) * ((100vw - 320px) / (480 - 320)));
		right: -13%;
	}
}

@media screen and (max-width: 320px) {
	.directions::after {
		/* width: calc(86px + (113 - 86) * ((100vw - 320px) / (480 - 320)));
		height: calc(149px + (196 - 149) * ((100vw - 320px) / (480 - 320))); */
		left: -7%;
	}

	.directions::before {
		/* width: calc(139px + (139 - 98) * ((100vw - 320px) / (480 - 320)));
		height: calc(141px + (199 - 141) * ((100vw - 320px) / (480 - 320))); */
		right: -20%;
	}
}

.directions .clouds {
	z-index: 5;
}

.directions__box {
	margin-bottom: 55px;
	text-align: center;
}

.directions__descriptions {
	margin-bottom: 10px;
}

.directions__subtitle {}

.directions__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	/* row-gap: 30px; */
	/* row-gap: 10px; */
	align-items: start;

}

.directions__item {
	box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.07);
	background: #fff;
	max-width: 370px;
	max-height: max-content;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 30px;
	transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.directions__item:nth-child(2) {
	align-self: end;
}

.directions__item:nth-child(4),
.directions__item:nth-child(6) {
	align-self: start;
}

.directions__item:nth-child(5) {
	align-self: end;
}

.directions__item:hover .directions__img {
	transition: transform 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transform: translateY(-15px);

}

.directions__img {
	margin-top: -25px;
	margin-bottom: 20px;
	transition: transform 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.directions__img img {
	border-radius: 5px;
	width: 320px;
	height: 220px;
}

.directions__content {
	padding: 0 45px 45px 45px;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.directions__title {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 23px;
	color: #363434;
	margin-bottom: 25px;
	text-align: center;
}

.directions__line {
	width: 26px;
	height: 1px;
	background: #008139;
	margin-bottom: 25px;
}

.directions__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: #7e7e7e;
	text-align: center;
}

.directions__btn {
	display: flex;
	align-items: center;
	justify-content: center;

}

.directions__button {
	padding-inline: 76px;
}

@media screen and (max-width: 1920px) {
	.directions {
		padding-top: 0;
		min-height: calc(1160px + (1598 - 1160) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__item {
		margin-bottom: calc(54px + (30 - 54) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__img img {
		width: calc(250px + (320 - 250) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(181px + (220 - 181) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__content {
		padding-inline: calc(25px + (45 - 25) * ((100vw - 1000px) / (1920 - 1000)));
		padding-bottom: calc(25px + (45 - 33) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__title {
		font-size: calc(15px + (23 - 15) * ((100vw - 1000px) / (1920 - 1000)));
		margin-bottom: calc(15px + (25 - 15) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__line {
		margin-bottom: calc(15px + (25 - 15) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__text {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.directions__button {
		padding-inline: calc(53px + (76 - 53) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.directions {
		min-height: calc(1214px + (1160 - 1214) * ((100vw - 768px) / (1000 - 768)));
	}

	.directions__items {
		column-gap: calc(21px + (30 - 21) * ((100vw - 768px) / (1000 - 768)));
		/* margin-bottom: calc(40px + (50 - 40) * ((100vw - 768px) / (1000 - 768))); */
	}

	.directions__button {
		padding-inline: calc(50px + (53 - 50) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.directions {
		min-height: calc(1316px + (1414 - 1316) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 45px;
		column-gap: calc(10px + (21 - 10) * ((100vw - 480px) / (768 - 480)));
		margin-bottom: calc(37px + (40 - 37) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__item {
		margin-bottom: 0;
		min-height: calc(290px + (300 - 290) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__img img {
		width: calc(200px + (304 - 200) * ((100vw - 480px) / (768 - 480)));
		height: calc(130px + (181 - 130) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__content {
		padding-inline: calc(12px + (25 - 12) * ((100vw - 480px) / (768 - 480)));
		padding-bottom: calc(12px + (25 - 23) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__title {
		margin-bottom: calc(9px + (15 - 10) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__line {
		margin-bottom: calc(10px + (15 - 10) * ((100vw - 480px) / (768 - 480)));
	}

	.directions__button {
		padding-inline: 50px
	}
}

@media screen and (max-width: 480px) {
	.directions__items {
		margin-bottom: calc(30px + (37 - 30) * ((100vw - 320px) / (480 - 320)));
	}

	.directions__item {
		min-height: 310px;
	}

	.directions__img img {
		width: calc(250px + (200 - 250) * ((100vw - 320px) / (480 - 320)));
		height: calc(150px + (130 - 150) * ((100vw - 320px) / (480 - 320)));
	}

	.directions__title {
		font-size: 14px;
		line-height: 192%;
		/* margin-bottom: calc(21px + (10 - 21) * ((100vw - 320px) / (480 - 320))); */
	}

	.directions__text {
		text-align: left;
		line-height: 154%;

	}

}

@media screen and (max-width: 454px) {
	.directions {
		background: none;
		min-height: 2360px;

	}

	.directions__bg {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 910px;
		background: url(../images/img/directions/directions-bg.webp) center / cover no-repeat;
		z-index: -1;
	}


	.directions__items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		justify-items: center;
	}

	.directions__img img {
		width: calc(200px + (307 - 200) * ((100vw - 320px) / (454 - 320)));
		height: 181px;
	}

	.directions__button {
		padding-inline: calc(46px + (50 - 46) * ((100vw - 320px) / (454 - 320)));
	}
}

@media screen and (max-width: 320px) {
	.directions {
		min-height: 2020px;

	}

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

	.directions__item {
		min-height: 260px;
	}

	.directions__img img {
		width: 200px;
		height: 130px;
	}

	.directions__text {
		text-align: center;
	}

	.directions__button {
		padding-inline: 46px;
	}

}

/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Направления клуба end✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */


/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Наши посетители start✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */
.visitors {
	margin-inline: auto;
}

.visitors__title {
	text-align: center;
}

.title-base {}



.gallery-wrapper {
	max-width: 1900px;
	/* Сумма ширин ваших 5 слайдов */
	margin: 0 auto;
	/* Центрирует контейнер */
	padding: 0 20px;
	/* Небольшие отступы, чтобы на средних экранах не липло к краям */
}

.swiper {
	width: 100%;
	height: 300px;
	margin-bottom: 10px;
	/* Отступ между рядами */
}

@media screen and (max-width: 1920px) {
	.swiper {
		height: calc(188px + (300 - 188) * ((100vw - 1000px) / (1920 - 1000)));

	}
}


.swiper-slide {
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ccc;
	flex-shrink: 0;



	/* Чтобы ширина не прыгала */
}

.swiper-slide img {
	border-radius: 5px;
}

.gallery-wrapper .swiper {
	margin-bottom: 5px;
}

/* Ширины для верхнего ряда */
.swiper-top .s1 {
	width: 470px;
}

.swiper-top .s2 {
	width: 321px;
}

.swiper-top .s3 {
	width: 369px;
}

.swiper-top .s4 {
	width: 420px;
}

.swiper-top .s5 {
	width: 320px;
}



@media screen and (max-width: 1920px) {
	.swiper-top .s1 {
		width: calc(294px + (470 - 294) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-top .s2 {
		width: calc(201px + (321 - 201) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-top .s3 {
		width: calc(231px + (369 - 231) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-top .s4 {
		width: calc(263px + (420 - 263) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-top .s5 {
		width: calc(210px + (320 - 210) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

/* @media screen and (max-width: 1000px) {
	.swiper-top .s1 {
		width: calc(223px + (294 - 223) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-top .s2 {
		width: calc(155px + (201 - 155) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-top .s3 {
		width: calc(202px + (231 - 202) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-top .s4 {
		width: calc(201px + (263 - 201) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-top .s5 {
		width: calc(189px + (210 - 189) * ((100vw - 768px) / (1000 - 768)));
	}
} */

/* Ширины для нижнего ряда */
.swiper-bottom .b1 {
	width: 321px;
}

.swiper-bottom .b2 {
	width: 369px;
}

.swiper-bottom .b3 {
	width: 470px;
}

.swiper-bottom .b4 {
	width: 321px;
}

.swiper-bottom .b5 {
	width: 419px;
}

@media screen and (max-width: 1920px) {
	.swiper-bottom .b1 {
		width: calc(201px + (321 - 201) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-bottom .b2 {
		width: calc(231px + (369 - 231) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-bottom .b3 {
		width: calc(294px + (470 - 294) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-bottom .b4 {
		width: calc(200px + (321 - 200) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.swiper-bottom .b5 {
		width: calc(267px + (419 - 267) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

.zoom-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.zoom-link::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;

}

.zoom-link::before {
	content: '';
	width: 32px;
	height: 32px;
	background: url('../images/icons/glass.svg') center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	opacity: 0;
	transition: 0.3s ease;
	z-index: 2;
}

.zoom-link:hover::after,
.zoom-link:hover::before {
	opacity: 1;
}

.zoom-link:hover::before {
	transform: translate(-50%, -50%) scale(1);
}

/* @media screen and (max-width: 1000px) {
	.swiper-bottom .b1 {
		width: calc(188px + (201 - 188) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-bottom .b2 {
		width: calc(200px + (231 - 200) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-bottom .b3 {
		width: calc(157px + (294 - 157) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-bottom .b4 {
		width: calc(22щpx + (263 - 22щ) * ((100vw - 768px) / (1000 - 768)));
	}

	.swiper-bottom .b5 {
		width: calc(267px + (267 - 267) * ((100vw - 768px) / (1000 - 768)));
	}
} */

/* ✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ Наши посетители end✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧⋄⋆⋅⋆✧ */


/* Слайдер "Наши лошади"  */
.horses {
	/* height: 100vh; */
}

.container {}

.horses__box {}

.horse__title {
	text-align: center;
}

.title-base {}

.swiper {}

.mySwiper {}

.horsesSwiper {
	/* min-height: 605px; */
}

.horses .swiper-slide {
	max-height: 580px;
	margin-top: 25px;
	box-shadow: 0 14px 30px 0 rgba(0, 0, 0, 0.07);
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	cursor: grab;
}

.horses .swiper-slide:active {
	cursor: grabbing;
}

.horses .horsesSwiper {
	min-height: 640px;
}

.horses__img {
	text-align: center;
	margin-top: -25px;
	margin-bottom: 25px;

}

.horses__img img {
	border-radius: 5px;
	width: 320px;
	height: 421px;
}

.horses__content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 45px 45px 45px;
}

.horses__subtitle {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 23px;
	text-align: center;
	color: #363434;
	margin-bottom: 25px;
}

.horses__line {
	width: 26px;
	height: 1px;
	background: #008139;
	margin-bottom: 25px;
}

.horses__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #7e7e7e;
}

.horses__controls {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 27px;
	top: 50px;
	z-index: 55;
	height: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.horses__prev,
.horses__next {
	border-radius: 100%;
	background: linear-gradient(180deg, #9bcfff 0%, #fff8b6 0.01%, #ffc700 100%);
	box-shadow: 0 1px 0 0 #c89c00;
	width: 40px;
	height: 40px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.horses__prev:hover,
.horses__next:hover {
	border-radius: 100%;
	background: linear-gradient(180deg, #9bcfff 0%, #ffe456 0.01%, #ffb800 100%);
	box-shadow: 0 1px 0 0 #c89c00;
}

.horses-pagination {}

.horses__next {}

.swiper-pagination-bullet {
	background: #e1e1e1 !important;

}

.swiper-pagination-bullet-active {
	background: #ffc700 !important;
}


@media screen and (max-width: 1920px) {
	.horses .horsesSwiper {
		min-height: calc(528px + (640 - 528) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses .swiper-slide {
		max-height: calc(468px + (580 - 468) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__img img {
		width: calc(243px + (320 - 243) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(320px + (421 - 320) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__content {
		padding: 0 45px 45px 45px;
		padding-inline: calc(17px + (45 - 17) * ((100vw - 1000px) / (1920 - 1000)));
		padding-bottom: calc(35px + (45 - 35) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__subtitle {
		font-size: calc(15px + (23 - 15) * ((100vw - 1000px) / (1920 - 1000)));
		margin-bottom: calc(20px + (25 - 20) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__line {
		margin-bottom: calc(20px + (25 - 20) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__text {
		font-size: calc(14px + (15 - 14) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__controls {
		top: calc(0px + (50 - 0) * ((100vw - 1000px) / (1920 - 1000)));
	}



}

@media screen and (max-width: 1000px) {
	.horses .horsesSwiper {
		min-height: calc(444px + (528 - 444) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses .swiper-slide {
		max-height: calc(380px + (468 - 380) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__img img {
		width: calc(210px + (243 - 210) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(252px + (320 - 252) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.horses__subtitle {
		font-size: 15px
	}

	.horses__text {
		font-size: calc(12px + (14 - 12) * ((100vw - 768px) / (1000 - 768)));
	}

	.horses-pagination {
		display: flex !important;
		align-items: center;
		background: #eaeaea !important;
		/* Общий серый фон */
		box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.17) !important;
		/* Общая тень */
		border-radius: 10px !important;
		/* Закругляем всю полосу сразу */
		overflow: hidden;
		/* Чтобы активный буллит не вылезал за края */
		width: fit-content;
		/* Чтобы контейнер не растягивался на всю ширину */
		margin: 0 auto;
		/* Центрируем, если нужно */
	}

	.swiper-pagination-bullet {
		width: 20px !important;
		height: 10px !important;
		border-radius: 0 !important;
		background: transparent !important;
		opacity: 1 !important;
		box-shadow: none !important;
	}

	.swiper-pagination-bullet-active {
		background: linear-gradient(180deg, #9bcfff 0%, #ffc700 0.01%, #f90 100%) !important;
		border-radius: 10px !important;
		/* Чтобы активный буллит был скругленным островком */
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;

	}

	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-horizontal.swiper-pagination-bullets,
	.swiper-pagination-bullet {

		margin: 0 !important;
	}
}

@media screen and (max-width: 768px) {
	.horses .horsesSwiper {
		min-height: calc(406px + (444 - 406) * ((100vw - 480px) / (768 - 480)));
	}

	.horses .swiper-slide {
		max-height: calc(330px + (380 - 330) * ((100vw - 480px) / (768 - 480)));
	}

	.horses__img img {
		width: calc(189px + (210 - 189) * ((100vw - 480px) / (768 - 480)));
		height: calc(225px + (252 - 225) * ((100vw - 480px) / (768 - 480)));
	}

	.horses__text {
		font-size: calc(12px + (14 - 13) * ((100vw - 480px) / (768 - 480)));
	}
}

@media screen and (max-width: 480px) {
	.horses .horsesSwiper {
		min-height: calc(440px + (444 - 440) * ((100vw - 320px) / (480 - 320)));
	}

	.horses .swiper-slide {
		max-height: calc(410px + (330 - 410) * ((100vw - 320px) / (480 - 320)));
	}

	.horses__img img {
		width: calc(230px + (189 - 230) * ((100vw - 320px) / (480 - 320)));
		height: calc(290px + (225 - 290) * ((100vw - 320px) / (480 - 320)));
	}

	.horses__text {
		font-size: 13px
	}
}

@media screen and (max-width: 430px) {
	.horses .horsesSwiper {
		min-height: calc(490px + (444 - 490) * ((100vw - 320px) / (480 - 320)));
	}

	.horses .swiper-slide {
		max-height: calc(410px + (330 - 410) * ((100vw - 320px) / (480 - 320)));
	}

	.horses__prev,
	.horses__next {
		width: 35px;
		height: 35px;

	}
}

/* Слайдер "Наши лошади"  */


/* Отвечаем на вопросы"  */
.questions {
	background: url(../images/img/questions-bg.webp) center / cover no-repeat;
	overflow: hidden;
	position: relative;
	/* min-height: 800px; */
	/* height: 100vh; */
	padding-block: 140px 113px;
}

.clouds__top {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/img/clouds__top.webp) center / cover no-repeat;
	width: 100%;
	height: 212px;
}

/* .clouds__top img {
	width: 100%;
	height: 212px;
} */

.clouds__bottom {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 10;
	background: url(../images/img/clouds__bottom.webp) center / cover no-repeat;
	width: 100%;
	height: 194px;
}

/* .clouds__bottom img {
	width: 100%;
	height: 194px;
} */

.questions__items {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.questions__item {
	position: relative;
}

.questions__img {
	position: absolute;
	top: -250px;
	left: -300px;
}

.questions__img img {
	width: 1674px;
	height: 644px;
}

.questions__form {
	border: 1px solid #eaeaea;
	border-radius: 5px;
	box-shadow: 0 16px 51px 0 rgba(0, 0, 0, 0.11);
	background: #fff;
	max-width: 470px;
	min-height: 547px;
	padding: 70px 60px 52px 62px;
	text-align: center;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: column;
	position: relative;
	/* z-index: 500; */
}

.questions__form::before {
	content: '';
	position: absolute;
	bottom: -175px;
	right: -150px;
	width: 297px;
	height: 371px;
	background: url(../images/img/tree.webp) center / contain no-repeat;
	/* z-index: 5; */
}

.questions__form-title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 35px;
	line-height: 100%;
	margin-bottom: 13px;
	color: #363434;
	text-wrap: nowrap;
}

.questions__form-text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	max-width: 370px;
	color: #7e7e7e;
	margin-bottom: 30px;
}

.questions__form-text span {
	font-weight: 700;
}

.form {}

.input__group {
	position: relative;
	width: 100%;
}

.input__error {
	position: absolute;
	top: -14px;
	left: 0;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 10px;
	line-height: 100%;
	color: #ff5c00;
	display: none;
}

.input__group.error .input__error {
	display: block;
}

.input__group.error input {
	border: 1px solid #e53935;
}

.input__group:not(:last-child) {
	margin-bottom: 20px;
}

.input__form {
	width: 100%;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	color: #a5a5a5;
	height: 61px;
	max-width: 330px;
	/* лучше фиксировать */
}

.input__form::placeholder {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	color: #a5a5a5;
}

.input__form:focus {
	outline: none;
}

.form__button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.button__form {
	width: 330px
}

.button-def {}

.input__checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	z-index: 555;
	position: relative;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	color: #8a8a8a;
}

/* Если у родителя чекбокса есть класс error, текст станет красным */
.input__checkbox.error label {
	color: #ff5c00;
	transition: color 0.3s;
}

/* Можно также подсветить сам квадратик, если вы его не скрывали */
.input__checkbox.error input[type="checkbox"] {
	outline: 1px solid #ff5c00;
}

.input__link {
	text-decoration: underline;
	text-decoration-skip-ink: none;
}


@media screen and (max-width: 1920px) {
	.questions__img {
		top: calc(-150px + (-160 + 150) * ((100vw - 320px) / (1920 - 320)));
		left: calc(-300px + (-230 + 300) * ((100vw - 320px) / (1920 - 320)));
	}

	.questions__img img {
		width: calc(1397px + (1674 - 1397) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(538px + (644 - 538) * ((100vw - 1000px) / (1920 - 1000)));
	}



	.questions__form::before {
		bottom: calc(-100px + (-175 + 100) * ((100vw - 1000px) / (1920 - 1000)));
		right: calc(-75px + (-150 + 75) * ((100vw - 1000px) / (1920 - 1000)));
		width: calc(213px + (297 - 213) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(267px + (371 - 267) * ((100vw - 1000px) / (1920 - 1000)));

	}


}

@media screen and (max-width: 1000px) {
	.questions__form {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		padding-top: calc(50px + (60 - 50) * ((100vw - 768px) / (1000 - 768)));
		padding-inline: calc(60px + (50 - 60) * ((100vw - 768px) / (1000 - 768)));
		padding-bottom: calc(59px + (62 - 59) * ((100vw - 768px) / (1000 - 768)));
		min-height: calc(500px + (547 - 500) * ((100vw - 768px) / (1000 - 768)));
	}

	.questions__form-title {
		font-size: calc(32px + (35 - 32) * ((100vw - 768px) / (1000 - 768)));
	}

	.questions__form-text {
		font-size: calc(13px + (15 - 13) * ((100vw - 768px) / (1000 - 768)));
		max-width: calc(315px + (370 - 315) * ((100vw - 768px) / (1000 - 768)));

	}

	.questions__img img {
		width: calc(1397px + (1674 - 1397) * ((100vw - 768px) / (1000 - 768)));
		height: calc(538px + (644 - 538) * ((100vw - 768px) / (1000 - 768)));
	}

	.input__form {
		max-width: calc(300px + (330 - 300) * ((100vw - 768px) / (1000 - 768)));
	}

}

@media screen and (max-width: 768px) {
	.questions__form {
		padding-top: 50px;
		padding-inline: calc(50px + (60 - 50) * ((100vw - 480px) / (768 - 480)));
		padding-bottom: 60px;
		min-height: calc(425px + (510 - 425) * ((100vw - 480px) / (768 - 480)));
		max-width: calc(400px + (410 - 400) * ((100vw - 480px) / (768 - 480)));
	}

	.questions__items {
		flex-direction: column-reverse;
		min-height: calc(815px + (854 - 815) * ((100vw - 480px) / (768 - 480)));

	}

	.questions__form-title {
		font-size: calc(27px + (32 - 27) * ((100vw - 480px) / (768 - 480)));

	}

	.questions__form-text {

		font-size: 13px;
	}

	.questions__form {}

	.questions__img {
		position: absolute;
		top: calc(-325px + (-400 + 325) * ((100vw - 480px) / (768 - 480)));

		left: calc(-340px + (-425 + 340) * ((100vw - 480px) / (768 - 480)));
		z-index: 5;
	}

	.questions__form::before {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.questions__form {
		padding-top: calc(40px + (50 - 40) * ((100vw - 320px) / (480 - 320)));
		padding-inline: calc(15px + (50 - 15) * ((100vw - 320px) / (480 - 320)));
		padding-bottom: calc(45px + (60 - 45) * ((100vw - 320px) / (480 - 320)));
		min-height: 425px;
		max-width: calc(300px + (400 - 300) * ((100vw - 320px) / (480 - 320)))
	}

	.questions__items {
		flex-direction: column-reverse;
		min-height: calc(745px + (815 - 745) * ((100vw - 320px) / (480 - 320)))
	}

	.questions__form-title {
		font-size: calc(22px + (27 - 22) * ((100vw - 320px) / (480 - 320)))
	}

	.questions__form-text {
		max-width: 270px;
		font-size: 13px;
		line-height: 162%;
	}

	.button__form {
		width: 242px;
	}

	.input__checkbox label {
		max-width: 220px;
		text-wrap: nowrap;
		font-size: 13px;
	}
}

@media screen and (max-width: 320px) {
	.questions__items {
		min-height: 745px;

	}
}



/* Отзывы  start*/
.clients__title {
	text-align: center;
}

.clients__group {}

.swiper {}

.mySwiper {}

.clients__group .clientsSwiper {
	min-height: 340px;
}

.clientsSwiper {}

.swiper-wrapper {}

.clientsSwiper .swiper-slide {
	box-shadow: 0 16px 51px 0 rgba(0, 0, 0, 0.11);
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	height: 291px;
	max-width: 570px;
	padding: 40px 45px 35px 45px;
}

@media screen and (max-width: 1920px) {
	.clientsSwiper .swiper-slide {
		padding-top: calc(30px + (40 - 30) * ((100vw - 1000px) / (1920 - 1000)));
		padding-inline: calc(30px + (45 - 30) * ((100vw - 1000px) / (1920 - 1000)));
		padding-bottom: calc(30px + (35 - 30) * ((100vw - 1000px) / (1920 - 1000)));

	}
}

@media screen and (max-width: 1000px) {
	.clients__group .clientsSwiper {
		min-height: calc(310px + (340 - 310) * ((100vw - 768px) / (1000 - 768)));
	}

	.clientsSwiper .swiper-slide {
		padding-top: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
		padding-inline: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
		padding-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
		height: calc(260px + (291 - 260) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.clientsSwiper .swiper-slide {
		padding: 20px;
		height: calc(260px + (291 - 260) * ((100vw - 480px) / (768 - 480)));
	}

	.clients__group .clientsSwiper {
		min-height: calc(315px + (340 - 315) * ((100vw - 480px) / (768 - 480)));
	}


}

@media screen and (max-width: 480px) {
	.clientsSwiper .swiper-slide {
		padding: 20px;
		height: calc(263px + (260 - 263) * ((100vw - 320px) / (480 - 320)));
	}


}

.clients__box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 45px;
}


.clients__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 160%;
	color: #363434;

}

.clients__text p {
	margin-bottom: 15px;
}

.button__group {
	display: flex;
	align-items: center;
	justify-content: center;
}

.clients__button {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	color: #008139;
	background: transparent;
	border: none;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: all 0.5s ease;
}

.clients__button:hover {
	transform: scale(1.1);
}

.button__label {}

.icons {}

.clients__user {}

.client__items {}

.clients__item {
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
}

.clients__item::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 45px;
	height: 37px;
	background: url(../images/icons/commas.svg) center / contain no-repeat;

}

@media screen and (max-width: 768px) {
	.clients__item::before {
		width: calc(30px + (45 - 30) * ((100vw - 480px) / (768 - 480)));
		height: calc(25px + (37 - 25) * ((100vw - 480px) / (768 - 480)));

	}


}

@media screen and (max-width: 480px) {
	.clientsSwiper .swiper-slide {
		box-shadow: none;
	}

	.clients__item::before {
		width: 30px;
		height: 25px;

	}
}

.clients__img {}

.clients__img img {
	width: 45px;
	height: 45px;
}

.clients__box-text {}

.clients__subtitle {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 131%;
	color: #101820;
	margin-bottom: 15px;
}

@media screen and (max-width: 1920px) {
	.clients__text {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.clients__button {
		font-size: calc(13px + (15 - 13) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.clients__box {
		gap: calc(42px + (45 - 42) * ((100vw - 1000px) / (1920 - 1000)));

	}

	.clients__subtitle {
		margin-bottom: calc(10px + (15 - 10) * ((100vw - 1000px) / (1920 - 1000)));
		font-size: calc(14px + (16 - 14) * ((100vw - 1000px) / (1920 - 1000)));

	}
}

.clients__social {}

.clients__social-link {
	transition: all 0.5s ease;
	display: inline-block;
}

.clients__social-link:not(:last-child) {
	margin-right: 10px;
}

.clients__social-link:hover {
	transform: scale(1.1);
}

.clients__social-link:hover path {

	fill: #008139;
}

.clients__controls {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 27px;
	/* top: 50px; */
	z-index: 55;
	height: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.clients__prev,
.clients__next {
	border-radius: 100%;
	background: linear-gradient(180deg, #9bcfff 0%, #fff8b6 0.01%, #ffc700 100%);
	box-shadow: 0 1px 0 0 #c89c00;
	width: 40px;
	height: 40px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

@media screen and (max-width: 1000px) {
	.clients-pagination {
		display: flex !important;
		align-items: center;
		background: #eaeaea !important;
		/* Общий серый фон */
		box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.17) !important;
		/* Общая тень */
		border-radius: 10px !important;
		/* Закругляем всю полосу сразу */
		overflow: hidden;
		/* Чтобы активный буллит не вылезал за края */
		width: fit-content;
		/* Чтобы контейнер не растягивался на всю ширину */
		margin: 0 auto;
		/* Центрируем, если нужно */
	}

	.clients__prev:hover,
	.clients__next:hover {
		border-radius: 100%;
		background: linear-gradient(180deg, #9bcfff 0%, #ffe456 0.01%, #ffb800 100%);
		box-shadow: 0 1px 0 0 #c89c00;
	}
}

/* Отзывы  end*/


.popup {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.popup.active {
	display: flex;
}

.popup__content {
	background: #fff;
	padding: 40px;
	max-width: 500px;
	position: relative;
}

.popup__close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background: #ffffff;
	width: 25px;
	height: 25px;
	font-size: 20px;
	border-radius: 3px;
	border: 1px solid #b3b3b3;
	transition: all 0.5s ease;
}

.popup__close:hover {
	color: red;
	border-color: red;
}

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

	.popup__content {
		padding: calc(25px + (40 - 25) * ((100vw - 480px) / (768 - 480)));
	}
}

/* Контакты start*/
.contacts {
	position: relative;
}

.contacts::after,
.contacts::before {
	position: absolute;
	content: '';
	bottom: 0;
	display: block;
	filter: blur(4px);
	z-index: 5;
}


.contacts::after {
	background: url(../images/img/contacts-left.webp) center / contain no-repeat;
	left: 0;
	width: 461px;
	height: 288px;

}

.contacts::before {
	background: url(../images/img/contacts-right.webp) center / contain no-repeat;
	right: 0;
	width: 195px;
	height: 532px;
}

@media screen and (max-width: 1920px) {

	.contacts::after {
		width: calc(220px + (461 - 220) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(130px + (288 - 130) * ((100vw - 1000px) / (1920 - 1000)));
	}

	.contacts::before {
		width: calc(120px + (195 - 120) * ((100vw - 1000px) / (1920 - 1000)));
		height: calc(320px + (532 - 320) * ((100vw - 1000px) / (1920 - 1000)));
	}

}

@media screen and (max-width: 1000px) {

	.contacts::after,
	.contacts::before {
		display: none;
	}
}

.contacts__map {
	width: 100%;
	height: 650px;
}

.contacts__map iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.contacts__content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	pointer-events: none;
}

.contacts__card {
	pointer-events: auto;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	box-shadow: 0 16px 51px 0 rgba(0, 0, 0, 0.11);
	background: #fff;
	max-width: 521px;
	min-height: 511px;
	padding: 50px 70px;
}

.contacts__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 40px;
	line-height: 90%;
	color: #000;
	margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {

	.contacts__title {
		font-size: calc(27px + (40 - 27) * ((100vw - 768px) / (1000 - 768)));
	}
}

.contacts__line {
	width: 26px;
	height: 1px;
	background: #008139;
	margin-bottom: 42px;
}

.contacts__items {
	margin-bottom: 30px;
}

.contacts__item {
	display: flex;
	align-items: start;
	gap: 22px;

}

.contacts__item:not(:last-child) {
	margin-bottom: 28px;

}

.contacts__ions img {
	margin-top: 1px;
}



.contacts__link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #363434;
	transition: all 0.5s ease;
	text-wrap: nowrap;
}



.contacts__link:hover {
	transform: scale(1.1);
}

.contacts__subtitle {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 156%;
	color: #363434;
	max-width: 165px;
}


.contacts__social {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 13px;
}

.contacts__social-link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	color: #363434;
	transition: all 0.5s ease;
}

.contacts__social-link:hover {
	transform: scale(1.1);
}

.contacts__social-icons {}

.contacts__social-icons {
	border-radius: 47px;
	width: 32px;
	height: 32px;
}

@media screen and (max-width: 1920px) {
	.contacts__card {
		max-width: calc(500px + (521 - 500) * ((100vw - 1000px) / (1920 - 1000)));
		min-height: calc(500px + (511 - 500) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.contacts__map {
		height: calc(510px + (650 - 510) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__card {
		max-width: calc(354px + (500 - 354) * ((100vw - 768px) / (1000 - 768)));
		min-height: calc(410px + (500 - 410) * ((100vw - 768px) / (1000 - 768)));
		padding-block: calc(40px + (50 - 40) * ((100vw - 768px) / (1000 - 768)));
		padding-inline: calc(44px + (50 - 44) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__title {
		margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__line {
		margin-bottom: calc(20px + (30 - 20) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__link {
		font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__item:not(:last-child) {
		margin-bottom: calc(10px + (28 - 10) * ((100vw - 768px) / (1000 - 768)));
	}

	.contacts__subtitle {
		font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.contacts__map {
		height: 510px
	}

	.contacts__card {
		max-width: 354px;
		min-height: 410px;
		padding-block: 40px;
		padding-inline: 40px;
	}

	.contacts__item:not(:last-child) {
		margin-bottom: 10px;
	}

	.contacts__title {
		font-size: 27px;
		margin-bottom: 20px;
	}

	.contacts__line {
		margin-bottom: 20px;
	}

	.contacts__link {
		font-size: 16px;
	}

	.contacts__subtitle {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.contacts .container {
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	.contacts__map {
		height: 510px;
		margin-bottom: 200px;
	}

	/* .contacts__card {} */

	.contacts__card {
		width: calc(300px + (354 - 300) * ((100vw - 320px) / (480 - 320)));
		min-height: calc(359px + (410 - 359) * ((100vw - 320px) / (480 - 320)));
		padding-block: calc(30px + (40 - 30) * ((100vw - 320px) / (480 - 320)));
		padding-left: calc(63px + (40 - 63) * ((100vw - 320px) / (480 - 320)));
		padding-right: calc(43px + (40 - 43) * ((100vw - 320px) / (480 - 320)));

		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: fixed;
	}

	.contacts__title {
		font-size: calc(24px + (27 - 24) * ((100vw - 320px) / (480 - 320)));
	}

	.contacts__link,
	.contacts__subtitle {
		font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (480 - 320)));
	}

	.contacts__ions img {
		width: 11px;
		height: 17px;
	}

}

/* Контакты end*/


/* footer start */
.footer {
	background: #0b0b0b;
}

.footer {
	padding-block: 24px;
}

.footer__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 26px;
	text-wrap: nowrap;
}

.footer__logo {
	order: 1;
}

.footer__logo img {
	width: 159px;
	height: 48px;
}

.footer__menu {
	order: 2;
	margin-left: auto;
	margin-right: 29px;
}

.footer__items {
	display: flex;
	align-items: center;
	gap: 36px;
}

@media screen and (max-width: 1000px) {
	.footer__logo img {
		width: calc(100px + (159 - 100) * ((100vw - 768px) / (1000 - 768)));
		height: calc(30px + (48 - 30) * ((100vw - 768px) / (1000 - 768)));
	}

	.footer__button {
		padding-inline: calc(34px + (36 - 34) * ((100vw - 768px) / (1000 - 768)));
	}
}

.footer__item {
	position: relative;
}

.footer__item::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: -8px;
	left: 0;
	transform: scale(0);
	transition: all 0.5s ease;
}

.footer__item:hover::after {
	transform: scale(1);
}

.footer__link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	text-align: right;
	color: #eaeaea;
}

.footer__btn-box {
	order: 3;
}

.footer__button {

	background: transparent;
	height: 46px;
	outline: none;
	border: 1px solid #fde724;
	border-radius: 5px;
	padding-inline: 41px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	text-align: center;
	color: #f5f5f5;
	transition: all 0.8s ease;
}

@media screen and (max-width: 1000px) {
	.footer__button {
		padding-inline: calc(32px + (41 - 32) * ((100vw - 768px) / (1000 - 768)));
	}
}

.footer__button:hover {
	color: #000;
	background: #fde724;
	;
}

.footer__bottom {}

.footer__personal {}

.footer__personal-link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #7d808a;
	margin-right: 40px;

}

.year {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 10px;
	text-align: center;
	color: #fff;
	display: none;
}

@media screen and (max-width: 1920px) {
	.footer__personal-link {
		font-size: calc(12px + (13 - 12) * ((100vw - 1000px) / (1920 - 1000)));
	}
}

@media screen and (max-width: 1000px) {
	.footer__personal-link {
		font-size: calc(9px + (12 - 9) * ((100vw - 768px) / (1000 - 768)));
	}
}

@media screen and (max-width: 768px) {
	.footer__personal-link {
		font-size: 9px;
	}
}

@media screen and (max-width: 730px) {
	.footer__top {
		flex-direction: column;
	}

	.footer__logo {
		order: 3;

	}

	.footer__logo img {
		width: 100px;
		height: 30px;

	}

	.footer__menu {
		order: 1;
		margin: 0;
		margin-bottom: 30px;
	}

	.footer__btn-box {
		order: 2;
		margin-bottom: 30px;
	}

	.footer__personal {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 10px;
	}

	.footer__personal-link {
		margin-right: 0;
	}

	.footer__bottom {
		margin-bottom: 93px;
	}

	.year {
		display: block;
	}

}

@media screen and (max-width: 390px) {
	.footer__items {
		flex-direction: column;
		margin-bottom: 30px;
	}
}


.popupSimple {
	width: 500px;
	height: 450px;
	background: #fff;
	position: fixed;
	padding: 15px;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	/* transform: translate(-50%, -50%); */
	/* начальное состояние */
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 25px 0px #0000007d;
	opacity: 0;
	/* начальная прозрачность */
	visibility: hidden;
	/* скрываем из потока */
	transition: all 0.4s ease-out;
	/* плавный переход */
}

@media screen and (max-width: 1000px) {
	.popupSimple {
		width: calc(400px + (500 - 400) * ((100vw - 768px) / (1000 - 768)));
	}

	.popupSimple .input__form {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.popupSimple {
		width: calc(350px + (400 - 350) * ((100vw - 480px) / (768 - 480)));
	}

	.popupSimple__content {
		width: 100%;
	}
}


.popupSimple.active_Modal {
	opacity: 1;
	/* конечная прозрачность */
	visibility: visible;
	/* показываем */
	transform: translate(-50%, -50%) scale(1);
	/* конечный размер */
}



.popupSimple__close {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid gray;
	outline: none;
	/* border-top-left-radius: 5px; */
	border-bottom-left-radius: 5px;

}

.popupSimple__close:hover {
	color: red;
}

.popupSimple__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 27px;
	line-height: 130%;
	text-align: center;
	color: #363434;
	margin-bottom: 20px;
}

.banner__text.animate__animated .animate__fadeInDown {
	animation-duration: 5s;
}