:root {
    --white: #ffff;
    --primary-color: #526492;
    --secondary-color: #f5f5f5;
    --text-color: #212529;
    --btn-bg-white: #f5f5f5;
    --btn-bg-white-hover: #f5f5f5;
    --btn-white-outline: #f5f5f5;
    --btn-white-outline-hover: #f5f5f5;
    --color-gray: #AAAAAA;
    --radius: 25px;
    --blue-btn: #526492;
    --body-bg: rgba(248, 248, 248, 1);


}

body {
    font-family: 'Euclid Square', sans-serif;
    padding:20px 50px;
    max-width: 1920px;
    background: var(--body-bg);
    margin: 0 auto;
}

.bg-white{
    background: white;
}

.logo-img {
    max-height: 50px; /* Задайте відповідний розмір для логотипу */
}

.h1{
    font-size: 2.5rem;
}
.explainer-images-title {
    text-transform: uppercase;
}

.gray-text {
    color: var(--color-gray);
}
.border-radius-gray {
    border-radius: var(--radius);
    border: 1px solid var(--color-gray);
}
.btn {

    font-style: normal;
    font-weight: 500;
    font-size: 17.3333px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.01em;
}
.btn.btn-outline.deactive {
    padding: 15px;
    border: 1px solid var(--color-gray);
    border-radius: var(--radius);
    color: var(--color-gray);
}
.section-title{
    font-size: 80px
}

header {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background:url('/img/assets/header-big-bg.jpg') no-repeat center center;
    /*background:url('/img/assets/bg2.jpg') no-repeat center center;*/
    background-size: cover;
    position: relative;
    padding: 10px;
    height: 90svh;
    z-index: 1;
    /*max-width:90%;*/
    margin: 0 auto;
    margin-top: 10px;
    border-radius:30px;
    /*clip-path: url(#roundedPolygon);*/
    /*clip-path: polygon(0% 100%, 0% 0%, 40% 0%, 43% 7%, 57% 7%, 60% 0%, 100% 0%, 100% 100%);*/
}
header.header-mini{
    background:url('/img/bg_mini.jpg') no-repeat center center;
}

header .logo{
    margin: 0 auto;
    /* display: inline-block; */
    text-align: center;
    margin-top: -45px;
}
.add-butterfly{
    position: relative;
}
.add-butterfly:after {
    content: "";
    background: url('/img/blur_baterfly.png') no-repeat center center;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: -50%;
}
header .logo .wrapper{
    position: relative;
    background-color: var(--white);
    display: inline-block;
    padding:20px 40px;
    border-radius:0 0 20px 20px;
}
header .logo .wrapper:before {
    content: '';
    position: absolute;
    top: 46%;
    left: -70px;
    width: 64px;
    height: 64px;
    border-top-right-radius: 13px;
    box-shadow: 60px -3px #fff;
    transform: rotate(-37deg);
    z-index: -1;
}

header .logo .wrapper:after {
    content: '';
    position: absolute;
    top: 46%;
    right: -70px;
    width: 64px;
    height: 64px;
    border-top-left-radius: 13px;
    box-shadow: -60px -3px #fff;
    transform: rotate(37deg);
    z-index: -1;
}
.section-title{
    font-size: 80px;
}
header h1.display-1 {
    font-size: 109px;
}

/*header .logo .wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    right: -39px;
    background-color: #ffffff;
    width: 50px;
    height: 100%;
    !*border-radius: 0% 43% 15% 109%;*!
}*/


header  .contact-btn{
    padding: 15px 20px;
}

.h-80{
    height: 80%;
}
.nav-link {
    color: #212529; /* Основний колір тексту */
    font-weight: 500; /* Напівжирний для тексту */
}

.nav-link:hover {
    color: #0d6efd;
}
.btn{
    font-size: 18px;
}
.btn-outline-primary {
    font-weight: 600;
}
.btn.btn-outline {
    padding: 15px;
    border: 1px solid var(--primary-color);
    border-radius: var(--radius);
    color: var(--primary-color);
}

.btn-radius {
    border-radius: 50px;
}

.btn-white {
    background: var(--btn-bg-white);
    border: 1px solid var(--btn-white-outline);
    color: var(--text-color);
}

.btn-white:hover {
    background: var(--primary-color);
    color:white;
}

.btn-white:focus {
    background: #f5f5f5;
    color:var(--primary-color);
}

.text-white{
    color:var(--secondary-color);
}

header nav .nav-link{
    color:var(--secondary-color);
    border: 1px solid var(--btn-white-outline);
    border-radius: 30px;
    margin-right: 20px;
}
header nav .nav-link:hover,
header nav .nav-link:focus
{
    background: var(--btn-bg-white-hover);
    color: var(--text-color);

}

header h1 {
    /*font-size: 7rem;*/
    line-height: 1;
    font-weight: 400;
    color: var(--secondary-color);
    margin-bottom: 20px;

}
.about-btn {
    padding: 30px 20px;
    width: 250px;
    margin: 0 auto;
    display: block;
}

header .slogan {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--secondary-color);
    padding: 20px;

}
.shadow {
    box-shadow: 0px -2.33px 20px rgba(0, 0, 0, 0.08)!important;
}
.border-radius {
    border-radius: var(--radius);
}
.border-radius-sm {
    border-radius: calc(var(--radius)/2);
}

header.header-mini {
    height: 185px;
}

/* ======== ICONS ======== */

.arrow-left {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8137 0.635132L1.66016 7.78867L8.8137 14.9422' stroke='%23111111'/%3E%3C/svg%3E%0A");
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    background-repeat: no-repeat;
    background-position: center;
}
.arrow-right {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33084 0.635132L8.48438 7.78867L1.33084 14.9422' stroke='%23111111'/%3E%3C/svg%3E%0A");
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    background-repeat: no-repeat;
    background-position: center;
}

.control-faq{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33084 0.635132L8.48438 7.78867L1.33084 14.9422' stroke='%23111111'/%3E%3C/svg%3E%0A");
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
}


#about-swiper {
    width: 100%;
    height: 100%;
}
#about-swiper  .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     max-height: 614px;
     object-fit: cover;
     border-radius: 25px;
    border: 1px solid var(--color-gray);
 }

/* ======== FOOTER ======== */
footer {
    background-color: var(--primary-color);
    padding: 40px;
    border-radius: var(--radius);
    color: var(--white);
}
footer a {
    color: var(--white);
}
footer a:hover {
    color: #D3D3D3;
}
footer .contact-title{
    font-size: 20px;
    font-weight: 400;
    color: #D3D3D3;
    text-transform: uppercase;
}
footer .phones ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer ul.social-links {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
}

footer ul.social-links a {
    width: 70px;
    height: 70px;
    display: flex;
    background: #6075AA;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.form-container .dropdown-custom{
    padding: 20px 20px;
}


/** About section **/

.about-images{
    position: relative;
    border-radius: 25px;
}
.swiper-pagination-group {
    display: flex;
    max-width: 50%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--body-bg);
    z-index: 9999;
    width: 50%;
    border-radius: 25px 0 0;
    align-content: flex-end;
    padding-top: 40px;
    padding-left: 20px;
}
.swiper-pagination-group .navigation-group{
    display: flex;
    gap: 10px;

}

.swiper-pagination-group .swiper-pagination {
    position: unset;
    display: flex;
    align-content: center;
    align-items: center;
}

.swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    border: 1px solid #8A8A8A;
    background: white;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 26px;
    height: 26px;
    border: none;
    background: #526492;
    transition: 0.3s all;

}

.swiper-pagination-group:after{
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    left: -45px;
    bottom: 0;
    border-bottom-right-radius: 28px;
    background: transparent;
    box-shadow: 5px 15px var(--body-bg);
}

.swiper-pagination-group:before{
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    right:  0px;
    top: -45px;
    border-bottom-right-radius: 28px;
    background: transparent;
    box-shadow: 5px 15px var(--body-bg);
}
.all-products.module{
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0px 13.33px 29.5px 0px rgba(0, 0, 0, 0.08);

}
.all-products.module ul{
    padding: 0;
    list-style: none;
}
.all-products.module .module-header{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #111111;
}
.all-products.module ul li a{
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #111111;
    text-decoration: none;
}

img{
    max-width: 100%;
}

.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    gap: 100px;
    list-style: none;
    padding: 0;
    color: rgba(209, 209, 209, 1);
    padding-left: 30px;
}
.breadcrumbs *{
    color: rgba(209, 209, 209, 1);
}
.breadcrumbs li{
    position: relative;
}
.breadcrumbs li:first-child:before{
    display: none;
}
.breadcrumbs li:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 10px;
    display: block;
    left: -90px;
    top: 41%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='6' viewBox='0 0 60 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3H59M59 3L56.567 1M59 3L56.567 5' stroke='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.calc-form {
    border-radius: var(--radius);
    padding: 30px;
    box-shadow: 0px 13.33px 29.5px 0px rgba(0, 0, 0, 0.08);
}
.calc-form .h2{
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}
.calc-form .form-description{
    font-size: 14px;
}
.calc-form input,
.calc-form textarea{
    border:none;
    outline: none;
    color: var(--color-gray);
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #AAAAAA;
}



.btn-width-icon{
    border: none;
    background: none;
    outline: none;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--radius)*1.9);
    padding: 5px 6px;
    /*min-width: 250px;*/
    height: 85px;
    padding-right: 75px;
    padding-left: 10px;

    position: relative;
    color: white;
}
.btn-width-icon:after{
    content: '';
    position: absolute;
    right: 10px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='61' height='61' viewBox='0 0 61 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30.228' cy='30.7717' r='30.228' fill='white'/%3E%3Cpath d='M38.2285 23.7708C38.2285 23.2185 37.7808 22.7708 37.2285 22.7708L28.2285 22.7708C27.6762 22.7708 27.2285 23.2185 27.2285 23.7708C27.2285 24.3231 27.6762 24.7708 28.2285 24.7708L36.2285 24.7708L36.2285 32.7708C36.2285 33.3231 36.6762 33.7708 37.2285 33.7708C37.7808 33.7708 38.2285 33.3231 38.2285 32.7708L38.2285 23.7708ZM23.9356 38.4779L37.9356 24.4779L36.5214 23.0637L22.5214 37.0637L23.9356 38.4779Z' fill='%231F1F1F'/%3E%3C/svg%3E%0A");
}

.margin-top-100{
    margin-top: 100px;
}
.margin-top-50{
    margin-top: 50px;
}

.margin-bottom-100{
    margin-bottom: 100px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}

.margin-top-200{
    margin-top: 200px;
}



.explainer-images-swiper-nav {
    width: 10%;
}

.explainer-images-title-wrapper {
    width: 90%;
}

.explainer-images-head {
    display: flex;
}

.explainer-swiper .swiper-slide {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #D9D9D9;
    border-radius: var(--radius);
    overflow: hidden;
}
.main-images .swiper-slide img {
    height: 100%;
}
.explainer-swiper .swiper-pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: auto;
}

form .btn-order {
    margin: 27px auto;
    width:100%;
}


.action-btns{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.action-btns .action-btn{
    width: 119px;
    height: 119px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}
.action-btn.np-delivery {
    height: auto;
    display: block;
}
.action-btns .order{
    background: var(--primary-color);
}
.action-btns .order a{
    color: white;
}

.action-btns .price a{
    color: black;
    text-decoration: underline;
}

#our-production .swiper-slide{
    margin-bottom: 30px;
    padding: 10px;
    border-radius: var(--radius);
    box-shadow: 0px 13.33px 29.5px 0px rgba(0, 0, 0, 0.08);
}
#our-production .swiper-slide a{
    text-decoration: none;
}
#our-production .swiper-slide .product-title {
    text-align: center;
    text-transform: uppercase;
    color: black;
    display: flex;
    justify-content: space-evenly;
}


.gallery-production-section .swiper-slide img {
    min-height: 300px;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.gallery-production-section .swiper-slide{
    border-radius: var(--radius);
    border:1px solid transparent;
    overflow: hidden;
    position: relative;
}

.gallery-slide .backdrop{
    z-index: 99;
    position: absolute;
    background: linear-gradient(0deg, rgba(82, 100, 146, 0.76) 0%, rgba(25, 30, 44, 0) 101.72%);
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.about-section{
    border: 1px solid var(--color-gray);
    padding: 50px 25px;
    border-radius: var(--radius)
}


.about-swiper-text-slide{
    padding: 20px 0;
    min-height: 614px;
}
.about-swiper-image-slide{
    min-height: 614px;

}

header .big-btn {
    padding: 30px;
}

header  .contact-top-btn{
    padding: 20px
}
.dropdown-menu.show{
    border-radius: 18px;
    margin-top: 20px!important;
}
.dropdown-menu:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgb(248,248,248);
    display: block;
    top: -10px;
    left: 20px;
    z-index: -1;
    transform: rotate(45deg);

}



.achievements-section .achievements-blocks{
    position: relative;
}

.achievements-section .circle-block{
    display: block;
    width: 350px;
    height: 350px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}


.achievements-section .circle-block-content{
    width: 217px;
    font-size: 18px;
    line-height: 1;
}

.achievements-section .circle-block-content .circle-block-number{
    font-size: 107px;
}



.achievements-section .circle-block-1{
    background: white;
    top: 10%;
    left: 10%;
}


.achievements-section .circle-block-2{
    background: #F2F2F2;
    top: 0%;
    left: 45%;
}

.achievements-section .circle-block-3{
    background: var(--primary-color);
    top: 50%;
    left: 40%;
}

.achievements-section .achievements-title{
    position: relative;
}

.achievements-section .achievements-title .add-butterfly:after{
    top: -15%;
    left: 30%
}
.wrap-sup-text
{
    max-width: 300px
}
.product-item .product-description{
    max-height: 164px;
    overflow: hidden;
}
.product-item .product-title{
    min-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;

}

.product-item .product-description{
    color:var(--color-gray)
}
.product-item .product-info {
    padding: 10px 35px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.product-item {
    margin-bottom: 50px;
    border-radius: calc(var(--radius)/2)
}
.btn.btn-blue{
    background: var(--blue-btn);
    color:white;
    padding:25px 10px;
}
.product-item .btn-blue{
    width: 100%;
    margin-top: 20px;
    border-radius: calc(var(--radius)*2);
    padding: 25px;
}
.swiper-pagination-position-unset{
    position: unset;
    margin-bottom: 10px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-category-block .btn-blue{
    border-radius: 100px;
    width: 100%
}
.product-item .product-image img{
    max-height: 298px;
    object-fit: cover;
    width: 100%
}
header .lang-nav .nav-link{
    border:none;
}

.dropdown-item:focus, .dropdown-item:hover{
    overflow: hidden;
    border-radius: 10px;
}
.dropdown-item:active{
    background: var(--gray);
    color:black;
}

.mobile-bottom img[alt='phone'] {
    filter: invert(1);
    width: 16px;
}
.download-link{
    background: var(--btn-bg-white);
    padding: 30px 35px;
    border: 1px solid var(--color-gray);

}

.form-container .ss-main .ss-values {
    flex-wrap: wrap;
    width: 90%;
}

.swiper-slide.product-item{
    max-width: 600px;
    max-height: fit-content;
    overflow: hidden;
}
.contact-info a{
    text-decoration: none;
}
header .lang-nav .nav-link:hover,
header .lang-nav .nav-link:focus,
header .lang-nav .nav-link.active
{
    background: none;
    color: white;
}

.swiper{
    /*height: 100%;*/
    max-height: fit-content;
}


header .lang-nav svg {
    stroke: white;
    fill: transparent;
}
header .lang-nav svg path{
    fill: transparent;
}


.list-faq-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.list-faq-wrap .faq-item{
    padding-top: 30px;
    border-top: 1px solid var(--color-gray)
}



.list-faq-wrap .faq-item .faq-item-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
}
.list-faq-wrap .faq-item .faq-item-title .h3{
    font-size: 22px;
    width: 90%;
}
.list-faq-wrap .faq-item .faq-item-content{
    height: 0;
    overflow: hidden;
}
.list-faq-wrap .faq-item.open .faq-item-content{
    height: 100%;
    overflow: unset;
    padding-top: 20px;
}

.control-faq{
    transition:  .3s all;
}
.list-faq-wrap .faq-item.open .control-faq{
    transform: rotate(-90deg);
    transition:  .3s all;
}

.explainer-swiper .swiper-slide img{
    display: block;
    border-radius: var(--radius);
    overflow: hidden;
}

.ss-main .ss-values .ss-single{
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
}


.blog-posts{
    display: flex;
    flex-direction: column;
    gap:20px;
    padding: 20px;
}
.blog-posts .blog-post{
    padding: 20px;
    box-shadow: 1px 3px 10px #ccc;
    border-radius: var(--radius);
}

.blog-posts .blog-post .bp-title a{
    color:black;
    font-size: 1.5rem;
    text-decoration: none;
}

.blog-posts .blog-post .bp-body{
    color: var(--color-gray)
}

.onebox-price {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: column;
    color: black;

}

#carousel_gallery img{
    filter: grayscale(100%);
    transition: .3s all;
}

#carousel_gallery a .backdrop svg{
    transition: .3s all;
}

#carousel_gallery a:hover img{
    filter: grayscale(0%)
}
#carousel_gallery a:hover .backdrop{
    opacity: .3;
}
/*
#carousel_gallery a:hover .backdrop svg,
#carousel_gallery a:hover img
{
    transform: scale(1.5);
    transition: .3s all;
}*/




.sub-category-block .col-md-6 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}



body .rngst_phone_button {

    right: 0;
    margin-right: 0px;

}

.backdrop svg{
    display: none!important;
}

#carousel_gallery .gallery-slide:hover{
    transform: scale(1.2);
    transition: .3s all;
    z-index: 99999
}
#carousel_gallery .swiper-wrapper {
    padding-top: 35px;

}

#carousel_gallery .gallery-slide{
    transition: .3s all;
}

.sub-category-except {
    max-height: 170px;
    overflow: hidden;
    min-height: 170px;
}

.sub-category-title.h3.text-uppercase {
    height: 65px;
    overflow: hidden;
}



/*clip-path: polygon(69% 62%, 79% 56%, 100% 56%, 100% 100%, 0 100%, 0 56%, 25% 55%, 35% 62%);*/
/* Default: Large devices such as laptops, computers (greater than 1024px) *

/* Medium devices such as tablets (1024px or lesser) */

@media only screen and (max-width: 1440px) {
    .section-title {
        font-size: 50px;
    }
    .achievements-blocks .circle-block{
        transform: scale(.8);
        margin-top: -15%;
    }
    .about-section .swiper-pagination-group{
        max-width: 80%;
        width: 80%;
    }
}
@media only screen and (max-width: 1200px) {
    .section-title {
        font-size: 50px;
    }
    .achievements-blocks .circle-block{
        transform: scale(.7);
        margin-top: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .breadcrumbs {
        /*display: none;*/
        visibility: hidden;
    }
    header h1.display-1 {
        font-size: 50px;
    }
    header .slogan {
        font-size: 18px;
    }
    header .big-btn,
    header .contact-top-btn{
        padding: 10px;
    }
    header nav .nav-link{
        margin-right: 10px;
    }
    .filter-section .form-container{
        width: 100%;
        max-width: 100%;
    }
    .section-title {
        font-size: 35px;
    }


}

/* Small devices such as phones (768px or lesser) */
@media only screen and (max-width: 768px) {
    body .rngst_phone_button{
        bottom: calc(13% - 21px);
    }

    .main-images .swiper-slide img{
        height: auto;
    }

    body .price-table {
        overflow: scroll;

    }

    body{
        padding: 5px 15px;
    }
    .logo-img {
        height: 30px;
    }
   body header,
   header.header-mini{
        display: flex;
        align-items: center!important;
        justify-content: space-between!important;
       z-index: 100;
       flex-wrap: wrap;
    }

    header.header-mini{
        height: 100px;
    }
    header .logo{
        margin: 0;
    }
    header .logo .wrapper::before,
    header .logo .wrapper::after{
        display: none;
    }
    header .logo .wrapper{
        background: transparent;
    }
    header.header-mini .menu-container{
        display: none!important;;
    }
    header .display-1 {
       text-align: center;
    }

    button.btn-mobile-burger {
        background: white;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        outline: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-mobile-close{
        background: var(--primary-color);
        width: 50px;
        height: 50px;
        border-radius: 50%;
        outline: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-title {
        font-size: 25px;
    }
    .filter-section .form-container {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    #sulutions-results {
        margin-bottom: 10px;
    }
    .about-swiper-text-slide {
        min-height: auto;
    }
    .about-images .swiper-pagination{
        justify-content: center;
    }
    .about-images .swiper-pagination-group {
        width: 100%;
        max-width: 100%;
        height: 30px;
        position: unset;
        background: transparent;

    }
    .swiper-pagination-group:before,
    .swiper-pagination-group:after {
        display: none;
    }

    .achievements-blocks .circle-block{
        position: unset;
        margin: 0 auto;
    }
    .achievements-blocks .circle-block{
        transform: scale(1);
        margin-top: 0;
    }
    .achievements-section .achievements-title .add-butterfly:after {
        top: -201%;
        right: 0;
        left: unset;

    }

    .mobile-nav{
        position: fixed;
        height: 100vh;
        background: white;
        top: 0;
        transition: all 0.3s ease-in-out;
        right: -100%;
    }

    .mobile-nav.open{
        right: unset;
        left: 0;
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow-y: auto;
    }

    .mobile-nav .nav-link {
        color: black;
        padding: 30px 20px;
        text-align: center;
        border: 1px solid black;
        border-radius: 50px;
    }
    .mobile-nav {
        padding: 30px 0
    }

    .mobile-nav-menu {
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .dropdown-menu.show {
        border-radius: 18px;
        margin-top: 3px!important;
        width: 96%;
    }
    .dropdown-menu:before {
        display: none;
    }

    .mobile-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 20px;
        padding: 0 30px;
    }
    .mobile-bottom .btn-blue{
        width: 100%;
        padding: 20px;
    }
    .mobile-bottom .contact-info a{
        text-decoration: none;
        color: black;
    }

    .container-fluid.header-content,
    .container-fluid.header-content>.row
    {
        height: 100%;
    }

    header .big-btn {
        padding: 30px!important;
    }

    .form-container .dropdown-custom {
        padding: 30px 20px;
    }

    .filter-section .form-container{
        padding: 20px 0;
    }
    .action-btns.action-btns-mobile .action-btn {
        width: 100%;
        display: flex;
        column-gap: 20px;
        margin-top: 20px;
        max-height: 70px;
    }
    .action-btns.action-btns-mobile .action-btn img{
        max-height: 70px
    }

    #product-single{
        flex-direction: column-reverse;
    }


    .price-page .price-table .articul,
    .price-page .price-table .weight,
    .price-page  .price-table .thikness,
    .price-page  .price-table .thickness
    {
        display: none;
    }

   /* .price-page  .price-table .quantity,
    .price-page  .price-table th.unit,
    .price-page  .price-table th.price1,
    .price-page  .price-table th.price2,
    .price-page  .price-table th.price3


    {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        height: 120px
    }*/

    .price-page .price-table .quantity span,
    .price-page .price-table th.unit span,
    .price-page .price-table th.price1 span,
    .price-page .price-table th.price2 span,
    .price-page .price-table th.price3 span {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        height: 120px;
    }

    .price-page .download-link{
        background: var(--primary-color);
        color: white;
        padding: 30px 35px;
    }

    .product-information{
        padding:20px;
    }

    .main-images {
        height: auto!important;
    }
    .explainer-swiper .swiper-pagination {
        height: 30px;
        width: auto;
    }

    header .lang-nav svg {
        stroke: black;
    }
    header .lang-nav svg path{
        fill: black;
    }


}
:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:block;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}/*# sourceMappingURL=slimselect.css.map */