@media (max-width: 1500px){
    .container-up{
        gap:1.85rem;
    }
}

@media (max-width: 1024px){
    html{
        font-size:0.84vw;
    }
    .quest-block-content{
        gap:7rem;
    }
    .footer-content li {
        justify-content: center;
    }
    header{
        padding: 0 6.25rem;
    }


    .nav-btn .nav-circle.hidden{
        display: none;
    }

    .wrapper-content{
        padding: 0 6.25rem;
    }
    .burger{
        display: block;
        width: 4.98rem;
        height: auto;
        cursor: pointer;
    }
    .info-btn{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .container-up{
        gap:1.85rem;
    }
    .menu-nav{
        display: none;
    }
    .info-img,
    .info-img-500{
        display:none;
    }
    .info-block img.info-img-1024{
        display: block;
        width: 36%;
        top: 22.19rem;
        right: 0;
    }
    .left-info-block {
        text-align: center;
        margin: 11.904rem 0 17.48rem 0;
    }
    .info-block{
        display: flex;
        justify-content: center;
    }
    .content-phone, .content-web{
        width: 100%;
        gap: 1.97rem;
        margin-top: 3.47rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }
    .cd-block span {
        width: 29.19rem;
    }
    .desc-tf{
        top:14.13rem;
    }
    .head-tf{
        font-size: 4.56rem;
        top: 5.55rem;
    }
    .mobile-menu{
        width:200%;
        height: 100%;
        position: fixed;
        background: transparent;
        pointer-events: none;
        z-index: 50;
        display:block;
        left:-100vw;
        transition: left 0.5s ease, background 0.5s ease;
    }

    .mobile-menu.active{
        pointer-events: initial;
        left:0;
        background: #00000080;
    }
    .mobile-menu .menu{
        width:46.452rem;
        height:100%;
        background: #fff;
        border-radius: 0 16rem 0 0;
    }
    .menu img{
        width: 19.935rem;
        height: auto;
        top: 4.871rem;
        left: 5.387rem;
        position: absolute;
    }
    .cross{
        width: 2.065rem;
        height: 2.065rem;
        top: 5.871rem;
        left: 36.387rem;
        position: absolute;
    }
    .menu li{
        font-size: 2.129rem;
        margin-bottom: 4.839rem;
        cursor: pointer;
        transition: color 0.3s ease;
    }
    .menu li:hover{
        color: var(--blue);
    }
    .menu ul{
        margin-top: 19.355rem;
        position: absolute;
        margin-left: 5.387rem;
    }
    .menu-footer{
        width:46.452rem;
        height:19.355rem;
        border-top: solid 0.097rem rgba(0, 0, 0, 0.08);
        bottom: 0;
        position: absolute;
    }
    .menu-footer span{
        font-size: 1.548rem;
        position: absolute;
        left: 5.387rem;
        top: 1.935rem;
    }
    .mob-svg svg{
        margin-top: 10.25rem;
    }
    .mob-svg{
        margin-left: 5.387rem;
    }
    .gallary-project{
        margin-left:-17rem;
        margin-bottom:-11rem;
    }
    .content-web{
        width:168rem;
        height: 76.7rem;
        justify-content: start;
    }
    .nav-lists .nav-circle.hidden{
        display:none;
    }
    .desc-tf {
        width: 54.79rem;
        font-size: 1.40rem;
        font-weight: 300;
        bottom: 3.13rem;
        line-height: 2.81rem;
        letter-spacing: 0.03rem;
    }
    .career-blocks{
        justify-content: center;
    }
    .team-prof{
        margin-top: 7rem;
        height: 36.36rem;
    }
    .team-prof span{
        left: 12.73rem;
    }
    .innovation img{
        width: 130%;
    }
    .calculator-blocks, .lead-magnit, .lead-form, .gallary-project, .form-number {
        transform: scale(0.8);
    }
    .calculator-blocks, .lead-magnit {
        margin-top: 0;
    }
    .form-number{
        margin-top: -3.47rem;
    }
    footer {
        padding: 0 6.25rem;
        margin-left:-6.25rem;
    }
    .contacts{
        margin-top: 0;
    }
    .web-backend-block{
        justify-content: initial;
    }
    .price-content{
        margin-right: 3.59rem;
    }
    .lead-form{
        margin-top: 5.49rem;
    }
    .calculator {
        margin-top: 5.79rem;
    }

    .footer-content{
        position: relative;
        margin-top:18.1rem;
        gap:31.87rem;
    }
    .logo-footer{
        width: 18.51rem;
        height: 7.86rem;
        margin-top: 5.9rem;
        margin-left: 42rem;
    }
    .company{
        text-align: center;
    }
    .input-email{
        width: 41rem;
    }
    .contacts-company{
        margin-left:19rem;
    }
    .lead-ques{
        position: absolute;
    }
    .gradient-white-block-mini{
        bottom:19.4rem;
    }
    .white-block-mini{
        height: 20rem;
    }
    .lead-email{
        width: 100%;
        top:-16rem;
        position: absolute;
    }

}
@media (max-width: 500px){
    .face-question{
        margin-top:2rem;
    }
    .faq-question span{
        margin-top:0;
    }
    .faq-question span.hidden-text{
        margin-top:3.1rem;
    }
    .calculator-blocks .products{
        transition: height 0.25s ease;
    }
    .calculator-blocks .products.mobile-small{
        height: 58rem;
    }
    .quest-block.calc-block.category-app{
        gap: 6rem;
        height: 30rem;
    }
    .calculator-blocks .price{
        height: 53.3rem;
    }
    html {
        font-size: 1.4vw;
    }
    header{
        padding: 0 2.66rem;
    }
    .wrapper-content{
        padding: 0 2.66rem;
    }
    .container-up{
        gap:1.85rem;
    }
    .team-prof span.head-tf{
        top:1.55rem;
        left:4.73rem;
    }
    .team-prof span.desc-tf{
        top:9.55rem;
        left:4.73rem;
    }
    .team-prof{
        height: 29.36rem;
        margin-top:33rem;
    }
    .team-prof-img{
        position: absolute;
        top: -20rem;
        width: 100%;
        height: 18rem;
        background: #0E2B76;
        border-radius: 2rem;
    }
    .team-prof .circle:nth-child(1){
        top: -31rem;
        left: 37rem;
    }
    .team-prof .circle:nth-child(2){
        width: 25rem;
        height: 25rem;
        bottom: 9rem;
        left: -12rem;
    }
    .team-prof .circle:nth-child(3){
        width: 13rem;
        height: 13rem;
        top: 3rem;
        right: -5rem;
        border: 3rem solid #FFFFFF14;
    }
    .team-prof .circle{
        z-index: 1;
    }
    .team-prof img{
        right: 17.5rem;
        width: 47%;

    }
    .info-btn{
        width: 24.19rem;
        display: flex;
        flex-direction: column;
    }

    .it-card{
        padding: 5.79rem 0.13rem 5.44rem 3.24rem;
    }
    .content-web{
        padding-left:3rem;
    }
    .block-web{
        width: 65.79rem;
    }
    form#contact-len{
        align-items: center;
    }
    .info-block img.info-img,
    .info-block img.info-img-1024{
        display:none;
    }
    .info-block img.info-img-500{
        display: block;
        width: 91%;
        top: 43.19rem;
        right: 0;
    }
    .info-btn{
        width:100%;
        display:flex;
        align-items: center;
        flex-direction: column;
    }
    .info-btn button.btn-white{
        border: 0.194rem solid #dee0e5;
        backdrop-filter:blur(0.29rem);
        background: rgba(255,255,255,0.4);
    }
    .heading-mv{
        width: 29rem;
    }
    .description-mv{
        width: 62rem;
        font-size:2.28rem;
    }
    .description-mv:last-child{
        width: 56rem;
    }
    .mission-values{
        border-top: 0.097rem solid #1E1E1E14;
    }
    .info-btn button{
        box-sizing: border-box;
        width: 34rem;
        padding:1.23rem 4.7rem;
        font-size:2.28rem;
    }

    .description-info{
        width: calc(100% - 18rem);
        margin-left: 9rem;
    }
    .left-info-block{
        z-index:1;
    }
    .info-block{
        height: 114rem;
    }
    .info-block img{
        display: block;
        width: 90%;
        top: 30.67rem;
    }
    .description-mv, .career-text {
        width: initial;
    }
    .content-web{

        justify-content: flex-start;
    }
    .content-phone{
        padding-left:2.4rem;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .calculator-blocks{
        flex-direction: column;
        width: 100%;
        margin-top: 4rem;
    }

    .price-content{
        width: 100%;
        align-items: center;
    }
    .price,
    .calculator-blocks{
        transform:scale(1);
    }
    .price{
        width: 100%;
        justify-content: center;
    }
    .lead-magnit, .lead-form{
        transform: scale(1);
    }
    .lead-form .form-text{
        width: calc(100% - 9rem);
        font-size:3.55rem;
    }
    form#contact-len{
        width: 100%;
    }
    .lead-form .phone-number{
        width: calc(100% - 11rem);
        margin-top:9.89rem;
        text-align: center;
    }
    .form-number{
        margin-top:1.53rem;
    }
    .form-contacts-svg{
        position: absolute;
        bottom: 23rem;
        left: 42rem;
        gap:10.63rem;
    }
    .lead-form{
        height: 61rem;
        width:100%;
        margin-top:4rem;
    }
    .contacts{
        margin-top:7rem;
    }

    .circle-contacts .circle-1{
        width: 23rem;
        height: 23rem;
        position: absolute;
        top:-10rem;
        left:-10rem;
        border:4rem solid #FFFFFF14;
        border-radius: 100%;
    }
    .circle-contacts .circle-2{
        width: 24rem;
        height: 24rem;
        position: absolute;
        top: 22rem;
        left:initial;
        right: -9rem;
        border: 4rem solid #FFFFFF14;
        border-radius: 100%;
    }
    .circle-contacts .circle-3,
    .circle-contacts .circle-4{
        display: none;
    }

    .form-contacts-svg svg{
        width: 5rem;
    }

    .lead-form .btn-white{
        margin-right: 0;
        margin-top:1rem;
        transform: scale(1.06);
    }
    .lead-form .user-name{
        width: calc(100% - 11rem);
        top: 17rem;
    }
    .form-number{
        background: transparent;
    }
    .input-form{
        height: 4.79rem;
    }
    .form-number-text{
        font-size: 4rem;
        position: absolute;
        bottom: 14rem;
        left: 45rem;
    }
    .sp-block{
        width: 100%;
        height: 52.3rem;
    }
    .heading-content{
        top:28rem;
    }
    .description-content{
        top:33.08rem;
    }
    .double .description-content{
        top:35.58rem;
    }
    .content-mv .gradient-white-block{
        bottom:24.47rem;
        background: linear-gradient(0deg, rgba(252, 253, 254, 1) 15%, rgba(252, 253, 254, 0) 100%);
    }
    .innovation img{
        width: 160%;
        margin-left:-8rem;
    }
    .clients:hover .gradient-white-block,
    .innovation:hover .gradient-white-block{
        height:22rem;
    }
    .innovation .gradient-white-block, .clients .gradient-white-block{
        bottom:14.47rem;
    }
    .innovation, .clients{
        width: 100%;
        height: 43.3rem;
    }
    .sp-cards {
        flex-wrap: wrap;
    }
    .gallary-project span{
        width: 100%;
        margin-left: 89.5rem;
    }
    .gallary-project{
        margin-top: 0;
        margin-left: -37.50rem;
        height: 223.27rem;
    }
    .gallary-photos{
        transform: scale(0.6);
    }
    .cr-card{
        width: 58.76rem;
        height: 66.03rem;
        position: relative;
        border-radius: 4.1rem;
    }

    div.img-container{
        width: 16rem;
        height: 16rem;
        margin-top:2.71rem;
    }

    .cr-des{
        text-align: center;
    }
    .cr-content{
        position: absolute;

    }
    .cr-content-user{
        margin: 0;
        position: absolute;
    }
    .cr-des{
        position: absolute;
    }
    .cr-content-user svg{
        width: 20.2rem;
        position: absolute;
        top: 35rem;
        left: calc(50% - 10.1rem);
    }
    .cr-app{
        font-size:2.45rem;
    }
    .cr-card .cr-des.description-content{
        top: 37rem;
        width: calc(100% - 14rem);
        font-size: 2.45rem;
        line-height: 2.419rem;
        left: 7rem;
    }
    .white-block-mini{
        height: 19.47rem;
    }
    .rub{
        font-size: 7.63rem;
    }
    .price button{
        background: var(--bg-white);
    }
    .price-des-2{
        width:calc(100% - 12rem);
        font-size:2.7rem;
        text-align: center;
    }
    .container-up{
        flex-wrap: wrap;
    }
    .cr-app{
        width: calc(100% - 12rem);
        position: absolute;
        top: 29rem;
        text-align: center;
        left: 6rem;
    }
    .user-name{
        position: absolute;
        width: 100%;
        top: 22rem;
        text-align: center;
    }
    .img-container {
        width: 11.57rem;
        height: 11.57rem;
        margin-top: 2.31rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .career-card{
        width: 100%;
    }
    .face-question span{
        width: 53.62rem;
    }
    .faq-question{
        height: 12.36rem;
    }
    .faq-question span {
        margin-top: 1.39rem;
    }
    .container-down{
        display:block;
        margin:0;
    }

    .sp-block:hover .gradient-white-block{
        height: 20.86rem;
    }
    .gradient-white-block.sp-gradient{
        height: 24.86rem;
    }
    .white-block-mini{
        height: 18.47rem;
    }
    .gradient-white-block-mini{
        bottom: 17.47rem;
        background: linear-gradient(0deg, rgba(252, 253, 254, 1) 0%, rgba(252, 253, 254, 0) 100%);
    }
    .description-content-cd{
        top:32.6rem;
    }
    .cd-block span{
        width: 100%;
    }
    .cd-block{
        width: 100%;
        height: 42.3rem;
        margin-top:2.05rem;
    }
    .ok{
        display: none;
    }
    .form{
        justify-content: center;
        align-items: center;
        background-image: none;

    }
    .form svg{
        display: none;
    }
    .form-text{
        margin-right: 0;
        width: 35.42rem;
        font-size: 2.55rem;
        text-align: center;
        margin-top:3.32rem;
    }
    .form input{
        margin-right: 0;
        margin-top: 11.89rem;
    }
    .logo-footer{
        width: 26.51rem;
        height: 15.86rem;
        margin-top:5.9rem;
        margin-left: 18rem;
    }
    .contacts-company{
        display: none;
    }
    .logo-footer{
        width: 26.51rem;
        height: 15.86rem;
        margin-top:5.9rem;
        margin-left: 18rem;
    }
    .contacts-company{
        display: none;
    }
    .lead-email{
        display: flex;
        justify-content: center;
        top:-18rem;
    }
    .lead-ques{
        font-size:2.5rem;
    }
    .input-email{
        margin-top: 6.28rem;
    }
    .footer-content{
        flex-direction: column;
        gap:0;
    }
    .legal-info-up .legal-text{
        width:36rem;
        text-align: center;
    }
    .legal-info-up{
        flex-direction: column;
        gap:4rem;
    }
    .footer-tittle{
        font-size:2rem;
    }
    .footer-content li{
        height: 4.5rem;
        font-size: 1.9rem;
    }
    .products-cards{
        flex-direction: column;
    }
    .products{
        height: 103rem;
    }

    .team-prof{
        background:#0E2B76;
    }
    .lead-email{
        display: flex;
        justify-content: center;
        top:-18rem;
    }
    .lead-ques{
        font-size:2.5rem;
    }
    .input-email{
        margin-top: 6.28rem;
    }
    .footer-content{
        flex-direction: column;
        gap:0;
    }
    .legal-info-up .legal-text{
        width:36rem;
        text-align: center;
    }
    .legal-info-up{
        flex-direction: column;
        gap:4rem;
    }
    .footer-tittle{
        font-size:2rem;
    }
    .footer-content li{
        height: 4.5rem;
        font-size: 1.9rem;
    }
    .products-cards{
        flex-direction: column;
        width: 100%;
    }
    .product-block .img-container-product img.mobile.mob-app{
        top:-2rem;
    }
    .product-block .img-container-product img.mobile.brand{
        top:-2rem;
    }
    .product-block .img-container-product img.mobile.web-app{
        top:-3rem;
    }
    .product-block .img-container-product img.mobile{
        display: block;
        width: 40rem;
    }
    .product-block .img-container-product img{
        left:initial;
        right:2rem;
        top:0rem;
        display: none;
    }
    .ph-left-1{
        width: calc(43.4rem * 2);
        height: calc(39.01rem * 2);
        top: 0;
    }
    .ph-left-2{
        width: calc(25.46rem * 2);
        height: calc(26.62rem * 2);
        left: calc(44.21rem * 2);
    }
    .ph-left-3{
        width: calc(43.4rem * 2);
        height: calc(26.97rem * 2);
        top:80rem;
    }
    .ph-left-4{
        width: calc(25.46rem * 2);
        height: calc(39.35rem * 2);
        top:56rem;
        left: calc(44.56rem * 2);
    }
    .ph-left-5 img{
        height: initial;
        width: 100%;
    }
    .ph-left-5{
        width: calc(70.02rem * 2);
        height: calc(40.51rem * 2);
        top:136rem;
    }
    .ph-right-1{
        width: calc(70.26rem * 2);
        height: calc(32.06rem * 2);
        top:311rem;
    }
    .ph-right-1{
        width: calc(70.26rem * 2);
        height: calc(32.06rem * 2);
        right: initial;
        left:0;
        top:219rem;
    }
    .ph-right-2 img{
        width: 100%;
        height: initial;
    }
    .ph-right-2{
        width: calc(30.09rem * 2);
        height: calc(21.15rem * 2);
        left: 0;
        top:333rem;
    }
    .ph-right-3 img{
        height: initial;
        width: 100%;
    }
    .ph-right-3{
        width: 78.01rem;
        height: 41.32rem;
        left: 62.43rem;
        top:333rem;
    }
    .ph-right-4{
        width: calc(30.09rem * 2);
        height: calc(23.15rem * 2);
        left: 0;
        top:285rem;
    }
    .ph-right-5 img{
        width: 100%;
    }
    .ph-right-5{
        width: calc(39.01rem * 2);
        height: 46rem;
        left: 62.43rem;
        top:285rem;
    }
    .company ul{
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex;
    }
    .products{
        height: 110rem;
        width: 100%;
    }
    .product-block{
        width: 100%;
    }
    .img-container-product{
        width: 100%;
        height: 100%;
    }

    .team-prof{
        background:#0E2B76;
    }
    .btn-back-further button.btn-white{
        padding:1.33rem 3.7rem;
    }
    .btn-back-further{
        margin-top:2.05rem;
        width: calc(calc(100% - (1.74rem * 2)));
        margin-left:1.74rem;
    }
    .products .calc-block{
        padding: 0 1.74rem 0 1.74rem;
    }
    .btn-back-further button{
        width: calc(50% - (1.74rem / 2));
    }
    .price button{
        transform:scale(1.3);
        margin-top:4.26rem;
    }
}