/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #FFFFFF;
    font-family: 'Inter-Regular';
}
:root{    
    --light-blue:#0055D6;
}
body, html{
    background-color: #120439;
    /* overflow-x: hidden; */
}
@font-face {
    font-family: 'FiraSans';
    src: url('../fonts/FiraSans-Bold.eot');
    src: url('../fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSans-Bold.woff') format('woff'),
         url('../fonts/FiraSans-Bold.woff2') format('woff2'),
         url('../fonts/FiraSans-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Bold.woff') format('woff'),
         url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
         url('../fonts/ProximaNova-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Inter-Regular.woff') format('woff'),
         url('../fonts/Inter-Regular.woff2') format('woff2'),
         url('../fonts/Inter-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Inter-Medium.woff') format('woff'),
         url('../fonts/Inter-Medium.woff2') format('woff2'),
         url('../fonts/Inter-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Inter-Bold.woff') format('woff'),
         url('../fonts/Inter-Bold.woff2') format('woff2'),
         url('../fonts/Inter-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Proxima-ExtraBold';
    src: url('../fonts/ProximaNova-ExtraBold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Proxima-SemiBold';
    src: url('../fonts/ProximaNova-SemiBold.ttf') format('truetype');
    font-display: swap;
}
/* Основные теги */
.container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
h1{
    font-family: 'Proxima-ExtraBold';
    font-size: 40px;
    line-height: 125%;
}
h4{
    font-family: 'Inter-Bold';
    line-height: 135%;
    font-size: 18px;
}
label{
    font-size: 18px;
    opacity: 0.6;
    font-family: 'Inter-Regular';
}
input{
    width: 100%;
    font-size: 18px;
    line-height: 130%;
    border-radius: 4px;
    padding: 11px 22px;
    outline: none;
    border: thin solid #0055D6;
    color: #6A6979;
}
input::-webkit-input-placeholder{
    color:#6A6979 ;
}
input::-moz-placeholder{
    color:#6A6979 ;
}
input:-ms-input-placeholder{
    color:#6A6979 ;
}
input::-ms-input-placeholder{
    color:#6A6979 ;
}
input::placeholder{
    color:#6A6979 ;
}
.btn{
    cursor: pointer;
    border: none;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    border-radius: 4px;
    padding: 12px 67px;
    background-color: #0055D6;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    display: block;
}
.btn:hover{
    opacity: 0.8;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
/* Header страниц */
.main-header{
    background-color: #1B2051;
    padding: 16px 0;
    border-bottom: thin solid #3F4A77;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.main-header__row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;

}
.main-header__logo{
    display: flex;
    align-items: center;
}
.header-btns{
    list-style:none;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.header-btns a path{
    transition-duration: 0.3s;
}
.header-btns a.lang:hover path{
    fill: #2C91EB;
    transition-duration: 0.3s;
}
.header-btns a.window:hover path{
    stroke: #2C91EB;
    transition-duration: 0.3s;
}
.logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-decoration: none;
    margin-right: 32px;
}
.logo_img{
    margin-right: 18px;
}
.logo_title{
    font-family: 'ProximaNova-Bold';
    font-size: 20px;
    padding-right: 32px;
    border-right: thin solid #3F4A77;
}
.main-header__description{
    font-size: 18px;
}
/* Страница входа */
.login-section{
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url(../img/background/bg-login.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.login-content{
    background-color: #1B2051;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 145, 235, 0.15)), to(rgba(44, 145, 235, 0))), #1B2051;
    background: -o-linear-gradient(top, rgba(44, 145, 235, 0.15) 0%, rgba(44, 145, 235, 0) 100%), #1B2051;
    background: linear-gradient(180deg, rgba(44, 145, 235, 0.15) 0%, rgba(44, 145, 235, 0) 100%), #1B2051;
    border-radius: 12px;
    overflow: hidden;
}
.login-content__header{
    padding: 15px 32px 18px;
    background: rgba(18, 4, 57, 0.4);
    border-bottom: thin solid #3F4A77;
}
.login-content_form{
    padding: 40px 32px;
}
.input-row{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 32px;
}
.login-content_form .input-row input{
    width: 398px;
}
.login-content_form form{
    width: 523px;
}
.login-content_form-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
/* Основная навигация */
.nav-page{
    width: 312px;
    position: sticky;
    top: 0px;
}
.nav-page__list{
    list-style: none;
    padding: 0 20px;
    padding-top: 104px;
    /* position: fixed; */
    /* height: 100vh; */
    width: 312px;
    overflow-y: auto;
    padding-bottom: 24px;
    padding-right: 0;
}
.nav-page__item{
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 12px;
    padding: 8px 20px;
    margin-bottom: 9px;
    padding-right: 16px;
}
.nav-page__item:hover span{
    color: #2C91EB !important;
    transition-duration: 0.3s;
}
/*path{
    transition-duration: 0.3s;
}*/
.nav-page__item:hover path{
    stroke: #ffffff;
    transition-duration: 0.3s;
}
.nav-page__item span{
    font-family: 'Inter-Medium';
    font-size: 16px;
    line-height: 145%;
    transition-duration: 0.3s;
}
.nav-page__item.active{
    background-color: #0055D6;
    color: #ffffff !important;
}
.nav-page__item svg{
    margin-right: 24px;
    min-width: 30px;
}
.main-content{
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
/* Правая часть контента */
.page-container{
    padding: 0 40px;
    padding-top: 78px;
    width: calc(100% - 312px);
    background-image: url(../img/background/bg.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-left: thin solid #3F4A77;
}
.filter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 18px;
}
.filter__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    margin-right: 24px;
}
.filter__list li:first-of-type .filter__btn{
    border-radius: 4px 0 0 4px;
}
.filter__list li:last-of-type .filter__btn{
    border-radius: 0 4px 4px 0;
    border: thin solid #3F4A77;
}
.filter__btn{
    min-width: 100px;
    border: thin solid #3F4A77;
    border-right: none;
    background-color: #120439;
    cursor: pointer;
    padding: 4px 16px;
    line-height: 24px;
    font-size: 14px;
    color: #ffffff;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    display: block;
    text-decoration: none;
}
.filter__btn:hover{
    background-color: #1B2051;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.filter__btn.active{
    background-color: #0055D6;
    border: thin solid #0055D6 !important;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    cursor: default;
}

.statistics__item{
    border-radius: 12px;
    overflow: hidden;
    border: thin solid #3F4A77;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 145, 235, 0.15)), to(rgba(44, 145, 235, 0))), #1B2051;
    background: -o-linear-gradient(top, rgba(44, 145, 235, 0.15) 0%, rgba(44, 145, 235, 0) 100%), #1B2051;
    background: linear-gradient(180deg, rgba(44, 145, 235, 0.15) 0%, rgba(44, 145, 235, 0) 100%), #1B2051;
    margin-bottom: 40px;
}
.statistics__item-header{
    border-bottom: thin solid #3F4A77;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 32px 19px;
    background-color: #1B2051;
    min-height: 80px;
}
.statistics__item-body{
    padding: 32px;
}
.chart-container{
    width: 100%;
}
.statistics__row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 32px;
}
.statistics__item_big{
    width: 69%;
}
.statistics__item_little{
    width: 28%;
}
.statistics__item-header h4{
    font-size: 18px;
}
.statistics-item{
    margin-bottom: 24px;
}
.statistics-item:last-of-type{
    margin-bottom: 0;
}
.statistics-item__subtitle{
    font-size: 16px;
}
.statistics-item__number{
    font-size: 3.3vw;
    font-family: 'ProximaNova-Bold';
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.statistics-item__number-desc{
    font-family: 'ProximaNova-Bold';
    font-size: 24px;
    line-height: 120%;
    padding-bottom: 10px;
    padding-left: 8px;
}
.statistics__item_full{
    width: 100%;
}
.statistics__item_full .statistics__item-body{
    padding-bottom: 0;
}
.statistics-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.statistics-row .statistics-item{
    margin-bottom: 32px;
    margin-right: 11%;
}

.btn-close{
    display: none;
    position: absolute;
    left: -49px;
    top: 16px;
    background-color: #120439;
    border: none;
    border: 1px solid #3F4A77;
    border-radius: 4px 0 0 4px;
    padding: 7px;
    border-right: 0;
}
.btn-hamb{
    display: none;
}

.tooltip{
    text-decoration: none;
    position: relative;
}
.tooltip::before{
    position: absolute;
    bottom: -24px;
    right: 0;
    width: max-content;
    transition-duration: 0.3s;
}
.tooltip:hover::before{
    content: attr(data-tooltip);
    text-decoration: none;
    background-color: #0055D6;
    padding: 5px 10px;
    border-radius: 900px;
    bottom: -32px;
    transition-duration: 0.3s;
}
.btn-stroke{
    border-radius: 900px;
    border: 2px solid #0055D6;
    background: none;
    width: fit-content;

}
.btn-stroke:hover{
    background: #0055D6;
    opacity: 1;
}
.slider .slider-row{
    display: grid;
    grid-template-columns: 45% 52%;
    padding: 42px 0;
    padding-right: 42px;
}
.slider-info{
    padding-top: 42px;
    position: relative;
    z-index: 999;
}
.main-image{
    position: relative;
}
.main-image::before{
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    position: absolute;
    top: -40px;
    left: -12px;
    transition-duration: 0.3s;
    opacity: 0;
}
.owl-item.active .main-image::before{
    opacity: 0.3;
    left: -54px;
    transition-duration: 0.6s;
}

.image-left{
    position: absolute;
    z-index: 9;
    bottom: 100px;
    left: -120px;
    width: 360px;
    height: 250px;
}
.image-left img{
    transform: translateX(-150px);
    transition-duration: 0.6s;
    opacity: 0;
}
.owl-item.active .image-left img{
    transform: translateX(0px);
    transition-duration: 0.9s;
    transition-delay: 0.2s;
    opacity: 1;
}
.image-left .image-left__icon{
    position: absolute;
    bottom: -28px;
    left: 103px;
    z-index: 9;
    transform: translateX(90px);
    transition-duration: 0.5s;
    opacity: 0;
}
.owl-item.active .image-left .image-left__icon{
    transform: translateX(0);
    transition-duration: 1.2s;
    transition-delay: 0.3s;
    opacity: 1;
}
.image-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.image-right{
    position: absolute;
    z-index: 9;
    top: 130px;
    right: -160px;
    width: 260px;
    height: 300px;
}
.image-right img{
    transform: translateY(-150px);
    transition-duration: 0.8s;
    opacity: 0;
}
.owl-item.active .image-right img{
    transform: translateY(0px);
    transition-duration: 0.8s;
    transition-delay: 0.2s;
    opacity: 1;
}
.image-right .image-right__icon{
    position: absolute;
    top: -70px;
    right: 30px;
    transform: translateY(150px);
    transition-duration: 0.8s;
    z-index: 9;
    opacity: 0;
}
.owl-item.active .image-right .image-right__icon{
    transform: translateY(0px);
    transition-duration: 0.8s;
    transition-delay: 0.4s;
    opacity: 1;
}
.image-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-image{
    position: relative;
    transform: translateX(-4vw);
    padding-top: 42px;
}
.title{
    font-size: 56px;
    line-height: 100%;
}
.slider-info .title{
    margin: 30px 0 36px;
    width: 660px;
}

.main-image .main-image__icon1{
    position: absolute;
    top: -56px;
    left: 146px;
    transform: translateX(-200px);
}
.owl-item.active .main-image__icon1{
    transform: translateX(-0px);
}
.main-image .main-image__icon2{
    position: absolute;
    right: -45px;
    bottom: 20%;
    transform: translateY(100px);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    opacity: 0;
    z-index: 99;
}
.owl-item.active .main-image__icon2{
    transform: translateY(0px);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    opacity: 1;
}
.main-image .main-image__icon3{
    position: absolute;
    bottom: -13px;
    left: 55%;
    transform: translateX(180px);
    transition-duration: 0.8s;
    z-index: 99;
}
.owl-item.active .main-image__icon3{
    transform: translateX(0px);
    transition-duration: 0.8s;
}
.slider-footer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.btn-slide{
    width: 80px;
    height: 80px;
    background: none;
    border: 2px solid #5EBA89;
    border-radius: 900px;
    position: relative;
    cursor: pointer;
    transition-duration: 0.3s;
}
.btn-slide:hover{
    background-color: #5EBA89;
    transition-duration: 0.3s;
}

.btn-slide svg{
    position: absolute;

}
.btn-slide.prev svg{
    left: 30px;
    top: 29px;
}
.btn-slide.next svg{
    right: 30px;
    top: 29px;
}
.slider .owl-nav{
    display: none;
}
.slider-footer{
    position: absolute;
    bottom: 80px;
    left: 0;
    z-index: 99;
}
.main-image .main-image__icon1{
    opacity: 0;
    transition-duration: 0.6s;
    z-index: 99;
}
.owl-item.active .main-image .main-image__icon1{
    opacity: 1;
    transition-duration: 0.9s;
}
.slider-purple  path{
    fill: #5537A3;
}
.slider-purple .main-image__icon1 path, .slider-purple .main-image__icon2 path,
.slider-purple .image-left__icon path{
    fill:#B0A8C6 ;
}

.slider-purple .btn-slide{
    border: 2px solid #5537A3;
}
.slider-purple  .btn-slide:hover{
    background-color: #5537A3;
}

.slider-brown  path{
    fill: #DFBB5F;
}

.slider-brown  .main-image__icon1 path, .slider-brown  .main-image__icon2 path,
.slider-brown  .image-left__icon path{
    fill:#F4E5BF ;
}

.slider-brown .btn-slide{
    border: 2px solid #DFBB5F;
}
.slider-brown  .btn-slide:hover{
    background-color: #DFBB5F;
}
.btn-disible{
    cursor: default !important;
}
.btn-disible:hover{
    background:none !important;
}
.slider-info__icon{

    transition-duration: 0.6s;
    opacity: 0;
}
.owl-item.active .slider-info__icon{
    
    transition-duration: 0.6s;
    opacity: 1;
}

.slider-info .title{
    transform: translateY(50px);
    opacity: 0;
}
.owl-item.active .slider-info .title{
    transform: translateY(0px);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
    opacity: 1;
}
.slider-info .btn{
    transform: translateY(50px);
    opacity: 0;
}
.owl-item.active .slider-info .btn{
    transform: translateY(0px);
    transition-duration: 0.6s;
    opacity: 1;
}
.owl-carousel .owl-item img{
    opacity: 0;
}
.owl-carousel .owl-item.active img{
    transition-duration: 0.6s;
    opacity: 1;
}


.footer-page{
    border-top: thin solid #3F4A77;
    padding-top: 39px;
}
.level-one{
    display: flex;
    align-items: center;
}
.level-one .main-header__description{
    font-size: 14px;
    opacity: 0.4;
    letter-spacing: 0.02em;
}
.level-one .logo_title{
    border-right: 0;
}
.footer-page .container{
    padding-left: 40px;
    padding-right: 40px;
}
.level-one .logo{
    margin-right: 65px;
}
.level-two{
    display: flex;
    gap: 3.1%;
    padding-top: 40px;
}
.footer-contact-item{
    display: flex;
    align-items: center;
    gap:24px ;
}
.level-two .footer-contact-item{
    width: 22.4%;
}
.footer-contact-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    height: 64px;
    border-radius: 900px;
    border: 2px solid #3F4A77;
}
.footer-contact-info span{
    color: #B7B3C3;
    font-size: 14px;
    display: block;
    margin-bottom: 4px;
    letter-spacing: 0.03em;
}
.footer-contact-info p{
    letter-spacing: 0.03em;
    line-height: 115%;
}
.footer-contact-info a{
    font-size: 16px;
    text-decoration: none;
    letter-spacing: 0.03em;
}
.level-three{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 42px;
}
.level-three ul{
    display: flex;
    align-items: center;
    list-style: none;
    list-style: none;
    gap: 32px;
}
.level-three li{
    color: #B7B3C3;
    font-size: 14px;
    letter-spacing: 0.03em;
}
.level-three li a{
    color: #2C91EB;
    text-decoration: none;
}
::-webkit-scrollbar {
    width: 4px;               /* ширина scrollbar */
  }
  ::-webkit-scrollbar-track {
    background-color: #120439;        /* цвет дорожки */
  }
  ::-webkit-scrollbar-thumb {
    background-color: #1B2051;  
       /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
  }
  .nav-page__item.active{
    cursor: default;
  }
  .nav-page__item.active:hover span{
    color: #ffffff !important;
  }
  .nav-page__item.active:hover path{
    stroke: #2C91EB !important;
  }
  .page-container .title-page{
    margin-top: 44px;
    letter-spacing: 0.03em;
  }
  .indicators-wrapper{
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .indicators-item{
    background-color: #1B2051;
    padding: 24px 32px 37px;
  }
.indicators-item__title{
    font-size: 24px;
    letter-spacing: 0.03em;
    font-family: 'Inter-ExtraBold';
}

.indicators-chard{
    width: 100%;
    margin-top: 28px;
    height: 14.3vw;
}
.indicators-chard div.svg {
    height: 14.3vw;
}
.indicators-chard img{
    width: 100%;
    height: 100%;
    object-fit: content;
}
.indicators-wrapper, .gallery-wrapper{
    padding-bottom: 64px;
}
.gallery-wrapper{
    margin-top: 29px;
    display: flex;
    flex-wrap: wrap;
    gap: 39px;
    justify-content: space-between;
}
.gallery-item{
    display: block;
    position: relative;
    cursor: pointer;
}

.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item[data-caption]::before{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1B2051;
    content: attr(data-caption);
    padding: 24px;
    width: 100%;
    border: thin solid #5A5D81;
    opacity: 0;
    transition-duration: 0.3s;
    box-sizing: border-box;
    z-index: 9;
}
.gallery-item::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: thin solid #ffffff31;
    transition-duration: 0.3s;
}
.gallery-item:hover::before{
    opacity: 1;
    transition-duration: 0.3s;
}
.gallery-item:hover::after{
    top: -15px;
    left: -15px;
    transition-duration: 0.3s;
}
.gallery-item.gallery-item__small{
    width: calc(29.3% - 20px);
    height: 22.4vw;
}
.gallery-item.gallery-item__medium{
    width: calc(39.8% - 20px);
    height: 22.4vw;
}
.gallery-item.gallery-item__big{
    width: calc(50% - 20px);
    height: 28.6vw;
}
.profile-wrapper{
    margin-top: 42px;
    padding-bottom: 64px;
}
.profile-wrapper{
    display: grid;
    grid-template-columns: 400px 59%;
    justify-content: space-between;
    gap: 72px;
}
.profile-contacts{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 37px;
    justify-content: space-between;
}
.profile-contacts {
    margin-bottom: 5px;
}
.profile-name{
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.03em;
    font-family: 'Proxima-SemiBold';
}
.profile-profession{
    display: block;
    margin-top: 18px;
    opacity: 0.7;
    letter-spacing: 0.03em;
}
.footer-contact-info a.link{
    color: #2C91EB;
    text-decoration: underline;
}
.footer-contact-info a.link:hover{
    text-decoration: none;
}
.profile-image{
    width: 100%;
    height: 480px;
    border: 2px solid #ffffff31 ;
    position: relative;
}
.profile-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(50px, 48px);
}
.profile-btns{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 40px;
}
.profile-btns .btn{
    padding: 10px;
    font-size: 16px;
}
.profile-contacts .footer-contact-info a{
    line-height: 150%;
}
.btn__stroke{
    border-radius: 900px;
    background-color: #120439;
    border: 2px solid #0055D6;
}
.btn__stroke:hover{
    background-color: #0055D6;
    opacity: 1;
}
.w100{
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}
.profile-image::before{
    content: url(../img/icons/profile/1.svg);
    position: absolute;
    top: -10px;
    right: 28px;
}
.profile-image::after{
    content: url(../img/icons/profile/2.svg);
    position: absolute;
    bottom: -40px;
    left: 20px;
}
.infrastructure-wrapper{
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 64px;
    gap: 40px;
    justify-content: space-between;
}
.infrastructure-item{
    background-color: #1B2051;
    padding: 32px;
    display: flex;
    width: calc(50% - 20px) ;
    gap: 16px;
	justify-content: space-between;
}
.infrastructure-item_long{
    width: 100%;
}
.infrastructure-item__info{
    padding-top: 46px;
    
}
.infrastructure-item__title{
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 130%;
    font-family: 'Inter-ExtraBold';
}
.infrastructure-item__statistics{
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 70px;
    width: 90%;
}
.infrastructure-item__statistics .footer-contact-info span{
    letter-spacing: 0.03em;
    font-size: 16px;
    margin-bottom: 8px;
}
.infrastructure-item__statistics .footer-contact-info p{
    line-height: 135%;
}
.infrastructure-item__img{
    margin-right: -56px;
    min-width: 448px;
    height: 336px;
    position: relative;
}
.infrastructure-item__img::before{
    content: '';
    position: absolute;
    top: 12px;
    left: -12px;
    border:1px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}
.infrastructure-item__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.icon-before__one{
    position: absolute;
    bottom: -48px;
    left: 93px;
}
.big-text{
    font-size: 32px;
    font-weight: 800;
    font-family: 'Inter-ExtraBold';
}
.icon-before__two{

    position: absolute;
    bottom: -22px;
    right: 90px;
}
.infrastructure-item__border-two::before{
    top: -12px;
    left: -12px;
}
.icon-before__three{
    position: absolute;
    left: 143px;
    bottom: -41px;
}
.align-start{
    align-items: flex-start;
}
.icon-before__foure{
    position: absolute;
    left: 41px;
    bottom: -20px;
}
.infrastructure-item_small .footer-contact-item{
    min-width: 230px;
}
.infrastructure-item_small .infrastructure-item__img{
    transform: translateX(-29px);
}
.scroll-menu{
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.accordion {
    width: 100%;
    margin: 0 auto;
  }

  .accordion__item {
    background-color: #1B2051;
    margin-bottom: 32px;
  }

  .accordion__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 120px;
    background-color: #1B2051;
    transition-duration: 0.3s;
    gap:16px;
    font-weight: 800;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0.03em;
    position: relative;
    text-align: left;
    font-family: 'Inter-ExtraBold';
  }
  .accordion__button::before{
    content: url(../img/icons/plus.png);
    
    background-size: contain;
    width: 64px;
    height: 64px;
    border-radius: 900px;
    position: absolute;
    right: 39px;
    border: thin solid rgba(255, 255, 255, 0.2);
  }
  .accordion__item.active .accordion__button::before{
    content: url(../img/icons/minus.png);
  } 
  .accordion__button:hover {
    background-color: #0055D6;
    transition-duration: 0.3s;
  }
  .accordion__button:hover .footer-contact-icon{
    border: thin solid rgba(255, 255, 255, 0.2);
    transition-duration: 0.3s;
  }
  .footer-contact-icon{
    transition-duration: 0.3s;
  }
  .accordion__button:hover path{
    fill: #ffffff;
  }
  .accordion__content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .faq-container{
    margin-top: 28px;
    padding-bottom: 64px;
  }

  .accordion__content{
    padding-left: 40px;
    padding-right: 40px;
    
  }
  .accordion__info{
    transition-duration: 0.3s;
    border-top: thin solid #1B2051;
  }
  .accordion__item.active .accordion__info{
    border-top: thin solid #3F4A77;
    padding-top: 37px;
    transition-duration: 0.3s;
    padding-bottom: 42px;
  }

.accordion__item.active .accordion__content {
    max-height: 600px; /* Задаем большую максимальную высоту, чтобы показать весь контент */
  }
  .accordion__item:last-of-type{
    margin-bottom: 0;
  }
  .accordion__info li{
    font-size: 18px;
    margin-bottom: 24px;
    padding-left: 40px;
    line-height: 133%;
    letter-spacing: 0.034em;
    position: relative;
    list-style: none;
  }
  .accordion__info li:last-of-type{
    margin-bottom: 0;
  }
  .accordion__info li::after{
    content: url(../img/icons/marker-list.svg);
    position: absolute;
    top: 0;
    left: 0;
  }
  .accordion__button:hover .icone-stroke path{
    fill: #0055D6;
    stroke: #ffffff;
  }
.support-wrapper{
    display: flex;
    gap:40px ;
    margin-top: 28px;
    margin-bottom: 53px;
    position: relative;
    z-index: 1;
    width: 100%;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.support-item{
    display: block;
    background-color: #1B2051;
    padding: 32px;
    padding-bottom: 25px;
    transition-duration: 0.3s;
    text-decoration: none;
    width: 100%;
}
.support-item:hover{
    background-color: #0055D6;
    transition-duration: 0.3s;
}
.support-item__image{
    border: thin solid rgba(255, 255, 255, 0.2);
    border-radius: 900px;
    width: 64px;
    height: 64px;
    padding: 4px;
    margin-bottom: 18px;
}
.support-wrapper .support-item__image{
    margin-bottom: 14px;
}
.support-item__image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 900px;
}
.support-item span{
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.03em;
}
.support-item span::after{
    content: url(../img/icons/arrow-right.svg);
    margin-left: 8px;
    position: absolute;
}
.page-container_bg-flag{
    background-image: url(../img/background/flag.jpg);
    background-position: left 80px;
}
.page-container_bg-flag{
    position: relative;
}
.bg-page{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.industries-item{
    width: 100%;
    display: grid;
    gap: 40px;
    grid-template-columns: 390px calc(100% - 430px);
    background-color: #1B2051;
    margin-bottom: 40px;
    padding: 40px;
    margin-bottom: 40px;
    padding-top: 34px;
    padding-bottom: 34px;
}
.industries-item:last-of-type{
    margin-bottom: 0;
}
.industries-item__title{
    margin: 16px 0 21px;
    font-size: 32px;
    letter-spacing: 0.03em;
    font-family: 'Inter-ExtraBold';
}
.industries-item .btn{
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom:31px;
}
.industries-item__right .footer-contact-item{
    align-items: flex-start;
    margin-bottom: 29px;
}
.industries-item__right .footer-contact-item:last-of-type{
    margin-bottom: 0;
}
.industries-item__right .footer-contact-info span{
    margin-bottom: 7px;
    font-size: 16px;
}
.industries-item__right .footer-contact-info p{
    line-height: 150%;
    letter-spacing: 0.035em;
}
.industries-item__right .footer-contact-icon{
    margin-top: 5px;
}
.industries-item-chart{
    width: 100%;
    margin-top: 19px;
	height: 150px;
}
.industries-item-chart img{
    width: 100%;
    height: auto;
}
.industries-wrapper{
    padding-bottom: 64px;
    margin-top: 28px;
}
.industries-item__left{
    padding-top: 5px;
}
.industries-item_green .industries-item__left path{
     fill: #5EBA89 !important;
}
.industries-item_green .industries-item__right path{
    stroke: #5EBA89 !important;
}


.industries-item_yellow .industries-item__left path{
     fill: #DFBB5F !important;
}
.industries-item_yellow .industries-item__right path{
    stroke: #DFBB5F !important;
}

.specifications-wrapper{
    margin-top: 28px;
}
.specifications-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;

}
.specifications-statistics{
    width: 867px;

}
.specifications-statistics img{
    width: 100%;
    height: auto;
}
.specifications-man{
    width: 431px;
}
.specifications-man__image{
    width: 255px;
    height: 306px;
    border: 2px solid #ffffff31;
    position: relative;
}
.specifications-man__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(18px, 18px);
}
.specifications-man__image::before {
    content: url(../img/icons/profile/1.svg);
    position: absolute;
    top: -10px;
    right: 29px;
    z-index:1;
}
.specifications-man__image::after {
    content: url(../img/icons/profile/2.svg);
    position: absolute;
    bottom: -34px;
    left: 38px;
    transform: scale(0.9);
    z-index:1;
}
.specifications-man header{
    margin-top: 44px;
    margin-bottom: 40px;
}
.specifications-man header span{
    font-size: 16px;
    opacity: 0.7;
    display: block;
    margin-bottom: 9px;
    letter-spacing: 0.03em;
}
.specifications-man__name{
    font-weight: 800;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0.03em;
    color: var(--white);
    font-family: 'Inter-ExtraBold';
}
.specifications-man .footer-contact-item{
    margin-bottom: 32px;
}
.specifications-man .footer-contact-item:last-of-type{
    margin-bottom: 0;
}
.page-container .indicators-wrapper{
    margin-top: 28px;
}
.indicators-item__title span{
    display: block;
    letter-spacing: 0.03em;
}
.specifications-man__triggers{
    transform: translateY(-8px);
}
.specifications-man__triggers .footer-contact-info span{
    margin-bottom: 0;
}
.specifications-man__triggers  .footer-contact-info p{
    margin-top: 3px;
}
.mt-2{
    transform: translateY(10px);
}
.specifications-man__triggers-name{
    display: none;
}
.specifications-man__triggers-name .specifications-man__role{
    opacity: 0.7;
    display: block;
    margin-bottom: 8px;
}
.indicators-wrapper__specifications{
    margin-top: 58px !important
}
.indicators-wrapper__specifications .indicators-item{
    padding-top: 27px;
}
.indicators-wrapper__specifications .indicators-chard{
    margin-top: 31px;
    height: 12.8vw;
} 
.indicators-wrapper__specifications .indicators-chard img{
    object-fit: cover;
}
.indicators-item__title span{
font-size: 40px;
}
.base-item{
    padding: 40px;
    
    background-color: #1B2051;
    display: grid;
    grid-template-columns: 16.5% 21.5% 21.5% 21.5% 21.5%;
}
.base-item:first-of-type{
    padding-bottom: 33px;
}
.base-item-col .footer-contact-item{
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
.base-item-col {
    border-right: 1px solid #3F4A77;
    padding-left: 39px;
    padding-right: 24px;
}
.base-item-col:last-of-type{
    border: none;
    padding-right: 0;
}
.base-item-col:first-of-type{
    padding-left: 0;
    border-right: 1px solid #3F4A77;
    
}
.base-item:first-of-type ul{
    
    padding-right: 24px;
}
.base-item-col_two{
    grid-column-start: 4;
    grid-column-end: 6;
}
.base-item-col ul{
    padding-left: 18px;
    margin-top: -11px;
}
.base-item-col ul li{
    color: #D1D2DC;
    margin-bottom: 16px;
    letter-spacing: 0.036em;
    font-size: 16px;
    line-height: 150%;
    position: relative;
    list-style: none;
}
.base-item-col ul li:last-of-type{
    margin-bottom: 0;
}
/* .base-item-col ul li::marker{
    color: #2C91EB;
    opacity: 1;
    font-size: 18px;
} */
.base-item-col ul li::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 900px;
    position: absolute;
    left: -18px;
    top: 9px;
    background-color: #2C91EB;
}
.base-item__title{
    margin-top: 9px;
    letter-spacing: 0.03em;
    font-size: 24px;
    font-family: 'Inter-ExtraBold';
}
.base-item-col_three{
    grid-column-start: 3;
    grid-column-end: 6;
}
.base-item_info{
    padding: 40px;
    background-color: #1B2051;
    display: flex;
    align-items: center;
    gap: 138px;
    padding-bottom: 22px;
}
.base-item_info-image{
    min-width: 448px;
    height: 336px;
    border: 2px solid #ffffff31;
    position: relative;
    margin-top: 3px;
}
.base-item_image-one::after{
    content: url(../img/icons/profile/2.svg);
    position: absolute;
    bottom: -40px;
    left: 102px;
}
.base-item_image-two::after{
    content: url(../img/icons/profile/3.svg);
    position: absolute;
    bottom: -32px;
    right: 85px;
}
.base-item_info-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(12px, -12px);
}
.base-item_text{
    margin-top: -18px;
}
.base-item_text h3{
    font-weight: 800;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0.03em;
    margin-bottom: 23px;
    font-family: 'Inter-ExtraBold';
}
.base-item_text p{
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.03em;
    opacity: 0.8;
    margin-bottom: 12px;
}
.base-item_text p:last-of-type{
    margin-bottom: 0;
}
.base-item, .base-item_info{
    margin-bottom: 32px;
}
.base-wrapper{
    padding-bottom: 64px;
    margin-top: 28px;
}
.base-item_info:last-of-type{
    margin-bottom: 0;
}
.owl-dots{
    display: none;
}
.history-card{
    display: grid;
    grid-template-columns: calc(100% - 627px) 587px;
    gap: 40px;
    align-items: center;
}
.slider-photo{
    width: 100%;
    overflow: hidden;
    padding: 40px 49px;
    background-color: #1B2051;
}
.history-wrapper{
    margin-top: 0px;
    padding-bottom: 79px;
    position: relative;
}
.history-card__trigger{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 38px;
}
.history-card h2{
    font-size: 32px;
    transform: translateY(-4px);
    font-family: 'Proxima-SemiBold';
    letter-spacing: 0.03em;
}
.history-card .owl-nav button{
    position: absolute;
    right: 3px;
    top: 51.6%;
    transform: translateY(-50%);
    background-color:#1B2051  !important;
    padding: 8px !important;
    border-radius : 900px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.history-card .owl-nav .owl-prev{
    right: auto;
    left: 3px;
    transform: translateY(-50%) rotate(180deg);
}
.history-card .owl-nav button span{
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    display: block;
    border-radius: 900px;
    font-size: 0;
    border: 2px solid #2C91EB;
    background-image: url(../img/icons/right-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.3s;
}
.history-card .owl-nav button:hover span{
    background-color: #2C91EB;
    transition-duration: 0.3s;
}
.history-info{
    max-width:900px;
    margin: 0 auto;
    margin-top: 38px;
}
.history-info p{
    font-weight: 400;
    font-size: 18px;
    line-height: 136%;
    letter-spacing: 0.03em;
    opacity: 0.8;
    margin-bottom: 22px;
}
.history-info__bts{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top:42px ;
    gap: 40px;
    position: relative;
    z-index: 9;
}
.history-info__bts .btn{
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 11px;
    padding-left: 24px;
    padding-right: 24px;
    background-color: #120439;
}
.history-info__bts .btn:hover{
    background: #0055D6;
}
.slider-photo{
    overflow: visible !important;
}
.slider-photo::before{
    content: url(../img/icons/history/1.svg);
    position: absolute;
    top: -23px;
    right: 212px;
    z-index: 9;
}
.slider-photo::after{
    content: url(../img/icons/history/2.svg);
    position: absolute;
    bottom: -32px;
    left: 200px;
    z-index: 9;
}
.slider-history > .owl-nav{
    display: none;
}
.slider-footer-history{
    position: static;
    bottom: 48px;
    z-index: 1;
}
.next-h, .prev-h{
    border-color: #2C91EB;
    position: absolute;
    bottom: 64px;
    z-index: 99;
}
.next-h:hover, .prev-h:hover{
    background-color: #2C91EB;
}
.next-h{
    right: 0;
}
.next-h svg{
    right: 30px;
    top: 29px;
}
.prev-h svg{
    left: 30px;
    top: 29px;
}

.platforms-wrapper{
    display: flex;
    margin-top: 26px;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 64px;
    align-items: flex-start;
}
.platforms-legend_right{
    width: 430px;
}
.platforms-map-wrapper{
    width: 938px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin-top: 180px;
    margin-left: 40px;
}
.platforms-map{
    width: 96.4%;
    height: 960px;
    margin-top: -180px;
    margin-left: -40px;
}
.platforms-map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.platforms-legend{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 32px 40px;
    padding-right: 24px;
}
.platforms-legend .footer-contact-info p{
    font-size: 14px;
}
.platforms-legend .footer-contact-item{
    gap: 15px;
}
.platforms-legend .footer-contact-info p{
    line-height: 150%;
}
.platforms-legend_right h3{
    margin:35px 0 25px ;
    letter-spacing: 0.07em;
    line-height: 144%;
    font-family: 'Inter-ExtraBold';
}
.platforms-legend_right h3:first-of-type{
    margin-top: 0;
}
.platforms-wrapper .footer-contact-icon{
    min-width: 48px;
    height: 48px;
}
.platforms-legend_right .footer-contact-item{
    margin-bottom: 15px;
    gap: 17px;
    text-decoration: none;
}
.platforms-legend_right .footer-contact-item:hover span{
    color: #2C91EB;
    opacity: 1;
    transition-duration: 0.3s;
}
.label-lagent{
    border: 2px solid #0055D6;
    padding: 3px 8px;
    border-radius: 900px;
    display: inline-block;
    transition-duration: 0.3s;
    color: #ffffff !important;
}

/* .label-lagent:hover{
    background-color: #0055D6;
    transition-duration: 0.3s;
} */
.platforms-legend_right .footer-contact-item span{
    font-size: 16px;
    margin-bottom: 0;
    line-height: 154%;
    transition-duration: 0.3s;
}
.platforms-legend_right .footer-contact-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.page-container{
    position: relative;
}

.prev-s svg{
    left: 30px;
}
.page-container__slider{
    min-height: 720px;
    height: calc(100vh - 78px);
    position: relative;
}
.home-slider__footer{
    bottom: 80px;
}
.slider-image{
    transform: scale(0.75) translateY(-130px);
}
.btn-slide__icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.nav-page__list .header-btns{
    display: none;
}
.fancybox__content{
    outline: 65px solid #1B2051;
}

.fancybox__caption{
    position: relative;
    z-index: 999;
}
.fancybox__backdrop{
    background: rgba(18, 4, 57, 0.616) !important;
}
.carousel__button.is-next::before{
    content: url(../img/icons/right-modal.svg);
}
.carousel__button.is-prev::after{
    content: url(../img/icons/left-modal.svg);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{
    border-width: 3px !important;
    border-color: #ffffff !important;
}
.fancybox__thumb::after{
    border-color: #ffffff !important;
}
.before-img img{
    position: relative;
    display: block;
}
.before-img{
    background-image: url('../img/icons/profile/1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 24px;
    top: -27px;
    z-index: 99;
    opacity: 0;
    transition-duration: 0.3s;
}
.gallery-item:hover .before-img{
    opacity: 1;
    transition-duration: 0.3s;
}

.subtitle-page{
    font-family: 'Proxima-ExtraBold';
    font-size: 40px;
    line-height: 125%;
}
.support-wrapper_two{
    gap: 32px 40px;
    padding-bottom: 66px;
    margin-bottom: 0;
}
.platforms-map-wrapper{
    position: relative;
}
.platforms-map-wrapper::before{
    content: url(../img/icons/profile/2.svg);
    position: absolute;
    top: 120px;
    right: -34px;
}
.profile-info{
    margin-top: -8px;
}
.history-card .owl-item{
    height: 480px;
}
.history-card .owl-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-history__item{
    padding-top: 44px;
}
.history-card__trigger .footer-contact-info span {
    margin-bottom: 7px;
}
.infrastructure-item:nth-of-type(2) .infrastructure-item__info{
    padding-top: 37px;
}
.infrastructure-item:nth-of-type(2) .infrastructure-item__statistics{
    margin-top: 23px;
    gap: 44px 70px;
}
.infrastructure-item_small:first-of-type{
    padding-top: 70px;
}
.infrastructure-item_small:last-of-type  .infrastructure-item__info {
    padding-top: 66px;
}
.infrastructure-item_small .infrastructure-item__statistics{
    margin-top: 16px;
}
.infrastructure-item_small .footer-contact-icon{
    margin-top: 8px;
}
.infrastructure-item_small .footer-contact-info span{
    line-height: 140%;
    margin-bottom: 13px;
}
.infrastructure-item__avia{
    padding-top: 80px;
}
.indicators-item__city img{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.indicators-item__city .indicators-chard{
    position: relative;
}
.city-number{
    font-size: 2.1vw;
    color: #120439;
    font-family: 'Inter-ExtraBold';
    position: absolute;
}

.city-title__row{
    display: flex;
    justify-content: space-between;
    width: 65%;
    margin: 0 auto;
    margin-bottom: -25px;
    transform: translateY(3px);
}
.city-title{
    font-size: 14px;
    font-family: 'Inter-Regular';
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 0.03em;
}
.city-title__right{
    text-align: right;
}
.city-number__left {
    top: 81px;
    left: 22.6%;
}
.city-number__right{
    top: 81px;
    left: 71.7%;

}
.indicators-mob{
    display: none;
}
.indicators-item__people .indicators-chard{
    margin-top: 15px;
}
.indicators-item__people{
    padding-bottom: 51px;
}

.industries-item__blue .industries-item__right svg path{
    stroke: #2C91EB;
}
.industries-item__pink .industries-item__right svg path{
    stroke: #AF42E2;
}

.industries-item__brown .industries-item__right svg path{
    stroke: #E98023;
}
.industries-item__red .industries-item__right svg path{
    stroke: #F05252;
}

.industries-item__lightgreen .industries-item__right svg path{
    stroke: #BEEFE9;
}
.industries-item__green .industries-item__right svg path{
    stroke: #26BC00;
}
.industries-item__lightblue .industries-item__right svg path{
    stroke: #76BEFF;
}

.industries-item__darkblue .industries-item__right svg path{
    stroke: #035FEA;
}
/* ==================================== */
.color-yellow .btn-slide{
    border-color: #FEBD16;
}
.color-yellow .btn-slide:hover{
    background-color: #FEBD16;
}
.color-yellow .image-right .image-right__icon path, .color-yellow  .main-image__icon3 path{
    fill: #FEBD16;
}

.color-yellow .main-image__icon1 path, .color-yellow  .main-image__icon2 path, .color-yellow  .image-left__icon path{
    fill: #F4E5BF;
}


/* ==================================== */

.color-purple .btn-slide{
    border-color: #AF42E2;
}
.color-purple .btn-slide:hover{
    background-color: #AF42E2;
}
.color-purple .image-right .image-right__icon path, .color-purple  .main-image__icon3 path{
    fill: #AF42E2;
}
.color-purple .main-image__icon1 path, .color-purple  .main-image__icon2 path, .color-purple  .image-left__icon path{
    fill: #EAC7FB;
}
/* ==================================== */
.color-blue .btn-slide{
    border-color: #2C91EB
}
.color-blue .btn-slide:hover{
    background-color: #2C91EB
}
.color-blue .image-right .image-right__icon path, .color-blue  .main-image__icon3 path{
    fill: #2C91EB;
}
.color-blue .main-image__icon1 path, .color-blue  .main-image__icon2 path, .color-blue  .image-left__icon path{
    fill: #A6D2FA;
}
/* ==================================== */
.color-orange .btn-slide{
    border-color: #E98023
}
.color-orange .btn-slide:hover{
    background-color: #E98023
}
.color-orange .image-right .image-right__icon path, .color-orange  .main-image__icon3 path{
    fill: #E98023;
}
.color-orange .main-image__icon1 path, .color-orange  .main-image__icon2 path, .color-orange  .image-left__icon path{
    fill: #F6D9BF;
}

/* ==================================== */
.color-red .btn-slide{
    border-color: #F05252
}
.color-red .btn-slide:hover{
    background-color: #F05252
}
.color-red .image-right .image-right__icon path, .color-red  .main-image__icon3 path{
    fill: #F05252;
}
.color-red .main-image__icon1 path, .color-red  .main-image__icon2 path, .color-red  .image-left__icon path{
    fill: #FDC3C3;
}

/* ==================================== */
.color-lightgreen .btn-slide{
    border-color: #38B8C0
}
.color-lightgreen .btn-slide:hover{
    background-color: #38B8C0
}
.color-lightgreen .image-right .image-right__icon path, .color-lightgreen  .main-image__icon3 path{
    fill: #38B8C0;
}
.color-lightgreen .main-image__icon1 path, .color-lightgreen  .main-image__icon2 path, .color-lightgreen  .image-left__icon path{
    fill: #B8F2F5;
}

/* ==================================== */
.color-ocean .btn-slide{
    border-color: #BEEFE9
}
.color-ocean .btn-slide:hover{
    background-color: #BEEFE9
}
.color-ocean .image-right .image-right__icon path, .color-ocean  .main-image__icon3 path{
    fill: #BEEFE9;
}
.color-ocean .main-image__icon1 path, .color-ocean  .main-image__icon2 path, .color-ocean  .image-left__icon path{
    fill: rgb(191, 246, 250);
}


/* ==================================== */
.color-lightblue .btn-slide{
    border-color: #76BEFF
}
.color-lightblue .btn-slide:hover{
    background-color: #76BEFF
}
.color-lightblue .image-right .image-right__icon path, .color-lightblue  .main-image__icon3 path{
    fill: #76BEFF;
}
.color-lightblue .main-image__icon1 path, .color-lightblue  .main-image__icon2 path, .color-lightblue  .image-left__icon path{
    fill: #add9ff;
}

/* ==================================== */
.color-darkblue .btn-slide{
    border-color: #035FEA
}
.color-darkblue .btn-slide:hover{
    background-color: #035FEA
}
.color-darkblue .image-right .image-right__icon path, .color-darkblue  .main-image__icon3 path{
    fill: #035FEA;
}
.color-darkblue .main-image__icon1 path, .color-darkblue  .main-image__icon2 path, .color-darkblue  .image-left__icon path{
    fill: #B3CCF1;
}

/* ==================================== */
.color-green .btn-slide{
    border-color: #26BC00
}
.color-green .btn-slide:hover{
    background-color: #26BC00
}
.color-green .image-right .image-right__icon path, .color-green  .main-image__icon3 path{
    fill: #26BC00;
}
.color-green .main-image__icon1 path, .color-green  .main-image__icon2 path, .color-green  .image-left__icon path{
    fill: #C6F4BA;
}