// out: ../style-css/landing.css, compress: true, sourceMap: true
@import 'variables';
@import '_mixins';

@font-face {
	font-family: 'Octarine';
	font-style: normal;
	font-weight: 300;
	src: url('/layout/fonts/Octarine-Light.woff') format('woff');
}

@font-face {
	font-family: 'Octarine';
	font-style: italic;
	font-weight: 300;
	src: url('/layout/fonts/Octarine-BoldOblique.woff') format('woff');
}

@font-face {
	font-family: 'Octarine';
	font-style: normal;
	font-weight: 700;
	src: url('/layout/fonts/Octarine-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Octarine';
	font-style: italic;
	font-weight: 700;
	src: url('/layout/fonts/Octarine-BoldOblique.woff') format('woff');
}

html {
	scroll-behavior: smooth;
}

//* Landing page
#page-79 {
	* {
		font-family: 'Octarine', sans-serif;
	}

	.box-gap {
		padding-top: 50px;
		padding-bottom: 50px;

		&-top {
			padding-top: 50px;
		}

		&-bottom {
			padding-bottom: 50px;
		}

		@include respond-below(md) {
			padding-top: 30px;
			padding-bottom: 30px;

			&-top {
				padding-top: 30px;
			}

			&-bottom {
				padding-bottom: 30px;
			}
		}
	}

	.container {
		&.container_big {
			@media (min-width: 1500px) {
				max-width: 1800px;
			}
		}
	}

	.btn-landing-nav {
		color: $cWhite;
		background: $cBlack;
		border-radius: 20px;
		padding: 8px 20px 5px;
		font-weight: 300;
	}

	//* Nav menu
	#landing_nav {
		.landing_nav__wrapper {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 20px 0;
			min-height: 120px;

			.landing_nav__left {
				perspective: 600px;

				.box-logo {
					position: relative;
					transform-style: preserve-3d;
					width: 100%;
					height: 100%;
					top: -40px;

					.logo-front {
						position: absolute;
						top: 0;
						left: 0;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 210px;
						// height: 61px;
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
						-moz-animation: logo-front 4s linear infinite alternate;
						-webkit-animation: logo-front 4s linear infinite alternate;
						-ms-animation: none;
					}

					.logo-back {
						position: absolute;
						top: 20px;
						left: 0;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 210px;
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
						transform: rotateY(180deg);
						-moz-animation: logo-back 4s linear infinite alternate;
						-webkit-animation: logo-back 4s linear infinite alternate;
						-ms-animation: none;
					}
				}

				@keyframes logo-back {
					0% {
						transform: rotateY(180deg);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					40% {
						transform: rotateY(180deg);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					61% {
						transform: rotateY(0);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					100% {
						transform: rotateY(0);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}
				}

				@keyframes logo-front {
					0% {
						transform: rotateY(0);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					40% {
						transform: rotateY(0);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					61% {
						transform: rotateY(180deg);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}

					100% {
						transform: rotateY(180deg);
						backface-visibility: hidden;
						-webkit-backface-visibility: hidden;
					}
				}
			}

			.landing_nav__right {
			}
		}
	}

	//* Slider
	#landing_hero {
		.landing_hero__wrapper {
			.landingSwiper {
				&:hover {
					.swiper-button-prev,
					.swiper-button-next {
						visibility: visible;
					}
				}

				.swiper-slide {
					display: flex;
					align-items: center;
					height: 530px;
					border-bottom: 5px solid #f5f5f5;

					img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						object-fit: cover;
						z-index: -1;
					}

					.slide_data {
						position: relative;
						margin-left: 50px;
						padding: 50px 150px 50px 100px;
						background: rgba($cWhite, 0.3);

						&::before {
							content: '';
							position: absolute;
							top: -30px;
							left: -50px;
							width: 100%;
							height: 100%;
							background: rgba($cWhite, 0.3);
						}

						h2 {
							position: relative;
							font-size: 3.5rem;
							margin-bottom: 0;
						}

						&_1 {
							h2 {
								strong {
									color: #99735a;
								}
							}
						}

						&_2 {
							h2 {
								strong {
									color: #38414d;
								}
							}
						}

						&_3 {
							h2 {
								strong {
									color: #d5b93a;
								}
							}
						}
					}
				}

				.swiper-pagination {
					position: relative;
					bottom: 0;
					width: fit-content;
					margin: 0 auto;
					padding: 10px 50px 30px;
					background: #f5f5f5;

					.swiper-pagination-bullet {
						width: 170px;
						height: auto;
						background: transparent;
						color: $cBlack;
						padding-top: 15px;
						border-top: 1px solid $cGrayBg;
						border-radius: 0;
						margin-top: 20px;
						opacity: 1;

						&-active {
							border-color: $cBlack;
						}

						&:first-child {
							text-align: left;
						}

						&:last-child {
							text-align: right;
						}
					}
				}

				.swiper-button-prev,
				.swiper-button-next {
					top: calc(50% - 50px);
					background: $cWhite;
					border-radius: 500px;
					width: 40px;
					height: 40px;
					visibility: hidden;

					&::after {
						color: $cBlack;
						font-size: 22px;
					}
				}
			}
		}

		@include respond-below(lg) {
			.landing_hero__wrapper {
				.landingSwiper {
					.swiper-slide {
						.slide_data {
							h2 {
								font-size: 2.5rem;
							}
						}
					}
				}
			}
		}

		@include respond-below(md) {
			.landing_hero__wrapper {
				.landingSwiper {
					.swiper-slide {
						.slide_data {
							margin-left: 30px;
							padding: 30px 60px;

							h2 {
								font-size: 2rem;
							}

							&::before {
								left: -30px;
							}
						}
					}

					.swiper-pagination {
						padding: 10px 20px 20px;
						width: 100%;

						.swiper-pagination-bullet {
							width: 154px;
							font-size: 14px;
						}
					}
				}
			}
		}

		@include respond-below(sm) {
			.landing_hero__wrapper {
				.landingSwiper {
					.swiper-slide {
						.slide_data {
							margin-left: 0;

							&::before {
								left: 0;
								width: calc(100% - 30px);
							}

							h2 {
								font-size: 24px;
							}
						}
					}

					.swiper-pagination {
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 5px;
						background: transparent;

						.swiper-pagination-bullet {
							width: 8px;
							height: 8px;
							overflow: hidden;
							margin: 0;
							border: none;
							background: $cWhite;
							border-radius: 50px;
							padding: 0;
							font-size: 0;
							border: 1px solid $cBlack;
							transition: all 250ms ease;

							&-active {
								background: $cBlack;
							}
						}
					}
				}
			}
		}
	}

	//* Footer
	#landing_footer {
		background: $cTxtGray;
		padding: 60px 0 30px;

		.landing_footer__top {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-areas:
				'panel_1 panel_2'
				'panel_1 panel_3';
			margin-bottom: 15px;

			p {
				color: $cWhite;
				margin-bottom: 0;
			}

			a {
				color: $cWhite;
			}

			.panel_1 {
				grid-area: panel_1;

				img {
					margin-bottom: 30px;
				}
			}

			.panel_2 {
				grid-area: panel_2;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;

				p {
					margin-bottom: 5px;
				}

				.panel_2__nav {
					display: flex;
					gap: 25px;
				}
			}

			.panel_3 {
				grid-area: panel_3;
				display: flex;
				flex-direction: column;
				justify-content: flex-end;

				p {
					margin-bottom: 5px;
				}

				.panel_3__nav {
					display: flex;
					gap: 25px;
				}
			}
		}

		.landing_footer__bottom {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 15px;
			border-top: 1px solid $cWhite;

			.footer_bottom__left {
				display: flex;
				flex-direction: row;
				column-gap: 20px;

				a {
					color: $cWhite;
				}
			}

			.footer_bottom__right {
				display: flex;
				flex-direction: row;
				column-gap: 20px;

				a {
					img {
						width: 24px;
						height: 24px;
					}
				}
			}
		}

		@media (max-width: 1600px) {
			.landing_footer__top {
				grid-template-columns: 1fr 3fr;
			}
		}

		@include respond-below(sm) {
			.landing_footer__top {
				grid-template-columns: 1fr;
				grid-template-areas: 'panel_1' 'panel_2' 'panel_3';
				gap: 20px;

				.panel_2 {
					.panel_2__nav {
						display: grid;
						grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
						gap: 10px;
					}
				}

				.panel_3 {
					.panel_3__nav {
						display: grid;
						grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
						gap: 10px;
					}
				}
			}
		}
	}

	//* Anchor
	#anchor_form {
		position: fixed;
		right: 50px;
		bottom: 50px;
		border-radius: 50px;
		background: $cBlack;
		z-index: 99999;
		transition: all 250ms ease;
		visibility: visible;
		opacity: 1;

		&.hide {
			visibility: hidden;
			opacity: 0;
		}

		&::before {
			content: '';
			position: absolute;
			background: rgba($cBlack, 0.7);
			border-radius: 50px;
			z-index: -1;
			width: calc(100% - 5px);
			height: calc(100% - 5px);
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: blop 2s infinite;
		}

		a {
			display: inline-block;
			color: $cWhite;
			padding: 10px 20px;
		}

		@keyframes blop {
			0% {
				width: calc(100% - 5px);
				height: calc(100% - 5px);
				opacity: 1;
			}

			100% {
				opacity: 0;
				width: calc(100% + 20px);
				height: calc(100% + 20px);
			}
		}
	}

	ul.type1 {
		list-style: none;
		margin-bottom: 0;
		padding-left: 0;

		li {
			position: relative;
			padding-left: 30px;
			color: $cTxtGray;
			font-size: 16px;

			&::before {
				content: '';
				position: absolute;
				left: 0;
				top: 1px;
				width: 20px;
				height: 20px;
				border: 1px solid $cBlack;
			}
		}
	}

	.box_mini_title {
		h3 {
			color: $cBlack;
			font-size: 18px;
			text-transform: uppercase;
			margin-bottom: 0;
		}
	}

	.box_title {
		h2 {
			color: $cTxtGray;
			font-size: 22px;
			font-weight: 700;
		}
	}

	.box-01 {
		.box-01__wrapper {
			.tiles {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;

				.tile {
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
					gap: 15px;

					.tile_img {
						img {
							width: 100%;
							max-height: 90px;
							min-width: 74px;
						}
					}

					.tile_data {
						h2 {
							font-size: 1.25rem;
							text-transform: uppercase;
							margin-bottom: 0;
						}

						p {
							margin-bottom: 0;
						}
					}
				}
			}
		}

		@include respond-below(lg) {
			.box-01__wrapper {
				.tiles {
					grid-template-columns: 1fr 1fr;
					column-gap: 15px;
					row-gap: 30px;

					.tile {
						&:last-child {
							grid-column: 1 / -1;
						}
					}
				}
			}
		}

		@include respond-below(md) {
			.box-01__wrapper {
				.tiles {
					grid-template-columns: 1fr;
					width: fit-content;
					margin-left: auto;
					margin-right: auto;

					.tile {
						justify-content: flex-start;

						&:nth-child(2) {
							.tile_img {
								img {
									width: 65px;
								}
							}
						}

						.tile_img {
							img {
								width: 50px;
								min-width: unset;
							}
						}

						.tile_data {
							h2 {
								font-size: 16px;
							}

							p {
								font-size: 14px;
							}
						}
					}
				}
			}
		}
	}

	.box-02 {
		.box-02__wrapper {
			.scontainer-content {
				display: grid;
				grid-template-columns: 1fr 1fr;
				column-gap: 40px;

				.box-02_col {
					&_right {
						position: relative;

						img {
							width: 100%;
						}

						&::after {
							content: url('/upload/filemanager/landing/Zasob-3.svg');
							position: absolute;
							bottom: 0;
							height: 72px;
							width: 285px;
							left: -220px;
							z-index: -1;
						}
					}
				}

				.box_text {
					p {
						color: $cTxtGray;
						font-size: 16px;
					}
				}
			}
		}

		@media (max-width: 1300px) {
			.box-02__wrapper {
				.scontainer-content {
					.box-02_col {
						&_right {
							&::after {
								position: relative;
								width: auto;
								height: auto;
								inset: 0;
							}
						}
					}
				}
			}
		}

		@include respond-below(md) {
			.box-02__wrapper {
				.scontainer-content {
					grid-template-columns: 1fr;
					gap: 30px;

					.box_text {
						p {
							font-size: 14px;
						}

						ul {
							&.type1 {
								li {
									font-size: 14px;
								}
							}
						}
					}

					.box-02_col {
						&_right {
							grid-row: 1;
						}
					}
				}
			}
		}
	}

	.box-03 {
		.box-03__wrapper {
			.scontainer-content {
				display: grid;
				grid-template-columns: 1fr 1fr;
				column-gap: 40px;

				.box-03_col {
					&.box-03_col_left {
						img {
							width: 100%;
						}
					}
				}

				.box_text {
					p {
						color: $cTxtGray;
						font-size: 16px;
					}
				}
			}
		}

		@include respond-below(md) {
			.box-03__wrapper {
				.scontainer-content {
					grid-template-columns: 1fr;
					gap: 30px;

					.box_text {
						p {
							font-size: 14px;
						}

						ul {
							&.type1 {
								li {
									font-size: 14px;
								}
							}
						}
					}

					.box-02_col {
						&_left {
							text-align: center;
						}
					}
				}
			}
		}
	}

	.box-04 {
		.box-04__wrapper {
			> img {
				margin-bottom: -150px;
				width: 100%;
			}

			.box-04__tiles {
				position: relative;
				display: flex;
				flex-direction: row;
				justify-content: center;
				column-gap: 50px;

				width: 100%;
				max-width: 1000px;
				margin: 0 auto;

				&::before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: $cWhite;
				}

				.tile {
					display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
					border: 1px solid $cBlack;
					min-width: 270px;
					z-index: 1;
					gap: 20px;

					h2 {
						font-size: 22px;
					}
				}
			}
		}

		@include respond-below(lg) {
			.box-04__wrapper {
				> img {
					margin-bottom: 30px;
				}
			}
		}

		@include respond-below(md) {
			.box-04__wrapper {
				.box-04__tiles {
					flex-direction: column;
					gap: 30px;
					align-items: center;

					.tile {
						width: fit-content;

						h2 {
							font-size: 18px;
						}
					}
				}
			}
		}
	}

	.box-05 {
		.box-05__wrapper {
			text-align: center;

			h2 {
				color: $cTxtGray;
				font-size: 30px;
				font-weight: 600;
				margin-bottom: 15px;
			}

			p {
				font-size: 20px;
				margin-bottom: 20px;
			}

			a {
				display: inline-block;
				color: $cTxtGray;
				font-size: 18px;
				font-weight: 700;
				text-transform: uppercase;
				padding: 20px 30px 15px;
				border: 3px solid $cBlack;
			}
		}

		@include respond-below(md) {
			.box-05__wrapper {
				h2 {
					font-size: 26px;
				}

				p {
					font-size: 16px;
				}

				a {
					font-size: 16px;
					padding: 15px 30px 10px;
				}
			}
		}
	}

	.box-06 {
		.box-06__wrapper {
			background: #a6a6a6;
			display: grid;
			grid-template-columns: 1fr 1fr;

			.box-06_col {
				&_left {
					position: relative;
					min-height: 315px;

					img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						object-fit: cover;
					}

					h2 {
						position: relative;
						padding: 80px;
						color: $cWhite;
						font-size: 50px;
						width: 100%;
						max-width: 800px;
					}
				}

				&_right {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;

					.tile {
						width: 50%;
						height: 50%;
						display: flex;
						align-items: center;
						justify-content: center;

						&:nth-child(1),
						&:nth-child(4) {
							h3 {
								sup {
									top: -55px;
								}
							}
						}

						&:nth-child(2),
						&:nth-child(3) {
							h3 {
								sup {
									top: -70px;
									right: 10px;
								}
							}
						}

						h3 {
							color: $cWhite;
							margin-bottom: 0;

							span {
								font-size: 120px;
								font-family: 'Bahnschrift', sans-serif;

								strong {
									font-size: 30px;
								}
							}

							sup,
							sub {
								width: 100%;
								max-width: 40px;
								display: inline-block;
								font-size: 14px;
								line-height: 1.5;
							}
						}

						&:nth-child(1),
						&:nth-child(2) {
							border-bottom: 1px solid $cWhite;
						}
					}
				}
			}
		}

		@media (max-width: 1500px) {
			.box-06__wrapper {
				grid-template-columns: 3fr 4fr;
			}
		}

		@include respond-below(lg) {
			.box-06__wrapper {
				grid-template-columns: 1fr;

				.box-06_col {
					&_left {
						min-height: 200px;

						img {
							object-position: top;
						}

						h2 {
							padding: 50px;
							font-size: 40px;
							text-align: center;
							margin: 0 auto;
						}
					}

					&_right {
						.tile {
							&:nth-child(1),
							&:nth-child(4) {
								h3 {
									sup {
										top: -30px;
									}
								}
							}

							&:nth-child(2),
							&:nth-child(3) {
								h3 {
									sup {
										top: -45px;
									}
								}
							}

							h3 {
								width: 100%;
								text-align: center;

								span {
									font-size: 80px;
								}

								sup {
									font-size: 12px;
								}

								sub {
									font-size: 12px;
								}
							}
						}
					}
				}
			}
		}

		@include respond-below(md) {
			.box-06__wrapper {
				.box-06_col {
					&_left {
						min-height: 150px;

						img {
							object-position: top;
						}

						h2 {
							padding: 50px;
							font-size: 30px;
						}
					}
				}
			}
		}

		@include respond-below(sm) {
			.box-06__wrapper {
				.box-06_col {
					&_right {
						height: fit-content;
						flex-direction: column;

						.tile {
							width: 100%;

							&:not(:last-child) {
								border-bottom: 1px solid $cWhite;
							}
						}
					}
				}
			}
		}

		@media (max-width: 450px) {
			.box-06__wrapper {
				.box-06_col_right {
					.tile {
						h3 {
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							padding-top: 20px;
							padding-bottom: 20px;

							sup {
								inset: auto !important;
								max-width: unset;
							}

							sub {
								inset: auto !important;
								max-width: unset;
							}
						}
					}
				}
			}
		}
	}

	.box-07 {
		.box-07__wrapper {
			text-align: center;

			> h2 {
				color: $cTxtGray;
				font-size: 30px;
				font-weight: 600;
				margin-bottom: 15px;
			}

			> p {
				font-size: 20px;
				margin-bottom: 30px;
			}

			.productsSwiper {
				&:hover {
					.swiper-button-prev,
					.swiper-button-next {
						visibility: visible;
					}
				}

				.swiper-wrapper {
					margin-bottom: 25px;

					.swiper-slide {
						img {
							width: 100%;
							height: 320px;
							object-fit: contain;
						}

						p {
							color: $cTxtGray;
							font-size: 16px;
							text-align: center;
							margin-bottom: 0;
							margin-top: 20px;
							font-weight: 700;
						}
					}
				}

				.swiper-button-prev,
				.swiper-button-next {
					top: calc(50% - 25px);
					background: $cWhite;
					border-radius: 500px;
					width: 40px;
					height: 40px;
					visibility: hidden;

					&::after {
						color: $cBlack;
						font-size: 22px;
					}
				}

				.swiper-pagination {
					position: relative;

					.swiper-pagination-bullet {
						background: transparent;
						border: 1px solid $cBlack;
						opacity: 1;

						&-active {
							background: $cBlack;
						}
					}
				}
			}
		}
	}

	.box-08 {
		.box-08__wrapper {
			display: grid;
			grid-template-columns: calc(60% - 100px) 40%;
			column-gap: 100px;

			.box-08_col {
				&_left {
					display: grid;
					grid-template-columns: 250px 1fr;
					column-gap: 100px;
					margin-bottom: 40px;

					.sub_col {
						&_left {
							h2 {
								font-size: 28px;
								margin-bottom: 30px;
							}

							.addreses_list {
								&:not(:last-child) {
									margin-bottom: 30px;
								}
							}
						}

						&_right {
							width: 100%;
							max-width: 500px;
							display: flex;
							flex-direction: column;
							gap: 25px;

							img {
								width: 100%;
								max-width: 500px;
							}

							h2 {
								text-align: right;
								width: fit-content;
								margin-left: auto;
								background: $cBlack;
								color: $cWhite;
							}

							#map_layout {
								area {
									cursor: pointer;
								}
							}
						}
					}

					ul {
						position: relative;
						list-style: none;
						padding-left: 50px;
						margin-left: 2px;

						&:not(:last-child) {
							margin-bottom: 40px;
						}

						&::before {
							content: '';
							position: absolute;
							left: 0;
							top: 0;
							width: 8px;
							height: 100%;
							background: $cLightYellow;
						}

						li {
							font-size: 13px;

							&.title {
								color: $cBlack;
								font-size: 18px;
								font-weight: 700;
								padding-top: 2px;
							}

							&.ul_handler {
								cursor: pointer;
							}

							&.li_empty {
								min-height: 15px;
							}

							a {
								&:hover {
									color: $cBlack;
								}
							}
						}

						.ul_data {
							display: none;
						}
					}
				}

				&_right {
					padding: 80px;
					background: #e6dfd9;

					> h3 {
						color: $cBlack;
						font-size: 16px;
					}

					> h2 {
						color: $cBlack;
						font-size: 28px;
						font-weight: 700;
						margin-bottom: 40px;
					}

					form {
						input,
						textarea {
							border-radius: 0;
							border: none;

							&::placeholder {
								color: #e6dfd9;
								font-weight: 700;
								font-size: 15px;
								text-transform: uppercase;
							}

							&:focus {
								box-shadow: none;
							}
						}

						textarea {
							resize: none;
						}

						input {
							margin-bottom: 15px;
						}

						.form-mini-inputs {
							&-2 {
								display: grid;
								grid-template-columns: 1fr 2fr;
								gap: 15px;
							}
						}

						.form_text {
							p {
								color: $cBlack;
								font-size: 16px;
							}
						}

						.form_last_box {
							input[type='checkbox'] {
								appearance: none;
								background-color: $cBlack;
								margin: 0;
								width: 26px;
								height: 26px;
								left: 0;

								&:checked {
									&::before {
										opacity: 1;
										visibility: visible;
									}
								}

								&::before {
									content: '\f00c';
									font-family: 'fontawesome';
									position: absolute;
									inset: 3px;
									color: $cWhite;
									font-size: 21px;
									line-height: 1;
									visibility: hidden;
									opacity: 0;
									transition: all 250ms ease;
								}
							}

							label {
								color: $cBlack;
								font-size: 16px;
								padding-left: 20px;
							}
						}

						.btn-1 {
							display: flex;
							margin-left: auto;
							margin-top: 20px;
							border: none;
							color: $cWhite;
							font-size: 18px;
							text-transform: uppercase;
							background: $cBlack;
							padding: 10px 30px 5px;
							cursor: pointer;
						}

						.form-files {
							.fileuploader {
								border: none;
								border-radius: 0;
							}

							.fileuploader-input {
								justify-content: space-between;
								align-items: center;

								.fileuploader-input-caption {
									padding: 5px 0 0 0;
									height: 100%;
									display: flex;
									align-items: center;
									align-self: auto;

									span {
										color: #e6dfd9;
										font-weight: 700;
										font-size: 15px;
									}
								}

								.fileuploader-input-button {
									background: transparent;
									padding: 0;

									&:hover {
										box-shadow: none;
										transform: none;
									}

									img {
										width: 24px;
									}
								}
							}
						}
					}
				}
			}
		}

		@media (max-width: 1600px) {
			.box-08__wrapper {
				grid-template-columns: 1fr 2fr;

				.box-08_col {
					&_left {
						display: flex;
						flex-direction: column-reverse;
					}

					.sub_col {
						&_right {
							display: none;
						}
					}
				}
			}
		}

		@include respond-below(md) {
			.box-08__wrapper {
				grid-template-columns: 1fr;

				.box-08_col {
					&_left {
						.sub_col {
							&_left {
								h2 {
									font-size: 22px;
									margin-bottom: 20px;
								}

								.addreses_list {
									display: grid;
									grid-template-columns: 1fr 1fr;
									gap: 20px;

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

								ul {
									width: fit-content;
									height: fit-content;
									margin-bottom: 0;

									li {
										font-size: 12px;

										&.title {
											font-size: 16px;
										}
									}
								}
							}
						}
					}

					&_right {
						padding: 30px;

						> h2 {
							font-size: 24px;
						}

						> h3 {
							font-size: 14px;
						}

						form {
							.form_text {
								p {
									font-size: 14px;
								}
							}

							.form_last_box {
								label {
									font-size: 14px;
								}
							}

							.btn-1 {
								font-size: 16px;
							}
						}
					}
				}
			}
		}

		@include respond-below(xs) {
			.box-08__wrapper {
				.box-08_col {
					&_left {
						.sub_col {
							&_left {
								.addreses_list {
									grid-template-columns: 1fr;
								}
							}
						}
					}
				}
			}
		}
	}
}