@font-face {
    font-family: 'Arial';
    src: url(../font/ArialRegular.ttf);
}
*{
    font-family: 'Arial';
    box-sizing: border-box;
}
html{
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}
body, html{
    margin: 0;
    padding: 0;
    background-color: #F5FBFD;
}
body{
    overflow-x: hidden;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
img{
    max-width: 100%;
    height: auto;
}
.home{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #0B2C3D;
    height: 88px;
}
.home_blokc{
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home_blokc img{
    height: 61px;
    width: auto;
}
.home_cont{
    display: flex;
    align-items: center;
}
.home_blokc .us{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 52px;
    background-color: #FF8A00;
    border-radius: 70px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #0B2C3D;
}
.home_cont a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #F5FBFD;
    margin-left: 20px;
    margin-right: 20px;
}
.home_cont .hom{
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #1ECAD3;
}
.perf{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/image.png), #C9E6EC;
    background-size: cover;
    height: 610px;
}
.perf_blokc{
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.perf_blokc h3{
    font-size: 56px;
    font-weight: 700;
   color: #0FA3B1;
    text-transform: uppercase;
    width: 884px;
    text-align: center;
}
.perf_blokc h3 span{
color: #0B2C3D;
}
.perf_blokc span{
    text-transform: none;
}
.perf_blokc p{
    font-size: 28px;
    font-weight: 400;
    color: #0B2C3D;
    text-align: center;
    width: 529px;
    margin-top: 0;
}
.princ{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #F5FBFD;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.princ_blokc{
    display: flex;
    flex-direction: column;
    width: 75%;
    margin-top: 50px;
}
.princ_blokc h3{
    font-size: 48px;
    font-weight: 700;
    color: #0B2C3D;
}
.princ_blokc p{
    font-size: 26px;
    font-weight: 400;
    color: #0B2C3D;
    width: 100%;
    margin-top: 0;
}
.princ_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}
.princ_1{
    display: flex;
    flex-direction: column;
}
.princ_text{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #FFFEF9;
    box-shadow: 0px 4px 7.6px 0px #D7D7D7;
    border-radius: 17px;
    width: 481px;
    height: 170px;
    margin-bottom: 20px;
}
.princ_text img{
    width: 40px;
    height: max-content;
    margin-right: 20px;
    margin-top: 30px;
}
.princ_2{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.princ_2 h5{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.princ_2 h6{
    color: #1F3A44;
    font-size: 18px;
    font-weight: 400;
    width: 296px;
    margin-top: 20px;
    margin-bottom: 0;
}
.prof{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FFFEF9;
    box-shadow: 0px 4px 7.6px 0px #D7D7D7;
    border-radius: 17px;
    width: 533px;
    height: 550px;
    padding-left: 40px;
}
.prof_blokc{
    display: flex;
    flex-direction: row;
}
.prof_blokc img{
    width: 40px;
    height: max-content;
    margin-right: 20px;
}
.prof_cont{
    display: flex;
    flex-direction: column;
}
.prof_cont h5{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.prof_cont h6{
    color: #1F3A44;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}
.prof a{
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #1ECAD3;
    font-size: 18px;
    font-weight: 400;
    margin-top: 40px;
}
.prof a img{
    width: 15px;
    height: auto;
    margin-left: 10px;
}
.clients{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C9E6EC69;
    height: 516px;
    margin-top: 50px;
    position: relative;
}
.img_1{
    position: absolute;
    z-index: 2;
    width: 220px;
    height: auto;
    right: 0;
    bottom: 0;
}
.mob_1{
    display: none;
}
.clients_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.clients_cont{
    display: flex;
    flex-direction: row;
}
.clients_1{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 40px;
}
.clients_1 h4{
    color: #FF8A00;
    font-size: 64px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 0;
}
.clients_1 span{
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.clients_text{
    display: flex;
    flex-direction: column;
    width: 438px;
}
.clients_text h5{
    color: #0B2C3D;
    font-size: 56px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}
.clients_text h6{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}
.clients_text a{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background-color: #FF8A00;
    width: 192px;
    height: 45px;
    border-radius: 8px;
}
.clients_text a img{
    width: 10px;
    height: auto;
    margin-left: 10px;
}
.global{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}
.global .map{
    width: 882px;
    height: auto;
}
.global .map_mob{
    display: none;
}
.global_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.global_cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.global_cont h4{
    color: #1ECAD3;
    font-size: 64px;
    font-weight: 700;
    margin-right: 20px;
}
.global_cont h5{
    color: #0B2C3D;
    font-size: 48px;
    font-weight: 400;
}
.global_text{
    display: flex;
    flex-direction: column;
}
.global_1{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.global_1 img{
    width: 14px;
    height: auto;
    margin-right: 10px;
}
.global_1 p{
    color: #0B2C3D;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
.global_1 span{
    font-size: 26px;
}
.our{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #0B2C3D;
}
.our_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.our_cont{
    display: flex;
    flex-direction: column;
}
.our_cont h4{
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 0;
}
.our_cont h5{
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    width: 434px;
}
.our_text{
    display: flex;
    flex-direction: column;
}
.our_1{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 146px;
}
.our_1 img{
    width: 50px;
    height: auto;
    margin-right: 10px;
}
.our_1 p{
    color: #C9E6EC;
    font-size: 18px;
    font-weight: 400;
}
.our_blokc .vec{
    width: auto;
    height: 290px;
}
.stories{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../img/phn_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-x: right;
    background-color: #F5FBFD;
}
.stories h3{
    color: #0B2C3D;
    font-size: 54px;
    font-weight: 400;
    margin-bottom: 0;
 
}
.stories p{
color: #0B2C3D;
font-size: 26px;
width: 70%;
text-align: center;
}
.stories a{
width: 290px;
height: 45px;
background-color: #FF8A00;
border-radius: 9px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 400;
color: #0B2C3D;
text-decoration: none;
}
.story_block{
display: flex;
justify-content: center;
width: 100%;
margin-top: 30px;
}
.story{
width: 100%;
display: flex;
justify-content: center;
border-radius: 17px;
box-shadow: 0px 4px 7.6px 0px #D7D7D7;
display: flex;
flex-direction: column;
align-items: center;
width: 375px;
text-align: center;
margin-left: 15px;
margin-right: 15px;

}
.story h1{
color: #0B2C3D;
font-weight: 700;
font-size: 26px;
}
.story p{
color: #0B2C3D;
font-weight: 400;
font-size: 18px;
width: 90%;
text-align: left;
}
.punkts{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.punkt{
background: linear-gradient(270deg, rgba(30, 202, 211, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
border-radius: 40px;
font-size: 18px;
color: #000;
padding: 7px;
}
.story img{
    width: 90%;
}
.stories h3 span{
color: #1ECAD3;
}
.stories h4{
    color: #A0522D;
    font-size: 64px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0;
}
.stories_blokc{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.stories_blokc .phone{
    width: 390px;
    height: auto;
    position: relative;
    z-index: 2;
    margin-right: -40px;
}
.stories_cont{
    display: flex;
    flex-direction: column;
    width: 327px;
    height: 361px;
    background: #FFFEF9;
    box-shadow: 8px 8px 43px 0px #08324F1A;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    justify-content: center;
    padding-left: 40px;
}
.stories_1{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.stories_1 img{
    width: 80px;
    height: auto;
}
.stories_1 a{
    text-decoration: none;
    color: #A0522D;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}
.stories_1 a img{
    width: 15px;
    height: auto;
    margin-left: 5px;
}
.stories_cont h5{
    color: #240E03;
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
}
.stories_cont p{
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
    width: 297px;
    margin-bottom: 20px;
}
.stories_2{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.stories_2 img{
    width: 49px;
    height: auto;
    margin-right: 20px;
}
.stories_2 .crm{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 49px;
    border-radius: 43px;
    background: linear-gradient(270deg, rgba(160, 82, 45, 0.108) 0%, rgba(255, 255, 255, 0.4) 100%);
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
.stories_2 h6{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 141px;
    height: 49px;
    border-radius: 43px;
    background: linear-gradient(270deg, rgba(160, 82, 45, 0.108) 0%, rgba(255, 255, 255, 0.4) 100%);
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
.art{
    margin-top: 70px;
    margin-right: 30px;
    position: relative;
    z-index: 3;
}
.art_1{
    margin-top: -100px;
}
.we_mob{
    display: none;
}
.exp{
    width: 100%;
    display: flex;
    justify-content: center;
  background: linear-gradient(270deg, rgba(30, 202, 211, 0.09) 0%, rgba(245, 251, 253, 0) 100%);

}
.exp_blokc{
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFBF3;
    box-shadow: 0px 4px 7.6px 0px #D7D7D7;
    border-radius: 79px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.exp_cont{
    display: flex;
    flex-direction: row;
    justify-content: right;
    width: 90%;
}
.exp_cont h5{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
    height: 47px;
    background: #FF8A00;
    border-radius: 55px;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
}
.exp_blokc h3{
    color: #240E03;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}
.exp_1{
    width: 616px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.exp_1 img{
    width: 122px;
    height: auto;
}
.ver_mob{
    display: none;
}
.tell{
    width: 100%;
    display: flex;
    justify-content: center;
padding-top: 300px;
padding-bottom: 300px;
    background:url(../img/call.png),#F5FBFD;
    background-size: contain;
    position: relative;
    background-position: right center;
    background-size: 400px;
    background-repeat: no-repeat;
}
.grp{
    display: none;
}
.star{
    display: none;
}
.tell_blokc{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 85%;

}
.tell_cont{
    display: flex;
    flex-direction: column;
    width: 434px;
}
.tell_cont h4{
    font-size: 48px;
    font-weight: 400;
    color: #0B2C3D;
    margin-bottom: 0;
    margin-top: 0;
}
.tell_cont h5{
    font-size: 26px;
    font-weight: 400;
    color: #0B2C3D;
    margin-top: 20px;
}
form{
    display: flex;
    flex-direction: column;
    width: 570px;
    margin-left: 50px;
}
.your{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
input{
    width: 253px;
    max-width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #D1D1D1;
    background: #F5FBFD;
    font-size: 16px;
}
.your_1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D1D1D1;
    margin-top: 20px;
}
.your_2{
    display: flex;
    border-bottom: 1px solid #D1D1D1;
}
.your_2 .need{
    font-size: 16px;
    font-weight: 400;
    color: #0B2C3D;
    margin-bottom: 10px;
}
.your_3{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.your_4{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #D1D1D1;
    margin-top: 20px;
}
.your_5{
    display: flex;
    border-bottom: 1px solid #D1D1D1;
}
.your_5 .need{
    font-size: 16px;
    font-weight: 400;
    color: #240E03;
    margin-bottom: 10px;
}
.your_6{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.your_3 p{
    font-size: 16px;
    font-weight: 400;
    color: #240E03;
    margin-bottom: 10px;
    margin-right: 30px;
}
textarea{
    width: 540px;
    max-width: 100%;
    height: 117px;
    border: none;
    border-bottom: 1px solid #D1D1D1;
    background: #F5FBFD;
    font-size: 16px;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FF5A00;
    width: 194px;
    height: 50px;
    background: #FAF7F5;
    border-radius: 25px;
    margin-top: 40px;
    color: #0B2C3D;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
form .port{
    width: 570px;
    height: 40px;
}
footer{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #0B2C3D;
}
.foot{
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.foot p{
    color: #FFE3C2;
    font-size: 14px;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 50px;
}
.foot_blokc{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 80px;
}
.foot_1{
    display: flex;
    flex-direction: column;
}
.foot_1 h5{
    color: #FFFEF9;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
}
.foot_1 a{
    color: #F1F1F1;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 20px;
}
.foot_2{
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 209px;
}
.foot_2 img{
    width: 100px;
    height: auto;
}
.foot_2 h3{
    color: #F1F1F1;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}
.foot_2 h4{
    color: #F1F1F1;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
}
.foot_2 .us{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 157px;
    height: 35px;
    background: #1ECAD3;
    border-radius: 19px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.foot_3{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 172px;
    margin-top: 20px;
}
.foot_3 a img{
    width: 34px;
    height: auto;
}
.foot_cont{
    display: flex;
    flex-direction: row;
    width: 604px;
    justify-content: space-between;
}









.serv{
    width: 100%;
    display: flex;
    justify-content: center;
    background: linear-gradient(270deg, rgba(255, 251, 243, 0.5) 0%, rgba(255, 251, 243, 0) 100%);
}
.serv_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}
.serv_blokc img{
    width: 382px;
    height: auto;
}
.serv_cont{
    display: flex;
    flex-direction: column;
}
.serv_cont h4{
    font-size: 56px;
    font-weight: 600;
    color: #1F3A44;
    width: 440px;
    margin-top: 0;
    margin-bottom: 0;
}
.serv_cont span{
    font-weight: 700;
}
.serv_cont p{
    font-size: 28px;
    font-weight: 400;
    color: #1F3A44;
    width: 530px;
}
.grow{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/group-1.png) , #C9E6EC;
    background-size: cover;
    height: 460px;
}
.grow_blokc{
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.grow_blokc h3{
    font-size: 48px;
    font-weight: 700;
    color: #1F3A44;
    margin-bottom: 0;
}
.grow_blokc h5{
    font-size: 26px;
    font-weight: 400;
    color: #1F3A44;
    width: 613px;
    text-align: center;
}
.grow_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 500px;
}
.grow_cont .get{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 226px;
    height: 52px;
    text-decoration: none;
    background-color: #1ECAD3;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 70px;
}
.grow_cont .call{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 226px;
    height: 52px;
    text-decoration: none;
    background-color: #FF8A00;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 70px;
}
.from{
    width: 100%;
    display: flex;
    justify-content: center;
}
.from_blokc{
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.from_blokc h4{
    color: #0B2C3D;
    font-size: 54px;
    font-weight: 400;
    margin-bottom: 0;
}
.from_blokc h4 span{
    font-size: 56px;
    font-weight: 700;
    color: #FF8A00;
    text-transform: uppercase;
}
.from_blokc h5{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    width: 475px;
    margin-top: 30px;
}
.from_cont{
    width: 905px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.from_cont img{
    width: 443px;
    height: auto;
}
.from_text{
    display: flex;
    flex-direction: column;
    width: 312px;
}
.from_text h6{
    color: #0B2C3D;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.from_text h6 span{
    color: #0B2C3D;
    font-size: 46px;
    font-weight: 700;
}
.from_text p{
    color: #0B2C3D;
    font-size: 18px;
    font-weight: 400;
}
.diff{
    display: flex;
    justify-content: center;
    width: 100%;
background: linear-gradient(270deg, rgba(201, 230, 236, 0.41) 0%, rgba(15, 163, 177, 0.12) 99.76%);


    margin-top: 100px;
    position: relative;
}
.diff_img{
    position: absolute;
    z-index: 2;
    width: 260px;
    height: auto;
    top: 0;
    right: 0;
}
.diff_blokc{
    display: flex;
    flex-direction: column;
    width: 75%;
    margin-top: 100px;
    margin-bottom: 100px;
}
.diff_blokc h3{
    font-size: 48px;
    font-weight: 700;
    color: #0B2C3D;
    margin-bottom: 0;
}
.diff_blokc h4{
    font-size: 26px;
    font-weight: 400;
    color: #0B2C3D;
}
.diff_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.diff_text{
    display: flex;
    flex-direction: column;
    width: 537px;
}
.diff_1{
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    margin-top: 40px;
}
.diff_1 img{
    width: 106px;
    height: auto;
    margin-right: 30px;
}
.diff_2{
    display: flex;
    flex-direction: column;
}
.diff_2 h5{
    font-size: 32px;
    font-weight: 400;
    color: #0B2C3D;
    margin-top: 0;
    margin-bottom: 0;
}
.diff_2 p{
    font-size: 16px;
    font-weight: 400;
    color: #0B2C3D;
}
.diff_2 p a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #FFE4B5;
}
.diff_2 br{
    display: none;
}
.mob11{
    display: none;
}
.results{
    width: 100%;
    display: flex;
    justify-content: center;

    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.results_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}
.results_cont{
    display: flex;
    flex-direction: column;
    width: 317px;
}
.results_cont p{
    font-size: 26px;
    font-weight: 400;
    color: #240E03;
}
.results_1{
    display: flex;
    flex-direction: column;
    width: 317px;
}
.results_1 h1{
    font-size: 54px;
    font-weight: 400;
    color: #240E03;
    margin-top: 0;
    margin-bottom: 0;
}
.results_1 h2{
    font-size: 64px;
    font-weight: 700;
    color: #1ECAD3;
    text-align: center;
    margin-top: 0;
}
.low_1{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.low_cont{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.low_cont .ell{
    cursor: pointer;
    width: 24px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}
.low{
    width: 375px;
    display: flex;
    flex-direction: column;
    background: #FFFEF9;
    border-radius: 23px;
    box-shadow: 0px 4px 14.6px 0px #61616124;
    padding: 40px;
    padding-bottom: 0;
}
.low img{
   width: 100%;
   margin-top: 30px;
}
.low h3{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
}
.low h4{
    color: #5F7D8A;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.low h5{
  font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    color: #1F3A44;
}
.low h5 span{
    color: #AC4747;
    font-size: 22px;
    font-weight: 700;
}
.low_blokc{
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}
.low_blokc img{
    width: 49px;
    height: auto;
    margin-right: 20px;
}
.low_blokc h6{
    width: 70px;
    height: 49px;
    border-radius: 43px;
    background: linear-gradient(270deg, rgba(160, 82, 45, 0.108) 0%, rgba(255, 255, 255, 0.4) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
.low .chall{
    color: #240E03;
    font-size: 18px;
    font-weight: 700;
}
.low p{
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}





.meet{
    width: 100%;
    display: flex;
    justify-content: center;
}
.meet_blokc{
    width: 75%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.meet_blokc h3{
    color: #0B2C3D;
    font-size: 75px;
    font-weight: 700;
    margin-bottom: 0;
}
.meet_blokc h5{
    color: #0B2C3D;
    font-size: 28px;
    font-weight: 400;
    width: 848px;
}
.success{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C9E6EC;
    height: 700px;
}
.suc{
background:none;
display: flex;
flex-direction: column;
align-items: center;
height: auto;
}
.suc_block{
   background: #C9E6EC;
   padding: 20px;
   border-radius: 20px;
   margin-top: 15px;
   margin-bottom: 15px;
}
.success_1{
    display: flex;
    flex-direction: column;
}
.success_blokc{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 85%;
}
.success_blokc .ppl{
    width: 470px;
    height: auto;
}
.success_cont{
    width: 570px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}
.success_cont h3{
    color: #FF8A00;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
}
.success_cont h4{
    color: #0B2C3D;
    font-size: 32px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.suc_block h2{
 font-size: 26px;
     font-weight: 200;
       color: #1F3A44;
}
.success_cont p{
    color: #0B2C3D;
    font-size: 18px;
    font-weight: 400;
    line-height: 175%;
}
.success_cont p span{
color: #0FA3B1;
font-weight: 700;
}
.success_cont a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 53px;
    background-color: #1ECAD3;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
.success_text{
    display: flex;
    flex-direction: column;
    width: 347px;
    height: 144px;
    box-shadow: 10px 4px 40px 0px #0000001A;
    background: #FFFEF9;
    border-radius: 8px;
    padding-left: 20px;
    margin-top: -180px;
    margin-left: 180px;
    position: relative;
    z-index: 3;
}
.success_2{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.success_2 img{
    width: 24px;
    height: auto;
    margin-right: 10px;
}
.success_2 p{
    color: #20232A;
    font-size: 20px;
    font-weight: 400;
}
.success_3{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.success_3 h5{
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.success_3 span{
    color: #989CA6;
    font-size: 14px;
    font-weight: 500;
}
.success_3 img{
    width: 149px;
    height: auto;
    margin-left: 20px;
}
.scale{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C9E6EC;
    background-image: url(../img/group-1.png);
    height: 460px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 50px;
}
.scale_blokc{
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.scale_blokc h3{
    color: #0B2C3D;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}
.scale_blokc p{
    color: #0B2C3D;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    width: 613px;
}
.scale_cont{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    margin-top: 40px;
}
.scale_cont a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 226px;
    height: 52px;
    border-radius: 70px;
    background: #1ECAD3;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.office{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 80px;
}
.office_blokc{
    display: flex;
    flex-direction: column;
    width: 75%;
}
.office_blokc h4{
    color: #240E03;
    font-size: 48px;
    font-weight: 700;
}
.office_cont{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.office_cont .off{
    width: 623px;
    height: auto;
}
.office_cont .mob_app{
    display: none;
}
.office_text{
    display: flex;
    flex-direction: column;
    width: 382px;
}
.office_text p{
    color: #240E03;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 0;
}



.open{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #FFFEF9;
}
.open_blokc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 75%;
    margin-top: 50px;
}
.open_blokc h3{
    width: 468px;
    color: #240E03;
    font-size: 75px;
    font-weight: 700;
}
.open_blokc img{
    width: 260px;
    height: auto;
}
.performance{
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #FFFEF9;
}
.performance_blokc{
    width: 85%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    margin-top: 50px;
    margin-bottom: 80px;
}
.performance_cont{
    display: flex;
    flex-direction: column;
}
.performance_cont h3{
    color: #240E03;
    font-size: 26px;
    font-weight: 600;
}
.performance_cont h4{
    color: #4F2510;
    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0;
}
.performance_cont p{
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
}
.performance_a{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: 700px;
    margin-top: 30px;
}
.performance_a a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 226px;
    height: 52px;
    border-radius: 70px;
    background: #4F2510;
    color: #FFE4B5;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.performance_1{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.performance_1 h5{
    color: #240E03;
    font-size: 22px;
    font-weight: 500;
}
.performance_1 img{
    width: 22px;
    height: auto;
    margin-left: 10px;
}




.posted{
    width: 100%;
    display: flex;
    justify-content: center;
}
.posted_blokc{
    display: flex;
    flex-direction: column;
    background: #FFFEF9;
    box-shadow: 0px 4px 25.8px 0px #4F4F4F14;
    border-radius: 22px;
    margin-top: 50px;
    width: 80%;
    padding: 5%;
    margin-bottom: 100px;
}
.posted_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.posted_cont h2{
    color: #240E03;
    font-weight: 700;
    font-size: 48px;
    margin-top: 0;
    margin-bottom: 0;
}
.posted_text{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.posted_text h6{
    color: #240E03;
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.posted_text img{
    width: 25px;
    height: auto;
    margin-left: 10px;
}
.posted_blokc h3{
    color: #4F2510;
    font-size: 28px;
    font-weight: 400;
    margin-top: 10px;
}
.posted_blokc p{
    color: #240E03;
    font-size: 21px;
    font-weight: 400;
    width: 1083px;
}
.posted_1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 80%;
}
.posted_1 h5{
    background: #FFE4B5;
    border-radius: 7px;
    color: #4F2510;
    font-size: 22px;
    font-weight: 500;
    width: 121px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.posted_blokc h4{
    color: #240E03;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}
.tooling{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    background: #FFFBF3;
    border-radius: 20px;
    width: 100%;
    height: 176px;
    margin-top: 30px;
}
.tooling h1{
    margin-top: 0;
    margin-bottom: 0;
    color: #240E03;
    font-size: 30px;
    font-weight: 700;
}
.tooling_blokc{
    width: 592px;
    display: flex;
}
.tooling_blokc p{
    color: #240E03;
    font-size: 21px;
    font-weight: 400;
    width: 592px;
    line-height: 34px;
}
.remote{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.remote_blokc{
    display: flex;
    flex-direction: column;
}
.remote_cont{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 438px;
    height: 176px;
    background-color: #FFF8EB;
    border-radius: 20px;
    margin-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
.remote_cont h4{
    color: #240E03;
    font-size: 21px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}
.remote_cont h6{
    color: #240E03;
    font-size: 21px;
    font-weight: 400;
    text-align: right;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 0;
}
.remote_1{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.remote_1 h5{
    color: #4F2510;
    font-size: 21px;
    font-weight: 400;
}
.remote_1 a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 258px;
    height: 52px;
    background: #4F2510;
    border-radius: 70px;
    text-decoration: none;
    color: #FFE4B5;
    font-size: 21px;
    font-weight: 400;
}
.posted_blokc .com_car{
    color: #4F2510;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
}
.tell_cont h6{
    color: #240E03;
    font-size: 18px;
    font-weight: 400;
}
.filters{
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 214px;
    background-color: #FFE4B5;
    align-items: center;
}
.filt1{
    display: flex;
    align-items: center;
}
.filt1 h2{
    font-size: 46px;
    color: #240E03;
    margin-right: 40px;
}
.filt1 select{
    width: 270px;
    padding-left: 15px;
    padding-right: 15px;
    height: 65px;
    font-size: 18px;
     color: #240E03;
     background-color: #FFFEF9;
     border-radius: 10px;
     border: none;
}
.filt1 select option{
        font-size: 18px;
        height: 22px;
}
.location{
    display: flex;
    align-items: center;
}
.location span{
    font-size: 22px;
    font-weight: 500;
    color: #4F2510;
    margin-left: 5px;
}


.reverse{
flex-direction: row-reverse;
}
.case_block{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
margin-top: 50px;
}
.case{
    width: 35%;
    padding: 35px;
    border-radius: 40px;
    background-color: #F5FBFD;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 17px 18.5px 0px #0B2C3D21;
}
.case a{
text-align: right;
width: 100%;
font-weight: 400;
color: #1ECAD3;
font-size: 18px;
padding: 0;
margin: 0;
text-decoration: none;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: right;
}
.case a svg{
margin-left: 5px;
}
.case_color{
background: linear-gradient(270deg, rgba(201, 230, 236, 0.41) 0%, rgba(15, 163, 177, 0.12) 99.76%);
}
.case .upper{
display: flex;
justify-content: left;
align-items: center;
margin-bottom: 25px;
}
.case .upper h5{
border-radius: 70px;
font-size: 26px;
font-weight: 400;
color: #1F3A44;
background: linear-gradient(270deg, rgba(201, 230, 236, 0.41) 0%, rgba(15, 163, 177, 0.12) 99.76%);
padding: 15px;
padding-left: 20px;
padding-right: 20px;
margin: 0;
margin-right: 10px;
}
.main_case{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.main_case img{
width: 113px;
height: 113px;
margin-right: 20px;

}
.main_case_text{
    display: flex;
    flex-direction: column;
    width: 90%;
}
.main_case_text h1{
font-size: 38px;
color: #0B2C3D;
font-weight: 700;
margin: 0;
padding: 0;
margin-top: 0px;
width: 100%;
margin-bottom: 15px;
}
.main_case_text p{
    width: 100%;
font-size: 22px;
color: #1F3A44;
font-weight: 400;
margin: 0;
padding: 0;
text-align: left;
}
.stat_case{
width: 100%;
display: flex;
justify-content: space-between;
}
.stat{
width: 32%;
height: 81px;
border-radius: 4px;
background-color: #0FA3B1;
display: flex;
flex-direction: column;
justify-content: center;
}
.stat h1{
font-size: 32px;
color: #F5FBFD;
font-weight: 700;
margin: 0;
padding: 0;
margin-left: 20px;
}
.stat p{
font-size: 18px;
color: #F5FBFD;
font-weight: 400;
margin: 0;
padding: 0;
margin-top: 10px;
width: auto;
margin-left: 20px;
}
@media screen and (max-width: 900px){
    .story_block{
    flex-direction: column;
    align-items: center;
    }
    .story{
    margin-top: 15px;
    margin-bottom: 15px;
    }
.filters{
    flex-direction: column;
    align-items: center;
    height: auto;
    padding-bottom: 30px;
}
.filt1{
    flex-direction: column;
    align-items: start;
}
.filt1 h2{
    margin-bottom: 15px;
}
    .home_blokc{
        flex-direction: column;
    }
    .home{
        height: 323px;
        align-items: center;
    }
    .home_cont a{
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .perf{

        height: 631px;
        background-size: cover;
    }
    .perf_blokc h3{
        width: 100%;
        max-width: 378px;
        font-size: 42px;
        color: #0FA3B1;
    }
      .perf_blokc h3 span{
    color: #000;}
    .perf_blokc p{
        width: 100%;
        max-width: 304px;
        font-size: 22px;
    }
    .princ_blokc h3{
        font-size: 36px;
        width: 190px;
    }
    .princ_blokc p{
        font-size: 18px;
      width: 100%;
    }
    .princ_cont{
        flex-direction: column;
        align-items: center;
    }
    .princ_text{
        width: 100%;
        max-width: 388px;
        height: 170px;
    }
    .prof{
        width: 100%;
        max-width: 368px;
        padding-left: 20px;
    }
    .prof a{
        margin-top: 20px;
    }
    .clients_blokc{
        flex-direction: column-reverse;
        align-items: center;
    }
    .clients{
        height: 748px;
    }
    .clients_text h5{
        text-align: center;
        font-size: 40px;
        width: 100%;
        max-width: 363px;
    }
    .clients_text h6{
        font-size: 18px;
    }
    .clients_text{
        width: 100%;
        max-width: 386px;
        align-items: center;
    }
    .clients_1 h4{
        font-size: 45px;
    }
    .clients_1{
        margin-right: 0;
        width: 167px;
    }
    .clients_cont{
        margin-top: 50px;
    }
    .clients_1 span{
        width: 118px;
        text-align: center;
    }
    .mob_1{
        position: absolute;
        z-index: 2;
        width: 134px;
        height: auto;
        right: 0;
        bottom: 0;
        display: flex;
    }
    .img_1{
        display: none;
    }
    .global_blokc{
        flex-direction: column;
        align-items: center;
    }
    .global_cont h4{
        font-size: 36px;
    }
    .global_cont h5{
        font-size: 36px;
    }
    .global .map_mob{
        display: flex;
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .global .map{
        display: none;
    }
    .our{
        display: none;
    }
    .stories_blokc{
        flex-direction: column;
    }
    .stories{
        background-image: url(../img/mob1.png);
        background-size: cover;
    }
    .stories_blokc .phone{
        width: 260px;
    }
    .art{
        margin-right: 0;
        margin-top: -105px;
    }
    .art_1{
        margin-top: 0;
    }
    .stories h3{
        font-size: 40px;
        margin-right: 0;
    }
    .stories h4{
        font-size: 40px;
        margin-left: -110px;
    }
    .stories_cont{
        margin-bottom: 20px;
    }
    .we_mob{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 40px;
        background: #FFFEF9;
    }
    .we_blokc{
        display: flex;
        flex-direction: column;
        width: 75%;
    }
    .we_blokc h4{
        color: #240E03;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .we_blokc h5{
        color: #240E03;
        font-size: 18px;
        font-weight: 400;
        width: 298px;
    }
    .we_cont{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .we_1{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .we_1 img{
        width: 50px;
        height: auto;
    }
    .we_1 p{
        color: #3F3F3F;
        font-size: 18px;
        font-weight: 400;
        width: 89px;
    }
    .we_blokc .vec_0{
        width: 349px;
        height: auto;
    }
    .exp{
        display: none;
    }
    .ver_mob{
        width: 100%;
        display: flex;
        justify-content: center;
    background: linear-gradient(270deg, rgba(30, 202, 211, 0.09) 0%, rgba(245, 251, 253, 0) 100%);

        margin-top: 50px;
    }
    .ver_blokc{
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #FFFBF3;
        box-shadow: 0px 4px 7.6px 0px #D7D7D7;
        border-radius: 79px;
        margin-top: 50px;
        margin-bottom: 80px;
    }
    .ver_blokc h5{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 139px;
    height: 41px;
    background: linear-gradient(90deg, #F4A460 0%, #A0522D 100%);
    border-radius: 55px;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 0;
}
.ver_blokc h3{
    color: #240E03;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 40px;
}
.ver_cont{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 260px;
}
.ver_1{
    display: flex;
    flex-direction: column;
}
    .ver_1 img{
        width: 110px;
        height: auto;
        margin-bottom: 30px;
    }
    .tell_blokc{
        flex-direction: column;
    }
    .tell_cont h4{
        font-size: 36px;
        text-align: center;
    }
    .tell_cont h5{
        font-size: 18px;
        width: 254px;
        text-align: center;
    }
    .tell_cont{
        width: 340px;
        align-items: center;
    }
    .tell{
        background-image: none;
        height: auto;
        margin-top: 100px;
        margin-bottom: 250px;
    }
    .your{
        flex-direction: column;
    }
    .your_1{
        flex-direction: column;
        align-items: start;
    }
    form{
        width: 339px;
        margin-left: 0;
    }
    input{
        width: 339px;
    }
    .your_2{
        border-bottom: 0;
    }
    .your_2 .need{
        margin-bottom: 0;
    }
    textarea{
        width: 350px;
    }
    .grp{
        display: none;
        position: absolute;
        z-index: 2;
        width: 189px;
        height: auto;
        left: 0;
        top: -110px;
    }
    .star{
        display: flex;
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: -240px;
        width: 210px;
        height: auto;
    }
    .foot_blokc{
        flex-direction: column-reverse;
        align-items: center;
    }
    .foot_2{
        align-items: center;
    }
    .foot_1{
        width: 108px;
    }
    .foot_cont{
        width: 100%;
        max-width: 345px;
        margin-top: 50px;
    }
    .foot p{
        text-align: center;
        width: 100%;
        max-width: 345px;
    }
    .foot{
        width: 90%;
    }






    .serv_blokc{
        flex-direction: column;
    }
    .serv_blokc img{
        width: 283px;
    }
    .serv_cont h4{
        font-size: 42px;
        text-align: center;
        width: 100%;
        max-width: 378px;
    }
    .serv_cont p{
        font-size: 22px;
        text-align: center;
        width: 100%;
        max-width: 304px;
    }
    .serv_cont{
        align-items: center;
    }
    .grow_blokc h3{
        font-size: 36px;
    }
    .grow_blokc h5{
        width: 328px;
        font-size: 16px;
    }
    .grow_cont{
        flex-direction: column;
        width: 300px;
    }
    .grow{
        height: 547px;
        background: url(../img/mobil.png), #FFE4B5;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .grow_cont .get{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .from_blokc h4{
        width: 231px;
        font-size: 36px;
        text-align: center;
    }
    .from_blokc h4 span{
        font-size: 36px;
    }
    .from_blokc h5{
        width: 304px;
        font-size: 18px;
    }
    .from_cont{
        flex-direction: column;
        width: 430px;
    }
    .plan{
        flex-direction: column-reverse;
    }
    .from_text{
        width: 294px;
        align-items: center;
    }
    .from_text h6 span{
        font-size: 40px;
    }
    .from_text p{
        text-align: center;
    }
    .from_text h6{
        text-align: center;
    }
    .from_cont img{
        width: 100%;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .from_blokc{
        margin-top: 50px;
    }
    .serv{
        height: 757px;
        align-items: center;
    }
    .diff_img{
        display: none;
    }
    .diff_blokc h3{
        font-size: 36px;
    }
    .diff_blokc{
        align-items: center;
    }
    .diff_blokc h4{
        font-size: 20px;
    }
    .diff_cont{
        flex-direction: column;
        align-items: center;
    }
    .diff_text{
        width: 363px;
    }
    .diff_1 img{
        width: 82px;
    }
    .diff_2 h5{
        font-size: 22px;
    }
    .diff_2 br{
        display: flex;
    }
    .diff_blokc{
        width: 90%;
    }
    .mob11{
        display: flex;
        position: absolute;
        z-index: 2;
        width: 124px;
        height: auto;
        top: 20px;
        right: 0;
    }
    .results_blokc{
        display: flex;
        flex-direction: column;
    }
    .results_1{
        flex-direction: row;
        justify-content: space-between;
        width: 255px;
        align-items: center;
    }
    .results_1 h1{
        font-size: 36px;
    }
    .results_1 h2{
        margin-bottom: 0;
        font-size: 36px;
    }
    .results_cont p{
        font-size: 18px;
        width: 255px;
        text-align: center;
    }
    .low{
        width: 325px;
    }
    .low_cont .ell{
        width: 14px;
    }






    .meet_blokc h3{
        font-size: 42px;
        text-align: center;
        margin-top: 70px;
    }
    .meet_blokc h5{
        width: 304px;
        font-size: 22px;
        text-align: center;
    }
    .meet_blokc{
        align-items: center;
    }
    .success{
        height: auto;
    }
    .success_blokc{
        flex-direction: column;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .success_cont{
        width: 364px;
    }
    .success_blokc .ppl{
        width: 364px;
        margin-bottom: 20px;
    }
    .success_text{
        margin-left: 0;
        margin-top: -55px;
    }
    .scale{
        height: 547px;
    }
    .scale_blokc h3{
        font-size: 36px;
        width: 270px;
    }
    .scale_blokc p{
        width: 328px;
        font-size: 18px;
    }
    .scale_cont{
        flex-direction: column;
        width: 300px;
    }
    .scale_cont a{
        margin-bottom: 20px;
    }
    .office_cont .off{
        display: none;
    }
    .office_cont .mob_app{
        display: flex;
        width: 100%;
        height: auto;
    }
    .office_blokc h4{
        font-size: 36px;
        text-align: center;
    }
    .office_text{
        width: 308px;
        align-items: center;
        margin-top: 20px;
    }
    .office_cont{
        flex-direction: column;
        align-items: center;
    }
    .office_text p{
        font-size: 18px;
    }
    .office_blokc{
        width: 100%;
        align-items: center;
    }



    .open_blokc{
        flex-direction: column;
    }
    .open_blokc img{
        width: 180px;
        margin-bottom: 40px;
    }
    .open_blokc h3{
        width: 279px;
        font-size: 42px;
        text-align: center;
    }
    .performance_cont{
        width: 308px;
    }
    .performance_a{
        width: 308px;
        flex-direction: column;
        align-items: start;
    }
    .performance_cont h3{
        width: 227px;
        font-size: 22px;
        line-height: 38px;
    }
    .performance_a a{
        margin-bottom: 10px;
    }
    .performance_cont h4{
        font-size: 18px;
        line-height: 29px;
    }
    .performance_cont p{
        font-size: 16px;
        line-height: 22px;
    }
    .performance_1 img{
        width: 18px;
    }
    .performance_1 h5{
        font-size: 18px;
    }
    .posted_cont{
        flex-direction: column-reverse;
        align-items: start;
    }
    .posted_cont h2{
        font-size: 36px;
        margin-top: 40px;
    }
    .posted_blokc h3{
        font-size: 22px;
    }
    .posted_blokc p{
        width: 100%;
        font-size: 18px;
    }
    .posted_1{
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .posted_1 h5{
        width: auto!important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .posted_blokc h4{
        font-size: 22px;
    }
    .tooling{
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
    .tooling h1{
        font-size: 22px;
    }
    .tooling_blokc p{
        font-size: 18px;
        margin-bottom: 0;
        width: 90%;
    }
    .tooling_blokc{
        width: 347px;
    }
    .remote_cont{
        width: 287px;
        margin-top: 20px;
    }
    .remote{
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }
    .remote_cont h4{
        font-size: 18px;
    }
    .remote_cont h6{
        font-size: 18px;
    }
    .remote_1{
        flex-direction: column;
        align-items: start;
    }
    .remote_1 h5{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .remote_1 a{
        margin-top: 50px;
    }
    .posted_1 h5{
        font-size: 18px;
    }
    form .port{
        width: 339px;
    }
    .case_block{
    flex-direction: column;
    align-items: center;
    }
    .case{
    width: 90%;}
    /* Team page */
    .team_hero_blokc{
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .team_hero_cont{
        align-items: center;
        text-align: center;
        margin-bottom: 30px;
    }
    .team_hero_title{
        font-size: 36px;
        text-align: center;
    }
    .team_hero_text{
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    .team_hero_img{
        width: 100%;
        max-width: 320px;
        display: flex;
        justify-content: center;
    }
    .team_hero_img img{
        width: 100%;
        height: auto;
    }
    .team_section_inner{
        width: 90%;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .team_section_title{
        font-size: 28px;
        text-align: center;
    }
    .team_section_desc{
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    .team_grid{
        gap: 30px 20px;
        justify-content: center;
    }
    .team_card{
        min-width: 140px;
        max-width: 180px;
    }
    .team_card_avatar{
        width: 100px;
        height: 100px;
    }
    .team_card_name{
        font-size: 14px;
    }
    .team_card_role{
        font-size: 12px;
    }
}

/* Team page */
.team_hero{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #F5FBFD;
}
.team_hero_blokc{
    width: 75%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.team_hero_cont{
    display: flex;
    flex-direction: column;
    max-width: 560px;
}
.team_hero_title{
    font-size: 56px;
    font-weight: 700;
    color: #0B2C3D;
    margin: 0 0 24px 0;
}
.team_hero_text{
    font-size: 26px;
    font-weight: 400;
    color: #0B2C3D;
    line-height: 1.4;
    margin: 0 0 32px 0;
    width: 100%;
}
.team_hero_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 52px;
    background-color: #FF8A00;
    border-radius: 70px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #0B2C3D;
}
.team_hero_img{
    flex-shrink: 0;
}
.team_hero_img img{
    width: 382px;
    height: auto;
    display: block;
}
.team_section{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #F5FBFD;
}
.team_section--alt{
    background: #C9E6EC;
}
.team_section_inner{
    width: 75%;
    padding-top: 60px;
    padding-bottom: 60px;
}
.team_section_title{
    font-size: 36px;
    font-weight: 700;
    color: #0B2C3D;
    margin: 0 0 16px 0;
    width: 100%;
    text-align: center;
}
.team_section_desc{
    font-size: 20px;
    font-weight: 400;
    color: #0B2C3D;
    margin: 0 0 40px 0;
    width: 100%;

        width: 100%;
    text-align: center;
}
.team_grid{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 32px;
    justify-content: center;
}
.team_card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(33.333% - 22px);
    min-width: 200px;
}
.team_card_avatar{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 16px;
    flex-shrink: 0;
}
.team_card_avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team_card_name{
    font-size: 20px;
    font-weight: 700;
    color: #0B2C3D;
    margin: 0 0 8px 0;
}
.team_card_role{
    font-size: 16px;
    font-weight: 400;
    color: #0B2C3D;
    margin: 0;
}

@media screen and (max-width: 1200px){
    .team_card{
        width: calc(50% - 16px);
    }
}

@media screen and (max-width: 600px){
    .team_hero_blokc{
    flex-direction: column;
    align-items: center;
    }
    .team_grid{
        flex-direction: column;
        align-items: center;
        gap: 36px;
    }
    .team_card{
        width: 100%;
        max-width: 220px;
        min-width: unset;
    }
    .team_card_avatar{
        width: 120px;
        height: 120px;
    }
    .case .upper{
    flex-direction: column;
    
    }
    .case .upper h5{
    margin-bottom: 10px;
    }
    /* Case study detail */
    .case1_hero_top{
        flex-direction: column;
        align-items: flex-start;
    }
    .case1_icon{
        margin-bottom: 20px;
    }
    .case1_metrics{
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .case1_metric_val{
        font-size: 24px;
    }
    .case1_metric_label{
        font-size: 12px;
    }
    .case1_row{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .case1_heading{
        font-size: 22px;
    }
    .case1_body p, .case1_intro{
        font-size: 16px;
    }
    .case1_title{
        font-size: 28px;
    }
    .case1_headline{
        font-size: 18px;
    }
}

/* Case study detail page */
.case1{
    width: 100%;
    background: #F5FBFD;
    display: flex;
    justify-content: center;
}
.case1_inner{
    width: 75%;
    max-width: 1100px;
    padding: 50px 0 60px;
}
.case1_hero{
    margin-bottom: 50px;
}
.case1_hero_top{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 32px;
}
.case1_icon{
    width: 100px;
    height: 100px;
    border-radius: 22px;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 28px;
    background: #0B2C3D;
}
.case1_icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.case1_hero_text{
    flex: 1;
}
.case1_title{
    font-size: 42px;
    font-weight: 700;
    color: #0B2C3D;
    margin: 0 0 12px 0;
}
.case1_headline{
    font-size: 22px;
    font-weight: 400;
    color: #0B2C3D;
    margin: 0;
    line-height: 1.4;
}
.case1_metrics{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 36px;
}
.case1_metric{
    background: #0FA3B1;
    border-radius: 12px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.case1_metric_val{
    font-size: 36px;
    font-weight: 700;
    color: #F5FBFD;
    margin-bottom: 6px;
    text-align: center;
}
.case1_metric_label{
    font-size: 14px;
    font-weight: 400;
    color: #F5FBFD;
       text-align: center;
}
.case1_intro{
    font-size: 18px;
    font-weight: 400;
    color: #0B2C3D;
    line-height: 1.6;
    margin: 0;
}
.case1_section{
    margin-bottom: 48px;
}
.case1_row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
}
.case1_row .case1_heading{
    flex: 0 0 220px;
}
.case1_row .case1_body{
    flex: 1;
}
.case1_heading{
    font-size: 26px;
    font-weight: 700;
    color: #0FA3B1;
    margin: 0 0 16px 0;
}
.case1_row .case1_heading{
    margin-bottom: 0;
}
.case1_body p{
    font-size: 18px;
    font-weight: 400;
    color: #0B2C3D;
    line-height: 1.6;
    margin: 0 0 16px 0;
}
.case1_body p:last-child{
    margin-bottom: 0;
}
.case1_body--block .case1_heading{
    margin-bottom: 16px;
}
.case1_creatives{
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #C9E6EC;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case1_creatives img{
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
}

@media screen and (max-width: 900px){
    .case1_inner{
        width: 90%;
        padding: 30px 0 50px;
    }
}

@media screen and (max-width: 600px){
    .home_cont{
    flex-direction: column;
    align-items: center;
    }
    .home_cont a{
    margin-top: 5px;
    margin-bottom: 5px;
    }
    .case1_metrics{
        grid-template-columns: 1fr;
    }
    .case1_metric{
        padding: 18px 16px;
    }
    .case1_metric_val{
        font-size: 28px;
    }
      .case1_row{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}

/* Slider (Ad creatives) */
.slider{
    width: 100%;
}
.slider_panel{
    background: #C9E6EC;
    border-radius: 20px;
    padding: 24px 16px 28px;
}
.slider_title{
    font-size: 22px;
    font-weight: 700;
    color: #FF8A00;
    margin: 0 0 20px 0;
    padding-left: 8px;
}
.slider_nav{
    display: flex;
    align-items: center;
    gap: 12px;
}
.slider_arrow{
    width: 48px;
    height: 48px;
    min-width: 48px;
    border: none;
    border-radius: 50%;
    background: rgba(11, 44, 61, 0.08);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.slider_arrow:hover{
    background: rgba(11, 44, 61, 0.15);
}
.slider_arrow::after{
    content: '';
    width: 12px;
    height: 12px;
    border-left: 2px solid #0B2C3D;
    border-bottom: 2px solid #0B2C3D;
}
.slider_arrow--prev::after{
    transform: rotate(45deg);
    margin-left: 4px;
}
.slider_arrow--next::after{
    transform: rotate(-135deg);
    margin-right: 4px;
}
.slider_viewport{
    flex: 1;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}
.slider_track{
    display: flex;
    gap: 20px;
    transition: transform 0.35s ease-out;
    width: max-content;
}
.slider_slide{
    flex: 0 0 240px;
    width: 240px;
    min-width: 200px;
}
.slider_phone{
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(11, 44, 61, 0.12);
    aspect-ratio: 9 / 19;
    max-height: 420px;
}
.slider_phone img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 900px){
    .slider_slide{
        flex: 0 0 200px;
        width: 200px;
        min-width: 180px;
    }
    .princ_2 h6{
    width: 90%;
    }
    .princ_text img{
    margin-left: 10px;
    }
}
@media screen and (max-width: 600px){
    .slider_slide{
        flex: 0 0 220px;
        width: 220px;
        min-width: 160px;
    }
    .slider_arrow{
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .slider_arrow::after{
        width: 10px;
        height: 10px;
    }
     .main_case{
    flex-direction: column;
    align-items: center;
    }
    .stat h1{
    font-size: 26px;
    }
}
@media screen and (max-width: 400px){
    .we_blokc .vec_0{
    width: 300px;
    }
    .diff_text{
    width: 300px;
    }
    form{
    width: 270px;
    
    }
    input{
    width: 100%;
    }
    textarea{
    width: 100%;
    }
    .low{
    width: 270px;
    }
    .from_cont{
    width: 100%;
    }
    .from_text{
       width: 100%;
    }
    .serv_cont h4{
    width: 100%;
    }
    .success_cont {
    width: 100%;
    }
    .princ_text{
    width: 94%;
    padding: 3%;
    flex-direction: column;
    height: auto;
    }
    .princ_2 h6{
    width: 100%;
    }
    .princ_text img{
    margin-right: 0;
    margin-top: 10px;
    }
    .prof_blokc{
    flex-direction: column;
    }
    .prof{
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .foot p{
    width: 100%;
    }
    .foot_cont{
    width: 100%;
    }
    .success_blokc .ppl{
    width: 100%;
    }
    .team_hero_img img{
    width: 100%;
    }
    .main_case{
    flex-direction: column;
    align-items: center;
    }
    .stat h1{
    font-size: 22px;
    }
    .case{
    padding-left: 10px;
    padding-right: 10px;
    }
    .case1_hero_top{
    flex-direction: column;
    align-items: center;
    }
    .tell{
    margin-bottom: 0px;
    margin-top: 30px;
    padding-top: 0;
    }
    .star{
    bottom:0px
    }
    .perf_blokc h3{
    width: 100%;
    }
    .clients_text{
    width: 100%;
    }
    .we_blokc .vec_0{
    width: 270px;
    }
    .we_blokc h5{
    width: 100%;
    }
    .tell_cont{
    width: 100%;
    }
    .perf_blokc h3{
    font-size: 36px;
    }
    .clients_1{
    width: 120px;
    }
    .clients_1 h4{
    font-size: 26px;
    }
    .clients_text h5{
    font-size: 32px;
    width: 100%;
    }
}