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

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

input,
input:active,
input:focus {
	border: none;
}

button {
	cursor: pointer;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

* {
	outline: none;
}

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

body {
	overflow-x: hidden;
	font-family: "Open-Sans", sans-serif;
	background: #fff;
}

a {
	text-decoration: none;
}

ul {
	/* list-style: none; */
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter.ttf");
}

:root {
	--secondary: rgba(255, 255, 255, 0.80);
	--primary: #fff;
	--card-bg: #141a1d;
}

body {
	font-family: "Inter", sans-serif;
	color: var(--primary);
	font-size: 16px;
	background-color: #0d1114;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='13087' viewBox='0 0 2 13087' fill='none'%3E%3Cpath d='M1.00004 0L1 13087' stroke='%2325282B'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='13087' viewBox='0 0 2 13087' fill='none'%3E%3Cpath d='M1.00004 0L1 13087' stroke='%2325282B'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='13087' viewBox='0 0 2 13087' fill='none'%3E%3Cpath d='M1.00004 0L1 13087' stroke='%2325282B'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='13087' viewBox='0 0 2 13087' fill='none'%3E%3Cpath d='M1.00004 0L1 13087' stroke='%2325282B'/%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='13087' viewBox='0 0 2 13087' fill='none'%3E%3Cpath d='M1.00004 0L1 13087' stroke='%2325282B'/%3E%3C/svg%3E");
	background-repeat: repeat-y;
	background-position: 10% 0, 30% 0, 50% 0, 70% 0, 90% 0;
}

img {
	display: block;
	width: 100%;
}

a {
	color: var(--primary);
	transition: 0.5s all;
}

a:hover {
	color: rgb(158, 158, 158);
	transition: 0.5s all;
}

h1 {
	font-size: 50px;
	font-weight: 600;
	
}

.test {
    display: none;
}

.test.active {
    display: block;
    height: 300px;
}

.projects_filters .custom-select {
    max-width: 292px;
    width: 100%;
}

.custom-select {
    position: relative;
}

.select-header {
    padding: 15px 0px 15px 25px;
    color: var(--primary);
    background: transparent;
    border-radius: 500px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.select-icon {
    position: absolute;
    right: 25px;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.60);
    border-radius: 10px;
    margin-top: 5px;
    overflow: hidden;
    z-index: 100;
}

.select-optgroup {
    padding: 5px 0;
}

.select-optgroup-label {
    padding: 8px 25px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9em;
}

.select-option {
    padding: 12px 25px;
    cursor: pointer;
    color: white;
}

.select-option:hover {
    background: rgba(255, 255, 255, 0.1);
}

.custom-select.active .select-options {
    display: block;
}

.custom-select.active .select-icon {
    transform: rotate(180deg);
}

.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

.popup_calculator .popup_content,
.popup_order .popup_content {
  	max-width: 800px;
	width: 100%;  
}

.popup_item {
    display: flex;
    gap: 20px;
}

.popup_product {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
}

.popup_product span {
    color: var(--secondary);
    font-weight: 500;
}
.popup_price {
    font-weight: 700;
}

.popup_content {
	position: relative;
	background: var(--card-bg);
	padding: 40px;
	max-width: 500px;
	width: 100%;
}
.popup_title {
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
}
.popup_sent-title {
    text-align: center;
}
.popup_subtitle {
	text-align: center;
	color: var(--secondary);
	margin: 30px 0;
}

.popup_form {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.popup_btn {
	width: 100%;
	height: 60px;
}

.container {
	max-width: 1540px;
	margin: 0 auto;
	padding: 0 5px;
}

.content {
	padding-top: 100px;
}

.items_container {
	padding-top: 60px;
}

.title {
	font-size: 50px;
	font-weight: 600;
	color: var(--primary);
}

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

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

.crumbs {
    margin: 30px 0 40px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.crumb {
    font-weight: 600;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: var(--primary);
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.3s;
}
.crumb:hover {
    color: var(--secondary);
}

.crumb:last-child::after {
    display: none;
}

.crumb:last-child {
    color: gray;
}

.crumb::after {
    position: relative;
    content: "";
    width: 20px;
    height: 1px;
    display: block;
    background-color: var(--secondary);
}

.icon_container {
	display: flex;
	gap: 15px;
}

.icon_wrapper img {
	width: 24px;
	height: 24px;
}
.icon_container span {
	font-size: 20px;
}

.contacts-wrapper p, .contacts-wrapper a {
    margin-top: 20px;
    font-size: 20px;
}

.contacts-wrapper .footer_contact-links {
    margin-top: 20px;
}

.contact {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 500px;
}

.contact img {
	transition: 0.5s all;
}

.contact:hover img {
	width: 25px;
	height: 25px;
	transition: 0.5s all;
}

.whatsapp {
	background: #25d366;
}

.telegram {
	background: #08c;
}

.button {
	padding: 11px 30px;
	line-height: 150%;
	color: var(--primary);
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 500px;
	border: 1px solid var(--primary);
	background-color: transparent;
	transition: 0.5s all;
}

.pagination {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.pagination-item {
    display: flex;
    height: 48px;
    width: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    opacity: 0.4;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pagination-item.active {
    border: 1px solid white;
    opacity: 1;
}

.pagination-item:hover {
  opacity: 0.8;
}

.aside {
	padding: 30px;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100vh;
	background: var(--card-bg);
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
	transition: left 0.3s ease;
	z-index: 1000;
}
.aside nav ul {
	gap: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	list-style: none;
}

.aside.active {
	display: flex;
	left: 0;
}

.aside_buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 11px;
}

.aside_links-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.aside_links-wrapper .telephone {
	align-items: flex-start;
}

.aside_links {
	display: flex;
	gap: 20px;
}

.button:hover {
	transition: 0.5s all;
	color: #000;
	background-color: var(--primary);
}
.button.active {
	color: #000;
	background-color: var(--primary);
}

.button-arrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.button:hover svg path {
  stroke: black;
  transition: 0.5s all;
}

.button-arrow .arrows-container {
	transform: rotate(-90deg);
}

.burger {
	display: none;
	flex-shrink: 0;
	cursor: pointer;
}

.burger {
	width: 35px;
	height: 35px;
	border-radius: 350px;
	background: #282828
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M3 3.83594H18V5.5026H3V3.83594ZM8 9.66927H18V11.3359H8V9.66927ZM3 15.5026H18V17.1693H3V15.5026Z' fill='white'/%3E%3C/svg%3E")
		no-repeat center center;
	background-size: 20px 20px;
}

.burger.active {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M15.5 5.5L5.5 15.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5.5 5.5L15.5 15.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.arrows-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.arrow {
	animation: fade-switch 2s infinite ease-in-out;
}

.arrow-1 {
	animation-direction: normal;
}

.arrow-2 {
	animation-direction: reverse;
}

@keyframes fade-switch {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.4;
	}
}

.address-wrapper {
	display: flex;
	gap: 20px;
	font-size: 20px;
	font-weight: 400;
}

.address {
	font-weight: 600;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.address span {
	color: var(--secondary);
	font-size: 14px;
	font-weight: 400;
}

.address-wrapper::before {
	content: "";
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 500px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9985 0C6.70533 0 2.39854 4.3068 2.39854 9.594C2.36374 17.328 11.6337 23.7408 11.9985 24C11.9985 24 21.6333 17.328 21.5985 9.6C21.5985 4.3068 17.2917 0 11.9985 0ZM11.9985 14.4C9.34653 14.4 7.19853 12.252 7.19853 9.6C7.19853 6.948 9.34653 4.8 11.9985 4.8C14.6505 4.8 16.7985 6.948 16.7985 9.6C16.7985 12.252 14.6505 14.4 11.9985 14.4Z" fill="white"/></svg>');
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.2);
	vertical-align: middle;
	flex-shrink: 0;
}

.telephone {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	display: flex;
	flex-direction: column;
	text-wrap: nowrap;
	align-items: flex-end;
	gap: 8px;
}

.telephone span {
	color: var(--primary);
	font-weight: 600;
	transition: 0.5s all;
}

.telephone span:hover {
	color: rgb(158, 158, 158);
	transition: 0.5s all;
}

.telephone span {
	font-size: 24px;
}

.header {
	position: relative;
	overflow: hidden;
}

.header_crumbs {
    margin: -30px 0 -40px 0;
    display: flex;
    justify-content: center;
}

.header_bg {
	position: relative;
	height: 900px;
	object-fit: cover;
	z-index: -1;
}

.header_wrapper {
	max-width: 1540px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 5px;
	right: 5px;
}

header ul {
    list-style: none;
}

.header_container {
   	padding: 30px 0;
}

.header_logo {
	width: 188px;
	height: 52px;
	display: flex;
}
.header_logo img:last-child {
	margin-top: 13px;
	width: 127.111px;
}

.header_items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 707px;
}

.header_description {
	margin-top: 20px;
	color: var(--secondary);
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}

.header_benefits {
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	max-width: 1328px;
	width: 100%;
	font-size: 18px;
	color: var(--secondary);
}

.header_benefits-item::before {
	content: "";
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 500px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="16" viewBox="0 0 20 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 3.41736L7.74192 16L0.5 8.25023L3.69341 4.83287L7.74192 9.16529L16.3066 0L19.5 3.41736Z" fill="white"/></svg>');
	background-size: 19px 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.2);
	vertical-align: middle;
	flex-shrink: 0;
}

.header_buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.header_top-links {
	display: flex;
	gap: 20px;
}

header nav {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 30px;
	padding-top: 30px;
	text-transform: uppercase;
}

.info_wrapper {
	display: flex;
}

.info_title {
	position: absolute;
	top: 40%;
	opacity: 1;
	transition: 0.5s all;
}

.info_card {
	position: relative;
	cursor: pointer;
	width: 100%;
	background-color: #000;
	transition: all 0.5s;
	overflow: hidden;
}

.info_card.active .info_title {
	display: none;
}
.info_card.active .info_card-text {
	display: flex;
}

.info_card.active img {
	opacity: 0.3;
	transition: 0.5s all;
}

.info_card-text {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 89px;
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	padding: 60px 30px;
	color: white;
	text-align: center;
}

.info_card-titles h2 {
	font-size: 48px;
	font-weight: 600;
}

.info_card-titles p {
	margin-top: 20px;
	color: var(--secondary);
	font-size: 20px;
	font-weight: 500;
}

.info_card-benefits {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	color: var(--secondary);
	font-weight: 500;
}

.info_card-link {
	font-size: 18px;
	font-weight: 600;
}

.info_card-link p {
	margin-bottom: 10px;
}

.info_card-info {
	color: var(--secondary);
	font-size: 20px;
	font-weight: 500;
}

.info_card-info a {
	color: var(--primary);
	text-decoration: underline;
}

.portfolio_slider-nav {
    position: relative;
    z-index: 1;
    margin-left: 450px;
} 

.slider-nav-second {
    margin-left: -450px;
}

.portfolio_slider-nav .slick-slide , 
.slider-nav .slick-slide,  
.slider-nav-second .slick-slide {
	margin: 0 100px;
}

.portfolio_slider-nav .slick-current,
.slider-nav .slick-current,
.slider-nav-second .slick-current {
	color: var(--primary);
}

.slider-nav-btn {
	text-wrap: nowrap;
	font-size: 52px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.1);
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: var(---, #fff);
	margin-bottom: 30px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.complects_description {
    margin: 30px auto 40px auto;
    color: var(--secondary);
}

.complects_buttons {
    display: flex;
    gap: 20px;
}

.complects_faq-1 .faq-item,
.complects_faq-2 .faq-item {
	display: none;
}

.complects {
	position: relative;
	overflow: hidden;
}

.complects_wrapper {
	margin-top: 60px;
	position: relative;
	display: flex;
	align-items: flex-start;
	height: 900px;
}

.complects_content {
	position: relative;
	z-index: 2;
	padding-top: 100px;
}

.complects_image-wrapper {
	position: absolute;
	right: 0;
	top: 0;
}

.complects_dots-wrapper {
	position: relative;
	max-width: 1204px;
	width: 100%;
	transform-origin: left top;
}

.complects_text {
    display: flex;
    flex-direction: column;
    height: 800px;
    justify-content: space-between;
}

.complects_info {
	max-width: 526px;
	width: 100%;
}

.complects_info-item {
	padding: 30px;
	font-weight: 400;
	display: flex;
	gap: 30px;
	color: var(--secondary);
	border-bottom: 1px solid #25282b;
}

.complects_info-item img {
	width: 40px;
	height: 40px;
}

.complects_info-title {
	color: var(--primary);
	font-size: 24px;
	font-weight: 600;
}

.complects_dot.active {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.0156 2.99023L6.97852 13.4922L0.983398 7.21875L3.35645 4.73535L6.72656 8.26172L6.97949 8.52637L7.23242 8.26172L14.6426 0.506836L17.0156 2.99023Z' fill='%230D1114' stroke='white' stroke-width='0.7'/%3E%3C/svg%3E");
}
.complects_dot.active .info-window {
	display: block;
}

.complects_dot {
	outline: 6px solid rgba(39, 32, 32, 0.2);
	outline-offset: 0;
	cursor: pointer;
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 500px;
	background-color: var(--primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M12.265 12.265V5.94922H14.3703V12.265H20.6861V14.3703H14.3703V20.6861H12.265V14.3703H5.94922V12.265H12.265Z' fill='%230D1114'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.complects_dot:nth-child(6) .info-window {
	left: 50%;
	top: 100%;
	transform: translateX(-50%) translateY(20px);
}

.complects_dot:nth-child(6) .info-window::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(0, 0, 0, 0.4);
	border-top: none;
	right: auto;
	top: auto;
}

.complects_dot:nth-child(6).active .info-window {
	animation: fadeInDown 0.3s ease;
}

.info-window {
	display: none;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.4);
	padding: 25px 25px 15px 25px;
	width: 319px;
	z-index: 10;
	animation: fadeIn 0.3s ease;
}

.info-window::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid rgba(0, 0, 0, 0.4);
}

.info-window span {
	font-size: 20px;
	font-weight: 600;
}

.info-window p {
	margin-top: 15px;
	color: var(--secondary);
	font-size: 14px;
}

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

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateX(-50%) translateY(0);
	}
	to {
		opacity: 1;
		transform: translateX(-50%) translateY(20px);
	}
}

.projects_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.projects_item-wrapper {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.projects_button {
	display: none;
}

.projects_item,
.complects_titles {
	display: flex;
	align-items: center;
	gap: 20px;
}

.projects_items {
    display: flex;
    justify-content: space-between;
}

.and {
	display: none;
}

.slider .slick-list {
	margin: 0 -30px;
}

.slider .slick-slide {
	margin: 0 30px;
}

.slider.active {
	display: block;
}

.slider_slide {
	position: relative;
	cursor: pointer;
	max-width: 735px;
}

.slider_title {
	font-size: 36px;
	font-weight: 700;
}

.slider_slide h3 {
	position: absolute;
	left: 0;
	bottom: 100px;
}

.slider_slide .slider_slide h3 {
	transition: opacity 0.5s ease;
}

.slider_info {
	position: absolute;
	left: 0;
	height: 360px;
	bottom: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s;
}

.slider_info-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 245px;
}

.slider_button {
	margin-left: 235px;
}

.slider_slide:hover h3.slider_title {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.slider_slide:hover .slider_info {
	opacity: 1;
	visibility: visible;
}

.slider_info-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 30px;
	width: 380px;
	padding: 25px;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(10px);
}

.slider_img {
	padding-left: 60px;
	height: 500px;
	object-fit: cover;
}

.slider-prev,
.slider-next {
	cursor: pointer;
	background: transparent;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M13.0665 9.5L16.6787 6.20711C17.1071 5.81658 17.1071 5.18342 16.6787 4.79289L13.0665 1.5M16.3574 5.5L1 5.5' stroke='%23fff' stroke-opacity='1' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 18px 11px;
	background-position: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.slider-prev {
	right: 70px;
	transform: rotate(180deg);
}

.slider-next {
	right: 0;
}

.slider_counter, .reviews_counter, .offer_counter, .about_counter, .variants_counter, .other_counter {
	text-wrap: nowrap;
	margin-right: 10px;
	font-size: 32px;
}

.total-slides {
	color: rgba(255, 255, 255, 0.4);
	font-size: 20px;
	font-weight: 500;
}

.sample-second form {
    margin-top: 20px;
}

.sample-second form .input {
    height: 50px;
}

.sample-second-textarea {
    height: 150px;
}


.sample_title {
    font-size: 36px;
    font-weight: 600;
}

.sample_items {
	display: flex;
	background: var(--card-bg);
}
.sample_img {
	max-width: 770px;
	width: 100%;
}
.sample_img img {
	object-fit: cover;
	height: 678px;
}
.sample_item {
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	max-width: 760px;
	width: 100%;
}

.sample_description {
	color: var(--secondary);
	margin-top: 30px;
	font-size: 20px;
	font-weight: 400;
}

.sample_address {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.benefits {
    color: var(--secondary);
}

.benefits_texts {
    display: flex;
    gap: 60px;
}

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

.benefits_item {
	width: 100%;
	padding: 0 30px;
}

.benefits_item img {
	width: 60px;
	height: 60px;
}

.benefits_title {
	margin: 30px 0 20px 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--primary);
}

.benefits_count {
	color: rgba(255, 255, 255, 0.6);
}

.benefits_item ol {
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.offer .description {
    margin-top: 30px;
}

.offer_buttons {
	display: none;
}

.offer_slider .slick-list {
	margin: 0 -20px;
}

.offer_slider .slick-slide {
	margin: 0 20px;
}

.offer_card {
	max-width: 700px;
	width: 100%;
	display: flex;
	background: var(--card-bg);
	color: va(--secondary);
}

.offer_card-info {
	position: relative;
	padding: 40px;
}

.offer_card-info h3 {
	color: var(--primary);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.offer_card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 66px;
    margin: 0;
}

.offer_button {
	position: absolute;
	bottom: 40px;
	text-transform: capitalize;
}

.offer_card-img {
    max-width: 350px;
	width: 100%;
	flex-shrink: 0;
}

.offer_card-img img {
	height: 335px;
	object-fit: fill;
	object-position: center;
}

.reviews_icon-2 {
	display: none;
}

.reviews_counter-yandex {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 36px;
    font-weight: 600;
}

.reviews_counter-yandex span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    font-weight: 600;
}

.reviews_slider .slick-list {
	margin: 0 -10px;
}

.reviews_slider .slick-slide {
	margin: 0 10px;
}

.reviews_item {
	display: flex;
	flex-direction: column;
	color: var(-secondary);
	padding: 30px;
	max-width: 350px;
	width: 100%;
	background-color: var(--card-bg);
}

.reviews_item-info {
	display: flex;
	align-items: center;
	gap: 20px;
}
.reviews_item-avatar {
	width: 60px;
	height: 60px;
	border-radius: 500px;
}

.reviews_item-info span {
	color: var(--primary);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin-bottom: 10px;
}

.reviews_item-item {
	margin: 20px 0 30px 0;
}

.reviews_img {
	max-width: 237px;
	height: 400px;
}

.reviews_video {
	max-width: 500px;
	height: 400px;
}

.reviews_text {
	font-size: 20px;
}

.reviews_review {
	height: 215px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 13;
	overflow: hidden;
	text-overflow: ellipsis;
}

.second_form-wrapper .about_form {
    margin-top: 0;
}

.about {
	position: relative;
}

.about_item {
	position: absolute;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	right: 0;
	top: 100px;
}

.about_text {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 40px;
	padding: 40px;
	max-width: 500px;
	width: 100%;
	background-color: var(--card-bg);
	overflow: hidden;
	color: var(--secondary);
	font-size: 20px;
}

.about_text-address {
	display: none;
}

.about_slider {
	width: 100%;
}

.about_slider .slick-list {
	overflow: hidden;
	margin: 0 -20px;
}

.about_slider p {
	width: 100%;
	margin: 0 20px;
}

.about_bg {
	padding-top: 125px;
	height: 800px;
}

.about_form {
	position: relative;
	z-index: 2;
	margin-top: -70px;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: center;
	background-color: var(--card-bg);
}

.about_form-title {
	font-size: 32px;
	font-weight: 600;
}

.about_form-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	flex-grow: 1;
}

.about_form-inputs {
	max-width: 715px;
	width: 100%;
}

.input-file {
    display: flex;
    justify-content: space-between;
    border: none;
    width: 100%;
    padding: 20px 30px;
    background-color: transparent;
    border-radius: 500px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color:rgba(255, 255, 255, 0.60);
    
}

.input-file label {
    cursor: pointer;
    padding: 5px 10px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    border-radius: 500px;
    background: rgba(255, 255, 255, 0.10);
}

.file-name {
    color: rgba(255, 255, 255, 0.60);
} 

.input {
	color: var(--primary);
	width: 100%;
	padding: 0 30px;
	height: 60px;
	background-color: transparent;
	border-radius: 500px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.input::placeholder, .popup textarea::placeholder, .textarea::placeholder {
    color: rgba(255, 255, 255, 0.60);
}

.input:focus {
	border: 1px var(--primary) solid;
}

.popup textarea:focus, .textarea:focus {
	border: 1px var(--primary) solid;
}

.popup textarea, .textarea {
    padding: 20px 30px;
    color: var(--primary);
	width: 100%;
	background-color: transparent;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.about_form-label input {
	display: none;
}

.about_form-label {
	font-size: 14px;
	padding-left: 35px;
	position: relative;
	cursor: pointer;
	display: block;
}

.about_form-label input:checked + span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0502 1.7244L4.80165 7.97293L0.953125 4.1244L2.65018 2.42734L4.80165 4.57882L9.35312 0.0273438L11.0502 1.7244Z' fill='%230D1114'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.about_form-label span {
	position: absolute;
	background: var(--primary);
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 5px;
}

.about_form-label a {
	text-decoration: underline;
}

.about_form-btn {
	width: 342px;
}

.question_company img {
    height: 475px;
    object-fit: cover;
}

.question_reverse {
	flex-direction: row-reverse;
}

.question_reverse .question_item {
	left: 0;
}

.question_items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.question_items {
    width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	font-weight: 400;
	color: var(--secondary);
}

.question_items-big .question_img {
	max-width: 870px;
	height: 730px;
}

.question_img {
	max-width: 870px;
	height: 640px;
}

.question_item {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: 30px;
	right: 0;
	padding: 70px;
	max-width: 770px;
	background-color: var(--card-bg);
}

.question_item div {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.faq-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	
}

.faq-container {
	flex-shrink: 0;
	padding: 30px;
	border: 1px rgba(255, 255, 255, 0.2) solid;
}

.faq-header {
	cursor: pointer;
}

.faq-question {
	color: var(--primary);
	font-size: 20px;
	font-weight: 500;
}

.faq-toggle {
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.faq-toggle::before,
.faq-toggle::after {
    content: "";
    position: absolute;
    background: var(--primary);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.faq-toggle::before {
    width: 22px;
    height: 2px;
}

.faq-toggle::after {
    width: 2px;
    height: 22px;
}

.faq-toggle.active::after {
    display: none;
}

.complects_answer {
    margin-top: 20px;
 	color: var(--secondary);
}
.complects_answer b {
	color: #fff;
}

.faq-answer {
	color: var(--secondary);
	padding-top: 20px;
	display: none;
	flex-direction: column;
	gap: 20px;
}

.faq-container.active .faq-answer {
	display: flex;
}

.map {
	display: flex;
	justify-content: center;
}

.map iframe {
    border: none;
}

.contacts_items {
	display: flex;
	justify-content: space-between;
}

.contacts_item {
	padding: 0 40px;
	max-width: 385px;
	width: 100%;
	display: flex;
	gap: 20px;
}

.contacts_item img {
	width: 24px;
	height: 24px;
}

.contacts_item-item p {
	font-size: 16px;
	font-weight: 600;
}

.contacts_item-item .contacts_icons, .contacts_item-item span {
	margin-top: 15px;
	display: flex;
	align-items: center;
	gap: 30px;
	color: var(--secondary);
	font-size: 14px;
	text-decoration: underline;
}

.contacts_item-item .contacts_icons img {
	width: 20px;
	height: 20px;
	filter: brightness(0.5) contrast(1.2);
}

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

.articles_item {
	display: flex;
	flex-direction: column;
	gap: 30px;
	color: var(--secondary);
}

.articles_item img {
	object-fit: cover;
	height: 400px;
}

.articles_item span {
	font-size: 24px;
	font-weight: 600;
}

.articles_item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 35px;
}


.portfolio_slider .slick-slide {
	max-width: 1920px;
	width: 100%;
	height: 900px;
}

.portfolio_img,
.portfolio_slider .slick-slide {
    height: 900px;
}

.portfolio_slider-nav {
	top: 160px;
}

.portfolio_img {
	position: absolute;
	left: 0;
	max-width: 1239px;
	width: 100%;
}

.portfolio_info {
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 2;
	right: 242px;
	top: 218px;
	padding: 40px;
	max-width: 500px;
	width: 100%;
	background-color: var(--card-bg);
}

.portfolio_info-label {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border-radius: 500px;
	background-color: var(--primary);
	outline: 8px solid #25282b;
}

.portfolio_step {
	display: flex;
	gap: 20px;
	position: relative;
}

.portfolio_step::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #25282b;
}

.portfolio_step:last-child::before {
	display: none;
}

.portfolio_step-info {
	margin-top: 10px;
	margin-bottom: 40px;
	background: none;
}

.portfolio_info-date {
    margin-top: -3px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 20px;
	font-weight: 400;
}

.portfolio_info-text {
	margin-top: 15px;
	margin-bottom: 30px;
}

.portfolio_info-date span {
	color: var(--primary);
}

.portfolio_button, .about_form-btn, .articles_button {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.dowlands_items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.dowlands_items h3 {
    margin: 20px 0;
    font-size: 24px;
    font-weight: 600;
}

.dowlands_item {
    max-width: 500px;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    background: var(--card-bg);
    font-weight: 400;
    color: var(--secondary);
}

.dowlands_item-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dowlands_button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    text-align: center;
}

.complects-variant {
    display: none;
}

.complects-variant.active {
    display: flex;
}

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

.comparison_item {
    max-width: 500px;
    width: 100%;
    background: var(--card-bg);
}

.comparison_item-img {
    height: 350px;
}

.comparison_item-info {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.comparison_item-info .faq-container {
    border: none;
    border-top: 1px solid var(--secondary);
    padding: 25px 0 0 0;
}

.comparison_item-info h3 {
    font-size: 32px;
    font-weight: 500;
}

.description {
    color: var(--secondary);
    font-size: 20px;
}

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

.choice_item {
    max-width: 470px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--secondary);
}

.choice_item:nth-child(even) {
    flex-direction: column-reverse;
}

.choice_titles {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.choice_item:nth-child(even) .choice_titles {
    flex-direction: column-reverse;
}

.choice_item img {
    height: 326px;
}

.choice_item h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--primary);
}

.card_items {
    display: flex;
    gap: 20px;
}

.card_info {
    z-index: 2;
    flex-grow: 1;
    max-width: 510px;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    background: var(--card-bg);
}

.card_slider {
    max-width: 1200px;
    width: 100%;
}

.card_slider img {;
    height: 769px;  
}

.card_previews .slick-slide {
    margin: 0 5px;
}

.card_previews .slick-list {
    margin: 0 -5px;
}

.card_previews img {
    cursor: pointer;
    width: 350px;
    height: 200px;
    object-fit: cover;
}

.card_title {
    max-width: 430px;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
}

.card_info-items {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.card_info-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.card_info-title {
    color: var(--secondary);
}

.card_info-line {
    flex-grow: 1;
    height: 1px;
    background-image: linear-gradient(to right, #C3CAD4 50%, transparent 50%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    margin: 0 4px 5px 4px;
}

.card_info-insulation {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.card_prices {
    display: flex;
    align-items: center;
    gap: 20px;
}

.card_prices-new {
    font-size: 26px;
    font-weight: 700;    
}

.card_prices-old {
    color: rgba(255, 255, 255, 0.40);
    font-size: 20px;
    font-weight: 500;
    text-decoration: line-through;
}

.card_button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.card_description {
    padding-top: 15px;
    color: var(--secondary);
}

.card_links  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.card_link {
    display: flex;
    gap: 20px;
    text-decoration: underline;
    text-transform: lowercase;
}

.card_link img {
    width: 24px;
    height: 24px;
}

.card_previews {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.layout_items {
    display: flex;
    align-items: center;
}

.layout_img {
    max-width: 1100px;
    width: 100%;
    height: auto ;
    flex-shrink: 1;
}

.layout_info {
    flex-shrink: 0;
    margin-left: -60px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background: var(--card-bg);
}

.vriants_title-second {
    display: none;
}

.variants_slider .slick-slide {
    height: 500px;
    object-fit: cover;
    margin: 0 10px;
}


.variants_slider .slick-slide:first-child {
    width: 1000px;
}

.variants_slider .slick-slide:not(:first-child) {
    width: 500px;
}

.variants_slider .slick-list {
    margin: 0 -10px;
}

.anchors_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.other_buttons {
    display: none;
}

.other_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 40px), 1fr));
    gap: 60px;
}

.other_item img {
    object-fit: cover;
    height: 400px;
}

.other_item-info {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.other_item-title {
    color: var(--secondary);
    font-weight: 500;
    font-size: 20px;
}

.other_item span, .additionally_item span {
    color: var(--primary);
    font-weight: 700;
    font-size: 20px;
}

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

.additionally_item {
    padding: 40px;
    background: var(--card-bg);
    color: var(--secondary);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.variants_company {
    overflow: hidden;
}

.company_content {
    position: relative;
}

.company_text {
    position: absolute;
    right: 0;
    font-size: 32px;
    font-weight: 600;
    max-width: 720px;
    width: 100%;
    color: var(--secondary);
}

.company_text h2 {
    margin-top: 15px;
}

.company_text img {
    display: none;
}
 
 .company_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.company_item:nth-child(even) {
    align-self: flex-end;
    margin-top: -100px;
}

.company_item {
    position: relative;
    max-width: 720px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.company_img {
    max-width: 660px;
    max-height: 500px;
    height: auto;
}

.company_item-info {
    position: absolute;
    left: 0;
    bottom: 40px;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(10px);
    padding: 25px;
    color: var(--secondary);
    max-width: 450px;
    width: 100%;
}

.company_item-info h3, .company_item-price {
    font-size: 24px;
    font-weight: 600;
}

.company_desc {
    margin: 15px 0 25px 0;
}

.company_item-price::before {
    content: "💰";
    margin-right: 5px;
}

.company_item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    color: var(--secondary);
    font-size: 20px;
}

.company_item-text ul {
    list-style: none;
}

.company_item-text ul li::before {
    content: "👉";
    margin-right: 10px;
}

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

.today_text {
    color: var(--secondary);
    display: flex;
    flex-direction: column;
    gap:20px; 
    flex-shrink: 0;
    gap: 20px;
}

.today_text ul {
    margin-top: 40px;
    list-style: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.today_text ul li, .company_item-text ul li {
    margin-bottom: 5px;
}

.today ul li::before {
    content: "✅";
    margin-right: 10px;
}


.today_img {
    max-width: 740px;
    width: 100%;
}

.today_img img {
    height: 500px;
    object-fit: cover;
}

.install_items {
    display: flex;
    gap: 20px;
}

.install_item {
    max-width: 760px;
    width: 100%;
    background: var(--card-bg);
}

.install_item-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.install_item-text {
    padding: 40px;
    color: var(--secondary);
}

.install_item-text h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.install_item img {
    height: 500px;
}

.article {
    display: flex;
    gap: 30px;
}

.article img {
    max-width: 400px;
    height: auto;
}

.footer {
	margin-top: 100px;
	background-color: var(--card-bg);
}

.footer_contact-title:hover {
   	color: rgb(158, 158, 158);
	transition: 0.5s all; 
}

.footer_items {
	padding: 60px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.footer_menu {
	max-width: 657px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.footer_logo {
	max-width: 204px;
	width: 100%;
	height: 276px;
}
.footer_line {
	width: 1px;
	height: 280px;
	background: rgba(255, 255, 255, 0.1);
}

.footer_nav ul {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none; 
}
.footer_buttons {
	display: flex;
	gap: 20px;
}

.footer_contacts {
	max-width: 420px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

.footer_contact span {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
}

.footer_contact {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.footer_contact-title {
	color: var(--primary);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.footer_contact-links {
	margin-left: 20px;
}
.footer_icon {
	width: 46px;
	height: 46px;
	padding: 10px;
	border-radius: 500px;
	background: rgba(255, 255, 255, 0.1);
}

.footer_links {
	max-width: 260px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
}

.footer_links a,
.footer_links p {
	color: var(--secondary);
}

@media (max-width: 1800px) {
    .company_text {
        position: static;
        max-width: max-content;
        margin-left: 20px;
    }
    .company_item:nth-child(even){
        margin-top: 0;
    }
    .company_items {
        margin-top: 40px;
        gap: 30px;
    }
    .card_slider, .card_slider img {
        max-width: 1000px;
    }
    .card_info {
        max-width: 100%;
    }
    .offer_card-img {
	    flex-shrink: inherit;
    }
    .portfolio_info {
        right: 20px;
    }
    .complects_content {
        padding-top: 0;
    }
	.complects_dots-wrapper {
		max-width: 1000px;
	}
	.complects_image-wrapper {
		top: auto;
		bottom: 0;
	}
}

@media (max-width: 1440px) {
    .install_item img {
        height: auto;
    }
    .other_items {
        gap: 20px;
    }
    .card_items {
        align-items: center;
    }
    .card_slider, .card_slider img {
        max-width: 550px;
        height: 400px;
    }
    .comparison_item-img {
	    height: 250px;
	}
	.comparison_item-info {
        padding: 30px;
    }
    .dowlands_item {
        padding: 20px;
    }
    .dowlands_titles {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }
    .dowlands_items h3 {
        margin: 0;
    }
    .dowlands_item svg {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
    }
    .dowlands_item-info p {
        border-bottom: none;
    }
    .projects_item-wrapper {
        gap: 20px;
    }
    .sample_contacts {
		flex-direction: column-reverse;
		gap: 15px;
	}
	
	.about_bg {
		padding-top: 40px;
	}
	
	.about {
	    position: static;
	}
	
	.about_items {
	    position: relative;
	}
	
	.about_item {
	    top: 50px;
	}
	
	.header_wrapper {
		width: auto;
	}
	
	.complects_wrapper {
	    height: auto;
	}

	.complects_dots-wrapper {
		position: static;
		padding-left: 5px;
	}
	.complects_faq-2 .faq-item {
	    margin-top: 20px;
		display: block;
	}
	.complects_content {
		display: none;
	}
	.complects_wrapper {
		margin-top: 30px;
		flex-direction: column;
		align-items: center;
	}

	.complects_image-wrapper {
		position: static;
		max-width: 100%;
	}
	.complects_img {
	    height: 700px;
	}
	.footer_menu {
		max-width: max-content;
		align-items: center;
		gap: 20px;
	}
	.footer_line {
		display: none;
	}
	.footer_contact-links {
		margin-left: 0;
	}
	.footer_logo {
		max-width: 142px;
		width: 100%;
		height: 192px;
		object-fit: contain;
	}

	.footer_items {
		flex-wrap: wrap;
	}

	.footer_links {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding-top: 30px;
		flex-direction: row;
		align-items: center;
		max-width: 100%;
		justify-content: space-between; 
	}

	.contacts_item {
		padding: 0;
	}
	.contacts_items {
		gap: 20px;
	}
	.offer_card-info {
		padding: 20px 20px 0 20px;
	}
	.offer_card-img img {
		height: 300px;
		object-fit: cover;
	}

	.benefits_items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	.benefits_item {
		padding: 0;
	}
	.header_benefits {
		max-width: 550px;
		flex-wrap: wrap;
	}
	.info_card-text {
		padding: 30px;
		height: -webkit-fill-available;
		gap: 0;
	}
	.sample .title {
		font-size: 30px;
	}
	.sample_item {
		padding: 40px;
	}
	.slider_img {
		height: 400px;
	}
	.slider_info {
		height: 300px;
		bottom: 20px;
	}
}

@media (max-width: 1024px) {
    .today_items {
        flex-direction: column-reverse;
    }
    .additionally_items,
    .other_items {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .variants_slider .slick-slide {
        height: 300px;
    }

    .layout_items {
        flex-direction: column;
        gap: 30px;
    }
    .layout_info {
        width: 100%;
        padding: 0;
        background: none;
        margin-left: 0;
        gap: 30px;
    }
    .layout .card_button {
        display: flex;
    }
    
    .card_items {
        display: contents;
    }
    
    .card_title {
        order: 1;
        max-width: 100%;
    }

    .card_slider, .card_slider img {
        max-width: 80%;
        height: 500px;
        margin: 0 auto;
        order: 2;
    }
    
    .card_previews {
        order: 3;
    }
    
    .card_info-items {
        order: 4;
    }
    
    .card_prices {
        order: 5;
    }
    
    .card_buttons {
        order: 6;
    }
    
    .card_links {
        order: 7;
    }
    
    .card {
        margin: 0 20px;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .card_items {
        flex-direction: column;
    }
    
    .card_info-first {
        display: none;
    }
    
    .card_info {
        display: contents;
        padding: 0;
        background: none;
    }
    
    .card_info-second {
        display: flex;
    }
    
    .card_previews {
        margin-top: 0;
    }
    
    .card_button {
        display: inline-block;
        height: auto;
    }
    .question_items-wrapper {
        gap: 50px;
    }
    
    .question_items-big .question_img {
        height: 600px;
    }
    .choice_item img {
        height: 250px;
    }
    .comparison_item-info h3 {
        font-size: 25px;
    }
    .dowlands_items {
        flex-direction: column;
    }
    .dowlands_item {
        max-width: 100%;
    }
    .projects_item-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .portfolio_item {
        display: flex;
        flex-direction: column-reverse;
    }
    .portfolio_slider .slick-slide {
        height: auto;
    }
    .portfolio_img {
        margin: 20px auto auto auto;
        width: 320px;
        height: 250px;
    }

    .portfolio_info {
        position: static;
        max-width: 100%;
        right: auto;
        top: auto;
        margin-top: 40px;
        background: none;
        padding: 0;
    }
  
    .portfolio_img {
        position: static;
        max-width: 100%;
    }
  
    .portfolio_container {
        display: flex;
        flex-direction: column;
    }

   .portfolio_slider-nav {
        top: auto;
        position: static;
        margin-top: 40px;
        margin-left: 0;
   }
	.slider-nav-btn {
		font-size: 24px;
	}
	.portfolio_tabs {
		margin-top: 0;
	}
	.complects_dots-wrapper {
		padding: 0 20px;
	}
	.info_card {
		height: 300px;
	}
	.info_bg {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	
	.articles_items {
	    gap: 30px;
	}
	
	.articles_item img {
		height: 200px;
	}

	.articles_item span,
	.faq-question {
		font-size: 16px;
	}

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

	.faq .faq-item {
		gap: 20px;
	}

	.faq-items {
	    display: flex;
		flex-direction: column;
	}

	.faq-item {
		max-width: 100%;
		gap: 0;
	}

	.question_item {
		padding: 40px;
		max-width: 600px;
	}
	.about_bg {
		height: 600px;
		object-fit: cover;
	}

	.input {
		height: 40px;
		padding: 0 20px;
	}
	.about_form-inputs {
		max-width: 100%;
		flex-direction: column;
	}
	.about_form {
		margin-top: 0;
	}

	.about_form {
		align-items: flex-start;
	}

	.about_form-inputs {
		flex-direction: row;
	}

	.about_form-item {
		width: 100%;
		height: auto;
	}

	.benefits_item img {
		width: 40px;
		height: 40px;
	}

	.slider-prev,
	.slider-next {
		width: 50px;
		height: 50px;
		background-size: 10px 10px;
	}
	h1 {
		font-size: 40px;
	}
	.content {
		padding-top: 60px;
	}

	.items_container {
		padding-top: 40px;
	}

	.burger {
		display: block;
	}
	.header_bg {
		height: 750px;
	}
	.header_container {
		padding: 20px 0;
	}
	.header_items {
		height: 650px;
	}
	header nav {
		display: none;
	}
	.header_contacts,
	.header_tel {
		display: none;
	}

	.header_tel span,
	.header_description,
	.offer_card-info h3 {
		font-size: 20px;
	}
	.info_card-titles h2,
	.title {
		font-size: 30px;
	}
	.info_card-titles p,
	.info_card-link,
	.info_card-info,
	.info_card-benefits {
		font-size: 11px;
	}
	.info_card-benefits {
		justify-content: space-between;
	}
	.complects_img {
        height: 500px;
    }
}
@media (max-width: 768px) {
    .install_items {
        flex-direction: column;
        align-items: center;
    }
    .install_item {
        max-width: 320px;
    }
    .install_item img {
        height: 250px;
    }
    
    .install_item-text {
        padding: 20px;
    }
    
    .install_item-text h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .install_item-reverse {
        flex-direction: column;
    }
    
	body {
		background-image: none;
		font-size: 14px;
	}
	.container {
		padding: 0 20px;
	}

	h1,
	.title,
	.sample .title,
	.slider_title,
	.about_form-title {
		font-size: 24px;
		text-align: left;
	}
	
	.aside {
	    width: 250px;
	    padding: 20px;
	}
	
	.header_btn {
		display: none;
	}

	.header_wrapper {
		left: 20px;
		right: 20px;
	}
	.header_logo {
		width: 108px;
		height: 30px;
	}
	.header_logo img:last-child {
		width: 70px;
	}
	.header_tel {
		display: none;
	}
	.header_description {
		margin-top: 15px;
		text-align: left;
		font-size: 16px;
	}
	.header_items {
		margin-top: 40px;
		height: auto;
	}
	.header_buttons {
		flex-direction: column;
	}
	
	.header_buttons .button,
	.sample_contacts .button {
	    height: 50px;
	    font-size: 14px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.header_benefits {
		margin: 40px auto;
		flex-direction: column;
		gap: 15px;
		font-size: 14px;
	}
	.header_benefits-item::before {
		width: 25px;
		height: 25px;
		background-size: 12px 10px;
	}

	.header_top .flex-20 {
		gap: 10px;
	}
	
	.benefits_texts {
        display: none;
    }
    
    .variants_buttons {
        width: 100%;
    }
	
	.variants_items {
	    display: flex;
	    flex-direction: column-reverse;
	    gap: 40px;
	}
	
	.vriants_title-first {
	    display: none;
	}
	
	.vriants_title-second {
	    display: block;
	}
	
	.variants_slider {
	    margin-left: 10px;
	}
	
	
	.variants_slider .slick-slide {
        height: 250px;
    }
    
    
    .variants_slider .slick-slide:first-child {
        width: 300px;
    }
    
    .variants_slider .slick-slide:not(:first-child) {
        width: 300px;
    }
    
	.choice_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    
    .choice_item {
        max-width: 320px;
    }
    
    .choice_item:nth-child(even) {
        flex-direction: column;
    }
    
    .choice_titles {
        flex-direction: column-reverse;
    }
	
	.comparison_items {
	    display: flex;
	    flex-direction: column;
    	align-items: center;
	}
	
	.comparison_item-info {
	    padding: 20px;
	}
	
	.comparison_item-info h3 {
	    font-size: 20px;
	}
	
	.comparison_item {
	    max-width: 320px;
	}
	
	.choice_item h3 {
	    font-size: 18px;
	}
	
	.dowlands_items h3 {
	    font-size: 16px;
	}
	
	.dowlands_button {
	    font-size: 14px !important;
	}
	
	.question_items-wrapper {
	    gap: 60px;
	}
	
	.projects_filters {
	     flex-direction: column;
	}
	
	.custom-select {
	    max-width: 100%;
	}
	
	.pagination {
	    display: none;
	}
	
	.slider_info-info .icon_container span,
	.description {
	    font-size: 14px;
	}

	.slider .slick-track,
	.slider_slide,
	.slider_img,
	.slider_info,
	.slider_slide h3 {
		max-width: 320px;
		width: 100%;
	}
	
	.slider_slide {
	   display: flex;
	   flex-direction: column;
	   margin: 0 auto;
	}
	
	.slider_img {
		padding-left: 0;
		height: 250px;
	}
	
	.slider_info {
		position: static;
		opacity: 1;
		visibility: visible;
		height: auto;
		gap: 25px;
	}
	.slider_info-info {
		width: auto;
		padding: 0;
		background: none;
		gap: 15px;
	}
	.slider_info .slider_title {
		opacity: 1;
		font-size: 16px;
	}
	.slider_slide h3 {
		margin: 20px 0 10px 0;
		position: static;
		text-align: left;
	}
	.slider_slide:hover h3.slider_title {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.slider_info-wrapper {
		height: auto;
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 25px;
		margin-bottom: 30px;
	}
	.button-arrow .arrow {
		width: 9px;
		height: 5px;
	}

	.slider_img,
	.about_bg,
	.question_items-big .question_img,
	.question_img,
	.sample_img img,
	.offer_card-img,
	.offer_card-img img,
	.complects_image-wrapper,
	.complects_dots-wrapper,
	.complects_img,
	.portfolio_img, .question_company img {
		max-width: 320px;
		height: 250px;
	}
	
	.sample_img img {
	    margin: 0 auto;
	}
	
	.about_bg {
		height: 300px;
		padding-top: 40px;
		width: 320px;
	}

	.info_card {
		height: 427px;
	}
	.info_title {
		top: 50%;
	}
	.info_card-text {
		top: 0;
	}
	.info_wrapper {
		flex-direction: column;
	}
	.info_card-benefits {
		flex-direction: column;
		gap: 15px;
	}
	.info_card-benefits br {
		display: none;
	}
	.benefits_titles {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.benefits_items {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.benefits_item {
		max-width: 385px;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.benefits_title {
		margin: 0;
		font-size: 16px;
	}

	.sample_items {
		display: flex;
		flex-direction: column;
		background: none;
	}
	.sample_item {
		margin-top: 30px;
		padding: 0;
		gap: 30px;
	}
	.sample_description {
		margin-top: 20px;
		color: var(--secondary);
		font-size: 16px;
	}
	.sample_contacts .button {
		width: 100%;
	}
	.offer_card {
		display: flex;
		flex-direction: column-reverse;
		background: none;
		align-items: center;
		gap: 30px;
		max-width: 100%;
	}
	.offer_card-info,
	.offer_button {
		position: static;
	}
	.offer_card-info {
		padding: 0;
		font-size: 16px;
	}
	.offer_card-info h3 {
		font-size: 24px;
	}
	.offer_card-info p {
		overflow: hidden;
	}
	.offer_button {
		margin-top: 25px;
		max-width: 150px;
		bottom: 20px;
	}
	.offer_buttons {
		display: flex;
	}
	.offer_slider .slick-list {
		margin: 0 -10px;
	}
	.offer_slider .slick-slide {
		margin: 0 10px;
	}

	.projects_items,
	.projects_item,
	.complects_titles {
		flex-direction: column;
		align-items: flex-start;
	}
	.projects_items {
		display: flex;
	}
	.projects_items .slider_counter,
	.projects_items .slider-prev,
	.projects_items .slider-next {
		display: none;
	}
	.projects_button {
		margin-top: 10px;
		text-align: center;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.and {
		display: block;
		font-size: 24px;
	}
	.projects_item .button,
	.complects_titles .button {
		text-transform: capitalize;
	}
	.complects_wrapper {
		margin: 20px 0;
	}
	.slider-nav {
		margin-left: -120px;
	}
	.slider-nav .slick-slide {
		margin: 0 30px;
	}
	.complects_dots {
		display: none;
	}
	.complects_dots-wrapper {
		padding-left: 20px;
	}
	.reviews_icon-1 {
		display: none;
	}
	.reviews_icon-2 {
		display: flex;
	}
	.reviews_icon-2 img {
		width: 46px;
		height: 40px;
	}
	.reviews_buttons {
		width: 100%;
	}
	.reviews_counter {
	    display: none;
	}
	.reviews_item {
		padding: 20px;
		max-width: 250px;
	}
	.reviews_item-info,
	.reviews_item-info span {
		font-size: 14px;
	}
	.reviews_item-info span {
		font-size: 16px;
	}
	.reviews_item-item {
		flex-direction: column;
		align-items: flex-start;
		margin: 20px 0;
	}
	
	.reviews_text {
		display: none;
	}
	.reviews_titles img {
		width: 30px;
		height: 30px;
		object-fit: cover;
	}

	.about_text-address {
		display: flex;
		justify-content: space-between;
	}
	.about_wrapper {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		gap: 30px;
	}
	.about_item {
		position: static;
		flex-direction: column;
	}
	.about_text {
		max-width: 320px;
		padding: 0;
		align-items: normal;
	}

	.about_form-address {
		display: none;
	}
	
	.faq-container {
	    padding: 20px;
	}
	
	.about_form {
		padding: 20px;
		max-width: 320px;
	}
	.about_text {
		font-size: 14px;
		background: none;
	}
	.about_form {
		margin-top: 40px;
		flex-direction: column;
	}
	.about_form-inputs {
		flex-direction: column;
	}
	.about_form-btn {
		width: 100%;
	}
	.about_form-label br {
		display: none;
	}

	.question_items {
		flex-direction: column;
		position: relative;
	}

	.question_item {
		position: static;
		max-width: 400px;
		background: none;
		padding: 0;
		margin-top: 30px;
		gap: 10px;
	}
	
	.question_item h3 {
	    font-size: 18px;
	}
	
	.question_item ul {
	    margin-left: 20px;
	}

	.contacts_items {
		display: flex;
		flex-direction: column;
	}
	.contacts_item {
		gap: 10px;
	}
	.contacts_item-item span {
		font-size: 14px;
	}
	.footer {
		padding: 40px 0;
		margin-top: 140px;
	}
	.footer_items {
		justify-content: center;
		gap: 30px;
	}
	.footer_contacts {
		margin-top: 10px;
		padding-top: 30px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.footer_icon {
		padding: 0;
		width: 24px;
		height: 24px;
		background: none;
	}
	.footer_buttons {
		gap: 10px;
	}
	.footer_buttons .button {
		height: 35px;
		align-items: center;
		font-size: 12px;
	}
	.footer_contact {
		gap: 15px;
	}
	.footer_contact span,
	.footer_contact-title {
		font-size: 14px;
	}
	.footer_contact-links {
		display: none;
	}
	.footer_links {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.map iframe {
		height: 600px;
	}

	.info_card-titles h2 {
		font-size: 24px;
	}

	.button {
		font-size: 16px;
		padding: 10px 15px;
		text-align: center;
		line-height: normal;
		
	}

	.address-wrapper {
		gap: 15px;
		font-size: 16px;
	}

	.telephone span {
		font-size: 20px;
	}

	.address-wrapper::before {
		width: 40px;
		height: 40px;
		background-size: 20px 20px;
	}

	.icon_container span {
		font-size: 16px;
	}
	
	.complects .faq-items {
	    gap: 0px;
	}
	
	.complects_faq-1 .faq-item {
	    margin-top: 40px;
	    display: block;
	}

	.complects .faq-container {
	    margin-top: 0;
		border: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	
	.complects_faq-2 .faq-item {
	    margin-top: 0;
	}
	
	.icon_wrapper img {
		width: 20px;
		height: 20px;
	}
	.slider_button {
		font-size: 14px;
		margin-left: 0;
	}
	.arrow {
		width: 12px;
		height: 6px;
	}

	.articles {
		position: relative;
	}
	.articles_button {
		width: 320px;
		position: absolute;
		bottom: -80px;
		text-align: center;
	}
	
	.articles_items {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		gap: 30px;
	}

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

	.articles_item {
		flex: 0 0 auto;
	}
	.articles_item {
		width: 250px;
	}
	.articles_item img {
		height: 200px;
	}
	.portfolio_info-date {
	    font-size: 16px;
	}
	.portfolio_info-label {
        width: 10px;
        height: 10px;
    }
    .portfolio_step::before {
        left: 4px;
    }
    .portfolio_slider-nav .slick-slide {
        margin: 0 30px;
    }
    .card_slider, .card_slider img {
        max-width: 320px;
        height: 250px;
    }
    .card_previews img {
        width: 130px;
        height: 100px;
    }
    .card_title {
        font-size: 24px;
    } 
    .card_prices-new {
        font-size: 20px;
    }
    .card_prices-old {
        font-size: 16px;
    }
    .card_button {
        display: flex;
    }
    .card_links {
        gap: 15px;
    }
    .layout_img {
        max-width: 320px;
        height: 200px;
    }
    .other_items {
      display: block;
    }
    
    .other_item {
        flex-direction: column;
    }

    .other_item img {
        height: 250px;
    }
    
    .other_items .slick-slide {
        width: 300px;
        margin: 0 10px;
    }
    
    .other_items .slick-slider {
      margin: 0 -10px;
    }
    .other_buttons {
        display: flex;
        margin-top: 40px;
    }
    .additionally_items {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .company_items {
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top:40px;
    }
    .company_item {
        max-width: 320px;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .company_item:nth-child(even) {
        align-self: center;
    }
    .company_item-info {
        position: static;
        display: contents;
    }
    .company_item-info h3 {
        color: var(--primary);
        font-size: 16px;
        order: 1;
    }
    .company_img {
        max-width: 320px;
        height: 250px;
        order: 2;
        margin: 20px 0;
    }
    .company_desc {
        order: 3;
        margin: 0;
    }
    .company_item-price {
        font-size: 16px;
        margin: 15px 0 30px 0;
        order: 4;
    }
    .company_text {
        margin-left: 0;
        font-size: 16px;
    }
    .company_item {
        flex-direction: column;
        align-items: normal;
    }
    .anchors_items {
        gap: 10px;
    }
    .anchors_items .button {
        font-size: 14px;
    }
    .today_img {
        max-width: 320px;
    }
    .today_img img {
        height: 250px;
    }
    .today_text {
        width: 100%;
    }
    .company_item-text {
        max-width: 100%;
    }
    .sample-second img {
        display: none;
    }
    .sample-second .sample_items {
        background: var(--card-bg);
    }
    .sample_title {
        font-size: 20px;
    }
}

@media (max-width: 350px){
    .header_top-links .button {
        font-size: 11px;
    }
    .header_top-links {
        gap: 5px;
    }
}