* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

html,
body {
    overscroll-behavior: none;
}

body {
    background: #fff;

    font-size: 0;
    font-family: 'AOK Buenos Aires Regular';
    font-weight: 400;

    cursor: default;

  

}

body::-webkit-scrollbar {
    display: none;
}

div,
a,
span,
iframe {
    display: inline-block;
}

.scroll__status {
    position: fixed;
    z-index: 999999999;
    height: 1.5px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: #d800ff;

}

.master__wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    animation: laodup 0.9s linear;
}

@keyframes laodup{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.header {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 55px;
    left: 0;
    top: 0;
    background-color: #fff;
}

.header__logo {
    position: absolute;
    left: 60px;
    height: 55px;
    width: 110px;
    top: 0;
    background-image: url(./logo.png);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}


.header__menu {
    width: 100%;
    text-align: center;
    line-height: 55px;

    vertical-align: top;
    pointer-events: none;
}

.header__menu__item {
    margin: 0 8px;
    font-size: 11px;
    color: #000;
    vertical-align: top;
    font-weight: 500;
    pointer-events: all;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase;
}

.header__menu__socials {
    position: absolute;
    top: 0;
    right: 60px;
   padding-top: 19px;
}

.header__menu__social__item {
    margin-left: 10px;
    width: 18px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 11px;
    color: #000;
    font-family: 'AOK Buenos Aires SemiBold';
}

.header__menu__cta {
    font-size: 11px;
    color: #000;
    height: 16px;
    line-height: 16px;
    letter-spacing: 0.35px;
    font-family: 'AOK Buenos Aires SemiBold';
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
     text-transform: uppercase;
}

.language__wrapper{
    font-size: 0;
    vertical-align: middle;
     height: 16px;
     width: 16px;
   
margin-left: 10px;
     overflow: hidden;
     white-space: nowrap;
     text-align: right;
     position: relative;
     transition: 0.3s ease-out;
    
}

.language__wrapper:hover{
    width: 75px;
}


.language__wrapper__inner{
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
     
}

.header__menu__social__item svg {
    width: 100%;
    height: 100%;
    fill: #a0a0a0;
}

.header__corner__left {
    width: 45px;
    height: 45px;
    background-color: #fff;
    left: 0;
    top: 55px;
    position: fixed;
    z-index: 9999999;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.header__corner__right {
    width: 45px;
    height: 45px;
    background-color: #fff;
    right: 0;
    top: 55px;
    position: fixed;
    z-index: 9999999;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}


.section__hero {
    width: 100%;
    height: 100vh;
    height: 100lvh;
    position: relative;
    background: #350a5f;
}

.section__hero__background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;



}

.section__hero__background__slider {
    width: 10%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #350a5f, #d800ff, #f7caff, #d800ff, #350a5f);
    animation: section__hero__background__slider 3.25s linear infinite;
}



@keyframes section__hero__background__slider {
    0% {
        transform: translateX(-10vw);
        opacity: 1;
    }

    100% {
        transform: translateX(100vw);
        opacity: 1;
    }

}

.section__hero__background__image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(./hero__bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.section__hero__art__left {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: left;
    padding-left: 45px;
}

.section__hero__art__left svg {
    height: 100%;
}

.section__hero__art__right {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    text-align: right;
    padding-right: 45px;
}

.section__hero__art__right svg {
    height: 100%;
}

.section__hero__content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 45px;
}

.section__hero__content__line__1 {
    width: 100%;
    height: 77px;
     background-image: url(./hero__logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0px;


    xdisplay: none;



}


.section__hero__content__line__2__wrapper {
    width: 100%;
    margin-top: 12px;
}

.section__hero__content__line__2 {
    font-size: 72px;
    line-height: 66px;
    letter-spacing: -1.5px;

    color: #fff;

    text-align: center;
    font-weight: 700;


    vertical-align: middle;
    position: relative;
  
}

.section__hero__content__line__2 span {
    background: -webkit-linear-gradient(-180deg, #97c7d3, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section__hero__content__line__2__pre {
    width: calc((100% - 758px) / 2);
    height: 1px;
    background: #222628;
    vertical-align: middle;
    display: none;
}

.section__hero__content__line__3__wrapper {
    width: 100%;
    margin-top: 20px;


}

.section__hero__content__line__3__pre {
    width: calc((100% - 345px) / 2);
    max-width: 240px;
    height: 1px;
    background: #222628;
    vertical-align: middle;

    display: none;

}


.section__hero__content__line__3 {
    font-size: 21px;
    letter-spacing: 1px;
    padding: 0 20px;
    color: #97c7d3;
    text-align: center;
    font-weight: 400;
    text-shadow: 0px 0px 20px #000;
    vertical-align: middle;

}

.section__hero__content__line__4__wrapper {
    width: 100%;
    margin-top: 20px;
}

.section__hero__content__line__4__pre {
    width: calc((100% - 600px) / 2);
    height: 1px;
    background: #222628;
    background: linear-gradient(to left, #222628, #22262800);
    vertical-align: middle;

    display: none;

}

.section__hero__content__line__4__pre__b {
    background: linear-gradient(to right, #222628, #22262800);
}

.section__hero__content__line__4 {
    width: 100%;
    max-width: 550px;

    font-size: 14px;
    line-height: 19px;
    color: #a3b3bc;
    text-align: center;
    font-weight: 300;


    position: relative;
    text-shadow: 0px 0px 10px #000;
    letter-spacing: 1px;
    vertical-align: middle;
}

.section__hero__content__line__4__border {
    height: 100%;

    width: 100%;

    position: absolute;
    top: 0;
    left: 0;


}

.section__hero__content__line__4__fill {
    height: 100%;

    width: 100%;

    position: absolute;
    top: 0;
    left: 0;

    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);

    transition: 0.3s ease-out;


}

.section__hero__content__line__4__fill svg {
    width: 100%;
    height: 100%;
}

.section__hero__content__line__4__border svg {
    width: 100%;
    height: 100%;



}



.section__hero__content__line__5__wrapper {
    width: 100%;
    margin-top: 28px;
    font-size: 0;
}

.section__hero__content__line__5__button {


    color: #ffff00;
    font-size: 11px;

    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    width: 220px;
    overflow: hidden;
    transition: 0.3s ease-out;
    letter-spacing: 0.5px;
}

.section__hero__content__line__5__button:hover .section__hero__content__line__4__fill {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

}

.section__hero__content__line__5__button:hover {
    color: #fff;

}




.section__hero__content__line__5__button__corner__left {
    width: 45px;
    height: 45px;
    background-color: #fff;
    left: -45px;
    top: 0;
    position: absolute;
    z-index: 99999;

    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.section__hero__content__line__5__button__corner__right {
    width: 45px;
    height: 45px;
    background-color: #fff;
    right: -45px;
    top: 0;
    position: absolute;
    z-index: 99999;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}




.section__hero__title__wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;

}


.section__hero__title {
    height: 45px;
    width: calc(100% - 90px);
    background: #ffff00;

    vertical-align: top;



    z-index: 1;

    box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);
    -webkit-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);
    -moz-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);

    position: relative;
}

.section__hero__title__text__1 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

.section__hero__title__text__2 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;

    opacity: 0;
}


.section__hero__title svg {
    width: 100%;
    height: 7px;
    margin-top: 28px;
}

.section__hero__title__corner {
    width: 45px;
    height: 45px;
    background: #ffff00;
    vertical-align: top;
    z-index: 3;

    position: relative;

}

.section__hero__title__corner__left {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.section__hero__title__corner__right {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}


.section__hero__video {
    width: 100%;

    position: absolute;

    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
    pointer-events: none;
}


.section__hero__video__object {
    width: 100%;
    height: 100vh;
    height: 100lvh;

    border-radius: 6px;
    background: linear-gradient(45deg, #000026, #000000);
    text-align: center;
    cursor: pointer;
}

.section__hero__video__object svg {
    width: 60px;
    height: 100%;

}



.section__mission {
    padding-top: 245px;
    padding-bottom: 45px;
    width: 100%;
    position: relative;
  
    background: linear-gradient(to bottom, #c4d6e1, #ffffff 100%);
    text-align: center;
}

.section__mission__image {
    width: 100%;
    height: 80%;
    max-height: 460px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section__mission__image svg {
    width: 100%;
    height: 100%;
}


.section__mission__content__wrapper {
    width: 100%;

    padding: 0 45px;

    position: relative;
    text-align: center;
    position: absolute;
    left: 0;
    top: 300px;
    xtransform: translateY(-50%);
}




.section__mission__content__blocks {
   
    width:100%;

    position: relative;

}


.section__mission__about{
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
   
}

.section__mission__about__title{
    width: 100%;
text-align: center;
font-size: 44px;
height: 100%;
line-height: 46px;
height: 46px;
color: #3d3d3d;
font-family: 'AOK Buenos Aires SemiBold';
vertical-align: top;
}

.section__mission__about__text{
  font-size: 15px;
line-height: 20px;
color: #3d3d3d;
width: 100%;
max-width: 480px;
text-align: center;
position: relative;
margin-top: 6px;
}

.section__mission__content__block__item {
    width: 50%;
    vertical-align: top;
    padding-right: 180px;

}

.section__mission__content__block__item__b {
    padding-right: 0px;
     padding-left: 180px;
}

.section__mission__content__block__item__title {

    width: 100%;
    text-align: center;
    font-size: 44px;
    height: 100%;
    line-height: 46px;
    height: 46px;

    color: #3d3d3d;
    font-family: 'AOK Buenos Aires SemiBold';
    vertical-align: top;





  
}




.section__mission__content__block__item__text {
    width: 100%;
    position: relative;
    margin-top: 6px;
    text-align: center;
  
}

.section__mission__content__block__item__text__art {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.section__mission__content__block__item__text__art svg {
    height: 21px;
    width: 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.section__mission__content__block__item__text__art svg path{
    stroke: #2ca5c6;
    stroke-width: 1.5;
}

.section__mission__content__block__item__text__art__line {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,#d0d0d000, #d0d0d0, #d0d0d000);
    position: absolute;
    left: 0;
    top: 10px;
}

.section__mission__content__block__item__text__inner {
    font-size: 15px;
    line-height: 20px;
    color: #3d3d3d;
    width: 100%;
 max-width: 380px;
    margin-top: 26px;
    text-align: center;
 
   

}


.section__mission__content__block__item__text__inner__about{
    max-width: unset;
}







.section__services{
    width: 100%;

  
  padding-bottom: 45px;
    position: relative;
}


    .section__skills__title__wrapper {
    width: 100%;
        position: relative;

}


.section__skills__title {
    height: 45px;
    width: calc(100% - 90px);
    background: #ffff00;

    vertical-align: top;



    z-index: 1;

   

    position: relative;
}

.section__skills__title__text__1 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

.section__skills__title__text__2 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;

    opacity: 0;
}


.section__skills__title svg {
    width: 100%;
    height: 7px;
    margin-top: 28px;
}

.section__skills__title__corner {
    width: 45px;
    height: 45px;
    background: #000026;
    vertical-align: top;
    z-index: 3;

    position: relative;

}

.section__skills__title__corner__left {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.section__skills__title__corner__right {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}


.section__skills__title__numbers {

    width: 100%;
    padding: 0 75px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    font-size: 0;


    position: relative;

    background: #000026;
    

}

.section__services__title__number__item {
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 1px;
    color: #78bfc4;
    font-family: 'AOK Buenos Aires SemiBold';

    transition: 0.55s ease-out;

    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #ffffff00;
    text-decoration-thickness: 1.5px;
}

.section__services__title__number__item__selected {
    color: #ffff00;
    text-decoration-color: #ffff00;
}



  .section__cases__title__wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;

}


.section__cases__title {
    height: 45px;
    width: calc(100% - 90px);
    background: #ffff00;

    vertical-align: top;



    z-index: 1;

    box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);
    -webkit-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);
    -moz-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.3);

    position: relative;
}

.section__cases__title__text__1 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

.section__cases__title__text__2 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;

    opacity: 0;
}


.section__cases__title svg {
    width: 100%;
    height: 7px;
    margin-top: 28px;
}

.section__cases__title__corner {
    width: 45px;
    height: 45px;
    background: #ffff00;
    vertical-align: top;
    z-index: 3;

    position: relative;

}

.section__cases__title__corner__left {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.section__cases__title__corner__right {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}



.section__services__content__ring {
    width: 100%;
    
    height: 395px;
   

    position: relative;

    font-size: 0;

    z-index: 555;


}

.section__services__content__ring__text {
    width: 230px;
    height: 230px;



    position: absolute;
    right: -115px;
    top: -115px;


}

.section__services__content__ring__line {
    width: 280px;
    height: 280px;

    position: absolute;
    left: 90px;
    left: calc(50% - 280px);
    bottom: 0;



}



.section__services__content__ring__line__arrow {
    width: 100%;
    height: 100%;
    transition: 0.7s ease-out;

}

.section__services__content__ring__line__arrow svg {
    width: 100%;
    height: 100%;


}

.section__services__content__ring__text__slogan {
    width: 100%;
    height: 100%;

}


.section__services__content__ring__text__hexo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
    xborder: 1px solid #9FA2A6;
    border-radius: 50%;
    background: #3d3d3d;
}



.section__services__bottom__line{
    width: 559px;
    height: 1px;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    bottom: 45px;
    text-align: left;
   
}

.section__services__bottom__line__inner{
      width: calc(50% - 60px);
      height: 1px;
       background: #d0d0d0;
}


.section__services__bottom__line__words{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    bottom: -6px;

}

.section__services__bottom__line__word__item{
   display: block;
    font-size: 12px;
    color: #3d3d3d;
     font-family: 'AOK Buenos Aires SemiBold';
        opacity: 0.33;
        letter-spacing: 6px;
        padding-left: 6px;
      
}


.section__services__bottom__line__word__item__b{
    opacity: 0.66;
}

.section__services__bottom__line__word__item__c{
    opacity: 1;
}






.section__skills {
    position: relative;

    width: 100%;
    overflow: hidden;


}


.section__skills__wrapper {
    width: 100%;
    height: calc(100vh - 100px);
    height: calc(100lvh - 100px);
    background: linear-gradient(to bottom, #000026, #000000);
    position: relative;
    padding: 0 45px;
    overflow: hidden;
}


.section__skills__wrapper__art {
   width: 90%;
height: 80%;
max-height: 460px;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
}

.section__skills__wrapper__art svg {
    width: 100%;
    height: 100%;
}

.section__skills__wrapper__art__left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none;

}

.section__skills__wrapper__art__left svg {
    height: 100%;
}


.section__skills__wrapper__art__right {
    position: absolute;
    right: 5%;
    top: 0;
    width: 90%;
    height: 100%;
    text-align: right;

    pointer-events: none;
}

.section__skills__wrapper__art__right svg {
    height: 100%;
}

.section__skills__left {
    width: 170px;
    height: 100%;

    text-align: center;
    position: relative;
}


.section__skills__left__line {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, #d800ff00, #d800ff, #d800ff, #d800ff00);
}

.section__skills__left__line__inner{
    width: 1px;
    height: 0%;
    background: #d800ff;
}

.section__skills__left__thumb {
    position: absolute;
    left: 0;
    top: calc((100vh - 100px)/2 - 18px);
     top: calc((100lvh - 100px)/2 - 18px);
  
    width: 100%;

}

.section__skills__left__thumb__left {
    width: calc((100% - 32px) / 2);


    vertical-align: middle;
    font-size: 12px;
    color: #2ca5c6;
    text-align: right;
    padding-right: 12px;
    text-transform: uppercase;
}

.section__skills__left__thumb__center {
    width: 32px;

    vertical-align: middle;
}

.section__skills__left__thumb__center svg {
    width: 100%;
    height: 36px;
}

.section__skills__left__thumb__right {
    width: calc((100% - 32px) / 2);


    vertical-align: middle;
    font-size: 12px;
    color: #2ca5c6;
    text-align: left;
    padding-left: 12px;
    text-transform: uppercase;
}

.section__skills__right {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    padding-left: 240px;
    
    left: 0;
    top: 0;
    padding-top: calc((100vh - 100px)/2 - 18px);
      padding-top: calc((100lvh - 100px)/2 - 18px);
    padding-right: 45px;
    transition: 0.35s ease-in-out;

}

.section__skills__right__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #000026, #00002600 40%, #00002600 60%, #000000);
    pointer-events: none;

    display: none;

}

.section__skills__item {
    width: 100%;
    padding-bottom: 90px;
    opacity: 0.2;
     transition: 0.35s ease-in-out;
}

.section__skills__item__selected{
    opacity: 1;
}

.section__skills__item__number {
    width: 36px;
    height: 40px;
    line-height: 40px;

   font-size: 18px;
letter-spacing: 1px;
padding-left: 1px;
color: #78bfc4;
font-family: 'AOK Buenos Aires SemiBold';
    

}

.section__skills__item__number__selected {
    
    color: #ffffff;
}

.section__skills__item__info {
    width: calc(100% - 36px);
    vertical-align: top;
}

.section__skills__item__info__title {
    width: 100%;

    white-space: nowrap;
    position: relative;

    overflow: hidden;

}




.section__skills__item__info__title span.section__skills__item__info__title__selected{
    color: #ffff00;
}

.section__skills__item__info__title__shadow {

    position: absolute;
    left: 0;
    top: 6px;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #d800ff00, #d800ff 30px, #d800ff00 70px, #d800ff00, #d800ff 550px, #d800ff00);
    filter: blur(12px);
    opacity: 0.75;
}

.section__skills__item__info__title__art {
  
    width: 100%;
   height: auto;
    font-size: 0;

}


.section__skills__item__info__title__art__left {
    width: 61px;
    height: 22px;
    vertical-align: top;



}

.section__skills__item__info__title__art__center {
    
 
    vertical-align: top;
    border-top: 1px solid #ffff00;
    margin-left: -1px;
    margin-top: 1px;
        white-space: normal;
   max-width: 50vw;
}



.section__skills__item__info__title__art__center span {
    position: relative;
    text-shadow: 0px 0px 30px #000000;
    font-size: 18px;
   
    line-height: 21px;
    color: #fff;
     transition: 0.55s ease-out;
  

    white-space: normal;
    padding: 8px 0;

    
}




.section__skills__item__info__text {
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: #c4d6e1;
    margin-top: 0px;
    padding-left: 60px;

}

.section__skills__item__info__text span {
    color: #fff;


}

.section__skills__item__info__title__art__right {
    
    height: 22px;
    vertical-align: top;
    margin-left: -2px;
    text-align: left;
    object-position: left;

}





.section__services__title__text__3 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;


}


.section__cases {
    width: 100%;
    height: 100vh;
    height: 100lvh;
    position: relative;
  background: linear-gradient(to bottom, #c4d6e1, #ffffff 50%);
    overflow: hidden;
}

  .section__contact__title__wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;

}


.section__contact__title {
    height: 45px;
    width: calc(100% - 90px);
    background: #ffff00;

    vertical-align: top;



    z-index: 1;

    box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.1);
    -webkit-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.1);
    -moz-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.1);

    position: relative;
}

.section__contact__title__text__1 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000026;
    text-align: center;
    font-weight: 600;
}

.section__contact__title__text__2 {
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    text-align: center;
    font-weight: 600;

    opacity: 0;
}


.section__contact__title svg {
    width: 100%;
    height: 7px;
    margin-top: 28px;
}

.section__contact__title__corner {
    width: 45px;
    height: 45px;
    background: #ffff00;
    vertical-align: top;
    z-index: 3;

    position: relative;

}

.section__contact__title__corner__left {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.section__contact__title__corner__right {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.cases__wrapper {
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.cases__title {
    padding: 0 130px;
    width: 100%;
    text-align: left;
   font-size: 48px;
line-height: 46px;

color: #3d3d3d;
   position: relative;
    font-family: 'AOK Buenos Aires Bold';
    vertical-align: top;

}

.cases__items__wrapper {
   
   
    padding-left: 130px;
    padding-right: 130px;
    margin-top: 40px;
    white-space: nowrap;

     will-change: transform;
}

.cases__progress__wrapper{
     width: 100%;
     padding: 0 138px;
      margin-top: 38px;
 
}

.cases__progress__thumb{
    position: absolute;
    width: 13px;
    height: 15px;
    left: 0;
    top: -7px;
    transition: 0.3s ease-out;
    transform: translateX(-50%);
    
}

.cases__progress__thumb svg{
    width: 100%;
    height: 100%;
}

.cases__progress__thumb svg path{
transition: 0.3s ease-out;
}

.cases__progress__thumb__active{
   
}

.cases__progress__thumb__active svg path{
    fill: #d800ff;
   
}

.cases__progress__thumb__1{
    left: 0%;
}

.cases__progress__thumb__2{
    left: 20%;
}

.cases__progress__thumb__3{
    left: 40%;
}


.cases__progress__thumb__4{
    left: 60%;
}

.cases__progress__thumb__5{
    left: 80%;
}

.cases__progress__thumb__6{
    left: 100%;
}

.cases__progress{
    width: 100%;
    height: 1px;
    background: #c4d6e1;
    position: relative;
}

.cases__progress__track{
    height: 1px;
    width: 0%;
    background: #d800ff;
}

.cases__item {
    width: 440px;
    min-height: 328px;

   white-space: normal;
    padding: 30px;
    position: relative;
    margin-right: 60px;

    vertical-align: top;



}

.cases__item__last{
    margin-right: 0;
}

.section__cases__image{
   width: 90%;
height: 80%;
max-height: 460px;
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
   
}

.section__cases__image svg{
    width: 100%;
    height: 100%;
}

.cases__item__top__left {
    position: absolute;
    left: 0;
    top: 0;
    width: 58px;
    height: 58px;

}

.cases__item__top__left svg {
    width: 100%;
    height: 100%;
}

.cases__item__bottom__right {
    position: absolute;
    bottom: 0;
    right: 0;
   width: 58px;
    height: 58px;
}

.cases__item__bottom__right svg {
    width: 100%;
    height: 100%;
}

.cases__item__number{
    width: 100%;
    font-size: 22px;
    color: #D800FF;
     font-family: 'AOK Buenos Aires SemiBold';
   letter-spacing: 0.5px;
}

.cases__item__title {
    width: 100%;
      margin-top: 7px;
    font-size: 18px;
    color: #3d3d3d;
    font-family: 'AOK Buenos Aires SemiBold';
}

.cases__item__tags{
    width: 100%;
        margin-top: 10px;
}

.cases__item__tag{
    font-size: 14px;
    line-height: 19px;
    color: #D800FF;
    margin-right: 6px;
    margin-bottom: 2px;

    xfont-style: italic;

   
 
}

.cases__item__tag__bottom{
     font-size: 13px;
    line-height: 16px;
    color: #5b6368;
    margin-right: 6px;
    margin-bottom: 2px;
    margin-top: 10px;

    display: none;

}

.cases__item__tag__bottom span{
    font-family: 'AOK Buenos Aires SemiBold';
    color: #000026;
    padding-bottom: 4px;
}

.cases__item__text {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #2ca5c6;
    text-align: left;

  
   margin-top: 6px;
   
}

.cases__item__text span{
    xcolor: #3d3d3d;
    width: 100%;
    xfont-style: italic;
    xfont-family: 'AOK Buenos Aires SemiBold';
}



.cases__item__text span svg{
    width: 12px;
    height: 9px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px;
}

.section__cases__title {
    height: 45px;
    width: calc(100% - 90px);
    background: #ffff00;

    vertical-align: top;



    z-index: 1;
/* 
    box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.025);
    -webkit-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.025);
    -moz-box-shadow: 0px -20px 25px 0px rgba(185, 12, 239, 0.025); */

    position: relative;
}

.section__cases__title svg {
    width: 100%;
    height: 7px;
    margin-top: 28px;
}


.section__contact__us{
     position: relative;

    width: 100%;
    min-height: calc(100vh - 130px);
    overflow: hidden;
    padding: 90px 0;
     background: linear-gradient(to bottom, #000026, #000000, #000026);
    position: relative;
   
}

.section__contact__us__text{
    width: 100%;
font-size: 15px;
line-height: 19px;
color: #5b6368;
text-align: left;
margin-top: 20px;
padding-left: 130px;
max-width: 580px;
position: relative;
}

.section__contact__us__wrapper{
    width: 100%;
    padding: 0 130px;
    text-align: left;
    margin-top: 26px;
    position: relative;
}

.form__left{
    width: 50%;
    vertical-align: top;
    padding-right: 10px;
}

.form__right{
    width: 50%;
    vertical-align: top;
     padding-left: 10px;
}

.input__block{
    width: 100%;

    position: relative;
    padding: 45px;
    vertical-align: top;
}

.input__block__half__b{
    margin-right: 0;
    margin-top: 20px;
}

.input__block__big{
   
    margin-right: 0;
    height: 271px;
}

.form__corner__top__left{
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

.form__corner__bottom__left{
      position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
}

.form__corner__top__right{
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

.form__corner__bottom__right{
      position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
}

.input__block__title{
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    color: #2ca5c6;
}

.input__block__value{
 
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    margin-top: 4px;

    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    width: 100%;
     
}

.input__block__value::placeholder{
    color: #3d3d3d;
}

.input__block__value__message{

    
    height: 100%;
    resize: none;
}

.input__block__value__big{
   
}

.form__submit{
    position: relative;
    width: 100%;
    margin-top: 20px;
    user-select: none;
    cursor: pointer;

}

.sumbit__inner{
 width: 100%;
    height: 136px;
    line-height: 136px;
     font-size: 13px;
     letter-spacing: 0.5px;
     color: #ffff00;
     text-align: center;
      
}

.section__footer{
    width: 100%;
    padding: 10px 45px;
    font-size: 10px;
    letter-spacing: 0.25px;
    color: #4b4b4b;
    background: #000;
    text-align: center;
    text-transform: uppercase;
}


.black{
    background: #000026;
    color: #ffff00;
}

.gsap__typer, .gsap__rus{
    min-height: 46px;
}

.form__error{
    width: 100%;
    position: relative;
   
    margin-top: 0px;
    height: 0px;
    overflow: hidden;
    text-align: center;
    transition: 0.3s ease-out;
    user-select: none;
    cursor: default;
  
}

.form__error__active{
     margin-top: 20px;
    height: 78px;
}

.form__error__svg{
    width: 14px;
    height: 14px;
     vertical-align: middle;
  
}

.error__text{
    height: 78px;
    line-height: 78px;
    padding-left: 4px;
    font-size:14px;
    color: #ff3700;
    vertical-align: middle;
   
}


.success__text{
     height: 78px;
    line-height: 78px;
    padding-left: 6px;
    font-size:14px;
    color: #03fc45;
    vertical-align: middle;
}