:root {
    --swiper-pagination-color: #1d1d1d;
    --swiper-pagination-bullet-inactive-color: #888888;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    --swiper-pagination-bottom: 20px;
    --swiper-navigation-size: 20px;
}

@font-face {
    font-family: "Onest";
    src: url("./public/fonts/Onest/static/Onest-Regular.ttf");
}

@font-face {
    font-family: "Onest-Medium";
    src: url("./public/fonts/Onest/static/Onest-Medium.ttf");
}

@font-face {
    font-family: "Onest-SemiBold";
    src: url("./public/fonts/Onest/static/Onest-SemiBold.ttf");
}

@font-face {
    font-family: "Onest-Bold";
    src: url("./public/fonts/Onest/static/Onest-Bold.ttf");
}

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

button {
    color: #000;
    cursor: pointer;
}

html {
    /*overflow-x: hidden;*/
}

body {
    font-family: "Onest", "Arial", sans-serif;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    /*overflow-x: hidden;*/
}

main {
    overflow: hidden;
}

section {
    max-width: 1700px;
    margin: 0 auto;
}

li {
    text-align: left;
}

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

figcaption {
    text-align: left;
}

.scroll-block {
    overflow: hidden;
}

body.lock {
    height: 100vh;
    overflow: hidden;
}

.enableBlur > * {
    filter: blur(5px);
}

.enableBlurWithoutHeader > *:not(header) {
    filter: blur(5px);
}

.gray-button {
    height: 2.5rem;
    font-family: inherit;
    background-color: #ffffff;
    border-radius: 0.7rem;
    border: 2px solid #e7e7e7;
    padding: 0.5rem 2rem;
    cursor: pointer;
}

header {
    width: 100%;
    padding-top: 24px;
    position: relative;
}

@media (max-width: 750px) {
    header {
        padding-top: 30px;
    }
}

.modal-active {
    opacity: 1;
    z-index: 200;
    visibility: visible;
    filter: blur(0) !important;
    overflow: auto;
}

.modal-inactive {
    z-index: -20;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.modal-active h4 {
    font-size: clamp(24px, 5vw, 40px);
    margin-bottom: 25px;
}

.cross-button {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    right: 20px;
    top: 20px;
    /*top: 2vw;*/
    /*right: 2vw;*/
    z-index: 100;
}

.cross-button:hover {
    cursor: pointer;
}

.cross-button .first-line {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: black;
    transform: rotate(45deg);
}

.cross-button .second-line {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: black;
    transform: rotate(-45deg);
}

.feedback-call-form {
    position: fixed;
    max-width: 722px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: clamp(40px, 4vw, 60px) clamp(16px, 2.5vw, 60px);
}

.feedback-call-form h4 {
    font-family: "Onest-Bold", sans-serif;
    color: #1d1d1d;
    font-size: clamp(24px, 2vw, 30px);
    font-weight: 500;
    line-height: 125%;
    text-align: left;
}

.feedback-call-form.modal-active-thank .modal-call-thank-container {
    display: flex;
}

.feedback-call-form.modal-active-thank h4,
.feedback-call-form.modal-active-thank form,
.feedback-call-form.modal-active-thank .classic-form-checkbox-container {
    display: none;
}

.modal-call-thank-container {
    display: none;
    font-size: clamp(24px, 2vw, 40px);
    flex-direction: column;
    align-items: center;
}

.modal-call-thank-title {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    margin-bottom: clamp(24px, 3vw, 40px);
    text-align: center;
}

.modal-call-thank-container p {
    font-size: clamp(16px, 2vw, 20px);
    margin-bottom: clamp(24px, 3vw, 40px);
    text-align: center;
}

.call-modal-thank-button {
    position: static !important;
    width: 208px;
    height: 60px !important;
    margin-top: unset !important;
}

.feedback-call-form form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-call-form-input {
    height: clamp(62px, 3vw, 88px);
    color: #888888;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: 400;
}

.modal-call-form-input input {
    color: #888888;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: 400;
}

.subscribe-news-modal .modal-call-form-input {
    height: clamp(49px, 3vw, 62px);
}

.feedback-call-form .feedback-name {
    background-color: #e7e7e7;
    border: none;
    border-radius: 1rem;
    padding: 0 1rem;
}

.feedback-call-form .feedback-name:enabled {
    border: none;
    outline: none;
}

.feedback-call-form-tel {
    width: 100%;
    display: flex;
    border-radius: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: #e7e7e7;
    /*border-radius: 1rem 0 0 1rem;*/
    padding-left: 1rem;
    box-sizing: border-box;
}

.feedback-call-form-tel .feedback-tel-label {
    position: absolute;
    left: 3%;
    top: 10%;
    color: #888888;
    font-size: 0.8rem;
}

.feedback-call-form-tel .tel-prefix {
    border: none;
    width: 4%;
    position: relative;
    top: 5px;
    background: transparent;
}

.feedback-call-form-tel .tel-prefix:enabled {
    border: none;
    outline: none;

}

.feedback-call-form-tel .tel-body {
    border: none;
    width: 90%;
    background: transparent;
    position: relative;
    top: 5px;
}

.feedback-call-form-tel .tel-body:enabled {
    border: none;
    outline: none;
}

.feedback-call-form-submit {
    border: none;
    border-radius: 1rem;
    padding: 0 1rem;
    background-color: #b0171c;
    color: white;
}

.feedback-call-form-submit:hover {
    cursor: pointer;
}

.feedback-call-warning {
    display: flex;
    justify-content: center;
}

.feedback-call-warning p {
    font-size: 0.6rem;
    padding: 0 5px;
    margin: 0.3rem 0;
}

.feedback-call-warning span img {
    width: 0.6rem;
}

.feedback-call-warning p a {
    color: #b0171c;
    text-decoration: none;
}

.logo-phone-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.logo-phone-wrapper .order-call {
    font-weight: 400;
    font-size: 18px;
    color: #1d1d1d;
}

.header-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}

.header-phone-mobile {
    width: 0;
    visibility: hidden;
    height: 30px;
}

.header-phone a {
    margin-left: 1rem;
    color: black;
    text-decoration: none;
    white-space: nowrap;
}

.header-logo-wrapper {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-logo {
    margin: 0 auto;
    width: unset;
}

@media (max-width: 750px) {
    .header-logo {
        width: 80px;
    }
}

.mobile-menu {
    width: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.mobile-menu .first-line {
    position: absolute;
    width: 100%;
    height: 2px;
    transform: rotate(-45deg);
    background-color: black;
}

.mobile-menu .second-line {
    position: absolute;
    width: 100%;
    height: 2px;
    transform: rotate(45deg);
    background-color: black;
}

.order-call-wrapper {
    width: 25%;
    display: flex;
    justify-content: center;
}

.order-call {
    font-size: clamp(14px, 1vw, 16px);
    background-color: #e7e7e7;
    border: none;
    border-radius: 1rem;
    padding: 18px 32px;
    transition: background-color 0.3s ease-in;
    white-space: nowrap;
}

.order-call:hover {
    cursor: pointer;
    background-color: #c8c8c8;
}

.logo-phone-underline {
    width: 96%;
    height: 1px;
    margin: 20px auto 0 auto;
    background: linear-gradient(
            to right,
            rgba(29, 29, 29, 0),
            rgb(29, 29, 29),
            rgb(29, 29, 29),
            rgba(29, 29, 29, 0)
    );
}

@media (max-width: 750px) {
    .logo-phone-underline {
        width: 100%;
        margin-top: 30px;
    }
}

.header-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    transition: all 0.4s ease-in;
    flex-wrap: wrap;
    padding: 0 10px;
}

.header-menu-button,
.header-menu-button > a {
    font-family: inherit;
    font-size: 1rem;
    background-color: transparent;
    border: none;
    padding: 1px 9px;
    transition: color 0.3s ease-in;
    text-decoration: none;
    color: #000000;
}

.header-menu-button:hover,
.header-menu-button:hover > a {
    cursor: pointer;
    color: #b0171c;
}

.header-menu-button-active,
.header-menu-button-active > a {
    text-decoration: underline;
    color: #b0171c;
}

.categories-popup-modal {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    position: absolute;
    max-height: 0;
    left: 0;
    right: 0;
    width: 100%;
    transition: all 0.4s ease-in;
    background-color: white;
    z-index: -20;
    opacity: 0;
    visibility: hidden;
}

#menu-catalog:hover .categories-popup-modal {
    max-height: 1000vh;
    padding: 50px 0;
    opacity: 1;
    z-index: 200;
    visibility: visible;
}

.categories-popup-list {
    width: 40%;
    columns: 2;
    max-height: 0;
    transition: all 0.4s ease-in;
}

#menu-catalog:hover .categories-popup-list {
    max-height: 1000vh;
}

.categories-popup-list figure {
    display: flex;
    flex-direction: column;
    margin: 0 0 40px 3%;
    break-inside: avoid-column;
}

.categories-popup-list figcaption {
    color: #888888;
}

.categories-popup-list figure ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.categories-popup-list figure ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

.categories-popup-list figure ul li a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.categories-popup-list figure ul li a:hover {
    color: #b0171c;
}

.image-for-categories-section {
    width: 40%;
}

img {
    height: 100%;
    object-fit: cover;
}

.image-for-categories-section img {
    border-radius: 10px;
    width: 100%;
}

.gotschlich-popup-modal {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    position: absolute;
    width: 100%;
    transition: all 0.4s ease-in;
    background-color: white;
    max-height: 0;
    left: 0;
    right: 0;
    z-index: -20;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.header-menu-button > section {
    overflow: hidden;
}

#menu-gotschlich:hover .gotschlich-popup-modal {
    max-height: 1000vh;
    padding: 50px 0;
    opacity: 1;
    z-index: 200;
    visibility: visible;
}

.gotschlich-popup-list {
    width: 40%;
    columns: 2;
    max-height: 0;
    transition: all 0.4s ease-in;
}

#menu-gotschlich:hover .gotschlich-popup-list {
    max-height: 1000vh;
}

.gotschlich-popup-list figure {
    display: flex;
    flex-direction: column;
    margin: 0;
    break-inside: avoid-column;
    margin-bottom: 40px;
    margin-left: 3%;
}

.gotschlich-popup-list figcaption {
    color: #888888;
}

.gotschlich-popup-list figure ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.gotschlich-popup-list figure ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.gotschlich-popup-list figure ul li a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.gotschlich-popup-list figure ul li a:hover {
    color: #b0171c;
}

.image-for-gotschlich-section {
    width: 40%;
}

.image-for-gotschlich-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.avix-popup-modal {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    position: absolute;
    width: 100%;
    transition: all 0.4s ease-in;
    background-color: white;
    max-height: 0;
    left: 0;
    right: 0;
    z-index: -20;
    opacity: 0;
    visibility: hidden;
}

#menu-avix:hover .avix-popup-modal {
    max-height: 1000vh;
    padding: 50px 0;
    opacity: 1;
    z-index: 200;
    visibility: visible;
}

.avix-popup-list {
    width: 40%;
    columns: 2;
    max-height: 0;
    transition: all 0.4s ease-in;
}

#menu-avix:hover .avix-popup-list {
    max-height: 1000vh;
}

.avix-popup-list figure {
    display: flex;
    flex-direction: column;
    margin: 0;
    break-inside: avoid-column;
    margin-bottom: 40px;
    margin-left: 3%;
}

.avix-popup-list figcaption {
    color: #888888;
}

.avix-popup-list figure ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.avix-popup-list figure ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.avix-popup-list figure ul li a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.avix-popup-list figure ul li a:hover {
    color: #b0171c;
}

.image-for-avix-section {
    width: 40%;
}

.image-for-avix-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.projects-popup-modal {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    position: absolute;
    width: 100%;
    transition: all 0.4s ease-in;
    background-color: white;
    max-height: 0;
    left: 0;
    right: 0;
    z-index: -20;
    opacity: 0;
    visibility: hidden;
}

#menu-projects:hover .projects-popup-modal {
    max-height: 1000vh;
    padding: 50px 0;
    opacity: 1;
    z-index: 200;
    visibility: visible;
}

.projects-popup-list {
    width: 20%;
    columns: 1;
    max-height: 0;
    transition: all 0.4s ease-in;
}

#menu-projects:hover .projects-popup-list {
    max-height: 1000vh;
}

.projects-popup-list figure {
    display: flex;
    flex-direction: column;
    margin: 0;
    break-inside: avoid-column;
    margin-bottom: 40px;
    margin-left: 3%;
}

.projects-popup-list figcaption {
    color: #888888;
}

.projects-popup-list figure ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.projects-popup-list figure ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.projects-popup-list figure ul li a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.projects-popup-list figure ul li a:hover {
    color: #b0171c;
}

.image-for-projects-section {
    width: 70%;
}

.image-for-projects-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.company-popup-modal {
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    position: absolute;
    width: 100%;
    transition: all 0.4s ease-in;
    background-color: white;
    max-height: 0;
    left: 0;
    right: 0;
    z-index: -20;
    opacity: 0;
    visibility: hidden;
}

#menu-company:hover .company-popup-modal {
    max-height: 1000vh;
    padding: 50px 0;
    opacity: 1;
    z-index: 200;
    visibility: visible;
}

.company-popup-list {
    width: 20%;
    columns: 1;
    max-height: 0;
    transition: all 0.4s ease-in;
}

#menu-company:hover .company-popup-list {
    max-height: 1000vh;
}

.company-popup-list figure {
    display: flex;
    flex-direction: column;
    margin: 0;
    break-inside: avoid-column;
    margin-bottom: 40px;
    margin-left: 3%;
}

.company-popup-list figcaption {
    color: #888888;
}

.company-popup-list figure ul {
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.company-popup-list figure ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    list-style-type: none;
}

.company-popup-list figure ul li a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.company-popup-list figure ul li a:hover {
    color: #b0171c;
}

.image-for-company-section {
    width: 70%;
}

.image-for-company-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.welcome-preview-video {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3.5rem;
    padding-left: 10px;
    padding-right: 10px;
}

.welcome-preview-slider-wrapper {
    width: 17%;
    /*height: 2.5rem;*/
    height: 50px;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
}

.welcome-preview-slider-wrapper:has(.gotschlich-avix-slider) {
    width: 284px;
}

@media (max-width: 750px) {
    .welcome-preview-slider-wrapper:has(.gotschlich-avix-slider) {
        width: 176px;
    }

    .welcome-preview-slider-wrapper {
        height: 31px;
    }
}

.welcome-preview-slider-wrapper:hover {
    cursor: pointer;
}

.gotschlich-avix-slider {
    border: none;
    border-radius: 2rem;
    background-color: #e7e7e7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.gotschlich-avix-slider:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    .gotschlich-avix-slider {
        font-size: 14px;
    }
}

.gotschlich-avix-slider div {
    width: 50%;
    text-align: center;
    font-family: inherit;
    font-weight: 700;
    z-index: 3;
    transition: color 0.4s ease-in;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gotschlich-avix-slider .chosen-preview {
    color: white;
}

.slider-on-button {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b0171c;
    height: 100%;
    z-index: 2;
    border-radius: 2rem;
    transition: all 0.4s ease-in;
}

.welcome-preview-slider-wrapper .moved-slider {
    transform: translateX(100%);
}

.welcome-video-description {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5rem;
    position: relative;
    max-height: 508px;
    height: 508px;
}

@media (max-width: 750px) {
    .welcome-video-description {
        width: 92%;
    }
}

.welcome-video-description .video-container {
    position: relative;
    width: 100%;
    max-height: 508px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in;
}

.welcome-video-description .video-container.video-shown {
    opacity: 1;
    visibility: visible;
}

.welcome-video-description .video-container {
    position: relative;
    width: 100%;
    max-height: 508px;
    height: 100%;
}

.welcome-video-description .video-container img,
.welcome-video-description .video-container video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    max-height: 508px;
}

.welcome-video-description .video-container .above-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 1rem;
    color: white;
    font-family: inherit;
    font-weight: 700;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    max-height: 508px;
    padding: 60px 0;
}

.welcome-video-description .video-container .above-video h1,
h6 {
    margin-left: 6%;
    width: 35%;
    line-height: 150%;
}

.welcome-video-description .video-container .above-video h6 {
    margin-left: 6%;
    width: 55%;
    line-height: 150%;
    letter-spacing: 1px;
}

.description-under-preview {
    width: 100%;
    display: flex;
    margin-top: 0.5rem;
    position: absolute;
    bottom: -5.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: -5;
    transition: all 0.4s ease-in;
}

.description-under-preview-shown {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}

.description-under-preview .bestseller-name {
    width: 70%;
}

.description-under-preview .bestseller-name h2 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.description-under-preview .bestseller-name h2,
p {
    margin: 5px 0;
    padding: 0;
}

.description-under-preview .bestseller-name p {
    color: #1d1d1d;
    text-transform: lowercase;
    margin-top: 9px;
}

.description-buttons {
    /*width: 30%;*/
    display: flex;
    margin-left: auto;
}

@media (min-width: 751px) {
    .description-buttons {
        padding-right: 8px;
    }
}

.description-under-preview button {
    border: 2px solid transparent;
    border-radius: 1rem;
    margin-left: 1%;
    background-color: transparent;
    font-size: clamp(16px, 5vw, 18px);
}

.description-under-preview button:hover {
    cursor: pointer;
}

.description-under-preview .learn-more {
    width: 247px;
    /*width: 60%;*/
    background-color: #b0171c;
    color: white;
    font-family: inherit;
    flex-shrink: 0;
}

.description-under-preview .goto-catalog {
    width: 123px;
    flex-shrink: 0;
    font-family: inherit;
    color: #b0171c;
    border: 2px solid #b0171c;
}

.learn-about-avix {
    width: 100%;
    height: 17vw;
    min-height: 426px;
    margin-top: calc(100px + 4rem);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
    margin-right: auto;
    margin-left: auto;
    padding-left: 40px;
}

@media (max-width: 750px) {
    .learn-about-avix {
        min-height: 300px;
        height: unset;
        width: 100%;
        padding-left: unset;
    }
}

@media (min-width: 751px) {
    .learn-about-avix.gotschlich {
        height: 39.6vw;
        min-height: 400px;
        max-height: 760px;
        max-width: 1680px;
        padding-left: 48px;
        width: 98%;
    }
}

@media (max-width: 750px) {
    .learn-about-avix.gotschlich {
        height: unset;
        padding-left: 1rem;
        width: 96.5%;
    }
}

.learn-about-avix.gotschlich .avix-description h3 {
    margin-bottom: 3rem;
    font-weight: 700;
    font-size: 24px;
    color: #1d1d1d;
}

@media (max-width: 750px) {
    .learn-about-avix.gotschlich .avix-description h3 {
        margin-bottom: 1rem;
    }
}

.learn-about-avix.gotschlich .about-avix-img {
    width: 58%;
}

@media (max-width: 750px) {
    .learn-about-avix.gotschlich .about-avix-img {
        width: 100%;
        min-height: 266px;
    }
}

.learn-about-avix .avix-description {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 65px;
}

@media (max-width: 750px) {
    .learn-about-avix .avix-description {
        padding-top: 20px;
    }
}

.learn-about-avix .avix-description h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    margin-bottom: 0.8rem;
    margin-top: 0;
    width: 100%;
    max-width: 510px;
    font-size: clamp(30px, 3vw, 48px);
}

.learn-about-avix .avix-description p {
    width: 75%;
    max-width: 360px;
    font-size: clamp(16px, 2vw, 18px);
}

.learn-about-avix .avix-description button {
    border-radius: 16px;
    padding: 18px 32px;
    width: 247px;
    height: 60px;
    font-family: inherit;
    background-color: #b0171c;
    border: none;
    color: white;
    margin-top: 3rem;
    position: absolute;
    bottom: 4%;
    font-weight: 400;
    font-size: clamp(16px, 3vw, 18px);
    white-space: nowrap;
}

.learn-about-avix .avix-description button:hover {
    cursor: pointer;
}

.learn-about-avix .mobile-button {
    display: none;
}

.learn-about-avix .about-avix-img {
    width: 64%;
    border-radius: 0.5rem;
}

.learn-about-avix .about-avix-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.itis-your-best-decision {
    /*width: 55%;*/
    width: 68%;
    margin: 0 auto;
    margin-top: 100px;
}

.itis-your-best-decision.company {
    margin-top: clamp(100px, 9vw, 120px);
    margin-bottom: 70px;
}

@media (max-width: 750px) {
    .itis-your-best-decision.company {
        margin-top: 64px;
        margin-bottom: 64px;
    }
}

.itis-your-best-decision.company .left-header h1 {
    font-size: clamp(30px, 3.5vw, 48px) !important;
}

@media (min-width: 1251px) {
    .itis-your-best-decision.company {
        min-width: 1200px;
    }

    .itis-your-best-decision.company .right-description {
        min-width: 580px;
        width: 49%;
    }
}

.best-desicion-wrapper {
    display: flex;
    /*gap: 1rem;*/
    gap: 7rem;
}

@media (max-width: 1250px) {
    .best-desicion-wrapper {
        gap: 1rem;
    }
}

.best-desicion-wrapper:has(span) {
    gap: 8rem;
}

@media (max-width: 1250px) {
    .best-desicion-wrapper:has(span) {
        gap: 1rem;
    }
}

@media (max-width: 750px) {
    .best-desicion-wrapper:has(span) {
        gap: 1rem;
    }
}

.itis-your-best-decision .left-header {
    display: flex;
    flex-direction: column;
    width: 50%;
    font-size: clamp(30px, 4vw, 60px);
    color: #b0171c;
    line-height: 125%;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-wrap: nowrap;
}

.itis-your-best-decision .left-header h1 {
    margin: 0.5rem 0;
    font-size: clamp(30px, 4vw, 60px);
    color: #b0171c;
    line-height: 125%;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-wrap: nowrap;
}

.itis-your-best-decision .left-header h1:has(span) {
    text-wrap: wrap;
}

.itis-your-best-decision .left-header span {
    color: #888888;
}

.itis-your-best-decision .right-description {
    width: 50%;
    font-weight: 400;
    font-size: clamp(20px, 3vw, 30px);
    color: #888;
}

.itis-your-best-decision .right-description span {
    color: black;
}

.itis-your-best-decision .right-description p:has(span) {
    font-size: clamp(16px, 5vw, 30px);
}

.itis-your-best-decision.small-text {
    max-width: 1000px;
}

.itis-your-best-decision.small-text .right-description p {
    font-family: "Onest-SemiBold", sans-serif;
    color: #888888;
    font-size: clamp(16px, 2vw, 20px);
    width: 500px;
    line-height: 150%;
}

@media (max-width: 1250px) {
    .itis-your-best-decision.small-text .right-description p {
        width: unset;
        font-weight: 500;
    }
}

.itis-your-best-decision.small-text .left-header h1 {
    line-height: 100%;
}

.itis-your-best-decision.bold-text {
    max-width: 1200px;
    padding-bottom: 60px;
    margin-top: 60px;
}

@media (max-width: 750px) {
    .itis-your-best-decision.bold-text {
        padding-bottom: unset;
        margin-top: 32px;
    }
}

.itis-your-best-decision.bold-text .right-description p {
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(16px, 2.5vw, 30px);
    font-weight: 500;
    width: 500px;
}

@media (max-width: 1250px) {
    .itis-your-best-decision.bold-text .right-description p {
        font-family: "Onest-Medium", sans-serif;
        width: unset;
        font-weight: 500;
    }
}

.itis-your-best-decision p {
    color: #888888;
    font-family: inherit;
}

.itis-your-best-decision > p {
    font-family: "Onest-Medium", sans-serif;
}

.itis-your-best-decision h1:has(span) {
    line-height: 125% !important;
}

.premium-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .premium-gallery {
        width: 92%;
    }
}

.premium-gallery h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(30px, 3vw, 48px);
    text-align: center;
    margin-bottom: 20px;
}

.premium-gallery-menu {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 750px) {
    .premium-gallery-menu {
        width: 100%;
    }
}

.gallery-menu-button {
    font-family: inherit;
    font-size: 1rem;
    background-color: transparent;
    border: none;
    padding: 1px 9px;
    transition: color 0.3s ease-in;
    color: #888888;
}

.gallery-menu-button-active {
    color: #b0171c;
    text-decoration: underline;
}

.gallery-menu-button:hover {
    cursor: pointer;
    color: #b0171c;
}

.containers-wrapper {
    width: 100%;
    height: fit-content;
    /*height: 45vh;*/
}

.premium-gallery .gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    min-width: 100%;
    height: fit-content;
    max-height: 100%;
    gap: 2rem 1.2rem;
    visibility: hidden;
    opacity: 0;
    z-index: -5;
    transition: all 0.3s ease-in;
}

@media (max-width: 1250px) {
    .premium-gallery .gallery-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .premium-gallery .gallery-container .gallery-item {
        width: 100%;
        height: 100%;
        max-height: unset;
    }
}

.premium-gallery .gallery-container-active {
    visibility: visible;
    opacity: 1;
    z-index: 10;
}

.premium-gallery .gallery-item {
    border-radius: 16px;
    position: relative;
    /*width: 400px;*/
    width: 100%;
    /*height: 400px;*/
    height: 100%;
    /*min-height: 400px;*/
    height: 21vw;
    max-height: 400px;
}

@media (max-width: 1000px) {
    .premium-gallery .gallery-item {
        width: 42vw;
        height: 42vw;
    }
}

.premium-gallery .gallery-item:hover {
    cursor: pointer;
}

.premium-gallery .gallery-item img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.gallery-item .gallery-item-hover {
    height: 0;
    opacity: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #b0171c;
    text-align: center;
    line-height: 2rem;
    color: white;
    font-family: inherit;
    border-radius: 0 0 0.5rem 0.5rem;
    transition: all 0.3s ease-in;
}

.gallery-item:hover .gallery-item-hover {
    height: 2rem;
    opacity: 1;
}

.premium-gallery .check-all {
    margin-top: 48px;
    font-family: inherit;
    background-color: #b0171c;
    border: none;
    color: white;
    border-radius: 18px;
    padding: 16px 48px;
    width: 274px;
    height: 60px;
    font-weight: 400;
    font-size: 15px;
}

@media (max-width: 750px) {
    .premium-gallery .check-all {
        margin-top: 16px;
    }
}

.premium-gallery .check-all:hover {
    cursor: pointer;
}

.learn-about-gotschlich {
    width: 86%;
    max-height: 55vh;
    margin: 0 auto;
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
}

@media (max-width: 750px) {
    .learn-about-gotschlich {
        width: 92%;
    }
}

.learn-about-gotschlich .gotschlich-description {
    width: 40%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.learn-about-gotschlich .gotschlich-description h1 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    margin-top: 0;
    width: 100%;
}

.learn-about-gotschlich .gotschlich-description button {
    width: 50%;
    height: 2.5rem;
    font-family: inherit;
    background-color: #b0171c;
    border-radius: 0.7rem;
    border: none;
    color: white;
    margin-top: 3rem;
    position: absolute;
    bottom: 4%;
}

.learn-about-gotschlich .gotschlich-description button:hover {
    cursor: pointer;
}

.learn-about-gotschlich .about-gotschlich-img {
    width: 50%;
    border-radius: 0.5rem;
}

.learn-about-gotschlich .about-gotschlich-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.catalog {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

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

.catalog-header h1 {
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 500;
    margin-left: 30px;
}

@media (max-width: 750px) {
    .catalog-header h1 {
        margin-left: unset;
    }
}

.catalog-header button {
    height: 59px;
    font-family: inherit;
    background-color: transparent;
    border-radius: 18px;
    border: 2px solid #e7e7e7;
    padding: 0.5rem 2rem;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
}

.catalog-header button:hover {
    cursor: pointer;
}

.catalogSwiper .swiper-slide {
    height: 100% !important;
    /*max-width: 20.6vw;*/
    /*width: 30vw !important;*/
}

.catalogSwiper .swiper-scrollbar-catalog {
    margin-top: 10px;
}

.catalogSwiper .swiper-slide .catalog-item {
    width: 100%;
}

.catalog-item {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #e7e7e7;
    border-radius: 1rem;
    position: relative;
    transition: all 0.3s ease-in;
    padding: 10px;
}

.catalog-item-name {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 750px) {
    .catalog-item-name {
        font-size: 16px;
        font-weight: 500;
    }
}

.catalog-item:hover {
    cursor: pointer;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
}

.catalog-item .goto-arrow {
    position: absolute;
    top: 2%;
    right: 3%;
}

.catalogSwiper .catalog-item-img {
   max-width: 375px;
   width: 100%;
   margin-bottom: clamp(15px, 2vw, 25px);
   height: 100%;
}

@media (max-width: 750px) {
    .catalogSwiper .catalog-item-img {
        height: 82%;
    }
}

.catalog-item-img {
    width: 100%;
}

.catalog-item-img img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.swiper-wrapper {
    height: fit-content;
}

.swiper-wrapper-catalog {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
    max-height: 500px;
    height: 38vw !important; 
}

@media (max-width: 750px) {
    .swiper-wrapper-catalog {
        height: 50vw !important;
    }
}

@media (max-width: 550px) {
    .swiper-wrapper-catalog {
        height: 58vw !important;
    }
}

@media (max-width: 439px) {
    .swiper-wrapper-catalog {
        height: 88vw !important;
    }
}

.swiper-scrollbar-catalog {
    position: absolute !important;
    bottom: -2% !important;
}

.swiper-button-prev-catalog {
    position: absolute !important;
    top: 60% !important;
    left: -2% !important;
    color: black !important;
}

@media (max-width: 750px) {
    .swiper-button-prev-catalog,
    .swiper-button-next-catalog {
        display: none;
    }
}

.swiper-button-next-catalog {
    position: absolute !important;
    top: 60% !important;
    right: -2% !important;
    color: black !important;
}

.projects-SNG {
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #f6f6f6;
    border-radius: 0.5rem;
    padding-top: 2rem;
    padding-bottom: 4rem;
    max-width: 1940px;
    padding-left: 10px;
    padding-right: 10px;
}

.projects-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 2rem;
    max-width: 1680px;
}

@media (max-width: 750px) {
    .projects-header-wrapper {
        width: 92%;
    }
}

.projects-header-wrapper h1 {
    font-family: "Onest-Bold", sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.projects-header-wrapper span {
    color: #b0171c;
}

.projects-header-wrapper button {
    font-family: inherit;
    background-color: #ffffff;
    border: 2px solid #e7e7e7;
    border-radius: 18px;
    padding: 16px 32px;
    width: 183px;
    height: 59px;
    font-weight: 400;
    font-size: 18px;
    color: #1d1d1d;
    white-space: nowrap;
}

.projects-header-wrapper button:hover {
    cursor: pointer;
}

.projects-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    max-width: 1680px;
}

.single-project {
    position: relative;
    width: 30%;
}

.single-project .goto-arrow-projects {
    position: absolute;
    color: white;
    bottom: 5%;
    right: 5%;
    font-size: 1.3rem;
}

.projects-item-img {
    position: relative;
    width: 100%;
    /*height: 30vh;*/
    height: 390px;
}

.projects-item-img img {
    /* max-width: 100%;
  max-height: 100%; */
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.single-project h4 {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    margin: 0.7rem 0;
    line-height: 1.5rem;
    /*height: 3rem;*/
}

.single-project p {
    color: #888888;
    font-family: inherit;
}

.guarantees {
    width: 68%;
    margin: 0 auto;
    margin-top: 100px;
}

.guarantees h5,
.guarantees h1 {
    width: 70%;
    margin: 0 auto;
}

.guarantees h5 {
    color: #888888;
}

.guarantees h1 {
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.guarantees h1 span {
    color: #b0171c;
}

.guarantees p {
    color: #888888;
}

.refs-to-another-pages {
    width: 86%;
    height: 35vh;
    margin: 0 auto;
    margin-top: 100px;
    display: grid;
    grid-template-columns: 55% 21.5% 21.5%;
    grid-template-rows: repeat(2, auto);
    gap: 1vw;
}

@media (max-width: 750px) {
    .refs-to-another-pages {
        width: 92%;
    }
}

.refs-to-another-pages > * {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    position: relative;
    padding: 1vw;
    transition: all 0.4s ease-in;
}

.refs-to-another-pages > *:hover {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.refs-to-another-pages > * h3 {
    font-weight: 100;
    color: #1d1d1d;
}

.avix-ref {
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.avix-ref h1 {
    margin: 0;
    font-size: 2rem;
}

.avix-ref p {
    width: 60%;
    color: #888888;
}

.service-ref {
    grid-column: 2 / 4;
}

.refs-to-another-pages .goto-arrow-refs {
    position: absolute;
    bottom: 5%;
    right: 3%;
    font-size: 1.3rem;
}

.show-room {
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    height: 425px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .show-room {
        height: 262px;
        margin-top: 65px;
    }
}

.show-room-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.show-room-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.show-room-img img {
    /* max-width: 100%;
  max-height: 100%; */
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 25%;
    border-radius: 1rem;
}

.above-show-room {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    width: 100%;
    height: 100%;
    max-width: 1680px;
}

.above-show-room:hover {
    cursor: pointer;
}

.above-show-room > * {
    padding: 0;
    margin: 0;
}

.above-show-room h1 {
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 500;
}

.above-show-room p {
    width: 40%;
    font-size: clamp(20px, 2vw, 30px);
    font-weight: 400;
}

.goto-arrow-show-room {
    position: absolute;
    bottom: 5%;
    right: 3%;
    font-size: 1.7rem;
}

.phone-number-form {
    width: 80%;
    margin: 0 auto;
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: 20px;
}

@media (max-width: 750px) {
    .phone-number-form {
        margin-top: 65px;
        width: 95%;
    }
}

.phone-number-form p {
    font-size: clamp(20px, 5vw, 30px);
}

.phone-number-form h2 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(20px, 5vw, 30px);
    text-align: center;
    margin-bottom: 25px;
}

@media (max-width: 750px) {
    .phone-number-form h2 {
        font-weight: 500;
        margin-bottom: 0;
    }
}

.phone-number-form .phone-underline {
    width: 96%;
    height: 1px;
    margin: 25px auto 35px auto;
    background: linear-gradient(
            to right,
            rgba(29, 29, 29, 0),
            rgb(29, 29, 29),
            rgb(29, 29, 29),
            rgba(29, 29, 29, 0)
    );
}

@media (max-width: 750px) {
    .phone-number-form .phone-underline {
        margin: 0 auto 0 auto;
    }
}


.phone-number-form form {
    display: flex;
    position: relative;
    height: 54px;
    width: 340px;
}

@media (max-width: 750px) {
    .phone-number-form form {
        height: 49px;
    }
}

.phone-number-form form input::placeholder {
    color: rgb(136, 136, 136);
    font-family: "Onest", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.phone-number-form form input:enabled {
    border: none;
    outline: none;
}

.phone-number-form .email-footer {
    background-color: #e7e7e7;
    border: none;
    border-radius: 0.5rem 0 0 0.5rem;
    padding: 1rem 2rem;
    height: 100%;
    width: 100%;
}

.phone-number-form .submit-footer {
    width: 3.5rem;
    /*height: 3rem;*/
    border: none;
    border-radius: 0 0.5rem 0.5rem 0;
    background-color: #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.phone-number-form .submit-footer:hover {
    cursor: pointer;
}

@media (max-width: 750px) {
    .phone-number-form .email-footer {
        padding: 12px 24px;
        height: 49px;
    }

    .phone-number-form .submit-footer {
        height: 49px;
        width: unset;
        padding-right: 24px;
    }
}

.phone-number-form img {
    border-radius: 0.5rem;
    width: 24px;
    height: 24px;
}

.contacts-footer {
    background-color: #1d1d1d;
    margin-top: 60px;
    color: white;
    width: 100%;
    border-radius: 16px 16px 0px 0px;
    max-width: 1920px;
}

@media (max-width: 750px) {
    .contacts-footer {
        margin-top: 50px;
    }
}

.contacts-footer-wrapper {
    width: 86%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 750px) {
    .contacts-footer-wrapper {
        width: 92%;
    }
}

.contacts-footer-wrapper button {
    background-color: transparent;
    border: none;
    color: white;
}

.contacts-footer-wrapper button:hover {
    cursor: pointer;
}

.contacts-footer-wrapper .for-integrators {
    padding: 1rem 0;
    border: 2px solid white;
    border-radius: 15px;
    margin-top: 4rem;
}

@media (max-width: 750px) {
    .contacts-footer-wrapper .for-integrators {
        margin-top: 1rem;
    }
}

.contacts-footer-wrapper p {
    color: #888888;
}

@media (max-width: 750px) {
    .contacts-footer-wrapper p {
        max-width: 200px;
    }
}

.contacts-hrefs {
    display: flex;
    width: 25%;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 751px) {
    .contacts-hrefs {
        max-width: 241px;
    }
}

.contacts-hrefs > img {
    width: 60%;
    object-fit: contain;
}

@media (max-width: 750px) {
    .contacts-hrefs > img {
        width: 35%;
    }
}

.contacts-hrefs .social-media {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.contacts-hrefs-wrapper {
    display: flex;
    width: 60%;
    justify-content: space-between;
    align-items: center;
}

.contacts-hrefs-wrapper .contacts-hrefs {
    width: auto;
}

.contacts-hrefs-wrapper .contacts-hrefs:nth-child(2) {
    order: 2;
}

.contacts-hrefs figcaption {
    color: #888888;
    margin-bottom: 12px;
}

.contacts-hrefs ul {
    padding: 0;
    margin: 0;
}

.contacts-hrefs li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 12px;
}

.contacts-hrefs li a {
    color: white;
    text-decoration: none;
}

.footer-description {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    color: #888888;
    width: 65%;
    margin-left: 7%;
    margin-top: 100px;
    padding-right: 7%;
    font-size: clamp(14px, 5vw, 12px);
}

@media (max-width: 750px) {
    .footer-description {
        width: 92%;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
    }
}

.grey-underline {
    width: 86%;
    height: 2px;
    margin: 32px auto;
    background-color: #888888;
}

@media (max-width: 750px) {
    .grey-underline {
        width: 92%;
        margin: 12px auto;
    }
}

.policy-hrefs {
    display: flex;
    gap: clamp(16px, 5vw, 70px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    width: 86%;
}

@media (max-width: 750px) {
    .policy-hrefs {
        flex-direction: column;
        width: 92%;
    }
}

.policy-hrefs a {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    color: white;
    text-decoration: none;
    margin-right: 5vw;
}

.company-preview {
    width: 100%;
    position: relative;
    margin-top: 2rem;
    max-width: 1920px;
}

@media (max-width: 750px) {
    .company-preview {
        margin-top: 0;
    }

    .showroom-company-preview,
    .showroom-company-preview .image-company-wrapper {
        min-height: 260px;
    }
}

.showroom-company-preview .showroom-company-description {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.company-preview .image-company-wrapper {
    width: 100%;
    height: 53vw;
    max-height: 1060px;
    /*height: 70vh;*/
}

.company-preview .image-company-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-preview .above-company-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.company-policy-contacts-wrapper {
    display: flex;
    width: 100%;
}

@media (max-width: 750px) {
    .company-policy-contacts-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
}

.company-policy .contact-us-showroom {
    position: static;
    height: 60px !important;
    margin: unset;
    margin-left: auto;
}

@media (max-width: 750px) {
    .company-policy .contact-us-showroom {
        width: 100%;
        visibility: visible;
    }
}

.company-policy > h1 {
    font-size: clamp(30px, 3vw, 48px);
    text-align: center;
}

.company-policy > p {
    font-size: clamp(18px, 2vw, 30px) !important;
}

.company-events-preview {
    margin-top: 60px;
    max-height: 860px;
}

.company-events-preview .image-company-wrapper {
    height: unset;
}

.company-preview .above-company-image h1 {
    color: #b0171c;
    margin-bottom: 0;
    font-size: clamp(40px, 8vw, 120px);
}

.company-preview .above-company-image h3 {
    color: #ffffff;
    font-size: clamp(20px, 3vw, 60px);
    text-align: center;
    max-width: 90%;
}

.company-preview .above-company-image h4 {
    color: #ffffff;
    font-size: clamp(18px, 3vw, 24px) !important;
}

.company-preview.company-events-preview .above-company-image {
    padding-left: 5vw;
    align-items: start;
    margin: 0 auto;
}

.company-preview.company-events-preview h1 {
    color: #ffffff;
    font-weight: 700;
    text-align: left;
    font-size: clamp(30px, 3vw, 60px);
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.company-title,
.support-title {
    font-size: clamp(30px, 4vw,48px) !important;
}

.showroom-company-title {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 900;
    font-size: clamp(48px, 10vw, 200px) !important;
    margin-bottom: 60px !important;
}

.company-preview.company-events-preview .showroom-company-description {
    font-weight: 700;
    text-align: left;
    margin-top: clamp(40px, 6vw, 80px);
}

.for-beautiful-cards {
    /*width: 86%;*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(0.5rem, 1vw, 1rem);
    /*padding-left: unset !important;*/
    /*padding-right: unset !important;*/
}

.easy-to-use-gotschlich .for-beautiful-cards {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 750px) {
    .easy-to-use-gotschlich .for-beautiful-cards,
    .for-beautiful-cards {
        width: 100%;
    }
}

.for-beautiful-cards.width-100 {
    width: 100%;
}

.for-beautiful-cards h1 {
    color: #1d1d1d;
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 700;
}

.full-width-card {
    width: 100%;
    margin-top: 1rem;
}

.half-width-card {
    width: 49.4%;
    margin-top: 1rem;
}

.card-image-wrapper {
    width: 100%;
    /*height: 48vh;*/
}

.card-image-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
    /*height: 27vw;*/
    height: 45vw;
    max-height: 820px;
    /*min-height: 820px;*/
    min-height: 400px;
}

@media (max-width: 750px) {
    .card-image-wrapper img {
        min-height: 300px;
        height: 300px;
    }
}

.full-width-card h1 {
    margin-bottom: clamp(24px, 5vw, 32px);
}

.full-width-card h3,
.half-width-card h3 {
    margin-top: clamp(20px, 2vw, 40px);
    font-size: 20px;
}

@media (max-width: 750px) {
    .full-width-card h3,
    .half-width-card h3 {
        margin-top: 18px;
    }
}

.full-width-card p,
.half-width-card p {
    margin: clamp(20px, 2vw, 20px) 0 0 0;
}

.full-width-card p {
    padding: 0;
    color: #888888;
    font-weight: 400;
    font-size: 16px;
    max-width: 820px;
}

.half-width-card p {
    padding: 0;
    width: 80%;
    color: #888888;
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 1250px) {
    .half-width-card p {
        width: 100%;
    }
}

.other-slider {
    /*width: 100%;*/
    /*width: 86%;*/
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .other-slider {
        width: 100%;
    }
}

.other-slider h3 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    margin-bottom: 18px;
    font-size: clamp(20px, 5vw, 30px);
}

.other-slider p {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.gotschlich-slider {
    width: 100%;
    /*height: 60vh;*/
    border-radius: 1rem;
    /*min-height: 39.4vw;*/
}

@media (max-width: 750px) {
    .gotschlich-slider .swiper-wrapper {
        min-height: 300px;
    }
}

.gotschlich-slide {
    width: 100%;
    max-height: 820px;
}

@media (max-width: 750px) {
    .gotschlich-slide {
        height: unset;
    }
}

.slide-image-wrapper {
    width: 100%;
    height: 100%;
}

.slide-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    max-height: 820px;
}

.mechanizm {
    background-color: #f6f6f6;
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin-top: 60px;
    margin-bottom: 60px;
}

@media (max-width: 750px) {
    .mechanizm {
        border-radius: 16px;
    }
}

.mechanizm .for-beautiful-cards {
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    justify-content: center;
}

.mechanizm .itis-your-best-decision {
    width: fit-content;
    margin-top: clamp(35px, 5vw, 68px);
}

@media (max-width: 750px) {
    .mechanizm .itis-your-best-decision {
        text-align: left;
        width: 92%;
    }
}

.mechanizm .itis-your-best-decision h1 {
    font-size: clamp(20px, 3vw, 30px);
    max-width: 620px;
}

@media (max-width: 750px) {
    .mechanizm .itis-your-best-decision h1 {
        max-width: unset;
    }
}

.easy-to-use-gotschlich {
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.easy-to-use-gotschlich p {
    color: #888888;
    text-align: center;
}

.easy-to-use-gotschlich h1 {
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(24px, 2.5vw, 48px);
    font-weight: 500;
    text-align: center;
    margin-bottom: clamp(12px, 2vw, 24px);
}

.gotschlich-customization {
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    padding-top: clamp(32px, 3vw, 60px);
    padding-bottom: 0;
    width: 100vw;
    max-width: 1920px;
}

.gotschlich-customization > h5 {
    text-align: center;
    color: #888888;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 600;
}

.gotschlich-customization > p {
    text-align: center;
}

.gotschlich-customization > p,
.gotschlich-customization > h5 {
    color: #888888;
    width: 86%;
}

@media (max-width: 750px) {
    .gotschlich-customization > p,
    .gotschlich-customization > h5 {
        width: 92%;
    }
}

.gotschlich-customization h5 {
    font-family: "Onest-Semi-bold", sans-serif;
    font-size: clamp(16px, 2vw, 20px);
    margin-bottom: 18px;
}

.gotschlich-customization h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 2.5vw, 48px);
    margin-top: 0;
    text-align: center;
    margin-bottom: 12px;
}

.gotschlich-customization .for-beautiful-cards {
    margin-top: 0;
    width: 100%;
    padding-left: 10px !important;
    padding-right: 10px !important;
    justify-content: center;
}

.gotschlich-catalog {
    /*width: 86%;*/
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .gotschlich-catalog {
        width: 100%;
    }
}

.gotschlich-catalog > h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 2.5vw, 30px);
}

.gotschlich-catalog-header {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: clamp(30px, 3vw, 48px) !important;
}

.gotschlich-catalog-header span {
    color: #b0171c;
}

.gotschlich-catalog-description {
    color: #888888;
    width: 70%;
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 32px;
    line-height: 150%;
    font-size: clamp(14px, 2vw, 16px);
}

.gotschlich-catalog.avix .gotschlich-catalog-description {
    max-width: 554px;
}

.model-series-wrapper > h1,
.model-series-wrapper .small-width-categories > h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 2vw, 30px);
    margin-bottom: clamp(20px, 2.5vw, 40px);
    text-transform: lowercase;
}

.model-series-wrapper > h1::first-letter,
.model-series-wrapper .small-width-categories > h1::first-letter {
    text-transform: uppercase;
}

.gotschlich-catalog > button {
    border-radius: 12px;
    width: 225px;
    height: 59px;
    background-color: white;
    border: none;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    display: block;
    margin-top: 3.5rem;
    font-size: 18px;
    font-weight: 400;
    color: #1d1d1d;
}

@media (max-width: 750px) {
    .gotschlich-catalog > button {
        border-radius: 12px;
        width: 209px;
        height: 52px;
        font-size: 16px;
        margin-top: 24px;
    }
}

.gotschlich-catalog > button:hover {
    cursor: pointer;
}

.full-width-category {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    max-width: 1680px;
}

.full-width-category h1 {
    font-size: 1.5rem;
    margin-bottom: 40px;
}

.full-width-category h3 {
    margin-bottom: 0;
}

.full-width-category p {
    color: #888888;
    width: 60%;
}

.gotschlich-catalog .full-width-category button {
    border-radius: 16px;
    width: 247px;
    height: 60px;
    font-weight: 400;
    font-size: 18px;
    padding: 0;
}

@media (max-width: 750px) {
    .gotschlich-catalog .full-width-category button {
        width: 100%;
    }
}

.full-width-category button {
    width: 20%;
    padding: 1rem;
    border-radius: 0.5rem;
    border: none;
    color: white;
    background-color: #b0171c;
    align-self: flex-end;
}

.full-width-category button a {
    width: 100%;
    font-size: 18px;
}

@media (max-width: 750px) {
    .full-width-category button a {
        font-size: 16px;
    }
}

.full-width-category button:hover {
    cursor: pointer;
}

.gotschlich-catalog .full-width-category-description {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: clamp(18px, 2vw, 24px);
}

.model-series-wrapper.gotschlich .full-width-category-description {
    flex-direction: column;
    gap: clamp(18px, 2vw, 24px);
}

@media (max-width: 750px) {
    .gotschlich-catalog .full-width-category-description {
        flex-direction: column;
    }
}

.gotschlich-catalog .full-width-category-description button {
    margin-bottom: auto;
}

.gotschlich-catalog .full-width-category-image-wrapper {
    max-height: 674px;
    height: 45vw;
}

.full-width-category-image-wrapper {
    height: 27.2vw;
    min-height: 400px;
    width: 100%;
    margin-bottom: 40px;
}

.small-width-category-image-wrapper {
    margin-bottom: 40px;
}

@media (max-width: 750px) {
    .full-width-category-image-wrapper {
        min-height: 300px;
        margin-bottom: 20px;
    }

    .small-width-category-image-wrapper {
        margin-bottom: 20px;
    }
}

.full-width-category-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.gotschlich-catalog .full-width-category h3,
.gotschlich-catalog .small-width-category h3 {
    font-weight: 600;
    font-size: clamp(16px, 2vw, 20px);
    margin-bottom: 20px;
}

@media (max-width: 750px) {
    .gotschlich-catalog .full-width-category h3,
    .gotschlich-catalog .small-width-category h3 {
        margin-bottom: 18px;
    }
}

.gotschlich-catalog .full-width-category p,
.gotschlich-catalog .small-width-category p {
    font-size: clamp(14px, 2vw, 16px);
    color: #888;;
}

.gotschlich-catalog .small-width-categories {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem 2rem;
}

@media (max-width: 1250px) {
    .gotschlich-catalog .small-width-categories {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 750px) {
    .gotschlich-catalog .small-width-categories {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
}

.small-width-categories {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 5%;
}

.small-width-category {
    display: flex;
    /*flex-direction: column;*/
    /*max-width: 528px;*/
    /*width: 45vw;*/
}

.small-width-category:hover {
    cursor: pointer;
}

.small-width-category-image-wrapper {
    height: 35vw;
    /*width: 45vw;*/
    position: relative;
    /*max-width: 528px;*/
    max-height: 390px;
    min-height: 308px;
}

.small-width-category-image-wrapper .goto-arrow {
    color: white;
    font-size: 1.5rem;
    position: absolute;
    bottom: 1vh;
    right: 5%;
}

.small-width-category-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.characteristics {
    width: 100%;
    margin: 0 auto;
    margin-top: 80px;
    padding-left: 10px;
    padding-right: 10px;
}

.characteristics h1 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 60px;
}

.table-cards-container {
    display: flex;
    width: 100%;
    gap: 2%;
    flex-wrap: wrap;
}

.table-card {
    width: 49%;
    background-color: #f6f6f6;
    border-radius: 1rem;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
}

.table-card .card-image-wrapper img {
    max-height: 450px;
}

.table-card > p {
    width: 70%;
    margin-left: 10%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #888888;
}

.table-card-name {
    position: absolute;
    color: white;
    bottom: 25px;
    width: 100%;
    text-align: center;
}

.characteristics-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-self: end;
    margin-top: auto;
}

.characteristic-item {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e7e7e7;
    padding: 1rem 0;
    gap: 10px;
}

.characteristic-item-first {
    border-top: 2px solid #e7e7e7;
}

.characteristic-item h4 {
    margin: 0;
    padding: 0;
}

.characteristic-item p {
    margin: 0;
    padding: 0;
    color: #888888;
    text-align: end;
}

.catalog-wrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
    max-width: 1920px;
}

.catalog-wrapper h1 {
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(30px, 2.5vw, 36px);
    font-weight: 500;
    color: #b0171c;
    margin-bottom: 10px;
}

.catalog-wrapper-menu {
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
}

@media (max-width: 750px) {
    .catalog-wrapper-menu {
        width: 92%;
    }
}

.catalog-wrapper-menu > a {
    font-weight: 500;
    font-size: 14px;
    color: #888;
}

.catalog-wrapper-menu .select-projects-section {
    font-weight: 400;
    font-size: 14px;
    color: #888;
}

.catalog-wrapper-menu button {
    border: none;
    background-color: transparent;
    transition: all 0.3s ease-in;
}

.catalog-wrapper-menu button a {
    font-weight: 400;
    font-size: clamp(14px, 3vw, 18px);
    color: #888;
}

.catalog-wrapper-menu button:hover {
    color: #b0171c;
    cursor: pointer;
}

.catalog-menu-button-active {
    text-decoration: underline;
    color: #b0171c !important;
}

.catalog-items-container {
    width: 100%;
    background-color: #f6f6f6;
    margin-top: 2rem;
}

.catalog-wrapper.accesories .catalog-items-wrapper {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1610px;
    gap: 2.5rem;
}

.catalog-wrapper:has(.all-items.catalog-menu-button-active) .catalog-items-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
}

.catalog-items-wrapper {
    position: relative;
    width: 100%;
    padding: 2rem 10px 10rem 10px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0.7rem, 1vw, 2rem);
    max-width: 1700px;
}

@media (max-width: 1000px) {
    .catalog-items-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 750px) {
    .catalog-items-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding-bottom: 7rem;
    }

    .catalog-wrapper.accesories .catalog-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(0.7rem, 1vw, 2rem);
    }
}

.catalog-items-wrapper button {
    position: absolute;
    bottom: 4rem;
    right: 10px;
    /*padding: 1rem 2rem;*/
    background-color: white;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    width: 313px;
    height: 56px;
    font-weight: 400;
    font-size: 16px;
    color: #1d1d1d;
}

@media (max-width: 750px) {
    .catalog-items-wrapper button {
        font-family: "Onest-Medium", sans-serif;
        width: 92%;
        left: 0;
        right: 0;
        bottom: 2rem;
        margin: auto;
    }
}

.catalog-wrapper.accesories .catalog-article {
    gap: 0;
    max-width: 510px;
    max-height: 600px;
    height: 35vw;
    min-height: 251px;
    padding-bottom: 10px;
}

@media (max-width: 750px) {
    .catalog-wrapper.accesories .catalog-article {
        height: 61vw;
    }
}

.catalog-article {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 16px;
    background-color: white;
    gap: 2rem;
    padding-bottom: 1.5rem;
    transition: width 0.3s ease-in;
    height: clamp(222px, 30vw, 510px);
}

@media (max-width: 750px) {
    .catalog-article {
        padding-bottom: 1rem;
        gap: 1rem;
    }
}

.small-catalog-article {
    width: 100%;
    height: 100%;
}

@media (max-width: 750px) {
    .small-catalog-article {
    }
}

.catalog-article .goto-arrow {
    width: 1.5rem;
    position: absolute;
    top: 1.5rem;
    right: 5%;
}

.image-for-catalog-article {
    width: 92%;
    height: 85%;
    display: flex;
}

.image-for-catalog-article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.catalog-article a {
    color: black;
    text-decoration: none;
    transition: all 0.3s ease-in;
    text-align: center;
    font-weight: 600;
    font-size: clamp(14px, 2vw, 20px);
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .catalog-article a {
        padding: 0 10px;
        font-weight: 400;
    }
}

.catalog-article a:hover {
    color: #b0171c;
}

.installation-gallery {
    width: 100%;
    position: relative !important;
    margin: 0 auto;
    margin-top: 100px;
    transition: all 0.4s ease-in;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .installation-gallery {
        width: 92%;
    }
}

.installation-gallery h1 {
    margin-bottom: 30px;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: 30px;
}

.installation-gallery-hidden {
    max-height: 0 !important;
}

.swiper-slide:has(.installation-gallery-item) {
    max-width: 240px;
    width: 64vw;
}

.installation-gallery-item {
    width: 100%;
    max-height: 240px;
    height: 64vw;
}

@media (min-width: 751px) {
    .swiper-slide:has(.installation-gallery-item) {
        width: 23vw !important;
        max-width: 400px;
    }

    .installation-gallery-item {
        width: 100%;
        height: 23vw;
        max-height: 400px;
    }
}

.installation-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

@media (max-width: 750px) {
    .installation-gallery .swiper-button-prev,
    .installation-gallery .swiper-button-next {
        display: none;
    }
}

.swiper-button-prev-install {
    color: black !important;
    position: absolute !important;
    top: 60% !important;
}

.swiper-button-next-install {
    color: black !important;
    position: absolute !important;
    top: 60% !important;
}

.prem-decisions-hidden {
    max-height: 0 !important;
    visibility: hidden;
    z-index: -30;
}

.filters-wrapper-form-header.mobile {
    display: none;
}

.filters-wrapper-form.modal-inactive {
    visibility: visible;
    opacity: 1;
}

.filters-wrapper-form .cross-button {
    top: 12px;
    display: none;
}

.filters-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    gap: 2rem;
    margin: 2rem auto;
    max-width: 86%;
}

@media (max-width: 750px) {
    .filters-wrapper {
        max-width: 92%;
    }
}

.filters-wrapper label {
    white-space: nowrap;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
}

.article-list-header {
    color: #b0171c;
    text-align: center;
    font-family: "Onest-Bold", sans-serif;
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.filter-category figure {
    display: flex;
    flex-direction: column;
}

.filter-category figcaption img {
    height: 1.3rem;
    margin-left: 1rem;
}

.filter-category figcaption {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
}

.filter-category ul {
    padding: 0;
    margin: 0;
}

.filter-category li {
    padding: 0;
    margin: 0;
    margin-top: 0.6rem;
    list-style: none;
    display: flex;
    align-items: center;
}

.filter-category li:hover {
    cursor: pointer;
}

.filter-category li div {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}

.width-of-input {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 1rem;
}

.from-input-min {
    position: absolute;
    height: 100%;
    display: flex;
    left: 0;
    top: 0;
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: 600;
}

.to-input-max {
    position: absolute;
    height: 100%;
    display: flex;
    right: 0;
    top: 0;
    text-align: right;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.8rem;
    font-weight: 600;
}

.input-range-value {
    position: absolute;
    top: 0;
    font-weight: 600;
}

.width-range-input {
    width: 100%;
    accent-color: #b0171c;
    position: relative;
    z-index: 10;
}

.article-filters-buttons.mobile {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.article-filters-button {
    font-family: inherit;
    border: 2px solid #e7e7e7;
    background-color: transparent;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    display: block;
    height: 48px;
    visibility: visible;
    color: #1d1d1d;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.article-filters-buttons .article-filters-button:first-child {
    width: 50%;
}

.filters-buttons-wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.reset-filters-button {
    font-family: inherit;
    border: 2px solid #e7e7e7;
    background-color: transparent;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

.reset-filters-button:hover {
    cursor: pointer;
}

.submit-filters-button,
.reset-filters-button {
    height: 55px;
    width: 161px;
    border-radius: 16px !important;
    font-size: 18px;
}

.submit-filters-button {
    font-family: inherit;
    border: 2px solid transparent;
    background-color: #b0171c;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

.submit-filters-button:hover {
    cursor: pointer;
}

.filtered-items {
    padding: 3rem 0;
    margin-top: 3rem;
    background-color: #f6f6f6;
    max-width: 1920px;
    padding-left: 20px;
    padding-right: 20px;
}

.filtered-items .catalog-items-wrapper {
    max-width: 1680px;
    margin: 0 auto;
}

.filtered-full-width-category {
    width: 100%;
    margin: 0 auto;
}

.about-filtered-full-width-category {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.about-filtered-full-width-category button {
    border-radius: 16px;
    width: 364px;
    height: 60px;
    font-size: 18px;
}

@media (max-width: 750px) {
    .filtered-full-width-decription {
        margin-bottom: 1rem;
    }
}

.filtered-full-width-decription h3 {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    margin-bottom: 1rem;
}

.filtered-full-width-decription p {
    width: 100%;
    margin: 0;
}

.single-line-card-header {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    font-size: clamp(30px, 4vw, 84px);
    color: #b0171c;
    margin-top: 2rem;
}

.single-line-card-description {
    margin: 0 auto;
    margin-top: 1rem;
    text-align: center;
    width: 50%;
    color: #888888;
    font-weight: 400;
    font-size: clamp(24px, 2.5vw, 30px);
}

@media (max-width: 750px) {
    .single-line-card-description {
        width: 90%;
        font-weight: 700;
    }
}

.single-line-card-order-call {
    font-family: inherit;
    border: 2px solid transparent;
    background-color: #b0171c;
    color: white;
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 400;
    width: 207px;
    height: 60px;
    border-radius: 16px;
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
}

@media (max-width: 750px) {
    .single-line-card-order-call {
        width: 100%;
    }
}

.single-line-card-order-call:hover {
    cursor: pointer;
}

.single-line-card-nav {
    margin-top: 3rem;
}

.card-with-numbers {
    /*width: 86%;*/
    margin: 0 auto;
    margin-top: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 1700px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .card-with-numbers {
        width: 100%;
        margin-bottom: unset;
    }
}

.card-with-numbers + .for-beautiful-cards {
    padding-top: 0;
}

.card-with-numbers + .for-beautiful-cards > * {
    margin-top: 0;
}

.card-with-numbers + .for-beautiful-cards h3 {
    margin-top: 20px;
}

.card-with-numbers + .for-beautiful-cards p{
    margin-top: 12px;
}

.image-for-card-with-numbers {
    max-height: 820px;
    width: 100%;
    /*margin-bottom: 4rem;*/
}

.image-for-card-with-numbers img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.info-numbers {
    position: absolute;
    top: 5rem;
    width: 60%;
    /*height: clamp(56px, 5vw, 131px);*/
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    background-color: white;
    padding: 1rem;
}

.info-parameter h3 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 2.5vw, 30px);
    margin-bottom: 0;
    margin-top: 0;
}

.info-parameter p {
    font-size: clamp(10px, 2vw, 16px);
    color: #888888;
}

.all-characteristics {
    /*width: 86%;*/
    margin: 0 auto;
    margin-top: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .all-characteristics {
        width: 100%;
    }
}

.all-characteristics h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
    font-size: clamp(24px, 3.5vw, 30px);
}

.all-characteristics-slider-wrapper {
    width: fit-content;
    height: 44px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
}

.all-characteristics-slider-wrapper:hover {
    cursor: pointer;
}

.all-characteristics-slider {
    border: none;
    border-radius: 2rem;
    background-color: #e7e7e7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.all-characteristics-slider:hover {
    cursor: pointer;
}

.all-characteristics-slider-wrapper .slider-item {
    font-weight: 600;
    white-space: nowrap;
    width: 10em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-characteristics-slider div {
    width: 50%;
    text-align: center;
    font-size: clamp(14px, 1.5vw, 16px);
    font-family: inherit;
    font-weight: 700;
    z-index: 3;
    transition: color 0.4s ease-in;
}

.slider-on-button-characteristics {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b0171c;
    height: 100%;
    z-index: 2;
    border-radius: 2rem;
    transition: all 0.4s ease-in;
}

.all-characteristics-slider .chosen-preview {
    color: white;
}

.characteristics-image-wrapper {
    width: 100%;
    margin-top: 3rem;
}

.characteristics-image-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
    max-height: 820px;
}

.all-characteristics .for-beautiful-cards {
    padding-left: 0;
    padding-right: 0;
}

.characteristics-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2rem;
    margin-bottom: 24px;
}

@media (max-width: 750px) {
    .characteristics-selector {
        flex-direction: column;
    }
}

.characteristics-selector button {
    background-color: #f6f6f6;
    transition: all 0.4s ease-in;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 12px 16px;
    height: clamp(44px, 3vw, 54px);
    font-weight: 600;
    font-size: clamp(16px, 2vw, 20px);
    color: #1d1d1d;
    width: fit-content;
}

.characteristics-selector button:hover {
    cursor: pointer;
}

.chosen-characteristic {
    background-color: #b0171c !important;
    color: white !important;
    border-color: transparent !important;
}

.characteristics-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.characteristic-line {
    display: flex;
    align-items: center;
    padding: 12px 14px;
}

.characteristic-line:nth-child(odd) {
    background-color: #f6f6f6;
}

.characteristic-line h3 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    width: 50%;
    font-size: clamp(16px, 2.5vw, 18px);
    margin-right: 8px;
}

.characteristic-line p {
    width: 50%;
    color: #888888;
    font-size: clamp(14px, 2vw, 16px);
}

.made-by-masters {
    /*width: 86%;*/
    margin: 0 auto;
    margin-top: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .made-by-masters {
        width: 92%;
    }
}

.made-by-masters h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem;
    font-size: clamp(24px, 2vw, 30px);
}

.made-by-masters-image-wrapper {
    width: 100%;
}

.made-by-masters-image-wrapper img {
    width: 100%;
    height: 33.6vw;
    min-height: 380px;
    object-fit: cover;
    border-radius: 1rem;
}

@media (max-width: 750px) {
    .made-by-masters-image-wrapper img {
        min-height: 300px;
    }
}

.configuration h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 751px) {
    .configuration {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.configuration .for-beautiful-cards {
    padding-top: unset;
    width: 100%;
    justify-content: center;
}

@media (max-width: 750px) {
    .configuration .for-beautiful-cards {
        width: 92%;
    }
}

.configuration-slider-wrapper {
    width: 60%;
    margin: 0 auto;
    height: 2.5rem;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
}

.configuration-slider-wrapper:hover {
    cursor: pointer;
}

.configuration-slider {
    border: none;
    border-radius: 2rem;
    background-color: #e7e7e7;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.configuration-slider:hover {
    cursor: pointer;
}

.configuration-slider div {
    font-size: clamp(12px, 2vw, 16px);
    width: 50%;
    text-align: center;
    font-family: inherit;
    font-weight: 700;
    z-index: 3;
    transition: color 0.4s ease-in;
}

.slider-on-button-configuration {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b0171c;
    height: 2.5rem;
    z-index: 2;
    border-radius: 2rem;
    transition: all 0.4s ease-in;
}

.configuration-slider .chosen-preview {
    color: white;
}

.configuration-image-wrapper {
    width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
}

@media (max-width: 750px) {
    .configuration-image-wrapper {
        width: 92%;
    }
}

.configuration-image-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
    min-height: 300px;
}

.configuration + .itis-your-best-decision h1 {
    line-height: 1.3;
}

.half-width-card p {
    text-align: start;
}

.under-card-with-numbers {
    /*width: 86%;*/
    margin: 2rem auto;
    max-width: 1700px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .under-card-with-numbers {
        width: 92%;
    }
}

.under-card-with-numbers p {
    width: 60%;
    color: #888888;
    font-size: clamp(14px, 2vw, 16px);
}

.small-images-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.93rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

@media (max-width: 750px) {
    .small-images-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

.image-under-card-with-numbers {
    width: 100%;
    height: 100%;
}

.image-under-card-with-numbers img {
    width: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.made-projects-header {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    color: #b0171c;
    text-align: center;
    font-size: 2.2rem;
    margin-top: 3rem;
}

.made-projects-gallery {
    width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
    /*max-width: 1680px;*/
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .made-projects-gallery {
        width: 100%;
    }
}

.company-contact-gallery .above-project-image {
    justify-content: space-between !important;
    gap: unset !important;
}

.made-projects-gallery .above-project-image {
    justify-content: space-between;
    padding: 40px 0;
}

@media (max-width: 750px) {
    .made-projects-gallery .above-project-image {
        justify-content: end;
        padding: 24px 0;
    }
}

.made-projects-gallery .above-project-image h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.company-made-projects-gallery {
    max-height: 860px;
}

.company-made-projects-gallery .above-project-image {
    padding-bottom: unset !important;
    padding-left: 5% !important;
}

@media (max-width: 750px) {
    .company-made-projects-gallery .above-project-image {
        justify-content: center;
    }
}

.company-made-projects-gallery .above-project-image h1,
.company-made-projects-gallery .above-project-image h4 {
    position: static;
}

.company-made-projects-gallery .above-project-image h4 {
    font-weight: 700;
    font-size: clamp(18px, 3.5vw, 40px);
    max-width: 1200px;
    width: 70%;
}

@media (max-width: 750px) {
    .company-made-projects-gallery .above-project-image h4 {
        font-weight: 700;
    }
}

.company-news-gallery .above-project-image,
.company-contact-gallery .above-project-image {
    padding: clamp(24px, 6vw, 86px) !important;
    padding-left: clamp(25px, 3.5vw, 40px) !important;
}

.company-news-gallery .big-made-project-card {
    height: 30vw;
}

.company-news-gallery,
.company-contact-gallery {
    max-width: 1700px;
    padding-left: 10px;
    padding-right: 10px;
}

.company-news-gallery + .team-catalog h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

@media (max-width: 750px) {
    .company-news-gallery,
    .company-contact-gallery {
        width: 100%;
    }

    .company-news-gallery .above-project-image,
    .company-contact-gallery .above-project-image {
        padding: 1rem;
    }
}

.company-news-gallery h1,
.company-contact-gallery h1 {
    font-size: clamp(30px, 4vw, 48px) !important;
}

.company-news-gallery h4,
.company-contact-gallery h4 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

@media (max-width: 1250px) {
    .company-news-gallery h4,
    .company-contact-gallery h4 {
        width: 80% !important;
    }

    .company-news-gallery .above-project-image,
    .company-contact-gallery .above-project-image {
        justify-content: space-evenly;
    }
}

.company-news-gallery h4,
.company-contact-gallery h4 {
    font-size: clamp(18px, 2vw, 24px) !important;
    font-weight: 700;
    width: 37% !important;
}

@media (max-width: 750px) {
    .company-news-gallery h1,
    .company-contact-gallery h1,
    .company-news-gallery h4,
    .company-contact-gallery h4 {
        position: static !important;
    }

    .company-news-gallery h4,
    .company-contact-gallery h4 {
        width: 100% !important;
    }
}

.company-news-gallery .above-project-image h4 {
    max-width: unset;
    width: 50%;
}

.company-contact-gallery {
    margin-bottom: 2rem;
}

.company-contact-gallery .company-project-card {
    max-height: 480px;
    min-height: 341px;
}

.big-made-project-card {
    width: 100%;
    position: relative;
    max-height: 480px;
    min-height: 341px;
    height: 25vw;
}

.big-made-project-card.company-team .above-project-image {
    justify-content: center;
    gap: 5rem;
}

@media (max-width: 750px) {
    .big-made-project-card.company-team .above-project-image h4 {
        width: 87%;
    }
}

.company-project-card {
    /*min-height: 34vw;*/
    max-height: 860px;
    height: 45vw;
}

.company-project-card .above-project-image {
    padding-bottom: 5rem;
    padding-left: 76px;
}

@media (max-width: 750px) {
    .company-project-card {
        min-height: 340px;
    }
}

.big-made-project-card .goto-arrow {
    position: absolute;
    color: white;
    bottom: 2vh;
    right: 2rem;
}

.above-project-image {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 750px) {
    .above-project-image {
        justify-content: end;
        gap: 2rem;
        padding-bottom: 2rem;
    }
}

.big-made-project-card h1 {
    position: relative;
    color: white;
    max-width: 660px;
    left: 2rem;
    padding: 0;
    margin: 0;
    font-size: clamp(24px, 4vw, 60px);
}

.big-made-project-card h4 {
    position: relative;
    color: #ffffff;
    width: 60%;
    left: 2rem;
    padding: 0;
    margin: 0;
    max-height: 150px;
    font-weight: 400;
    font-size: clamp(14px, 3vw, 30px);
    max-width: 600px;
}

.image-for-project-article {
    width: 100%;
    height: 100%;
}

.image-for-project-article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.image-for-small-project-article {
    width: 100%;
    height: 23vw;
    margin-bottom: 1rem;
    max-height: 300px;
}

@media (max-width: 750px) {
    .image-for-small-project-article {
        min-height: 300px;
    }
}

.image-for-small-project-article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.nature-safety-catalog + .made-projects-gallery .small-projects-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(30px, 5vw, 75px);
}

@media (max-width: 750px) {
    .nature-safety-catalog + .made-projects-gallery .small-projects-cards-wrapper {
        gap: unset;
    }
}

.nature-safety-catalog + .made-projects-gallery .small-projects-cards-wrapper .small-project-card {
    width: 100%;
}

@media (max-width: 750px) {
    .nature-safety-catalog + .made-projects-gallery .small-projects-cards-wrapper .image-for-small-project-article,
    .nature-safety-catalog + .made-projects-gallery .small-projects-cards-wrapper .small-project-card {
        max-height: 260px;
        min-height: 260px;
    }
}

.small-projects-cards-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    row-gap: 2rem;
    column-gap: 2%;
}

.support-small-projects-cards-wrapper {
    margin-top: 60px;
    display: block;
}

.support-small-projects-cards-wrapper h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 3vw, 30px) !important;
    line-height: 125%;
    color: #1d1d1d;
    margin-bottom: clamp(20px, 2vw, 30px);
}

.small-project-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1rem;
}

.support-small-projects-cards-wrapper .small-project-card {
    min-width: 343px;
}

@media (max-width: 750px) {
    .support-small-projects-cards-wrapper .small-project-card {
        min-width: unset;
    }
}

.small-project-card {
    width: 32%;
}

.support-small-projects-cards-wrapper .image-for-small-project-article {
    margin-bottom: clamp(18px, 2.5vw, 32px);
}

.support-small-projects-cards-wrapper .small-project-card h3 {
    margin-bottom: 12px;
}

.support-small-projects-cards-wrapper .small-project-card ul {
    width: 90%;
    position: relative;
    left: 25px;
}

@media (max-width: 750px) {
    .support-small-projects-cards-wrapper .small-project-card ul {
        width: 99%;
        left: 10px;
    }
}

@media (max-width: 816px) {
    .support-small-projects-cards-wrapper .small-project-card {
        width: 100%;
    }

    .support-small-projects-cards-wrapper .small-project-card li {
        position: relative;
        left: 20px;
        width: 94%;
    }
}

.small-project-card a {
    font-size: 20px;
}

.small-project-card h3 {
    margin: 0;
}

.small-project-card p:nth-of-type(1) {
    font-size: 12px;
    margin-bottom: 15px;
}

.office-description-header {
    color: #888888;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.office-p-description {
    width: 86%;
    margin-left: 7%;
    margin-top: 2rem;
    color: #888888;
}

@media (max-width: 750px) {
    .office-p-description {
        width: 92%;
    }
}

.back-to-projects-button {
    display: block;
    padding: 1rem 2rem;
    background-color: transparent;
    border: 2px solid #e7e7e7;
    border-radius: 18px;
    margin-left: 7%;
    margin-top: 1rem;
    color: #1d1d1d;
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 400;
}

.showroom-header1 {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.showroom-header1 span {
    color: #b0171c;
}

.showroom-description {
    color: #888888;
    text-align: center;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.showroom-map {
    height: 60vh;
    margin: 0 auto;
    max-width: 1700px;
    padding-left: 10px;
    padding-right: 10px;
}

.showroom-map iframe {
    width: 100%;
    height: 100%;
}

.showroom-company-description {
    text-align: center;
    width: 60%;
    margin-top: 0;
    font-size: clamp(16px, 2vw, 48px) !important;
}

@media (max-width: 750px) {
    .showroom-company-description {
        width: 90%;
        margin-top: 2rem;
    }
}

.showroom-contacts {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 30px !important;
    gap: 1rem;
    padding-left: 10px;
    padding-right: 10px;
}

.showroom-contacts > h1 {
    margin-left: auto;
    margin-right: auto;
}

.showroom-contacts > p {
    text-align: justify;
    font-weight: 400;
    font-size: 20px;
    color: #1d1d1d;
}

.contacts-of-showroom {
    flex: 2.5;
    min-width: 200px;
}

.contacts-of-showroom h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #1d1d1d;
    margin-bottom: 15px;
}

.contacts-of-showroom h4 {
    width: 50%;
    font-weight: 400;
    font-size: 20px;
    color: #1d1d1d;
    margin-bottom: 20px;
}

@media (max-width: 750px) {
    .contacts-of-showroom h4 {
        font-weight: 600;
    }
}

.contacts-of-sales-department {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contacts-of-sales-department h1,
.contacts-of-support h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.support-phone,
.support-mail,
.support-contact p {
    font-size: clamp(16px, 2vw, 20px) !important;
}

.sales-department-phone,
.support-phone {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 400;
    font-size: 20px;
    color: #1d1d1d;
    white-space: nowrap;
}

.sales-department-mail,
.support-mail {
    font-weight: 400;
    font-size: 20px;
    color: #b0171c;
}

.sales-department-phone img,
.sales-department-mail img,
.support-phone img,
.support-mail img {
    height: 23px;
    width: 23px;
    object-fit: cover;
}

.sales-department-mail {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sales-department-mail span {
    color: #b0171c;
}

.sales-department-mail img {
    height: 1rem;
}

.contacts-of-support {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 300px;
}

.support-phone {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.support-phone span {
    color: #b0171c;
}

.support-mail {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.support-mail span {
    color: #b0171c;
}

.contact-us-showroom {
    display: block;
    background-color: #b0171c;
    border: 2px solid transparent;
    border-radius: 1rem;
    margin-top: 1rem;
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: -3rem;*/
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    height: clamp(68px, 7vw, 88px);
}

.contact-us-showroom a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
}

.contact-us {
    width: 277px;
    height: 60px;
}

.unique-opportunity-header {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    width: 60%;
    margin: 7rem auto 0 auto;
    font-size: 2rem;
    text-align: center;
}

.unique-opportunity-header span {
    color: #b0171c;
}

.unique-opportunity-description {
    width: 37%;
    color: #888888;
    margin: 1rem auto 0 auto;
    text-align: center;
    margin-bottom: -15px;
}

.premium-decisions-header {
    font-family: "Onest-Bold", sans-serif;
    margin: 7.5rem auto 2rem auto;
    text-align: center;
    font-weight: 500;
    font-size: clamp(30px, 4vw, 48px);
    color: #1d1d1d;
}

@media (max-width: 750px) {
    .premium-decisions-header {
        margin-top: 4rem;
        margin-bottom: 1rem;
    }
}

.premium-decisions-header span {
    color: #b0171c;
}

.premium-decisions-description {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #888;
}

.premium-decisions-description span {
    color: #b0171c;
}

.nature-safety-catalog {
    width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: clamp(64px, 5vw, 120px);
    padding-left: 10px;
    padding-right: 10px;
}

.nature-safety-catalog .full-width-category-description {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 750px) {
    .nature-safety-catalog .full-width-category-description {
        flex-direction: column;
        gap: 15px;
    }
}

.nature-safety-catalog .full-width-category-description-text h3 {
    margin-bottom: 15px;
}

.nature-safety-catalog .full-width-category-description button {
    margin-bottom: auto;
    flex-shrink: 0;
}

.nature-safety-catalog .full-width-category-description-text p {
    max-width: 969px;
    width: 90%;
}

.nature-safety-catalog button {
    border-radius: 16px;
    padding: 18px 32px;
    width: 247px;
    height: 60px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.team-catalog {
    background-color: #f6f6f6;
    padding: 2rem;
    padding-top: clamp(1.5rem, 3vw, 3rem);
    margin-top: 2rem;
    max-width: unset;
}

.team-catalog:has(.news-items-wrapper) {
    background: #ffffff;
    max-width: 1700px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 750px) {
    .team-catalog {
        padding-left: 0;
        padding-right: 0;
    }

    .team-catalog:has(.news-items-wrapper) .calendar-events-wrapper-buttons,
    .team-catalog:has(.news-items-wrapper) .company-news-gray-button,
    .team-catalog:has(.news-items-wrapper) .contact-us-showroom {
        width: 100% !important;
    }
}

.team-catalog:has(.catalog-items-wrapper-events) {
    background-color: #ffffff;
}

.catalog-items-wrapper-events {
    background-color: #ffffff;
}

.catalog-items-wrapper-events .team-catalog-item-name {
    text-align: center;
}

.catalog-items-wrapper-events .team-catalog-item-image {
    margin-bottom: clamp(18px, 3vw, 32px);
}

.catalog-items-wrapper-events .team-catalog-item-name {

}

.team-catalog .contact-us-showroom {
    position: static;
    margin: 0 auto;
}

.contact-us-showroom.no-modal {
    height: 60px !important;
    margin-right: 0;
    margin-left: auto;
}

.team-catalog h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
}

.team-catalog-items {
    gap: clamp(16px, 3.5vw, 45px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    padding-top: clamp(24px, 5vw, 65px);
}

@media (max-width: 1155px) {
    .team-catalog-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

.team-catalog-item-contacts-email,
.team-catalog-item-contacts-email {
    font-size: clamp(12px, 2vw, 16px);
}

.team-catalog-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.team-catalog-item-image {
    object-fit: cover;
    height: clamp(386px, 30vw, 522px);
    border-radius: 16px;
}

.catalog-items-wrapper-events .team-catalog-item-image {
    height: clamp(386px, 30vw, 522px);
}

.catalog-items-wrapper-team .team-catalog-item-image {
    height: clamp(386px, 30vw, 624px);
}

@media (max-width: 750px) {
    .team-catalog-item-image {
        height: 43vw !important;
    }
}

.team-catalog-item-image {
    margin-bottom: 15px;
}

.team-catalog-item-name {
    color: #1d1d1d;
    font-size: clamp(16px, 2.5vw, 20px);
    margin-bottom: 0.7rem;
    font-weight: 600;
}

.team-catalog-item-job {
    color: #888888;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 400;
    margin-bottom: 0.7rem;
    max-width: 20rem;
}

.team-catalog-item-contacts {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    color: #b0171c;
    font-size: 1rem;
    font-weight: 400;
}

.team-catalog .gray-button {
    height: unset;
}

.news-items-wrapper {
    gap: 2rem;
    background: #ffffff;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0;
    padding-bottom: clamp(24px, 4vw, 40px) !important;
}

@media (max-width: 900px) {
    .news-items-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 0;
        padding-top: 2rem;
    }
}

.news-items-wrapper .team-catalog-item .team-catalog-item-image {
    margin-bottom: clamp(16px, 3vw, 32px);
}

.news-items-wrapper .team-catalog-item .team-catalog-item-name {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    margin-bottom: clamp(12px, 2vw, 15px);
}

.news-items-wrapper .team-catalog-item > p {
    margin-bottom: clamp(12px, 2vw, 15px);
    color: #1d1d1d;
    font-size: 1rem;
    font-weight: 400;
}

.news-items-wrapper .team-catalog-item > span {
    color: #888888;
    font-size: 1rem;
    font-weight: 400;
}

@media (max-width: 750px) {
    .event-detail {
        margin-top: 32px;
    }
}

.event-detail .gray-button.order-call {
    height: 59px;
    width: 210px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    background: #ffffff;
}

.event-detail .mobile .gray-button.order-call {
    display: none;
}

@media (max-width: 750px) {
    .event-detail .desktop .gray-button.order-call {
        display: none;
    }

    .event-detail .mobile .gray-button.order-call {
        display: block;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .calendar-events-wrapper.event-detail .calendar-events-wrapper-buttons {
        display: none;
    }
}

.calendar-events-wrapper.event-detail .for-beautiful-cards {
    padding-top: 0;
}

.calendar-events-wrapper.event-detail > h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

@media (max-width: 750px) {
    .calendar-events-wrapper.event-detail > h1 {
        margin-bottom: 0;
    }
}

.calendar-events-wrapper .for-beautiful-cards {
    padding-top: 20px;
    gap: clamp(24px, 5vw, 60px);
}

.calendar-events-wrapper-buttons {
    width: 100%;
    justify-content: end;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 auto;
    margin-top: 1rem;
}

.calendar-events-wrapper-buttons .gray-button {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    height: 59px;
    background: #ffffff;
    padding: 16px 32px 16px 32px;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 750px) {
    .calendar-events-wrapper-buttons .gray-button {
        width: 89%;
        height: 52px;
    }
}

.calendar-events-wrapper-buttons .gray-button.order-call {
    padding-top: 0;
    padding-bottom: 0;
}

.calendar-events-wrapper-buttons .calendar-button {
    padding: 0 0.8rem;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-news-gray-button {
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    padding: 16px 32px;
    height: 56px !important;
    margin-right: 10px;
}

.for-beautiful-cards:has(.calendar-half-width-card) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0;
}

@media (max-width: 750px) {
    .for-beautiful-cards:has(.calendar-half-width-card) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.calendar-half-width-card {
    width: 100%;
}

.calendar-half-width-card h3 {
    text-align: center;
}

@media (max-width: 750px) {
    .calendar-half-width-card h3 {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}

.calendar-half-width-card > p {
    color: #1d1d1d;
    margin-bottom: 1rem;
    width: 100% !important;
}

.calendar-half-width-card .card-registration-button {
    width: 60%;
    height: 59px;
    border: 1px solid #c0c0c0;
    border-radius: 16px;
    font-size: 18px;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    background: white;
    display: block;
}

@media (max-width: 750px) {
    .calendar-half-width-card .card-registration-button {
        width: 100%;
        height: 52px;
        margin-top: 0.5rem;
    }
}

.look-calendar {
    width: 23.125rem;
    border: 1px solid #c0c0c0;
    background-color: #ffffff;
    padding: 6px;
    font-size: 1.25rem;
    font-weight: 400;
    border-radius: 20px;
    position: absolute;
    right: 4.5vw;
    top: 8rem;
    user-select: none;
    display: none;
}

.look-calendar.active {
    display: block;
}

#calendar {
    width: 100%;
    line-height: 1.2em;
    font-size: 15px;
    text-align: center;
    border-spacing: 0;
}

#calendar tr td {
    width: 44px;
    height: 44px;
}

#calendar thead tr:last-child {
    width: 32px;
    height: 18px;
    font-size: small;
    color: #555555;
}

#calendar thead tr:nth-child(1) td:nth-child(1) {
    color: #323232;
    padding-left: 15px;
    text-align: left;
}

#calendar thead tr:nth-child(1) td:nth-child(2):hover,
#calendar thead tr:nth-child(1) td:nth-child(3):hover {
    cursor: pointer;
}

#calendar tbody td.today {
    background: rgb(176, 23, 28, 0.12);
    border-radius: 50%;
    color: #b0171c;
    font-size: 1.25rem;
}

.full-width-card.calendar-event {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.full-width-card.calendar-event h3 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(20px, 3vw, 24px);
}

.full-width-card.calendar-event h3, .full-width-card.calendar-event h4 {
    text-align: center;
    max-width: 62.5rem;
}

.full-width-card.calendar-event h4 {
    font-size: clamp(16px, 3vw, 20px);
    margin-top: 1rem;
}

@media (max-width: 750px) {
    .full-width-card.calendar-event h4 {
        margin-right: auto;
    }
}

.full-width-card.calendar-event > p {
    text-align: left;
    width: 100%;
    color: #1d1d1d;
    font-size: 1.25rem;
    font-weight: 400;
    max-width: unset;
}

.full-width-card.calendar-event > p:last-of-type {
    font-size: 1rem;
}

.full-width-card.calendar-event div {
    text-align: left;
    width: 100%;
}

.full-width-card.calendar-event div p {
    text-align: left;
}

.news-text {
    text-align: center;
    width: 100%;
}

.news-text h1 {
    color: #1d1d1d;
    font-size: 3rem;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.news-text p {
    color: #1d1d1d;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: left;
}

.news-item-cards > .full-width-card p {
    color: #1d1d1d;
    font-size: 1rem;
    font-weight: 400;
}

.join-to-us {
    width: 100%;
    margin-top: 2rem;
}

.join-to-us h2 {
    color: #1d1d1d;
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.join-to-us-items {
    width: 100%;
    display: flex;
    gap: 1rem;
}

.join-to-us-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.join-to-us-item-text {
    color: #b0171c;
    font-size: 1.1rem;
    font-weight: 400;
}

.preview-404 h1 {
    color: #b0171c;
    font-size: clamp(120px, 15vw, 200px) !important;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    margin-bottom: clamp(20px, 3vw, 40px) !important;
}

.preview-404 h3 {
    color: #ffffff;
    font-size: clamp(30px, 2.5vw, 40px) !important;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: clamp(24px, 2.5vw, 48px);
}

.preview-404 h4 {
    color: #ffffff;
    font-size: clamp(20px, 2vw, 24px) !important;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    text-align: center;
    max-width: 500px;
}

.preview-404 h4 a {
    color: #b0171c;
    text-decoration: underline;
}

.preview-404 .image-company-wrapper {
    max-height: 600px;
}

@media (max-width: 750px) {
    .company-preview .image-company-wrapper {
        max-height: 400px;
        min-height: 400px;
    }

    .preview-404 .image-company-wrapper {
        min-height: 400px;
    }
}

.support-contact .contacts-of-showroom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.support-contact .contacts-of-showroom h1 {
    margin-bottom: 0;
}

.support-contact h1 {
    font-size: clamp(20px, 2.5vw, 24px);
}

.support-contact button {
    margin-top: 0;
    position: relative;
    height: 60px;
    width: 216px;
    bottom: unset;
    visibility: visible !important;
}

@media (max-width: 750px) {
    .support-contact button {
        width: 100%;
    }
}

.support-contact {
    gap: 4rem;
}

@media (max-width: 1000px) {
    .support-contact {
        flex-direction: column;
        gap: 1rem;
    }
}

.questions-accordion h1 {
    font-family: "Onest-Bold", sans-serif;
    color: #1d1d1d;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 3rem;
}

.questions-accordion-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
}

.questions-accordion-item {
    flex: 0 0 calc(50% - 1.5rem);
}

.questions-accordion-item-title {
    font-family: "Onest-SemiBold", sans-serif;
    color: #b0171c;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.questions-accordion-item-answers {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}

.questions-accordion-item-answer {
    padding-right: 5px;
    overflow: hidden;
}

.questions-accordion-item-answer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-bottom: 2px dashed #888888;
    padding-bottom: 7px;
    margin-bottom: 13px;
    transition: 0.5s all ease;
    gap: 1rem;
}

.questions-accordion-item-answer-header-question {
    font-family: "Onest-SemiBold", sans-serif;
    color: #1d1d1d;
    font-size: clamp(14px, 2vw, 20px);
    font-weight: 500;
    transition: 0.5s all ease;
}

.questions-accordion-item-answer-header-icon {
    transition: 0.5s all ease;
}

.questions-accordion-item-answer-header-icon svg {
    transition: 0.5s all ease;
    stroke: #1d1d1d;
}

.questions-accordion-item-answer-footer {
    position: relative;
    transition: 0.5s all ease;
    height: 0;
    max-height: max-content;
    overflow: auto;
    font-size: clamp(12px, 2vw, 16px);
}

.questions-accordion-item-answer-footer > a {
    text-decoration: underline;
}

.questions-accordion-item-answer-footer, .questions-accordion-item-answer-footer a {
    color: #1d1d1d;
    font-weight: 400;
}

.questions-accordion-item-answer.active .questions-accordion-item-answer-footer {
    height: 200px;
}

.questions-accordion-item-answer.active .questions-accordion-item-answer-header-question {
    color: #b0171c;
}

.questions-accordion-item-answer.active .questions-accordion-item-answer-header-icon {
    rotate: 90deg;
}

.questions-accordion-item-answer.active .questions-accordion-item-answer-header-icon svg {
    stroke: #b0171c;
}

.section-form {
    max-width: 880px;
    margin: 0 auto;
    padding: 60px 10px;
}

@media (max-width: 750px) {
    .section-form {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.section-form h2 {
    font-family: "Onest-Bold", sans-serif;
    color: #1d1d1d;
    font-size: clamp(24px, 3vw, 30px);
    font-weight: 500;
    text-align: center;
    margin-bottom: 1.5rem;
}

.section-form p {
    color: #1d1d1d;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

.section-form > p {
    display: block !important;
    color: #1d1d1d;
    font-size: clamp(12px, 2vw, 16px);
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
}

@media (max-width: 750px) {
    .section-form > p {
        margin-bottom: 1.5rem;
    }
}

.classic-form {
    width: 100%;
}

.classic-form-input-container {
    padding: 0 0 0 24px;
    height: max-content;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 16px;
    background: #e7e7e7;
    margin-bottom: 12px;
}

.classic-form-input-container-label {
    position: absolute;
    color: #888888;
    font-size: clamp(16px, 3vw, 20px);
    font-weight: 400;
    transition: 0.3s all ease;
    user-select: none;
}

.classic-form-input-container-input {
    background: transparent;
    outline: none;
    border: none;
    width: 100%;
    height: clamp(68px, 7vw, 88px);
    color: #1d1d1d;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    top: 10px;
    z-index: 4;
    padding: 0;
}

.classic-form-input-container-input:focus + .classic-form-input-container-label,
.classic-form-input-container-input:not(:placeholder-shown) + .classic-form-input-container-label {
    transform: translateY(clamp(-25px, -1.5vw, -15px));
}

.classic-form-input-container-input::placeholder,
.classic-form-input-container-textarea::placeholder {
    color: #888888;
    font-family: "Onest", sans-serif;
    font-size: clamp(14px, 2.5vw, 20px);
    font-weight: 400;
}

.classic-form-input-container-textarea {
    background: transparent;
    outline: none;
    border: none;
    width: 100%;
    height: clamp(68px, 3vw, 88px);
    color: #1d1d1d;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    margin-top: 10px;
    min-height: 30px;
    min-width: 100%;
}

.classic-form-button {
    position: static;
    width: 100%;
    /*height: 88px;*/
    border-radius: 16px;
    margin-top: 24px;
    font-size: 18px;
}

.classic-form-checkbox-container {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin-top: 12px;
}

.real-checkbox {
    position: absolute;
    width: 21px;
    height: 21px;
    opacity: 0;
    cursor: pointer;
}

.real-checkbox {
    visibility: hidden;
    opacity: 0;
}

.custom-checkbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("./public/modals/square.png");
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.real-checkbox:checked + .custom-checkbox {
    background-image: url("./public/modals/checkbox.png");
}

.classic-form-agree-text {
    font-size: clamp(12px, 1vw, 16px);
    font-weight: 400;
    color: #888888;
    position: relative;
    bottom: 2px;
    user-select: none;
}

.classic-form-agree-text a {
    color: #b0171c;
    text-decoration: none;
}

.classic-form-modal .classic-form-input-container-input,
.classic-form-modal .classic-form-input-container-textarea {
    height: clamp(62px, 5vw, 88px);
}

.classic-form-input-container-load-file-input:focus + .classic-form-input-container-label,
.classic-form-input-container-load-file-input:not(:placeholder-shown) + .classic-form-input-container-label {
    transform: unset;
}

.classic-form-input-container-load-file {
    height: clamp(62px, 5vw, 88px);
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-top: 10px;
    box-sizing: border-box;
}

.classic-form-input-container-load-file .classic-form-input-container-label {
    position: static;
}

.classic-form-modal .classic-form-input-container-label {
    font-size: clamp(14px, 1.5vw, 20px);
}

.classic-form-input-container-load-file label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: clamp(14px, 2.5vw, 20px);
    color: #1d1d1d;
    font-weight: 400;
    cursor: pointer;
}

.classic-form-input-container-load-file-icon {
    position: relative;
    top: 3px;
}

.classic-form-input-container-load-file-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.classic-form-modal .classic-form-input-container-input:focus + .classic-form-input-container-label,
.classic-form-modal .classic-form-input-container-input:not(:placeholder-shown) + .classic-form-input-container-label {
    transform: translateY(clamp(-25px, -1.5vw, -10px));
}

.questions-accordion-center h1 {
    font-size: clamp(24px, 3vw, 30px) !important;
    margin-bottom: 1em;
    text-align: left;
}

.questions-accordion-center p,
.no-guarantee h1,
.rules-guarantee h1,
.rules-guarantee p {
    margin-bottom: clamp(18px, 3vw, 40px);
}

.no-guarantee,
.rules-guarantee,
.questions-accordion,
.contacts-footer,
.documentation,
.support-certificates-gallery,
.support-certificates-cards,
.steel-table,
.description,
.for-beautiful-cards,
.made-by-masters,
.navigation-list,
.gotschlich-catalog {
    padding-top: clamp(32px, 3vw, 60px);
    padding-bottom: clamp(32px, 3vw, 60px);
}

.no-guarantee,
.rules-guarantee, .questions-accordion,
.documentation,
.support-certificates-gallery,
.support-certificates-cards,
.steel-table,
.description,
.for-beautiful-cards,
.navigation-list {
    padding-right: 10px;
    padding-left: 10px;
}

.for-beautiful-cards {
    margin-top: unset;
}

.no-guarantee ul {
    list-style-type: disc !important;
}

.no-guarantee ul li {
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    left: 15px;
    width: 94%;
}

.rules-guarantee-description-items {
    display: flex;
    gap: clamp(24px, 3vw, 40px);
    align-items: baseline;
    justify-content: space-between;
}

.rules-guarantee-description-item h3 {
    margin-bottom: 20px;
}

.rules-guarantee-description-item p {
    margin: 0;
}

.rules-guarantee-description-item-file {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.rules-guarantee-description-item-file > span {
    font-size: clamp(14px, 1.5vw, 16px);
}

.rules-guarantee-description-item-file-button {
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 12px;
    background: #e7e7e7;
    padding: 12px 24px;
    cursor: pointer;
    box-sizing: border-box;
}

@media (max-width: 750px) {
    .rules-guarantee-description-item-file-button {
        height: 56px;
    }
}

.rules-guarantee-description-item-file-button-text {
    font-size: clamp(14px, 1.5vw, 16px);
}

@media (max-width: 750px) {
    .documentation {
        padding-bottom: 0;
    }
}

.documentation .common-section-title {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.common-section-title {
    font-size: clamp(30px, 3vw, 38px);
    margin-bottom: clamp(16px, 3vw, 40px);
    text-align: center;
}

.documentation .all-characteristics-slider-wrapper-container {
    padding-top: clamp(0px, 3vw, 40px);
    margin-bottom: clamp(24px, 3vw, 50px);
}

.documentation .all-characteristics-slider {
    justify-content: space-evenly;
}

.documentation .all-characteristics-slider .slider-item {
    width: 14em;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.documentation-form {
    max-width: 1284px;
    margin-bottom: clamp(30px, 3vw, 80px);
    margin-left: auto;
    margin-right: auto;
}

.documentation-form-select-elements {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 3vw, 30px);
    margin-bottom: clamp(16px, 3vw, 30px);
}

.documentation-form-select-element {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    max-width: 414px;
    height: clamp(56px, 6vw, 88px);
}

.custom-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: clamp(56px, 6vw, 88px);
    box-sizing: border-box;
    padding: 0 24px;
    border-radius: 16px;
    background: #f6f6f6;
    border-bottom: 1px solid transparent;
    color: #888888;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 400;
    cursor: pointer;
}

.custom-select.active {
    border-bottom: 1px solid #e7e7e7;
    border-radius: 16px 16px 0 0;
}

.custom-select.active + .custom-select-items {
    display: flex;
}

.custom-select .custom-select-icon {
    position: relative;
    top: 3px;
}

.custom-select-items {
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    width: 100%;
    padding: 24px 16px;
    border-radius: 0 0 16px 16px;
    flex-direction: column;
    gap: 24px;
    background: #f6f6f6;
    box-sizing: border-box;
    display: none;
}

.custom-select-items li {
    /*font-size: 20px;*/
    cursor: pointer;
}

.custom-select-items li:hover {
    color: #b0171c;
    background-color: #f6f6f6;
}

.documentation-form-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1284px;
    margin: 0 auto;
    height: clamp(56px, 6vw, 88px);
    box-sizing: border-box;
    padding: 0 24px;
    border-radius: 16px;
    background: #f6f6f6;
    border-bottom: 1px solid transparent;
    color: #888888;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 400;
}

.documentation-form-search-input {
    width: 100%;
    background: #f6f6f6;
    border: none;
    outline: none;
    height: 100%;
    color: #888888;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 400;
}

.documentation-form-search-input::placeholder {
    color: #888888;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 400;
}

.documentation-form-search-icon {
    position: relative;
    top: 3px;
}

.documentation-files-columns {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: clamp(16px, 3vw, 40px);
}

.documentation-files-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(16px, 3vw, 40px);
    flex: 1;
}

.documentation-files-column-item {
    display: flex;
    min-height: 66px;
}

.documentation-files-column-item-icon {
    cursor: pointer;
}

.documentation-files-column-item-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    top: 10px;
}

.documentation-files-column-item-text-title {
    color: #1d1d1d;
    font-size: clamp(16px, 2.4vw, 20px);
    font-weight: 600;
    margin-bottom: 12px;
}

.documentation-files-column-item-text-size {
    color: #888888;
    font-size: clamp(12px, 2.4vw, 16px);
    font-weight: 400;
}

.documentation .all-characteristics-slider-wrapper {
    height: clamp(41px, 5vw, 68px);
    width: clamp(337px, 40vw, 487px);
}

.support-certificates-cards .for-beautiful-cards {
    width: 100%;
    margin-top: unset;
    padding-top: 0;
    padding-bottom: 0;
}

.support-certificates-cards > h3 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(24px, 3vw, 30px);
    margin-bottom: clamp(24px, 3vw, 40px);
}

.support-certificates-cards .card-image-wrapper {
    text-align: center;
}

.card-image-wrapper.calendar-events,
.card-image-wrapper.calendar-events img {
    max-height: 522px;
}

.support-certificates-cards .card-image-wrapper img {
    width: unset;
    max-width: 100%;
}

.support-certificates-gallery, .for-beautiful-cards-encyclopedia {
    width: unset;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.for-beautiful-cards-encyclopedia h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.for-beautiful-cards-encyclopedia .half-width-card ul {
    width: 90%;
    position: relative;
    left: 25px;
}

@media (max-width: 750px) {
    .for-beautiful-cards-encyclopedia .half-width-card ul {
        width: 99%;
        position: relative;
        left: 10px;
    }
}

.for-beautiful-cards-encyclopedia .card-image-wrapper,
.for-beautiful-cards-encyclopedia .card-image-wrapper img {
    max-height: 568px;
}

.for-beautiful-cards-encyclopedia .half-width-card h3 {
    margin-bottom: 20px;
}

.for-beautiful-cards-encyclopedia .full-width-card p {
    width: unset;
    color: #1d1d1d;
    max-width: unset;
}

.for-beautiful-cards-encyclopedia > h3 {
    margin-right: auto;
    margin-bottom: -0.5vw;
    margin-top: 12px;
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
}

.for-beautiful-cards-encyclopedia .full-width-card,
.for-beautiful-cards-encyclopedia .full-width-card h1 {
    margin-top: unset;
}

.steel-table-items,
.description-columns {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(18px, 3vw, 40px);
}

.description-column-item-title {
    margin-bottom: 25px;
}

.description-column-item ul {
    width: 90%;
    position: relative;
    left: 25px;
}

@media (max-width: 750px) {
    .description-column-item ul {
        width: 99%;
        left: 10px;
    }
}

.steel-table-image img {
    width: 100%;
    min-height: 246px;
    border-radius: 16px;
}

.steel-table h1 {
    font-family: "Onest-Bold", sans-serif;
    font-weight: 500;
    font-size: clamp(20px, 2.5vw, 30px);
    margin-bottom: clamp(20px, 2.5vw, 40px);
}

.steel-table > h3 {
    margin-bottom: 20px;
}

.steel-table > h4 {
    margin-bottom: 40px;
}

.steel-table > p {
    margin-bottom: 15px;
}

.steel-table-item {
    font-weight: 500;
    color: #1d1d1d;
    margin-bottom: 30px;
}

.steel-table-item-title {
    font-family: "Onest-SemiBold", sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    color: rgb(29, 29, 29);
    margin-bottom: 24px;
}

.steel-table-item,
.description-column {
    flex: 0 0 48%;
}

.steel-table-item-table {
    margin-bottom: 16px;
}

.custom-table {
    display: block;
}

.custom-table tbody {
    display: block;
    width: 100%;
}

tr {
    display: block;
}

tbody {
    overflow: auto;
}

.custom-table tr {
    padding: 8px 14px;
    display: flex;
    justify-content: space-between;
    overflow: auto;
}

.custom-table tr:nth-child(odd) {
    background: #f6f6f6;
}

.custom-table-tr-head {
    font-weight: 600;
}

.description-column {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 3vw, 40px);
}

.support-encyclopedia-characteristics-slider-wrapper-container {
    display: none;
    margin-top: 32px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.support-encyclopedia-characteristics-slider-wrapper-container .all-characteristics-slider {
    justify-content: space-evenly;
}

@media (hover: none) {
    #menu-catalog:hover .categories-popup-modal {
        max-height: 0;
        padding: 0;
        opacity: 0;
        z-index: -50;
        visibility: hidden;
    }

    #menu-catalog:hover .categories-popup-list {
        max-height: 0;
    }

    #menu-gotschlich:hover .gotschlich-popup-modal {
        max-height: 0;
        padding: 0;
        opacity: 0;
        z-index: -50;
        visibility: hidden;
    }

    #menu-gotschlich:hover .gotschlich-popup-list {
        max-height: 0;
    }

    #menu-avix:hover .avix-popup-modal {
        max-height: 0;
        padding: 0;
        opacity: 0;
        z-index: -50;
        visibility: hidden;
    }

    #menu-avix:hover .avix-popup-list {
        max-height: 0;
    }

    #menu-projects:hover .projects-popup-modal {
        max-height: 0;
        padding: 0;
        opacity: 0;
        z-index: -50;
        visibility: hidden;
    }

    #menu-projects:hover .projects-popup-list {
        max-height: 0;
    }

    #menu-company:hover .company-popup-modal {
        max-height: 0;
        padding: 0;
        opacity: 0;
        z-index: -50;
        visibility: hidden;
    }

    #menu-company:hover .company-popup-list {
        max-height: 0;
    }
}

.navigation-list-items {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(18px, 3vw, 60px);
}

.navigation-list-item-title {
    color: #1d1d1d;
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 700;
    text-align: center;
}

.navigation-list-item ol {
    color: #888888;
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(15px, 3vw, 20px);
}

.navigation-list-item ol li a {
    text-decoration: none;
    color: #888888;
    transition: 0.3s all ease;
}

.navigation-list-item ol li:hover a {
    color: #b0171c;
    text-decoration: underline;
}

.navigation-list-item .order-call {
    font-size: clamp(16px, 3vw, 18px);
    background-color: unset;
    border: none;
    padding: unset;
}

@media (max-width: 1250px) {
    .header-menu-button {
        font-family: inherit;
        font-size: 18px;
        background-color: transparent;
        border: none;
        padding: 1px 3px;
        transition: color 0.3s ease-in;
    }

    .welcome-preview-slider-wrapper {
        width: 40%;
    }

    .welcome-video-description .video-container .above-video h1,
    h6 {
        margin-left: 6%;
        width: 70%;
    }

    .welcome-video-description .video-container .above-video {
        font-size: 1.5rem;
    }

    .learn-about-gotschlich .gotschlich-description h1 {
        font-size: 1.5rem;
    }

    .learn-about-gotschlich .gotschlich-description button {
        width: 70%;
    }

    .contacts-hrefs-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 60%;
        justify-content: space-between;
        align-items: center;
    }

    .contacts-of-showroom {
        flex: 2;
    }

    .best-desicion-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .itis-your-best-decision .left-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 70%;
        margin: 0 auto;
    }

    @media (max-width: 750px) {
        .itis-your-best-decision .left-header {
            width: 95%;
        }
    }

    .itis-your-best-decision .right-description {
        width: 90%;
        margin: 0 auto;
    }

    .itis-your-best-decision {
        width: 100%;
        margin: 0 auto;
        margin-top: 3rem;
        text-align: center;
    }

    @media (max-width: 750px) {
        .company-events-preview {
            min-height: 340px;
        }

        .company-events-preview .image-company-wrapper,
        .company-events-preview .image-company-wrapper img,
        .company-events-preview .above-company-image {
            height: 340px;
        }
    }

    .company-preview.company-events-preview h1 {
        margin-bottom: 15%;
    }
}

@media (max-width: 950px) {
    .steel-table-items {
        flex-direction: column;
    }

    .steel-table-item {
        width: 100%;
    }

    .projects-item-img {
        height: 220px;
    }
}

@media (max-width: 750px) {
    .modal-active {
        width: 80%;
    }

    .modal-inactive {
        width: 0;
        visibility: hidden;
    }

    .logo-phone-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        /*height: 10svh;*/
    }

    .header-phone {
        display: none;
        visibility: hidden;
        width: 0;
    }

    .header-phone-mobile {
        width: 1.5rem;
        visibility: visible;
    }

    .mobile-menu {
        width: 1.5rem;
        visibility: visible;
    }

    .mobile-menu button {
        border: none;
        background-color: transparent;
    }

    .order-call-wrapper {
        display: none;
        width: 0;
        visibility: hidden;
    }

    .header-menu {
        flex-direction: column;
        justify-content: space-around;
        position: fixed;
        background-color: white;
        height: 82svh;
        z-index: -5;
        visibility: hidden;
        opacity: 0;
    }

    .header-menu-active {
        z-index: 20;
        visibility: visible;
        opacity: 1;
    }

    .welcome-preview-video {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 3.5rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .welcome-preview-slider-wrapper {
        width: 60%;
        height: 1.5rem;
        position: relative;
        z-index: 1;
        border-radius: 2rem;
    }

    .welcome-video-description {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5rem;
        position: relative;
    }

    .welcome-video-description .video-container {
        position: relative;
        width: 100%;
        height: 50vh;
        min-height: 341px;
    }

    .welcome-video-description .video-container img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: cover;
        border-radius: 1rem;
    }

    .welcome-video-description .video-container .above-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 98%;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 1rem;
        color: white;
        font-family: inherit;
        font-weight: 700;
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 0;
        min-height: 341px;
    }

    .welcome-video-description .video-container .above-video h1,
    h6 {
        margin-left: 6%;
        width: 85%;
        font-weight: 400;
    }

    .welcome-video-description .video-container .above-video h6 {
        font-size: 14px;
    }

    .welcome-video-description .video-container .above-video h1 {
        font-size: 24px;
    }

    .description-under-preview {
        width: 100%;
        flex-direction: column;
        margin-top: 0.5rem;
        /*position: absolute;*/
        position: static;
        bottom: -8.5rem;
        visibility: hidden;
        display: none;
        opacity: 0;
        z-index: -5;
        transition: all 0.4s ease-in;
    }

    .description-buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 1rem;
    }

    .description-under-preview-shown {
        display: flex;
        visibility: visible;
        opacity: 1;
        z-index: 10;
    }

    .description-under-preview .bestseller-name {
        width: 100%;
    }

    .description-under-preview .bestseller-name h2,
    p {
        margin: 5px 0;
        padding: 0;
    }

    .description-under-preview .bestseller-name p {
        color: #1d1d1d;
    }

    .description-under-preview button {
        border: 2px solid transparent;
        border-radius: 1rem;
        margin-left: 0;
        background-color: transparent;
        padding: 1rem 0;
    }

    .description-under-preview button:hover {
        cursor: pointer;
    }

    .description-under-preview .learn-more {
        width: 196px;
        background-color: #b0171c;
        color: white;
        font-family: inherit;
        padding: unset;
        height: 42px;
        border-radius: 10px;
        font-size: 16px;
    }

    .description-under-preview .goto-catalog {
        width: 123px;
        font-family: inherit;
        color: #b0171c;
        border: 2px solid #b0171c;
        padding: unset;
        height: 42px;
        border-radius: 10px;
        font-size: 16px;
    }

    .learn-about-avix {
        width: 100%;
        /*height: 50vh;*/
        /*max-height: 50vh;*/
        max-height: unset;
        margin-top: 45px;
        display: flex;
        flex-direction: column;
        justify-content: unset;
        position: relative;
        padding: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);
    }

    .learn-about-avix .avix-description {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: static;
        margin-bottom: 1rem;
    }

    .learn-about-avix .avix-description h1 {
        margin-bottom: 0.8rem;
        margin-top: 0;
        width: 100%;
    }

    .learn-about-avix .avix-description p {
        width: 85%;
    }

    .learn-about-avix .avix-description .desk-button {
        display: none;
    }

    .learn-about-avix .mobile-button {
        width: 100%;
        min-height: 2.5rem;
        height: 60px;
        font-family: inherit;
        font-size: 16px;
        background-color: #b0171c;
        border-radius: 18px;
        border: none;
        color: white;
        margin-top: 1rem;
        display: block;
    }

    .learn-about-avix .avix-description button:hover {
        cursor: pointer;
    }

    .learn-about-avix .about-avix-img {
        width: 100%;
        height: 34vw;
        border-radius: 0.5rem;
        min-height: 156px;
    }

    .premium-gallery {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        margin-top: 60px;
        position: relative;
    }

    .premium-gallery h1 {
        font-size: 2rem;
        text-align: center;
    }

    .premium-gallery-menu {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .gallery-menu-button {
        font-family: inherit;
        font-size: 1rem;
        background-color: transparent;
        border: none;
        padding: 1px 9px;
        transition: color 0.3s ease-in;
        color: #888888;
    }

    .gallery-menu-button-active {
        color: #b0171c;
        text-decoration: underline;
    }

    .gallery-menu-button:hover {
        cursor: pointer;
        color: #b0171c;
    }

    .containers-wrapper {
        width: 100%;
    }

    .premium-gallery .gallery-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: minmax(160px, auto);
        width: 100%;
        min-width: 100%;
        max-height: 100%;
        justify-content: space-between;
        gap: 0.5rem;
        visibility: hidden;
        opacity: 0;
        z-index: -5;
        transition: all 0.3s ease-in;
    }

    .premium-gallery .gallery-container-active {
        visibility: visible;
        opacity: 1;
        z-index: 10;
    }

    .premium-gallery .gallery-item {
        border-radius: 0.5rem;
        position: relative;
        width: 100%;
        height: 100%;
        max-height: unset;
    }

    .premium-gallery .gallery-item:hover {
        cursor: pointer;
    }

    .premium-gallery .gallery-item img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.5rem;
    }

    .gallery-item .gallery-item-hover {
        height: 0;
        opacity: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
        background-color: #b0171c;
        text-align: center;
        line-height: 2rem;
        color: white;
        font-family: inherit;
        border-radius: 0 0 0.5rem 0.5rem;
        transition: all 0.3s ease-in;
    }

    .premium-gallery .check-all {
        width: 100%;
        height: 60px;
        border-radius: 18px;
        /*position: absolute;*/
        /*bottom: -55px;*/
        /*bottom: -8vh;*/
    }

    .learn-about-gotschlich {
        width: 92%;
        margin: 0 auto;
        margin-top: 15vh;
        display: flex;
        flex-direction: column;
        position: relative;
        padding-bottom: 15vh;
    }

    .learn-about-gotschlich .gotschlich-description {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: static;
    }

    .learn-about-gotschlich .gotschlich-description h1 {
        font-size: 2rem;
        margin-bottom: 0.8rem;
        margin-top: 0;
        width: 100%;
    }

    .learn-about-gotschlich .gotschlich-description button {
        width: 50%;
        height: 2.5rem;
        font-family: inherit;
        background-color: #b0171c;
        border-radius: 0.7rem;
        border: none;
        color: white;
        margin-top: 3rem;
        position: absolute;
        bottom: 4%;
    }

    .learn-about-gotschlich .gotschlich-description button:hover {
        cursor: pointer;
    }

    .learn-about-gotschlich .about-gotschlich-img {
        width: 100%;
        height: 30vh;
        border-radius: 0.5rem;
    }

    .learn-about-gotschlich .about-gotschlich-img img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        max-height: 100%;
        object-fit: cover;
        border-radius: 0.5rem;
    }

    .catalog {
        margin: 0 auto;
        margin-top: 65px;
        position: relative;
        padding-bottom: 5rem;
    }

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

    .catalog-header h1 {
        margin-bottom: 0;
    }

    .catalog-header button {
        position: absolute;
        bottom: 1rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 96.5%;
        height: 52px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 16px;
    }

    .swiper-scrollbar-catalog {
        position: absolute !important;
        bottom: 5rem !important;
    }

    .swiper-button-prev-catalog {
        position: absolute !important;
        top: 50% !important;
        left: -5% !important;
        color: black !important;
    }

    .swiper-button-next-catalog {
        position: absolute !important;
        top: 50% !important;
        right: -5% !important;
        color: black !important;
    }

    .projects-SNG {
        width: 100%;
        margin: 0 auto;
        /*margin-top: 60px;*/
        background-color: #f6f6f6;
        border-radius: 0.5rem;
        padding-top: 2rem;
        padding-bottom: 6rem;
        position: relative;
    }

    .projects-header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 92%;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }

    .projects-header-wrapper button {
        position: absolute;
        bottom: 1rem;
        width: 90%;
        left: 5%;
    }

    .projects-header-wrapper button:hover {
        cursor: pointer;
    }

    .projects-header-wrapper a {
        white-space: nowrap;
    }

    .projects-wrapper {
        flex-direction: column;
        gap: 2rem;
    }

    .single-project {
        position: relative;
        width: 100%;
    }

    .guarantees h5,
    .guarantees h1 {
        width: 90%;
        margin: 0 auto;
    }

    .guarantees h1 {
        font-size: 1.5rem;
    }

    .guarantees p {
        text-align: center;
        width: 100%;
    }

    .refs-to-another-pages {
        width: 92%;
        height: 60vh;
        margin: 0 auto;
        margin-top: 100px;
        display: grid;
        grid-template-columns: 48% 48%;
        grid-template-rows: repeat(3, auto);
        gap: 3vw;
    }

    .refs-to-another-pages > * {
        box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
        border-radius: 1rem;
        position: relative;
        padding: 3vw;
        transition: all 0.4s ease-in;
    }

    .avix-ref {
        grid-column: 1 / 3;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .avix-ref p {
        width: 90%;
    }

    .service-ref {
        grid-column: 1 / 3;
    }

    .above-show-room p {
        width: 90%;
    }

    .contacts-footer-wrapper {
        flex-direction: column;
    }

    .contacts-hrefs {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 1rem;
    }

    .contacts-hrefs > img {
        margin: 0 auto;
    }

    .contacts-hrefs-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
        row-gap: 24px;
    }

    .half-width-card {
        width: 100%;
    }

    .full-width-card p {
        width: 100%;
    }

    .half-width-card p {
        width: 100%;
    }

    .gotschlich-catalog-header {
        font-size: 1.5rem;
    }

    .gotschlich-catalog-description {
        width: 90%;
        margin-top: 24px;
    }

    .gotschlich-customization h1 {
        font-size: 1.5rem;
    }

    .easy-to-use-gotschlich h1 {
        font-size: 1.5rem;
    }

    .full-width-category button {
        width: 100%;
    }

    .full-width-category p {
        width: 100%;
    }

    .small-width-categories {
        gap: 2rem 0;
    }

    .small-width-category {
        width: 100%;
    }

    .characteristics h1 {
        text-align: center;
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .table-cards-container {
        gap: 2rem;
    }

    .table-card {
        width: 100%;
    }

    .article-list-header {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .about-filtered-full-width-category {
        flex-direction: column;
    }

    .filtered-full-width-decription {
        width: 100%;
    }

    .article-filters-buttons.mobile {
        display: flex;
    }

    .filters-wrapper-form {
        position: absolute;
        visibility: hidden !important;
        opacity: 0 !important;
        background: #ffffff;
        width: 100%;
        height: 100vh;
        top: 0;
        padding-bottom: 90px;
    }

    .filters-wrapper-form.modal-active {
        visibility: visible !important;
        opacity: 1 !important;
        overflow: hidden;
        height: 100vh;
    }

    .filters-wrapper-form.modal-active .filters-buttons-wrapper {
        position: absolute;
        bottom: 20px;
        width: 100%;
        background-color: #ffffff;
    }

    .filters-wrapper-form-header.mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 12px;
    }

    .filters-wrapper-form .cross-button {
        display: block;
    }

    .modal-call-form-input.cross-button {
        position: static;
    }

    .filters-wrapper {
        height: 82%;
        overflow: auto;
    }

    .filters-wrapper-form-header.mobile .logo-phone-underline {
        position: absolute;
        bottom: 0;
    }

    .filters-wrapper-form-header.mobile .cross-button {
        right: 12px;
        top: 12px;
    }

    .filters-wrapper-form-header-text {
    }

    .filters-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 40px;
    }

    .width-filter-category {
        justify-self: center;
        width: 100%;
    }

    .hidden-filters {
        visibility: hidden;
        height: 0;
    }

    .contact-us-showroom.no-modal {
        position: static;
        height: 60px !important;
        visibility: visible;
        width: 100%;
    }

    .info-numbers {
        top: 2rem;
        width: 92%;
        padding: 0.7rem;
    }

    .configuration-slider-wrapper {
        width: 90%;
    }

    .all-characteristics-slider-wrapper {
        width: 100%;
    }

    .under-card-with-numbers p {
        width: 90%;
    }

    .big-made-project-card {
        max-height: 341px;
    }

    .big-made-project-card h1 {
        width: 85%;
    }

    .big-made-project-card h4 {
        font-size: 1.2rem;
        width: 80%;
    }

    .small-project-card {
        width: 100%;
    }

    .office-description-header {
        width: 90%;
    }

    .preview-404 h4 {
        font-size: 4vw !important;
        max-width: 90% !important;
    }

    .showroom-description {
        width: 90%;
        margin-bottom: 2rem;
    }

    .showroom-contacts {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
    }

    .itis-your-best-decision .right-description {
        font-weight: 500;
    }

    .contacts-of-showroom {
        flex: 1;
    }

    .contacts-of-showroom h4 {
        width: 100%;
    }

    .unique-opportunity-header {
        width: 90%;
        font-size: 1.5rem;
    }

    .unique-opportunity-description {
        width: 90%;
    }

    .premium-decisions-description {
        width: 90%;
    }

    .team-catalog h1 {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
    }

    .look-calendar {
        width: 21.25rem !important;
        top: 5rem !important;
    }

    .news-text h1 {
        font-size: 2rem;
    }

    .news-text p {
        font-size: 1rem;
    }

    .questions-accordion-item {
        flex: 0 0 100%;
    }

    .questions-accordion h1 {
        font-size: 2rem;
    }

    .no-guarantee ul li {
        font-size: 16px;
    }

    .rules-guarantee-description-items {
        flex-direction: column;
    }

    .documentation-form-select-elements {
        flex-direction: column;
    }

    .documentation-form-select-element {
        width: 100%;
    }

    .documentation-form-search {
        max-width: 414px;
    }

    .documentation-files-columns {
        flex-direction: column;
    }

    .company-preview.company-events-preview .above-company-image {
        justify-content: start;
    }
}

@media (max-width: 550px) {
    .description-columns {
        flex-direction: column;
    }

    .description-column {
        flex: unset;
    }

    .support-encyclopedia-characteristics-slider-wrapper-container {
        display: block;
    }
}