@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Karantina&display=swap');

:root{
  /*  --main-color: #1A3278; */
}

::selection {
    background-color: #b1a7c0;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #aba0bd;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 12px;
    margin-right: 1px;
}

 
*{
    margin: 0;
    padding: 0;

    box-sizing: border-box;
}

html{
    overflow-x: hidden;

    scroll-behavior: smooth;
}

body{
    font-family: 'JetBrains Mono', monospace;
    font-size: normal;

    background: #11091B;
}

.container-local{
    width: 100%;
    max-width: 1440px; 
}

a{
    text-decoration: none !important;
}

p, h1, h2, h3, h4, h5, h6{
    margin-bottom: 0;
}

.text--main-color{
    color: var(--main-color);
}

.text--bold{
    font-weight: 700;
}

.text--uppercase{
    text-transform: uppercase;
}

/* USE TEXT HIGHLIGHT WITH INLINE ELEMENTS */
.text--highlight{
    text-decoration: none;
    background: linear-gradient(0deg, rgb(205, 90, 90), rgb(205, 155, 90) , rgb(205, 197, 90) , rgb(94, 205, 90) , rgb(90, 182, 205), rgb(90, 92, 205) , rgb(149, 90, 205)) no-repeat right bottom / 0 var(--bg-h);
    transition: background-size 350ms;
    --bg-h: 100%;

}

.text--highlight:where(:hover, :focus-visible) {
    background-size: 100% var(--bg-h);
    background-position-x: left;
}


/* MENU-POPUP */


.menu-popup{
    display: flex;
    flex-direction: column;

    position: fixed;
    top: 40px;
    right: 20px;

    z-index: 101;

    padding: 20px;

    opacity: 0;
    pointer-events: none;

    transition: .1s linear;
}

.menu-popup-link:not(.menu-popup-link:first-child){
    margin-left: 0 !important;
}


.menu-popup-link{
    background: #11091b;
}

.menu-popup__upper{
    display: flex;
    align-items: center;
    justify-content: space-between;


    width: 100%;

    border-bottom: 1px solid #444;
}

.menu-popup__logo{
    margin-left: 16px;
}

.menu-popup__closer{
    font-size: 32px;
    font-weight: 700;

    cursor: pointer;

    margin-right: 16px;

    line-height: 100%;

    color: #fff;
    
    padding: 16px;

    background: #11091b;
    border: 1px solid #FFF;

    max-width: fit-content;

    transition: .1s linear;
}

.menu-popup__closer:hover{
    color: #11091b;

    background: #fff;
}



/* HEADER */


.header{
    display: flex;
    justify-content: center;

    padding-top: 94px;
}

.header__container{
    display: flex;
    justify-content: space-between;
}

.header__logo{
    width: 100%;
    max-width: 783px;
}

.header__nav{
    display: flex;
    margin-top: 169px;

}

.header__nav-link{
    padding: 16px;

    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;

    border: 1px solid #FFF;

    transition: .1s linear;

    white-space: nowrap;

    max-height: 52px;

    transition: .1s linear;
}


.header__nav-link:hover .header__button-hash{
    color: #11091B;
}

.header__nav-link:not(.header__nav-link:first-child){
    margin-left: 20px;
}

.header__nav-link:hover{
    background: #FFF;
    color: #11091B;

    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
}


.header__button-hash{
    margin-right: 11px;

    transition: .1s linear;
}

.header__right{
    max-width: 783px;

    margin-left: 65px;
}

.header__right-group{
    margin-left: 28px;
    margin-top: 72px;
}

.header__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 55.343px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.header__text{
    margin-top: 16px;

    color: #EAE0E0;

    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header__button{
    display: inline-block;
    margin-top: 28px;

    padding: 16px;

    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    border: 1px solid #FFF;

    max-width: fit-content;

    transition: .1s linear;

}

.header__button:hover{
    background: #FFF;
    color: #11091B;
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);

}



/* ADVERTISERS */


.advertisers{
    padding-top: 145px;
    width: 100%;

    position: relative;

    display: flex;
    justify-content: center;
}


.advertisers__container{
}

.advertisers__bg-group-holder{
    position: absolute;
    height: 100%;
    width: 100%;

    top: 0;
    left: 0;
    

    display: flex;
    justify-content: end;
}

.advertisers__bg-group{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;

    right: 400px;

    z-index: -1;

}

.advertisers__carousel-holder{
    display: flex;
    position: relative;
    align-items: center;

    margin-top: 16px;
}

.advertisers__carousel-button{
    position: relative;
    left: 0;
    right: 0;

    cursor: pointer;

    transition: 1.5s ease;
}

.advertisers__carousel-group{
    display: flex;
    align-items: center;
}


.advertisers__carousel-content{
    display: flex;

 
}

.advertisers__carousel{
    overflow-x: hidden;

    position: relative;
    left: 0;

    transition: 1.5s ease;
}

.advertisers__bg{
    position: absolute;
}

.advertisers__decor{
    position: absolute;
}


.advertisers__card-img{
    border-radius: 56px;

    min-width: 227px;
    min-height: 357px;

    transition: .1s linear;
}


.advertisers__card{
    padding: 40px;
}

.advertisers__card-name{
    color: #F5F5F5;

    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;

    margin-top: 32px;

    opacity: 0;

    transition: .1s linear;
}

.advertisers__card-position{
    color: #F5F5F5;

    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.66px;
    text-transform: uppercase;

    opacity: 0;

    transition: .1s linear;
}

.advertisers__card:hover .advertisers__card-name, .advertisers__card:hover .advertisers__card-position{
    opacity: 1;
}

.advertisers__group{
  
}

.advertisers__title{
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}

.advertisers__card:hover .advertisers__card-img{
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
    transform: scale(1.1);
}




/* TECHIES */


.techies{
    padding-top: 145px;
    width: 100%;

    position: relative;

    display: flex;
    justify-content: center;
}


.techies__container{
}

.techies__bg-group-holder{
    position: absolute;
    height: 100%;
    width: 100%;

    top: 0;
    left: 0;
    

    display: flex;
    justify-content: end;
}

.techies__bg-group{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;

    right: 400px;

    z-index: -1;

}

.techies__carousel-holder{
    display: flex;
    position: relative;
    align-items: center;

    margin-top: 16px;
}

.techies__carousel-button{
    position: relative;
    left: 1300px;
    right: 0;

    cursor: pointer;

    transition: 1.5s ease;
}

.techies__carousel-group{
    display: flex;
    align-items: center;
}


.techies__carousel-content{
    display: flex;
}

.techies__carousel{
    overflow-x: hidden;

    position: relative;
    left: -1100px;

    transition: 1.5s ease;
}

.techies__bg{
    position: absolute;
}

.techies__decor{
    position: absolute;
}


.techies__card-img{
    border-radius: 56px;

    min-width: 227px;
    min-height: 357px;

    transition: .1s linear;
}


.techies__card{
    padding: 40px;
}

.techies__card-name{
    color: #F5F5F5;

    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;

    margin-top: 32px;

    opacity: 0;

    transition: .1s linear;
}

.techies__card-position{
    color: #F5F5F5;

    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.66px;
    text-transform: uppercase;

    opacity: 0;

    transition: .1s linear;
}

.techies__card:hover .techies__card-name, .techies__card:hover .techies__card-position{
    opacity: 1;
}

.techies__group{
  
}

.techies__title{
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}

.techies__card:hover .techies__card-img{
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
    transform: scale(1.1);
}





/* WE */


.we{
    display: flex;
    justify-content: center;

    margin-top: 120px;

    position: relative;
}

.we__decor{
    position: absolute;
    bottom: -200px;
    left: -500px;

    z-index: -1;
}

.we__bg{
    position: absolute;

    top: -104px;
    right: 354px;

    z-index: -1;
}

.we__img{
    width: 100%;
    max-width: 921px;
}

.we__container{
    display: flex;
    justify-content: center;
    align-items: end;
}

.we__right{
    max-width: 467px;

    margin-left: 97px;
}




.we__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.we__text{
    margin-top: 9px;

    color: #EAE0E0;

    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* SPECIALIZATION */


.specialization{
    display: flex;
    justify-content: center;

    margin-top: 226px;
}

.specialization__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.specialization__cols{
    display: flex;
    justify-content: space-between;

    margin-top: 128px;
}

.specialization__col1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    max-width: 645px;
    width: 100%;
}

.specialization__col2{
    max-width: 645px;
}

.specialization__col-title{
    color:  #F6F2EF;

    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 125% */
    text-transform: uppercase;
}

.specialization__tags{
    display: flex;
    flex-wrap: wrap;

    margin-top: 32px;
}

.specialization__tag{
    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    margin-top: 20px;

    padding: 16px;

    border: 1px solid #FFF;

    margin-right: 20px;

    transition: .1s linear;
}

.specialization__tag:hover{
    color: #11091B;
    background-color: #FFF;
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
}


.specialization__lower{
    color:  #F6F2EF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}





.write{
    display: flex;
    justify-content: center;

    margin-top: 233px;
}

.write__container{
    position: relative;
}



.write__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.write__form-cols{
    margin-top: 120px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.write__form-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    max-width: 564px;
    width: 100%;

    position: relative;
}

.write__decor{
    position: absolute;

    z-index: -1;
}




.write__form-input{
    color: #FFF;

    width: 100%;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    text-align: center;

    padding: 20px;

    border: none;
    border-bottom: 2px solid #a396b9;

    background: none;

    font-family: 'JetBrains Mono', monospace;
}

.write__form-input-phone, .write__form-input-email{
    margin-top: 30px;
}

.write__form-input::placeholder{
    color: #b1a7c0;
}

.write__form-input:focus{
    outline: none;
}

.write__form-right{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 564px;

    margin-left: 94px;

    position: relative;
}

.write__form-right-bg{
    position: absolute;

    top: -170px;

    z-index: -1;
}

.write__form-comment{
    width: 100%;
    min-height: 204px;

    resize: none;

    background: linear-gradient(90deg, #452973, #11091b);

    padding: 25px;

    color: #fff;

    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.write__form-comment::placeholder{
    color: #b1a7c0;
}

.write__form-submit-holder{
    width: 100%;
    display: flex;
    justify-content: center;

    margin-top: 72px;
}

.write__form-submit{
    border: 1px solid #FFF;

    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    padding: 16px;

    width: 100%;
    max-width: 207px;

    background: transparent;

    transition: .1s linear;

    cursor: pointer;
}

.write__form-submit:hover{
    color: #11091b;
    background: #FFF;
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
}





.why{
    display: flex;
    justify-content: center;

    padding-top: 287px;

    position: relative;
}

.why__decor{
    position: absolute;
    bottom: -400px;
    right: -200px;

    z-index: -1;
}

.why__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


.why__upper-title{
    color:  #F6F2EF;

    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 125% */
    text-transform: uppercase;

    padding: 16px;

    transition: .1s linear;

    max-width: fit-content;
}

.why__upper-title:hover{
    color: #000;
    background-color: #ffffff;
    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);
}


.why__upper-text{
    color:  #F6F2EF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.why__row{
    display: flex;
}

.why__rows{
    margin-top: 92px;
}

.why__line{
    width: 100%;
    height: 1px;
    background: #D9D9D9;

    margin-top: 16px;
}

.why__col1{
    width: 100%;
    max-width: 584px;
}

.why__col2{
    width: 100%;
    max-width: 292px;
}

.why__col3{
    width: 100%;
    max-width: 292px;
}

.why__col4{
    width: 100%;
    max-width: 272px;
}

.why__text{
    color:  #F6F2EF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.why__row-normal{
    margin-top: 100px;
}

.why__row-upper{
    display: flex;
    align-items: end;
}

.why__row-upper2{
    margin-top: 57px;
}


.why__col5{
    max-width: 433px;
    width: 100%;
}

.why__col6{
    max-width: 423px;
    width: 100%;
}

.why__row-normal .why__col5 .why__text{
    max-width: 272px;
}

.why__row-normal .why__col6 .why__text{
    max-width: 272px;
}


.why__row-upper3{
    margin-top: 100px;
}

.why__row-upper3 .why__col1{
    width: 100%;
    max-width: 100%;
}

.why__row-upper3 .why__col1.why__col{
    width: 100%;
    max-width: 100%;
}

.why__upper-title{
    white-space: nowrap;
}


.why__col7{
    max-width: 471px;
    width: 100%;
}

.why__col8{
    max-width: 459px;
    width: 100%;
}

.why__block{
    display: flex;
    align-items: center;
    justify-content: center;

    color: #F6F2EF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;

    background-image: url("../img/why__block-bg.png");

    width: 327px;
    height: 129px;
}

.why__img{
    transition: .1s linear;
    opacity: 0;
}

.why__img:hover{
    opacity: 1;
}


/* CASES */


.cases{
    display: flex;

    position: relative;

    margin-top: 120px;
}

.cases__decor{
    position: absolute;
   bottom: -300px;
   left: -200px;

   z-index: -1;
}

.cases__container{
    padding-left: 240px;

    padding-right: 0;

    max-width: 100%;
}

.cases__title{
    color: #EAE0E0;

    font-family: "Karantina";
    font-size: 140px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


.cases__carousel{
    margin-top: 64px;
}


.cases__carousel .owl-dots{
    margin-top: 24px !important;
}

.owl-dot span{
    width: 50px !important;
    border-radius: 0 !important;

    border: 1px solid #fff !important;
    background: none !important;
}

 .owl-dot.active span{
    background: #fff !important;
}


/* FOOTER */


.footer{
   display: flex;
   justify-content: center;

   padding-top: 154px;

   padding-bottom: 94px;
}

.footer__container{
   
}

.footer__upper{
    display: flex;
    justify-content: center;
}

.footer__logo{
    max-width: 783px;
    width: 100%;
    max-height: 100%;
}

.footer__upper-right{
    margin-left: 63px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;


    padding-top: 40px;
    padding-bottom: 30px;
}

.footer__upper-right-links{
    display: flex;
    
}

.footer__upper-right-links-link{
    color:  #F6F2EF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px; /* 120% */

    position: relative;
}


.footer__upper-right-links-link::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;

    width: 100%;
    height: 2px;

    background: #F6F2EF;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 250ms ease-in-out;
}

.footer__upper-right-links-link:hover::after{
    transform: scaleX(1);
    transform-origin: left;
}


.footer__upper-right-links-link:not(.footer__upper-right-links-link:first-child){
    margin-left: 29px;
}


.footer__upper-right-partners-img:not(.footer__upper-right-partners-img:last-child){
    margin-right: 10.75px;
}

.footer__upper-right-partners-img{
    margin-top: 24px;
}




.footer__lower{
    display: flex;
    justify-content: space-between;

    margin-top: 140px;

    width: 100%;
}


.footer__lower-side{
    width: 33.333%;
}

.footer__lower-left{
    width: 40%;
}

.footer__lower-center{
    width: 40%;
}

.footer__lower-right{
    display: flex;
    align-items: center;

    width: 20%;
}

.footer__lower-center{
    display: flex;
    justify-content: center;
}

.footer__lower-right{
    display: flex;
    justify-content: end;
}


.footer__lower-left-number{
    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 135% */
}

.footer__lower-left-number2{
    margin-left: 24px;
}

.footer__lower-center-text{
    color:  #F6F2EF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 125% */
}

.footer__lower-right{
    color: #F6F2EF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 125% */
}

.footer__lower-center{
    display: flex;
    align-items: center;
}

.footer__lower-center-text{
   position: relative;
}

.footer__lower-center-text:hover{
   
}

.footer__lower-center-link{
    margin-left: 12px;
}

.footer__lower-center-link::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;

    width: 100%;
    height: 2px;

    background: #F6F2EF;

    transform: scaleX(0);
    transform-origin: right;
    transition: transform 250ms ease-in-out;
}

.footer__lower-center-link:hover::after{
    transform: scaleX(1);
    transform-origin: left;
}



.header__upper{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.header__upper-burger{

    max-height: 28px;

    cursor: pointer;
}

.header__upper-burger-line{
    border: 1px solid #FFF;
    width: 30px;
    height: 8px;
}

.header__upper-burger-line2{
    margin-top: 2px;
    margin-bottom: 2px;
}


/* ADAPTIVE */


@media screen and (max-width: 1472px){
    .container-local{
        padding-left: 16px;
        padding-right: 16px;
    }

    .we__img{
        max-width: 700px;
    }

    .footer__logo{
        max-width: 600px;
    }

  
}

.why__mobile{
    display: none;
}

.why__mobile-section{
    margin-top: 64px;
}

.why__mobile-section1{
    margin-top: 42px;
}

.why__mobile-title{
    color: #000;

    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 125% */
    text-transform: uppercase;

    padding: 16px;
    background: #FFF;

    box-shadow: 0px 20px 33px 0px rgba(151, 71, 255, 0.30);

    max-width: fit-content;

    white-space: nowrap;
}

.why__mobile-row{
    display: flex;
    justify-content: space-between;

    margin-top: 36px;
}

.why__mobile-row-left, .why__mobile-row-right{
    color:  #F6F2EF;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.why__mobile-block{
    margin-top: 16px;

    margin-left: 16px;
    margin-right: 16px;
}

.why__mobile-block1{
    margin-top: 36px;
}

.why__block-mobile-block-row{
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 1400px){
    .advertisers__card{
        padding: 16px;
    }

    .techies__card{
        padding: 16px;
    }


    .why__rows{
        display: none;
    }

    .why__mobile{
        display: block;
    }

    .why__mobile-title{
        white-space: wrap;
    }
}

@media screen and (max-width: 1280px){
    .specialization__cols{
        flex-direction: column;

        margin-top: 48px;
    }

    .specialization__col2{
        margin-top: 44px;
    }

    .specialization__col{
        max-width: 100%;
    }

    .specialization__lower{
        display: none;
    }


    .why__img{
        display: none;
    }

  
    .footer__upper{
        flex-direction: column;
    }

    .footer__upper-right{
        margin-left: 0;
    }

    .footer__lower{
        flex-direction: column;

        margin-top: 40px;
    }

    .footer__lower-side{
        width: 100%;
    }

    .footer__lower-left, .footer__lower-right{
        display: flex;
        justify-content: start;
    }

    .footer__lower-center{
        margin-top: 16px;
        justify-content: start;
    }

    .footer__lower-right{
        margin-top: 16px;
    }
    
    .footer__upper-right-partners-img{
        margin-top: 0;
    }

    .footer__upper-right{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}



@media screen and (max-width: 1200px){
    .header__container{
        flex-direction: column;
    }

    .header__nav{
        margin-top: 0;
        margin-left: 93px;
    }

    .header__right{
        margin-top: 72px;
    }

    .header__logo{
        margin-left: 28px;
    }

    .we__container{
        flex-direction: column;
        align-items: center;
    }

    .we__right{
        margin-left: 0;
        margin-top: 14px;
    }

    .we__decor{
        bottom: auto;
        top: -200px;
        left: -745px;
    }

    .we__bg{
        right: 0px;
        top: 0;

        max-width: 440px;
    }

   
}


.advertisers__carousel-owl-holder{
    display: none !important;
    width: 100%;
}

.techies__carousel-owl-holder{
    display: none !important;
    width: 100%;
}


@media screen and (max-width: 1080px){
    .advertisers__carousel-group{
        display: none;
    }

   .advertisers__carousel-owl-holder{
    display: block !important;
   }

    .advertisers__card{
        padding: 40px;
    }

    .advertisers__card-img{
        min-width: 227px;
        min-height: 357px;
        width: 227px;
        height: 357px;
        max-width: 227px;
        max-height: 357px;
    }


    .techies__carousel-group{
        display: none;
    }

    .techies__carousel-owl-holder{
    display: block !important;
   }

   .techies__card{
        padding: 40px;
    }

    .techies__card-img{
        min-width: 227px;
        min-height: 357px;
        width: 227px;
        height: 357px;
        max-width: 227px;
        max-height: 357px;
    }
}


@media screen and (max-width: 991px){
    .header__nav{
        margin-left: 0px;
    }

    .header__logo{
        margin-left: 0px;
    }

    .header__right{
        margin-left: 0;
    }

    .header__right-group{
        margin-left: 0;
    }

    .write{
        margin-top: 80px;
    }

    .write__title{
        color: #EAE0E0;

        font-size: 60px;
    }


    .we{
        margin-top: 100px;
    }

    .we__decor{
        left: -1000px;
    }

    .write__form-cols{
        flex-direction: column;
    }

    .write__form-right{
        margin-left: 0;
        margin-top: 55px;
    }

    .write__form-cols{
        margin-top: 64px;
    }

    .write__form-right-bg{
        max-width: 300px;
        top: auto;
    }

    .why{
        padding-top: 80px;
    }

    .why__mobile-row-right{
        max-width: 240px;
    }
}


.footer__logo--mobile{
    display: none;
}

.footer__upper-upper-links{
    display: none;
}


.footer__lower-mobile{
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.footer__lower-mobile-left-text{
    color:  #F6F2EF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; 
}

.footer__lower-mobile-right{
    display: flex;
}

.footer__lower-mobile-right-link{
    color:  #F6F2EF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; 
}

.footer__lower-mobile-left-text2{
    margin-top: 10px;
}

.footer__lower-mobile-right p:not(.footer__lower-mobile-right p:first-child){
    margin-left: 10px;
}

.footer__lower-mobile{
    display: none;
}

@media screen and (max-width: 991px){
    .footer__upper-right{
        flex-direction: column;
    }

    .footer__upper-right-partners{
        display: flex;
        flex-direction: column;
    }

    .footer__upper-right-links{
        display: none;
    }

    .footer__upper-right-partners-img:not(.footer__upper-right-partners-img:last-child){
        margin-right: 0;
        margin-bottom: 16px;
    }

    
    .footer__logo{
        display: none;
    }

    .footer__logo--mobile{
        display: block;

        max-width: 184.757px;
    }

    .footer__upper-upper{
        display: flex;
        justify-content: center;
    }

    .footer__upper-upper-links{
        display: flex;
        flex-direction: column;
        margin-left: 82px;
    }

    .footer__upper-right-links-link:not(.footer__upper-right-links-link:first-child){
        margin-left: 0;
        margin-top: 12px;
    }

    .footer__upper-right-links-link{
        max-width: fit-content;
    }

    .footer__lower-left{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer__upper-right{
        padding-bottom: 0;
    }

    .footer__lower-left-number2{
        margin-left: 0;
        margin-top: 16px;
    }

    .footer__lower-side{
        display: none;
    }

    .footer__lower-mobile{
        display: flex;
    }
}

@media screen and (max-width: 800px){
    .why__block-mobile-block-row{
        flex-direction: column;
        align-items: center;
    }
}



.header__upper{
    display: none;
}


.advertisers__title--mobile{
    display: none;
}

.techies__title--mobile{
    display: none;
}



@media screen and (max-width: 1200px) and (min-width: 650px) and (max-height: 600px){
    .header__logo{
       max-width: 500px;
    }

    .header__right{
        margin-top: 36px;
    }

    .header__right-group{
        margin-top: 36px;
    }
}



@media screen and (max-width: 650px){
    .header{
        padding-top: 84px;
    }

    .header__upper{
        display: flex;
    }

    .header__logo{
        display: none;
    }

    .header__nav{
        display: none;
    }

    .header__right{
        margin-top: 0;
    }

    .header__right-group{
        margin-top: 0;
    }

    .header__title{
        margin-top: 27.34px;
    }

    .header__text{
        margin-top: 24px;
    }

    .advertisers__title{
        display: none;
    }
    
    .advertisers__title--mobile{
        display: block;
    }

 

    .we__text{
        font-size: 18px;
    }

    .specialization{
        margin-top: 80px;
    }

    .specialization__title{
        font-size: 60px;
    }

    .why__mobile-row-right{
        max-width:159px;
    }

    .why__mobile-row-left, .why__mobile-row-right {
        font-size: 18px;
    }


    .footer{
        padding-top: 71px;
        padding-bottom: 44px;
    }

    


    .footer__lower-mobile-right p:not(.footer__lower-mobile-right p:first-child){
        margin-left: 0px;
        margin-top: 10px;
    }

    .footer__lower-mobile-right{
        flex-direction: column;
    }

}

@media screen and (max-width: 530px){
    .footer__upper-upper-links{
        margin-left: 40px;
    }
}


@media screen and (max-width: 430px){
    .menu-popup{
        width: 100%;

        right: 0;
    }

    .footer__logo--mobile{
        max-width: 130.757px;
    }
}

@media screen and  (max-height: 600px){
    .we__img{
        max-width: 550px;
    }

    .specialization{
        margin-top: 80px;
    }

    .write{
        margin-top: 80px;
    }

    .why{
        padding-top: 80px;
    }
}