html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul,
ul {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    scroll-behavior: smooth;
    background: #fff;
    color: #000;
}
@media (max-width: 480px) {
    html,body{
        font-size: 16px;
    }
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto;
}
@media (max-width: 1440px) {
    .container{
        max-width: 1094px;
    }
}
@media (max-width: 1024px) {
    .container{
        max-width: 900px;
    }
}
main.main{
    overflow: hidden;
    margin-top: 244px;
}
@media (max-width: 1440px) {
    main.main {
        margin-top: 200px;
    }
}
@media (max-width: 920px) {
    main.main {
        margin-top: 122px;
    }
}
@media (max-width: 490px) {
    main.main {
        margin-top: 90px;
    }
}
main.main-main{
    margin-top: 0;
}
.title{
    color: #000;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 30px;
}
h1.title{
    text-transform: uppercase;
    text-align: left;
}
@media (max-width: 768px) {
    .title{
        font-size: 32px;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .title{
        font-size: 40px;
        margin-bottom: 30px;
    }
}
.breadcrumbs{
    display: flex;
    gap: 56px;
    align-items: center;
    margin: 0 -15px 30px;
    overflow-x: auto;
    padding: 0 15px;
}
.breadcrumbs a{
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #C5C5C5;
    text-wrap: nowrap;
    position: relative;
}
.breadcrumbs a.active{
    color: #000;
}
.breadcrumbs li{
    position: relative;
}
.breadcrumbs li + li::before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: -36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_782_4986' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_4986)'%3E%3Cpath d='M9.33073 12L8.3974 11.0333L10.7641 8.66667H2.66406V7.33333H10.7641L8.3974 4.96667L9.33073 4L13.3307 8L9.33073 12Z' fill='%23C5C5C5'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 490px) {
    .breadcrumbs {
       gap: 30px;
    }
    .breadcrumbs li + li::before{
        left: -23px;
    }
    .breadcrumbs a{
        font-size: 14px;
    }
}
.btn{
    padding: 15px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border-radius: 8px;
    transition: all .1s ease;
    outline: none;
    cursor: pointer;
    border: none;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 30px 0 0;
    transition: all .1s ease;
    background-color: #Ffff;
}
.header.scroll{
    background-color: #fff;
    padding: 10px 0 0;
}
.header.scroll .container:last-of-type {
    padding: 10px 15px 10px;
    margin-top: 10px;
}
.header__inner{
    display: flex;
    align-items: center;
    gap: 37px;
}
.header__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 277px;
    order: 1;
}
.header__logo img{
    width: 100%;
}
.header__search-block{
    width: 100%;
    max-width: 433px;
    order: 2;
    position: relative;
}
.header__search{
    position: relative;
}
.header__search-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header__search-input{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 10px 10px 35px;
    height: 54px;
    width: 100%;
}
.header__search-input::placeholder{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    color: #C5C5C5;
}
.header__search-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 67px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 111;
    background-color: #fff;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    min-width: 350px;
    min-height: max-content;
    max-height: 70vh;
    height: max-content;
}
.header__search-content.show{
    pointer-events: all;
    opacity: 1;
}
.header__search-results{
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 460px;
}
.header__search-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C5C5C5;
}
.header__search-image{
    width: 73px;
    height: 66px;
    min-width: 73px;
    display: flex;
    align-items: center;
}
.header__search-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header__search-name{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}
.header__lang{
    order: 3;
    position: relative;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    height: 54px;
    width: 71px;
    min-width: 71px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
}
.header__lang::after,
.header-main.scroll .header__lang::after{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_204_9138' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_204_9138)'%3E%3Cpath d='M12.5 15.4L6.5 9.4L7.9 8L12.5 12.6L17.1 8L18.5 9.4L12.5 15.4Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.header__lang-content{
    position: absolute;
    top: 60px;
    z-index: 10;
    padding: 15px 10px;
    background-color: #fff;
    z-index: 20;
    border-radius: 10px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
}
.header__lang.active .header__lang-content{
    opacity: 1;
    pointer-events: all;
}
.header__lang.active::after{
    transform:translateY(-50%) rotate(-180deg);
}
.header__lang-title{
    padding: 15px 10px;
    width: 100%;
}
.header__lang-title,
.header-main.scroll .header__lang-title,
.header__lang-name{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%; 
}
.header-main .header__lang-title{
    color: #fff;
}
.header-main .header__lang::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_204_8616' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_204_8616)'%3E%3Cpath d='M12.5 15.4L6.5 9.4L7.9 8L12.5 12.6L17.1 8L18.5 9.4L12.5 15.4Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");

}

.header__links{
    display: flex;
    flex-direction: column;
    gap: 10px;
    order: 4;
}
.header__links-item{
    display: flex;
    align-items: center;
    gap: 11px;
    font-weight: 400;
    line-height: 100%;
    width: max-content;
}
.header__fuchs{
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 380px;
    order: 5;
}
.header__fuchs-icon{
    display: flex;
    align-items: center;
}
.header__fuchs-icon{
    width: max-content;
}
.header__fuchs-name{
    max-width: 319px;
    font-weight: 300;
    line-height: 100%;
}
.header__section{
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 1410px;
    margin: 0 auto;
    position: relative;
}
.header__section-block{
    width: 100%;
}
.header__section-block-bg{
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
}
.header__section-block:first-of-type .header__section-content{
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 8px;
    background: #FFF;
    padding: 40px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    top: 69px;
    gap: 30px;
    z-index: 102;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
    overflow-y: auto;
    max-height: 60vh;
}
.header__section-block:first-of-type.active .header__section-content,
.header__section-block:first-of-type.active .header__section-block-bg{
    pointer-events: all;
    opacity: 1;
}
.header__section-item{
    position: relative;
}
.header__section-block:nth-child(2){
    position: relative;
}
.header__section-block:nth-child(2) .header__section-content{
    position: absolute;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
    padding: 20px 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
    bottom: -123px;
    bottom: -50px!important;
    left: 0;
    right: 0;
}
.header__section-block:nth-child(2) .header__section-content::before{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    height: 50px;
}
.header__section-block:nth-child(2) .header__section-link{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
    transition: all .2s ease;
}
.header__section-block:nth-child(2) .header__section-link:hover{
    color: #3882BB;
}
.header__section-block:nth-of-type(2):hover .header__section-content{
    pointer-events: all;
    opacity: 1;
}
.header__section-link{
    width: 100%;
}
.header__section-name{
    color: #000;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-top: 30px;
    transition: all .1s ease;
}
.header__section-image{
    max-width: 200px;
    display: flex;
    margin: 0 auto;
}
.header__section-image img{
    width: 100%;
}
.header__section-link:hover .header__section-name{
    color: #3882BB;
}
.header__section-item{
    width: 100%;
    background: #fff;
    color: #3882BB;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 11;
}
.header__section-item:hover{
    background: #ECECEC;
}
.header .container:last-of-type{
    background: #3882BB;
    max-width: 100%;
    padding: 15px;
    margin-top: 20px;
    transition: all .1s ease;
}
.header-main .container:last-of-type{
    background: rgba(255, 255, 255, 0.10);
}
.header-main{
    color: #fff;
    background-color: transparent;
}
.header-main .header__search-input{
    border-color: #fff;
    color: #fff;
}
.header-main .header__search-input::placeholder{
    color: #fff;
}
.header-main .header__search-icon path,
.header-main .header__links-item path{
    fill: #fff;
}
.header-main .header__section-item{
    background-color: #3882BB;
    color: #fff;
}
.header-main .header__section-item:hover{
    background-color: #5AA2D9;
}
.header-main .header__section-item svg path{
    fill: #fff;
}
.header-main.scroll{
    color: #000;
}
.header-main.scroll .header__search-input{
    color: #000;
    border-color: #000;
}
.header-main.scroll .header__search-input::placeholder{
    color: #000;
}
.header-main.scroll .header__search-icon path,
.header-main.scroll .header__links-item path{
    fill: #C5C5C5;
}
.header-main.scroll .header__section-item{
    background-color: #fff;
    color: #3882BB;
}
.header-main.scroll .header__section-item:hover{
    background-color: #ECECEC;
}
.header-main.scroll .header__section-item svg path{
    fill: #3882BB;
}
.header-main.scroll .container:last-of-type{
    background-color: #3882BB;
}
.header__burger,
.header__menu{
    display: none;
}
.header__section-block.active .header__section-item{
    background-color: #ECECEC;
}
.header-main .header__section-block.active .header__section-item{
    background-color: #5AA2D9;
}

.header.scroll .header__section-block.active .header__section-item{
    background-color: #ECECEC;
}
@media (max-width: 1440px) {
    .header{
        padding: 20px 0 0;
    }
    .header__inner{
        gap: 27px;
    }
    .header__section{
        max-width: 1094px;
    }
    .header .container:last-of-type{
        margin-top: 10px;
    }
    .header__logo{
        min-width: 195px;
    }
    .header__fuchs-name,
    .header__links-item{
        font-size: 16px;
    }
    .header__fuchs {
        gap: 10px;
        min-width: 317px;
    }
    .header__fuchs-icon img{
        width: 80px;
    }
    .header__section-item{
        font-size: 14px;
    }
    .header__section-block:nth-child(2) .header__section-link{
        font-size: 14px;
    }
    .header__section-block:nth-child(2) .header__section-content{
        gap: 15px;
        padding: 15px;
        bottom: -90px;
    }
}
@media (max-width: 1140px) {
    .header__section-item{
        font-size: 12px;
        padding: 10px;
    }
}
@media (max-width: 1160px) {
    .header__fuchs{
        gap: 10px;
    }
    .header__inner{
        gap: 20px;
    }
    .header__logo {
        min-width: 200px;
    }
}
@media (max-width: 1024px) {
    .header__section{
        max-width: 900px;
    }
    .header__fuchs{
        min-width: auto;
    }
}
@media (max-width: 920px) {
    .header{
        padding: 15px 0;
    }
    .header__inner{
        justify-content: space-between;
    }
    .header__logo {
        min-width: auto;
        max-width: 200px;
    }
    .header.scroll{
        padding: 15px 0;
    }
    .header.scroll .header__burger svg path{
        fill: #3882BB;
    }
    .header__burger{
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        order: 5;
    }
    .header__menu{
        display: flex;
        position: fixed;
        inset: 0;
        transition: all .2s ease;
        opacity: 0;
        pointer-events: none;
        z-index: 101;
    }
    .header__menu.active{
        opacity: 1;
        pointer-events: all;
    }
    .header__menu-close{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }
    .header__menu-close svg{
        width: 25px;
    }
    .header__menu-content{
        position: fixed;
        display: flex;
        flex-direction: column;
        gap: 30px;
        background-color: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 400px;
        padding: 80px 15px 40px;
        transform: translateX(100%);
        transition: all 0.2s ease;
    }
    .header__menu.active .header__menu-content{
        transform: translateX(0);
        overflow-y: auto;
    }
    .header__menu-bg{
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
    .header__logo {
        min-width: 190px;
    }
    .header .container:last-of-type{
        display: none;
    }
    .header__fuchs{
        flex-direction: column;
        gap: 20px;
        order: 5;
    }
    .header__fuchs-name{
        display: none;
    }
    .header .header__section-item {
        background-color: #3882BB !important;
        color: #fff !important;
    }
    .header .header__section-item svg path {
        fill: #fff !important;
    }
    .header__section{
        flex-direction: column;
        gap: 20px;
        margin: 0;
        order: 3;
    }
    .header__section-item{
        padding: 15px;
    }
    .header__section-block:first-of-type .header__section-content{
        position: initial;
        display: none;
        padding: 10px;
    }
    .header__section-block:first-of-type.active .header__section-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .header__section-name{
        font-size: 20px;
        margin-top: 20px;
    }
    .header__section-block-bg{
        display: none;
    }

    .header__section-block:nth-child(2) .header__section-content{
        position: initial;
        opacity: 1;
        pointer-events: all;
        margin-top: 10px;
        display: none;
    }
    .header__section-block.active:nth-child(2) .header__section-content{
        display: flex;
    }
}
@media (max-width: 860px) {
    .header__logo {
        min-width: 150px;
    }
}
@media (max-width: 790px) {
    .header__links-item path {
        fill: #C5C5C5 !important;
    }
    .header__links-item{
        color: #000;
    }
    .header__links{
        order: 2;
        align-items: center;
        gap: 20px;
    }
}
@media (max-width: 620px) {
    .header__search-block{
        position: initial;
    }
    .header__search-content {
        left: 40px;
        right: 40px;
        height: 70vh;
        max-height: 290px;
        top: 80px;
    }
    .header__search-results {
        padding: 10px 15px;
    }
    .header__inner{
        gap: 15px;
    }
    .header__lang-title {
        padding: 10px 5px;
        width: 100%;
    }
    .header__lang {
        height: 40px;
        width: 50px;
        min-width: 50px;
    }
    .header__lang::after, .header-main.scroll .header__lang::after {
        right: 0px;
    }
    .header__lang-content{
        top: 50px;
    }
    .header__lang-title, .header-main.scroll .header__lang-title, .header__lang-name{
        font-size: 14px;
    }
    .header__lang-content{
        padding: 10px 5px;
    }
}
@media (max-width: 580px) {
    .header__fuchs-icon{
        max-width: 55px;
    }
    .header__fuchs-icon img{
        width: 100%;
    }
    .header__inner{
        gap: 10px;
    }
}
@media (max-width: 530px) {
    .header__logo {
        min-width: 70px;
    }
    .header__burger svg{
        width: 30px;
    }
    .header__search-input {
        font-size: 14px;
        padding: 5px 5px 5px 24px;
        height: 45px;
        width: 100%;
    }
    .header__search-input::placeholder{
        font-size: 14px;
    }
    .header__menu-content{
        max-width: 100%;
    }
    .header__section-name {
        font-size: 16px;
    }
    .header__search-icon svg{
        width: 17px;
    }
    .header__search-name{
        font-size: 14px;
    }
    .header__search-item{
        gap: 10px;
    }
    .header__search-content {
        left: 20px;
        right: 20px;
        padding: 10px 15px;
        height: 70vh;
        max-height: 290px;
        top: 67px;
        min-width: auto;
    }
}
.footer{
    margin-top: 80px;
    background: #000;
    padding: 80px 0 40px;
}
.footer__inner{
    display: flex;
    justify-content: space-between;
    gap: 67px;
    max-width: 1440px;
}
.footer__left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-wrap: break-word;
    padding-right: 5px;
}
.footer__logo{
    display: flex;
    align-items: center;
    width: 245px;
}
.footer__logo img{
    width: 100%;
}
.footer__left-copy{
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    /* line-height: 150%; */
    text-align: center;
    margin-top: 20px;
}
.footer__content{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer__item{
    display: flex;
    flex-direction: column;
}
.footer__item:nth-of-type(2){
    margin-right: -25px;
}
.footer__name{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footer__link{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    width: max-content;
    transition: all .1s ease;
}
.footer__link:hover{
    color: #969696;
}
.footer__link + .footer__link{
    margin-top: 15px;
}
.footer__link-icon{
    color: #FFF;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    gap: 11px;
    width: max-content;
}
.footer__link-icon:nth-child(2){
    transition: all .1s ease;
}
.footer__link-icon:nth-child(2):hover{
    color: #969696;
}
.footer__link-icon + .footer__link-icon{
    margin-top: 15px;
}
.footer__link-icon svg{
    margin-top: 4px;
}
.footer__item-create{
    margin-top: 70px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}
.footer__end{
    margin-top: 70px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.footer__create{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}
.footer__copy{
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}
@media (max-width: 1440px) {
    .footer__inner{
        gap: 0px;
    }
    .footer__logo{
        max-width: 210px;
    }
}
@media (max-width: 1200px) {
    .footer__inner{
        gap: 50px;
    }
    .footer__item:nth-of-type(2){
        margin-right: 0;
    }
    .footer__content{
        gap: 10px;
        flex-wrap: wrap;
    }
}
@media (max-width: 920px) {
    .footer{
        padding: 40px 0;
    }
    .footer__inner{
        gap: 50px;
    }
    .footer__content{
        gap: 50px
    }
    .footer__item-create{
        margin-top: 20px;
    }
    .footer__item-create{
        display: none;
    }
    .footer__end{
        display: flex;
    }
}
@media (max-width: 600px) {
    .footer__inner{
        flex-direction: column;
    }
    .footer__item{
        width: max-content;
    }
}
@media (max-width: 480px) {
    .footer{
        padding: 30px 0;
    }
    .footer__inner{
        gap: 40px;
    }
    .footer__logo{
        width: 190px;
    }
    .footer__logo img{
        width: 100%;
    }
    .footer__link-icon{
        font-size: 16px;
    }
    .footer__link + .footer__link {
        margin-top: 15px;
    }
    .footer__link-icon + .footer__link-icon {
        margin-top: 20px;
    }
}
.hero{
    position: relative;
    height: 100vh;
    min-height: 700px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero::before{
    content: '';
    position: absolute;
    background-image: url('../img/main.webp');
    inset: 0;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.hero__inner{
    padding-top: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.hero__title{
    color: #FFF;
    text-align: center;
    font-size: 90px;
    font-weight: 300;
    line-height: 100%;
    max-width: 1050px;
}
.hero__descr{
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 130%;
    max-width: 477px;
}
.hero__btn{
    font-size: 16px;
    border: 1px solid #FFF;
    padding: 28px;
    width: 100%;
    max-width: 328px;
    transition: all .1s ease;
}
.hero__btn svg path{
    transition: all .1s ease;
}
.hero__btn:hover{
    background: #FFF;
    color: #000;
}
.hero__btn:hover svg path{
    fill: #3882BB;
}
@media (max-width: 1440px) {
    .hero__inner{
        padding-top: 150px;
        gap: 30px;
    }
    .hero__title{
        font-size: 80px;
    }
}
@media (max-width: 920px) {
    .hero{
        min-height: 590px;
    }
    .hero__inner{
        padding-top: 80px;
    }
}
@media (max-width: 490px) {
    .hero__inner{
        padding-top: 0;
    }
}
@media (max-width: 600px) {
    .hero__inner{
        gap: 20px;
    }
    .hero__title{
        font-size: 60px;
    }
    .hero__descr{
        font-size: 16px;
        max-width: 320px;
    }
    .hero__btn{
        padding: 15px;
        max-width: max-content;
    }
}
.products{
    margin-top: 33px;
}
.products__block{
    display: flex;
    gap: 30px;
}
.products__item-img{
    display: flex;
    overflow: hidden;
}
.products__item-img img{
    width: 100%;
    transition: all .5s ease;
}
.products__item:hover .products__item-img img{
    transform: scale(1.06);
}
.products__item-name{
    margin-top: 30px;
    /* font-size: 24px; */
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    text-align: center;
    display: block;
    transition: all .1s ease;
}
.products__item:hover .products__item-name{
    color: #3882BB;
}
@media (max-width: 768px) {
    .products__block{
        flex-wrap: wrap;
    }
    .products__item{
        width: calc(50% - 15px);
    }
    .products__item-name{
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .products{
        margin-top: 50px;
    }
    .products__item-name {
        margin-top: 10px;
        font-size: 10px;
        font-weight: 700;
    }
    .products__block{
        gap: 20px;
    }
    .products__item {
        width: calc(50% - 10px);
    }
}
.about{
    margin-top: 80px;
}
.about__image{
    max-width: 1170px;
    margin: 0 auto 50px;
    display: flex;
}
.about__image img{
    width: 100%;
}
.about__content{
    display: flex;
    justify-content: center;
    gap: 60px;
}

.about__content ul {
    list-style: inside;
}
.about__descr + .about__descr,
.about__descr + ul,
.about__content ul + .about__descr{
    margin-top: 20px;
}
.about__content-item:first-of-type{
    max-width: 540px;
}
.about__content-item:last-of-type{
    max-width: 542px;
}
.about__block{
    display: flex;
    align-items: start;
    justify-content: space-between;
    max-width: 1170px;
    margin: 50px auto 0;
    gap: 10px;
}
.about__block span{
    background: radial-gradient(282.1% 119.43% at 0% 0%, #0093CD 0%, #084970 100%);
    display: block;
    width: 1px;
    height: 50px;
    margin: auto 0;
}
.about__item-num{
    color: #4490CA;
    font-size: 80px;
    font-weight: 300;
    line-height: 100%; /* 90px */
    text-align: center;
}
.about__item-descr{
    margin-top: 10px;
    text-align: center;
}
.about-page{
    margin-top: 0;
}
.about-page .about__image{
    max-width: 890px;
}
.about-page .about__content{
    gap: 74px;
}
.about-page .about__content-item:first-of-type{
    max-width: 100%;
    width: 100%;
}
.about-page .about__content-item:last-of-type{
    max-width: 100%;
    width: 100%;
}
.about-page .about__block{
    max-width: 100%;
}
@media (max-width: 1440px) {
    .about__image {
        max-width: 930px;
    }
    .about__item-num{
        font-size: 80px;
    }
    .about__item-descr{
        margin-top: 15px;
    }
}
@media (max-width: 1280px) {
    .about-page .about__image {
        max-width: 550px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1024px) {
    .about__image {
        max-width: 710px;
    }
    .about__content-item:last-of-type{
        width: 100%;
    }
    .about__content-item:first-of-type{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .about__content{
        gap: 30px;
    }
    .about__item-num{
        font-size: 50px;
    }
    .about__item-descr{
        margin-top: 10px;
    }
}
@media (max-width: 650px) {
    .about__content{
        flex-direction: column;
        gap: 20px;
    }
    .about__descr{
        font-size: 16px;
    }
    .about__block{
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .about__block span:nth-of-type(2){
        display: none;
    }
    .about__item{
        width: calc(50% - 30px);
    }
    .about__image{
        margin-bottom: 40px;
    }
    .about__item-descr{
        font-family: 16px;
    }
    .about-page .about__content{
        gap: 30px;
    }
}
@media (max-width: 480px) {
    .about{
        margin-top: 50px;
    }
    .about-page{
        margin-top: 0;
    }
}
.prod__title.title{
    text-align: center;
}
.prod__select{
    /* display: grid; */
    /* grid-template-columns: repeat(4, 1fr); */
    /* gap: 30px; */
}
.prod__select-item{
    /* display: flex; */
    /* align-items: center; */
    /* padding: 10px 7px 10px 10px; */
    /* gap: 30px; */
    /* border-radius: 8px; */
    /* border: 1px solid #C5C5C5; */
    /* transition: all .2s ease; */
    /* user-select: none; */
}
.prod__select-image{
    overflow: hidden;
    border-radius: 8px;
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: flex;
}
.prod__select-name{
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    transition: all .5s ease;
}
.prod__select-item[data-aos^=fade][data-aos^=fade].aos-animate{
    transform: translateZ(0) scale(1);
}
.prod__select-item:hover .prod__select-name{
    color: #3882BB;
}
.prod__filter{
    border-bottom: 1px solid #C5C5C5;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
}
.prod__filter-select{
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23797878' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat,repeat;
    background-size: 14px 9px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    margin: 0;
    padding-left: 12px;
    padding-right: 40px;
    text-align: left;
    width: 100%;
    max-width: 70px;
}
.prod__content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
}
.prod__item,
.prod__item-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.prod__item h3{
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: all .1s ease;
    text-align: center;
}
.prod__item p{
    color: #969696;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
}
.prod__item-top:hover h3{
    color: #3882BB;
}
.prod__item-top:hover p{
    color: #000;
}
.prod__item-image{
    width: 100%;
    overflow: hidden;
}
.prod__item-image img{
    width: 100%;
    transition: all 0.5s ease;
}
.prod__item:hover .prod__item-image img{
    transform: scale(1.1);
}
.prod__item-btns{
    display: flex;
    gap: 5px;
    justify-content: space-between;
}
.prod__item-order{
    background: #3882BB;
    width: 100%;
    padding: 15px 5px;
    max-width: 178px;
    height: 54px;
}
.prod__item-order:hover{
    background: #5AA2D9;
}
.prod__item-pdf{
    border-radius: 8px;
    padding: 15px 5px;
    border: 1px solid #D9D9D9;
    background: #F8F8F8;
    color: #D9D9D9;
    width: 100%;
    max-width: 129px;
    height: 54px;
    cursor: default;
    pointer-events: none;
}
.prod__item-pdf-icon{
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_792_6597' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_792_6597)'%3E%3Cpath d='M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
}
.prod__item-pdf-icon img{
    width: 100%;
}
.prod__item-pdf-icon img{
    display: none;
}
.prod__item-pdf.active{
    border: 1px solid #3882BB;
    background: #fff;
    color: #3882BB;
    cursor: pointer;
    pointer-events: all;
}
.prod__item-pdf.active .prod__item-pdf-icon{
    background-image: none;
    width: 30px;
    height: 30px;
}
.prod__item-pdf.active .prod__item-pdf-icon img{
    display: block;
}
.prod__pages{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.prod__page{
    display: flex;
    gap: 20px;
    align-items: center;
}
.prod__page-name{
    color: #777;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.prod__page-item{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 37px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3882BB;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    transition: all .2s ease;
}
.prod__page-item.active{
    background-color: #3882BB;
    border-color: #3882BB;
    color: #fff;
}
.prod__page-item:hover{
    background-color: #3882BB;
    border-color: #3882BB;
    color: #fff;
}
.prod__page-item svg path{
    transition: all .2s ease;
}
.prod__page-item:hover svg path{
    fill: #fff;
}
.prod__select-item[data-aos^=fade][data-aos^=fade].aos-animate:hover{
    border-color: #3882BB;
}
@media (min-width: 671px) {
    .prod__select-item[data-aos^=fade][data-aos^=fade].aos-animate:hover{
        transform: translateZ(0) scale(1.05);
        -webkit-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
    }
}
@media (max-width: 1440px) {
    .prod__select-image {
        width: 75px;
        height: 75px;
        min-width: 75px;
    }
    .prod__select-item{
        /* gap: 20px; */
        /* padding: 10px; */
    }
    .prod__item-order {
        padding: 10px;
        max-width: 135px;
        gap: 5px;
        height: 45px;
        font-size: 12px;
    }
    .prod__item-pdf{
        padding: 10px;
        max-width: 90px;
        gap: 5px;
        height: 45px;
        font-size: 12px;
    }
}
@media (max-width: 1024px) {
    .prod__select {
        grid-template-columns: repeat(3, 1fr);
    }
    .prod__item-btns{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 920px) {
    .prod__content {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 20px;
    }
    .prod__item-order{
        max-width: 148px;
    }
    .prod__select-image {
        width: 75px;
        height: 75px;
        min-width: 75px;
    }
    .prod__select-name br{
        display: none;
    }
}
@media (max-width: 830px) {
    .prod__select {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
@media (max-width: 670px) {
    .prod__select-item{
        min-width: 230px;
    }
    .prod__select-name{
        font-size: 14px;
    }
    .prod__select{
        display: flex;
        margin: 0 -15px;
        padding: 0 15px 10px;
        overflow-x: auto;
        border: none;
        position: relative;
    }
    .prod__title{
        position: relative;
    }
    .prod__title::before{
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_782_4986' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_4986)'%3E%3Cpath d='M9.33073 12L8.3974 11.0333L10.7641 8.66667H2.66406V7.33333H10.7641L8.3974 4.96667L9.33073 4L13.3307 8L9.33073 12Z' fill='%23C5C5C5'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        width: 20px;
        height: 20px;
        background-position: center;
        background-repeat: no-repeat;
        bottom: -20px;
        right: 20px;
        animation: moveRightLeft 2s infinite;
    }
    @keyframes moveRightLeft {
        0% {
          transform: translateX(0);
        }
        50% {
          transform: translateX(20px);
        }
        100% {
          transform: translateX(0);
        }
      }
    .prod__content{
        margin-top: 20px;
        padding-top: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
    .prod__item-pdf{
        max-width: 110px;
    }
    .prod__item-order {
        max-width: 158px;
    }
    .prod__item-btns{
        gap: 10px;
    }
    .prod__page{
        gap: 10px;
    }
}
@media (max-width: 480px) {
    .prod__item-btns{
        flex-direction: column;
    }
    .prod__item-order {
        max-width: 100%;
    }
    .prod__item-pdf{
        max-width: 100%;
        height: 35px;
        gap: 5px;
    }
    .prod__item h3 {
        font-size: 20px;
        min-height: 76px;
    }
    .prod__item, .prod__item-top{
        gap: 10px;
    }
    .prod__page-name{
        display: none;
    }
    .prod__page {
        gap: 7px;
        width: 100%;
        justify-content: center;
    }
    .prod__page-item{
        width: 35px;
        height: 36px;
        font-size: 12px;
    }
    .prod__page-item svg{
        width: 14px;
    }
    .prod__select{
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .prod__select::-webkit-scrollbar {
        display: none;
    }
    .prod__filter-name {
        font-size: 14px;
    }
}
.produce__title.title{
    text-align: center;
    margin-bottom: 20px;
}
.produce__block{
    display: flex;
    gap: 30px;
}
.produce__images{
    overflow: hidden;
    min-width: 450px;
    width: 450px;
}
.produce__images .gallery-top,
.produce__images .gallery-top .swiper-slide img{
    width: 100%;
}
.produce__images .gallery-top .swiper-slide img{
    transition: all .5s ease;
}
.produce__images .gallery-top:hover .swiper-slide img{
    transform: scale(1.1);
}
.produce__images .gallery-thumbs{
    margin-top: 30px;
}
.produce__images .gallery-thumbs .swiper-slide{
    overflow: hidden;
    width: 90px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DFDFDF;
    cursor: pointer;
}
.produce__images .gallery-thumbs .swiper-slide img{
    width: 100%;
    opacity: 0.5;
    transition: all .1s ease;
}
.produce__images .gallery-thumbs .swiper-slide-thumb-active img{
    opacity: 1;
}
.produce__content > h3{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-bottom: 20px;
}
.produce__content > p{
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 21px */
}
.produce__btns{
    margin-top: 20px;
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #C5C5C5;
}
.produce__order{
    background-color: #3882BB;
    padding: 15px 30px;
}
.produce__order:hover{
    background-color: #5AA2D9;
}
.produce__pdf{
    color: #3882BB;
    border: 1px solid #3882BB;
    padding: 7px 30px;
}
.produce__pdf svg path{
    transition: all .1s ease;
}
.produce__pdf:hover{
    background: #FFB730;
    border-color: #FFB730;
    color: #fff;
}
.produce__pdf-icon{
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    width: 40px;
    height: 40px;
    min-width: 24px;
}
.produce__pdf-icon img{
    width: 100%;
}
.produce__contact{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 60px;
    background-color: #3882BB;
    border-radius: 8px;
}
.produce__contact-name{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
}
.produce__contact-item{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    display: flex;
    align-items: center;
    gap: 11px;
}
@media (max-width: 1440px) {
    .produce__contact{
        padding: 25px 20px;
    }
    .produce__contact-item,
    .produce__contact-name{
        font-size: 16px;
    }
    .produce__images {
        overflow: hidden;
        min-width: 400px;
        width: 400px;
    }
}
@media (max-width: 1062px) {
    .produce__contact{
        flex-wrap: wrap;
        gap: 20px;
    }
    .produce__contact-item:last-of-type{
        width: 100%;
        justify-content: end;
    }
}
@media (max-width: 1024px) {
    .produce__order,
    .produce__pdf{
        padding: 15px;
    }
    .produce__contact {
        padding: 20px;
        gap: 10px;
    }
    .produce__images {
        overflow: hidden;
        min-width: 330px;
        width: 330px;
    }
}
@media (max-width: 800px) {
    .produce__btns{
        flex-direction: column;
    }
    .produce__contact{
        gap: 20px;
    }
    .produce__contact-item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .produce__contact-item:last-of-type,
    .produce__contact-name{
        justify-content: center;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .produce__block{
        flex-direction: column;
    }
    .produce__btns{
        flex-direction: row;
    }
    .produce__contact{
        flex-wrap: nowrap;
    }
    .produce__contact-item:last-of-type, .produce__contact-name{
        text-align: left;
        width: auto;
    }
    .produce__contact-item{
        width: auto;
    }
    .produce__images{
        margin: 0 auto;
        min-width: auto;
        width: 100%;
        max-width: 400px;
    }
}
@media (max-width: 654px) {
    .produce__contact{
        flex-wrap: wrap;
        gap: 20px;
    }
    .produce__contact-item:last-of-type{
        width: 100%;
        justify-content: end;
    }
}
@media (max-width: 480px) {
    .produce__contact-item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .produce__contact-item:last-of-type,
    .produce__contact-name{
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .produce__btns{
        flex-direction: column;
    }
}
.faq__content{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.faq__item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
.faq__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}
.faq__item-name::after{
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_782_5499' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_5499)'%3E%3Cpath d='M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
    top: 0;
}
.faq__item-descr{
    max-width: 1207px;
    padding-right: 40px;
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    display: none;
}
.faq__item.active .faq__item-descr{
    display: block;
}
.faq__item.active .faq__item-name::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_782_5510' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_5510)'%3E%3Cpath d='M5 13V11H19V13H5Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 480px) {
    .faq__content{
        gap: 25px;
    }
    .faq__item-name{
        font-size: 20px;
        padding-right: 30px;
    }
    .faq__item-descr{
        padding-right: 30px;
    }
}
.delivery__content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.delivery__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 20px;
}
.delivery__item-descr{
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 21px */
    max-width: 1167px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
@media (max-width: 480px) {
    .delivery__content{
        gap: 30px;
    }
}
.downloads__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}
.downloads__content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.downloads__item-content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 30px;
    margin-top: 50px;
}
.downloads__item-link{
    display: flex;
    align-items: center;
    padding: 10px 7px 10px 10px;
    gap: 20px;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    transition: all .1s ease;
}
.downloads__item-image{
    overflow: hidden;
    border-radius: 8px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    border: 1px solid #C5C5C5;
    display: flex;
    transition: all .1s ease;
}
.downloads__item-title,
.downloads__item-name{
    font-weight: 400;
    line-height: 120%;
}
.downloads__item-title{
    font-size: 24px;
}
.downloads__item-name{
    font-size: 16px;
    transition: all .1s ease;
}
.downloads__item-link:hover{
    transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
}
.downloads__item-link:hover,
.downloads__item-link:hover .downloads__item-image{
    border-color: #3882BB;
}
.downloads__item-link:hover .downloads__item-name{
    color: #3882BB;
}
@media (max-width: 1440px) {
    .downloads__item-image{
        width: 75px;
        min-width: 75px;
        height: 75px;
    }
    .downloads__item-link{
        gap: 20px;
        padding: 10px;
    }
}
@media (max-width: 1024px) {
    .downloads__item-content{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 820px) {
    .downloads__content{
        gap: 40px;
    }
    .downloads__item-content{
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 20px;
        margin-top: 40px;
        gap: 20px;
    }
    .downloads__item-title{
        font-size: 20px;
    }
}
@media (max-width: 540px) {
    .downloads__item-content{
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
}
.not-found-btn{
    margin-top: 50px;
    background: #3882BB;
    max-width: 189px;
}
.not-found-descr{
    max-width: 540px;
}
.not-found-btn:hover{
    background: #5AA2D9;
}
.not-found-404{
    color: #EDEDED;
    text-align: center;
    font-size: 350px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -45.5px;
    text-transform: uppercase;
    margin: auto;
}
.not-found .container{
    display: flex;
    gap: 80px;
}
.not-found-404.mobile{
    display: none;
}
@media (max-width: 1440px) {
    .not-found .container{
        gap: 0;
    }
}
@media (max-width: 1024px) {
    .not-found-404{
        font-size: 260px;
        letter-spacing: -21px;
    }
}
@media (max-width: 870px) {
    .not-found-404{
        display: none;
    }
    .not-found-404.mobile {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .not-found-404 {
        font-size: 150px;
        letter-spacing: -10px;
    }
}
.contacts__content{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.contacts__block{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.contacts__block-link{
    display: flex;
    gap: 11px;
    color: #3882BB;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
    width: max-content;
}
.contacts__block-item{
    display: flex;
    gap: 11px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 23.4px */
}
.contacts__form{
    width: 100%;
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contacts__form-name{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 30px;
}
.contacts__form > span{
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}
.contacts__form label{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 16px */
    text-wrap: nowrap;
    min-width: 125px;
}
.contacts__form label span{
    color: #3882BB;
}
.contacts__form input{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
}
.contacts__form button{
    margin-top: 10px;
    background: #3882BB;
    max-width: 303px;
}
.contacts__form button:hover{
    background: #5AA2D9;
}
.contacts__map{
    margin-top: 50px;
}
.contacts__map iframe{
    width: 100%;
    height: 700px;
}
@media (max-width: 1280px) {
    .contacts__form-name{
        margin-bottom: 0;
    }
}
@media (max-width: 1024px) {
    .contacts__form{
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .contacts__content{
        flex-direction: column;
        gap: 50px;
    }
    .contacts__form {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .contacts__form{
        gap: 15px;
    }
    .contacts__content{
        gap: 40px;
    }
    .contacts__form-name{
        margin-bottom: 10px;
    }
    .contacts__form > span{
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
    .contacts__map iframe {
        width: 100%;
        height: 500px;
    }
    .contacts__block{
        gap: 20px;
    }
    .contacts__block-item,
    .contacts__block-link{
        font-size: 16px;
        line-height: normal;    
    }

}
.popup{
    position: fixed;
    inset: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.50);
    z-index: 200;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
}
.popup.active{
    pointer-events: all;
    opacity: 1;
}
.popup__inner-bg{
    position: absolute;
    inset: 0;
}
.popup .container{
    height: 100%;
}
.popup__inner{
    padding: 30px 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__title{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; 
    padding-right: 30px;
}
.popup__inner-content{
    background-color: #fff;
    max-width: 630px;
    width: 100%;
    margin: auto;
    padding: 30px;
    border-radius: 8px;
    position: relative;
}
.popup__form{
    width: 100%;
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
.popup__form-name{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 30px;
}
.popup__form > span{
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}
.popup__form label{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 16px */
    text-wrap: nowrap;
    min-width: 125px;
}
.popup__form label span{
    color: #3882BB;
}
.popup__form input{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
}
.popup__form textarea{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
    resize: none;
    height: 150px;
}
.popup__form > span:last-of-type{
    align-items: start;
}
.popup__form button{
    margin-top: 10px;
    background: #3882BB;
    max-width: 303px;
}
.popup__form button:hover{
    background: #5AA2D9;
}
.popup__close{
    display: flex;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    cursor: pointer;
    z-index: 1;
}
.popup__close svg{
    width: 100%;
}
@media (max-width: 480px) {
    .popup__inner-content{
        padding: 15px;
    }
    .popup__form{
        gap: 10px;
    }
    .popup__form > span{
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
}
.catalog__title.title{
    text-align: center;
}





.cookie{
    position: fixed;
    bottom: 36px;
    z-index: 90;
    right: 30px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.cookie.active{
    opacity: 1;
    pointer-events: all;
}
.cookie__inner{
    max-width: 858px;
    width: 100%;
    margin-left: auto;
    border-radius: 8px;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
}
.cookie__descr{
    font-size: 16px;
    font-weight: 300;
}
.cookie__descr a{
    color: #3882BB;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
}
.cookie__btn{
    background-color: #3882BB;
    height: 48px;
    width: 81px;
    min-width: 81px;
}
@media (max-width: 1440px) {
    .cookie{
        bottom: 15px;
        right: 15px;
    }
    .cookie__inner{
        max-width: 689px;
    }
    .cookie__descr{
        font-size: 14px;
    }
    .cookie__btn {
        width: 71px;
        min-width: 71px;
    }
}
@media (max-width: 720px) {
    .cookie__descr{
        font-size: 12px;
        line-height: normal;
    }
}
@media (max-width: 420px) {
    .cookie__inner{
        padding: 10px;
    }
    .cookie__descr,
    .cookie__btn{
        font-size: 9px;
    }
    .cookie__btn {
        width: 51px;
        min-width: 51px;
        height: 35px;
    }
}
.text-danger {
    color: #dc3545; /* Красный цвет текста */
    background-color: #f8d7da; /* Светло-красный цвет фона */
    border: 1px solid #f5c2c7; /* Светло-красная граница */
    padding: 10px; /* Внутренние отступы */
    border-radius: 5px; /* Скругленные углы */
    font-size: 14px; /* Размер шрифта */
    font-weight: bold; /* Жирный шрифт */
    text-align: center; /* Центрирование текста */
    margin-top: 10px; /* Отступ сверху */
    margin-bottom: 10px; /* Отступ снизу */
}




.header__section-block:nth-child(3){
    position: relative;
}
.header__section-block:nth-child(3) .header__section-content{
    position: absolute;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
    padding: 20px 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
    bottom: -123px;
    left: 0;
    right: 0;
}
.header__section-block:nth-child(3) .header__section-content::before{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    height: 50px;
}
.header__section-block:nth-child(3) .header__section-link{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
    transition: all .2s ease;
}
.header__section-block:nth-child(3) .header__section-link:hover{
    color: #3882BB;
}
.header__section-block:nth-of-type(3):hover .header__section-content{
    pointer-events: all;
    opacity: 1;
}

.form-control {
    width: 100%; /* Ширина 100% от родительского элемента */
    max-width: 100%; /* Максимальная ширина 100% */
    padding: 10px; /* Внутренние отступы */
    border: 1px solid #ced4da; /* Цвет границы */
    border-radius: 5px; /* Скругленные углы */
    font-size: 14px; /* Размер шрифта */
    font-family: Arial, sans-serif; /* Шрифт */
    color: #495057; /* Цвет текста */
    background-color: #fff; /* Цвет фона */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Внутренняя тень */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Плавный переход */
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg fill='%23797878' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E);
    background-position: right 12px center;
    background-repeat: no-repeat, repeat;
    background-size: 14px 9px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    /* height: 32px; */
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 40px;
    text-align: left;
    width: 100%;
    max-width: 211px;
    margin-left: auto;
}
/* Для WebKit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #3882BB;
    border-radius: 5px;
}

/* Для Firefox */
scrollbar-width: thin;
scrollbar-color: #3882BB #f1f1f1;

/* Общие стили */
html {
    scrollbar-color: #3882BB #f1f1f1;
}

body {
    scrollbar-width: thin;
}

.form-control:focus {
    border-color: #80bdff; 
    outline: 0; 
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 
}



html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul,
ul {
    list-style:none;
}

input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html,body{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    scroll-behavior: smooth;
    background: #fff;
    color: #000;
}
@media (max-width: 480px) {
    html,body{
        font-size: 16px;
    }
}
.body{
    min-width: 320px;
}
.body.no-scroll{
    overflow: hidden;
}
.container{
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto;
}
@media (max-width: 1440px) {
    .container{
        max-width: 1094px;
    }
}
@media (max-width: 1024px) {
    .container{
        max-width: 900px;
    }
}
main.main{
    overflow: hidden;
    margin-top: 244px;
}
@media (max-width: 1440px) {
    main.main {
        margin-top: 200px;
    }
}
@media (max-width: 920px) {
    main.main {
        margin-top: 122px;
    }
}
@media (max-width: 490px) {
    main.main {
        margin-top: 90px;
    }
}
main.main-main{
    margin-top: 0;
}
.title{
    color: #000;
    text-align: center;
    font-size: 32px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 30px;
}
h1.title{
    text-transform: uppercase;
    text-align: left;
}
@media (max-width: 768px) {
    .title{
        font-size: 50px;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .title{
        font-size: 40px;
        margin-bottom: 30px;
    }
}
.breadcrumbs{
    display: flex;
    gap: 56px;
    align-items: center;
    margin: 0 -15px 30px;
    overflow-x: auto;
    padding: 0 15px;
}
.breadcrumbs a{
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #C5C5C5;
    text-wrap: nowrap;
    position: relative;
}
.breadcrumbs a.active{
    color: #000;
}
.breadcrumbs li{
    position: relative;
}
.breadcrumbs li + li::before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: -36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_782_4986' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_4986)'%3E%3Cpath d='M9.33073 12L8.3974 11.0333L10.7641 8.66667H2.66406V7.33333H10.7641L8.3974 4.96667L9.33073 4L13.3307 8L9.33073 12Z' fill='%23C5C5C5'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 490px) {
    .breadcrumbs {
       gap: 30px;
    }
    .breadcrumbs li + li::before{
        left: -23px;
    }
    .breadcrumbs a{
        font-size: 14px;
    }
}
.btn{
    padding: 15px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border-radius: 8px;
    transition: all .1s ease;
    outline: none;
    cursor: pointer;
    border: none;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 30px 0 0;
    transition: all .1s ease;
    background-color: #Ffff;
}
.header.scroll{
    background-color: #fff;
    padding: 10px 0 0;
}
.header.scroll .container:last-of-type {
    padding: 10px 15px 10px;
    margin-top: 10px;
}
.header__inner{
    display: flex;
    align-items: center;
    gap: 37px;
}
.header__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 277px;
    order: 1;
}
.header__logo img{
    width: 100%;
}
.header__search-block{
    width: 100%;
    max-width: 433px;
    order: 2;
    position: relative;
}
.header__search{
    position: relative;
}
.header__search-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header__search-input{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 10px 10px 35px;
    height: 54px;
    width: 100%;
}
.header__search-input::placeholder{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    color: #C5C5C5;
}
.header__search-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 67px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 111;
    background-color: #fff;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    min-width: 350px;
    min-height: max-content;
    max-height: 70vh;
    height: max-content;
}
.header__search-content.show{
    pointer-events: all;
    opacity: 1;
}
.header__search-results{
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 460px;
}
.header__search-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C5C5C5;
}
.header__search-image{
    width: 73px;
    height: 66px;
    min-width: 73px;
    display: flex;
    align-items: center;
}
.header__search-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header__search-name{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}
.header__lang{
    order: 3;
    position: relative;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    height: 54px;
    width: 71px;
    min-width: 71px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
}
.header__lang::after,
.header-main.scroll .header__lang::after{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_204_9138' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_204_9138)'%3E%3Cpath d='M12.5 15.4L6.5 9.4L7.9 8L12.5 12.6L17.1 8L18.5 9.4L12.5 15.4Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.header__lang-content{
    position: absolute;
    top: 60px;
    z-index: 10;
    padding: 15px 10px;
    background-color: #fff;
    z-index: 20;
    border-radius: 10px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
}
.header__lang.active .header__lang-content{
    opacity: 1;
    pointer-events: all;
}
.header__lang.active::after{
    transform:translateY(-50%) rotate(-180deg);
}
.header__lang-title{
    padding: 15px 10px;
    width: 100%;
}
.header__lang-title,
.header-main.scroll .header__lang-title,
.header__lang-name{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%; 
}
.header-main .header__lang-title{
    color: #fff;
}
.header-main .header__lang::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_204_8616' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_204_8616)'%3E%3Cpath d='M12.5 15.4L6.5 9.4L7.9 8L12.5 12.6L17.1 8L18.5 9.4L12.5 15.4Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");

}

.header__links{
    display: flex;
    flex-direction: column;
    gap: 10px;
    order: 4;
}
.header__links-item{
    display: flex;
    align-items: center;
    gap: 11px;
    font-weight: 400;
    line-height: 100%;
    width: max-content;
}
.header__fuchs{
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 380px;
    order: 5;
}
.header__fuchs-icon{
    display: flex;
    align-items: center;
}
.header__fuchs-icon{
    width: max-content;
}
.header__fuchs-name{
    max-width: 319px;
    font-weight: 300;
    line-height: 100%;
}
.header__section{
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 1410px;
    margin: 0 auto;
    position: relative;
}
.header__section-block{
    width: 100%;
}
.header__section-block-bg{
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.50);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
}
.header__section-block:first-of-type .header__section-content{
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 8px;
    background: #FFF;
    padding: 40px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    top: 69px;
    gap: 30px;
    z-index: 102;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
    overflow-y: auto;
    max-height: 60vh;
}
.header__section-block:first-of-type.active .header__section-content,
.header__section-block:first-of-type.active .header__section-block-bg{
    pointer-events: all;
    opacity: 1;
}
.header__section-item{
    position: relative;
}
.header__section-block:nth-child(2){
    position: relative;
}
.header__section-block:nth-child(2) .header__section-content{
    position: absolute;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.1px 0px rgba(0, 0, 0, 0.10);
    padding: 20px 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
    bottom: -123px;
    left: 0;
    right: 0;
}
.header__section-block:nth-child(2) .header__section-content::before{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    height: 50px;
}
.header__section-block:nth-child(2) .header__section-link{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
    transition: all .2s ease;
}
.header__section-block:nth-child(2) .header__section-link:hover{
    color: #3882BB;
}
.header__section-block:nth-of-type(2):hover .header__section-content{
    pointer-events: all;
    opacity: 1;
}
.header__section-link{
    width: 100%;
}
.header__section-name{
    color: #000;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    margin-top: 30px;
    transition: all .1s ease;
}
.header__section-image{
    max-width: 200px;
    display: flex;
    margin: 0 auto;
}
.header__section-image img{
    width: 100%;
}
.header__section-link:hover .header__section-name{
    color: #3882BB;
}
.header__section-item{
    width: 100%;
    background: #fff;
    color: #3882BB;
    font-size: 16px;
    text-align: center;
    position: relative;
    z-index: 11;
}
.header__section-item:hover{
    background: #ECECEC;
}
.header .container:last-of-type{
    background: #3882BB;
    max-width: 100%;
    padding: 15px;
    margin-top: 20px;
    transition: all .1s ease;
}
.header-main .container:last-of-type{
    background: rgba(255, 255, 255, 0.10);
}
.header-main{
    color: #fff;
    background-color: transparent;
}
.header-main .header__search-input{
    border-color: #fff;
    color: #fff;
}
.header-main .header__search-input::placeholder{
    color: #fff;
}
.header-main .header__search-icon path,
.header-main .header__links-item path{
    fill: #fff;
}
.header-main .header__section-item{
    background-color: #3882BB;
    color: #fff;
}
.header-main .header__section-item:hover{
    background-color: #5AA2D9;
}
.header-main .header__section-item svg path{
    fill: #fff;
}
.header-main.scroll{
    color: #000;
}
.header-main.scroll .header__search-input{
    color: #000;
    border-color: #000;
}
.header-main.scroll .header__search-input::placeholder{
    color: #000;
}
.header-main.scroll .header__search-icon path,
.header-main.scroll .header__links-item path{
    fill: #C5C5C5;
}
.header-main.scroll .header__section-item{
    background-color: #fff;
    color: #3882BB;
}
.header-main.scroll .header__section-item:hover{
    background-color: #ECECEC;
}
.header-main.scroll .header__section-item svg path{
    fill: #3882BB;
}
.header-main.scroll .container:last-of-type{
    background-color: #3882BB;
}
.header__burger,
.header__menu{
    display: none;
}
.header__section-block.active .header__section-item{
    background-color: #ECECEC;
}
.header-main .header__section-block.active .header__section-item{
    background-color: #5AA2D9;
}

.header.scroll .header__section-block.active .header__section-item{
    background-color: #ECECEC;
}
@media (max-width: 1440px) {
    .header{
        padding: 20px 0 0;
    }
    .header__inner{
        gap: 27px;
    }
    .header__section{
        max-width: 1094px;
    }
    .header .container:last-of-type{
        margin-top: 10px;
    }
    .header__logo{
        min-width: 195px;
    }
    .header__fuchs-name,
    .header__links-item{
        font-size: 16px;
    }
    .header__fuchs {
        gap: 10px;
        min-width: 317px;
    }
    .header__fuchs-icon img{
        width: 80px;
    }
    .header__section-item{
        font-size: 14px;
    }
    .header__section-block:nth-child(2) .header__section-link{
        font-size: 14px;
    }
    .header__section-block:nth-child(2) .header__section-content{
        gap: 15px;
        padding: 15px;
        bottom: -90px;
    }
}
@media (max-width: 1140px) {
    .header__section-item{
        font-size: 12px;
        padding: 10px;
    }
}
@media (max-width: 1160px) {
    .header__fuchs{
        gap: 10px;
    }
    .header__inner{
        gap: 20px;
    }
    .header__logo {
        min-width: 200px;
    }
}
@media (max-width: 1024px) {
    .header__section{
        max-width: 900px;
    }
    .header__fuchs{
        min-width: auto;
    }
}
@media (max-width: 920px) {
    .header{
        padding: 15px 0;
    }
    .header__inner{
        justify-content: space-between;
    }
    .header__logo {
        min-width: auto;
        max-width: 200px;
    }
    .header.scroll{
        padding: 15px 0;
    }
    .header.scroll .header__burger svg path{
        fill: #3882BB;
    }
    .header__burger{
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        order: 5;
    }
    .header__menu{
        display: flex;
        position: fixed;
        inset: 0;
        transition: all .2s ease;
        opacity: 0;
        pointer-events: none;
        z-index: 101;
    }
    .header__menu.active{
        opacity: 1;
        pointer-events: all;
    }
    .header__menu-close{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }
    .header__menu-close svg{
        width: 25px;
    }
    .header__menu-content{
        position: fixed;
        display: flex;
        flex-direction: column;
        gap: 30px;
        background-color: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 400px;
        padding: 80px 15px 40px;
        transform: translateX(100%);
        transition: all 0.2s ease;
    }
    .header__menu.active .header__menu-content{
        transform: translateX(0);
        overflow-y: auto;
    }
    .header__menu-bg{
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: -1;
    }
    .header__logo {
        min-width: 190px;
    }
    .header .container:last-of-type{
        display: none;
    }
    .header__fuchs{
        flex-direction: column;
        gap: 20px;
        order: 5;
    }
    .header__fuchs-name{
        display: none;
    }
    .header .header__section-item {
        background-color: #3882BB !important;
        color: #fff !important;
    }
    .header .header__section-item svg path {
        fill: #fff !important;
    }
    .header__section{
        flex-direction: column;
        gap: 20px;
        margin: 0;
        order: 3;
    }
    .header__section-item{
        padding: 15px;
    }
    .header__section-block:first-of-type .header__section-content{
        position: initial;
        display: none;
        padding: 10px;
    }
    .header__section-block:first-of-type.active .header__section-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .header__section-name{
        font-size: 20px;
        margin-top: 20px;
    }
    .header__section-block-bg{
        display: none;
    }

    .header__section-block:nth-child(2) .header__section-content{
        position: initial;
        opacity: 1;
        pointer-events: all;
        margin-top: 10px;
        display: none;
    }
    .header__section-block.active:nth-child(2) .header__section-content{
        display: flex;
    }
}
@media (max-width: 860px) {
    .header__logo {
        min-width: 150px;
    }
}
@media (max-width: 790px) {
    .header__links-item path {
        fill: #C5C5C5 !important;
    }
    .header__links-item{
        color: #000;
    }
    .header__links{
        order: 2;
        align-items: center;
        gap: 20px;
    }
}
@media (max-width: 620px) {
    .header__search-block{
        position: initial;
    }
    .header__search-content {
        left: 40px;
        right: 40px;
        height: 70vh;
        max-height: 290px;
        top: 80px;
    }
    .header__search-results {
        padding: 10px 15px;
    }
    .header__inner{
        gap: 15px;
    }
    .header__lang-title {
        padding: 10px 5px;
        width: 100%;
    }
    .header__lang {
        height: 40px;
        width: 50px;
        min-width: 50px;
    }
    .header__lang::after, .header-main.scroll .header__lang::after {
        right: 0px;
    }
    .header__lang-content{
        top: 50px;
    }
    .header__lang-title, .header-main.scroll .header__lang-title, .header__lang-name{
        font-size: 14px;
    }
    .header__lang-content{
        padding: 10px 5px;
    }
}
@media (max-width: 580px) {
    .header__fuchs-icon{
        max-width: 55px;
    }
    .header__fuchs-icon img{
        width: 100%;
    }
    .header__inner{
        gap: 10px;
    }
}
@media (max-width: 530px) {
    .header__logo {
        min-width: 70px;
    }
    .header__burger svg{
        width: 30px;
    }
    .header__search-input {
        font-size: 14px;
        padding: 5px 5px 5px 24px;
        height: 45px;
        width: 100%;
    }
    .header__search-input::placeholder{
        font-size: 14px;
    }
    .header__menu-content{
        max-width: 100%;
    }
    .header__section-name {
        font-size: 16px;
    }
    .header__search-icon svg{
        width: 17px;
    }
    .header__search-name{
        font-size: 14px;
    }
    .header__search-item{
        gap: 10px;
    }
    .header__search-content {
        left: 20px;
        right: 20px;
        padding: 10px 15px;
        height: 70vh;
        max-height: 290px;
        top: 67px;
        min-width: auto;
    }
}
.footer{
    margin-top: 80px;
    background: #000;
    padding: 80px 0;
}
.footer__inner{
    display: flex;
    justify-content: space-between;
    gap: 67px;
    max-width: 1440px;
}
.footer__left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer__logo{
    display: flex;
    align-items: center;
    width: 245px;
}
.footer__logo img{
    width: 100%;
}
.footer__left-copy{
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
.footer__content{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer__item{
    display: flex;
    flex-direction: column;
}
.footer__item:nth-of-type(2){
    margin-right: -25px;
}
.footer__name{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footer__link{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    width: max-content;
    transition: all .1s ease;
}
.footer__link:hover{
    color: #969696;
}
.footer__link + .footer__link{
    margin-top: 15px;
}
.footer__link-icon{
    color: #FFF;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    gap: 11px;
    width: max-content;
}
.footer__link-icon:nth-child(2){
    transition: all .1s ease;
}
.footer__link-icon:nth-child(2):hover{
    color: #969696;
}
.footer__link-icon + .footer__link-icon{
    margin-top: 15px;
}
.footer__link-icon svg{
    margin-top: 4px;
}
.footer__item-create{
    margin-top: 70px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}
.footer__end{
    margin-top: 70px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.footer__create{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
}
.footer__copy{
    color: #787878;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
}
@media (max-width: 1440px) {
    .footer__inner{
        gap: 0px;
    }
    .footer__logo{
        max-width: 210px;
    }
}
@media (max-width: 1200px) {
    .footer__inner{
        gap: 50px;
    }
    .footer__item:nth-of-type(2){
        margin-right: 0;
    }
    .footer__content{
        gap: 10px;
        flex-wrap: wrap;
    }
}
@media (max-width: 920px) {
    .footer{
        padding: 40px 0;
    }
    .footer__inner{
        gap: 50px;
    }
    .footer__content{
        gap: 50px
    }
    .footer__item-create{
        margin-top: 20px;
    }
    .footer__item-create{
        display: none;
    }

    .footer__end{
        display: flex;
    }
}
@media (max-width: 600px) {
    .footer__inner{
        flex-direction: column;
    }
    .footer__item{
        width: max-content;
    }
}
@media (max-width: 480px) {
    .footer{
        padding: 30px 0;
    }
    .footer__inner{
        gap: 40px;
    }
    .footer__logo{
        width: 190px;
    }
    .footer__logo img{
        width: 100%;
    }
    .footer__link-icon{
        font-size: 16px;
    }
    .footer__link + .footer__link {
        margin-top: 15px;
    }
    .footer__link-icon + .footer__link-icon {
        margin-top: 20px;
    }
}
.hero{
    position: relative;
    height: 100vh;
    min-height: 700px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero::before{
    content: '';
    position: absolute;
    background-image: url('../img/main.webp');
    inset: 0;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.hero__inner{
    padding-top: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.hero__title{
    color: #FFF;
    text-align: center;
    font-size: 90px;
    font-weight: 300;
    line-height: 100%;
    max-width: 1050px;
}
.hero__descr{
    color: #FFF;
    text-align: center;
    font-size: 24px;
    line-height: 130%;
    max-width: 477px;
}
.hero__btn{
    font-size: 16px;
    border: 1px solid #FFF;
    padding: 28px;
    width: 100%;
    max-width: 328px;
    transition: all .1s ease;
}
.hero__btn svg path{
    transition: all .1s ease;
}
.hero__btn:hover{
    background: #FFF;
    color: #000;
}
.hero__btn:hover svg path{
    fill: #3882BB;
}
@media (max-width: 1440px) {
    .hero__inner{
        padding-top: 150px;
        gap: 30px;
    }
    .hero__title{
        font-size: 80px;
    }
}
@media (max-width: 920px) {
    .hero{
        min-height: 590px;
    }
    .hero__inner{
        padding-top: 80px;
    }
}
@media (max-width: 490px) {
    .hero__inner{
        padding-top: 0;
    }
}
@media (max-width: 600px) {
    .hero__inner{
        gap: 20px;
    }
    .hero__title{
        font-size: 60px;
    }
    .hero__descr{
        font-size: 16px;
        max-width: 320px;
    }
    .hero__btn{
        padding: 15px;
        max-width: max-content;
    }
}
.products{
    margin-top: 80px;
}
.products__block{
    display: flex;
    gap: 30px;
}
.products__item-img{
    display: flex;
    overflow: hidden;
}
.products__item-img img{
    width: 100%;
    transition: all .5s ease;
}
.products__item:hover .products__item-img img{
    transform: scale(1.06);
}
.products__item-name{
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    text-align: center;
    display: block;
    transition: all .1s ease;
}
.products__item:hover .products__item-name{
    color: #3882BB;
}
@media (max-width: 768px) {
    .products__block{
        flex-wrap: wrap;
    }
    .products__item{
        width: calc(50% - 15px);
    }
    .products__item-name{
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .products{
        margin-top: 50px;
    }
    .products__item-name {
        margin-top: 10px;
        font-size: 16px;
    }
    .products__block{
        gap: 20px;
    }
    .products__item {
        width: calc(50% - 10px);
    }
}
.about{
    margin-top: 80px;
}
.about__image{
    max-width: 1170px;
    margin: 0 auto 50px;
    display: flex;
}
.about__image img{
    width: 100%;
}
.about__content{
    display: flex;
    justify-content: center;
    gap: 60px;
}
.about__descr + .about__descr{
    margin-top: 20px;
}
.about__content-item:first-of-type{
    max-width: 540px;
}
.about__content-item:last-of-type{
    max-width: 542px;
}
.about__block{
    display: flex;
    align-items: start;
    justify-content: space-between;
    max-width: 1170px;
    margin: 50px auto 0;
    gap: 10px;
}
.about__block span{
    background: radial-gradient(282.1% 119.43% at 0% 0%, #0093CD 0%, #084970 100%);
    display: block;
    width: 1px;
    height: 50px;
    margin: auto 0;
}
.about__item-num{
    color: #4490CA;
    font-size: 80px;
    font-weight: 300;
    line-height: 100%; /* 90px */
    text-align: center;
}
.about__item-descr{
    margin-top: 10px;
    text-align: center;
}
.about-page{
    margin-top: 0;
}
.about-page .about__title {
    text-align: center;
}
.about-page .about__content{
    gap: 74px;
}
.about-page .about__content-item:first-of-type{
    max-width: 100%;
    width: 100%;
}
.about-page .about__content-item:last-of-type{
    max-width: 100%;
    width: 100%;
}
.about-page .about__block{
    max-width: 100%;
}
.about-page .breadcrumbs,
.about-page .title{
    margin-bottom: 20px;
}
.about-page .title {
    font-size: 45px;
}
.about-page .about__image {
    max-width: 1170px;
    max-height: 50vh;
    min-height: max-content;
    width: auto;
}
.about-page .about__image img {
    object-fit: contain;
}

@media (max-width: 1440px) {
    .about__image {
        max-width: 930px;
    }
    .about__item-num{
        font-size: 80px;
    }
    .about__item-descr{
        margin-top: 15px;
    }
}
@media (max-width: 1024px) {
    .about__image {
        max-width: 710px;
    }
    .about__content-item:last-of-type{
        width: 100%;
    }
    .about__content-item:first-of-type{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .about__content{
        gap: 30px;
    }
    .about__item-num{
        font-size: 50px;
    }
    .about__item-descr{
        margin-top: 10px;
    }
}
@media (max-width: 650px) {
    .about__content{
        flex-direction: column;
        gap: 20px;
    }
    .about__descr{
        font-size: 16px;
    }
    .about__block{
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .about__block span:nth-of-type(2){
        display: none;
    }
    .about__item{
        width: calc(50% - 30px);
    }
    .about__image{
        margin-bottom: 40px;
    }
    .about__item-descr{
        font-family: 16px;
    }
    .about-page .about__content{
        gap: 30px;
    }
}
@media (max-width: 480px) {
    .about{
        margin-top: 50px;
    }
    .about-page{
        margin-top: 0;
    }
}
.prod__title.title{
    text-align: center;
}
.prod__box{
    display: flex;
    justify-content: space-between;
    gap: 31px;
}
.prod__select{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 329px;
}
.prod__select{
    position: relative;
}
.prod__select-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 15px 15px 20px;
    background: #F9F9F9;
    min-height: 68px;
    transition: all .2s ease;
    width: 100%;
    max-width: 260px;
    min-width: 260px;
    border-bottom: 1px solid transparent;
}
.prod__select-block:hover{
    background: #3882BB;
}
.prod__select-block:hover .prod__select-name{
    color: #fff;
}
.prod__select-block:hover svg path{
    fill: #fff;
}
.prod__select-box{
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -266px;
    top: 0;
    z-index: 1;
    transition: all .1s ease;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.prod__select-content{
    z-index: 10;
    height: 450px;
}
.prod__select-content::before{
    content: '';
    position: fixed;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    z-index: -100;
    opacity: 0;
    pointer-events: none;
    transition: all .1s ease;
}

@media (min-width: 769px) {
    .prod__select-content:hover{
        z-index: 100;
    }
    .prod__select-content:hover::before{
        opacity: 1;
    }
    .prod__select-content:hover .prod__select-block{
        border-color: #D2D2D2;
    }
    .prod__select-block:hover ~ .prod__select-box{
        opacity: 1;
        pointer-events: all;
    }
    .prod__select-box:hover{
        opacity: 1;
        pointer-events: all;
    }
    .prod__select-box::before{
        content: '';
        position: absolute;
        top: 0px;
        left: -7px;
        right: -7px;
        bottom: -300px;
        height: 1000px;
        z-index: -1;
    }
}

.prod__select-name{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}
.prod__select-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 24px;    
}

.prod__filter{
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
}
.prod__filter-select{
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23797878' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat,repeat;
    background-size: 14px 9px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 32px;
    margin: 0;
    padding-left: 12px;
    padding-right: 40px;
    text-align: left;
    width: 100%;
    max-width: 70px;
}
.prod__content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 29px 30px;
    max-width: 1050px;
}
.prod__item,
.prod__item-top{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.prod__item h3{
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
    transition: all .1s ease;
    min-height: 42px;
}
.prod__item p{
    color: #969696;
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
}
.prod__item-top:hover h3{
    color: #3882BB;
}
.prod__item-top:hover p{
    color: #000;
}
.prod__item-image{
    width: 100%;
    overflow: hidden;
}
.prod__item-image img{
    width: 100%;
    transition: all 0.5s ease;
}
.prod__item:hover .prod__item-image img{
    transform: scale(1.1);
}
.prod__item-btns{
    display: flex;
    gap: 5px;
    justify-content: space-between;
}
.prod__item-order{
    background: #3882BB;
    width: 100%;
    padding: 15px 5px;
    max-width: 178px;
    height: 54px;
}
.prod__item-order:hover{
    background: #5AA2D9;
}
.prod__item-pdf{
    border-radius: 8px;
    padding: 15px 5px;
    border: 1px solid #D9D9D9;
    background: #F8F8F8;
    color: #D9D9D9;
    width: 100%;
    max-width: 129px;
    height: 54px;
    cursor: default;
    pointer-events: none;
}
.prod__item-pdf-icon{
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_792_6597' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_792_6597)'%3E%3Cpath d='M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
}
.prod__item-pdf-icon img{
    width: 100%;
}
.prod__item-pdf-icon img{
    display: none;
}
.prod__item-pdf.active{
    border: 1px solid #3882BB;
    background: #fff;
    color: #3882BB;
    cursor: pointer;
    pointer-events: all;
}
.prod__item-pdf.active .prod__item-pdf-icon{
    background-image: none;
    width: 30px;
    height: 30px;
}
.prod__item-pdf.active .prod__item-pdf-icon img{
    display: block;
}
.prod__pages{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.prod__page{
    display: flex;
    gap: 20px;
    align-items: center;
}
.prod__page-name{
    color: #777;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.prod__page-item{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 37px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3882BB;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    transition: all .2s ease;
}
.prod__page-item.active{
    background-color: #3882BB;
    border-color: #3882BB;
    color: #fff;
}
.prod__page-item:hover{
    background-color: #3882BB;
    border-color: #3882BB;
    color: #fff;
}
.prod__page-item svg path{
    transition: all .2s ease;
}
.prod__page-item:hover svg path{
    fill: #fff;
}
@media (max-width: 1440px) {
    .prod__item-order {
        padding: 10px;
        max-width: 135px;
        gap: 5px;
        height: 45px;
        font-size: 12px;
    }
    .prod__item-pdf{
        padding: 10px;
        max-width: 90px;
        gap: 5px;
        height: 45px;
        font-size: 12px;
    }
}
@media (max-width: 1279px) {
    .prod__select-block {
        max-width: 210px;
        min-width: 210px;
    }
    .prod__select-box{
        right: -216px;
    }
}

@media (max-width: 1024px) {
    .prod__item-btns{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .prod__content {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
    }
}
@media (max-width: 920px) {
    .prod__item-order{
        max-width: 148px;
    }
}
@media (max-width: 768px) {
    .prod__content {
        grid-template-columns: 1fr;
        max-width: 550px;
    }
    .prod__select-content{
        width: 100%;
    }
    .prod__select-block {
        max-width: 100%;
        min-width: fit-content;
    }
    .prod__select{
        max-width: 329px;
        gap: 10px;
    }
    .prod__select-box{
        position: initial;
        opacity: 1;
        pointer-events: all;
        margin-left: auto;
        margin-top: 10px;
        display: none;
        flex-direction: column;
        gap: 10px;
    }
    .prod__select-box{
        width: 95%;
    }
    .prod__select-box > .prod__select-item{
        padding: 0;
    }
    .prod__select-box  .prod__select-box{
        width: 95%;
    }
    .prod__select-icon{
        transform: rotate(90deg);
    }
    .prod__select-item.active > .prod__select-block{
        background: #3882BB;
    }
    .prod__select-item.active > .prod__select-block .prod__select-name{
        color: #fff;
    }
    .prod__select-item.active > .prod__select-block svg path{
        fill: #fff;
    }
    .prod__select-item.active > .prod__select-box{
        display: flex;
    }
    .prod__select-item.active > .prod__select-block .prod__select-icon{
        transform: rotate(-90deg);
    }
    .prod__select-block{
        cursor: pointer;
    }
}
@media (max-width: 670px) {
    .prod__title{
        position: relative;
    }
    .prod__content{
        padding-top: 30px;
    }
    .prod__item-pdf{
        max-width: 110px;
    }
    .prod__item-order {
        max-width: 158px;
    }
    .prod__item-btns{
        gap: 10px;
    }
    .prod__page{
        gap: 10px;
    }
}
.prod__select-close,
.prod__filter-button{
    display: none;
}
@media (max-width: 480px) {
    .prod__item-btns{
        flex-direction: column;
    }
    .prod__item-order {
        max-width: 100%;
    }
    .prod__item-pdf{
        max-width: 100%;
        height: 35px;
        gap: 5px;
    }
    .prod__item h3 {
        font-size: 20px;
        text-align: center;
    }
    .prod__item, .prod__item-top{
        gap: 10px;
    }
    .prod__page-name{
        display: none;
    }
    .prod__page {
        gap: 7px;
        width: 100%;
        justify-content: center;
    }
    .prod__page-item{
        width: 35px;
        height: 36px;
        font-size: 12px;
    }
    .prod__page-item svg{
        width: 14px;
    }
    .prod__filter-name {
        font-size: 14px;
    }
    .prod__filter-block{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: 0 20px;
        flex-wrap: wrap;
    }
    .prod__filter-button{
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: none;
        outline: none;
        border-radius: 8px;
        background: #F9F9F9;
        color: #3882BB;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 19.2px */
        text-transform: uppercase;
        gap: 5px;
        width: 100%;
        height: max-content;
        padding: 10px 15px;
    }
    .prod__select-content{
        margin-top: 10px;
        height: auto;
        display: none;
    }
    .prod__select-content.active{
        display: block;
    }
    .prod__select{
        max-width: 100%;
    }
    .prod__select-close{
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .prod__select-close svg{
        width: 24px;
        height: 24px;
    }
    .prod__filter-pages{
        order: 1;
        width: 100%;
    }
    .prod__filter{
        justify-content: center;
    }
    .prod__select-name{
        font-size: 13px;
    }
    .prod__select-block{
        border-radius: 8px;
        padding: 9px 15px;
        min-height: 52px;
    }
    .prod__select-name{
        max-width: 200px;
    }
    .prod__select-box {
        width: 89.66%;
    }
    .prod__select-box  .prod__select-box {
        width: 92.31%;
    }
    .prod__select-icon svg{
        display: none;
    }
    .prod__select-item.active > .prod__select-block .prod__select-icon{
        transform: none;
    }
    .prod__select-icon{
        width: 20px;
        height: 20px;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_701_13912' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_701_13912)'%3E%3Cpath d='M9.16602 10.8332H4.16602V9.1665H9.16602V4.1665H10.8327V9.1665H15.8327V10.8332H10.8327V15.8332H9.16602V10.8332Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
    }
    .prod__select-item.active > .prod__select-block .prod__select-icon{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_701_13903' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_701_13903)'%3E%3Cpath d='M4.16602 10.8332V9.1665H15.8327V10.8332H4.16602Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    }
    .prod__select-block:hover .prod__select-icon{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_701_13912' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_701_13912)'%3E%3Cpath d='M9.16602 10.8332H4.16602V9.1665H9.16602V4.1665H10.8327V9.1665H15.8327V10.8332H10.8327V15.8332H9.16602V10.8332Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    }
    .prod__filter-button.active svg{
        transform: rotate(-180deg);
    }
}
.produce__title.title{
    text-align: center;
    margin-bottom: 20px;
}
.produce__block{
    display: flex;
    gap: 30px;
}
.produce__images{
    overflow: hidden;
    min-width: 450px;
    width: 450px;
}
.produce__images .gallery-top,
.produce__images .gallery-top .swiper-slide img{
    width: 100%;
}
.produce__images .gallery-top .swiper-slide img{
    transition: all .5s ease;
}
.produce__images .gallery-top:hover .swiper-slide img{
    transform: scale(1.1);
}
.produce__images .gallery-thumbs{
    margin-top: 30px;
}
.produce__images .gallery-thumbs .swiper-slide{
    overflow: hidden;
    width: 90px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DFDFDF;
    cursor: pointer;
}
.produce__images .gallery-thumbs .swiper-slide img{
    width: 100%;
    opacity: 0.5;
    transition: all .1s ease;
}
.produce__images .gallery-thumbs .swiper-slide-thumb-active img{
    opacity: 1;
}
.produce__content > h3{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-bottom: 20px;
}
.produce__content > p{
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 21px */
}
.produce__btns{
    margin-top: 20px;
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #C5C5C5;
}
.produce__order{
    background-color: #3882BB;
    padding: 15px 30px;
}
.produce__order:hover{
    background-color: #5AA2D9;
}
.produce__pdf{
    color: #3882BB;
    border: 1px solid #3882BB;
    padding: 7px 30px;
}
.produce__pdf svg path{
    transition: all .1s ease;
}
.produce__pdf:hover{
    background: #FFB730;
    border-color: #FFB730;
    color: #fff;
}
.produce__pdf-icon{
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    width: 40px;
    height: 40px;
    min-width: 24px;
}
.produce__pdf-icon img{
    width: 100%;
}
.produce__contact{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 60px;
    background-color: #3882BB;
    border-radius: 8px;
}
.produce__contact-name{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
}
.produce__contact-item{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
    display: flex;
    align-items: center;
    gap: 11px;
}
@media (max-width: 1440px) {
    .produce__contact{
        padding: 25px 20px;
    }
    .produce__contact-item,
    .produce__contact-name{
        font-size: 16px;
    }
    .produce__images {
        overflow: hidden;
        min-width: 400px;
        width: 400px;
    }
}
@media (max-width: 1062px) {
    .produce__contact{
        flex-wrap: wrap;
        gap: 20px;
    }
    .produce__contact-item:last-of-type{
        width: 100%;
        justify-content: end;
    }
}
@media (max-width: 1024px) {
    .produce__order,
    .produce__pdf{
        padding: 15px;
    }
    .produce__contact {
        padding: 20px;
        gap: 10px;
    }
    .produce__images {
        overflow: hidden;
        min-width: 330px;
        width: 330px;
    }
}
@media (max-width: 800px) {
    .produce__btns{
        flex-direction: column;
    }
    .produce__contact{
        gap: 20px;
    }
    .produce__contact-item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .produce__contact-item:last-of-type,
    .produce__contact-name{
        justify-content: center;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .produce__block{
        flex-direction: column;
    }
    .produce__btns{
        flex-direction: row;
    }
    .produce__contact{
        flex-wrap: nowrap;
    }
    .produce__contact-item:last-of-type, .produce__contact-name{
        text-align: left;
        width: auto;
    }
    .produce__contact-item{
        width: auto;
    }
    .produce__images{
        margin: 0 auto;
        min-width: auto;
        width: 100%;
        max-width: 400px;
    }
}
@media (max-width: 654px) {
    .produce__contact{
        flex-wrap: wrap;
        gap: 20px;
    }
    .produce__contact-item:last-of-type{
        width: 100%;
        justify-content: end;
    }
}
@media (max-width: 480px) {
    .produce__contact-item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .produce__contact-item:last-of-type,
    .produce__contact-name{
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .produce__btns{
        flex-direction: column;
    }
}
.faq__content{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.faq__item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
.faq__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}
.faq__item-name::after{
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_782_5499' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_5499)'%3E%3Cpath d='M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
    top: 0;
}
.faq__item-descr{
    max-width: 1207px;
    padding-right: 40px;
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    display: none;
}
.faq__item.active .faq__item-descr{
    display: block;
}
.faq__item.active .faq__item-name::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_782_5510' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_782_5510)'%3E%3Cpath d='M5 13V11H19V13H5Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 480px) {
    .faq__content{
        gap: 25px;
    }
    .faq__item-name{
        font-size: 20px;
        padding-right: 30px;
    }
    .faq__item-descr{
        padding-right: 30px;
    }
}
.delivery__content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.delivery__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 20px;
}
.delivery__item-descr{
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 21px */
    max-width: 1167px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
}
@media (max-width: 480px) {
    .delivery__content{
        gap: 30px;
    }
}
.downloads__item-name{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
}
.downloads__content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.downloads__item-content{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 30px;
    margin-top: 50px;
}
.downloads__item-link{
    display: flex;
    align-items: center;
    padding: 10px 7px 10px 10px;
    gap: 20px;
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    transition: all .1s ease;
}
.downloads__item-image{
    overflow: hidden;
    border-radius: 8px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    border: 1px solid #C5C5C5;
    display: flex;
    transition: all .1s ease;
}
.downloads__item-title,
.downloads__item-name{
    font-weight: 400;
    line-height: 120%;
}
.downloads__item-title{
    font-size: 24px;
}
.downloads__item-name{
    font-size: 16px;
    transition: all .1s ease;
}
.downloads__item-link:hover{
    transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px -22px rgba(0,0,0,0.75);
}
.downloads__item-link:hover,
.downloads__item-link:hover .downloads__item-image{
    border-color: #3882BB;
}
.downloads__item-link:hover .downloads__item-name{
    color: #3882BB;
}
@media (max-width: 1440px) {
    .downloads__item-image{
        width: 75px;
        min-width: 75px;
        height: 75px;
    }
    .downloads__item-link{
        gap: 20px;
        padding: 10px;
    }
}
@media (max-width: 1024px) {
    .downloads__item-content{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 820px) {
    .downloads__content{
        gap: 40px;
    }
    .downloads__item-content{
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 20px;
        margin-top: 40px;
        gap: 20px;
    }
    .downloads__item-title{
        font-size: 20px;
    }
}
@media (max-width: 540px) {
    .downloads__item-content{
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
}
.not-found-btn{
    margin-top: 50px;
    background: #3882BB;
    max-width: 189px;
}
.not-found-descr{
    max-width: 540px;
}
.not-found-btn:hover{
    background: #5AA2D9;
}
.not-found-404{
    color: #EDEDED;
    text-align: center;
    font-size: 350px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -45.5px;
    text-transform: uppercase;
    margin: auto;
}
.not-found .container{
    display: flex;
    gap: 80px;
}
.not-found-404.mobile{
    display: none;
}
@media (max-width: 1440px) {
    .not-found .container{
        gap: 0;
    }
}
@media (max-width: 1024px) {
    .not-found-404{
        font-size: 260px;
        letter-spacing: -21px;
    }
}
@media (max-width: 870px) {
    .not-found-404{
        display: none;
    }
    .not-found-404.mobile {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .not-found-404 {
        font-size: 150px;
        letter-spacing: -10px;
    }
}
.contacts__content{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.contacts__block{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.contacts__block-link{
    display: flex;
    gap: 11px;
    color: #3882BB;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
    width: max-content;
}
.contacts__block-item{
    display: flex;
    gap: 11px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 23.4px */
}
.contacts__form{
    width: 100%;
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contacts__form-name{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 30px;
}
.contacts__form > span{
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}
.contacts__form label{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 16px */
    text-wrap: nowrap;
    min-width: 125px;
}
.contacts__form label span{
    color: #3882BB;
}
.contacts__form input{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
}
.contacts__form button{
    margin-top: 10px;
    background: #3882BB;
    max-width: 303px;
}
.contacts__form button:hover{
    background: #5AA2D9;
}
.contacts__map{
    margin-top: 50px;
}
.contacts__map iframe{
    width: 100%;
    height: 700px;
}
@media (max-width: 1280px) {
    .contacts__form-name{
        margin-bottom: 0;
    }
}
@media (max-width: 1024px) {
    .contacts__form{
        max-width: 400px;
    }
}
@media (max-width: 768px) {
    .contacts__content{
        flex-direction: column;
        gap: 50px;
    }
    .contacts__form {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .contacts__form{
        gap: 15px;
    }
    .contacts__content{
        gap: 40px;
    }
    .contacts__form-name{
        margin-bottom: 10px;
    }
    .contacts__form > span{
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
    .contacts__map iframe {
        width: 100%;
        height: 500px;
    }
    .contacts__block{
        gap: 20px;
    }
    .contacts__block-item,
    .contacts__block-link{
        font-size: 16px;
        line-height: normal;    
    }

}
.popup{
    position: fixed;
    inset: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.50);
    z-index: 200;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease;
}
.popup.active{
    pointer-events: all;
    opacity: 1;
}
.popup__inner-bg{
    position: absolute;
    inset: 0;
}
.popup .container{
    height: 100%;
}
.popup__inner{
    padding: 30px 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup__title{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; 
    padding-right: 30px;
}
.popup__inner-content{
    background-color: #fff;
    max-width: 630px;
    width: 100%;
    margin: auto;
    padding: 30px;
    border-radius: 8px;
    position: relative;
}
.popup__form{
    width: 100%;
    max-width: 570px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}
.popup__form-name{
    font-size: 24px;
    font-weight: 400;
    line-height: 100%; /* 24px */
    margin-bottom: 30px;
}
.popup__form > span{
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}
.popup__form label{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 16px */
    text-wrap: nowrap;
    min-width: 125px;
}
.popup__form label span{
    color: #3882BB;
}
.popup__form input{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
}
.popup__form textarea{
    border-radius: 8px;
    border: 1px solid #C5C5C5;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 16px */
    outline: none;
    background: transparent;
    padding: 15px;
    resize: none;
    height: 150px;
}
.popup__form > span:last-of-type{
    align-items: start;
}
.popup__form button{
    margin-top: 10px;
    background: #3882BB;
    max-width: 303px;
}
.popup__form button:hover{
    background: #5AA2D9;
}
.popup__close{
    display: flex;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    cursor: pointer;
    z-index: 1;
}
.popup__close svg{
    width: 100%;
}
@media (max-width: 480px) {
    .popup__inner-content{
        padding: 15px;
    }
    .popup__form{
        gap: 10px;
    }
    .popup__form > span{
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
}
.catalog__title.title{
    text-align: center;
}





.cookie{
    position: fixed;
    bottom: 36px;
    z-index: 90;
    right: 30px;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}
.cookie.active{
    opacity: 1;
    pointer-events: all;
}
.cookie__inner{
    max-width: 858px;
    width: 100%;
    margin-left: auto;
    border-radius: 8px;
    background: #FFF;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
}
.cookie__descr{
    font-size: 16px;
    font-weight: 300;
}
.cookie__descr a{
    color: #3882BB;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
}
.cookie__btn{
    background-color: #3882BB;
    height: 48px;
    width: 81px;
    min-width: 81px;
}
@media (max-width: 1440px) {
    .cookie{
        bottom: 15px;
        right: 15px;
    }
    .cookie__inner{
        max-width: 689px;
    }
    .cookie__descr{
        font-size: 14px;
    }
    .cookie__btn {
        width: 71px;
        min-width: 71px;
    }
}
@media (max-width: 720px) {
    .cookie__descr{
        font-size: 12px;
        line-height: normal;
    }
}
@media (max-width: 420px) {
    .cookie__inner{
        padding: 10px;
    }
    .cookie__descr,
    .cookie__btn{
        font-size: 9px;
    }
    .cookie__btn {
        width: 51px;
        min-width: 51px;
        height: 35px;
    }
}

.breadcrumbs a:hover {
    color: black;
}

.footer__item-create {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #787878;
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

.footer__item-create:hover {
    color: #ffffff; /* Цвет текста при наведении */
    box-shadow: 0 0 10px rgb(255 255 255 / 50%); /* Эффект свечения */
}