/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/swiper-bundle.css ***!
  \*****************************************************************************/
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@font-face {
	font-family: 'swiper-icons';
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal;
}
/* FONT_END */
:root {
	--swiper-theme-color: #007aff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
}
:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* list-style: none; */
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}
.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(
		--swiper-wrapper-transition-timing-function,
		initial
	);
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
	touch-action: pan-y;
}
.swiper-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}
.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
	> .swiper-wrapper
	> .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
	> .swiper-wrapper
	> .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* Slide styles end */

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/vendor/global.css ***!
  \*************************************************************************/
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

body {
	cursor: default;
	margin: 0 auto;
	background: #f0f0f0;

	font-family: 'Panton', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
		'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.container {
	max-inline-size: 1440px;
	padding-inline-start: 50px;
	padding-inline-end: 50px;
	margin: 0 auto;
}

.strait-container {
	max-width: 140vh;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
legend,
fieldset {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}

legend {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type='text'] {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

a,
a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	list-style: decimal;
	margin: 0;
	padding: 0;
}

picture {
	margin: 0;
	padding: 0;
}

button,
a {
	text-decoration: none;
	color: currentColor;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
	border: none;
}

/* Утилитарный класс для скрытия элементов визуально, но оставление их доступными для скринридеров */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	/*white-space: nowrap;*/
}

/* Класс, чтобы скрыть для скринридеров */
.not-src-only {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

aside,
nav,
footer,
header,
section,
main {
	display: block;
}

img,
svg {
	max-inline-size: 100%;
	block-size: auto;
}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/vendor/fonts.css ***!
  \************************************************************************/
@font-face {
	font-family: Manrope;
	src: url(/static/fonts/Manrope-Light.798881ff9c03fb34d51a.woff2) format('woff2'), url(/static/fonts/Manrope-Light.83e592f102d709d025fc.woff) format('woff');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: Manrope;
	src: url(/static/fonts/Manrope-Regular.2e6d3d21cb34c92a8f7a.woff2) format('woff2'), url(/static/fonts/Manrope-Regular.d9217a74b277ef214eb4.woff) format('woff');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: Manrope;
	src: url(/static/fonts/Manrope-Medium.0b33f41eb1974d58060a.woff2) format('woff2'), url(/static/fonts/Manrope-Medium.0fc2edbac0dd1c541f23.woff) format('woff');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: Manrope;
	src: url(/static/fonts/Manrope-SemiBold.1462dbdef4469fb3b4c3.woff2) format('woff2'), url(/static/fonts/Manrope-SemiBold.2e634dde6acc412349be.woff) format('woff');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: Manrope;
	src: url(/static/fonts/Manrope-Bold.29881e5d43ff99584f9c.woff2) format('woff2'), url(/static/fonts/Manrope-Bold.086a549676bbdfd90c4c.woff) format('woff');
	font-weight: 700;
	font-display: swap;
}

/* Panton */

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-ExtraLight.9dde08d1a442e77fc391.ttf) format('truetype');
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-Light.087d6475ebe9e58c5f51.ttf) format('truetype');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-Regular.2d6f9428ceb53a7dd29f.ttf) format('truetype');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-SemiBold.05701b2d5de2b6e75542.ttf) format('truetype');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-Bold.a91eb17b5d98baa6361d.ttf) format('truetype');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Panton';
	src: url(/static/fonts/Panton-ExtraBold.51317cc23fd57192e1c2.ttf) format('truetype');
	font-weight: 800;
	font-display: swap;
}

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/header__nav.css ***!
  \*******************************************************************************************/
.header__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__logo/header__logo.css ***!
  \*********************************************************************************************/
.header__logo:focus {
	outline: none;
}

.header__logo:focus-visible {
	outline: 2px solid #8789b0;
	border-radius: 4px;
	outline-offset: 3px;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-item/header__nav-item.css ***!
  \******************************************************************************************************/
.header__nav-item_mobile.active {
	opacity: 0;
	transform: translateY(-10px);
	animation: fadeIn 0.5s forwards;
}

.header__nav-item {
	transition: 0.3s ease;
}

/* Поочередная задержка для каждого пункта */
.header__nav-item_mobile:nth-child(1) {
	animation-delay: 0.1s;
}
.header__nav-item_mobile:nth-child(2) {
	animation-delay: 0.2s;
}
.header__nav-item_mobile:nth-child(3) {
	animation-delay: 0.3s;
}
.header__nav-item_mobile:nth-child(4) {
	animation-delay: 0.4s;
}
.header__nav-item_mobile:nth-child(5) {
	animation-delay: 0.5s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__dropdown/header__dropdown.css ***!
  \*****************************************************************************************************/
.header__dropdown {
	background-color: #f0f0f0;
	display: none;
	position: absolute;
	padding: 5px;
	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	z-index: 100;
	top: 70%;
	min-width: 200px;
	opacity: 0;
	transform: translateY(10px);
	transition: 0.3s ease all;
	border-radius: 25px;
}

.header__nav-item--portfolio:hover .header__dropdown {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__dropdown/-item/header__dropdown-item.css ***!
  \****************************************************************************************************************/
.header__dropdown-item {
	padding: 10px 15px;
	border-radius: 20px;
}

.header__dropdown-item:hover {
	color: #fff;
	background: var(--color-blue);
	scale: 1.01;
	outline: 1px solid #fff;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-list/header__nav-list.css ***!
  \******************************************************************************************************/
.header__nav-list {
	display: flex;
	align-items: center;
	column-gap: 30px;
	font-weight: 400;
	font-size: 22px;
}

@media (max-width: 1025px) {
	.header__nav-list {
		display: none;
	}
}

@media (max-width: 767px) {
	.header__nav-list {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #f6f6f6;
		flex-direction: column;
		padding: 20px;
	}

	.header__nav-list.active {
		display: flex;
		align-items: start;
		block-size: 100vh;
		row-gap: 45px;
	}
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-button/header__nav-button.css ***!
  \**********************************************************************************************************/
.header__nav-button {
	display: none;
	position: relative;
	align-items: center;
}

.header__nav-button.active {
	pointer-events: none;
}

@media (max-width: 1025px) {
	.header__nav-button {
		display: flex;
	}
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-link/header__nav-link.css ***!
  \******************************************************************************************************/
.header__nav-link {
	transition: 0.3s;
	padding: 5px 15px;
	border-radius: 20px;
	font-family: Manrope;
}

.header__nav-link:hover {
	color: #fff;
	background: var(--color-blue);
	scale: 1.01;
	outline: 1px solid #fff;
}

.header__nav-link:focus {
	outline: none;
}

.header__nav-link:focus-visible {
	outline: 2px solid #8789b0;
	outline-offset: 2px;
	z-index: 0;
}

/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-phone/header__nav-phone.css ***!
  \********************************************************************************************************/
.header__nav-phone {
	padding: 10px 30px;
	color: #fff;
	border: 2px solid #532d3a;
	color: #000;
	border-radius: 50px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1.1px;
	transition: 0.4s ease;
}

.header__nav-phone:hover {
	background-color: #505b88;
	color: #fff;
	border: 2px solid #fff;
}

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav/-eclipse/header__nav-eclipse.css ***!
  \************************************************************************************************************/
.header__nav-eclipse {
	position: absolute;
	top: 50%;
	left: 40%;
	inline-size: 100px;
	block-size: 100px;
	background-color: #f36f70;
	transform: translate(-50%, -50%) scale(0);
	border-radius: 50%;
	opacity: 0;
}

.header__nav-eclipse.active {
	animation: expandEclipse 1.4s ease;
}

/* Анимация */
@keyframes expandEclipse {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 0;
		background-color: #f36f70;
	}
	50% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 1;
		background-color: #f36f70;
	}
	100% {
		background-color: #505b88;
		transform: translate(-50%, -50%) scale(100);
		opacity: 1;
	}
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/header__nav_mobile.css ***!
  \*********************************************************************************************************/
.header__nav_mobile {
	display: none;
}

@media (max-width: 1025px) {
	.header__nav_mobile.active {
		display: block;
		block-size: 100vh;
		padding-block-start: 40px;
		font-size: 14px;
		font-weight: 600;
	}
}

@media (max-width: 320px) {
	.header__nav_mobile.active {
		padding-block-start: 20px;
	}
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-list/header__nav-list_mobile.css ***!
  \********************************************************************************************************************/
.header__nav-list_mobile {
	display: flex;
	flex-direction: column;
	align-items: start;
	row-gap: 20px;
	margin-block-end: 45px;
}

@media (max-width: 767px) {
	.header__nav-list_mobile {
	}
}

@media (max-width: 320px) {
	.header__nav-list_mobile {
		row-gap: 0;
		margin-block-end: 20px;
	}
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-item/header__nav-item_mobile.css ***!
  \********************************************************************************************************************/
.header__nav-item_mobile {
	font-family: Manrope;
	transition: 0.3s;
	color: #000;
}

.header__nav-item_mobile:active {
	transform: scale(0.2);
}

/* ihal */
.header__nav-item_mobile.active {
	opacity: 0;
	transform: translateY(-10px);
	animation: fadeIn 0.5s forwards;
}

/* Поочередная задержка для каждого пункта */
.header__nav-item_mobile:nth-child(1) {
	animation-delay: 0.1s;
}
.header__nav-item_mobile:nth-child(2) {
	animation-delay: 0.2s;
}
.header__nav-item_mobile:nth-child(3) {
	animation-delay: 0.3s;
}
.header__nav-item_mobile:nth-child(4) {
	animation-delay: 0.4s;
}
.header__nav-item_mobile:nth-child(5) {
	animation-delay: 0.5s;
}
.header__nav-item_mobile:nth-child(6) {
	animation-delay: 0.6s;
}
.header__nav-item_mobile:nth-child(7) {
	animation-delay: 0.7s;
}
.header__nav-item_mobile:nth-child(8) {
	animation-delay: 0.8s;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 320px) {
	.header__nav-item_mobile {
		margin-block-end: 5px;
	}
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-link/header__nav-link_mobile.css ***!
  \********************************************************************************************************************/
.header__nav-link_mobile {
}

.header__nav-link_mobile:active {
	text-decoration: underline;
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-city/header__nav-city_mobile.css ***!
  \********************************************************************************************************************/
.header__nav-city_mobile {
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
}

@media (max-width: 320px) {
	.header__nav-city_mobile {
		margin-block-end: 10px;
	}
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-address/header__nav-address_mobile.css ***!
  \**************************************************************************************************************************/
.header__nav-address_mobile {
	display: flex;
	flex-direction: column;
	row-gap: 45px;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-location/header__nav-location_mobile.css ***!
  \****************************************************************************************************************************/
.header__nav-location_mobile {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	font-style: normal;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	animation-delay: 1s;
}

@media (max-width: 320px) {
	.header__nav-location_mobile {
		row-gap: 0;
		margin-block-end: 10px;
	}
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-contact/header__nav-contact_mobile.css ***!
  \**************************************************************************************************************************/
.header__nav-contact_mobile {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	font-style: normal;
	opacity: 0;
	animation: fadeIn 0.5s forwards;
	animation-delay: 1.2s;
}

@media (max-width: 320px) {
	.header__nav-contact_mobile {
		row-gap: 0;
		margin-block-end: 10px;
	}
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-phone/header__nav-phone_mobile.css ***!
  \**********************************************************************************************************************/
.header__nav-phone_mobile {
	font-size: 18px;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-email/header__nav-email_mobile.css ***!
  \**********************************************************************************************************************/
.header__nav-email_mobile {
	font-size: 18px;
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-buttons/header__nav-buttons_mobile.css ***!
  \**************************************************************************************************************************/
.header__nav-buttons_mobile {
	display: flex;
	column-gap: 30px;
	animation: fadeIn 0.5s forwards;
	animation-delay: 1.4s;
	opacity: 0;
}

@media (max-width: 320px) {
	.header__nav-buttons_mobile {
	}
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/__nav_mobile/-button/header__nav-button_mobile.css ***!
  \************************************************************************************************************************/
.header__nav-button_mobile {
	padding: 10px 40px;
	background-color: var(--color-peach);
	border-radius: 20px;
	font-weight: 500;
	font-style: normal;
	font-size: 18pxx;
	color: #fff;
	transition: 0.3s ease;
}

.header__nav-button_mobile:active {
	background-color: var(--color-blue);
}

.header__nav-button_mobile:hover {
	background-color: var(--color-blue);
}

@media (max-width: 320px) {
	.header__nav-button_mobile {
		padding: 10px 15px;
		margin-block-end: 10px;
	}
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/header/header.css ***!
  \********************************************************************************/
/* mobile-nav */

.header {
	position: sticky;
	top: 0;
	z-index: 3;
	padding-inline: 0;
	padding-block-start: 25px;
	padding-block-end: 25px;
	background: #f0f0f0;
}

@media (max-width: 767px) {
	.header {
		padding-block-start: 12px;
		padding-block-end: 12px;
	}
}

@media (max-width: 320px) {
	.header {
		margin-block-end: 50px;
	}
}

/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/__title/hero__title.css ***!
  \*******************************************************************************************/
.hero__title {
	margin: 0 0 40px 0;
	padding: 90px 0 0 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	padding-block-start: 190px;
	margin-block-end: 140px;
	font-size: clamp(3.625rem, 1.3803rem + 9.5775vw, 10rem);
	line-height: clamp(3.125rem, 1.4305rem + 7.23vw, 7.9375rem);
	font-family: Manrope;
	text-transform: uppercase;
	color: #000;
}

@media (max-width: 767px) {
	.hero__title {
		margin: 0 0 30px 0;
		padding-block-start: 90px;
		margin-block-end: 20px;
	}
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/__title/-span/hero__title-span.css ***!
  \******************************************************************************************************/
.hero__title-span {
	font-size: clamp(2.8125rem, 0.7658rem + 8.7324vw, 8.625rem);
	font-weight: 400;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/__content/hero__content.css ***!
  \***********************************************************************************************/
.hero__content {
	display: flex;
	justify-content: space-between;
	padding-inline-start: 0;
	padding-inline-end: 0;
	padding-block-start: 0;
	padding-block-end: 120px;
	align-items: center;
}

@media (max-width: 1025px) {
	.hero__content {
		flex-direction: column;
		row-gap: 60px;
		align-items: start;
	}
}

@media (max-width: 767px) {
	.hero__content {
		row-gap: 45px;
		padding-block-end: 30px;
	}
}


/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/__subtitle/hero__subtitle.css ***!
  \*************************************************************************************************/
.hero__subtitle {
	font-weight: 400;
	font-size: 27px;
	line-height: 20px;
	max-inline-size: 50%;
	color: #505b88;
}

@media (max-width: 767px) {
	.hero__subtitle {
		font-size: 18px;
		max-inline-size: 100%;
	}
}

@media (max-width: 320px) {
	.hero__subtitle {
		margin-block-end: 30px;
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/__price-link/hero__price-link.css ***!
  \*****************************************************************************************************/
.hero__price-link {
	position: relative;
	border-radius: 50px;
	padding: 15px 40px;
	overflow: hidden;
	color: #ffffff;
	font-weight: var(--font-weight-medium);
	font-size: 1.6rem;
	text-align: center;
	background-color: var(--color-peach);
	transition: 0.5s;
	animation: moveInBottom 1.5s ease;
	align-items: center;
	top: 0;
	left: 0;
}

.hero__price-link:hover {
	transform: translateY(-1px);
	box-shadow: 2px 2px white, 4px 4px rgb(230, 227, 179);
	top: -4px;
	left: -4px;
}

.hero__price-link:active {
	box-shadow: 2px 2px rgb(230, 227, 179), 4px 4px #fff;
}

.hero__price-link::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	border-radius: 50%;
	background-color: #505b88;
	transition: 0.8s ease;
	inline-size: 400px;
	block-size: 200px;
}

.hero__price-link:hover::before {
	top: -50px;
	left: -50px;
}

@media (max-width: 767px) {
	.hero__price-link {
		padding: 10px 0;
		font-size: 16px;
		inline-size: 75%;
		align-self: start;
	}

	.hero__price-link:hover {
		transform: translateY(0);
		box-shadow: 0px 0px white, 0px 0px rgb(230, 227, 179);
		top: 0px;
		left: 0px;
	}

	.hero__price-link::before {
		content: '';
		inline-size: 0;
		block-size: 0;
	}

	.hero__price-link:active {
		box-shadow: 0px 0px white, 0px 0px rgb(230, 227, 179);
		background-color: var(--color-blue);
	}
}

.hero__price-link:focus {
	outline: none;
}

.hero__price-link:focus-visible {
	outline: 3px solid #8789b0;
	outline-offset: 2px;
}

/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/hero.css ***!
  \****************************************************************************/
.hero {
	/* block-size: 100vh; */
}

@media (max-width: 767px) {
	.hero {
		/* background-image: url('../../images/carousel-1.png'); */
		background-position: center;
		margin: 0;
	}
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__title/perfomance__title.css ***!
  \*******************************************************************************************************/

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__subtitle/perfomance__subtitle.css ***!
  \*************************************************************************************************************/
.perfomance__subtitle {
	max-inline-size: 70%;
	margin: 0 0 60px 0;
}

@media (max-width: 767px) {
	.perfomance__subtitle {
		max-inline-size: 100%;
	}
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__content/perfomance__content.css ***!
  \***********************************************************************************************************/
.perfomance__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 40px 0;
	background-position: left;
	background-size: cover;
	transition: background-image 1s ease;
}

@media (max-width: 767px) {
	.perfomance__content {
		grid-template-columns: repeat(1, 1fr);
		padding: 0;
	}
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__content/-column/perfomance__content-column.css ***!
  \**************************************************************************************************************************/
.perfomance__content-column {
	display: grid;
}

.perfomance__content-column:nth-child(1) {
	border-right: 2px solid #fff;
}

.perfomance__content-column_second {
	/* grid-template-rows: repeat(30%, 60%); */
}

.perfomance__content-column_wrapper {
	block-size: 2px;
	background-color: #fff;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__card/perfomance__card.css ***!
  \*****************************************************************************************************/
.perfomance__content-card {
	position: relative;
	block-size: 300px;
	padding: 0px 45px;
	z-index: 1;
	transition: 0.7s;
	display: grid;
}

.perfomance__content-column_wrapper {
	transition: 0.7s;
}

.perfomance__content-card_first,
.perfomance__content-card_third {
	align-items: start;
}
.perfomance__content-card_second,
.perfomance__content-card_fourth {
	align-items: end;
}

.perfomance__content-card_third {
	block-size: 200px;
}
.perfomance__content-card_first:hover {
	transform: translateY(50px);
}
.perfomance__content-card_first:hover ~ .perfomance__content-column_wrapper {
	transform: translateY(50px);
}
.perfomance__content-card_second:hover {
	transform: translateY(-50px);
}
.perfomance__content-card_second:hover + .perfomance__content-column_wrapper {
	transform: translateY(-50px);
}

.perfomance__content-card_third:hover {
	transform: translateY(50px);
}
.perfomance__content-card_third:hover + .perfomance__content-column_wrapper {
	transform: translateY(50px);
}

.perfomance__content-card_second:hover {
	transform: translateY(-50px);
}

.perfomance__content-card_fourth:hover {
	transform: translateY(-50px);
}
@media (max-width: 767px) {
	.perfomance__content-card {
		padding: 47px 20px 15px 15px;
		block-size: 120px;
		border-inline-end: 0px;
		inline-size: 95%;
		align-items: start;
	}

	.perfomance__content-card_second {
		border-bottom: 1px solid #fff;
	}

	.perfomance__content-card_first:hover {
		transform: translateY(10px);
	}
	.perfomance__content-card_first:hover ~ .perfomance__content-column_wrapper {
		transform: translateY(10px);
	}
	.perfomance__content-card_second:hover {
		transform: translateY(-10px);
	}
	.perfomance__content-card_second:hover + .perfomance__content-column_wrapper {
		transform: translateY(-10px);
	}

	.perfomance__content-card_third:hover {
		transform: translateY(10px);
	}
	.perfomance__content-card_third:hover + .perfomance__content-column_wrapper {
		transform: translateY(10px);
	}

	.perfomance__content-card_second:hover {
		transform: translateY(-10px);
	}

	.perfomance__content-card_fourth:hover {
		transform: translateY(-10px);
	}
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/__card/-title/perfomance__card-title.css ***!
  \******************************************************************************************************************/
.perfomance__card-title {
	color: #fff;
	font-size: 25px;
	font-weight: var(--font-weight-regular);
}

@media (max-width: 767px) {
	.perfomance__card-title {
		font-size: 18px;
	}
}

/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/perfomance/perfomance.css ***!
  \****************************************************************************************/


/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__title/portfolio__title.css ***!
  \*****************************************************************************************************/

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__subtitle/portfolio__subtitle.css ***!
  \***********************************************************************************************************/
.portfolio__subtitle {
	max-inline-size: 80%;
}

@media (max-width: 767px) {
	.portfolio__subtitle {
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__list/portfolio__list.css ***!
  \***************************************************************************************************/
.portfolio__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* grid-auto-rows: 380px; */
	row-gap: 150px;
	column-gap: 3px;
	margin-bottom: 30px;
}

@media (max-width: 1025px) {
	.portfolio__list {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 50px;
	}
}

@media (max-width: 767px) {
	.portfolio__list {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__item/portfolio__item.css ***!
  \***************************************************************************************************/
.portfolio__item {
	object-fit: cover;
	object-position: center;
	inline-size: 100%;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
}

@media (max-width: 767px) {
	.portfolio__item {
		/* max-block-size: 300px; */
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__image/portfolio__image.css ***!
  \*****************************************************************************************************/
.portfolio__image {
	transition: 0.6s;
	inline-size: 100%;
	block-size: 380px;
	object-fit: cover;
}

/* .portfolio__image:hover {
	scale: 1.03;
} */

@media (max-width: 767px) {
	.portfolio__image {
		max-block-size: 250px;
	}
}

/* .portfolio__image:focus {
	outline: none;
}

.portfolio__image:focus-visible {
	outline: 2px solid #8789b0;
	border-radius: 4px;
	outline-offset: 2px;
} */

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__link/portfolio__link.css ***!
  \***************************************************************************************************/
.portfolio__link {
	font-size: 20px;
	color: #fff;
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__card/portfolio__card.css ***!
  \***************************************************************************************************/
.portfolio__card {
	display: flex;
	flex-direction: column;
	block-size: 100%;
	inline-size: 100%;
	position: relative;
	overflow: hidden;
}

@media (max-width: 767px) {
	.portfolio__card {
	}
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__image/portfolio__image.css (1) ***!
  \*********************************************************************************************************/
.portfolio__image {
	transition: 0.6s;
	inline-size: 100%;
	block-size: 380px;
	object-fit: cover;
}

/* .portfolio__image:hover {
	scale: 1.03;
} */

@media (max-width: 767px) {
	.portfolio__image {
		max-block-size: 250px;
	}
}

/* .portfolio__image:focus {
	outline: none;
}

.portfolio__image:focus-visible {
	outline: 2px solid #8789b0;
	border-radius: 4px;
	outline-offset: 2px;
} */

/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/__description/portfolio__description.css ***!
  \*****************************************************************************************************************/
.portfolio__description {
	padding: 15px 0 5px 10px;
	color: #000;
	text-transform: uppercase;
	font-size: 28px;
	text-align: left;
	transition: 0.3s;
}

.portfolio__text {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	padding: 0 0 0 10px;
}

@media (max-width: 767px) {
	.portfolio__description {
		font-size: 20px;
		font-weight: var(--font-weight-semibold);
		padding: 0;
	}

	.portfolio__text {
		font-size: 16px;
		color: #000;
		font-weight: 400;
		padding: 0;
	}
}

/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/portfolio/portfolio.css ***!
  \**************************************************************************************/


/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/__list/why-us__list.css ***!
  \*********************************************************************************************/
.why-us__list {
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	.why-us__list {
		/* row-gap: 10px; */
	}
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/__item/why-us__item.css ***!
  \*********************************************************************************************/
.why-us__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #b0b0b0;
	padding: 20px 0;
}

.why-us__item:nth-child(1) {
	border-top: 2px solid #b0b0b0;
}

@media (max-width: 1025px) {
	.why-us__item {
		display: grid;
		grid-template-columns: 30% 70%;
		column-gap: 25px;
	}
}

@media (max-width: 767px) {
	.why-us__item {
		column-gap: 20px;
		border-bottom: 1px solid #b0b0b0;
	}

	.why-us__item:nth-child(1) {
		border-top: 1px solid #b0b0b0;
	}
}

@media (max-width: 600px) {
	.why-us__item {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 10px;
	}
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/__item/-title/why-us__item-title.css ***!
  \**********************************************************************************************************/
.why-us__item-title {
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 25px;
}

@media (max-width: 767px) {
	.why-us__item-title {
		padding-top: 10px;
	}

	.why-us__item-title span {
		color: var(--color-peach);
		font-weight: 700;
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/__subtitle/why-us__subtitle.css ***!
  \*****************************************************************************************************/
.why-us__subtitle {
	margin-block-end: 30px;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/__item/-description/why-us__item-description.css ***!
  \**********************************************************************************************************************/
.why-us__item-description {
	font-size: 20px;
	line-height: 30px;
	inline-size: 60%;
}

@media (max-width: 1025px) {
	.why-us__item-description {
		inline-size: 100%;
	}
}

@media (max-width: 767px) {
	.why-us__item-description {
		font-weight: 400;
		font-size: 18px;
		line-height: 22.4px;
	}
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/why-us/why-us.css ***!
  \********************************************************************************/


/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/__title/can-help__title.css ***!
  \***************************************************************************************************/

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/__content/can-help__content.css ***!
  \*******************************************************************************************************/
.can-help__content {
	display: flex;
	justify-content: space-between;
	min-width: 0;
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/__item/can-help__item.css ***!
  \*************************************************************************************************/
.can-help__item {
	display: flex;
	position: relative;
	flex-direction: column;
	padding-inline-start: 20px;
	padding-inline-end: 30px;
	padding-block-start: 40px;
	padding-block-end: 40px;
	min-block-size: 434px;
}

@media (max-width: 767px) {
	.can-help__item {
		padding-inline-start: 20px;
		padding-inline-end: 20px;
		padding-block-start: 0px;
		padding-block-end: 10px;
	}
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/-item/can-help__item-subtitle.css ***!
  \*********************************************************************************************************/
.can-help__item-subtitle {
	margin-block-end: 77px;
	max-inline-size: 70%;
	text-transform: uppercase;
	font-weight: var(--font-weight-medium);
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/__image/can-help__image.css ***!
  \***************************************************************************************************/
.can-help__image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

@media (max-width: 767px) {
	.can-help__image {
		opacity: 1;
	}
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/__description/can-help__description.css ***!
  \***************************************************************************************************************/
.can-help__description {
	z-index: 4;
	font-size: var(--font-size-body);
	font-weight: var(--font-weight-regular);
	border-radius: 20px;
}

@media (max-width: 767px) {
	.can-help__description {
		inline-size: 100%;
		padding: 15px 20px;
		background-color: #f36f6f36;
	}
}

/*!************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/can-help/can-help.css ***!
  \************************************************************************************/


/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__content/reviews__content.css ***!
  \*****************************************************************************************************/
.reviews__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

@media (max-width: 1025px) {
	.reviews__content {
		display: flex;
		flex-direction: column-reverse;
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.reviews__content {
		gap: 0;
	}
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__content/-blockqoute/reviews__content-blockquote.css ***!
  \****************************************************************************************************************************/
.reviews__content-blockquote {
	position: relative;
	font-size: 20px;
	line-height: 34px;
}

.reviews__content-blockquote::before {
	display: block;
	content: '';
	background-image: url(/static/images/quote.fe86edfe425c229cebee..svg);
	background-repeat: no-repeat;
	background-size: cover;
	inline-size: 50px;
	block-size: 50px;
	margin-block-end: 20px;
}

@media (max-width: 767px) {
	.reviews__content-blockquote::before {
		margin-block-end: 10px;
		background-image: none;
		inline-size: 0;
		block-size: 0;
	}
}

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__client-name/reviews__client-name.css ***!
  \*************************************************************************************************************/
.reviews__client-name {
	margin-block-end: 10px;
	font-size: 20px;
}

@media (max-width: 767px) {
	.reviews__client-name {
		margin-block-end: 2px;
		font-size: 18px;
	}
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__client-project/reviews__client-project.css ***!
  \*******************************************************************************************************************/
.reviews__client-project {
	font-weight: 400;
	font-size: var(--font-size-body);
	margin-block-end: 15px;
}

@media (max-width: 767px) {
	.reviews__client-project {
		display: inline-block;
		color: #000;
		border-radius: 20px;
		/* background-color: #f36f6f36; */
		margin-block-end: 5px;
		font-size: 16px;
		opacity: 0.7;
	}

	.review-text.expanded {
		max-height: 100%; /* Expands to show the full text */
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__image/reviews__image.css ***!
  \*************************************************************************************************/
.reviews__image {
	position: relative;
	object-fit: cover;
	inline-size: 100%;
	max-block-size: 420px;
	min-block-size: 320px;
}

@media (max-width: 767px) {
	.reviews__image {
		max-block-size: 320px;
	}
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__text/reviews__text.css ***!
  \***********************************************************************************************/
@media (max-width: 767px) {
	.reviews__text {
		font-weight: 400;
		line-height: 20px;
		font-size: var(--font-size-body);
		opacity: 0.7;
		overflow: hidden;
	}
}

@media (max-width: 500px) {
	.reviews__text {
		block-size: 40%;
		max-block-size: 70px;
		transition: max-block-size 1s ease;
	}

	.reviews__text.expanded {
		block-size: 100%;
		max-block-size: 300px;
	}
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__button/-wrapper/reviews__button-wrapper.css ***!
  \********************************************************************************************************************/
.reviews__button-wrapper {
	display: flex;
	padding-block-start: 10px;
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/__button/reviews__button.css ***!
  \***************************************************************************************************/
.reviews__button {
	cursor: pointer;
	text-align: center;
	font-size: var(--font-size-body);
	line-height: 20px;
	background-color: inherit;
	display: none;
	transition: 0.3 ease;
	color: #fff;
}

@media (max-width: 500px) {
	.reviews__button {
		display: block;
		background-color: var(--color-peach);
		border-radius: 20px;
		padding: 5px 5px;
		inline-size: 50%;
	}
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/reviews/reviews.css ***!
  \**********************************************************************************/


/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__title/stages__title.css ***!
  \***********************************************************************************************/
.stages__title {
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__subtitle/stages__subtitle.css ***!
  \*****************************************************************************************************/
.stages__subtitle {
}

@media (max-width: 767px) {
	.stages__subtitle {
		font-weight: 400;
		font-size: 23px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__content/stages__content.css ***!
  \***************************************************************************************************/
.stages__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 60px;
	border-top: 1px solid #000;
	padding: 45px 0 0 0;
}

@media (max-width: 767px) {
	.stages__content {
		grid-template-columns: repeat(1, 1fr);
		padding: 15px 0 0 0;
	}
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__list/stages__list.css ***!
  \*********************************************************************************************/
.stages__list {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	padding: 0;
	max-inline-size: 100%;
}

@media (max-width: 767px) {
	.stages__list {
		row-gap: 15px;
	}
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/stages__item.css ***!
  \*********************************************************************************************/
/* .perfomance__item {
	border-radius: 25px;
} */

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/-header/stages__item-header.css ***!
  \************************************************************************************************************/
.stages__item-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
	padding: 15px;
	/* font-size: var(--font-size-body); */
	font-size: 20px;
	transition: background-color 0.3s ease;
	cursor: pointer;
	inline-size: 100%;
	text-align: left;
}

.stages__item-header:hover {
	background-color: #ebebeb;
}

.stages__item-header:active {
	/* outline: 2px solid var(--color-blue); */
}
.stages__item-header:focus {
	outline: 2px solid var(--color-blue);
}

.stages__item-header[aria-expanded='true'] {
	background-color: var(--color-peach);
	color: #fff;
}
.stages__item-header[aria-expanded='true'] .stages__item-icon {
	transform: rotate(225deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

@media (max-width: 767px) {
	.stages__item-header {
		font-size: var(--font-size-h4);
		border-radius: 10px;
	}
}

@media (max-width: 320px) {
	.stages__item-header {
		padding: 10px 5px;
	}
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/-content/stages__item-content.css ***!
  \**************************************************************************************************************/
.stages__item-content {
	padding-inline-start: 15px;
	padding-inline-end: 15px;
	padding: 0 15px;
	overflow: hidden;
	transition: max-block-size 1.3s ease, padding 1s ease	;
	max-block-size: 0;
}

.stages__item-content.open {
	max-block-size: 200vh;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/-description/stages__item-description.css ***!
  \**********************************************************************************************************************/
.stages__item-description {
	margin: 10px 0;
}

@media (max-width: 767px) {
	.stages__item-description {
		font-size: var(--font-size-body);
	}
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/-image/stages__item-image.css ***!
  \**********************************************************************************************************/
.stages__item-image {
	inline-size: 100%;
}

/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/__item/-icon/stages__item-icon.css ***!
  \********************************************************************************************************/
.stages__item-icon {
	display: inline-block;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	transition: transform 0.3s ease;
	transform: rotate(45deg);
	inline-size: 13px;
	block-size: 13px;
}

@media (max-width: 767px) {
	.stages__item-icon {
		inline-size: 10px;
		block-size: 10px;
	}
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/stages/stages.css ***!
  \********************************************************************************/


/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__content/contact__content.css ***!
  \*****************************************************************************************************/
.contact__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 50px;
}

@media (max-width: 1025px) {
	.contact__content {
		grid-template-columns: repeat(1, 1fr);
		align-items: space-between;
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__title/contact__title.css ***!
  \*************************************************************************************************/
.contact__title {
	inline-size: 100%;
	line-height: 60px;
	font-weight: 500;
}

@media (max-width: 1025px) {
	.contact__title {
		margin: 0 0 45px 0;
	}
}

@media (max-width: 767px) {
	.contact__title {
		margin: 0 0 30px 0;
		line-height: 32px;
		color: var(--color-blue);
	}
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__subtitle/contact__subtitle.css ***!
  \*******************************************************************************************************/
.contact__subtitle {
	margin-block-end: 45px;
	font-weight: 500;
	font-size: 18px;
}

@media (max-width: 767px) {
	.contact__subtitle {
		margin-block-end: 30px;
		font-weight: 300;
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__connect/contact__connect.css ***!
  \*****************************************************************************************************/
.contact__connect {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 1025px) {
	.contact__connect {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 670px) {
	.contact__connect {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__designer/contact__designer.css ***!
  \*******************************************************************************************************/
.contact__designer {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

@media (max-width: 1025px) {
	.contact__designer {
		margin-block-end: 30px;
		justify-content: end;
	}
}

@media (max-width: 767px) {
	.contact__designer {
		align-items: end;
		font-size: 15px;
		align-items: flex-start;
	}
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__info/contact__info.css ***!
  \***********************************************************************************************/
.contact__info {
}

@media (max-width: 767px) {
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__designer/-info/contact__designer-info.css ***!
  \******************************************************************************************************************/
.contact__designer-info {
	column-gap: 60px;
	align-items: end;
}

@media (max-width: 767px) {
	.contact__designer-info {
		text-align: left;
		align-self: flex-end;
	}
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__designer/-name/contact__designer-name.css ***!
  \******************************************************************************************************************/
.contact__designer-name {
	font-size: 20px;
	line-height: 20px;
}

@media (max-width: 767px) {
	.contact__designer-name {
		line-height: 22.4px;
		font-size: 18px;
	}
}

/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__designer/-job/contact__designer-job.css ***!
  \****************************************************************************************************************/
.contact__designer-job {
	font-size: 18px;
	font-weight: var(--font-weight-regular);
	color: var(--color-peach);
	opacity: 0.9;
}

@media (max-width: 767px) {
	.contact__designer-job {
		/* align-self: flex-end; */
	}
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__designer/-job/contact__designer-job.css (1) ***!
  \********************************************************************************************************************/
.contact__designer-job {
	font-size: 18px;
	font-weight: var(--font-weight-regular);
	color: var(--color-peach);
	opacity: 0.9;
}

@media (max-width: 767px) {
	.contact__designer-job {
		/* align-self: flex-end; */
	}
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__text/contact__text.css ***!
  \***********************************************************************************************/
.contact__text {
	margin-block-end: 60px;
	font-size: 20px;
}

@media (max-width: 767px) {
	.contact__text {
		font-size: var(--font-size-body);
		margin-block-end: 30px;
	}
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/contact__form.css ***!
  \***********************************************************************************************/
.contact__form {
	display: flex;
	flex-direction: column;
}

@media (max-width: 1025px) {
	.contact__form {
	}
}

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/-phone/contact__form-phone.css ***!
  \************************************************************************************************************/
.contact__form-phone {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-block-end: 15px;
}

@media (max-width: 1025px) {
	.contact__form-phone {
	}
}

@media (max-width: 767px) {
	.contact__form-phone {
		gap: 8px;
	}
}

/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/-name/contact__form-name.css ***!
  \**********************************************************************************************************/
.contact__form-name {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-block-end: 30px;
}

@media (max-width: 767px) {
	.contact__form-name {
		gap: 8px;
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__label/contact__label.css ***!
  \*************************************************************************************************/
.contact__label {
	font-size: 18px;
}

@media (max-width: 767px) {
	.contact__label {
		font-size: var(--font-size-body);
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__input/contact__input.css ***!
  \*************************************************************************************************/
.contact__input {
	border: none;
	border-radius: 10px;
	padding-inline-start: 25px;
	padding-block-start: 15px;
	padding-block-end: 10px;
	text-align: left;
	inline-size: 100%;
	font-size: var(--font-size-body);
	font-family: inherit;
}

.contact__input::placeholder {
	opacity: 1;
	font-weight: 300;
}
.contact__input:focus {
	outline: none;
}

.contact__input:focus-visible {
	outline: 3px solid var(--color-peach);
}

@media (max-width: 1025px) {
	.contact__input {
		padding-inline-start: 15px;
		padding-block-start: 12px;
		padding-block-end: 12px;
	}
}

@media (max-width: 767px) {
	.contact__input {
		padding-inline-start: 15px;
		padding-block-start: 12px;
		padding-block-end: 12px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__legend/contact__legend.css ***!
  \***************************************************************************************************/
.contact__legend {
	border: none;
	padding: 0;
	outline: none;
	font-size: var(--font-size-body);
	margin: 0 0 15px 0;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__fieldset/contact__fieldset.css ***!
  \*******************************************************************************************************/
.contact__fieldset {
	margin-block-end: 30px;
}

@media (max-width: 767px) {
	.contact__fieldset {
		margin-block-end: 30px;
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__options/contact__options.css ***!
  \*****************************************************************************************************/

@media (max-width: 767px) {
	.contact__options {
		display: flex;
		justify-content: space-between;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__option/contact__option.css ***!
  \***************************************************************************************************/
.contact__option {
	border-radius: 15px;
	padding: 2px 15px;
	transition: 0.4s ease;
}

.contact__option:hover {
	cursor: pointer;
}

.contact__options:active {
}

input[type='radio']:checked + span {
	outline: 1px solid #fff;
	background-color: var(--color-blue);
	color: #fff;
}

@media (max-width: 330px) {
	.contact__option {
		border-radius: 15px;
		padding: 2px 10px;
		transition: 0.4s ease;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/contact__form.css (1) ***!
  \***************************************************************************************************/
.contact__form {
	display: flex;
	flex-direction: column;
}

@media (max-width: 1025px) {
	.contact__form {
	}
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/-name/contact__form-name.css (1) ***!
  \**************************************************************************************************************/
.contact__form-name {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-block-end: 30px;
}

@media (max-width: 767px) {
	.contact__form-name {
		gap: 8px;
	}
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/-policy/contact__form-policy.css ***!
  \**************************************************************************************************************/
.contact__form-policy {
	margin-block-end: 25px;
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__form/-policy/-text/contact__policy-text.css ***!
  \********************************************************************************************************************/
@media (max-width: 767px) {
	.contact__policy-text {
		font-size: 15px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/__button/contact__button.css ***!
  \***************************************************************************************************/
.contact__button {
	background-color: var(--color-blue);
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px 15px;
	transition: 0.7s ease;
	inline-size: 70%;
	align-self: flex-end;
	font-weight: 500;
}

.contact__button:disabled {
	background-color: #33394e;
	cursor: default;
}

.contact__button:disabled:hover {
	background-color: #33394e;
}

@media (max-width: 1025px) {
	.contact__button {
		inline-size: 100%;
	}
}
.contact__button:hover {
	position: relative;
	box-shadow: none;
	background-color: var(--color-peach);
}

.contact__button:active {
	background-color: var(--color-peach);
}

/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/contact/contact.css ***!
  \**********************************************************************************/
.contact-section {
	padding: 50px 0;
	background-color: #bdaca430;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__title/footer__title.css ***!
  \***********************************************************************************************/
@media (max-width: 768px) {
	.footer__title {
		text-decoration: underline;
		text-decoration-color: #bdaca4;
		text-underline-offset: 3px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__content/footer__content.css ***!
  \***************************************************************************************************/
.footer__content {
	display: flex;
	justify-content: space-between;
	margin-block-end: 60px;
	font-style: normal;
}

@media (max-width: 1025px) {
	.footer__content {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.footer__content {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}

@media (max-width: 500px) {
	.footer__content {
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__address/footer__address.css ***!
  \***************************************************************************************************/
.footer__address {
	font-style: normal;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__place/footer__place.css ***!
  \***********************************************************************************************/
.footer__place {
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__location/footer__location.css ***!
  \*****************************************************************************************************/
.footer__location {
	font-size: var(--font-size-body);
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__city/footer__city.css ***!
  \*********************************************************************************************/
.footer__city {
	font-size: var(--font-size-body);
}

@media (max-width: 767px) {
	.footer__city {
		font-size: 20px;
		margin-block-end: 10px;
	}
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__mobile/footer__mobile.css ***!
  \*************************************************************************************************/
.footer__mobile {
	display: flex;
	flex-direction: column;
	/* row-gap: 30px; */
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__mobile/-phone/footer__mobile-phone.css ***!
  \**************************************************************************************************************/
.footer__mobile-phone {
}

@media (max-width: 767px) {
	.footer__mobile-phone {
		font-size: 20px;
		margin-block-end: 30px;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__buttons/footer__buttons.css ***!
  \***************************************************************************************************/
.footer__buttons {
	display: flex;
	column-gap: 30px;
}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__button/footer__button.css ***!
  \*************************************************************************************************/
.footer__button {
	padding: 10px 20px;
	background-color: var(--color-peach);
	border-radius: 20px;
	font-weight: var(--font-weight-semibold);
	transition: 0.3s ease;
}

.footer__button:active {
	padding: 7px 9px;
}

/*!************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__mobile/-text/footer__mobile-text.css ***!
  \************************************************************************************************************/
.footer__mobile-text {
	margin-block-end: 10px;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/__mail/footer__mail.css ***!
  \*********************************************************************************************/
.footer__mail {
}

@media (max-width: 767px) {
	.footer__mail {
		font-size: 20px;
	}
}

/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/footer/footer.css ***!
  \********************************************************************************/
.footer {
	padding-block-start: 45px;
	padding-block-end: 45px;
	color: #000;
	background-color: #d9d9d9;
}

@media (max-width: 767px) {
	.footer {
		/* background-color: #bdaca4; */
		background-color: #d9d9d9;
		border-top: 1px solid #bdaca4;
		border-top-left-radius: 20px;
		border-top-right-radius: 30px;
	}
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/video/video_widget.css ***!
  \*************************************************************************************/
.video-widget {
    position: fixed;
    right: 0;
    z-index: 999999;
    bottom: 0
}

.video-widget__container {
    font-family: Helvetica;
    z-index: 999999;
    overflow: hidden;
    border-style: solid;
    background: #eee;
    -webkit-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    -o-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
    -moz-transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -moz-transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
    outline: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 10px 20px;
    box-shadow: rgba(0, 0, 0, .2) 0 10px 20px;
    position: absolute;
    right: 20px;
    bottom: 50px;
    border-radius: 20px;
    border-width: 5px;
    width: 130px;
    height: 180px;
    border-color: #fff
}

.video-widget__container:hover {
    -webkit-transform: scale(1.05) translate(-5px, -5px);
    -moz-transform: scale(1.05) translate(-5px, -5px);
    -ms-transform: scale(1.05) translate(-5px, -5px);
    -o-transform: scale(1.05) translate(-5px, -5px);
    transform: scale(1.05) translate(-5px, -5px);
    border-color: #131344
}

.video-widget__video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 200;
    -webkit-transition: opacity .4s ease-in-out 0s;
    -o-transition: opacity .4s ease-in-out 0s;
    -moz-transition: opacity .4s ease-in-out 0s;
    transition: opacity .4s ease-in-out 0s;
    opacity: .9
}

.video-widget__close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    z-index: 250;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
    -o-transition: opacity .2s ease-in-out 0s, -o-transform .3s ease-in-out 0s;
    -moz-transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -moz-transform .3s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s;
    transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -moz-transform .3s ease-in-out 0s, -o-transform .3s ease-in-out 0s
}

.video-widget__close:after, .video-widget__close:before {
    position: absolute;
    right: 9px;
    top: 1px;
    content: " ";
    height: 18px;
    width: 2px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px;
    box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px
}

.video-widget__close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.video-widget__close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.video-widget__container:hover .video-widget__close {
    opacity: .5
}

.video-widget.video-widget[data-state=opened] .video-widget__container {
    width: 280px;
    height: 500px;
    border-radius: 20px;
    border-color: #fff
}

.video-widget.video-widget[data-state=opened] .video-widget__close {
    opacity: .5
}

.video-widget.video-widget[data-state=opened] .video-widget__close:before {
    display: none
}

.video-widget.video-widget[data-state=opened] .video-widget__close:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.video-widget.video-widget[data-state=opened] .video-widget__close:hover {
    opacity: 1
}

.video-widget__button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    right: 20px;
    height: 65px;
    border-radius: 10px;
    z-index: 300;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 4px 15px;
    box-shadow: rgba(0, 0, 0, .25) 0 4px 15px;
    text-align: center;
    -webkit-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
    -moz-transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s;
    transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s;
    visibility: hidden;
    background-color: #fdd82a;
    font-size: 14px;
    font-family: Helvetica;
    color: #000;
    text-align: center;
    vertical-align: middle;
    line-height: 65px;
    text-transform: uppercase;
    opacity: 0
}

.video-widget__button:hover {
    background-color: #ffe257;
    text-decoration: none
}

.video-widget.video-widget[data-state=opened] .video-widget__button {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 1023px) {
    .video-widget__close {
        opacity: .5
    }
}

@media only screen and (max-width: 479px) {
    .video-widget__container {
        right: 15px;
        bottom: 15px;
        width: 90px;
        height: 125px
    }
}

.video-widget__button {
    color: #000000 !important;
    text-decoration: none;
}
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/video/video.css ***!
  \******************************************************************************/
.video-container {
    position: relative;
    width: 100%;
    margin: auto;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 3rem;
    font-weight: bold;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

.video-overlay.show {
    visibility: visible;
    opacity: 1;
}

#my-video {
    display: block;
    width: 100%;
}
/*!*****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/hero/hover.css ***!
  \*****************************************************************************/
.hero__shapes {
    position: relative;
    height: fit-content;
    width: 100%;
    background: #000;
    overflow: hidden;
    mix-blend-mode: darken;
}

@media (max-width: 900px) {
    .hero__shape {
        display: none;
    }
}

.hero__shape {
    will-change: transform;
    position: absolute;
    border-radius: 50%;
    background-color: #f0f0f0;
}

.hero__shape.shape-1 {
    background: var(--color-peach);
    width: 500px;
    height: 500px;
    margin: -250px 0 0 -250px;
}

.hero__h_cont {
    height: fit-content;
    padding-bottom: 10px;
    width: 100vw;
    background: #fff;
    mix-blend-mode: screen;
}
/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Services/services.css ***!
  \***********************************************************************************/
.header {
	margin-block-end: 60px;
}

.services {
	margin-block-end: 120px;
}

.services__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.header {
	margin-block-end: 60px;
}

.services__title {
	margin-block-end: 60px;
	font-family: Manrope;
	font-weight: var(--font-weight-bold);
	font-size: clamp(2.8125rem, 1.8222rem + 4.2254vw, 5.625rem);
	text-align: left;
	text-transform: uppercase;
}

.services__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 60px;
	column-gap: 40px;
	margin-bottom: 50px;
}

.service {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	min-block-size: 320px;
}

.service__image,
.service__picture {
	object-fit: cover;
	inline-size: 100%;
	max-block-size: 350px;
}

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

.service__name {
	margin-block-end: 0;
	font-family: Panton;
	font-weight: 600;
	font-size: 25px;
}

.service__button {
	border-radius: 20px;
	padding: 6px 20px;
	outline: 2px solid black;
	font-size: 18px;
	transition: 0.3s ease;
}

.service__button:hover {
	outline: 2px solid #fff;
	color: #fff;
	background-color: var(--color-peach);
}

.service__button:active {
	outline: 2px solid #fff;
	color: #fff;
	background-color: var(--color-peach);
}

.popup {
	inline-size: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	visibility: hidden;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 100%;
	margin-block-start: 60px;
	opacity: 0;
	overflow-y: scroll;
	background: rgba(0, 0, 0, 0.8);
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.popup__close {
	position: sticky;
	top: 60px;
	right: 15px;
	z-index: 2;
	align-self: flex-end;
	border: none;
	font-size: 0;
	background: none;
	cursor: pointer;
}

.popup__body,
.popup__content {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 40px;
	background: #fff;
}

.popup__image-wrapper {
	inline-size: 100%;
	max-block-size: 480px;
}

.popup__image {
	object-fit: cover;
	inline-size: 100%;
	block-size: 100%;
}

.popup_is-opened {
	visibility: visible;
	opacity: 1;
}

.popup__title {
	font-weight: 600;
}

.popup__subtitle {
	color: #000;
	text-decoration: underline;
	text-decoration-color: #bdaca4;
	text-underline-offset: 3px;
}

.popup__date {
	margin-block-end: 30px;
	opacity: 0.4;
	font-weight: 600;
	font-size: 24px;
}

.popup__form-label {
	margin-bottom: 30px;
	margin-block-end: 15px;
	font-size: 24px;
}

.popup__form-controls {
	display: flex;
	column-gap: 20px;
	margin-block-end: 40px;
}

.popup__form-input {
	border: none;
	border-bottom: 1px solid #000;
	inline-size: 50%;
}

.popup__form-button {
	border-radius: 20px;
	padding: 5px 15px;
	color: #fff;
	background-color: #000;
	transition: 0.3s;
}

.popup__form-button:hover {
	color: #fff;
	background-color: var(--color-peach);
}

.popup__form-input:focus {
	outline: none;
}

.popup__form-input:focus-visible {
	outline: 3px solid var(--color-peach);
}

.popup__steps {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	margin-block-end: 40px;
}

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

.popup__link {
	background-color: var(--color-blue);
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 10px 15px;
	transition: 0.7s ease;
	max-inline-size: 70%;
}

.popup__link:hover {
	position: relative;
	box-shadow: none;
	background-color: var(--color-peach);
}

.popup__link:disabled {
	background-color: #33394e;
	cursor: default;
}

.popup__link:disabled:hover {
	background-color: #33394e;
}

.step__header {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
}

.details__list {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.popup__container {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: min(75ch, 50%);
	height: 90%;
	overflow-y: scroll;
	transition: transform 0.5s ease;
	transform: translateX(100%);
	scroll-margin-top: 0;
	scrollbar-width: none;
}

.popup_is-opened .popup__container {
	transform: translateX(0);
}

@media (max-width: 1440px) {
	.service__image,
	.service__picture {
		max-block-size: 300px;
		min-block-size: 300px;
	}
	.service__image,
	.service__picture {
		max-block-size: 300px;
		min-block-size: 300px;
	}
}

@media (max-width: 1200px) {
	.popup__step {
		grid-template-columns: repeat(1, 1fr);
	}

	.step__header {
		margin-block-end: 15px;
	}
}

@media (max-width: 900px) {
	.services__title {
		margin-block-end: 30px;
	}
	.services__list {
		grid-template-columns: repeat(1, 1fr);
	}

	.service__name {
		font-size: 20px;
	}

	.service__image,
	.service__picture {
		object-fit: cover;
		inline-size: 100%;
		max-block-size: 500px;
	}

	.popup__container {
		width: 95%;
		height: 90%;
	}

	.popup__body {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.service {
		row-gap: 10px;
	}

	.service__name {
		line-height: 20px;
	}
	.service__button {
		align-self: flex-end;
		padding: 5px 10px;
	}

	.popup__subtitle {
		font-size: 22px;
	}

	.popup__content {
		padding: 10px;
	}

	.popup {
		margin-block-start: 30px;
	}

	.popup__close {
		top: 60px;
	}

	.details__list {
		row-gap: 5px;
	}
}

/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Portfolio/portfolio.css ***!
  \*************************************************************************************/
.portfolio__title {
	font-size: clamp(2.8125rem, 1.8222rem + 4.2254vw, 5.625rem);
	font-family: Manrope;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	text-align: left;
	margin-block-end: 60px;
}

.services__title {
	font-size: clamp(2.8125rem, 1.8222rem + 4.2254vw, 5.625rem);
	font-family: Manrope;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	text-align: left;
	margin-block-end: 60px;
}

.portfolio__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 60px;
}

.work {
	min-block-size: 320px;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.work__image,
.work__picture {
	object-fit: cover;
	inline-size: 100%;
	max-block-size: 350px;
}

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

.work__name {
	font-size: 25px;
	font-family: Panton;
	font-weight: 600;
	margin-block-end: 0;
	margin-right: 10px;
}

.work__button {
	border-radius: 20px;
	outline: 2px solid black;
	padding: 10px 20px;
	transition: 0.3s ease;
	font-size: 18px;
}

.work__button:hover {
	color: #fff;
	background-color: #000;
}



@media (max-width: 900px) {
	.portfolio__list {
		grid-template-columns: repeat(1, 1fr);
	}

	.work__info {
		max-inline-size: 100%;
	}

	.work__name {
		font-size: 20px;
	}

	.work__button {
		padding: 5px 10px;
	}

	.work__image,
	.work__picture {
		object-fit: cover;
		inline-size: 100%;
		max-block-size: 500px;
	}
}

@media (max-width: 767px) {


	.work {
		row-gap: 10px;
	}
	.service__name {
		line-height: 20px;
	}
	.service__button {
		padding: 10px 15px;
		align-self: flex-end;
	}
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/popup-template/success-container.css ***!
  \***************************************************************************************************/
.success-popup {
	justify-content: flex-start;
}

.success__container {
	display: flex;
	margin: 0 auto;
}

.success-popup__content {
	border-radius: 20px;
	justify-self: center;
	align-self: center;
	inline-size: 50%;
}

.success__message {
	font-size: 20px;
	margin-bottom: 30px;
}

.success__close {
	top: 6%;
	right: 25.5%;
	justify-self: flex-end;
}

@media (max-width: 1025px) {
	.success-popup__content {
		inline-size: 80%;
		padding: 60px 20px 20px 20px;
		padding-top: 60px;
	}

	.success__close {
		right: 10%;
	}
}

@media (max-width: 767px) {
	.success-popup__content {
		align-self: center;
		inline-size: 100%;
		padding: 20px;
	}

	.success__close {
		right: 3%;
	}
}

@media (max-width: 450px) {
	.success-popup__content {
		padding-top: 60px;
	}
	.success__close {
		right: 4%;
		top: 9%;
	}
}

/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/blocks/popup-template/popup.css ***!
  \***************************************************************************************/


/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/index.css ***!
  \***************************************************************************************************************/
:root{--font-family-primary:"Panton",sans-serif;--font-family-secondary:"Manrope",sans-serif;--font-size-h1:2.5rem;--font-size-h2:2.25rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-body:1.05rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-blue:#505b88;--color-peach:#f36f70;--color-vine:#532d3a}.section{margin-block-end:120px}.title-h2{font-family:var(--font-panton);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);text-transform:uppercase}.title-h2,.title-h3{margin-block-end:30px}.title-h3{color:var(--color-vine);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:40px;max-inline-size:50%}.title-h4{font-size:var(--font-size-h4)}@media (max-width:1025px){.container{padding-inline-end:25px;padding-inline-start:25px}.title-h2{font-size:var(--font-size-h3)}.title-h3{font-size:var(--font-size-h4);line-height:24.4px}}@media (max-width:767px){.title{font-size:38px;line-height:35px;margin:0 0 15px;max-inline-size:100%}.title-h2{font-size:var(--font-size-h3);margin-block-end:20px}.title-h3{color:#505b88;font-size:var(--font-size-h4);line-height:22px;max-inline-size:100%}.title-h4{font-size:18px}.section{margin-block-end:60px}.container{padding-inline-end:15px;padding-inline-start:15px}.footer__vinapu{text-align:center}}.swiper-pagination-bullet{background-color:var(--color-blue)!important;block-size:10px!important;inline-size:10px!important;opacity:.6;transition:background-color .3s ease!important}.swiper-pagination-bullet-active{background-color:var(--color-peach)!important}.carousel-swiper{overflow:hidden}.carousel__image{block-size:420px;min-inline-size:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:767px){.carousel__image{block-size:320px}}
/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__header/object__header.css ***!
  \*****************************************************************************************************************/
.object__header {
	display: flex;
	justify-content: space-between;
	margin-block-end: 60px;
}

@media (max-width: 1025px) {
	.object__header {
		padding-inline-start: 25px;
		padding-inline-end: 25px;
	}
}

@media (max-width: 767px) {
	.object__header {
		margin-block-end: 30px;
		flex-direction: column;
		padding-inline-start: 15px;
		padding-inline-end: 15px;
	}
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__title/object__title.css ***!
  \***************************************************************************************************************/
.object__title {
	font-family: Manrope;
	font-weight: var(--font-weight-bold);
	font-size: clamp(2.8125rem, 1.8222rem + 4.2254vw, 5.625rem);
	line-height: clamp(2.8125rem, 2.8523rem + 2.8169vw, 4.9875rem);
	text-transform: uppercase;
	max-width: 80%;
}


@media (max-width: 767px) {
	.object__title {
		margin-bottom: 10px;
	}
}

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__data/object__data.css ***!
  \*************************************************************************************************************/
.object__data {
	align-self: end;
	font-size: large;
}

@media (max-width: 767px) {
	.object__data {
		align-self: start;
	}
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__image/object__image.css ***!
  \***************************************************************************************************************/
.object__image {
	object-fit: cover;
	inline-size: 100%;
	block-size: 100%;
}


/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__image/-wrapper/object__image-wrapper.css ***!
  \********************************************************************************************************************************/
.object__image-wrapper {
	inline-size: 100%;
	/*block-size: 80vh;*/
}

@media (max-width: 1025px) {
	.object__image-wrapper {
		inline-size: 100%;
		/*block-size: 50vh;*/
	}
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/object-hero.css ***!
  \*****************************************************************************************************/
.object-hero {
	margin-block-end: 120px;
}

@media (max-width: 767px) {
	.object-hero {
		margin-block-end: 60px;
	}
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-details/__header/object-details__header.css ***!
  \****************************************************************************************************************************/
.object-details__header {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-block-end: 60px;
	column-gap: 20px;
	row-gap: 30px;
	align-items: center;
}

@media (max-width: 1025px) {
	.object-details__header {
		padding-inline-start: 25px;
		padding-inline-end: 25px;
	}
}

@media (max-width: 900px) {
	.object-details__header {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 767px) {
	.object-details__header {
		padding-inline-start: 15px;
		padding-inline-end: 15px;
	}
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-details/__title/object-details__title.css ***!
  \**************************************************************************************************************************/
.object-details__title {
	font-size: clamp(2.1875rem, 1.5273rem + 2.8169vw, 4.0625rem);
	line-height: clamp(2.8125rem, 2.0423rem + 3.2864vw, 5rem);
}

/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-details/__description/object-details__description.css ***!
  \**************************************************************************************************************************************/
/*.object-details__description {*/
/*    font-size: larger;*/
/*}*/

/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-details/__image/-wrapper/_small/object__image-wrapper_small.css ***!
  \************************************************************************************************************************************************/
.object__image-wrapper_small {
	/*block-size: 60vh;*/
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-details/object-details.css ***!
  \***********************************************************************************************************/
.object-details {
	margin-block-end: 120px;
}

@media (max-width: 767px) {
	.object-details {
		margin-block-end: 60px;
	}
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/__header/object-features__header.css ***!
  \******************************************************************************************************************************/
.object-features__header {
	display: flex;
	text-align: center;
	align-items: center;
	flex-direction: column;
	margin-block-end: 60px;
	row-gap: 30px;
}

@media (max-width: 1025px) {
	.object-features__header {
		padding-inline-end: 25px;
		padding-inline-start: 25px;
	}
}

@media (max-width: 768px) {
	.object-features__header {
		padding-inline-end: 15px;
		padding-inline-start: 15px;
	}
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/__title/object-features__title.css ***!
  \****************************************************************************************************************************/
.object-features__title {
	text-transform: uppercase;
	font-size: clamp(2.1875rem, 1.4173rem + 3.2864vw, 4.375rem);
	line-height: clamp(2.8125rem, 2.0423rem + 3.2864vw, 5rem);
}
.object-features__title_medium {
	font-size: 30px;
	line-height: clamp(2.8125rem, 2.0423rem + 3.2864vw, 5rem);
    margin-bottom: -60px;
}

/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/__description/object-features__description.css ***!
  \****************************************************************************************************************************************/
.object-features__description {
	inline-size: 66%;
	font-size: large;
}

@media (max-width: 767px) {
	.object-features__description { 
		inline-size: 100%;
	}
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/__photos-list/object__photos-list.css ***!
  \*******************************************************************************************************************************/
.object__photos-list {
	display: flex;
	column-gap: 30px;
}

@media (max-width: 1025px) {
	.object__photos-list {
		grid-template-columns: 1fr;
		row-gap: 30px;
		column-gap: 10px;
	}
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/__photos-item/object__photos-item.css ***!
  \*******************************************************************************************************************************/
/*.object__photos-item {*/
/*	block-size: 80vh;*/
/*}*/

/*@media (max-width: 1025px) {*/
/*	.object__photos-item {*/
/*		block-size: 50vh;*/
/*	}*/
/*}*/

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-features/object-feautures.css ***!
  \**************************************************************************************************************/
.object-features {
	margin-block-end: 120px;
}

@media (max-width: 1025px) {
	.object-features {
		margin-block-end: 60px;
	}
}

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-interesting/__header/object-interesting__header.css ***!
  \************************************************************************************************************************************/
.object-interesting__header {
	display: flex;
	flex-direction: column;
	margin-block-end: 60px;
	row-gap: 30px;
}

@media (max-width: 1025px) {
	.object-interesting__header {
		padding-inline-end: 25px;
		padding-inline-start: 25px;
	}
}

@media (max-width: 768px) {
	.object-interesting__header {
		padding-inline-end: 15px;
		padding-inline-start: 15px;
	}
}

/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-interesting/__title/object-interesting__title.css ***!
  \**********************************************************************************************************************************/
.object-interesting__title {
	font-size: clamp(2.1875rem, 1.4173rem + 3.2864vw, 4.375rem);
	line-height: clamp(2.8125rem, 2.0423rem + 3.2864vw, 5rem);
}

/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-interesting/__photos-list/_reverse/object__photos-list_reverse.css ***!
  \***************************************************************************************************************************************************/
.object__photos-list_reverse {
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: 30px;
}

@media (max-width: 1025px) {
	.object__photos-list_reverse {
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-interesting/object-interesting.css ***!
  \*******************************************************************************************************************/
.object-interesting {
	margin-block-end: 60px;
}

/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-photos/__element/object-photos__element.css ***!
  \****************************************************************************************************************************/
.object-photos__element {
	/*block-size: 90vh;*/
	inline-size: 50%;
}

@media (max-width: 1025px) {
	.object-photos__element {
		/*block-size: 60vh;*/
		inline-size: 90%;
	}
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-photos/__elements/object-photos__elements.css ***!
  \******************************************************************************************************************************/
.object-photos__elements {
	display: flex;
	justify-content: center;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-photos/object-photos.css ***!
  \*********************************************************************************************************/
.object__photos {
	display: flex;
	align-items: center;
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__image/object__image.css (1) ***!
  \*******************************************************************************************************************/
.object__image {
	object-fit: cover;
	inline-size: 100%;
	block-size: 100%;
}


/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/pages/Work/blocks/object-hero/__image/-wrapper/object__image-wrapper.css (1) ***!
  \************************************************************************************************************************************/
.object__image-wrapper {
	inline-size: 100%;
	/*block-size: 80vh;*/
}

@media (max-width: 1025px) {
	.object__image-wrapper {
		inline-size: 100%;
		/*block-size: 50vh;*/
	}
}

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/pages/Work/work.css ***!
  \*********************************************************************************************************************/
@media (max-width:1025px){.object-container{padding-inline-end:0;padding-inline-start:0}}