/* @import 'vars';
@import 'fonts';
@import 'reset';
@import 'global';
@import 'libs';
@import 'media'; */
.top__info{
    color: #313436;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    font-style: italic;
    margin-bottom: 75px;

}
.header {
	 margin-bottom: 90px;
}

 .header__inner {
	 text-align: center;
	 padding: 30px 10px;
	 display: flex;
	 justify-content: space-between;
}
 .header__menu {
	 /* margin-left: 60px;
	 margin-right: 120px; */
     margin: auto 60px auto 120px;
}
 .header__menu-list {
	 display: flex;
	 flex-direction: row;
	 gap: 40px;
	 padding: 10px 0 !important;
    
}
 .header__menu-list-link {
	 color: #313436;

	 font-style: normal;
	 text-align: end;
     position: relative;
     font-size: 20px;
font-weight: 400;
line-height: 28px;
     
}

.header__menu-list-link--more, .submenu__header-link{
    padding-right: 4px;
    position: relative;
    /* font-size: 14px; */
	 font-style: normal;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.sub-menu__arrow{
    transform: translateY(-50%);
    display: inline-flex;
    width: 8px;
    height: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    border-top: 1px solid #313436;
    border-left: 1px solid #313436;
    transform: rotate(225deg);
    margin-bottom: 2px;
}
.sub-menu__arrow-menu{
    transition: all .2s;
}

.header__menu-list-item--more{
    position: relative;
    display: inline-block;
}


.submenu__header-list {
    position: absolute;
    left: 0px;
    top: 30px;
    padding: 10px 20px;
    width: 220px;
    background-color: white;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    /* border-radius: 7px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .09s ease-out; */
    display: none;
}
/* .submenu__header-list.open {
    z-index: 10000000;
    visibility: visible;
    opacity: 1;
} */


/* .header__menu-list-item--more:hover{
    .submenu__header-list{
        display: block;
    }
} */
.submenu__header-list--open{
    display: flex;
}
.header__menu-list-link--click{
    color: #63beff;
}
.header__menu-list-link--click  + .sub-menu__arrow{
    transform: rotate(405deg);
    border-top: 1px solid #63beff;
    border-left: 1px solid #63beff;
}


.submenu__header-item {
    /* display: none; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #313436;
    padding: 20px;
    font-size: 14px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 22px;
    max-height: 50px;
}
.submenu__header-list {
    width: 300px !important;
    border-radius: 8px;
}
.submenu__header-link{
    display: block;
    padding: 10px 0;
    color: #313436;
    opacity: 0.7;
    text-decoration: none;
}
.submenu__header-link--click{
    color: #63beff;
}
.submenu__header-item:first-child{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.submenu__header-item a:hover{
    display: block;
    padding: 10px 0;
    color: #313436;
    opacity: 1;
    text-decoration: none;
}

.header__btn{
    margin-left: 30px;
    max-width: 218px;
    width: 100%;
    height: 100%;
}
 .btn {
	 background-color: #63beff;
     position: relative;
	 border-radius: 15px;
	 border: none;
}
.header__btn-inner{
    display: flex;
}
.header__btn-item{
    /* padding: 17px 16px 17px 24px; */
    margin: auto;
}
.btn-link {
    max-width: 116px;
    width: 100%;
    text-align: center;
    color: #FFF;
    text-align: center;

    color: white;
    position: relative;
    font-size: 20px;
    font-weight: 400;
}
.btn-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}
.btn-link::after {
    position: absolute;
    content: "";
    width: 1px;
height: 22px;
right: -16px;
background: rgba(255, 255, 255, 0.20);
}
.btn-content{
    padding: 16px 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    cursor: pointer;
}
 .btn-content--footer{
    padding: 16px 0 16px 32px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    cursor: pointer;
}
.btn-content-item{
    /* padding-right: 14px; */
    /* padding: 5px 14px 5px 5px; */
        padding-left: 16px;
        padding-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto 0;
}
.btn-arrow--submenu{
    left: 208px !important;
}
.btn-content--click {
    border-radius: 12px;
    background: #49A5E7;
    box-shadow: 0.5px 0.5px 2px 0px #3C96D7 inset;
}
.btn-content-arrow--click {
    transform: rotate(50deg) !important;
}

.header__lang-arr--active {
    transform: rotate(-315deg);
}

.btn-arrow, .btn-arrow--footer{
    position: absolute;
    top: 22px;
    left: 193px;
    display: inline-flex;
    width: 9px;
    height: 9px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    border-top: 1px solid white;
    border-left: 1px solid white;
    transform: rotate(225deg);
}

.submenu__btn {
    position: absolute;
    left: 0px;
    top: 60px;
    padding: 4px !important;
    background-color: white;
    gap: 4px;
    flex-direction: row;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.10);
    cursor: auto;
    display: none;
    transition: all .09s ease-out;
    border: 1px solid #D9DFEB;
    z-index: 44;
}

.submenu__btn--footer {
    position: absolute;
    left: 0px;
    top: 60px;
    padding: 4px !important;
    background-color: transparent;
    gap: 4px;
    flex-direction: row;
    border-radius: 8px;
    box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.10);
    cursor: auto;
    display: none;
    transition: all .09s ease-out;
    border: 1px solid #374B6B;
}
.submenu__btn-tariff {
    position: absolute;
    left: 0px;
    top: 60px;
    padding: 4px !important;
    background-color: white;
    gap: 4px;
    flex-direction: row;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.10);
    cursor: auto;
    display: none;
    transition: all .09s ease-out;
    border: 1px solid #D9DFEB;
}
 .submenu__btn--open{
    display: flex;
}
.tariffs-submenu__btn--open {
    display: flex;
}

.submenu__btn-item{
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 4px;
border: 1px solid #D9DFEB;
background: #FFF;
}
.submenu__btn-item:first-child{
    background-color: #63BEFF;
}

.header__lang {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.header__lang-arr{
    /* position: absolute;
    left: 37px;
    top: 19px; */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
}
.header__lang-inner {
    display: flex;
    gap: 20px;
}

.lang-menu {                
    position: absolute;
    left: 0px;
    top: 52px;
    background-color: white;
    /* display: flex; */
    gap: 4px;
    flex-direction: column;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.10);
    /* visibility: hidden;
    opacity: 0;
    z-index: -1; */
    display: none;
    transition: all .09s ease-out;
    border: 1px solid #D9DFEB;
    min-width: 130px;
    width: 100%;
    z-index: 44;
} 
.lang-menu--click{
    display: flex;
}
.lang-menu.show {
    z-index: 10000000;
    visibility: visible;
    opacity: 1;
}
.lang-menu__inner {
    display: flex;
    flex-direction: column;
}
.lang-menu__item-wrapper{
    padding: 2px;
    border-bottom: 1px solid rgba(0,0,0,0.2);;
}
.lang-menu__item{
    border-radius: 4px;
    display: flex;
    padding: 5px;
    background-color: white;
    max-width: 160px;
    width: 100%;
}
.lang-menu__images {
    max-width: 30px;
    width: 100%;
}
.lang-menu__item:hover {
    background-color: #0094FF;
}
.lang-menu__item:hover {
    .lang-menu__link{color: white;}
}
.lang-menu__link{
    color: #313436;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}




/* 

 .header__lang {
	 display: flex;
	 gap: 10px;
}
 .header__lang-select {
	 border: none;
	 cursor: pointer;
}
 .header__lang-img {
	 width: 24px;
	 height: 24px;
	 text-align: center;
}
 .lang {
	 border: none;
}
 .lang-ua {
	 background-image: url(images/icons/lang-ua.png);
	 height: 24px;
	 font-size: 24px;
} */
.top {
    margin-bottom: 160px;
}
.top__images{
    padding: 80px 30px 0;
    background-color: #63BEFF;
    border-radius: 25px;
    overflow: hidden;
}
.top__img{
    vertical-align: top;
    transition: all .3s;
}
.top__img:hover{
    transform: scale(1.3);
}
 .top__title {
	 color: #313436;
	 font-size: 74px;
	 font-weight: 700;
	 /* line-height: 54px; */
     line-height: 84px;
	 /* margin-bottom: 120px; */
     margin-bottom: 75px;

	 padding: 0 10px;
}
 .top__title-center {
	 display: flex;
	 justify-content: center;
	 gap: 12px;
	 text-align: center;
	 /* padding-bottom: 36px; */
}
 .top__title-left {
	 text-align: left;
	 display: flex;
	 justify-content: start;
	 /* padding-bottom: 36px; */
}
 .top__title-right {
	 display: flex;
	 justify-content: end;
	 text-align: right;
}
 .top__title-blue {
	 color: #63beff;
}
 .assistant {
	 margin-bottom: 100px;
}
 .assistant__item {
	 display: flex;
	 /* justify-content: space-between; */
     gap: 20px;
	 flex-direction: column;
}

.assistant__item-content{
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 12px;
    padding-top: 0px;
    /* padding-top: 20px; */
}
.assistant__title {
    color: #313436;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    padding-bottom: 32px;
}
.assistant__subtitle {
    color: #4E6678;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 100px;
    max-width: 764px;
    width: 100%;
    margin: 0 auto;
}
.assistant__wrapper {
    width: 100%;
    /* // display: grid;
    // grid-gap: 20px; */
    display: flex;
    gap: 20px;
    /* height: 1015px; */
    /* height: 1150px; */
    max-width: 1380px;
    /* // grid-template-columns: repeat(3, 1fr);
    // grid-template-rows: repeat(3, 1fr);
    background-color:  rgba(19, 34, 26, 0.05); */

}
.assistant__left{
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.assistant__right{
    display: flex;
    flex-direction: column;
    gap: 20px;
    
}
.assistant__bottom{
    display: flex;
    gap: 20px;
}
.assistant__top{
    display: flex;
    gap: 20px;
}

.assistant__item {
    padding-bottom: 20px;
    background-color: #fff;
}
/* // .assistant__item:nth-child(1){
//        grid-area: 1/1/3/3;
//        width: 680px;
//     height: 600px;
// }
// .assistant__item:nth-child(2){
//     grid-area: 1/3/2/4;  
//     width: 330px;
// height: 395px;
// }
// .assistant__item:nth-child(3){
//     grid-area: 1/4/2/5;  
//     width: 330px;
// height: 395px;
// }
// .assistant__item:nth-child(4){
//    grid-area: 3/1/4/2; 

//    width: 330px;
// height: 395px;
// }
// .assistant__item:nth-child(5){
//     width: 330px;
// height: 395px;

//     grid-area: 3/2/4/3; 
// }
// .assistant__item:nth-child(6){
//    grid-area:  2/3/4/5;
//    width: 680px;
//     height: 600px;
// } */
.assistant__item-box{
    padding-top: 44px;
    padding-right: 42px;
}

.assistant__item--min {
    max-width: 330px;
    min-height: 395px;
    width: 100%;
    text-align: center;

    /* display: flex;
    justify-content: space-between;
    flex-direction: column; */
}
/* .assistant__item--min-more{
    min-height: 600px;
    z-index: 22;
} */

.security--more{
    margin-top: 120px;
}

.assistant__item--big{
    max-width: 680px;
    min-height: 626px;
    width: 100%;
    height: 100%;
}
.assistant__item--big-top{
    padding:0 20px 20px 20px;
}
.assistant__item--big-bottom {
    padding: 20px;
}
.assistant__item-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}
.assistant__item-img img{
    max-width: 290px;
    width: 100%;
    max-height: 239px;
    height: 100%;
}
.assistant__item-img--big img{
    max-width: 640px;
    max-height: 470px;
    /* max-width: 378px;
    max-height: 378px; */
    width: 100%;
    height: 100%;
}
.assistant__item-img--big {
    padding-top: 0;
}

.assistant__item-title {
    color: #313436;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}
.assistant__item-text {
    color: #4E6678;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}



.introduction {
    margin-bottom: 180px;
    padding-right: 10px;
}
.introduction__inner {
    display: flex;
    gap: 83px
}
.introduction__video {
    background-image: url('../images/video-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 757px;
    width: 100%;
    min-height: 425px;
    height: 100%;
    /* // padding: 192px 349px; */
    position: relative;
}
.introduction__video a {
    pointer-events: none;
}
.video_video-icon{
    position: absolute;
    content: "";
    top: 45%;
    left: 45%;
  
}
.introduction__content{
    padding-top: 75px;
}
.introduction__title {
    color: #313436;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 32px;
}
.introduction__text {
    color: #4E6678;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    max-width: 490px;
    width: 100%;
    min-height: 196px;
    height: 100%;
}


.lang{
    padding-top: 12px;
    width: 85px;
    height: 50px;
    margin: auto 0;
}
select
{
border: none;
cursor: pointer;
width: 100px;

}
.select-events{
    height: 30px;
}
/* option{
// padding-left: 20px;
// padding-top: 3px;
// padding-bottom: 3px;
} */

option:hover{
background-color: #eee;
}

.icon-ua{
background: url('../images/icons/lang-ua.png') no-repeat;
/* background-size: 24px; */
min-height: 25px;
padding-left: 37px;
background-position: 0 1px;
}
.icon-eng
{
background: url('/../images/icons/lang-eng.png') no-repeat;
min-height: 25px;
padding-left: 37px;
background-position: 0 1px;
}

/* // select.icon-ua,
// select.icon-eng
// {
// padding-top: 2px;
// padding-bottom: 3px;
// padding-left: 16px;
// background-position: 0 1px;
// } */

.security{
    margin-bottom: 80px;
    background-color: #1A344B;
    border-radius: 25px;
    background-image: url('../images/security__bg.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}
.security__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 50px;
    color: #FFF;
}
.security__wrapper{
    display: flex;
}
.security__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 6px;
    padding: 80px 0 80px 80px;
}
.security__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 50px;
}
.security__item {
    padding-left: 52px;
    position: relative;
}
.security__item::before{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background-image: url('../images/decor/security.png');
}
.security__item-text {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.security__images {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1050px;
    height: 540px;
}
.security__img{
    width: 494px;
    height: 464px;
}

.employee{
    margin-bottom: 160px;
    
    filter: drop-shadow(0px 10px 32px rgba(19, 34, 26, 0.06));
    max-width: 1380px;
    width: 100%;
    min-height: 876px;
    height: 100%;
   
    background-image: linear-gradient(147deg, #1A344B 0%, #242F50 100%) !important;
    background-image: url('../images/employee-bg.png');
    background-repeat: no-repeat;

    background-position: bottom center;

    border-radius: 25px;
    position: relative;
}
.employee-img{
    max-width: 100%;
    width: 100%;
    min-height: 492px;
    height: 100%;
}
.employee-bg{
    background-image: url('../images/employee__bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 876px;
    height: 100%;
}

.employee-wrapper{
    padding: 80px 60px 73px;

}
/* .employee-img{
    background-image: url('../images/employee-bg.png');
background-repeat: no-repeat;
background-position: center bottom;
} */
.employee__title {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -2px;
    margin-bottom: 125px;
 
}
.employee__title::after{

}
.employee__inner {
    display: flex;
    justify-content: space-between;
}
.employee__left, .employee__right {
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.employee__item {
    padding-left: 36px;
    position: relative;
    color: #FFF;
    font-size: 24px;
    line-height: 32px;
}
.employee__item::before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
   top: 50%;
   transform: translateY(-50%);
    background-image: url('../images/decor/employee.png');
}
.employee__item-1::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-1.png');
    background-repeat: no-repeat;
    width: 400px;
    height: 390px;
    top: -25px;
    /* left: 90px; */
    left: 50px;
}
.employee__item-2::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-2.png');
    background-repeat: no-repeat;
    width: 331px;
    height: 83px;
    top: -25px;
    left: 70px;
}
.employee__item-3::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-3.png');
    background-repeat: no-repeat;
    width: 340px;
    height: 83px;
    top: -25px;
    left: 50px;
}
.employee__item-4::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-4.png');
    background-repeat: no-repeat;
    width: 360px;
    height: 73px;
    top: -25px;
    left: 50px;
}
.employee__item-5::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-5.png');
    background-repeat: no-repeat;
    width: 400px;
    height: 122px;
    top: -25px;
    right: 60px;
}
.employee__item-6::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-6.png');
    background-repeat: no-repeat;
    width: 360px;
    height: 63px;
    top: -25px;
    right: 70px;
}
.employee__item-7::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-7.png');
    background-repeat: no-repeat;
    width: 370px;
    height: 85px;
    top: -25px;
    right: 80px;
}
.employee__item-8::after{
    position: absolute;
    content: "";
    background-image: url('../images/decor/employee-arr-8.png');
    background-repeat: no-repeat;
    width: 450px;
    height: 53px;
    top: -25px;
    right: 70px;
}

.benefits {
    margin-bottom: 160px;
}
.benefits__title {
    color: #313436;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 32px;
}
.benefits__subtitle {
    color: #4E6678;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; 
    max-width: 817px;
    width: 100%;
    margin: 0 auto;
}
.benefits__wrapper {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.benefits__item {
    display: flex;
    justify-content: space-between;
    background-color: white;
    /* background-color: #333; */
}
.benefits__item-content {
    max-width: 660px;
    width: 100%;
    padding: 80px 60px;
}
.benefits__item-images {
    max-width: 660px;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.benefits__item-title {
    color: #313436;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
}
.benefits__item-text {
    color: #4E6678;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    max-width: 523px;
    width: 100%;
}
.tariffs {
    margin-bottom: 160px;
}
/* .tariffs__item-content-1{
    background-image: url('../images/decor/tarrif-bg-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
} */
.tariffs__title {
    color: #313436;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 32px;
}
.tariffs__subtitle {
    color: #4E6678;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    max-width: 863px;
    width: 100%;
    margin: 0 auto;
}
.tariffs__tariff {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 80px;
}
.tariffs__tariff-text{
    color: #313436;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}
.tariffs__tariff-span{
    color: rgba(78, 102, 120, 0.80);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px; 
}
.tariffs__tariff-box{
    display: flex;
    flex-direction: row;
}
.tariffs__tariff-promotion{
    margin-left: 10px;
    color: #0094FF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 5px 6px;
    background-color: rgba(99, 190, 255, 0.20);
    border-radius: 5px;
}
.switch {
    margin: 0 16px;
    width: 48px;
    height: 24px;
    /* display: inline-block; */
    display: flex;
    position: relative;
    border-radius: 34px;
    background-color: #63BEFF;
}
.switch__input {
    height: 0;
    width: 0;
    opacity: 0;
}
.switch__slider {
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* height: 16px;
    width: 40px; */
    border-radius: 34px;
    background-color: #63BEFF;
    transition: all .2s;
}
.switch-circle{
    position: absolute;
    content: "";
    cursor: pointer;
    top: 4px;
    left: 28px;
    bottom: 4px;
    right: 0;
    height: 16px;
    width: 16px;
    border-radius: 34px;
    background-color: white;
    transition: all .2s;
}
.switch-circle--trans{
    transform: translateX(-24px);
}
.switch__input:focus + .switch__slider{
    box-shadow: 0 0 1px #63BEFF;
}
.switch__input:checked + .switch__slider{
    background-color: #63BEFF;
}
.tariffs__item-price-num--before{
    display: none;
}

.open{
    display: block;
    /* color: #313436; */
    color: inherit;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}
.off{
    display: none;
}

.tariffs__item-price-num--before.open {
    .tariffs__item-content--active{
        color: white !important;
    }
}
.tariffs__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;

}
.tariffs__item {
    min-width: 330px;
    width: 100%;
    /* min-height:950px; */
    padding-bottom: 20px;
    height: 100%;
    position: relative;
    background-color: white;
}
.tariffs__item-info-item:nth-child(5){
    border-bottom: none;
}
.tariffs__item-top{
    display: flex;
    justify-content: space-between;
}
.tariffs__item-proposal{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0094FF;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    background-color: white;
    line-height: 16px;
    min-width: 148px;
    height: 32px;
    margin: auto 0;
    border-radius: 10px;
}
.tariffs__item-content {
    padding: 20px 20px 30px 20px;
    /* max-width: 290px;*/
    width: 100%; 
    max-height: 362px;
    height: 100%;
    margin: 20px 20px 0 20px;
    width: 290px;
    border-radius: 16px;
}
.tariffs__item-images {
    max-width: 50px;
    width: 100%;
}
.tariffs__item-title {
    margin-top: 24px;
    color: #313436;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px; 
    margin-bottom: 6px;
}
.tariffs__item-text {
    color: rgba(49, 52, 54, 0.70);
    font-size: 18px;
    font-weight: 400;
    line-height: 20px; 
    margin-bottom: 24px;
    min-height: 40px;
    height: 100%;
    min-width: 250px;
    width: 100%;
}
.tariffs__item-price {
    color: rgba(49, 52, 54, 0.70);
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.4px;
    margin-bottom: 46px;
    position: relative;
    display: flex;
}
.tariffs__item-price-mouth{
    margin-top: auto;
}

.tariffs__item-btn-inner{
    display: flex;
    gap: 20px;
    position: relative;
    padding: 15px 25px;
}

.tariffs__item-btn-text{
    position: relative;
}
.tariffs__item-btn-text::after{
    position: absolute;
    content: "";
    height: 22px;
    width: 1px;
    right: -25px;
    background: rgba(255, 255, 255, 0.20);
}
.tariffs__item-btn-content{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    gap: 5px;
}
.tariffs__item-btn-content svg path{
        fill: white;
}
.tariffs__item-content:hover .tariffs__item-btn-content svg path {
    fill: #63BEFF;
}  
.tariffs__item-btn-content-item-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tariffs__item-connection-btn{
    margin-top: 24px;
    padding: 15px 0px !important;
}
.submenu__btn--3, .submenu__btn--2, .submenu__btn--1{
    left: 14%;
    top: 60px;
    border: none;
    padding: 0 !important;
}

.tariffs__item-price-info{
    position: absolute;
    content: "";
    bottom: -28px;
    left: 0;
    
}
.tariffs__item-price-info--off{
    display: none;
    transition: all .3s;
}
.tariffs__item-btn{
    max-width: 250px;
    width: 100%;
    border: none;
    cursor: pointer;
    max-height: 52px;
    background-color: #63BEFF;
    color: white;
    border-radius: 16px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    /* padding: 15px 46px !important; */
    margin-bottom: 50px;
}
.tariffs__item-connection{
    display: flex;
    margin-bottom: 25px;
}
.tariffs__item-connection-text{
    display: flex;
    justify-content: end;
    align-items: end;
    color: rgba(49, 52, 54, 0.70);
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
}
.tariffs__item-price-num{
    color: #313436;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
}

.tariffs__item-info {
    padding: 20px;
    /* max-height: 334px; */
    height: 100%;
}
.tariffs__item-info-title {
    color: #313436;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 20px;
}
.tariffs__item-info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 305px !important;
    height: 100%;
    position: relative;
}

.tariffs__item-info-item {
    padding-left: 28px;
    position: relative;
    color: var(--txt, #4E6678);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E5EBF0;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
}
.tariffs__item-info-item:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.tariffs__item-info-item::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    background-image: url('../images/decor/tick.png');
    background-repeat: no-repeat
}
.tariffs__item-info-more {
    text-align: center;
    margin: 0 auto;
    display: flex;
    padding-top: 20px;
    color: #63BEFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    position: relative;
    max-width: 137px;
    width: 100%;
}
/* .tariffs__item-info-more{
    position: absolute;
    bottom: 0;
    right: 50%;
    left: 50%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    padding-top: 20px;
    color: #63BEFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    max-width: 137px;
    width: 100%;
}
--active */
.tariffs__item-content:hover.tariffs__item-content{
    background-color: #63BEFF !important;
}
.tariffs__item-content:hover .tariffs__item-title{
    color: white;
}
.tariffs__item-content:hover .tariffs__item-text{
    color: white;
}
.tariffs__item-content:hover .tariffs__item-price{
    color: white;
}
.tariffs__item-content:hover .tariffs__item-price-num{
    color: white;
}
.tariffs__item-content:hover .tariffs__item-price-info{
    color: white;
}
.tariffs__item-content:hover .tariffs__item-btn{
    background-color: white; 
    color: #63BEFF;
}
.tariffs__item-content:hover .tariffs__btn-arrow{
    border-top: 1px solid #0094FF; 
    border-left: 1px solid #0094FF;
}


.tariffs__btn-arrow--click{
    transform: rotate(275deg);
}


.more-text{
    display: none;
}
.more-text-btn{
    color: #66BEFD;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    cursor: pointer;
}
.tariffs__btn-arrow{
    position: absolute;
    top: 22px;
    left: 215px;
    display: inline-flex;
    width: 8px;
    height: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    border-top: 1px solid white;
    border-left: 1px solid white;
    transform: rotate(225deg);
}

.tariffs__item-info-more::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    background-image: url('../images/icons/more-arr.png');
    background-repeat: no-repeat;
    right: -4px;
}

.btn-arrow--footer{
    left: 255px;
}

.reviews__wrapper {
    background-image: url('../images/decor/reviews-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #63BEFF;
    position: relative;
    border-radius: 16px;
    max-width: 1380px;
    width: 100%;
    text-align: center;
    /* padding: 0 260px; */
    min-height: 500px;
    height: 100%;
    margin-bottom: 335px;
}

.reviews__title {
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    padding-top: 80px;
    text-align: center;
    margin-bottom: 32px;
}
.reviews__subtitle {
    color: rgba(255, 255, 255, 0.80);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px; 
    text-align: center;
    margin: 0 auto;
    max-width: 863px;
    width: 100%;
    margin-bottom: 80px;
}
.reviews__inner {
    padding: 0 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -160px;
    max-width: 1261px;
    width: 100%;
    margin: 0 auto;
}
.reviews__item {
    background-color: white;
    border-radius: 16px;
    /* margin-bottom: -14%; */
    padding: 30px;
    /* max-width: 407px;
    width: 100%; */
    max-height: 380px; 
    height: 100%;
    margin-right: 25px;
    
}

.reviews__item-inner{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 270px;
}
/* .reviews__item.slick-slide.slick-current.slick-active {
    width: 215px !important;
} */
.reviews__item:last-child{
    margin: 0;
}
.reviews__item__images {
    
    margin-bottom: 30px;
}
.slick-arrow{
    position: absolute;
 }
.slick-next{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: white;
    width: 52px;
    height: 52px;
    right: 26px;
    top: 50%;
    transform: translateX(-50%);
} 
.slick-prev{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: white;
    width: 52px;
    height: 52px;
    left: 60px;
    top: 50%;
    z-index: 100;
    transform: translateX(-50%);
} 
.reviews__item-text {
    color: #4E6678;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; 
    margin-bottom: 30px;
    max-width: 347px;
    width: 100%;
}
.reviews__item-author {
    display: flex;
    gap: 12px;
    min-width: 60px;
    width: 100%;
    height: 60px;
}
.reviews__item-author-images {
    border: 1px solid #DCE1EB;
    border-radius: 50%;
    max-width: 60px;
    width: 100%;
    min-height: 60px;
    height: 100%;
}
.reviews__item-author-img {
    max-width: 60px;
    width: 100%;
    min-height: 60px;
    height: 100%;
}
.reviews__item-author-content {
    max-width: 241px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    gap: 6px;
}
.reviews__item-author-name {
    color: #313436;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.reviews__item-author-about {
    color: rgba(49, 52, 54, 0.70);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.articles {
    position: relative;
margin-bottom: 160px;
}
.articles__top {
    display: flex;
    justify-content: space-between;
}
.articles__title {
    color: #313436;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px; 
}
.articles__more {
    padding: 15px 16px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; 
    background-color: #63BEFF;
    margin-bottom: 80px;
    border-radius: 16px;
}

.articles__inner {
    display: flex;
    gap: 20px;
}


.articles__item {
    padding: 20px;
}
.articles__item-images {
    margin-bottom: 20px;
    max-width: 447px;
    width: 100%;
}

.articles__item-data {
    color: #4E6678;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}
.articles__item-title {
    color: #313436;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
    min-height: 96px;

}
.articles__item-text {
    color: #4E6678;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.slick-articles-next{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: white;
    width: 52px;
    height: 52px;
    right: 140px;
    top: -135px;
    z-index: 100;
    transform: translateX(-50%);
}
.slick-articles-prev{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: white;
    width: 52px;
    height: 52px;
    right: 204px;
    top: -135px;
    z-index: 100;
    transform: translateX(-50%);
}



.footer {
background-image: linear-gradient(147deg, #1A344B 0%, #242F50 100%);;
margin-bottom: 30px;
border-radius: 16px;
}
.footer__wrapper{
    background-image: url('../images/footer-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.submenu__btn--footer.open{
    background-color: transparent;
    display: flex;
}
.footer__title {
    padding: 100px 60px 0;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 60px;
}
.footer__btn {
    margin: 0 auto;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    margin-bottom: 100px;
    max-width: 320px;
    width: 100%;
}
.footer__btn-inner {
    /* display: flex;
    justify-content: center;
    align-items: center; */
}
.submenu__btn--footer{
    /* left: 25px; */
    left: 20%;
}
.footer__content {
    border-top: 1px solid #374B6B;
    border-bottom: 1px solid #374B6B;
    display: flex;
    padding: 60px;
}
.footer__content-item {
    display: flex;
    flex-direction: column;
}
.footer__content-item--logo{
    margin-right: 230px;
}
.footer__content-item--company{
    max-width: 120px;
    width: 100%;
    margin-right: 80px;
}
.footer__content-item--application{
    max-width: 195px;
    width: 100%;
    margin-right: 80px;
}
.footer__content-item-images {
    margin-bottom: 32px;
}
.footer__content-item-text {
    color: rgba(255, 255, 255, 0.60);
    font-size: 20px;
font-weight: 400;
line-height: 28px;
    margin-bottom: 32px;
    max-width: 360px;
    width: 100%;
}
.footer__content-item-linkbox {
    display: flex;
    gap: 8px;
}
.footer__content-item-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px; 
    margin-bottom: 16px;
}
.footer__content-item-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__content-item-list-item {
    color: rgba(255, 255, 255, 0.70);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; 
}
.footer__content-item-list-link {
}
.footer__content-item-socials {
    display: flex;
    gap: 6px;
}
.footer__copy {
    display: flex;
    justify-content: space-between;
    padding: 40px 60px;
}
.footer__copy-copyright {
    color: #818A9C;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
.footer__copy-conditions {
    color: rgba(255, 255, 255, 0.70);
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}
/* 
.tariffs__item-info-item:not(:nth-child(-n+5)){
    display: none;
} */
/* .tariffs__item-info-more--close{
    display: none;
} */
.hidden{
    display: none !important;
}

/* 
.burger{
    display: none;
    position: relative;
    z-index: 100;
    align-items: center;
    justify-content: flex-end;
    width: 30px;
    height: 18px;
    cursor: pointer;
    margin: auto 0;
    padding-right: 40px;
}
.burger span{
    height: 2px !important;
    width: 80% !important;
    background-color: #1A344B;
    transform: scale(1);
    z-index: 7777777777777777777;
}
.burger::before, .burger::after{
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #1A344B;
    transition: all 0.3s ease;
}
.burger::before{
    top: 0;
}
.burger::after{
    bottom: 0;
}
 .burger.active span{
    transform: scale(0);
    background-color: #333;
}
.burger.active::before{
    top: 50%;
    transform: rotate(-45deg) translate(0, -50%);
    background-color: white;
}
.burger.active::after{
    bottom: 50%;
    transform: rotate(45deg) translate(0, 50%);
    background-color: white;
}

.header__menu-open{
    display: flex;
}  */
.eng_btn-content-item{
    padding-right: 26px;
}
.eng_tariffs__item-btn-inner{
    justify-content: end;
}

.burger{
    width: 40PX;
    border: none;
    border-color: transparent;
    padding: 10px 0;
    cursor: pointer;
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    background: transparent;
    }
    .burger::after,
    .burger::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #0094FF;
        transition: all .3s ease 0s;
    }
    .burger::after {
        top: 0;
    }
    .burger::before {
        bottom: 0;
    }
    .burger span {
        display: block;
        height: 4px;
        background-color: #0094FF;
        transition: all .3s ease 0s;
    }

    .burger.burger--active::before{
        transform: rotate(45deg);
        bottom: 7px;
    }
    .burger.burger--active::after{
        transform: rotate(-45deg);
        top: 9px;
    }
    .burger.burger--active span{
        display: none;
    }

    .header__menu-list-item-btn{
        display: none;
    }

    .slick-arr--none{
        display: none;
    }

    .information-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        cursor: pointer;
        margin: 0 auto;
        background-color: #0094FF;
        padding: 2px 5px;
        border: none; 
        z-index: -1;
        padding: 15px;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        margin: auto 0;
        margin-left: 20px;
    }
 
     .information-btn__wrapper{
        z-index: 1;
        cursor: pointer;
        
    }
        /* .modal--active{
            display: block !important;
        } */
    .modal{
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5555;
        transition: all .3s;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
 
    }
    .top__title--centner{
        display: none;
    }
    /* .modal--active{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .modal--off{
        display: none;
    } */
    .modal.show{
        visibility: visible;
        z-index: 100;
        opacity: 1;
    }
    .modal.close{
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
    .modal__window{
        z-index: 37;
        position: relative;
        max-width: 550px;
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .4);
        padding: 50px;
        background-color: white;
        /* display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto; */
    }
    .modal__overlay{
        position: absolute;
        top: 0;
        left: 0;
       width: 100%;
       height: 1000%;
        background-color: #333;
       opacity: 0.7;
       z-index: 0;
    } 
    .modal__window-close{
        border: none;
        background: none;
        opacity: 0.7;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }
    .modal__window-close:hover{
        opacity: 1;
    }
  

    .header__lang:hover > .lang-menu{
            display: block;
    }
  
.header__lang:hover {
    .header__lang-arr{
        transform: rotate(-315deg);
    }
}
.footer__content-item--logo {
    margin-right: 170px;
}

.tariffs__item-content {
    display: flex;
    padding: 60px 20px 20px 20px;
    flex-direction: column;
    margin: 0 auto;
    justify-content: center;
}
   .blue-arr{
    border-top: 1px solid #0094FF;
    border-left: 1px solid #0094FF;
   } 


/* 
   .spain_btn-arrow{
    left: 133px;
   }

   .france__btn-arrow--footer{
    left: 198px;
   } */




@media (max-width: 1540px){
    .header {
            margin: 0;
            padding: 0 20px;
        }
        .header__inner {
            justify-content: space-around;
        }
    }    

@media (max-width: 1410px){
    .header__menu {
        margin-right: 60px;
    }
    .introduction__video {
        width: 100%;
        border-radius: 16px;
    }
    .introduction__inner {
        gap: 40px;
        width: 100%;
    }
    .tariffs__item-info{
        max-height: 100%;
    }
    
    .tariffs__item-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        padding-top: 50px;
    }
  
    .tariffs__item{
       padding-top: 20px;
       border-radius: 16px;
    }
    .footer__title {
        font-size: 36px;
        line-height: 54px;
    }
    .footer__content-item-socials {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }
    .header__menu-list{
        gap: 35px;
    }
    .header__menu {
        margin-right: 35px;
    }
}    
@media (max-width: 1390px){
    .tariffs__inner{
        gap: 10px;
    }
}
@media (max-width: 1342px){
    .header__menu {
        margin-right: 30px;
        margin-left: 30px;
    }
   

}
@media (max-width: 1312px){
    .assistant__item-title--big{
        text-align: center;
    }
    .assistant__top, .assistant__bottom{
        gap: 80px;
    }
    .assistant__left, .assistant__right{
        align-items: center;
    }
    .assistant__item-title{
        text-align: center;
    }
    .assistant__item-content--integration{
        padding-top: 0;
        padding-bottom: 23px;
    }
    .tariffs__item {
        min-width: 300px;
    }
    .tariffs__item-info-more {
        padding-top: 0px;
    }
    .employee__left, .employee__right {
        gap: 90px;
    }
    .header__menu {
        margin-right: 60px;
    }
    .header__menu-list {
        gap: 25px;
    }
}

@media (max-width: 1255px){

  
    .tariffs__item {
        min-width: 200px;
    }
    /* .header__menu {
        margin-right: 80px;
    } */
    .header__menu {
        margin-right: 10px;
    }
    .header__btn {
        margin-left: 40px;
    }
    .top__title{
        padding: 0 20px;
        font-size: 62px;
        line-height: 70px;
    }
    .assistant__subtitle {
        padding-bottom: 40px;
    }
    .employee__left, .employee__right {
        gap: 70px;
    }
  
}   
@media (max-width: 1215px){
    .security__images {
        display: none;
    }
    .security__inner {
        padding: 80px;
    }
    .introduction__inner {
        gap: 40px;
        flex-direction: column;
    }
    .introduction__content {
        padding-top: 20px;
    }
    .introduction__title, .introduction__text {
       text-align: center;
    }
    .introduction__video {
       margin: 0 auto;
    }
    .introduction__text {
        text-align: center;
        max-width: 100%;
    }
    .employee::after {
        max-width: 620px;
        width: 100%;
        max-height: 615px;
        height: 100%;
        top: 30%;
        left: 25%;
    }
    .introduction {
        padding-right: 0px;
        margin-bottom: 120px
    }
    .assistant__top, .assistant__bottom {
        gap: 40px;
    }
    .assistant__item-content--integration {
        padding-top: 20px;
        padding-bottom: 0;
    }
     .tariffs__inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 20px;
    }
    .tariffs__item-content {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .tariffs__item-price-info{
        left: 25%;
    }
    .tariffs__item-top {
        gap: 5px;
    }
    
.employee__item-1::after{
    left: 30px;
}
.employee__item-2::after{
    left: 40px;
}
.employee__item-3::after{
    left: 30px;
}
.employee__item-4::after{
    top: -25px;
    left: 50px;
}
.employee__item-5::after{
    right: 40px;
}
.employee__item-6::after{
    right: 50px;
}
.employee__item-7::after{
    right: 60px;
}
.employee__item-8::after{
    right: 0px;
}
.header__menu {
    margin-left: 20px;
    margin-right: 0;
}
.header__inner {
    justify-content: space-between;
}
.burger__wrapper{
    padding-left: 20px;
}
                                                                                   
.burger {
    display: block !important;
    z-index: 1000;
}
.header__menu-list{
    position: absolute;
    left: 15%;
    right: 40%;
    background-color: #4E6678;
    display: block;
    top: -500px;
    transition: all .3s;
    z-index: 50;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
}
.header__menu-list.header__menu-list--active {
    top: 0px;
}
.header__menu-list-item{
    cursor: pointer;
}
.header__menu-list-item + .header__menu-list-item {
    margin-left: 0;
}

.header__menu-list-link {
    padding: 15px 0;
   display: block;   
     text-align: center;
     color: white;
} 
.sub-menu__arrow-menu {
    border-top: 1px solid white;
    border-left: 1px solid white
}
.header__menu-list-link--click + .sub-menu__arrow {
    border-top: 1px solid white;
    border-left: 1px solid white
}
.submenu__header-list {
    left: 120px;
}
.header {
    padding: 0 20px;
    margin: 0;
} 
.header__lang {
    padding-right: 20px;
}
.header__menu {
    margin: 0 auto;
    padding: 0 20px;
}
.header__btn {
    height: 52px;
}
.header__inner {
    justify-content: space-between;
}
   
}

@media (max-width: 1150px){
    .assistant__top, .assistant__bottom {
        gap: 30px;
    }
    .employee-img {
        max-width: 550px;
        width: 100%;
        min-height: 492px;
        height: 100%;
    }
    .employee__left, .employee__right {
        gap: 70px;
    }
    .employee__inner {
        gap: 0px !important;
    }
}


@media (max-width: 1080px){
    .assistant__title {
        font-size: 52px;
        line-height: 64px;
        padding-bottom: 26px;
    }
    .assistant__item-title {
        font-size: 30px;
        line-height: 30px;
    }
    .top__title{
        font-size: 54px;
        margin-bottom: 54px;
        line-height: 64px;
    }

    .employee::after {
        display: none;
    }
    .employee__inner {
        gap: 30px;
    }
    .employee__title{
        font-size: 48px;
        /* margin-bottom: 90px; */
    }
    .footer__content-item--logo {
        margin-right: 100px;
    }
    .assistant__wrapper {
        overflow-x:hidden !important;  
        max-width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }
    .employee__title {
        margin-bottom: 150px;
    }
    .employee-img {
        max-width: 550px;
        width: 100%;
        min-height: 492px;
        height: 100%;
    }
    .employee-wrapper {
        padding: 80px 30px 73px;
    }
    .employee__item-1::after{
        left: 0px;
    }
    .employee__item-2::after{
        left: 0px;
    }
    .employee__item-3::after{
        left: 0px;
    }
    .employee__item-4::after{
        left: 0px;
    }
    .employee__item-5::after{
        right: 0px;
    }
    .employee__item-6::after{
        right: 0px;
    }
    .employee__item-7::after{
        right: 0px;
    }
    .employee__item-8::after{
        right: 0px;
    }
                                                               
} 
@media (max-width: 980px){
    .header__menu-list {
        gap: 30px;
    }
    .top__title {
        font-size: 52px;
        margin-bottom: 50px;
    }
    .employee-img {
        max-width: 500px;
        width: 100%;
        min-height: 492px;
        height: 100%;
    }
}



@media (max-width: 945px){
    .assistant__bottom, .assistant__top{
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .assistant__item-title {
        text-align: center;
        font-size: 48px;
    }
    .assistant__title {
        font-size: 48px;
        padding-bottom: 32px;
    }
    .assistant__item--big {
        margin: 0 auto;
    }
    .assistant__item-text {
        text-align: center;
    }
    .assistant__item--min {
        max-width: 100%;
        text-align: center;
    }
    .assistant__item-title {
        line-height: 32px;
        font-size: 36px;
    }
    .top {
        margin-bottom: 140px;
    }
    .assistant__title {
        font-size: 38px;
    }
    .assistant__item-box {
        padding-top: 0;
        padding-right: 0;
    }
    .security__content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .security__title, .employee__title {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        text-align: center;
    }
    .security__title, .introduction__title {
        font-size: 34px;
        margin-bottom: 45px;
    }
    .benefits__item {
        flex-direction: column;
    }
    .benefits__item-title {
        text-align: center;
    }
    .benefits__item-content {
        margin: 0 auto;
        max-width: 100%;
        padding: 15px;
    }
    .benefits__item-text {
        max-width: 100%;
        /* text-align: center; */
    }
    .benefits__item-images {
        padding: 30px 10px !important;
        margin: 0 auto;
    }
    .benefits__wrapper {
        margin-top: 50px;
    }
    .footer__content-item--logo, .footer__content-item--company, .footer__content-item--application  {
        margin-right: 50px;
    }
    .reviews__inner {
        bottom: -180px;
    }

}


@media (max-width: 935px){
    .articles__title{
        line-height: 48px;
        font-size: 36px;
    }

    .benefits {
        margin-bottom: 80px;
    }
} 

@media (max-width: 914px){
    /* .top__title-center, .top__title-left, .top__title-right {
        padding-bottom: 10px;
    } */
    .top__title {
        font-size: 48px;
 
    }
    .employee__inner {
        flex-direction: column;
    }
    .employee__left, .employee__right {
        flex-direction: row;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .employee__item::after{
        display: none;
    }
    .employee-image{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 40px;
    }
}

@media (max-width: 847px){
    .top__title {
        margin-bottom: 42px;
    }
    .top__title, .benefits__title, .tariffs__title, .articles__title{
        line-height: 54px;
        font-size: 40px;
    }
    .assistant__title, .employee__title {
        font-size: 38px;
        padding-bottom: 14px;
    }
    /* .top__title-center, .top__title-left, .top__title-right{
        padding-bottom: 0px;
    } */
    .top{
        margin-bottom: 110px;
    }
    .employee__title {
        margin-bottom: 60px;
    }
    .reviews__inner {
        bottom: -220px;
    }
}

@media (max-width: 790px){
    .header__menu-list {
        gap: 30px;
    }
    .assistant__subtitle {
        padding-bottom: 20px;
    }
    .reviews__inner {
        bottom: -260px;
    }
    .employee-wrapper {
        padding: 80px 30px 73px;
    }
    .footer__content {
        display: grid;
        grid-gap: 100px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .footer__content-item{
        display: flex;
        align-items: center;
        margin-right: 0;
        text-align: center;
    }
    .footer__content-item--company {
        max-width: 100%;
    }
    .footer__content-item-socials {
        flex-direction: row;
    }
}    
@media (max-width: 716px){
    /* .top__title, .benefits__title, .articles__title {
        font-size: 34px;
        line-height: 48px;
    } */
    .top__title {
        display: none;
    }
    .top__title--centner{
        font-size: 40px;
        line-height: 48px;
        color: #313436;
        font-weight: 700;
        margin-bottom: 40px;
        padding: 0 10px;
        text-align: center;
        display: block !important;
    }
    .top__title--centner span{
       color: #63beff;
    }
    .assistant__title, .employee__title {
        font-size: 34px;
    }
    .assistant__item-title {
        font-size: 26px;
    }

    .employee__right{
        align-items: end;
    }

    .tariffs__inner {
        display: flex;
        flex-direction: column;
    }
    .articles__inner {
        flex-direction: column;
    }
    .articles__inner + .slick-slider {
        display: none;
    }
    .reviews__inner {
        bottom: -290px;
    }
    .tariffs__item-info-more {
        padding-top: 20px;
    }
}
@media (max-width: 705px){
    .header__menu-list {
        gap: 20px;
    }
    .reviews__inner {
        bottom: -150px;
    }
    .reviews__item__images {
        margin-bottom: 0px;
    }
    .reviews__item-text {
        margin: 0 auto 10px;
    }
    .reviews__item-author {
        align-items: center;
        padding-top: 40px;
        justify-content: space-around;
    }
    .footer__title {
        padding: 100px 30px 0;
    }
}   

@media (max-width: 670px){
    .header__menu-list {
        left: 25%;
        right: 30%;
    }
    .header__btn{
        display: none;
    } 
    .header__menu-list-item-btn{
        display: block;
        margin: 0 auto ;
        max-width: 230px;
    }
    .security__content {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .benefits__item-images {
        padding: 0;
    }
    .tariffs__item{
        flex-direction: column;
    }
    .tariffs__item-info {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
  
      .employee__inner {
        flex-direction: column;
    } 
      .employee__left, .employee__right {
        gap: 30px;
        align-items: start;
    }
}   
@media (max-width: 618px){
    .top__title{
        font-size: 28px;
    line-height: 38px;
    margin-bottom: 45px;
} 

/* .assistant__subtitle {
    font-size: 16px;
}   */
.assistant__item-text {
    font-size: 16px;
}
.assistant__title {
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 3px;
}
/* .security__title, .introduction__title, .employee__title, .benefits__title, .benefits__item-title, .articles__title, .reviews__title{
    font-size: 30px;
} */
.top__title--centner{
    font-size: 36px;
}

}
@media (max-width: 580px){
    .articles__item-images {
        margin: 0 auto;
    }
    .articles__item.slick-slide img{
        margin: 0 auto;
    }
    .articles__item-data {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .articles__item-title {
        text-align: center;
    }
    .articles__item-text {
        text-align: center;
    }
    .reviews__title {
        padding-top: 40px;
    }
    .reviews__subtitle {
        padding: 0 20px;
    }
    .tariffs__tariff-box{
        display: flex;
        flex-direction: column;
        padding-top: 25px;
    }
    .submenu__header-list {
        left: 100px;
        top: 0;
    }
    .header {
        padding: 0px 5px;
    }
    .employee-img {
        max-width: 480px;
        min-height: 460px;
    }
    .employee-wrapper {
        padding: 60px 5px 60px;
    }
    
}


@media (max-width: 519px){
    .introduction__title, .employee__title, .benefits__title{
        font-size: 30px;
        margin-bottom: 30px;
    } 
    .articles__title {
        font-size: 34px;
    }
    .security__inner {
        padding: 30px;
    }
    .security__content {
        grid-gap: 24px;
    }
    .reviews__inner {
        padding: 0 20px 0 45px;
    }
    .header__menu-list {
        left: 0%;
        right: 45%;
    }
    .top__title--centner{
        font-size: 34px;
        line-height: 42px;
    }
    .articles__more {
        margin-bottom: 40px;
    }
    .reviews__wrapper {
        margin-bottom: 290px;
    }
   



    @media (max-width: 519px){
        .footer__content {
            display: grid;
            grid-gap: 100px;
            grid-template-columns: repeat(1, 1fr);
            grid-template-rows: repeat(1, 1fr);
        }
        .footer__content-item--application {
            max-width: 100%;
        }
        .footer__content-item-socials {
            flex-direction: row;
        }
        .top__title{
            font-size: 26px;
            padding: 0px 15px;
        }
        .assistant__item {
            display: block;
        }
        .assistant__item--big {
            min-height: 500px;
        }
        .reviews__wrapper {
            min-height: 540px;
        }
        .reviews__item-inner {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            height: 270px;
        }
       
    }
}
@media (max-width: 477px){
    .top__title {
        font-size: 25px;
        margin-bottom: 45px;
    }
}
@media (max-width: 455px){
    .top__title{
        padding: 0px;
        font-size: 24px;
    }
    .assistant__title {
        padding-bottom: 20px;
    }
    .security__title, .introduction__title, .benefits__title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .benefits__item-title {
        font-size: 24px;
    }
    .reviews__item-author-about {
        font-size: 12px;
        line-height: 14px;
    }
    .reviews__item-author-name {
        font-size: 18px;
        line-height: 18px;
    }
    .reviews__wrapper {
        margin-bottom: 250px;
    }
    .articles__top{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .articles__title{
        font-size: 26px;
    }
    .articles__more {
        margin-bottom: 0px;
    }
    .tariffs__item-info-list{
        gap: 5px;
    }
    .footer__title {
        padding: 100px 20px 0;
    }
    .employee-img {
        max-width: 440px;
        min-height: 430px;
    }
    .header__menu-list {
        left: 0%;
        right: 35%;
    }
}
@media (max-width: 413px){
    .top__title {
        padding: 0px;
        font-size: 23px;
        margin-bottom: 40px;
    }
    .employee-img {
        max-width: 440px;
        min-height: 395px;
    }
}



@media (max-width: 400px){
    .header__menu-list {
        left: 5%;
        right: 30%;
    } 
    .submenu__header-list{
        width: 180px;
    }
 
    
}   

@media (max-width: 390px){
    .reviews__item-text {
        font-size: 18px;
        line-height: 20px;
    }
    .employee-img {

        min-height: 370px;
    }
   
    .top__title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 35px;
    }
    .tariffs__tariff {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .tariffs__item-info {
        padding-top: 80px;
    }
    .footer__title {
        font-size: 28px;
        line-height: 40px;
    }
    .footer__copy {
        padding: 40px 15px;
    }
    .reviews__subtitle {
        font-size: 16px;
        line-height: 28px;
    }
    .articles__top{
        display: flex;
        flex-direction: column;
    }
    .header__menu-list {
        left: 0%;
        right: 40%;
    }
    .top__title {
        padding: 0px;
        font-size: 22px;
        margin-bottom: 35px;
    }
}
@media (max-width: 380px){
    .top__title {
        font-size: 21px;
    }
    .header__menu-list {
        left: 0%;
        right: 25%;
    }
    .header__btn-inner {
        display: flex;
        justify-content: space-around;
    }
    .btn-arrow{
        display: none;
     }
     .header__lang {
        padding-right: 0px;
    }
    .header__inner {
        padding: 30px 0
    }
    .btn-content--footer {
        padding: 13px 0 16px 15px;
    }

        
}
@media (max-width: 365px){
    /* .reviews__item-inner {
        padding-top: 45px;
    } */
    .employee-img {
        min-height: 320px;
    }
    .reviews__inner {
        bottom: -210px;
    }
    .reviews__item {
        min-height: 425px;
    }
    .reviews__item-inner {
        justify-content: space-between;
    }
    .top__title {
        font-size: 20px;
    }
    .top__title-center {
        gap: 4px;
    }
    .footer__btn {
        max-width: 280px;
        width: 100%;
    }
    
    /* .header__btn-item {
        padding: 15px 0px 15px 0px;
   
    } */
    .btn-arrow--footer {
        left: 226px;
        top: 18px !important;
    }
    /* .btn-content--click {
        background: none;
        box-shadow: none;
    } */
  
    .top__title--centner{
        font-size: 32px;
        line-height: 42px;
    }
}
@media (max-width: 356px){
    .top__title{
        font-size: 18px;
        line-height: 22px;
    }
    .tariffs__item {
        min-width: 300px;
    }

    .employee-wrapper {
        padding: 80px 10px 73px;
    }
    .top__title--centner{
        font-size: 30px;
        line-height: 40px;
    }
    .employee-wrapper {
        padding: 55px 10px 60px;
    }
}
@media (max-width: 340px){
    /* .employee-img {
        max-width: 340px;
        min-height: 300px;
    } */
    .switch {
        margin: 0 5px;
    }
    .btn-content--footer {
        padding: 16px 0 16px 5px;
    }
}