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

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Italic.eot');
    src: local('Satoshi Italic'), local('Satoshi-Italic'),
        url('./Fonts/Satoshi-Italic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-ITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-Italic.woff') format('woff'),
        url('./Fonts/Satoshi-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Black.eot');
    src: local('Satoshi Black'), local('Satoshi-Black'),
        url('./Fonts/Satoshi-Black.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-BLACK.OTF') format('opentype'),
        url('./Fonts/Satoshi-Black.woff') format('woff'),
        url('./Fonts/Satoshi-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-BlackItalic.eot');
    src: local('Satoshi Black Italic'), local('Satoshi-BlackItalic'),
        url('./Fonts/Satoshi-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-BLACKITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-BlackItalic.woff') format('woff'),
        url('./Fonts/Satoshi-BlackItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Regular.eot');
    src: local('Satoshi Regular'), local('Satoshi-Regular'),
        url('./Fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-REGULAR.OTF') format('opentype'),
        url('./Fonts/Satoshi-Regular.woff') format('woff'),
        url('./Fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-LightItalic.eot');
    src: local('Satoshi Light Italic'), local('Satoshi-LightItalic'),
        url('./Fonts/Satoshi-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-LIGHTITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-LightItalic.woff') format('woff'),
        url('./Fonts/Satoshi-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Medium.eot');
    src: local('Satoshi Medium'), local('Satoshi-Medium'),
        url('./Fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-MEDIUM.OTF') format('opentype'),
        url('./Fonts/Satoshi-Medium.woff') format('woff'),
        url('./Fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Medium.eot');
    src: local('Satoshi Medium'), local('Satoshi-Medium'),
        url('./Fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-MEDIUM.OTF') format('opentype'),
        url('./Fonts/Satoshi-Medium.woff') format('woff'),
        url('./Fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-BoldItalic.eot');
    src: local('Satoshi Bold Italic'), local('Satoshi-BoldItalic'),
        url('./Fonts/Satoshi-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-BOLDITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-BoldItalic.woff') format('woff'),
        url('./Fonts/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Bold.eot');
    src: local('Satoshi Bold'), local('Satoshi-Bold'),
        url('./Fonts/Satoshi-Bold.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-BOLD.OTF') format('opentype'),
        url('./Fonts/Satoshi-Bold.woff') format('woff'),
        url('./Fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-Light.eot');
    src: local('Satoshi Light'), local('Satoshi-Light'),
        url('./Fonts/Satoshi-Light.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-LIGHT.OTF') format('opentype'),
        url('./Fonts/Satoshi-Light.woff') format('woff'),
        url('./Fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-MediumItalic.eot');
    src: local('Satoshi Medium Italic'), local('Satoshi-MediumItalic'),
        url('./Fonts/Satoshi-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-MEDIUMITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-MediumItalic.woff') format('woff'),
        url('./Fonts/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('./Fonts/Satoshi-MediumItalic.eot');
    src: local('Satoshi Medium Italic'), local('Satoshi-MediumItalic'),
        url('./Fonts/Satoshi-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/SATOSHI-MEDIUMITALIC.OTF') format('opentype'),
        url('./Fonts/Satoshi-MediumItalic.woff') format('woff'),
        url('./Fonts/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

* {
    font-family: "Noto Sans", sans-serif;
}

li {
list-style: none;
}

a {
text-decoration: none;
}

img {
width: 100%;
height: 100%;
object-fit: cover;
user-select: none;
outline: none;
-webkit-user-drag: none;
}

input:focus,
textarea:focus {
outline: none;
}

header {
    background-color: #1a1a1a;
    color: white;
    z-index: 1000;
    position: sticky;
    top: 0;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    box-sizing: content-box;
}

.header-container .logo {
width: 295px;
height: 58px;
}

#logo {
width: 295px;
height: 58px;
}

#phone {
width: 48px;
height: 48px;
}

.nav-menu {
display: flex;
gap: 48px;
}

.nav-menu li {
position: relative;
}

.nav-submenu {
display: none;
flex-direction: column;
gap: 16px;
position: absolute;
top: 42px;
left: -30px;
border: 1px solid #B2B2B266;
background: #191919;
padding: 32px;
z-index: 1001;
}

.nav-submenu.show {
display: flex;
}

.nav-submenu li a {
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF
}

.nav-menu a {
text-decoration: none;
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: #FFFFFF
}


.phone-btn {
border: 1px solid #B2B2B266;
background: none;
width: 48px;
height: 48px;
}

.phone-btn:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
border: none;
}

.phone-icon {
width: 24px;
height: 24px;
}

body {
background-color: #1a1a1a;
color: white;
}

.main-wrapper {
width: 100%;
display: flex;
flex-direction: column;
}

.first-img {
height: 618px;
}

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

.first-block {
padding: 48px 0 120px 0;
}

.first-block .main-title {
padding: 0 0 46px 0;
}

.about-company-container {
display: flex;
box-sizing: content-box;
}

.about-description-container {
display: flex;
flex-direction: column;
}

.about-description-container .main-title {
padding: 0 0 48px 0;
width: 708px;
}

.about-description-container .caption {
padding: 8px 0 48px 0;
}

.second-img {
width: 55%;
height: 618px;
}

.btn {
font-size: 16px;
line-height: 24px;
font-weight: 700;
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.btn:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
}

.btn {
width: 268px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
text-decoration: none;
}


.head-title {
font-size: 40px;
line-height: 48px;
font-weight: 500;
}

.subtitle {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

.caption {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.highlight {
font-size: 48px;
line-height: 56px;
font-weight:500;
color:#FFF2CE;
}

.title {
font-size: 36px;
line-height: 44px;
font-weight: 500;
}

.main-title {
font-size: 48px;
line-height: 56px;
font-weight:500;
}

.item-description {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.news {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

.bought {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
padding: 120px 0 40px 0;
}

.head-wrapper .bought {
padding: 0;
}

.about-company,
.main-wrapper-general .company-numbers {
padding: 107px 104px;
}

.main-wrapper-general .company-numbers.active {
display: block;
}

.company-numbers-container {
display: flex;
gap: 20px;
}

.main-wrapper-general .company-numbers-container {
justify-content: center;
gap: 0;
}

.company-stat-container {
display: flex;
flex-direction: column;
gap: 40px;
position: relative;
padding: 48px 40px;
border: 1px solid #B2B2B266;
height: 100%;
}

.main-wrapper-general .company-stat-container {
padding: 0;
border: none;
}

.third-img {
width: 570px;
height: 502px;
}

.stat {
display: flex;
justify-content: space-between;
width: 100%;
}

.stat-item {
width: 300px;
}

.general-stat {
display: flex;
flex-direction: column;
gap: 48px;
}

.first-product-title{
display: flex;
flex-direction: column;
gap: 16px;
}

.general-product-title {
display: flex;
padding: 120px 0 40px 0;
justify-content: space-between;
align-items: center;
}


.general-product-item {
display: flex;
flex-wrap: wrap;
width: 100%;
}

.product-item {
background-color: #1a1a1a;
border: 1px solid;
border-color: #B2B2B266;
box-sizing: border-box;
}

.product-item:nth-child(1),
.product-item:nth-child(2) {
    padding: 24px 24px 22px 24px;
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px 0;
}

.product-item:nth-child(1) {
margin: 0 20px 20px 0;
}

.product-item .item-description {
padding: 12px 0 24px 0;
}

.product-item .product-item-img {
height: 306px;
}

.product-item:nth-child(3),
.product-item:nth-child(4),
.product-item:nth-child(5) {
padding: 24px;
width: calc((100% - 40px) / 3);
}

.product-item:nth-child(3),
.product-item:nth-child(4) {
margin: 0 20px 0 0;
}

.product-item:nth-child(3) .title {
font-size: 35px;
}

.product-image {
    object-fit: cover;
}

.product-item-small-img {
height: 200px;
}

.swipe-btn {
width: 48px;
height: 48px;
border: none;
background: none;
}

.slider-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.formedia {
display: flex;
flex-direction: column;
}

.main-partners .swiper-slide {
flex: 1;
background-color: #1a1a1a;
border: 1px solid #B2B2B266;
padding: 24px;
box-sizing: border-box;
}

.partner-card-title {
display: flex;
gap: 16px;
align-items: center;
padding: 0 0 16px 0;
}

.partner-name {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}

.partner-logo img {
object-fit: contain;
}

.center-btn-100{
display: flex;
padding: 40px 0 100px 0;
align-items: center;
justify-content: center;
}

.center-btn-120{
display: flex;
padding: 40px 0 120px 0;
align-items: center;
justify-content: center;
}

.partner-logo {
width: 98px;
height: 70px;
box-sizing: border-box;
background: 
    linear-gradient(
      to bottom right, 
      rgba(255, 255, 255, 0.16) 1%, 
      rgba(255, 255, 255, 0) 100%
    );
}

.partner-description {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.clients {
position: relative;
text-align: center;
overflow: hidden;
}

.clients img {
pointer-events: none;
}

#marque-content {
pointer-events: none;
}

.clients-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin: 20px 0;
}

.clients .swiper-slide {
width: 216px;
height: 124px;
padding: 26px 24px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
}

#marqueeContent {
display: flex;
gap: 20px;
}

.swiper-slide img {
object-fit: contain;
}

.about-title {
display: flex;
flex-direction: column;
justify-content: flex-start;
}

.about-title .head-title {
padding: 16px 0 40px 0;
}

.about-container {
display: flex;
gap: 20px;
}

.text-box {
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #1a1a1a;
padding: 48px 40px;
border: 1px solid #B2B2B266;
box-sizing: border-box;
flex: 1;
}

.text-box .caption {
padding: 40px 0 0 0;
}

.steps {
display: flex;
gap: 16px;
}

.step {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: #1a1a1a;
border: 1px solid #B2B2B266;
color: white;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}

.step:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
}

.none {
display: none;
}

.step.active {
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.image-box {
width: 41%;
height: 502px;
}

.news {
padding: 120px 0 0 0;
}

.news .head-title {
padding: 16px 0 40px 0;
}

.news-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}

.news-description {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.news-date {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
margin-top: auto;
}

.news .swiper-slide {
flex: 1;
background-color: #1a1a1a;
border: 1px solid #B2B2B266;
padding: 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: start;
}

.news  .news-description {
padding: 16px 0 0 0;
}

footer {
display: flex;
}

.footer-content {
display: flex;
width: 100%;
}

.footer-col-general {
display: flex;
justify-content: space-between;
width: 100%;
}

.footer-col-widespread {
display: flex;
flex-direction: column;
width: 100%;
}

.footer-col {
display: flex;
flex-direction: column;
gap: 28px;
}


.copyright {
font-size: 12px;
line-height: 18px;
font-weight: 400;
display: flex;
flex-direction: column;
gap: 16px;
color: rgba(255, 255, 255, 0.5);
}

.copyright a {
text-decoration: none;
color: rgba(255, 255, 255, 0.5);
}

.footer-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}

.footer-col li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}

.footer-col ul {
display: flex;
flex-direction: column;
gap: 20px;
}

.imperium-logo {
text-align: right;
}

.footer-col-column {
display: flex;
flex-direction: column;
gap: 60px;
}

.footer-col-left {
display: flex;
flex-direction: column;
gap: 66px;
}

.contact-info {
display: flex;
flex-direction: column;
gap: 16px;
}

.phone, .email {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}

.email {
padding: 0 0 8px 0;
}

#openModalBtn, #closeModalBtn {
display: none;
border: none;
width: 40px;
height: 40px;
}

.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 105px;
width: 100%;
background-color: #1a1a1a;
box-sizing: border-box;
}

.modal-content {
background-color: #1a1a1a;
width: 100%;
padding: 32px 32px;
display: flex;
flex-direction: column;
gap: 60px;
}

#burger-svg {
width: 40px;
height: 40px;
}

.open, .close {
background: none;
}

.burger-title {
font-size: 22.5px;
line-height: 28px;
font-weight: 500;
display: flex;
align-items: center;
gap: 12px;
}

.burger-col li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}


.arrow {
display: inline-block;
transition: transform 0.3s ease;
width: 20px;
height: 28px;
}

.arrow.up {
  transform: rotate(90deg);
}

.burger-submenu {
  display: none;
}

.burger-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0 0 0;
}

.arrow-svg {
width: 20px;
height: 28px;
transform: translateY(-1px);
}

#modalBody {
display: flex;
flex-direction: column;
gap: 32px;
}

.contact-number-mail {
display: flex;
flex-direction: column;
gap: 16px;
}

.contact-general {
display: flex;
gap: 12px;
align-items: center;
}

.contact-number-mail .highlight {
font-size: 20px;
line-height: 28px;
font-weight: 500;
}

#partners-container {
  display: flex;
  scroll-behavior: smooth;
  transition: transform 0.3s ease;
}

.main-partners .swiper-container {
width: 100%;
overflow: hidden;
height: 458px;
}

.news .news-container {
width: 100%;
overflow: hidden;
height: 320px;
}

.other-news .news-container {
overflow: hidden;
}

.slider-btn {
width: 48px;
height: 48px;
border: none;
background: transparent;
cursor: pointer;
outline: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}

.button-general {
display: none;
}

.button-slider {
display: flex;
flex-direction: column;
}

.footer-content-mobile {
display: none;
}

.about-mobile {
display: none;
}

.mobile-btn {
display: none;
}

.second-img-modile {
display: none;
}

.about-caption {
font-size: 20px;
line-height: 28px;
font-weight: 500;
}

.about-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.about-wrapper-common {
display: flex;
gap: 119px;
}

.about-wrapper {
display: flex;
flex-direction: column;
gap: 120px;
width: 100%;
}

.about-wrapper .about-img {
width: 100%;
height: 474px;
padding: 46px 0 0 0;
}

.sidebar {
width: 117px;
height: 144px;
top: 360px;
z-index: 10;
position: sticky;
}

.sidebar li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.sidebar ul {
display: flex;
flex-direction: column;
gap: 16px;
}

.company-header {
display: flex;
border: 1px solid #B2B2B266;
}

.company-header .company-description {
padding: 66px 0px 66px 40px;
display: flex;
flex-direction: column;
flex: 1;
}

.company-header .head-title {
padding: 8px 0 40px 0;
}

.company-header .image-408 {
width: 340px;
}

.company-caption {
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: #FFFFFFB2;
}

.image-408 {
height: 408px;
margin: 40px 40px 40px 32px;
}

.company-history {
display: flex;
flex-direction: column;
gap: 40px;
}

.company-history .history-buttons {
display: flex;
justify-content: space-between;
}

.company-history .year-buttons {
display: flex;
gap: 12px;
}

.company-history .history-description {
display: flex;
flex-direction: column;
gap: 8px;
}

.company-history .history-item {
display: flex;
border: 1px solid #B2B2B266;
}

.company-history .history-item-mobile {
display: flex;
flex-direction: column;
gap: 24px;
padding: 40px 0px 40px 40px;
flex: 1;
}

.company-history .image-408-mobile {
display: none;
}

.company-history .image-408 {
width: 408px;
}

.year {
display: inline-block;
padding: 10px 16px;
background: #191919;
border: 1px solid #B2B2B266;
border-radius: 25px;
color: #FFFFFFB2;
}

.arrow-buttons {
display: flex;
gap: 24px;
}

.arrow-prev, .arrow-next {
background: none;
border: none;
width: 32px;
height: 32px;
}

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

.advantages-item {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px 12px;
border: 1px solid #B2B2B266;
width: 24%;
text-align: center;
}

.advantages-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}

.advantages .head-title {
padding: 8px 0 40px 0;
}

.about-wrapper .bought {
align-items: start;
padding: 0 0 40px 0;
}

.company-items-container {
flex: 1;
}

.about-wrapper .third-img {
width: 334px;
}

.year.active {
    background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.arrow-prev[disabled],
.arrow-next[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.company-history .history-item {
    display: none;
}
.history-item.active {
    display: flex;
}

.leftmenu {
width: 266px;
height: max-content;
top: 542px;
z-index: 10;
position: sticky;
}

.leftmenu li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.menu-header-submenu {
display: none;
}

.menu-header-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0 0 0;
}

.left-submenu {
  display: none;
}

.left-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0 0 0;
}

.leftmenu-item li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}

.catalog-wrapper-common {
display: flex;
gap: 88px;
}

.catalog-wrapper {
flex: 1;
}

.catalog-wrapper-general {
padding: 58px 0 120px 0;
display: flex;
flex-direction: column;
gap: 46px;
}

.main-menu {
display: flex;
flex-direction: column;
gap: 46px;
}

.leftmenu-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: space-between;
}

.main-menu-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
display: flex;
align-items: center;
gap: 6px;
}

.menu-header-title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
display: flex;
align-items: center;
gap: 12px;
}

.main-menu-above {
display: flex;
justify-content: space-between;
}

.menu-above-button {
  width: 214px;
  height: 52px;
  border: 1px solid;
  border-image-source: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
  border-image-slice: 1;
  border-image-width: 1px;
  background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
  background-clip: text;
  color: transparent;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
  filter: brightness(0.6);
}

.breadcrumbs {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF80;
}

.catalog-contact-info {
background: #9292921A;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}

.catalog-contact-title {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

.catalog-contact-number {
font-size: 40px;
line-height: 48px;
font-weight: 500;
}

.menu-above-title {
font-size: 48px;
line-height: 56px;
font-weight: 500;
}

.menu-above-subtitle {
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: #FFFFFF80;
}

.menu-above-description {
display: flex;
flex-direction: column;
gap: 16px;
}

.catalog-steps {
display: flex;
gap: 16px;
align-items: center;
}

.catalog-steps .step.active {
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.certificates-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.certificates-wrapper-common {
display: flex;
gap: 113px;
}

.certificates-wrapper {
flex: 1;
display: flex;
flex-direction: column;
gap: 46px;
}

.certificates-container-below {
display: flex;
gap: 16px;
}

.certificates-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}

.certificates-image {
  height: 288px;
  padding: 24px 103px;
  background-color: #3D3D3D4D;
  transition: all 0.3s ease;
  position: relative;
}

.certificates-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.certificates-image:hover::before {
  opacity: 1;
}

.certificates-wrapper img {
object-fit: unset;
}

.certificates-item-description {
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: center;
}

.certificates-wrapper-general .sidebar {
top: 320px;
}

.container-above-title {
font-size: 48px;
line-height: 56px;
font-weight: 500;
}

.certificates-modal {
display: none;
position: absolute;
z-index: 10000;
top: calc(50% + 35px);
left: 50%;
transform: translate(-50%, -50%);
width: 666px;
height: 942px;
}

.modal-close {
width: 40px;
height: 40px;
position: absolute;
z-index: 10000;
top: calc(50% - 416px);
left: calc(50% + 399px);
transform: translate(-50%, -50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease;
display: none;
}

.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(25, 25, 25, 0.6);
z-index: 9999;
transition: opacity 0.3s ease;
pointer-events: none;
}

.modal-overlay.active {
display: block;
}

.partners-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.partners-wrapper-common {
display: flex;
gap: 118px;
}

.partners-wrapper {
flex: 1;
display: flex;
flex-direction: column;
}

.partners-container-below {
display: flex;
flex-direction: column;
gap: 16px;
max-height: none;
height: 0;
opacity: 0;
overflow: hidden;
}

.partners-container-below.active {
height: auto;
opacity: 1;
overflow: visible;
}

.partners-container-middle{
margin: 46px 0 40px 0;
display: flex;
gap: 12px;
}

.factory-button {
padding: 10px 16px;
border: 1px solid #B2B2B266;
border-radius: 50px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
background: none;
}

.factory-button.active {
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
border: none;
color: #FFFFFF;
}

.partners-image {
height: 80px;
width: 112px;
}

.partners-above-title {
font-size: 48px;
line-height: 56px;
font-weight: 500;
}

.partners-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}

.partners-description {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
height: 100%;
}

.partners-open-on-click {
margin: 0 40px 0 128px;
display: flex;
flex-direction: column;
gap: 16px;
height: 0px;
opacity: 0;
}

.partners-open-on-click.active {
height: auto;
opacity: 1;
}

.partners-open-on-click a {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFF2CE;
}

.partners-item-general {
display: flex;
gap: 16px;
}

.partners-item {
display: flex;
flex-direction: column;
padding: 24px;
border: 1px solid #B2B2B266;
height: 100%;
}

.partners-item:hover {
background: #9292921A;
}

.partners-title {
display: flex;
align-items: center;
flex: 1;
justify-content: space-between;
}

.partners-wrapper-general .arrow.up {
transform: rotate(180deg);
}

.partners-wrapper-general .arrow {
width: 32px;
height: 32px;
}

.contact-form {
display: flex;
gap: 40px;
margin: 120px 0 0 0;
padding: 48px 40px;
border: 1px solid #B2B2B266;
}

.form-title {
font-size: 40px;
line-height: 48px;
font-weight: 500;
}

.form-container {
display: flex;
flex-direction: column;
gap: 40px;
width: 630px;
}

.form-general {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
width: 600px;
}

#full-name, #email {
width: 100%;
height: 44px;
background: #FFFFFF1A;
border: none;
padding: 16px 12px;
color: #FFFFFFB2;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

#message {
width: 100%;
height: 152px;
background: #FFFFFF1A;
border: none;
padding: 16px 12px;
color: #FFFFFFB2;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

.select {
display: flex;
gap: 4px;
width: 100%;
height: 44px;
}

.select-header {
width: 72px;
display: flex;
align-items: center;
padding: 16px 12px;
justify-content: space-between;
background: #FFFFFF1A;
height: 100%;
border: none;
}

#phone {
width: 100%;
background: none;
height: 100%;
border: none;
}

.number-container {
display: flex;
align-items: center;
flex: 1;
background: #FFFFFF1A;
padding: 12px 10px;
gap: 10px;
}

.number-item {
display: none;
}

.number-item.active {
display: block;
}

.flag-item {
display: none;
}

.flag-item.active {
display: block;
}

.select-general {
display: flex;
flex-direction: column;
width: 72px;
}

#country-dropdown {
width: 100%;
display: none;
max-height: 280px;
position: absolute;
overflow-y: auto;
top: 170px;
left: 0;
}

#country-dropdown.active {
display: block;
}

.country-item {
display: flex;
gap: 8px;
padding: 16px;
align-items: center;
background: #FFFFFF;
}

.country-name {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #091720;
}

.country-code {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #B6B6B6;
}

.form-image {
flex: 1;
padding: 0 0 39px 0;
}

.input-container {
flex: 1;
}

.input-item {
display: none;
}

input[name="phone"] {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
background: none;
border: none;
}

.select-header .arrow {
width: 20px;
height: 20px;
}

.number-item {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFFFFF;
}

.submit-text {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #7A7D81;
}

.submit-text a {
color: #FFFFFF;
text-decoration: underline;
}

.checkbox-input {
display: none;
}

.custom-checkbox {
display: flex;
gap: 8px;
}

.checkbox-custom {
width: 16px;
height: 16px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
}

.checkbox-custom:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
}

.checkbox-custom svg {
opacity: 0;
width: 12px;
height: 9px;
}

.checkbox-input:checked + .checkbox-custom {
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.checkbox-input:checked + .checkbox-custom svg {
opacity: 1;
}

.partners-wrapper-general .btn {
width: 233px;
}

.news-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.news-wrapper-common {
display: flex;
gap: 118px;
}

.news-container-middle {
margin: 46px 0 40px 0;
display: flex;
gap: 16px;
}

.news-search {
width: 640px;
height: 44px;
background: #FFFFFF1A;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
}

.news-date-selection {
flex: 1;
height: 44px;
background: #FFFFFF1A;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
position: relative;
}

.search, .date-selection {
background: none;
flex: 1;
border: none;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFFB2;
}

.news-wrapper {
flex: 1;
display: flex;
flex-direction: column;
}

.news-wrapper-general .news-container-below {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}

.news-wrapper-general .news-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.news-item {
width: 373px;
height: 372px;
display: flex;
flex-direction: column;
gap: 16px;
border: 1px solid #B2B2B266;
padding: 24px;
}

.news-wrapper-general .news-title {
height: 128px;
}

.calendar-container {
height: max-content;
background: #FFFFFF;
box-shadow: 0px 2px 12.5px 0px #888C8E26;
padding: 20px;
display: none;
flex-direction: column;
gap: 8px;
width: 328px;
position: absolute;
top: 52px;
left: 0;
}

.calendar-container.active {
display: flex;
}

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

.month-year {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #1A1A1A;
width: 144px;
text-align: center;
}

#prev-month, #next-month {
border: none;
width: 24px;
height: 24px;
background: none;
}

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

.weekdays .day {
color: #7A7D81;
}

.day {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #091720;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}

.day.outside-month {
color: #7A7D81;
}

.calendar-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.news-wrapper-general .buttons {
display: flex;
gap: 24px;
padding: 8px 0 0 0;
}

.news-wrapper-general .buttons .btn {
width: 132px;
height: 52px;
}

.news-wrapper-general #reset {
background: none;
border: none;
color: #D4AF37;
}

.news-wrapper-general #apply {
border: none;
}

.day.range-start, .day.range-end {
background-color: #D4AF37;
}

.day.range-middle {
color: #D4AF37;
}

.sidemenu-hightlight {
font-weight: 700 !important;
color: #FFFFFF !important;
}

.expansion-wrapper-general {
display: flex;
flex-direction: column;
gap: 44px;
padding: 48px 0 120px 0;
}

.information-container {
display: flex;
flex-direction: column;
gap: 40px;
}

.information-container-above {
display: flex;
align-items: center;
gap: 4px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFF2CE;
}

.information-container-below {
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 236px 0 0;
}

.information-image {
height: 428px;
}

.information-image img {
object-position: center 20%;
}

.information-description-container {
display: flex;
flex-direction: column;
gap: 20px;
}

.other-news {
display: flex;
flex-direction: column;
gap: 40px;
}

.other-news .news-item {
flex: 1;
height: 320px;
}

.other-news .center-button {
display: flex;
justify-content: center;
}

.catalog-wrapper-general .checkbox-custom {
border-radius: 0;
background-color: #1a1a1a;
border: 1px solid #B2B2B266
}

.catalog-wrapper-general .checkbox-input:checked + .checkbox-custom {
background: #D4AF37;
}

.checkbox-input:checked ~ .drop-title {
color: #FFF2CE;
}

.catalog-wrapper-general .arrow {
width: 20px;
height: 20px;
}

.catalog-wrapper-general .leftmenu .arrow {
width: 20px;
height: 28px;
}

.catalog-wrapper-general .leftmenu .arrow.up {
transform: rotate(90deg);
}

.catalog-wrapper-general .arrow.up {
transform: rotate(180deg);
}

.main-menu-container {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #B2B2B266;
padding: 0 0 20px 0;
}

.minor-menu-container {
display: none;
flex-direction: column;
gap: 20px;
margin: 20px 0 0 0;
}

.minor-menu-container.active {
display: flex;
}

.main-item {
display: flex;
align-items: center;
gap: 6px;
position: relative;
}

.brand {
width: 136px;
}

.size {
width: 102px;
}

.delivery-status {
width: 188px;
}

.gost {
width: 216px;
}

.availability {
width: 136px;
}

.main-drop {
position: absolute;
z-index: 10;
top: 36px;
left: 0;
flex-direction: column;
gap: 16px;
padding: 20px;
border: 1px solid #B2B2B266;
overflow-y: auto;
width: 294px;
height: 440px;
background: #1a1a1a;
}

.main-drop {
display: none;
}

.main-drop.show {
display: flex;
}

.minor-menu-container .item {
display: flex;
justify-content: space-between;
}

.main-menu-below {
padding: 24px;
border: 1px solid #B2B2B266;
}

.services-wrapper-general {
padding: 58px 0 120px 0;
display: flex;
flex-direction: column;
gap: 46px;
}

.services-wrapper,
.delivery-wrapper,
.cooperation-wrapper,
.products-wrapper,
.expansion-wrapper {
display: flex;
flex-direction: column;
gap: 120px;
}

.main-services {
display: flex;
flex-direction: column;
gap: 40px;
}

.main-services .about-caption {
margin: 6px 0 0 0;
}

.services-container {
display: flex;
gap: 20px;
}

.services-item {
flex: 1;
padding: 24px;
border: 1px solid #B2B2B266;
display: flex;
flex-direction: column;
gap: 10px;
height: 314px;
position: relative;
}

.services-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.services-item:hover::before {
  opacity: 1;
}

.services-item .subtitle {
max-width: 380px;
color: #FFFFFFB2;
}

.services-form {
display: flex;
flex-direction: row-reverse;
gap: 70px;
padding: 48px 40px;
border: 1px solid #B2B2B266;
}

.catalog-menu {
display: flex;
flex-direction: column;
gap: 48px;
flex: 1;
}

.catalog-menu-below {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.catalog-menu-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
border: 1px solid #B2B2B266;
}

.catalog-img {
height: 200px;
}

.catalog-menu-item .catalog-img {
margin: 8px 0 0 0;
}

.catalog-img img {
object-fit: inherit;
}

.catalog-menu-items {
width: 100%;
display: flex;
gap: 20px;
}

.auxiliary {
width: 66%;
flex: none;
}

.auxiliary img {
object-fit: cover;
object-position: 20% 25%;
}

.catalog-menu-item .highlight {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFF2CE;
background: none;
border: none;
text-align: left;
}

.catalog-menu-below .menu-item-description {
display: flex;
flex-direction: column;
gap: 10px;
}

.delivery-wrapper-general {
padding: 58px 0 120px 0;
display: flex;
flex-direction: column;
gap: 46px;
}

.delivery-svg {
fill: #D4AF37;
fill-opacity: 0.3;
stroke: #191919;
stroke-width: 1.1224;
stroke-miterlimit: 10;
transition: fill-opacity 0.3s ease;
}

.delivery-svg:hover {
fill-opacity: 1; 
}

.svg-defective-one {
fill: #D4AF37;
fill-opacity: 0.3;
}

.svg-defective-two {
stroke: #191919;
stroke-width: 1.1224;
stroke-miterlimit: 10;
}

.delivery-geography {
display: flex;
flex-direction: column;
gap: 16px;
}

.delivery-description {
display: flex;
flex-direction: column;
gap: 46px;
}

.delivery-img {
height: 550px;
}

.delivery-container {
display: flex;
gap: 20px;
margin: 24px 0 0 0;
}

.delivery-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
height: 418px;
padding: 24px;
border: 1px solid #B2B2B266;
}

.delivery-item-img {
height: 200px;
margin-top: auto;
overflow: hidden;
}

.dilvery-svg-container {
padding: 46px 112px 81px 52px;
position: relative;
}

.yellow-circle {
fill: white;
stroke: #D4AF37;
stroke-width: 1;
}

.hover-circle:hover .yellow-circle {
fill: #D4AF37;
}

.hover-text {
position: absolute;
top: 478px;
left: 282px;
display: none;
padding: 8px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #1A1A1A;
background: #FFFFFF;
}

.point {
position: absolute;
top: 522px;
left: 268px;
width: 31px;
height: 31px;
}

.hover-text.active {
display: block;
}

.delivery-wrapper-general .services-form {
flex-direction: row;
}

.open-submenu, .close-submenu {
border: none;
background: none;
width: 20px;
height: 20px;
}

.close-submenu {
display: none;
}

.close-submenu.active {
display: block;
}

.open-submenu.hidden {
display: none;
}

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

.faq-item {
padding: 24px;
background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
display: flex;
flex-direction: column;
gap: 20px;
}

.faq-container {
display: flex;
flex-direction: column;
gap: 16px;
margin: 24px 0 0 0;
}

.faq {
display: flex;
flex-direction: column;
gap: 16px;
}

.faq-title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
}

.faq-submenu {
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: none;
}

.faq-submenu.active {
display: block;
}

.cooperation-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.caption-button {
display: flex;
justify-content: space-between;
margin: 6px 0 0 0;
}

.open-to-cooperation {
display: flex;
flex-direction: column;
gap: 40px;
}

.caption-button .btn {
width: 341px;
border: none;
}

.cooperation-img {
height: 550px;
}

.cooperation-wrapper-general .bought {
padding: 0;
margin: 0 0 40px 0;
}

.cooperation-wrapper-general .contact-form {
margin: 0;
}

.contact-us-general {
display: flex;
gap: 20px;
margin: 24px 0 0 0;
}

.contact-us-container {
flex: 1;
display: flex;
flex-direction: column;
gap: 40px;
border: 1px solid #B2B2B266;
padding: 48px 40px;
}

.contact-us-img {
width: 570px;
height: 502px;
}

.contact-us-container .contact-number-mail {
gap: 28px;
}

.operating-mode {
margin-top: auto;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #FFFFFF80;
}

.contact-us {
display: flex;
flex-direction: column;
gap: 16px;
}

.location {
display: inline-block;
padding: 10px 16px;
background: #191919;
border: 1px solid #B2B2B266;
border-radius: 25px;
color: #FFFFFFB2;
}

.location.active {
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
border: none;
}

.contacts-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.map-container-above {
display: flex;
flex-direction: column;
gap: 40px;
}

.location-buttons {
margin: 6px 0 0 0;
}

.map-container {
display: flex;
gap: 20px;
}

.map-container .contact-us-container {
gap: 0;
}

.download-operating {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.download-scheme {
margin: 4px 0 0 52px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFF2CE;
}

.address {
display: none;
}

.address.active {
display: block;
}

.map {
display: none;
}

.map.active {
display: block;
}

.map {
width: 570px;
height: 502px;
}

.products-wrapper-general {
display: flex;
flex-direction: column;
gap: 46px;
padding: 48px 0 120px 0;
}

.products-title-container {
display: flex;
flex-direction: column;
gap: 40px;
}

.products-title-container .about-caption {
margin: 6px 0 0 0;
}

.order-title {
display: flex;
flex-direction: column;
gap: 16px;
}

.order-container {
display: flex;
gap: 20px;
}

.order-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px;
border: 1px solid #B2B2B266;
}

.what-order {
display: flex;
flex-direction: column;
gap: 40px;
}

.arrow-buttons-mobile {
display: none;
}

.a-title {
display: none;
}

.modal-swipe {
display: none;
}

.submit-text {
width: 480px;
}

.contacts-svg {
width: 40px;
height: 40px;
}

.cooperation-wrapper-general .contact-us-img-mobile {
display: none;
}

.map-svg {
width: 1234px;
height: 707px;
}

.hover-circle {
width: 31px;
height: 31px;
}

.g-center {
transform: translate(9.5px, 9.5px);
}

.desc-img {
display: block;
}

.mobile-img {
display: none;
}

.expansion-wrapper .swiper-wrapper {
display: flex;
}

.news .swiper-wrapper {
display: flex;
gap: 20px;
}

.news-wrapper-general .btn {
width: 258px;
height: 52px;
}

.catalog-wrapper .information-container-above {
display: none;
}

.main-wrapper-general {
position: relative;
}

.calculator-right-icon {
position: absolute;
top: 387px;
right: 0;
z-index: 100;
display: flex;
gap: 10px;
align-items: center;
width: 70px;
padding: 12px 2px 12px 12px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
transition: width 0.5s;
overflow-x: hidden;
}

.calculator-right-icon:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
}

.calculator-svg {
width: 42px;
height: 42px;
}

.calculator-right-icon:hover {
width: 306px;
}

.calculator-title {
font-size: 20px;
line-height: 28px;
font-weight: 700;
clip-path: inset(0 100% 0 0);
transition: clip-path 0.5s ease;
}

.calculator-right-icon:hover .calculator-title {
clip-path: inset(0 0 0 0);
}

.feedback-button {
position: fixed;
top: 796px;
right: 70px;
z-index: 100;
padding: 19px;
border: none;
border-radius: 50%;
background: linear-gradient(82.17deg, #E9CE6A -25.76%, #BE9545 -11.23%, #B57E41 9.41%, #BE9544 84%, #EACF6A 108.8%, #D9BA6D 122.45%);
}

.feedback-button:hover {
background: linear-gradient(82.17deg, #FEE794 -25.76%, #DDB464 -11.23%, #D59C5D 9.41%, #E4BD70 84%, #FBE282 108.8%, #EACD84 122.45%);
}

.feedback-button:focus {
outline: none;
box-shadow: none;
}

.feedback-svg {
width: 32px;
height: 32px;
}

.contact-modal {
display: none;
position: fixed;
z-index: 10000;
top: calc(50% + 15px);
left: calc(50%);
transform: translate(-50%, -50%);
width: 720px;
height: 724px;
background: #191919;
}

.contact-modal .contact-form {
border: none;
margin: 0;
display: block;
padding: 60px;
}

.contact-modal.active {
display: block;
}

.contact-modal .form-container {
align-items: center;
width: 600px;
}

.contact-modal .btn {
width: 100%;
}

.close-modal-relative {
position: relative;
}

.close-modal-btn {
position: absolute;
top: 32px;
right: 32px;
width: 40px;
height: 40px;
}

.main-partners .swiper-slide:hover {
background: #9292921A;
}

.header-container ul li a:hover,
.footer-content ul li a:hover {
color: #FFF2CE;
}

.calculator-container {
display: flex;
flex-direction: column;
gap: 46px;
}

.calculator-img {
height: 805px;
}

.main-partners .bought .head-title {
text-align: center;
}

.wrapper-buttons-container {
position: absolute;
bottom: 32px;
right: 64px;
z-index: 10;
display: flex;
gap: 12px;
align-items: center;
width: 42px;
}

.circle {
background: none;
border: none;
width: 13px;
height: 12px;
}

.head-wrapper {
position: relative;
width: 100%;
overflow: hidden;
height: 618px;
}

.slider-container {
display: flex;
transition: transform 0.5s ease-in-out;
height: 100%;
}

.slide {
min-width: 100%;
background-position: center 100%;
background-size: cover;
}

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

.wrapper-mobile .btn {
display: none;
}

.half-ring {
  transition: stroke-dashoffset 0.5s ease-out;
}

.product-item:nth-child(3) img {
object-position: center 20%;
}

@media (max-width: 3840px) {
.main-wrapper,
.about-wrapper-general,
.catalog-wrapper-general,
.certificates-wrapper-general,
.partners-wrapper-general,
.news-wrapper-general,
.expansion-wrapper-general,
.services-wrapper-general,
.delivery-wrapper-general,
.cooperation-wrapper-general,
.contacts-wrapper-general,
.products-wrapper-general,
.expansion-wrapper-general {
margin-left: auto;
margin-right: auto;
max-width: 1396px;
}
.header-container {
margin-left: auto;
margin-right: auto;
padding: 42px 0;
max-width: 1396px;
}
.footer-content {
margin-left: auto;
margin-right: auto;
padding: 42px 0;
max-width: 1396px;
gap: 98px;
}
.footer-col-general {
padding: 0 61.41px 0 0;
}
}

@media (max-width: 1440px) {
.nav-menu {
gap: 38px;
}
.main-wrapper {
margin: 0px;
padding: 0px 62px;
}
.about-wrapper-general {
margin: 0 62px;
}
.about-wrapper-general .stat-item {
width: 42%;
}
.header-container {
margin: 0px;
padding: 42px 62px;
}
.footer-content {
margin: 0px;
padding: 42px 62px;
}
.company-stat-container {
gap: 32px;
}
.main-partners .swiper-container {
height: 474px;
}
.footer-col-general {
padding: 0 41.41px 0 0;
}
.catalog-wrapper-general,
.certificates-wrapper-general,
.contacts-wrapper-general,
.cooperation-wrapper-general,
.delivery-wrapper-general,
.expansion-wrapper-general,
.news-wrapper-general,
.partners-wrapper-general,
.products-wrapper-general,
.services-wrapper-general {
margin: 0 62px;
}
.catalog-wrapper-common {
gap: 38px;
}
.certificates-image {
height: 268px;
}
.certificates-modal {
width: 606px;
height: 782px;
top: calc(50% + 25px);
}
.modal-close {
top: calc(50% - 346px);
}
.news-item {
width: 342px;
}
.feedback-button {
top: 616px;
}
.third-img {
width: 470px;
}
}

@media (max-width: 1024px) {
.header-container .logo {
width: 245px;
}
.main-wrapper {
padding: 0px 42px;
}
.header-container {
padding: 42px 42px;
}
.footer-content {
padding: 42px 42px;
gap: 38px;
}
#logo {
width: 245px;
}
.nav-menu {
gap: 28px;
}
.nav-menu a {
font-size: 16px;
}
#phone {
width: 44px;
height: 44px;
}
.phone-btn {
width: 44px;
height: 44px;
}
.company-stat-container .title {
font-size: 30px;
}
.company-stat-container .highlight {
font-size: 38px;
}
.stat-item {
width: 45%;
}
.general-stat {
gap: 28px
}
.main-partners .swiper-container {
height: 456px;
}
.text-box {
height: 502px;
padding: 38px 30px;
}
.footer-col {
gap: 24px;
}
.footer-col ul {
gap: 18px;
}
.main-partners .swiper-slide {
flex: none;
width: 342px !important;
}
.button-general {
display: flex;
align-items: center;
justify-content: center;
padding: 42px 0 78px 0;
gap: 20px;
}
.button-slider {
flex-direction: column-reverse;
}
.center-btn-100 {
padding: 30px 0 42px 0;
}
.bought {
padding: 80px 0 20px 0;
}
.partner-description {
font-size: 18px;
}
#news-swiper .news-title {
font-size: 20px;
line-height: 28px;
}
#news-swiper .news-description {
padding: 12px 0 0 0;
}
.news {
padding: 80px 0 0 0;
}
.center-btn-120 {
padding: 32px 0 80px 0;
}
.footer-col-general {
padding: 0;
}
.about-wrapper-general {
margin: 0 42px;
}
.about-wrapper-common {
gap: 59px;
}
.about-wrapper-general .company-header {
flex-direction: column;
gap: 20px;
}
.company-header .image-408 {
width: auto;
margin: 0 32px 40px 32px;
}
.company-header .company-description {
padding: 40px 32px 0 32px;
}
.company-header .head-title {
padding: 8px 0 20px 0;
}
.company-history .image-408 {
width: auto;
margin: 0 24px 24px 24px;
}
.history-item.active {
flex-direction: column;
gap: 16px;
}
.company-history .history-item-mobile {
padding: 24px 24px 0 24px;
}
.advantages-container {
flex-direction: column;
gap: 16px;
}
.advantages-item {
width: 100%;
}
.about-wrapper-general .company-stat-container {
gap: 32px;
}
.about-wrapper-general .stat {
flex-direction: column;
gap: 32px;
}
.about-wrapper-general .company-items-container {
height: 100%;
}
.about-wrapper-general .stat-item {
width: 100%;
}
.about-wrapper-general .arrow-buttons {
display: none;
}
.about-wrapper-general .arrow-buttons-mobile {
display: flex;
justify-content: center;
gap: 20px;
margin: 8px 0 0 0;
}
.arrow-buttons-mobile .arrow-prev,
.arrow-buttons-mobile .arrow-next {
border: 1px solid #B2B2B266;
width: 48px;
height: 48px;
padding: 12px;
}
.about-wrapper .about-img {
padding: 20px 0 0 0;
}
.about-wrapper-general .third-img {
height: auto;
}
.catalog-menu .catalog-img {
height: 380px;
}
.catalog-menu-items {
flex-direction: column;
}
.auxiliary {
width: 100%;
}
.catalog-img img {
object-fit: cover;
}
.certificates-wrapper-common {
gap: 63px;
}
.certificates-image {
padding: 24px 43px;
}
.certificates-modal {
width: 506px;
height: 682px;
top: calc(50% + 15px);
}
.modal-close {
top: calc(50% - 306px);
left: calc(50% + 329px);
}
.catalog-wrapper-general,
.certificates-wrapper-general,
.contacts-wrapper-general,
.cooperation-wrapper-general,
.delivery-wrapper-general,
.expansion-wrapper-general,
.news-wrapper-general,
.partners-wrapper-general,
.products-wrapper-general,
.services-wrapper-general {
margin: 0 42px;
}
.map-container {
flex-direction: column;
}
.map {
width: 100%;
}
.operating-mode {
margin: 32px 0 0 0;
}
.form-container {
width: 480px;
}
.form-general {
width: 450px;
}
.contact-form {
gap: 0;
}
.form-image {
padding: 39px 0;
}
.submit-text {
width: 420px;
}
.contact-us-container {
padding: 40px 32px;
}
.cooperation-wrapper-general .contact-us-img {
width: 420px;
height: 506px;
}
.contact-us-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.dilvery-svg-container {
padding: 0;
}
.hover-circle {
width: 21px;
height: 21px;
}
.map-svg {
width: 940px;
height: 607px;
}
.point {
top: 398px;
left: 162px;
width: 21px;
height: 21px;
}
.hover-text {
top: 354px;
left: 172px;
}
.information-container-below {
margin: 0;
}
.other-news .news-item {
height: 420px;
}
.news .swiper-wrapper {
gap: 0;
}
.news .news-container {
height: 420px;
}
.news-wrapper-general .sidebar,
.partners-wrapper-general .sidebar {
display: none;
}
.news-search {
width: 470px;
}
.news-item {
width: 300px;
height: 402px;
}
.news-wrapper-general .news-title {
height: 158px;
}
.services-form {
gap: 30px;
}
.order-container {
flex-wrap: wrap;
}
.order-item {
width: 460px;
flex: none;
}
.image-box {
width: 46%;
}
.catalog-wrapper-general .leftmenu {
display: none;
}
.services-item {
height: 356px;
}
.services-item .title {
font-size: 20px;
line-height: 28px;
}
.feedback-button {
top: 456px;
right: 80px;
}
.news .swiper-slide:last-child {
margin-right: 0 !important;
}
.expansion-wrapper .swiper-wrapper {
gap: 0;
}
.expansion-wrapper .swiper-wrapper .news-item:last-child {
margin-right: 0 !important;
}
.third-img {
width: 320px;
}
.about-wrapper .third-img {
width: 300px;
}
}

@media (min-width: 1025px) {
.main-partners .swiper-wrapper {
transform: none !important;
}
.news .swiper-slide,
.other-news .swiper-slide {
margin: 0 !important;
}
#partners-swiper .swiper-slide:last-child {
margin-right: 0 !important;
}
.expansion-wrapper .swiper-wrapper {
gap: 16px;
}
}

@media (min-width: 769px) {
.expansion-wrapper .swiper-wrapper {
transform: none !important;
}
}

@media (max-width: 768px) {
.nav-menu {
display: none;
}
.phone-btn {
display: none;
}
#openModalBtn {
display: block;
}
.header-container {
border-bottom: 1px solid #B2B2B266;
padding: 24px 32px;
}
.about-description-container .head-title {
font-size: 28px;
}
.about-description-container .highlight {
font-size: 38px;
}
.third-img {
display: none;
}
.company-items-container {
width: 100%;
}
.main-wrapper {
padding: 0 32px;
}
.footer-content {
padding: 24px 32px;
}
.center-btn-100 {
padding: 0px;
}
.main-partners .swiper-slide {
width: 262px !important;
}
.center-btn-100 {
padding: 20px 0 32px 0;
}
.button-general {
padding: 32px 0 68px 0;
}
.partner-description {
font-size: 16px;
}
.footer-content {
display: none;
}
.footer-content-mobile {
display: flex;
flex-direction: column;
gap: 40px;
align-items: start;
padding: 40px 32px 56px 32px;
border-top: 1px solid #B2B2B266;
width: 100%;
}
.footer-col-general {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-title {
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.about {
display: none;
}
.about-mobile {
display: flex;
flex-direction: column;
}
.about-mobile .image-box {
width: 100%;
height: 352px;
}
.about-mobile .about-container {
display: flex;
flex-direction: column;
padding: 24px;
border: 1px solid #B2B2B266;
}
.about-mobile .head-title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
padding: 8px 0 24px 0;
}
.about-mobile .title {
font-size: 20px;
line-height: 28px;
font-weight: 500; 
}
.about-mobile .caption {
padding: 8px 0 16px 0;
}
.about-mobile .steps {
padding: 32px 0 0 0;
justify-content: center;
}
.product-item:nth-child(1),
.product-item:nth-child(2),
.product-item:nth-child(3),
.product-item:nth-child(4),
.product-item:nth-child(5) {
width: 100%;
}
.general-product-item {
display: flex;
flex-direction: column;
gap: 24px
}
.product-item .product-item-img {
height: 300px;
}
.product-item .product-item-small-img {
height: 300px;
}
.catalog-wrapper-general,
.certificates-wrapper-general,
.contacts-wrapper-general,
.cooperation-wrapper-general,
.delivery-wrapper-general,
.expansion-wrapper-general,
.news-wrapper-general,
.partners-wrapper-general,
.products-wrapper-general,
.services-wrapper-general {
margin: 0 32px;
}
.sidebar {
display: none;
}
.certificates-container-below {
flex-direction: column;
gap: 24px;
}
.certificates-image {
height: 488px;
padding: 24px 212px;
}
.modal-overlay {
background-color: #191919;
}
.modal-swipe.active {
width: 704px;
display: flex;
justify-content: space-between;
position: absolute;
top: calc(50% + 284px);
left: 32px;
z-index: 10001;
align-items: center;
}
.modal-counter {
display: flex;
gap: 2px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.check {
display: none;
}
.check.active {
display: block;
}
.about-company, .main-wrapper-general .company-numbers {
padding: 87px 84px;
}
.about-description-container .main-title {
width: 508px;
}
.counter-current {
color: #FFFFFF;
}
.counter-total {
color: #FFFFFF80;
display: flex;
gap: 2px;
}
.certificates-wrapper-general .arrow-buttons-mobile {
display: flex;
gap: 24px;
}
.certificates-modal {
width: 428px;
height: 562px;
top: calc(50% - 15px);
}
.form-image {
display: none;
}
.form-container {
width: 100%;
}
.form-general {
width: 100%;
}
.submit-text {
width: 590px;
}
.cooperation-wrapper-general .contact-us-img {
display: none;
}
.cooperation-wrapper-general .contact-us-img-mobile {
display: block;
width: 100%;
height: 464px;
}
.contact-us-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.cooperation-wrapper-general .desc-btn {
display: none;
}
.cooperation-wrapper-general .mobile-btn {
display: flex;
margin: 0;
width: 100%;
justify-content: center;
}
.cooperation-wrapper-general .mobile-btn .btn {
width: 328px;
height: 48px;
}
.main-title {
font-size: 30px;
line-height: 38px;
font-weight: 500;
}
.delivery-container {
flex-direction: column;
gap: 24px;
margin: 16px 0 0 0;
}
.delivery-item-img {
height: 320px;
}
.map-svg {
width: 704px;
height: 457px;
}
.point {
top: 298px;
left: 122px;
width: 16px;
height: 16px;
}
.hover-circle {
width: 16px;
height: 16px;
}
.hover-text {
top: 254px;
left: 128px;
}
.yellow-circle {
fill: #D4AF37;
}
.other-news .news-item,
.news .swiper-slide {
flex: none;
width: 320px;
}
.news-search {
width: 342px;
}
.news-item {
width: 344px;
height: 402px;
}
.news-wrapper-general .news-container {
gap: 16px;
}
.order-item {
width: 100%;
}
.main-menu-below {
width: 704px;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.main-menu-container,
.minor-menu-container {
width: 940px;
}
.services-container {
flex-direction: column;
}
.services-item {
flex: none;
height: max-content;
}
.wrapper-buttons-container {
left: 50%;
transform: translateX(-50%);
bottom: 16px;
}
}

@media (max-width: 360px) {
.main-wrapper {
padding: 0 16px;
}
#logo {
width: 164px;
height: 32px;
}
.header-container .logo {
width: 164px;
height: 32px;
}
.header-container {
padding: 24px 16px;
}
.first-img {
height: 410px;
}
.btn {
width: 100%;
height: 52px;
}
.mobile-btn {
display: flex;
margin: 20px 0 0 0;
}
.desc-btn {
display: none;
}
.first-block .main-title {
padding: 0 0 20px 0;
}
.first-block {
padding: 28px 0 80px 0;
}
.second-img {
display: none;
}
.second-img-modile {
display: block;
padding: 0 0 32px 0;
}
.about-description-container .head-title,
.about-description-container .caption {
padding: 8px 0 32px 0;
}
.about-description-container .highlight {
padding: 0px;
}
.stat {
flex-direction: column;
gap: 32px;
}
.general-stat {
gap: 32px;
}
.stat-item {
width: 100%;
}
.company-items-container {
height: 100%;
}
.general-product-title {
padding: 80px 0 32px 0;
flex-direction: column;
}
.first-product-title {
gap: 8px;
}
.product-item:nth-child(1),
.product-item:nth-child(2),
.product-item:nth-child(3),
.product-item:nth-child(4),
.product-item:nth-child(5) {
margin: 0;
}
.bought {
padding: 80px 0 20px 0;
gap: 8px;
}
.clients-container {
margin: 20px 0 32px 0;
}
.clients .center-btn-120 {
padding: 0px;
}
.about-title {
padding: 80px 0 24px 0;
}
.news .head-title {
padding: 8px 0 24px 0;
}
.head-title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.highlight {
font-size: 30px;
line-height: 38px;
font-weight: 700;
}
.about-description-container .highlight {
font-size: 30px;
}
.title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.company-stat-container .title {
font-size: 24px;
}
.company-stat-container .highlight {
font-size: 30px;
}
.news .news-title {
width: 200px;
}
.about-mobile .image-box {
height: 232px;
}
.product-item .product-item-img {
height: 170px;
}
.product-item .product-item-small-img {
height: 170px;
}
.sidebar {
display: none;
}
.about-wrapper-general{
padding: 20px 0 80px 0;
gap: 16px;
margin: 0 16px;
}
.company-history .year-buttons {
gap: 8px;
}
.company-caption { 
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.advantages-title { 
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.about-wrapper .bought { 
padding: 0 0 20px 0;
}
.about-wrapper-general .company-history .company-caption {
height: 264px;
}
.catalog-menu .catalog-img {
height: 170px;
}
.catalog-wrapper-general,
.certificates-wrapper-general,
.contacts-wrapper-general,
.cooperation-wrapper-general,
.delivery-wrapper-general,
.expansion-wrapper-general,
.news-wrapper-general,
.partners-wrapper-general,
.products-wrapper-general,
.services-wrapper-general {
margin: 0 16px;
padding: 20px 0 80px 0;
gap: 16px;
}
.catalog-wrapper-general .a-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #FFF2CE;
display: flex;
gap: 4px;
align-items: center;
margin: 20px 0 0 0;
}
.catalog-wrapper-general .catalog-menu {
gap: 20px;
margin: 4px 0 0 0;
}
.catalog-contact-number {
font-size: 24px;
line-height: 32px;
}
.news-title {
font-size: 20px;
line-height: 38px;
font-weight: 500;
}
.catalog-menu-item .highlight {
display: none;
}
.breadcrumbs {
font-size: 12px;
line-height: 18px;
}
.certificates-image {
height: 288px;
padding: 24px 79px;
}
.certificates-modal {
width: 328px;
height: 462px;
top: calc(50%);
}
.modal-swipe.active {
left: 16px;
width: 328px;
}
.modal-close {
top: calc(50% - 310px);
left: calc(50% + 154px);
}
.map-container-above {
gap: 20px;
}
.map-container {
margin: 4px 0 0 0;
}
.contact-us-container {
padding: 40px 32px;
}
.about-caption {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.contact-form { 
margin: 80px 0 0 0;
padding: 24px;
}
.address {
width: 175px;
}
.contacts-svg {
width: 24px;
height: 24px;
}
.download-scheme {
margin: 8px 0 0 36px;
}
.select-header {
gap: 10px;
}
.number-container {
width: 204px;
}
input[name="phone"] {
width: 154px;
}
.form-container {
gap: 24px;
}
.submit-text {
width: 230px;
}
.cooperation-wrapper-general .contact-us-img-mobile {
height: 264px;
}
.cooperation-wrapper,
.delivery-wrapper,
.expansion-wrapper,
.products-wrapper,
.services-wrapper,
.about-wrapper {
gap: 80px;
}
.street-address {
width: 190px;
}
.cooperation-wrapper-general .operating-mode {
margin: 0;
}
.contact-us-container {
gap: 32px;
}
.contact-form .form-title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.open-to-cooperation {
gap: 20px;
}
.cooperation-wrapper-general .bought {
margin: 0 0 20px 0;
}
.map-svg {
width: 328px;
height: 196px;
}
.point {
top: 124px;
left: 56px;
width: 11px;
height: 11px;
}
.hover-circle {
width: 11px;
height: 11px;
}
.hover-text {
top: 90px;
left: 60px;
font-size: 12px;
line-height: 18px;
}
.services-form {
padding: 24px;
}
.faq-title {
font-size: 16px;
line-height: 24px;
}
.faq .faq-title {
width: 232px;
}
.faq {
gap: 8px;
}
.faq-container {
margin: 12px 0 0 0;
}
.faq-item {
gap: 12px;
}
.delivery-item {
gap: 8px;
}
.delivery-item-img {
height: 170px;
margin: 12px 0 0 0;
}
.delivery-container .delivery-item:first-child img {
transform-origin: left center;
transform: scale(1.9);
}
.desc-img {
display: none;
}
.mobile-img {
display: block;
}
.delivery-description .delivery-img {
height: 200px;
}
.delivery-description {
gap: 20px;
}
.delivery-geography {
gap: 8px;
}
.delivery-container {
margin: 24px 0 0 0;
}
.mobile-change-width {
width: 170px;
}
.other-news .news-item,
.news .swiper-slide {
width: 260px;
}
.information-container {
gap: 20px;
}
.other-news {
gap: 32px;
}
.news-container-middle {
flex-direction: column;
margin: 20px 0 32px 0;
}
.news-search { 
width: 328px;
}
.news-date-selection {
width: 328px;
}
.news-item {
width: 328px;
}
.news-wrapper-general .news-container-below {
gap: 32px;
}
.partners-image {
width: 60px;
height: 40px;
}
.partners-item:has(.partners-open-on-click.active) {
gap: 12px;
}
.partners-open-on-click {
margin: 0;
}
.partners-title {
font-size: 16px;
line-height: 24px;
}
.partners-container-middle {
overflow-x: auto; 
-ms-overflow-style: none;
scrollbar-width: none;
width: 328px;
margin: 20px 0 24px 0;
}
.partners-container-below {
width: 328px;
}
.partners-above-title {
font-size: 30px;
line-height: 38px;
}
.factory-button {
padding: 8px 16px;
}
.products-wrapper-general .about-title {
padding: 0;
}
.form-title {
font-size: 24px;
line-height: 32px;
}
.products-title-container {
gap: 20px;
}
.products-title-container .btn {
margin: 4px 0 0 0;
}
.what-order {
gap: 20px;
}
.order-container {
margin: 12px 0 0 0;
}
.menu-above-description {
flex-direction: row;
align-items: center;
gap: 0;
justify-content: space-between;
}
.main-menu-above {
flex-direction: column;
gap: 20px;
width: 328px;
}
.menu-above-title {
font-size: 30px;
line-height: 38px;
}
.menu-above-button {
width: 100%;
}
.main-menu {
gap: 24px;
}
.catalog-steps {
display: none;
}
.catalog-wrapper .information-container-above {
display: flex;
margin: 20px 0 0 0;
}
.main-menu-below {
width: 328px;
}
.menu-above-subtitle {
font-size: 20px;
line-height: 28px;
font-weight: 700;
}
.main-services {
gap: 20px;
}
.services-container {
margin: 4px 0 0 0;
}
.head-wrapper {
height: 410px;
}
.about-company, .main-wrapper-general .company-numbers {
padding: 60px 14px;
}
.about-description-container .main-title {
width: 208px;
font-size: 24px;
line-height: 32px;
}
.wrapper-mobile .about-company .btn {
display: none;
}
.wrapper-mobile .btn {
display: flex;
}
.calculator-right-icon {
display: none;
}
.feedback-button {
display: none;
}
}