:root{
    --Grey-10: #28251E;
    --White: #FFF;
    --Black: #13110C;
    --Taupe-70: #B0ACA6;
    --Ivory-95: #EBEAE7;
    --Grey-40: #555;
    --Blue-30: #0C47B1;
    --Blue-60: #3D6CC1;
    --Blue-80: #86A3D8;
    --Blue-90: #E8F0FF;
    --footer-bg: #28251E;
    --Sand: #DFDCD5;
    --btn-hover: #0c45ab;
    --gray-hover: #ebeef3;
    --outlined-color: #e7e8ee;
    --gray-section-bg: #F6F6F6;
    --Brand-Colors-Gray: #E8E8E8;
    --Brand-Colors-Black: #161515;
    --Red: #D64545;
}

.show-block{
    opacity: 0;
}

body{
    background: #FDFDFD;
}
html{
    overflow-x: clip;
}
html.is-active,
body.is-active{
    overflow: hidden;
}
body{
    overflow-x: hidden;
}
input, button, textarea{
    appearance: none;
    border: none;
    background: none;
    outline: none;
}

input[type="search"] {
  -moz-appearance: textfield;
}
input[type="search"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}


input::placeholder,
input::-moz-placeholder,
input::-webkit-input-placeholder{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.input-el{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

input:focus::placeholder, 
textarea:focus::placeholder {
  color: transparent !important;
}

/* Chrome, Safari, Edge */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}

/* Firefox */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{
  color: transparent !important;
}

/* IE 10-11 */
input:focus:-ms-input-placeholder {
  color: transparent !important;
}

/* Старий Edge */
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder{
  color: transparent !important;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

#smooth-content{
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: var(--Grey-10);
    font-family: 'Montserrat';
}
a{
    text-decoration: none;
}
img{
    display: flex;
    max-width: 100%;
    height: auto;
}
.glass-container{
    max-width: 1256px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}
.glass-hero-container{
    max-width: 1512px;
    z-index: 3;
}


.pos-rel{
    position: relative;
}
.df{
    display: flex;
}
.df-ac{
    display: flex;
    align-items: center;
}
.df-ac-jcc{
    display: flex;
    align-items: center;
    justify-content: center;
}
.df-ac-jcsb{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.df-aifs{
    display: flex;
    align-items: flex-start;
}
.df-fdc{
    display: flex;
    flex-direction: column;
}
.df-fdc-aic{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.df-aife-jcsb{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.df-aifs-jcsb{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.w100{
    width: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.glass-btn{
    padding: 0 16px;
    height: 46px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    gap: 8px;
    transition: 300ms border, 300ms color, 300ms background-color;
}
.glass-btn--outline{
    border: 1px solid var(--White);
    color: var(--White);
}
.glass-btn--outline-blue{
    border: 1px solid var(--Blue-30);
    color: var(--Grey-10) !important;
}
.glass-btn--outline path{
    transition: 300ms all;
}
@media (hover:hover){
    .glass-btn--outline:hover{
        background-color: var(--Blue-30);
    }
    .glass-btn--outline-blue:hover{
        background-color: var(--outlined-color);
    }
    .header-black .glass-btn--outline:hover{
        color: var(--White) !important;
    }
    .header-black .glass-btn--outline:hover path{
        fill:var(--White);
    }
}
.glass-btn svg{
    width: 24px;
    height: 24px;
}
.glass-btn-sm {
    border-radius: 3px;
    background: var(--Blue-30);
    color: var(--White);
}
@media (hover:hover){
    .glass-btn-sm:hover{
        background-color: var(--btn-hover);
    }
}
.glass-btn-white{
    background-color: var(--White);
    color: var(--Blue-30) !important;
    width: fit-content;
}
@media (hover:hover){
    .glass-btn-white:hover{
        background-color: var(--gray-hover);
    }
}
.glass-arrow-btn{
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid var(--Grey-10);
    padding-bottom: 3px;
}
.glass-arrow-btn, .glass-arrow-btn path{
    transition: 300ms all;
}
@media (hover:hover){
    .glass-arrow-btn:hover{
        color: var(--Blue-30);
        border-color: var(--Blue-30);
    }
    .glass-arrow-btn:hover path{
        fill: var(--Blue-30);
    }
}
.glass-arrow{
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 58px;
    right: 336px;
    z-index: 4;
    border-radius: 90px;

    isolation: isolate;
    box-shadow: 0px 6px 24px rgba(255, 255, 255, 0.2);
    outline: none;
    background: none;
    border: none;
}

.glass-hero__arrow{
    animation: arrow-move infinite 3s linear backwards;
    right: min(22.22vw, 355.52px);
}

.glass-arrow-icon{
    z-index: 4;
}

.glass-filter, .glass-overlay, .glass-specular {
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.glass-filter {
    z-index: 0;
    filter: url(#lensFilter) saturate(120%) brightness(1.15);
}

.glass-filter {
  background: rgba(255,255,255,0.08);
}


@supports (backdrop-filter: blur(4px)) {
  .glass-filter  {
    backdrop-filter: blur(4px);
    background:none;
  }
}
.glass-overlay {
    z-index: 1;
    background: rgba(235, 234, 231, 0.25)
}
.glass-specular {
    z-index: 2;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.75), inset 0 0 5px rgba(255, 255, 255, 0.75);
}

@keyframes arrow-move {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(15px);
    }
    100%{
         transform: translateY(0);
    }
    
}
@keyframes arrow-move-center {
    0%{
        transform: translateX(-50%) translateY(0);
    }
    50%{
        transform:  translateX(-50%) translateY(15px);
    }
    100%{
         transform:  translateX(-50%) translateY(0);
    }
    
}


/* Header */

header{
    height: 68px;
    padding: 0 20px;
    z-index: 99;
}
.header-wrapper{
    max-width: 1560px;
}
.header-logo--black,
.header-black .header-logo--light{
    display: none;
}
.header-black .header-logo--black{
    display: flex;
}
.header-logo img{
    width: 157px;
    height: auto;
}
.header-phone{
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.header-black .header-phone, 
.header-black .header-phone span {
    color: var(--Grey-10) !important;
}
.header-consult{
    margin-left: 36px;
}
.header-black .header-consult{
    border-color: var(--Grey-10) ;
    color: var(--Grey-10) !important;
}
.header-black .header-consult path{
    fill: var(--Grey-10);
}
.header-lang{
    margin-left: 36px;
    gap: 3px;
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.header-lang *{
    color: var(--White);
}
.header-hamburger{
    margin-left: 16px;
    width: 72px;
    height: 70px;
}

.header-black .flip-text span:before, .header-black .header-logo-clone,
.header-black .header-lang, 
.header-black .header-lang *{
    color:var(--Grey-10) !important;
}
.header-black .header-hamburger path{
    fill: var(--Grey-10);
}

/* menu */
.fixed-menu{
    position: absolute;
    top: 0;
    right: 0;
    width: 772px;
    height: 100dvh;
    z-index: 999;
    background: rgba(40, 37, 30, 0.85);
    opacity: 0;
    visibility: hidden;
    /* clip-path: inset(0 0 100% 100%); */
    transform: translateX(100%);
    transform-origin: top right;
    transition: 800ms all;
}

.fixed-menu.is-active{
    /* clip-path: inset(0); */
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
}
.menu-overflow{
    position: fixed;
    inset: 0;
    z-index: 998;
    background: transparent;
    touch-action: none;
    display: none;
}
.menu-overflow.is-active{
    display: block;
}
.fixed-menu-container{
    padding: 50px 60px 43px;
    height: 100%;
    overflow-y: auto;
}
.fixed-menu-close{
    position: absolute;
    top: 0;
    right: 21px;
    width: 72px;
    height: 72px;
}
.fixed-menu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}
.fixed-menu li{
    overflow: hidden;
}
.fixed-menu li a{
    color: var(--White);
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    display: block;
}
.fixed-menu-contacts *{
    color: var(--White);
}
.fixed-menu-contacts{
    gap: 22px;
    margin-top: auto;
}
.fixed-menu-address{
    max-width: 390px;
    transition: none !important;
}
.fixed-menu-address *{
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
}
.fixed-menu-phone{
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    transition: none !important;
}

@media (max-width:991px){
    .header-phone{
        display: none;
    }
    .fixed-menu{
        width: 100%;
        background: #28251E;
    }
}
@media (max-width:676px){
    .header-consult{
        display: none;
    }
    .fixed-menu-container{
        padding: 50px 16px 47px;
    }
    .fixed-menu li a{
        font-size: 28px;
    }
    .fixed-menu-address *{
        font-size: 22px;
    }
    .header-lang span,
    .header-lang div{
        display: none;
        margin-left: 0;
    }
    .header-hamburger{
        margin-left: 0;
    }
    .fixed-menu-close{
        right: 0;
    }
    header{
        padding-right: 0;
    }
}


/* Main */

main{
    margin-top: -68px;
}


/* Hero */
.glass-hero{
    padding-top: 514px;
    padding-bottom: 98px;
    overflow: hidden;
    min-height: 100dvh;
}
.glass-hero-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    z-index: 1;
}
.glass-hero-overflow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 57, 95, 0.50) 0%, rgba(66, 71, 79, 0.1) 100%);
    background-blend-mode: darken, normal;
    z-index: 2;
}
.glass-hero-lines{
    position: absolute;
    width: min(60.25vw, 964px);
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 3;
}
.glass-hero__heading{
    color: var(--White);
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
}
.glass-hero__img{
    width: 100%;
    max-width: 945px;
    height: auto;
    margin-top: 17px;
}


@media (max-width:1400px){
    .glass-hero__arrow{
        right: 50px;
    }
}
@media (max-width:1200px){
    .glass-hero__arrow{
        right: 16px;
        bottom: 20px;
    }
}

@media (max-width: 676px){
    .glass-container{
        padding: 0 16px;
    }
    .glass-hero{
        padding-top: 302px;
        padding-bottom: 166px;
    }
    .glass-hero__heading{
        font-size: 18px;
    }
    .glass-hero__arrow{
        bottom: 40px;
    }
    .glass-hero-lines {
        width: min(175.02vw, 630px);
        height:auto;
    }
    .glass-hero__img{
        margin-top: 9px;
    }
    .glass-hero-bg{
        object-position: top center;
    }
}
@media (max-width: 480px){
    .glass-hero-lines {
        min-width: 630px;
        height: 473px;
        left: -140px;
    }
}


/* Values */
.glass-section{
    padding: 80px 0;
}
.glass-hero-page + .glass-values--vacancy{
    padding-top: 100px;
}
.glass-h2{
    gap: 7px;
    color: var(--Grey-10);
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 8px;
}
.glass-h2:before{
    content:'';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: var(--Grey-10);
}
.glass-head-rows .glass-h2{
    margin-top: 0;
}
.glass-head--white .glass-h2, 
.glass-head--white .glass-descr,
.glass-head--white .glass-subtext,
.glass-head--white .glass-subtext *,
.glass-head--white .glass-descr *
{
    color: var(--White);
}
.glass-head--white .glass-h2:before{
    background-color: var(--White);
}
.glass-descr{
    margin-left: auto;
    max-width: 904px;
    width: 100%;
    font-size: 40px;
    font-weight: 400;
    line-height: 105%;
    opacity: 0;
}
.glass-descr strong,
.glass-descr strong *{
    color: var(--Taupe-70);
    font-weight: 400;
}
.glass-values__cards{
    margin-top: 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.glass-values__card{
    padding: 20px 0 10px 24px;
    border-left: 1px solid var(--Ivory-95);
    text-align: center;
}
.glass-values-icon{
    width: 88px;
    height: 88px;
}
.glass-values-heading{
    margin-top: 30px;
    color: var(--Grey-10);
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
}
.glass-values-descr{
    margin-top: 16px;
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
}

.glass-values--vacancy .glass-descr{
    margin-left: 0;
    line-height: 110%;
    text-align: right;
    max-width: unset;
}
.glass-values--vacancy .glass-h2{
    margin-top: 100px;
}
.glass-values--vacancy .glass-values__cards{
    margin-top: 50px;
}

@media (max-width: 1200px){
    .glass-head{
        flex-direction: column;
        gap: 24px;
    
    }
    .glass-descr{
        margin-left: 0;
        max-width: 100%;
    }
}
@media (max-width: 991px){
    .glass-values__cards{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 676px){
    .glass-section{
        padding: 40px 0;
    }
    .glass-values{
        padding-top: 52px;
    }
    .glass-values__cards{
        grid-template-columns: 1fr;
    }
    .glass-descr{
        font-size: 36px;
        line-height: 116.667%;
    }
    .glass-values__card{
        padding-right: 48px;
    }
    .glass-hero-page + .glass-values--vacancy{
        padding-top: 80px;
    }
    .glass-values--vacancy .glass-descr{
        font-size: 30px;
        line-height: 106.667%;
    }
    .glass-values--vacancy .glass-h2{
        margin-top: 80px;
    }
    .glass-values--vacancy .glass-values__cards{
        margin-top: 20px;
    }
}


/* Video */
.glass-video{
    position: relative;
}
.glass-video-wrapper-overflow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FDFDFD;
    z-index: 33;
    pointer-events: none;
    user-select: none;
    --r: 288px;

    -webkit-mask: radial-gradient(
        circle at center,
        transparent var(--r),
        black calc(var(--r) + 1px)
    );

    mask: radial-gradient(
        circle at center,
        transparent var(--r),
        black calc(var(--r) + 1px)
    );

}
.glass-video-wrapper{
    /* width: 576px;
    border-radius: 100%; */
    margin: 0 auto;
    overflow: hidden;
    transition: 300ms linear;
}
.glass-video-wrapper video{
    width: 100%;
    height: 576px;
    object-fit: cover;
    transform-origin: center;
    transition: 300ms linear;
}
.glass-video__play{
    width: 94px;
    height: 94px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.glass-video.is-played .glass-video__play{
    display: none;
}
.glass-video.is-paused .glass-video__play{
    display: flex;
}
.glass-video__pause{
    width: 50px;
    height: 50px;
    border-radius: 90px;
    border: 1.5px solid #FFF;
    background: rgba(235, 234, 231, 0.20);
    position: absolute;
    top: unset;
    left: 50%;
    bottom: 34px;
    transform: translateX(-50%);
    display: none;
}
.glass-video.is-played .glass-video__pause{
    display: flex;
}
.glass-video.is-paused .glass-video__pause{
    display: none;
}
@media (max-width: 676px){
    .glass-video-wrapper-overflow{
        --r: calc(100% / 2);
    }
    .glass-video-wrapper {
        width: auto;
        padding: 0;
        /* margin: 0 16px; */
    }
    .glass-video-wrapper video{
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }
    .glass-video__play{
        width: 66px;
        height: 66px;
    }
}

/* About */

.glass-head-rows{
    text-align: center;
    gap: 24px;
}
.glass-head-rows .glass-descr{
    margin-left: 0;
}
.glass-about .glass-descr svg{
    display: inline-block;
    margin-bottom: -10px;    
}
.glass-about__wrap{
    margin-top: 40px;
    width: 592px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.glass-about-l{
    grid-row: 1/3;
}
.glass-about-l img{
    border-radius: 0 0 0 200px;   
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
.glass-about-rb {
    grid-column: 2/3;
    grid-row: 2/3;
    height: 100%;
}
.glass-about-rb img{
    border-radius: 0 0 200px 0;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
.glass-about-text{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 500;
    line-height: 125%;
    text-align: left;
}
.glass-about-btn{
    margin-top: 60px;
}
.glass-about-btn--mob{
    display: none;
}
.glass-hero-page + .glass-about{
    padding-top: 120px;
    padding-bottom: 120px;
}
.glass-hero-page + .glass-about .glass-about-text{
    font-size: 18px;
    line-height: 122.222%;
}
.glass-hero-page + .glass-about .glass-about-btn{
    margin-top: 45px;
}
@media (max-width: 676px){
    .glass-about__wrap .glass-about-btn{
        display: none;
    }
    .glass-about-btn--mob{
        display: flex;
        margin-top: 40px;
    }
    .glass-about__wrap{
        width: 100%;
        gap: 17px;
    }
    .glass-about-text{
        font-size: 12px;
    }
    .glass-about-l img {
        border-radius: 0 0 0 100px;
    }
    .glass-about-rb img {
        border-radius: 0 0 100px 0;
    }
    .glass-about .glass-descr svg{
        width: 212px;
    }
    .glass-hero-page + .glass-about{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .glass-hero-page + .glass-about .glass-descr{
        font-size: 30px;
        line-height: 106.667%;
    }
    .glass-hero-page + .glass-about .glass-about-text{
        font-size: 12px;
        line-height: 130%;
    }
}
@media (max-width: 425px){
    .glass-about-btn--mob{
        width: 100%;
    }
}

/* Products */
.glass-products__logos{
    min-width: 200vw;  
    gap: 80px;
    overflow: hidden;
}
.glass-products__logo{
    justify-content: flex-end;
}
.glass-products__logo svg{
    width: 100%;
    height: auto;
}
.glass-products__gradient{
    position: absolute;
    width: 100%;
    height: 1383px;
    background: linear-gradient(180deg, #234C90 25.48%, #FFF 100%);
    pointer-events: none;
    user-select: none;
    z-index: 1;
    top: min(11.88vw, 190px);
    left: 0;
}
.glass-products__logo svg{
    max-width: 1600px;
}
.glass-products .glass-head, 
.glass-products .glass-products__rows{
    z-index: 3;
}
.glass-products .glass-h2{
    margin-top: 0;
}
.glass-products .glass-head{
    margin-top: 59px;
}
.glass-products__rows{
    margin-top: 162px;
    overflow: hidden;
}
.glass-products__row{
    /* height: 160px; */
    min-height: 160px;
    padding-bottom: 20px;
    background-color: transparent;
    transition: 500ms all;
    display: flex;
}
.glass-products__row:hover{
    background-color: var(--White);
}
.glass-products__row .glass-container{
    margin-top: auto;
    height: 100%;
}
.glass-products__title{
    color: var(--White);
    font-size: 66px;
    font-weight: 500;
    line-height: normal;
    transition: 500ms all;
}
.glass-products__row:hover .glass-products__title{
    color: var(--Blue-30);
}
.glass-products__text{
    text-align: right;
    text-align: right;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 20px;
}
.glass-products__text *{
    color: var(--White);
    transition: 500ms all;
}
.glass-products__text p:not(:last-child){
    margin-bottom: 8px;
}
.glass-products__row:hover *{
    color: var(--Blue-30);
}
.glass-products__row:after{
    content:'';
    position: absolute;
    bottom:0;
    left: 0;
    width: 100vw;
    height: 0.5px;
    background-color: var(--White);
}
.glass-products__arrow{
    opacity: 0;
    transition: 300ms all;
}
.glass-products__arrow img{
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-bottom: 9px;
}
.glass-products__row:hover .glass-products__arrow{
    opacity: 1;
}
@media (max-width: 1100px){
    .glass-products__row .glass-container{
        flex-direction: column;
        align-items: start;
        gap: 40px;
    }
    .glass-products__row{
        height: auto;
        padding: 20px 0;
    }
    .glass-products__text{
        padding-bottom: 0;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        margin-top: 13px;
    }
}
@media (max-width: 676px){
    .glass-products__logos{
        gap: 20px;
    }
    .glass-products{
        padding-top: 57px;
    }
    .glass-products__gradient{
        top: min(14.72vw, 99.51px);
    }
    .glass-products .glass-h2, 
    .glass-gallery .glass-h2, 
    .glass-cta .glass-h2, 
    .glass-production .glass-h2,
    .glass-team .glass-h2, 
    .glass-values--vacancy .glass-h2,
    .glass-certification .glass-h2,
    .glass-documents .glass-h2,
    .page-gallery .glass-h2,
    .glass-cta-contact .glass-h2
    {
        font-size: 16px;
        font-weight: 500;
    }
    .glass-products .glass-h2:before, 
    .glass-gallery .glass-h2:before,
    .glass-cta .glass-h2:before, 
    .glass-production .glass-h2:before, 
    .glass-team .glass-h2:before, 
    .glass-values--vacancy .glass-h2:before,
    .glass-certification .glass-h2:before,
    .glass-documents .glass-h2:before,
    .page-gallery .glass-h2:before,
    .glass-cta-contact .glass-h2:before{
        width: 13px;
        height: 13px;
    }
    .glass-products .glass-head{
        margin-top: 39px;
    }
    .glass-products__rows{
        margin-top: 70px;
    }
    .glass-products__title{
        font-size: 39px;
    }
    .glass-products__text{
        font-size: 14px;
        margin-top: auto;
    }
    .glass-products__row{
        height: auto;
    }
    .glass-products__gradient{
        height: 917px;
    }
    .glass-products__arrow{
        opacity: 1;
    }
}

/* Gallery */
.glass-gallery{
    z-index: 3;
    overflow: hidden;  
}
.glass-products + .glass-gallery{
    padding-top: 226px;
}
.glass-gallery .glass-head{
    gap: 16px;
}
.glass-gallery .glass-descr strong, 
.glass-gallery .glass-descr strong *{
    color: var(--Blue-60, #3D6CC1);
}
.glass-gallery-slider{
    max-width: 800px;
    margin: 76px auto 0;
    overflow: visible !important;
}
.glass-gallery-slider .swiper-slide{
    transition: 300ms all;
}
.glass-gallery-slider img{
    width: 100%;
    height: 100%;
    aspect-ratio: 800/500;
    object-fit: cover;
}
.glass-gallery-slider .swiper-slide-prev,
.glass-gallery-slider .swiper-slide-next {
    transform: scale(0.75) translateZ(0);
    transform-origin: right;
}
.glass-gallery-slider .swiper-slide-next{
    transform-origin: left;
}
.glass-gallery-btn {
    padding: 0 60px;
    margin: 60px auto 0;
    width: fit-content;
}
@media (max-width: 991px){
    .glass-gallery-slider{
        max-width: calc(100vw - 54px);
    }
}
@media (max-width: 676px){
    .glass-products + .glass-gallery{
        padding-top: 91px;
    }
    .glass-gallery-slider{
        margin-top: 44px;
    }
    .glass-gallery-btn{
        margin-top: 40px;
        width: 100%;
    }
}



/* CTA */

.glass-cta{
    margin-top: 80px;
    padding: 158px 0;
}
.glass-cta-bg, .glass-cta-overflow, .glass-cta-bg img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.glass-cta-overflow{
    z-index: 1;
    background: linear-gradient(0deg, rgba(40, 37, 30, 0.70) 0%, rgba(40, 37, 30, 0.70) 100%);
}
.glass-cta .glass-container{
    z-index: 3;
}
.glass-subtext{
    text-align: center;
    max-width: 592px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.glass-cta-form{
    max-width: 592px;
    margin: 52px auto 0;
}
.cta-form-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.cta-form-col input, .cta-form-textarea textarea{
    width: 100%;
    height: 40px;
    padding: 16px;
    border: 1px solid var(--White);
    color: var(--White) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    background-color: transparent;
}
.cta-form-col input::placeholder,
.cta-form-textarea textarea::placeholder{
    color: var(--White);
}
.cta-form-textarea textarea{
    resize: none;
    height: 120px;
}
.glass-cta-form input[type=submit]{
    width: 100%;
    text-align: left;
    padding-left: 22px;
}
.glass-cta-form .form-submit:after{
    content:'';
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEyNCA5Ljg3ODk3TDE4LjUzOCA1LjI5Mjk3TDE3LjEyNCA2LjcwNjk3TDIxLjM4NiAxMC45N0wwIDExVjEzTDIxLjQ0NiAxMi45N0wxNy4xMjMgMTcuMjkzTDE4LjUzNyAxOC43MDdMMjMuMTI0IDE0LjEyMUMyMy42ODQ3IDEzLjU1NzUgMjMuOTk5NSAxMi43OTQ5IDIzLjk5OTUgMTJDMjMuOTk5NSAxMS4yMDUgMjMuNjg0NyAxMC40NDI1IDIzLjEyNCA5Ljg3ODk3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    cursor: pointer;
}
.cta-form-notes{
    text-align: center;
    margin-top: 8px;
    color: var(--White);
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
}
.cta-form-notes a{
    color: var(--White);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
@media (max-width: 676px){
    .glass-cta{
        margin-top: 0;
        padding: 95px 0;
    }
    .cta-form-row{
        display: flex;
        flex-direction: column;
    }
    .glass-subtext{
        font-size: 12px;
    }
    .glass-cta-form{
        margin-top: 21px;
    }
    .glass-cta-bg{
        object-position: left;
    }
    .glass-cta-form input[type=submit]{
        padding-left: 20px;
    }
    .glass-cta-form .form-submit:after{
        right: 20px;
    }
    .cta-form-notes{
        text-align: left;
        margin-top: 20px;
    }
}


/* Footer */

footer{
    background: var(--footer-bg);
    padding: 48px 0 32px;
    overflow: hidden;
    z-index: 2;
    margin-top: auto;
}
footer *{
    color: var(--Ivory-95);
}
.footer-top-l{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 37px 32px;
    max-width: 592px;
    width: 100%;
    padding-top: 60px;
}
.footer-menu-title{
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 19px;
}
.footer-menu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-menu a{
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    max-width: 170px;
}
.footer-contact-row{
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.footer-contact-rows{
    gap: 16px;
}
.footer-contact-row{
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.footer-email, .footer-email span, .footer-inst span{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer-contacts2 .footer-contact-rows{
    gap: 10px;
}
.footer-inst{
    gap: 8px;
}
.footer-top-r{
    width: 414px;
    height: 416px;
    overflow: hidden;
}
.footer-top-mask {
    z-index: 1;
    width: 100%;
    height: 100%;
}
.footer-top-mask  {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-mask-image: url('../images/mask.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('../images/mask.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    overflow: hidden;
}

.footer-top-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: 300ms all;
}
.footer-bottom{
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--Sand);
}
.footer-bottom-l{
    gap: 40px;
}
.footer-copyright, .footer-copyright-rights{
    color: var(--Sand);
    font-size: 14px;
    font-weight: 400;
    line-height: 171.429%;
    text-transform: uppercase;
}
.footer-bottom-c{
    cursor: pointer;
    gap: 10px;
    color: var(--Sand);
    font-size: 14px;
    font-weight: 400;
    line-height: 171.429%;
}
.footer-bottom-r{
    color: var(--Sand);
    font-size: 14px;
    font-weight: 400;
    line-height: 171.429%;
}
.footer-bottom-r a{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.footer-bottom-r a{
    display: inline-flex;
}

.fixed-top-btn {
    display: none;
    position: fixed;
    top: unset;
    right: 60px;
    bottom: 60px;
    z-index: 99;
}
.fixed-top-btn.on-light{
    background: rgba(12, 71, 177, 0.8);
}
.fixed-top-btn.on-light .glass-filter{
    display: none;
}
.footer-logo {
    display: none;
}
@media (max-width: 1200px){
    .footer-top-l{
        max-width: fit-content;
    }
}
@media (max-width: 991px){
    .footer-logo{
        display: flex;
        width: 328px;
        height: auto;
    }
    .footer-top{
        flex-direction: column;
    }
    .footer-top-r{
        display: none;
    }
    .footer-top-l{
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 39px 10px;
    }
    .footer-menu, .footer-contacts{
        width: calc(50% - 10px);
    }
    .footer-menu1{
        order: 1;
    }
    .footer-menu2{
        order: 2;
    }
    .footer-contacts1{
        order: 3;
    }
     .footer-contacts2{
        order: 4;
    }
    .footer-bottom-c{
        display: none;
    }
}
@media (max-width: 676px){
    footer{
        padding: 90px 0 26px 0;
    }
    .footer-top-l{
        padding-top: 39px;
    }
    .footer-menu-title{
        font-size: 16px;
        line-height: 162.5%;
    }
    .footer-contacts .footer-menu-title{
        font-size: 20px;
        line-height: 130%;
    }
    .footer-menu a{
        font-size: 12px;
    }
    .footer-bottom{
        padding-top: 20px;
        flex-direction: column;
    }
    .footer-bottom-l{
        gap: 20px;
    }
    .footer-copyright, .footer-copyright-rights, .footer-bottom-r{
        font-size: 12px;
        line-height: 200%;
    }
    .footer-contact-row{
        font-size: 12px;
    }
    .footer-inst svg{
        width: 16px;
        height: 16px;
    }
}


/* Hero page */
.glass-hero-page{
    height: 100dvh;
    padding: 130px 0 0 0;
    overflow: hidden;
}
.glass-hero-page-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.glass-hero-page-bg, .glass-hero-overflow-dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}
.company-lines-l, .company-lines-r{
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 333px;
    height: auto;
    z-index: 3;
    pointer-events: none;
    user-select: none;
}
.company-lines-r{
    left: unset;
    right: -2px;
    width: 264px;
}
.company-lines-l1{
    bottom: 111px;
}
.company-lines-r1{
    width: 462px;
    bottom: -2px;
}
.company-lines-l2{
    width: 229px;
}
.company-lines-r2{
    width: 297px;
}
.company-lines-l3{
    width: 736px;
    left: 0;
    bottom: 0;
}
.company-lines-l4{
    width: 757px;
}
.company-lines-r4{
    width: 279px;
    bottom: 232px;
}
.company-lines-l5{
    width: 335px;
}
.company-lines-r5{
    width: 469px;
}
.company-lines-l6{
    width: 807px;
    height: 600px;
    bottom: unset;
    top: 0;
}
.glass-hero-page .glass-container{
    z-index: 2;
}
.glass-hero-overflow-dark{
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
    background: linear-gradient(0deg, rgba(31, 41, 57, 0.70) 0%, rgba(31, 41, 57, 0.70) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.breadcrumbs *{
    color: var(--Ivory-95);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.breadcrumbs>span{
    gap: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.breadcrumbs-divider {
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMC45NTQwODQgMTIuMDAwM0w3LjU2NDQ1IDAuNTUwNzgxTDYuNjEwMzIgLTguNjAxNTZlLTA1TC00LjYzNTNlLTA1IDExLjQ0OTRMMC45NTQwODQgMTIuMDAwM1oiIGZpbGw9IiNFQkVBRTciLz4KPC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.breadcrumb_last{
    color: var(--White);
    font-weight: 600;
}
.glass-hero-page__heading{
    color: var(--White);
    margin-top: 104px;
    text-align: center;
    font-size: 80px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.info-page .glass-hero-page__heading  {
    margin-top: 0 !important;
    font-size: 70px;
}
.glass-hero-page__arrow{
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    top: unset !important;
    animation-name: arrow-move-center;
}

@media (max-width: 991px){
    .glass-hero-page__heading, .info-page .glass-hero-page__heading{
        font-size: 50px;
    }
    .company-lines-l{
        left: -100px;
    }
    .company-lines-r{
        right: -100px;
    }
    .company-lines-r4{
        display: none;
    }
    .company-lines-l5{
        display: none;
    }
}
@media (max-width: 676px){
    .glass-hero-page{
        padding: 105px 0 0;
    }
    .glass-hero-page__heading, .info-page .glass-hero-page__heading{
        margin-top: 113px;
        font-size: 30px;
    }
    .company-lines-l{
        width: 178px;
        left: -50px;
    }
    .company-lines-r{
        width: 142px;
        right: -30px;
    }
    .company-lines-l1{
        bottom: 200px;
    }
    .company-lines-r1{
        width: 252px;
        right: -122px;
    }

    .company-lines-l2{
        display: none;
    }
    .company-lines-r2{
        width: 200px;
        right: 0;
    }
    .company-lines-l3{
        width: 358px;
        left: -103px;
    }
    .company-lines-l4{
        display: none;
    }
    .company-lines-r4{
        left: 0;
        right: unset;
        bottom: -68px;
        display: block;
        transform: scaleX(-1);
        width: 255px;
    }
    .company-lines-r5{
        right: -34px;
        width: 281px;
        height: 158px;
    }
}

/* Flip text animation */

.flip-text {
    position: relative;
    overflow: hidden;
    transition: transform 0.6s ease;
}
.flip-text *{
    color: #fff !important;
    transition: transform 0.6s ease;
}
.flip-text span{
    transform: none;
    display: inline-block;
}
.flip-text span:before, .header-logo-clone{
    content: attr(data-text);
    position: absolute;
    top: 100%;
    left: 0;
    transition: transform 0.6s ease;
    color: #fff !important;
}
.header-logo-clone{
    content: unset !important;
    top: 120%;
}

@media (hover:hover){
    .flip-text:hover span{
        transform: translateY(-100%);
    }
    .header-logo.flip-text:hover img:first-child{
        transform: translateY(-120%);
    }

    .flip-text:hover span:before {
        transform: translateY(0%);
    }
    .header-logo.flip-text:hover img.header-logo-clone{
        transform: translateY(-120%);
    }    
}


/* Production */

.glass-production{
    padding-top: 43px;
    margin-bottom: 14px;
}
.glass-production .glass-container{
    z-index: 3;
}   
.glass-production .glass-h2{
    margin-top: 0;
}  
.production-bg-img, .production-bg-overflow, .glass-production-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none;
    pointer-events: none;
    z-index: 1;
}
.production-bg-img img,
.production-bg-img video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.production-bg-overflow{
    z-index: 2;
    background: linear-gradient(0deg, rgba(18, 34, 62, 0.58) 0%, rgba(18, 34, 62, 0.58) 100%);
}
.glass-production-bg{
    z-index: 0;
    height: auto;
}
.glass-production-bg img{
    width: 100%;
    height: auto;
}
.glass-production-heading{
    text-align: center;
    margin-top: 227px;
    color: var(--White);
    font-size: 74px;
    font-weight: 500;
    line-height: normal;
}
.glass-production-block{
    max-width: 649px;
    width: 100%;
    margin-top: 109px;
    margin-left: auto;
}
.glass-production-text{
    color: var(--White);
    font-size: 28px;
    font-weight: 500;
    line-height: 117.857%;
}
.glass-production-btn{
    margin-top: 24px;
}

@media (max-width: 991px){
    .glass-production-block{
        margin-left: 0;
        max-width: 100%;
    }
}
@media (max-width: 676px){
    .glass-production{
        padding-top: 32px;
        margin-bottom: 0;
    }
    .glass-production-heading{
        font-size: 46px;
        margin-top: 206px;
    }
    .glass-production-block{
        margin-top: 98px;
    }
    .glass-production-text{
        font-size: 20px;
    }
    .glass-production-btn{
        width: 100%;
    }
}


/* Team */
.glass-team{
    overflow: hidden;
}
.glass-team .glass-head{
    gap: 0;
}
.glass-heading-big{
    text-align: right;
    font-size: 53px;
    font-weight: 500;
    line-height: normal;
    max-width: 857px;
    padding-top: 7px;
    margin-left: 0;
}
.glass-team-wrapper{
    margin-top: 21px;
    width: 100%;
}
.glass-team-l, .glass-team-r{
    width: 414px;
    flex-shrink: 0;
}
.glass-team-r{
    flex: 1;
    min-width: 0;
    position: relative;
    margin-right: calc((100vw - 100%) * -1);
    padding-right: calc((100vw - 100%) / 2);
    width: auto;
}
.glass-team-l{
    flex-shrink: 0;
}
.glass-team-l a{
    margin-top: auto;
}
.glass-team-text{
    max-width: 340px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.glass-team-slider{
    margin-top: 60px;
}
.glass-team-img img{
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
}
.glass-team-name{
    margin-top: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 109.091%;
}
.glass-team-position{
    margin-top: 8px;
    color: var(--Taupe-70);
    font-size: 22px;
    font-weight: 400;
    line-height: 109.091%;
}

@media (max-width: 1200px){
    .glass-heading-big{
        max-width: 100%;
    }
    .glass-team-wrapper{
        flex-direction: column-reverse;
        gap: 40px;
    }
    .glass-team-r, .glass-team-l{
        width: 100%;
        max-width: 100%;
    }
    .glass-team-r{
        margin-right: 0;
        padding-right: 0;
    }
    .glass-team-slider{
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 676px){
    .glass-team{
        padding-top: 50px;
    }
    .glass-heading-big{
        font-size: 36px;
        line-height: 38px;
        margin-top: 31px;
    }
    .glass-team-slider{
        margin-top: 43px;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .glass-team-name, .glass-team-position{
        margin-top: 10px;
        font-size: 16px;
        line-height: 150%;
    }
    .glass-team-position{
        margin-top: 0;
    }
    .glass-production-bg img{
        height: 1219px;
    }
}

/* Vacancy block */
.glass-vacancies{
    padding: 60px 0 100px;
    margin: 80px 0 0;
}
.glass-vacancies-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 62.5%;
    background: var(--Blue-30);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}
.glass-vacancies-wrapper {
    gap: 32px;
}
.glass-vacancies-l, .glass-vacancies-r{
    max-width: 624px;
    flex: 1;
    width: 100%;
}
.glass-vacancies-r{
    max-width: 592px;
}
.glass-vacancies-r img, .glass-vacancies-r picture{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.glass-vacancies .glass-descr{
    color: var(--White);
    max-width: 506px;
    margin: 0;
    margin-top: auto;
}
.glass-vacancies .glass-descr *{
    color: var(--White);
}
.glass-vacancies .glass-descr svg{
    width: 208px;
    height: auto;
    display: inline-block;
    margin-bottom: -9px;
}
.glass-vacancies .glass-team-text{
    margin-top: 20px;
    color: var(--White);
    max-width: unset;
}
.glass-vacancies-btn{
    margin-top: 73px;
    margin-left: auto;
}

@media (max-width: 991px){
    .glass-vacancies{
        background: var(--Blue-30);
        padding-bottom: 0;
    }
    .glass-vacancies-wrapper{
        flex-direction: column;
        gap: 58px;
    }
    .glass-vacancies-bg{
        display: none;
    }
    .glass-vacancies-l, .glass-vacancies-r, .glass-vacancies .glass-descr{
        max-width: unset;
    }
    .glass-vacancies-r{
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
}
@media (max-width: 676px){
    .glass-vacancies-r{
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }
    .glass-vacancies{
        margin-top: 40px;
    }
    .glass-vacancies .glass-descr{
        font-size: 40px;
        line-height: 105%;
    }
    .glass-vacancies-btn{
        width: 100%;
        margin-top: 40px;
    }
    .glass-vacancies-r img{
        height: auto;
        aspect-ratio: 360/320;
    }
}


/* Quote */
.glass-quote {
    background: var(--gray-section-bg);
    padding: 118px 0;
}
.glass-quote-text{
    max-width: 1094px;
    margin-left: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
}
.glass-quote-text *{
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
}
.glass-quote-text strong *{
    font-weight: 500;
    color: var(--Taupe-70);
}
@media (max-width: 676px){
    .glass-quote{
        padding: 94px 0;
    }
    .glass-quote-text, .glass-quote-text *{
        font-size: 30px;
        line-height: 106.667%;
    }
}


/* Categories */
.glass-categories{
    padding-top: 0;
}
.glass-categories-item{
    padding: 40px 0 20px;
    transition: 300ms all;
    background-color: transparent;
}
.glass-categories-item{
    border-bottom: 0.5px solid var(--Taupe-70);
}
.glass-categories-item *{
    transition: 300ms background-color, 300ms color, 300ms border-color;
}
.glass-categories-item .glass-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: flex-start;
}
.glass-categories-item-title{
    color: var(--Grey-10);
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.glass-categories-item-hovertext{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
}
.glass-categories-item-hovertext span{
    display: none;
    color: var(--Ivory-95);
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    text-transform: uppercase;
}
.glass-categories-item-hovertext span.is-active{
    display: block;
}
.glass-categories-rows{
    margin-top: auto;
}
.glass-categories-row{
    padding: 10px 20px;
    display: grid;
    grid-template-columns: 0.67fr 0.33fr;
    gap: 32px;
    cursor: pointer;
}
.glass-categories-row{
    border-bottom: 0.5px solid var(--Taupe-70);
    align-items: center;
}
.glass-categories-item-l{
    height: 100%;
}
.glass-categories-row-l, 
.glass-categories-row-r{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 400;
    line-height: 112.5%;
}
.glass-categories-item-r img, .glass-categories-item-r video{
    width: 100%;
    height: auto;
    aspect-ratio: 592/368;
    object-fit: cover;
}
.glass-categories-item-r img:not(.is-active),
.glass-categories-item-r video:not(.is-active){
    display: none;
}
.glass-categories-img-oveflow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 85%);
    pointer-events: none;
}
.glass-categories-row.is-active{
    background-color: var(--White);
}

.glass-categories-row.is-active .glass-categories-row-l,
.glass-categories-row.is-active .glass-categories-row-r{
    color: var(--Black) !important; 
}    

.glass-categories-item:hover{
    background-color: var(--Blue-30);
}
.glass-categories-item:hover .glass-categories-item-title,
.glass-categories-item:hover .glass-categories-row-l,
.glass-categories-item:hover .glass-categories-row-r{
    color: var(--White);
}
.glass-categories-row:hover{
    background-color: var(--White);
}
.glass-categories-row:hover .glass-categories-row-l,
.glass-categories-row:hover .glass-categories-row-r{
    color: var(--Black);
}    



@media (max-width: 900px){
    .glass-categories-item .glass-container{
        grid-template-columns: 1fr;
    }
}
@media (max-width:676px){
    .glass-categories-item-r img, 
    .glass-categories-item-r video{
        aspect-ratio: 16/9;
    }
    .glass-categories-item{
        padding: 40px 0;
    }
    .glass-categories-item-title{
        font-size: 24px;
        line-height: 22px;
    }
    .glass-categories-row{
        padding: 10px;
        gap: 10px;
        grid-template-columns: 0.6fr 0.4fr;
    }
}



/* Glass logos */
.glass-logos{
    overflow: hidden;
}
.glass-logos-wrapper{
    gap: 20px;
}
.glass-logos-block{
    width: 243.897px;
    height: 139.145px;
    border: 1px solid var(--Taupe-70);
}

.glass-logos-slider .swiper-wrapper {
    transition-timing-function: linear;
}

/* Numbers */

.glass-numbers{
    margin-top: 80px;
    background: var(--Blue-30);
    padding: 131px 0 104px 0;
}
.glass-numbers .glass-container{
    display: grid;
    grid-template-columns: 1fr 0.67fr;
}
.glass-numbers-r{
    gap: 40px;
}
.glass-numbers-block{
    padding: 10px 0 10px 24px;
    border-left: 1px solid var(--Ivory-95);
}
.glass-numbers-num{
    color: var(--Ivory-95);
    font-size: 74px;
    font-weight: 600;
    line-height: normal;
}
.glass-numbers-num *{
    color: var(--Ivory-95);
}
.glass-numbers-num sup{
    color: var(--Ivory-95);
    font-size: 45px;
}
.glass-numbers-text{
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--White);
}

@media (max-width: 991px){
    .glass-numbers .glass-container{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 676px){
    .glass-numbers{
        margin-top: 40px;
        padding: 80px 0;
    }
    .glass-numbers-r{
        gap: 21px;
    }
    .glass-numbers-num{
        font-size: 54px;
    }
    .glass-numbers-num sup{
        font-size: 32px;
    }
    .glass-numbers-text{
        margin-top: 10px;
    }
}


/* CTA contact */
.glass-cta-contact{
    padding: 154px 0;
    overflow: hidden;
    z-index: 2;
}
.glass-cta-contact .glass-container {
    z-index: 2;
}
.glass-cta-contact-bg, .glass-cta-contact-bg img, .glass-cta-contact-overflow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}
.glass-cta-contact-bg img{
    position: static;
}
.glass-cta-contact-overflow{
    z-index: 1;
    background: linear-gradient(0deg, rgba(40, 37, 30, 0.60) 0%, rgba(40, 37, 30, 0.60) 100%);
}
.glass-cta-contact-heading{
    text-align: center;
    color: var(--White);
    font-size: 40px;
    font-weight: 500;
    line-height: 105%;
    text-transform: uppercase;
    max-width: 770px;
    margin-left: 0;
}
.glass-cta-contact-heading *{
    color: var(--White);
}
.glass-cta-contact-text{
    text-align: center;
    margin-top: 24px;
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    max-width: 530px;
}
.glass-cta-contact-btn{
    margin-top: 52px;
    background: var(--Blue-30);
    max-width: 592px;
    width: 100%;
    justify-content: space-between;
    color: var(--White);
    text-transform: uppercase;
}


@media (max-width: 676px){
    .glass-cta-contact{
        padding: 114px 0;
    }
    .glass-cta-contact-heading, .glass-cta-contact-text, .glass-cta-contact-btn{
        max-width: 100%;
    }
    .glass-cta-contact-heading{
        font-size: 30px;
    }
    .glass-cta-contact-text{
        margin-top: 20px;
        font-size: 12px;
    }
    .glass-cta-contact-btn{
        margin-top: 20px;
    }
}



/* Team text */
.glass-team-texts {
    padding-top: 120px;
}
.glass-team-texts-gradient{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}
.glass-team-texts-gradient1{
    width: 100%;
    height: 1339.206px;
    background: linear-gradient(180deg, #234C90 15.56%, #FFF 107.88%);
}
.glass-team-texts-gradient2{
    top: 424px;
    width: 100%;
    height: 1028.015px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(253, 253, 253, 0.00) 0%, #FDFDFD 100%);
}
.glass-team-grid{
    display: grid;
    grid-template-columns: 0.37fr 0.75fr;
    gap: 22px;
}
.glass-team-texts-rows *{
    color: var(--White);
}
.glass-team-texts-text-lg{
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
    max-width: 696px;
}
.glass-team-texts-divider{
    margin: 40px 0;
    width: 100%;
    height: 0.5px;
    background-color: var(--White);
}
.glass-team-texts-text--md{
    font-size: 22px;
    font-weight: 500;
    line-height: 136.364%;
    max-width: 520px;
}
.glass-team-texts-text--sm{
    max-width: 520px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
@media (max-width: 991px){
    .glass-team-grid{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .glass-team-texts-text-lg,
    .glass-team-texts-text--md,
    .glass-team-texts-text--sm{
        max-width: unset;
    }
}
@media (max-width: 676px){
    .glass-team-texts{
        padding-top: 80px;
    }
    .glass-team-texts-text-lg{
        font-size: 30px;
        line-height: 106.667%;
    }
    .glass-team-texts-gradient1{
        height: 1182px;
    }
    .glass-team-texts-gradient2{
        top: 375px;
        height: 907px;
    }
}


/* Teams grid */
.glass-teams{
    z-index: 3;
    padding-bottom: 160px;
}
.glass-teams-logo{
    width: 176px;
    height: auto;
    margin-top: 28px;
}
.glass-teams-heading{
    font-size: 74px;
    font-weight: 600;
    line-height: 94.595%;
}
.glass-teams-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 30px;
    margin-top: 52px;
}
.glass-teams-item{
    overflow: hidden;
}
.glass-teams-item-back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: var(--Blue-30);
    padding: 72px 32px;
    clip-path: circle(0% at 100% 0);
    transition: 800ms all;
}
.glass-teams-item.is-active .glass-teams-item-back{
    clip-path: circle(72.6% at 49% 48%);
}
.glass-teams-item-back *, .glass-teams-contact *{
    color: var(--White);
}
.glass-teams-back-name{
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.glass-teams-back-contacts{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}
.glass-teams-back-contacts a{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    display: block;
    transition: 300ms all;
}
.glass-teams-back-contacts a:hover{
    opacity: 0.7;
}
.glass-teams-contact{
    min-height: 461px;
    background: var(--Blue-30);
    padding: 24px 49px 36px 32px;
}
.glass-teams-contact-logo{
    display: block;
    margin-left: auto;
    width: 112px;
    height: 112px;
}
.glass-teams-contact-heading{
    margin-top: 19px;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.glass-teams-contact-text{
    margin-top: 24px;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    max-width: 249px;
}
.glass-teams--btn{
    margin-top: 26px;
}
@media (max-width: 991px){
    .glass-teams-contact{
        grid-column: 1/3;
    }
    .glass-teams-contact-text{
        max-width: unset;
    }
}
@media (max-width: 676px){
    .glass-teams{
        padding-bottom: 80px;
    }
    .glass-teams-wrapper{
        grid-template-columns: 1fr;
        margin-top: 40px;
    }
    .glass-teams-contact{
        grid-column: unset;
        padding: 20px 20px 55px 20px;
    }
    .glass-teams-logo{
        margin-top: 0;
    }
    .glass-teams-heading{
        margin-top: 20px;
        font-size: 39px;
        line-height: 179.487%;
    }
}


/* vacancies */

.glass-vacanciess{
    padding-bottom: 0;
}
.glass-vacancies-background{
    background: linear-gradient(180deg, #F6F6F6 25.48%, #FFF 100%);
    margin-top: max(-5.82vw, -93.12px);
    z-index: 3;
    padding-top: 131px;
    padding-bottom: 133px;
}
.glass-vacancies-search{
    gap: 20px;
    height: 48px;
}
.glass-vacancies-search-l{
    border-radius: 3px;
    border: 1px solid var(--Ivory-95);
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
}
.search-icon{
    height: 48px;
    width: 48px;
    flex-shrink: 0;
}
.glass-vacancies-search input{
    height: 100%;
    width: 100%;
    padding: 14px 14px 14px 0;
}
.glass-vacancies-search-btn{
    min-width: 292px;
}
.glass-vacanciess-wrapper{
    margin-top: 80px;
    gap: 10px;
}
.glass-vacancies-row{
    padding: 22px 0 28px 0;
    border-bottom: 0.5px solid var(--Sand);
}
.glass-vacancies-row .glass-container{
    gap: 32px;
}
.glass-vacancies-row-l{
    max-width: 803px;
}
.glass-vacancies-title{
    color: var(--Black);
    font-size: 40px;
    font-weight: 500;
    line-height: 105%;
}
.glass-vacancies-descr{
    margin-top: 8px;
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.glass-vacancies-city{
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-right: 40px;
    min-width: 130px;
    gap: 6px;
}

@media (max-width: 991px){
    .glass-vacancies-search{
        flex-direction: column;
        gap: 20px;
        height: auto
    }
    .glass-vacancies-search .glass-vacancies-search-l{
        height: 46px;
    }
    .glass-vacancies-search-btn{
        min-width: unset;
        width: 100%;
        min-height: 46px;
    }
    .glass-vacanciess-wrapper{
        margin-top: 20px;
    }
    .glass-vacancies-row .glass-container, .glass-vacancies-row-r{
        flex-direction: column;
        align-items: start;
    }
    .glass-vacancies-row-r{
        gap: 21px;
    }
}
@media (max-width:676px){
    .glass-vacanciess-wrapper{
        gap: 27px;
    }
    .glass-vacancies-row{
        padding: 20px 0;
    }
    .glass-vacancies-title{
        font-size: 30px;
        line-height: 106.667%;
    }
    .glass-vacancies-descr{
        margin-top: 10px;
    }
    .glass-vacancies-row .glass-container{
        gap: 20px;
    }
    .glass-vacancies-background{
        padding-top: 48px;
        padding-bottom: 56px;
    }
}


/* vacancy single */

.vacancy-single{
    padding-top: 130px;
    padding-bottom: 160px; 
}
.vacancy-single * {
    color: var(--Black);
}
.breadcrumbs-dark .breadcrumbs *{
    color: var(--Grey-10);
}
.breadcrumbs-dark .breadcrumb_last{
    color: var(--Blue-30);
}
.breadcrumbs-dark .breadcrumbs-divider path{
    fill: var(--Grey-10);
}
.breadcrumbs-dark .breadcrumbs-divider{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOCAxMiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMC45NTQwODQgMTIuMDAwM0w3LjU2NDQ1IDAuNTUwNzgxTDYuNjEwMzIgLTguNjAxNTZlLTA1TC00LjYzNTNlLTA1IDExLjQ0OTRMMC45NTQwODQgMTIuMDAwM1oiIGZpbGw9IiMyODI1MUUiLz4KPC9zdmc+);
}
.vacancy-single .glass-hero-page__heading{
    margin-top: 81px;
}

.vacancy-single .glass-vacancies{
    margin-bottom: 40px;
}
.vacancy-single .glass-vacancies-city{
    color: var(--Ivory-95);
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
}
.glass-single-vacancy-text{
    margin-top: 36px;
    font-size: 24px;
    font-weight: 500;
    line-height: 125%;
}
.glass-single-vacancy-text *{
    color: var(--White) !important;
}
.glass-single-vacancy-text p:not(:last-child){
    margin-bottom: 25px;
}
.glass-vacancies-info{
    gap: 54px;
    position: absolute;
    top: -60px;
    right: 20px;
}
.glass-vacancies-share {
    gap: 8px;
}
.glass-vacancies-data, .glass-vacancies-share{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 991px){
    .glass-vacancies-info{
        position: static;
        justify-content: space-between;
    }
    .vacancy-single .glass-vacancies{
        background: none;
        padding-top: 0;
    }
    .vacancy-single .glass-vacancies-l{
        background: var(--Blue-30);
        padding: 40px 20px 64px 20px;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
    .vacancy-single .glass-vacancies-wrapper{
        gap: 20px;
    }
    .vacancy-single .glass-vacancies-r{
        margin-top: -34px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .vacancy-single .glass-vacancies-r img{
        aspect-ratio: 328/380;
    }
}

@media (max-width: 676px){
    .vacancy-single .glass-vacancies{
        margin-bottom: 20px;
    }
    .vacancy-single .glass-vacancies-l{
        padding: 40px 16px 64px 16px;
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }
    .vacancy-single .glass-hero-page__heading{
        margin-top: 40px;
        /* font-size: 50px; */
        font-size: 34px;
    }
    .vacancy-single .glass-vacancies{
        margin-top: 80px;
    }
    .glass-single-vacancy-text{
        margin-top: 20px;
        font-size: 20px;
        font-weight: 500;
        line-height: 120%;
    }
}

/* Vacancy single text */

.vacancy-single-text{
    padding: 40px 0;
}
.vacancy-single-text .glass-container{
    max-width: 840px;
}
.vacancy-single-content a{
    color: var(--Blue-30);
    text-decoration: underline;
    padding-bottom: 3px;
}
.vacancy-single-content h2, 
.vacancy-single-content h4, 
.vacancy-single-content h5, 
.vacancy-single-content h6
{
    font-size: 40px;
    font-weight: 500;
    line-height: 105%;
}
.vacancy-single-content h3{
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
}
.vacancy-single-content h2:not(:last-child),
.vacancy-single-content h3:not(:last-child),
.vacancy-single-content h4:not(:last-child),
.vacancy-single-content h5:not(:last-child),
.vacancy-single-content h6:not(:last-child){
    margin-bottom: 40px;
}
.vacancy-single-content h2:not(:first-child),
.vacancy-single-content h3:not(:first-child),
.vacancy-single-content h4:not(:first-child),
.vacancy-single-content h5:not(:first-child),
.vacancy-single-content h6:not(:first-child) {
    margin-top: 40px;
}

.vacancy-single-content p, 
.vacancy-single-content li {
    font-size: 18px;
    font-weight: 400;
    line-height: 133.333%;
}
.vacancy-single-content p:not(:last-child),
.vacancy-single-content ul:not(:last-child),
.vacancy-single-content ol:not(:last-child)
{
    margin-bottom: 15px;
}
.vacancy-single-content ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.vacancy-single-content ol{
    padding-left: 25px;
}
.vacancy-single-content ul li{
    position: relative;
    padding-left: 25px;
}
.vacancy-single-content ul li:before{
    content:'';
    position: absolute;
    display: block;
    top: 11px;
    left: 9px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--Grey-10);
}
.vacancy-single-content li:not(:last-child){
    margin-bottom: 15px;
}

@media (max-width: 676px){
    .vacancy-single-text{
        padding-top: 20px;
    }
    .vacancy-single-content h2, .vacancy-single-content h4, .vacancy-single-content h5, .vacancy-single-content h6{
        font-size: 30px;
        line-height: 106.667%;
    }
}

/* vacancy contacts */
.vacancy-contacts{
    padding-top: 40px;
}
.vacancy-contacts-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.vacancy-contacts-card{
    padding: 40px;
    border: 1px solid var(--Brand-Colors-Gray);
    background: var(--White);
}
.vacancy-contacts-heading{
    font-size: 26px;
    font-weight: 600;
    line-height: 126.923%;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--Brand-Colors-Gray);
}
.vacancy-contact-row{
    margin-top: 20px;
    justify-content: space-between;
    gap: 20px;
}
.vacancy-contact-l{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.vacancy-contact-r{
    color: var(--Brand-Colors-Black);
    font-feature-settings: 'salt' on;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: -0.28px;
}
.vacancy-divider{
    margin: 20px 0;
    height: 1px;
    width: 100%;
    background: var(--Sand);
}
.vacancy-contact-map{
    margin-top: 10px;
}
.vacancy-contact-map iframe{
    height: 81px;
    width: 100%;
    filter: grayscale(1);
}
.vacancy-single-contact {
    gap: 10px;
    font-feature-settings: 'salt' on;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.28px;
}
.vacancy-single-email{
    margin-top: 20px;
    font-feature-settings: 'salt' off; 
}
.vacancy-single-contact svg{
    flex-shrink: 0;
}
.vacancy-single-contact strong{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.vacancy-single-phone{
    font-feature-settings: 'salt' on;   
    align-items: flex-start; 
}
.vacancy-single-phone + .vacancy-single-phone{
    margin-top: 10px;
}
.vacancy-contacts-btn{
    margin-top: 40px;
    width: fit-content;
    color: var(--White);
}
@media (max-width: 991px){
    .vacancy-contacts-wrapper{
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
@media (max-width: 676px){
    .vacancy-single{
        padding-bottom: 80px;
    }
}



/* Certificates */

.glass-certification{
    overflow: hidden;
    padding: 80px 0;
}
.glass-certification .glass-h2,
.glass-documents .glass-h2{
    margin-top: 0;
}
.certificates-slider{
    margin-top: 40px;
    overflow: visible;
}

.certificates-slider .swiper-slide{
    background-color: #EFF2F6;
    padding: 29px 19px 22px 20px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.certificates-slider .swiper-slide,
.certificates-slider .swiper-slide *{
    transition: 500ms all;
}
@media (hover:hover){
    .certificates-slider .swiper-slide:hover{
        background-color: var(--Blue-30);
    }
    .certificates-slider .swiper-slide:hover *:not(path){
        color: var(--White);
    }
    .certificates-slider .swiper-slide:hover .certificate-bottom-l path,
    .certificates-slider .swiper-slide:hover .certificate-bottom-r svg{
        fill: var(--White);
    }
    .certificates-slider .swiper-slide:hover .certificate-bottom-r path:first-child{
        stroke: var(--White);
    }
}
.certificate-name{
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.certificate-text{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-top: 9px;
    word-break: break-word;
    margin-bottom: 48px;
}
.certificate-bottom{
    margin-top: auto;
}
.certificate-bottom-l{
    margin-left: -15px;
    margin-bottom: -48px;
    color: var(--Grey-40);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}
.certificates-scrollbar{
    margin-top: 24px;
}
.swiper-scrollbar{
    position: static !important;
    top: 0;
    height: 4px !important;
    width: 100% !important;
    border-radius: 0;
}
.swiper-scrollbar-drag{
    border-radius: 0;
    background: var(--Blue-30);
}

@media (max-width: 676px){
    .glass-certification{
        padding: 40px 0;
    }
    .glass-hero-page + .glass-certification{
        padding-top: 80px;
    }
    .certificates-slider .swiper-slide{
        padding: 29px 10px 21px 10px;
    }
    .certificate-name{
        font-size: 22px;
    }
    .certificate-text{
        margin-top: 10px;
        font-size: 16px;
    }
    .certificate-bottom-l{
        margin-left: -5px;
        margin-bottom: 0;
        font-size: 10px;
    }
    .certificate-bottom-l svg{
        width: 38px;
        height: 38px;
    }
    .certificate-bottom-r svg{
        width: 54px;
        height: 75px;
    }
    .certificate-bottom{
        align-items: flex-end;
    }
    .certificates-slider{
        margin-top: 20px;
    }
}

/* glass documents */
.glass-documents{
    padding: 80px 0;
}
.glass-documents-list{
    margin-top: 40px;
    gap: 32px;
}
.glass-documents-item{
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    border-bottom: 0.5px solid var(--Taupe-70);
    gap: 20px;
}
.glass-documents-num{
    min-width: 101px;
    color: var(--Taupe-70);
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
}
.glass-documents-name{
    color: var(--Black);
    font-size: 24px;
    font-weight: 600;
    line-height: 141.667%;
    align-self: flex-end;
}
.glass-documents-theme, .glass-documents-date{
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    align-self: flex-end;
}
.glass-documents-theme{
    margin-right: 49px;
}
.glass-documents-date{
    margin-right: 77px;
    width: max-content;
}
.glass-documents-btn{
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: none;
    background-color: var(--Blue-30);
    border: 1px solid var(--Blue-30);
    transition: 300ms background-color, 300ms border-color;
}
.glass-documents-btn path{
    transition: 300ms fill;
}
@media (hover:hover){
    .glass-documents-btn:hover{
        background-color: var(--Blue-90);
        border-color: var(--Black);
    }
    .glass-documents-btn:hover path {
        fill: var(--Black);
    }
}
.glass-documents-actions {
    gap: 8px;
}
.glass-pagination{
    /* margin-top: 40px; */
    gap: 16px;
}
.glass-pagination-items{
    gap: 8px;
}
.glass-pagination-prev,
.glass-pagination-next,
.glass-pagination-prev *,
.glass-pagination-next * {
    transition: 300ms all;
}
.glass-pagination-prev,
.glass-pagination-next,
.glass-pagination-link{
    padding: 8px;
    color: var(--Black);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.glass-pagination-link{
    padding: 0 8px;
    height: 40px;
    font-feature-settings: 'liga' off, 'clig' off;
    transition: 300ms all;
}
.glass-pagination-link.active{
    background-color: var(--Blue-30);
    color: var(--White);
}
@media (hover:hover){
    .glass-pagination-link:not(.active):hover, 
    .glass-pagination-prev:hover,
    .glass-pagination-next:hover{
        background-color: var(--Blue-90);
    }
}

.glass-documents-link span {
    background: var(--Blue-30);
    color: var(--White) !important;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    border: 1px solid var(--White);
    right: 50%;
    width: max-content;
    top: 100%;
    transform: translateX(50%);
}

@media (min-width: 991px) {
    .glass-documents-link span {
        background: var(--Blue-30);
        color: var(--White) !important;
        padding: 5px;
        border-radius: 5px;
        position: absolute;
        border: 1px solid var(--White);
        left: 50%;
        width: max-content;
        top: 100%;
        transform: translateX(-50%);
    }
}

@media (max-width: 991px){
    .glass-documents-link span {
        right: 0;
        top: unset;
        bottom: calc(100% + 10px);
        transform: none;
    }
}

@media (max-width: 991px){
    .glass-documents-item, .glass-documents-item-l{
        flex-direction: column;
        align-items: flex-start;
    }
    .glass-documents-item{
        gap: 10px;
    }
    .glass-documents-name{
        align-self: flex-start;
        width: 100%;
        line-height: normal;
    }
    .glass-documents-item-l{
        width: 100%;
        gap: 21px;
    }
    .glass-documents-item-r{
        flex-wrap: wrap;
    }
    .glass-documents-actions {
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media (max-width: 676px){
    .glass-documents{
        padding: 40px 0;
    }
    .glass-documents + .glass-certification{
        padding-bottom: 80px;
    }
    .glass-documents-num{
        font-size: 30px;
    }
    .glass-pagination{
        margin-top: 20px;
    }
    .glass-documents-name{
        font-size: 20px;
    }
}


/* contacts */
.contacts-page{
    background: var(--Ivory-95);
    padding-top: 130px;
    padding-bottom: 164px;
}
.contacts-page .breadcrumbs a{
    color: var(--Taupe-70);
}
.contacts-page .breadcrumbs path{
    fill: var(--Taupe-70);
}
.contacts-page-wrapper{
    margin-top: 102px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.contacts-page-wrapper .glass-hero-page__heading{
    margin-top: 0;
    text-align: left;
    color: var(--Black);
}
.contacts-page-text {
    margin-top: 12px;
}
.contacts-page-text *{
    color: var(--Grey-40);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}
.contacts-page-rows{
    margin-top: 131px;
}
.contacts-page-row{
    padding: 20px 0;
    border-top: 0.5px solid var(--Grey-40);
}
.contacts-page-row-l *, .contacts-page-row-r *{ 
    color: var(--Grey-40) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 183.333%;
}
.contacts-page-row-r{
    text-align: right;
}
.contacts-page-row-r span:before{
    color: var(--Grey-40) !important;
}
.contacts-page-row:last-child{
    border-bottom: 0.5px solid var(--Grey-40);
}
.contacts-page-r iframe{
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}
.glass-big-cta{
    margin-top: 0;
    padding-top: 196px;
    padding-bottom: 197px;
}
.glass-cta-form-rows{
    gap: 16px;
}
.cta-form-row-label, .cta-form-row-label *{
    color: var(--White);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.cta-form-row-radios{
    flex-wrap: wrap;
    gap: 16px;
}
.cta-form-row-radios *{
    color: var(--White) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; 
}
.glass-big-cta .cta-form-notes{
    text-align: left;
}

.cta-form-row-radios .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.cta-form-row-radios input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid var(--White);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

/* Внутрішня крапка */
.cta-form-row-radios input[type="radio"]::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--White);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s ease;
}

/* Checked */
.cta-form-row-radios input[type="radio"]:checked::after {
    transform: translate(-50%, -50%) scale(1);
}

.cta-form-row-radios .wpcf7-list-item{
    margin-left: 0;
}
.cta-form-row-radios .wpcf7-form-control{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.cta-form-textarea .wpcf7-not-valid-tip{
    top: calc(100% + 2px);
}


@media (max-width: 991px){
    .contacts-page-wrapper{
        display: flex;
        flex-direction: column;
    }
    .contacts-page-r iframe {
        height: auto;
        aspect-ratio: 1 / 1;
    }
}
@media (max-width: 676px){
    .contacts-page{
        padding-top: 105px;
        padding-bottom: 41px;
    }
    .contacts-page-wrapper{
        margin-top: 40px;
        gap: 40px;
    }
    .contacts-page-wrapper .glass-hero-page__heading{
        font-size: 50px;
    }
    .contacts-page-text{
        margin-top: 20px;
    }
    .contacts-page-text *{
        font-size: 16px;
    }
    .contacts-page-rows{
        margin-top: 73px;
    }
    .glass-big-cta{
        padding: 80px 0;
    }
    .cta-form-row{
        gap: 20px;
    }
}


/* Gallery page */

.page-gallery{
    padding: 120px 0 160px 0;
}
.page-gallery-head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.page-gallery-categories{
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}
.page-gallery-category{
    border-radius: 3px;
    border: 1px solid var(--Taupe-70);
    color: var(--Grey-10);
    font-size: 14px;
    font-weight: 500;
    line-height: 171.429%;
    padding: 0px 16px;
    height: 32px;
    transition: 300ms all;
    cursor: pointer;
}
.page-gallery-category.active{
    background: var(--Blue-30);
    color: var(--White);
    border-color: transparent;
}
@media (hover:hover){
    .page-gallery-category:hover{
        background: var(--Blue-30);
        color: var(--White);
        border-color: transparent;
    }
}

.page-gallery-content{
    display: none;
}
.page-gallery-content.active{
    display: block;
}
.page-gallery-wrapper{
    margin-top: 83px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(150px, auto);
    gap: 80px 32px;
}

.page-gallery-wrapper> *:nth-child(6n + 1),
.page-gallery-wrapper > *:nth-child(6n + 2) {
  grid-column: span 2;
}

.page-gallery-wrapper > *:nth-child(6n + 3),
.page-gallery-wrapper > *:nth-child(6n + 4),
.page-gallery-wrapper > *:nth-child(6n + 5),
.page-gallery-wrapper > *:nth-child(6n + 6) {
  grid-column: span 1;
}
.page-gallery-item-img{
    overflow: hidden;
}

.page-gallery-item-img img{
    width: 100%;
    height: auto;
    aspect-ratio: 592/365;
    border-radius: 6px;
    transition: 300ms transform;
    object-fit: cover;
}
@media (hover:hover){
    .page-gallery-item-img:hover img{
        transform: scale(1.05);
    }
}
.page-gallery-wrapper > *:nth-child(6n + 3) img, 
.page-gallery-wrapper > *:nth-child(6n + 4) img, 
.page-gallery-wrapper > *:nth-child(6n + 5) img, 
.page-gallery-wrapper > *:nth-child(6n + 6) img{
    aspect-ratio: 1/1;
}
.page-gallery-item-title{
    margin-top: 16px;
    color: var(--Grey-10);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}
.page-gallery-item-city{
    margin-top: 8px;
    color: var(--Grey-40);
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
.page-gallery-btn{
    margin: 80px auto 0;
    min-width: 260px;
    cursor: pointer;
}

@media (max-width: 991px){
    .page-gallery-wrapper > *:nth-child(6n + 3), .page-gallery-wrapper > *:nth-child(6n + 4), .page-gallery-wrapper > *:nth-child(6n + 5), .page-gallery-wrapper > *:nth-child(6n + 6),
    .page-gallery-wrapper> *:nth-child(6n + 1), .page-gallery-wrapper > *:nth-child(6n + 2){
        grid-column: unset;
    }
    .page-gallery-wrapper{
        grid-template-columns: 1fr 1fr;
    }  
    .page-gallery-head{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 676px){
    .page-gallery{
        padding: 80px 0;
    }
    .page-gallery-head{
        gap: 20px;
    }
    .page-gallery .glass-descr{
        font-size: 30px;
        line-height: 106.667%;
    }
    .page-gallery-wrapper{
        margin-top: 40px;
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .page-gallery-item-img img{
        aspect-ratio:328/260;
    }
    .page-gallery-btn{
        margin-top: 40px;
        width: 100%;
        min-width: unset;
    }
    .gallery-hero .company-lines-l2{
        display: block;
        width: 200px;
        bottom: -57px;
        left: -2px;
    }
    .gallery-hero .company-lines-r2{
        display: none;
    }
}


.custom-cursor {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; 
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 9999;
}
.custom-cursor span{
    color: var(--White);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    z-index: 3;
}

@media (hover:hover){
    .custom-cursor.is-active {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

}

.wpcf7-not-valid-tip{
    color: var(--Red);
    font-size: 10px;
    font-weight: 400;
    line-height: 133.333%;
    position: absolute;
    top: calc(100% + 12px);
}
.cta-form-col input.wpcf7-not-valid{
    border-color: var(--Red);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    color: var(--White);
    font-size: 12px;
    font-weight: 400;
    line-height: 133.333%;
    position: absolute;
    top: calc(100% + 15px);
    margin: 0 !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    color: var(--White);
    font-size: 12px;
    font-weight: 400;
    line-height: 133.333%;
    position: absolute;
    top: calc(100% + 15px);
    margin: 0 !important;
}
.wpcf7-spinner{
    position: absolute;
}
.cta-form-col{
    position: relative;
}
.glass-cta-form form{
    position: relative;
}


/* glass about page */

.glass-hero-page + .glass-about-texts{
    padding-top: 120px;
}
.glass-about-texts-big, .glass-about-texts-big p{
    margin-left: 0;
    font-size: 80px;
    font-weight: 500;
    line-height: 84px;
    max-width: unset;
}
.glass-about-texts-big strong *{
    color: var(--Blue-30) !important;
    font-size: 80px;
    font-weight: 600 !important;
    line-height: 105%;
}
.glass-about-texts-wrap{
    gap: 32px;
    margin-top: 80px;
    align-items: flex-start;
}
.glass-about-texts-l{
    max-width: 800px;
    flex-grow: 1;
}
.glass-about-texts-r{
    flex-shrink: 0;
}
.glass-about-texts-r img{
    width: 384px;
    height: auto;
    border-radius: 0 0 200px 0;
}
.glass-about-texts-p{
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
    opacity: 0;
}
.glass-about-texts-p strong{
    color: var(--Taupe-70);
    font-size: 40px;
    font-weight: 500 !important;
    line-height: 44px;
}
.glass-about-texts-nums{
    margin-top: 80px;
    gap: 20px;
    flex-wrap: wrap;
}
.glass-about-texts-num{
    gap: 20px;
    padding: 0;
    border:none;
    text-align: left;
}
.glass-about-texts-num div:first-child{
    font-size: 54px;
    font-weight: 600;
    line-height: normal;
}
.glass-about-texts-num div:nth-child(2){
    color: var(--Grey-40);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    max-width: 172px;
}

@media (max-width: 1200px){
    .glass-about-texts-wrap{
        flex-direction: column;
        gap: 80px;
    }
    .glass-about-texts-l, .glass-about-texts-num div:nth-child(2){
        max-width: unset;
    }
    .glass-about-texts-nums{
        gap: 50px;
    }
    .glass-about-texts-r{
        justify-content: center;
        width: 100%;
    }
}
@media (max-width: 676px){
    .glass-hero-page + .glass-about-texts{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .glass-about-texts-big, .glass-about-texts-big p, .glass-about-texts-big strong *{
        font-size: 46px;
        line-height: 52px;
    }
    .glass-about-texts-wrap{
        margin-top: 40px;
        gap: 40px;
    }
    .glass-about-texts-p,  .glass-about-texts-p strong{
        font-size: 24px;
        line-height: 28px;
    }
    .glass-about-texts-nums{
        margin-top: 20px;
        gap: 20px;
    }
    .glass-about-texts-num div:first-child{
        font-size: 44px;
        line-height: normal;
    }
    .glass-about-texts-num div:nth-child(2){
        font-size: 16px;
        line-height: normal;
    }
    .glass-about-texts-r img{
        width: 100%;
    }
}


/* goals */

.glass-goals{
    background: var(--gray-section-bg);
    padding-top: 97px;
    padding-bottom: 0;
    z-index: 3;
}
.glass-goals-cards{
    gap: 40px;
}
.glass-goals-card{
    padding: 50px 40px 40px;
    background-color: var(--White);
    margin-bottom: -77px;
}
.glass-goals-card-img{
    width: 88px;
    height: 88px;
}
.glass-goals-heading{
    margin-top: 30px;
}
.glass-goals-text{
    margin-top: 16px;
    color: var(--Grey-40);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
@media (max-width: 991px){
    .glass-goals-cards{
        flex-direction: column;
    }
    .glass-goals-card:first-child{
        margin-bottom: 0;
    }
}
@media (max-width: 676px){
    .glass-goals{
        padding-top: 80px;
    }
    .glass-goals-cards{
        gap: 20px;
    }
    .glass-goals-card{
        padding: 30px 20px 20px;
    }
    .glass-goals-heading{
        font-size: 30px;
    }
}

/* goals video */

.glass-goals-video-el video,
.glass-goals-video-el img{
    width: 100%;
    height: 598px;
    object-fit: cover;
}
.glass-goals-video-overflow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(18, 34, 62, 0.60) 0%, rgba(18, 34, 62, 0.60) 100%);
}
@media (max-width: 991px){
    .glass-goals-video-el video,
    .glass-goals-video-el img{
        aspect-ratio: 18/13;
        height: auto;
    }
}

/* blue values */
.glass-values--blue{
    background: var(--Blue-30);
    padding: 53px 0;
}
.glass-values--blue .glass-h2, 
.glass-values--blue .glass-values-heading ,
.glass-values--blue .glass-values-descr{
    color: var(--Ivory-95);
}
.glass-values--blue .glass-h2::before{
    background-color: var(--Ivory-95);
}


@media (max-width: 676px){
    .glass-values--blue{
        padding: 40px 0;
    }
    .glass-values--blue .glass-values__cards{
        margin-top: 40px;
    }
}



/* gallery single */
.gallery-single-hero{
    padding: 0;
}
.gallery-single-hero-overflow{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.gallery-single-hero .glass-container{
    height: 100%;
}
.gallery-heading{
    margin-top: auto;
    color: var(--White);
    /* font-size: 140px; */
    font-size: 70px;
    font-weight: 600;
    line-height: normal;
    word-wrap: break-word;
    margin-bottom: 50px;
}
.gallery-single-r{
    max-width: 592px;
    width: 100%;
    margin-left: auto;
}
.gallery-single-info{
    gap: 50px;
}
.gallery-single-title{
    font-size: 40px;
    font-weight: 500;
    line-height: 105%;
}
.gallery-single-rows{
    margin-top: 48px;
    gap: 20px;
}
.gallery-single-row{
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 0.5px solid var(--Grey-40);
}
.gallery-single-row-l,
.gallery-single-row-r{
    color: var(--Grey-40);
    font-size: 18px;
    font-weight: 400;
    line-height: 183.333%;
}
.gallery-single-row-r{
    text-align: right;
}
.gallery-single-grid{
    margin-top: 80px;
}
.gallery-single-grid .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  grid-template-areas:
    "a b b"
    "c c d"
    "e f d";
}
.gallery-single-grid[data-count='5'] .swiper-wrapper{
    grid-template-areas:
    "a b b"
    "c c d"
    "e e d";
}
.gallery-single-grid[data-count='4'] .swiper-wrapper{
    grid-template-areas:
    "a b b"
    "c c d";
}
.gallery-single-grid[data-count='3'] .swiper-wrapper{
    grid-template-areas:
    "a a b"
    "c c b";
}

.gallery-single-grid .swiper-slide:nth-child(1) { grid-area: a; }
.gallery-single-grid .swiper-slide:nth-child(2) { grid-area: b; }
.gallery-single-grid .swiper-slide:nth-child(3) { grid-area: c; }
.gallery-single-grid .swiper-slide:nth-child(4) { grid-area: d; }
.gallery-single-grid .swiper-slide:nth-child(5) { grid-area: e; }
.gallery-single-grid .swiper-slide:nth-child(6) { grid-area: f; }

.gallery-single-grid .swiper-slide{
    position: relative;
    overflow: hidden;
}
.gallery-single-grid .swiper-slide img{
    width: 100%;
    height: 100%;
    max-height: 385px;
    object-fit: cover;
    aspect-ratio: 1/1;
    filter: brightness(0.9);
    transition: 300ms transform;
}
@media (hover:hover){
    .gallery-single-grid .swiper-slide:hover img{
        transform: scale(1.05);
    }    
}

.gallery-single-grid .swiper-slide:nth-child(2) img,
.gallery-single-grid .swiper-slide:nth-child(3) img{
    aspect-ratio: 800/385;
}
.gallery-single-grid[data-count='3'] .swiper-slide:nth-child(2) img{
    aspect-ratio: 385/802;
    max-height: 802px;
}
.gallery-single-grid .swiper-slide:nth-child(4) img{
    aspect-ratio: 385/802;
    max-height: 802px;
}
.gallery-single-grid[data-count='4'] .swiper-slide:nth-child(4) img{
    max-height: 385px;
    aspect-ratio: 1/1;
}
.glass-cta-contact .glass-h2{
    color: var(--White);
    margin-bottom: 24px;
}
.glass-cta-contact .glass-h2:before{
    background-color: var(--White);
}
.gallery-single-content ~ .glass-cta-contact .glass-cta-contact-heading,
.gallery-single-content ~ .glass-cta-contact .glass-cta-contact-btn{
    text-transform: none;
}


.scroll-slider {
    margin-top: 80px;
}
.scroll-slider-content{
    height: 100dvh;
}
.scroll-swiper {
    position: sticky;
    top: 0;
    height: 100dvh;
}
.scroll-slider-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scroll-slider-pagination{
    width: fit-content !important;
    left: 50% !important;
    bottom: 30px !important;
    transform: translateX(-50%) !important;
    border-radius: 50px;
    background: var(--White);
    height: 48px;
    padding: 0 20px;
    gap: 4px;
}
.scroll-slider-pagination .swiper-pagination-bullet{
    margin: 0 !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 90px !important;
    background: var(--Taupe-70) !important;
    opacity: 1 !important;
}
.scroll-slider-pagination .swiper-pagination-bullet-active{
    width: 30px !important;
    background: var(--Grey-10) !important;
}
.gallery-single-scrollbar{
    margin-top: 20px;
}
@media (min-width: 992px){
    .gallery-single-scrollbar{
        display: none;
    }
}

@media (max-width: 1200px){
    .gallery-heading{
        font-size: 100px;
    }
}

@media (max-width: 1024px){
    .scroll-slider-content{
        height: auto;
    }
    .scroll-swiper{
        height: auto;
        position: relative;
    }
    .scroll-slider-slide img{
        aspect-ratio:1/1;
    }
    .gallery-single-grid .swiper-slide img{
        max-height: unset !important;
    }
}
@media (max-width: 991px){
    .gallery-single-info{
        flex-direction: column;
    }
    .gallery-single-r{
        max-width: unset;
        margin-left: 0;
    }
    .gallery-single-grid .swiper-wrapper{
        display: flex;
        grid-template-columns: unset;
        grid-template-areas: unset;
        gap: 0;
    }

    .gallery-single-grid .swiper-slide:nth-child(2) img,
    .gallery-single-grid .swiper-slide:nth-child(3) img,
    .gallery-single-grid .swiper-slide:nth-child(4) img{
         aspect-ratio: 1/1 !important;
    }
    .scroll-slider-pagination{
        background-color: rgba(255, 255, 255, 0.8);
        bottom: 13px !important;
    }
}
@media (max-width: 676px){
    .scroll-slider{
        margin-top: 40px;
    }
    .gallery-single-info .glass-h2{
        font-size: 16px;
    }
    .gallery-single-info .glass-h2:before{
        width: 13px;
        height: 13px;
    }
    .gallery-heading{
        font-size: 40px;
        margin-bottom: 22px;
    }
    .gallery-single-row{
        flex-direction: column;
    }
    .gallery-single-row-l,
    .gallery-single-row-r{
        width: 100%;
        text-align: left;
    }
    .gallery-single-row-l{
        font-weight: 700;
    }
}


/* about-product */

.about-product{
    padding-top: 120px;
}
.about-product-heading{
    margin-top: 64px;
    text-align: center;
    font-size: 74px;
    font-weight: 600;
    line-height: 94.595%;
}
.about-product-descr{
    margin: 40px auto 0 auto;
    max-width: 1008px;
    font-size: 28px;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
}
.about-product-wrap{
    margin: 67px auto 0 auto;
    max-width: 1008px;
    gap: 32px;
}
.about-product-l,
.about-product-r {
    max-width: 488px;
    width: 100%;
}
.about-product-r {
    gap: 50px;
}
.about-product-l img{
    width: 100%;
    height: auto;
    border-radius: 0 0 0 310px;
    object-fit: cover;
}
.about-product-list {
    gap: 20px;
}
.about-product-li{
    color: var(--Grey-40);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    padding-left: 30px;
}
.about-product-li::before{
    content:'';
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: var(--Blue-30);
    border-radius: 100%;
}
.about-product-text{
    color: var(--Grey-40);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    margin-top: auto;
}
.about-product-production .about-product-text{
    margin-top: 0;
}
.about-product-production .about-product-r{
    justify-content: center;
}

@media (max-width: 991px){
    .about-product-heading{
        font-size: 50px;
    }
}
@media (max-width: 676px){
    .about-product{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about-product-wrap{
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
    .about-product-heading{
        margin-top: 32px;
        font-size: 34px;
        line-height: 117.647%;
    }
    .about-product-descr{
        margin-top: 20px;
        font-size: 20px;
        line-height: 120%;
    }
    .about-product-l, .about-product-r{
        max-width: 100%;
    }
    .about-product-l img{
        border-radius: 0 0 0 240px;
    }
    .about-product-li{
        padding-left: 36px;
        font-size: 14px;
    }
    .about-product-r{
        gap: 20px;
        font-size: 16px;
    }
}

/* glass-prods */

.glass-prods{
    padding-bottom: 280px;
    overflow: hidden;
}
.glass-prods .glass-container{
    z-index: 3;
}
.glass-prods .glass-products__gradient{
    height: 5537px;
}

.glass-prods-filter-title, .glass-prods-filter-selected, .glass-remove-filter,
.glass-prods-selected, .prod-no-elems{
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: 171.429%;
    z-index: 1;
}
.prod-no-elems *{
    color: var(--White);
}
.glass-prods-filter-selected{
    height: 40px;
    padding: 0 16px;
    border-radius: 3px;
    border: 1px solid var(--Blue-80);
    width: 132px;
    position: relative;
}
.glass-prods-filter-selected::after{
    content: '';
    position: absolute;
    top: 10px;
    right: 16px;
    width: 20px;
    height: 20px;
    transition: 300ms transform;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMTE1XzExMzMyIiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0xMy41Nzc3IDEwLjU4OTJMMTAuODMzNiAxMy4zMzMzVjVIOS4xNjY4OVYxMy4zMzMzTDYuNDIyNzIgMTAuNTg5Mkw1LjI0NDM4IDExLjc2NzVMOC44MjE4OSAxNS4zNDVDOS4xMzQ0MyAxNS42NTc1IDkuNTU4MjggMTUuODMzIDEwLjAwMDIgMTUuODMzQzEwLjQ0MjIgMTUuODMzIDEwLjg2NiAxNS42NTc1IDExLjE3ODYgMTUuMzQ1TDE0Ljc1NjEgMTEuNzY3NUwxMy41Nzc3IDEwLjU4OTJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTEzLjU3NzcgMTAuNTg5MkwxMC44MzM2IDEzLjMzMzNWNUg5LjE2Njg5VjEzLjMzMzNMNi40MjI3MiAxMC41ODkyTDUuMjQ0MzggMTEuNzY3NUw4LjgyMTg5IDE1LjM0NUM5LjEzNDQzIDE1LjY1NzUgOS41NTgyOCAxNS44MzMgMTAuMDAwMiAxNS44MzNDMTAuNDQyMiAxNS44MzMgMTAuODY2IDE1LjY1NzUgMTEuMTc4NiAxNS4zNDVMMTQuNzU2MSAxMS43Njc1TDEzLjU3NzcgMTAuNTg5MloiIGZpbGw9IiMzNzQ5NTciLz4KPHBhdGggZD0iTTEzLjU3NzcgMTAuNTg5MkwyOC42NjI3IC00LjQ5NTc4TDEzLjU3NzcgLTE5LjU4MDdMLTEuNTA3MjMgLTQuNDk1NzhMMTMuNTc3NyAxMC41ODkyWk0xMC44MzM2IDEzLjMzMzNILTEwLjQ5OThWNjQuODM2NkwyNS45MTg1IDI4LjQxODNMMTAuODMzNiAxMy4zMzMzWk0xMC44MzM2IDVIMzIuMTY2OVYtMTYuMzMzM0gxMC44MzM2VjVaTTkuMTY2ODkgNVYtMTYuMzMzM0gtMTIuMTY2NFY1SDkuMTY2ODlaTTkuMTY2ODkgMTMuMzMzM0wtNS45MTgwNiAyOC40MTgzTDMwLjUwMDIgNjQuODM2NlYxMy4zMzMzSDkuMTY2ODlaTTYuNDIyNzIgMTAuNTg5MkwyMS41MDc3IC00LjQ5NTc4TDYuNDIyNzEgLTE5LjU4MDdMLTguNjYyMjMgLTQuNDk1NzhMNi40MjI3MiAxMC41ODkyWk01LjI0NDM4IDExLjc2NzVMLTkuODQwNTYgLTMuMzE3NDRMLTI0LjkyNTUgMTEuNzY3NUwtOS44NDA1NiAyNi44NTI0TDUuMjQ0MzggMTEuNzY3NVpNOC44MjE4OSAxNS4zNDVMLTYuMjYzMDYgMzAuNDI5OUwtNi4yNjA3OCAzMC40MzIyTDguODIxODkgMTUuMzQ1Wk0xMS4xNzg2IDE1LjM0NUwyNi4yNjEyIDMwLjQzMjJMMjYuMjYzNSAzMC40Mjk5TDExLjE3ODYgMTUuMzQ1Wk0xNC43NTYxIDExLjc2NzVMMjkuODQxIDI2Ljg1MjRMNDQuOTI2IDExLjc2NzVMMjkuODQxIC0zLjMxNzQ1TDE0Ljc1NjEgMTEuNzY3NVpNMTMuNTc3NyAxMC41ODkyTC0xLjUwNzIzIC00LjQ5NTc4TC00LjI1MTM5IC0xLjc1MTYxTDEwLjgzMzYgMTMuMzMzM0wyNS45MTg1IDI4LjQxODNMMjguNjYyNyAyNS42NzQxTDEzLjU3NzcgMTAuNTg5MlpNMTAuODMzNiAxMy4zMzMzSDMyLjE2NjlWNUgxMC44MzM2SC0xMC40OTk4VjEzLjMzMzNIMTAuODMzNlpNMTAuODMzNiA1Vi0xNi4zMzMzSDkuMTY2ODlWNVYyNi4zMzMzSDEwLjgzMzZWNVpNOS4xNjY4OSA1SC0xMi4xNjY0VjEzLjMzMzNIOS4xNjY4OUgzMC41MDAyVjVIOS4xNjY4OVpNOS4xNjY4OSAxMy4zMzMzTDI0LjI1MTggLTEuNzUxNjFMMjEuNTA3NyAtNC40OTU3OEw2LjQyMjcyIDEwLjU4OTJMLTguNjYyMjMgMjUuNjc0MUwtNS45MTgwNiAyOC40MTgzTDkuMTY2ODkgMTMuMzMzM1pNNi40MjI3MiAxMC41ODkyTC04LjY2MjIzIC00LjQ5NTc4TC05Ljg0MDU2IC0zLjMxNzQ0TDUuMjQ0MzggMTEuNzY3NUwyMC4zMjkzIDI2Ljg1MjRMMjEuNTA3NyAyNS42NzQxTDYuNDIyNzIgMTAuNTg5MlpNNS4yNDQzOCAxMS43Njc1TC05Ljg0MDU2IDI2Ljg1MjRMLTYuMjYzMDYgMzAuNDI5OUw4LjgyMTg5IDE1LjM0NUwyMy45MDY4IDAuMjYwMDUyTDIwLjMyOTMgLTMuMzE3NDVMNS4yNDQzOCAxMS43Njc1Wk04LjgyMTg5IDE1LjM0NUwtNi4yNjA3OCAzMC40MzIyQy0xLjk0NzY1IDM0Ljc0NCAzLjkwMTQzIDM3LjE2NjMgMTAuMDAwMiAzNy4xNjYzVjE1LjgzM1YtNS41MDAzNkMxNS4yMTUxIC01LjUwMDM2IDIwLjIxNjUgLTMuNDI5MTUgMjMuOTA0NiAwLjI1Nzc3Nkw4LjgyMTg5IDE1LjM0NVpNMTAuMDAwMiAxNS44MzNWMzcuMTY2M0MxNi4wOTkgMzcuMTY2MyAyMS45NDgxIDM0Ljc0NCAyNi4yNjEyIDMwLjQzMjJMMTEuMTc4NiAxNS4zNDVMLTMuOTA0MTEgMC4yNTc3NzZDLTAuMjE2MDc5IC0zLjQyOTE1IDQuNzg1MzEgLTUuNTAwMzYgMTAuMDAwMiAtNS41MDAzNlYxNS44MzNaTTExLjE3ODYgMTUuMzQ1TDI2LjI2MzUgMzAuNDI5OUwyOS44NDEgMjYuODUyNEwxNC43NTYxIDExLjc2NzVMLTAuMzI4ODg3IC0zLjMxNzQ1TC0zLjkwNjM5IDAuMjYwMDVMMTEuMTc4NiAxNS4zNDVaTTE0Ljc1NjEgMTEuNzY3NUwyOS44NDEgLTMuMzE3NDVMMjguNjYyNyAtNC40OTU3OEwxMy41Nzc3IDEwLjU4OTJMLTEuNTA3MjIgMjUuNjc0MUwtMC4zMjg4ODYgMjYuODUyNUwxNC43NTYxIDExLjc2NzVaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfMjExNV8xMTMzMikiLz4KPC9zdmc+Cg==);
    background-size: contain;
    background-repeat: no-repeat;
}
.glass-prods-filter.is-opened .glass-prods-filter-selected::after{
    transform: rotate(180deg);
}
.glass-prods-filter-list{
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    width: max-content;
    border-radius: 3px;
    background: var(--White);
    z-index: 4;
    list-style-type: none;
    display: none;
    flex-direction: column;
}
.glass-prods-filter.is-opened .glass-prods-filter-list{
    display: flex;
}
.glass-prods-filter-list li{
    margin: 0 8.92px;
    height: 40px;
    padding: 0 14px 0 36px;
    position: relative;
    display: flex;
    align-items: center;
    transition: 300ms background-color;
    border-radius: 3px;
}
@media (hover:hover){
    .glass-prods-filter-list li:hover{
        background-color: var(--Blue-90);
    }
}
.filter-active:before{
    content:'';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxMTVfMTEzNjkpIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMTE1XzExMzY5IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik00LjU1MDEzIDExLjk3NTZDNC4zMjAzNyAxMS45NzYgNC4wOTI3OSAxMS45MzEgMy44ODA0NiAxMS44NDMyQzMuNjY4MTMgMTEuNzU1NCAzLjQ3NTI1IDExLjYyNjUgMy4zMTI4OCAxMS40NjRMMC4wNTAyOTMgOC4yMDE5OEwwLjg3NTEyNiA3LjM3NjU2TDQuMTM3NzEgMTAuNjM5MUM0LjI0NzEgMTAuNzQ4NSA0LjM5NTQ1IDEwLjgwOTkgNC41NTAxMyAxMC44MDk5QzQuNzA0ODEgMTAuODA5OSA0Ljg1MzE1IDEwLjc0ODUgNC45NjI1NCAxMC42MzkxTDEzLjEyNTEgMi40NzY1NkwxMy45NSAzLjMwMTRMNS43ODczOCAxMS40NjRDNS42MjUwMSAxMS42MjY1IDUuNDMyMTIgMTEuNzU1NCA1LjIxOTc5IDExLjg0MzJDNS4wMDc0NyAxMS45MzEgNC43Nzk4OSAxMS45NzYgNC41NTAxMyAxMS45NzU2WiIvPgo8L21hc2s+CjxwYXRoIGQ9Ik00LjU1MDEzIDExLjk3NTZDNC4zMjAzNyAxMS45NzYgNC4wOTI3OSAxMS45MzEgMy44ODA0NiAxMS44NDMyQzMuNjY4MTMgMTEuNzU1NCAzLjQ3NTI1IDExLjYyNjUgMy4zMTI4OCAxMS40NjRMMC4wNTAyOTMgOC4yMDE5OEwwLjg3NTEyNiA3LjM3NjU2TDQuMTM3NzEgMTAuNjM5MUM0LjI0NzEgMTAuNzQ4NSA0LjM5NTQ1IDEwLjgwOTkgNC41NTAxMyAxMC44MDk5QzQuNzA0ODEgMTAuODA5OSA0Ljg1MzE1IDEwLjc0ODUgNC45NjI1NCAxMC42MzkxTDEzLjEyNTEgMi40NzY1NkwxMy45NSAzLjMwMTRMNS43ODczOCAxMS40NjRDNS42MjUwMSAxMS42MjY1IDUuNDMyMTIgMTEuNzU1NCA1LjIxOTc5IDExLjg0MzJDNS4wMDc0NyAxMS45MzEgNC43Nzk4OSAxMS45NzYgNC41NTAxMyAxMS45NzU2WiIgZmlsbD0iIzM3NDk1NyIvPgo8cGF0aCBkPSJNNC41NTAxMyAxMS45NzU2TDQuNTg5MzUgLTkuMzU3NzNMNC41NTAxMyAtOS4zNTc4MUw0LjUxMDkgLTkuMzU3NzNMNC41NTAxMyAxMS45NzU2Wk0zLjMxMjg4IDExLjQ2NEwxOC40MDY4IC0zLjYxMjAxTDE4LjQwMTYgLTMuNjE3MTdMMTguMzk2NSAtMy42MjIzMUwzLjMxMjg4IDExLjQ2NFpNMC4wNTAyOTMgOC4yMDE5OEwtMTUuMDQgLTYuODc3NjNMLTMwLjExNTYgOC4yMDg2N0wtMTUuMDMzMyAyMy4yODgzTDAuMDUwMjkzIDguMjAxOThaTTAuODc1MTI2IDcuMzc2NTZMMTUuOTYwMSAtNy43MDgzOEwwLjg2OTc4OSAtMjIuNzk4N0wtMTQuMjE1MiAtNy43MDMwNEwwLjg3NTEyNiA3LjM3NjU2Wk00LjEzNzcxIDEwLjYzOTFMLTEwLjk0NzIgMjUuNzI0MUwtMTAuOTQ1IDI1LjcyNjRMNC4xMzc3MSAxMC42MzkxWk00Ljk2MjU0IDEwLjYzOTFMMjAuMDQ1MiAyNS43MjY0TDIwLjA0NzUgMjUuNzI0MUw0Ljk2MjU0IDEwLjYzOTFaTTEzLjEyNTEgMi40NzY1NkwyOC4yMTAxIC0xMi42MDg0TDEzLjEyNTEgLTI3LjY5MzNMLTEuOTU5ODIgLTEyLjYwODRMMTMuMTI1MSAyLjQ3NjU2Wk0xMy45NSAzLjMwMTRMMjkuMDM0OSAxOC4zODYzTDQ0LjExOTggMy4zMDE0TDI5LjAzNDkgLTExLjc4MzVMMTMuOTUgMy4zMDE0Wk01Ljc4NzM4IDExLjQ2NEwtOS4yOTc1NyAtMy42MjA5N0wtOS4zMDY1MSAtMy42MTIwMUw1Ljc4NzM4IDExLjQ2NFpNNC41NTAxMyAxMS45NzU2TDQuNTEwOSAtOS4zNTc3M0M3LjA5MTM5IC05LjM2MjQ4IDkuNjQ3NCAtOC44NTczMyAxMi4wMzIxIC03Ljg3MTI5TDMuODgwNDYgMTEuODQzMkwtNC4yNzExOCAzMS41NTc3Qy0xLjQ2MTgzIDMyLjcxOTMgMS41NDkzNCAzMy4zMTQ1IDQuNTg5MzUgMzMuMzA4OUw0LjU1MDEzIDExLjk3NTZaTTMuODgwNDYgMTEuODQzMkwxMi4wMzIxIC03Ljg3MTI5QzE0LjQxNjggLTYuODg1MjUgMTYuNTgzMiAtNS40Mzc3NyAxOC40MDY4IC0zLjYxMjAxTDMuMzEyODggMTEuNDY0TC0xMS43ODEgMjYuNTRDLTkuNjMyNjkgMjguNjkwOSAtNy4wODA1NCAzMC4zOTYxIC00LjI3MTE4IDMxLjU1NzdMMy44ODA0NiAxMS44NDMyWk0zLjMxMjg4IDExLjQ2NEwxOC4zOTY1IC0zLjYyMjMxTDE1LjEzMzkgLTYuODg0MzFMMC4wNTAyOTMgOC4yMDE5OEwtMTUuMDMzMyAyMy4yODgzTC0xMS43NzA3IDI2LjU1MDNMMy4zMTI4OCAxMS40NjRaTTAuMDUwMjkzIDguMjAxOThMMTUuMTQwNiAyMy4yODE2TDE1Ljk2NTQgMjIuNDU2MkwwLjg3NTEyNiA3LjM3NjU2TC0xNC4yMTUyIC03LjcwMzA0TC0xNS4wNCAtNi44Nzc2M0wwLjA1MDI5MyA4LjIwMTk4Wk0wLjg3NTEyNiA3LjM3NjU2TC0xNC4yMDk4IDIyLjQ2MTVMLTEwLjk0NzIgMjUuNzI0MUw0LjEzNzcxIDEwLjYzOTFMMTkuMjIyNyAtNC40NDU4TDE1Ljk2MDEgLTcuNzA4MzhMMC44NzUxMjYgNy4zNzY1NlpNNC4xMzc3MSAxMC42MzkxTC0xMC45NDUgMjUuNzI2NEMtNi44MzQ5NCAyOS44MzUxIC0xLjI2MTM0IDMyLjE0MzMgNC41NTAxMyAzMi4xNDMzVjEwLjgwOTlWLTEwLjUyMzRDMTAuMDUyMiAtMTAuNTIzNCAxNS4zMjkxIC04LjMzODE0IDE5LjIyMDQgLTQuNDQ4MDhMNC4xMzc3MSAxMC42MzkxWk00LjU1MDEzIDEwLjgwOTlWMzIuMTQzM0MxMC4zNjE2IDMyLjE0MzMgMTUuOTM1MiAyOS44MzUxIDIwLjA0NTIgMjUuNzI2NEw0Ljk2MjU0IDEwLjYzOTFMLTEwLjEyMDEgLTQuNDQ4MDhDLTYuMjI4OTEgLTguMzM4MTIgLTAuOTUyMDAzIC0xMC41MjM0IDQuNTUwMTMgLTEwLjUyMzRWMTAuODA5OVpNNC45NjI1NCAxMC42MzkxTDIwLjA0NzUgMjUuNzI0MUwyOC4yMTAxIDE3LjU2MTVMMTMuMTI1MSAyLjQ3NjU2TC0xLjk1OTgyIC0xMi42MDg0TC0xMC4xMjI0IC00LjQ0NThMNC45NjI1NCAxMC42MzkxWk0xMy4xMjUxIDIuNDc2NTZMLTEuOTU5ODIgMTcuNTYxNUwtMS4xMzQ5OSAxOC4zODYzTDEzLjk1IDMuMzAxNEwyOS4wMzQ5IC0xMS43ODM1TDI4LjIxMDEgLTEyLjYwODRMMTMuMTI1MSAyLjQ3NjU2Wk0xMy45NSAzLjMwMTRMLTEuMTM0OTkgLTExLjc4MzVMLTkuMjk3NTcgLTMuNjIwOTdMNS43ODczOCAxMS40NjRMMjAuODcyMyAyNi41NDg5TDI5LjAzNDkgMTguMzg2M0wxMy45NSAzLjMwMTRaTTUuNzg3MzggMTEuNDY0TC05LjMwNjUxIC0zLjYxMjAxQy03LjQ4MjkzIC01LjQzNzc2IC01LjMxNjU3IC02Ljg4NTI1IC0yLjkzMTg1IC03Ljg3MTI5TDUuMjE5NzkgMTEuODQzMkwxMy4zNzE0IDMxLjU1NzdDMTYuMTgwOCAzMC4zOTYxIDE4LjczMjkgMjguNjkwOCAyMC44ODEzIDI2LjU0TDUuNzg3MzggMTEuNDY0Wk01LjIxOTc5IDExLjg0MzJMLTIuOTMxODUgLTcuODcxMjlDLTAuNTQ3MTU3IC04Ljg1NzMzIDIuMDA4ODUgLTkuMzYyNDggNC41ODkzNSAtOS4zNTc3M0w0LjU1MDEzIDExLjk3NTZMNC41MTA5IDMzLjMwODlDNy41NTA5MiAzMy4zMTQ1IDEwLjU2MjEgMzIuNzE5MyAxMy4zNzE0IDMxLjU1NzdMNS4yMTk3OSAxMS44NDMyWiIgZmlsbD0iIzI4MjUxRSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfMjExNV8xMTM2OSkiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMTE1XzExMzY5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
}
.glass-prods-filters{
    gap: 20px;
    z-index: 2;
    position: relative;
}
.glass-remove-filter {
    margin-left: 30px;
    gap: 10px;
    height: 40px;
    margin-top: auto;
}
.glass-prods-selected-filters{
    margin-top: 20px;
    gap: 20px;
    flex-wrap: wrap;
}
.glass-prods-selected {
    gap: 10px;
}
.prods-wrapper{
    margin-top: 20px;
}
.prod-item{
    border-bottom: 0.5px solid var(--White);
    z-index: 1;
    padding: 19px 0;
    transition: 300ms padding;
}
.prod-item-head{
    gap: 50px;
}
.prod-item-head-l {
    gap: 20px;
}
.prod-item-num{
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 100%;
    transition: 300ms background-color;
    flex-shrink: 0;
}
.prod-item-title{
    color: var(--White);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 175%;
    transition: 300ms all;
    margin-left: 190px;
}
.prod-item-head-arrow{
    width: 24px;
    height: 24px;
    background-color: var(--White);
    border-radius: 100%;
}
.prod-item.is-opened{
    padding: 42.13px 0;
}
.prod-item.is-opened .prod-item-num{
    color: var(--Blue-30);
    background-color: var(--White);
}
.prod-item.is-opened .prod-item-title{
    font-size: 30px;
    line-height: 140%;
    margin-left: 0;
}
.prod-item.is-opened .prod-item-head-arrow{
    transform: scale(1,-1);
}
.prod-item-bottom{
    padding-top: 0px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: 300ms all;
    gap: 50px 20px;
}
.prod-item.is-opened .prod-item-bottom{
    padding-top: 20px;
    opacity: 1;
    max-height: 100%;
    overflow: visible;
}
.prod-item-img{
    max-width: 213.738px;
    flex-shrink: 0;
}
.prod-item-img img{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}
.prod-item-center{
    max-width: 487px;
    flex-shrink: 0;
    width: 100%;
    margin-left: 99px;
}
.prod-item-tags{
    gap: 10px;
    flex-wrap: wrap;
}
.prod-item-tag {
    padding: 0 12px;
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: 171.429%;
    height: 32px;
    border-radius: 3px;
    border: 1px solid var(--White);
}
.prod-item-purpose{
    margin-top: 20px;
}
.prod-item-purpose-title{
    color: var(--White);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
.prod-item-purpose-list{
    margin-top: 10px;
}
.prod-item-purpose-list ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.prod-item-purpose-list li, .prod-item-r ul li{
    position: relative;
    list-style-type: none;
    padding-left: 20px;
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
}
.prod-item-purpose-list li:before, .prod-item-r ul li:before{
    content:'';
    position: absolute;
    top: 7px;
    left: 5px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: var(--White);
}

.prod-item-r *{
    color: var(--White);
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
}
.prod-item-r p:not(:last-child),
.prod-item-r ul:not(:last-child),
.prod-item-r ol:not(:last-child){
    margin-bottom: 10px;
}
.prod-item-r strong{
    font-weight: 700;
}
.prod-item-r ul li,
.prod-item-r ol li{
    padding-left: 20px;
}
.prod-item-r a{
    text-decoration: underline;
    transition: 300ms opacity;
}
.prod-item-r a:hover{
    opacity: 0.8;
}

@media (max-width: 1200px){
    .prod-item-bottom{
        flex-wrap: wrap;
    }
}
@media (max-width: 991px){
    .prod-item-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
    .prod-item-center{
        margin-left: 0;
    }
    .prod-item-center{
        max-width: 100%;
    }
}
@media (max-width: 676px){
    .glass-prods-filters{
        padding-top: 50px;
        flex-direction: column;
    }
    .glass-prods-filter-selected{
        width: 100%;
    }
    .glass-prods-filter-list{
        width: 100%;
    }
    .glass-remove-filter{
        margin-left: 0;
    }
    .prods-wrapper{
        margin-top: 50px;
    }
    .prod-item{
        padding: 21px 0;
    }
    .prod-item.is-opened{
        padding: 37px 0;
    }
    .prod-item-head-l, .prod-item-head{
        gap: 10px;
    }
    .prod-item-num{
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 166%;
    }
    .prod-item-title{
        margin-left: 0;
        font-size: 16px;
        line-height: 137.5%;
    }
    .prod-item.is-opened .prod-item-title{
        font-size: 20px;
        line-height: 130%;
    }
    .prod-item-img{
        max-width: 118px;
    }
    .prod-item-bottom{
        gap: 20px;
    }
    .prod-item-tag{
        font-size: 12px;
        padding: 0px 8px;
        height: 22px;
        line-height: 116.667%;
    }
    .prod-item-purpose-title{
        font-size: 16px;
    }
    .prod-item-purpose-list ul{
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .prod-item-purpose-list li, .prod-item-r ul li{
        font-size: 12px;
        line-height: 166.667%;
    }
    .glass-prods{
        padding-bottom: 100px;
    }
}


/* not found */
.not-found{
    padding: 188px 0 278px 0;
}
.not-found-img img{
    width: 209px;
    height: auto;
}
.not-found-text{
    text-align: center;
    margin-top: 50px;
    font-size: 30px;
    font-weight: 500;
    line-height: 126.667%;
    max-width: 904px;
}
.not-found-text a{
    color: var(--Taupe-70);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-underline-position: from-font;
    transition: 300ms opacity;
}
.not-found-text a:hover{
    opacity: 0.6;
}

@media (max-width: 676px){
    .not-found{
        padding: 150px 0;
    }
    .not-found-img img{
        width: 150px;
    }
    .not-found-text{
        font-size: 20px;
    }
}

/* info page */
.info-page{
    padding-top: 188px;
}

.info-page-update{
    margin-top: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.info-page-update strong{
    font-weight: 700;
}
.info-page-content{
    margin-top: 80px;
    padding: 0 !important;
}
.info-page-content .wp-block-list{
    margin-top: 20px;
    margin-bottom: 20px;
}
.vacancy-single-content.info-page-content li:not(:last-child){
    margin-bottom: 0;
}



/* documentation block */

.download-popup {
    position: fixed;
    display: none;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.download-popup.active {
    display: flex;
}

.download-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
}

.download-popup-content {
    position: relative;
    max-width: 652px;
    margin: 10vh auto;
    background: #fff;
    padding: 20px 30px 30px 30px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    height: fit-content;
}
.download-popup-close{
    margin-left: auto;
    display: flex;
    width: 24px;
    height: 24px;
}
.download-title{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    line-height: 105%;
    margin-top: 16px;
}
.download-text{
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-top: 24px;
}
.download-popup-inner form{
    margin-top: 52px;
}
.download-popup-inner input{
    border-color: var(--Black);
    color: var(--Black) !important;
}
.download-popup-inner input::placeholder{
    color: var(--Black);
}
.download-popup-inner .wpcf7-response-output{
    display: none !important;
}
.download-popup-inner .cta-form-row:nth-child(2){
    grid-template-columns: 1fr;
}

.download-popup-inner input[type=submit] {
    width: 100%;
    text-align: left;
    padding-left: 22px;
    color: var(--White) !important;
}
.download-popup-inner .form-submit:after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjEyNCA5Ljg3ODk3TDE4LjUzOCA1LjI5Mjk3TDE3LjEyNCA2LjcwNjk3TDIxLjM4NiAxMC45N0wwIDExVjEzTDIxLjQ0NiAxMi45N0wxNy4xMjMgMTcuMjkzTDE4LjUzNyAxOC43MDdMMjMuMTI0IDE0LjEyMUMyMy42ODQ3IDEzLjU1NzUgMjMuOTk5NSAxMi43OTQ5IDIzLjk5OTUgMTJDMjMuOTk5NSAxMS4yMDUgMjMuNjg0NyAxMC40NDI1IDIzLjEyNCA5Ljg3ODk3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    cursor: pointer;
}
.download-popup-inner .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.download-popup .success-block .glass-btn{
    margin-top: 52px;
} 
.download-popup .download-sm-text{
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}
.download-popup .download-sm-text a{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

@media (max-width: 676px){
    .download-title{
        font-size: 28px;
    }
    .download-text{
        font-size: 12px;
    }
}