.field-wrapper>div{width:100%}.iti--separate-dial-code .iti__selected-flag{background-color:transparent}.feedback-modal-block{border-color:transparent!important}.modal-body .icon-sent{width:87px;height:95px;background:url(../../img/icons/ic_sent.svg) no-repeat center top;background-size:contain}.modal-body .modal-title:after{content:"";margin-top:9px;display:block;width:4.5em;height:1px;background:currentColor}.color-brand{color:#7cb932}.modal-footer{padding:20px;font-size:18px}

.landing-banner {
    position: relative;
    padding: 20px;
    border-radius: 32px;
    background-image: url(../../img/redesign/landing/dark-bg-gradient-2.svg);
    background-size: cover;
    background-position: center;
    color: #fff
}

.landing-banner-inner {
    position: relative
}

.landing-banner-inner .title {
    margin-bottom: 16px;
    font: 600 24px/1.5 'Plus Jakarta Sans','Work Sans',Arial,Helvetica,sans-serif
}

.landing-banner-inner .subtitle-l {
    margin-bottom: 16px;
    font: 600 16px/1.5 'Plus Jakarta Sans','Work Sans',Arial,Helvetica,sans-serif
}

.landing-banner-inner .subtitle {
    font-size: 16px;
    line-height: 24px
}

.landing-banner .robot-animation {
    display: none
}

@media (min-width: 1120px) {
    .landing-banner {
        padding:40px
    }

    .landing-banner .robot-animation {
        display: block;
        position: absolute;
        bottom: 0;
        right: 27px;
        width: 394px;
        height: 552px;
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat
    }

    .landing-banner-inner {
        width: calc(100% - 394px);
        max-width: 900px
    }

    .landing-banner-inner .title {
        font-weight: 700;
        font-size: 32px
    }
}

@media (min-width: 1500px) {
    .landing-banner:before {
        content:'';
        position: absolute;
        right: -85px;
        bottom: -168px;
        width: 541px;
        height: 541px;
        border-radius: 541px;
        background: rgba(255,255,255,.05)
    }
}
	
		
		
		.landing-partner-list{
			    flex-wrap: wrap;
		}
.landing-list-item-bg {
	    flex: 0 0 calc(33.333% - 24px);
}

 

.testimonials {
    padding: 40px 30px;
    background: linear-gradient(87deg, #121926 0, #364152 156.99%);
    border-radius: 40px;
}

    .testimonials-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        padding: 0 43px;
        width: 100%;
        margin: 0 auto
    }

    .testimonials-card-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        width: 130px;
        height: 130px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 50%
    }

    .testimonials-card-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .testimonials-card-body {
        text-align: center
    }

    .testimonials-card-icon {
        width: 40px
    }

    .testimonials-card-text {
        margin-top: 24px;
        margin-bottom: 28px;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: -0.015em;
           color: #ffffff;
    }

    .testimonials-card-name {
        margin: 0;
        font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    color: #8ac62a;
    }

    .testimonials-card-position {
        margin: 0;
        font-size: 14px;
        color: #8083A3
    }

    @media (min-width: 1120px) {
        .testimonials {
            padding:40px 0
        }

        .testimonials-card {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 53px
        }

        .testimonials-card-img {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 240px;
            height: 240px
        }

        .testimonials-card-body {
            text-align: left
        }

        .testimonials-card-icon {
            width: 57px
        }

        .testimonials-card-text {
            font-size: 22px
        }
    }

    .visually-hidden {
        position: absolute!important;
        width: 1px!important;
        height: 1px!important;
        padding: 0!important;
        margin: -1px!important;
        clip: rect(0,0,0,0)!important;
        white-space: nowrap!important;
        border: 0!important
    }

    .carousel-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 40px;
        gap: 20px
    }

    .carousel-control-next,.carousel-control-prev {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #FFFFFF;
        border: 1px solid currentColor;
        border-radius: 46px;
        color: #1D1D1F;
        opacity: 1
    }

    .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
        color: #1D1D1F
    }

.carousel-controls2 {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    gap: 20px;
    position: absolute;
    width: 100%; 
} 
.devops-block-11 .story-card {
    width: 100%; }
.mvp-block-18#services a {
    max-width: 400px;
}    


/* flipp effect card */

 
       .flp .landing-list-item-bg {            
           min-height: 350px;
            perspective: 1000px;
            background: transparent;
            cursor: pointer; /* Курсор-рука, чтобы показать интерактивность */
            -webkit-tap-highlight-color: transparent; /* Убирает синюю подсветку на мобильных при тапе */
        }

         
        .flp .landing-partner-list-item {
            position: relative;
            text-align: center;
            transition: transform 0.8s;
            transform-style: preserve-3d;
            background: white;
            border-radius: 30px;            
            border: 1px solid #e3e8ef;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
        }

         
        .flp .landing-list-item-bg:hover .landing-partner-list-item,
        .flp .landing-list-item-bg.is-flipped .landing-partner-list-item {
            transform: rotateY(180deg);
        }

        /* 4. Скрываем изнанку */
        .flp .landing-partner-list-item > * {
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }

 
        .flp .subtitle {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #29303f;
    border-radius: 30px;
    padding: 30px;
    box-sizing: border-box;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
    pointer-events: none;
        } 

.dark-bl {
    background: linear-gradient(87deg, #121926 0, #364152 156.99%);
    border-radius: 40px;
}  
 .dark-bl .head {
    color: #deedac;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 30px 12px;
}

.dark-bl .desc {
    color: white;
    padding: 12px 40px;
}

@media (min-width: 1120px) {
.tech-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

}