.margin-padding-0px{
    padding: 0px !important;
    margin: 0px !important;
}


.btn.btn-site:after{
    display: none;
    content: '';
}

.btn.btn-video:after{
    display: none;
    content: '';
}

.btn-site{
    border-radius: 50px;
    background: var(--accent, #F91B60);
    box-shadow: 0px 0px 20px 15px #F91B60 inset;
    display: flex;
    justify-content: center;
    width: 188px;
    padding: 16px 0px;
    align-items: flex-start;
    gap: 16px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}


.a-btn{
    text-decoration: none;
    color: #FFF;
}

.projects__wrap .a-btn{
    margin: auto;
    margin-top: 32px;
}

.a-btn:hover{
    color: #fff !important;
}

.title-margin{
    margin-bottom: 64px;
}

.min-title{
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    color: #5F8296;
}

.banner-container{
    background: #052A40;
    position: relative;
}

.banner-container{
    background: #052A40;
    position: relative;
}

.banner-container .bannner-block{
    padding: 32px 0px;
    height: 580px;
    position: relative;
}

.banner-container .bannner-block .banner-content{
    position: absolute;
    top: 32px;
    left: 0px;
    right: 0px;
}

.banner-container .bannner-block .banner-content video{
    object-fit: cover;
    border-radius: 32px;
    max-height: 600px;
}

.content-bottom-banner{
    padding: 200px 0px;
    padding-bottom: 50px;
}

.content-bottom-padding{
    padding: 50px 0px;
}
.info-block__padding .content-bottom-padding{
    padding: 96px 0px;
}
.banner-container .bannner-block .banner-content .text-block{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    padding: 48px;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .title-block{
    position: relative;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .title-block h1{
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: -4%;
    max-width: 892px;
    display: block;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block{
    max-width: 687px;
    display: inline-flex;
    flex-direction: column;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block span{
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -2%;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block .btn-video{
    padding: 16px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 50px;
    background: #F91B60;
    /*box-shadow: 0px 0px 20px 15px #052A40 inset;*/
    text-align: center;
    margin-top: 32px;
    position: relative;
    width: 157px;
}

.banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block .btn-video span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
}

.info-grid-columns{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 32px;
    position: relative;
}

.info-grid-columns .column-item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.info-grid-columns .column-item .img-block{
    margin-bottom: 12px;
}

.info-grid-columns .column-item .text-block{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #052A40;
}

.team-grid-block{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    position: relative;
}

.team-grid-block .grid-items{
    position: relative;
}

.team-grid-block .grid-items .min-title{
    margin-bottom: 32px;
}

.team-grid-block .grid-items .text-block{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.team-grid-block .grid-item .text-block .min-title{
    margin-bottom: 32px;
}

.team-grid-block .grid-items .text-block .text{
    color: #052A40;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.8px;
}

.team-grid-block .grid-items .text-block .text span{
    color: #20B1C7;
}

.team-grid-block .team-img{
    display: flex;
    flex-direction: column;
    position: relative;
}

.team-grid-block .team-img .img-item-block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
}

.team-grid-block .team-img .img-item-block .item-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 10px;
}

.team-grid-block .team-img .img-item-block .item-img img{
    /*border-radius: 50%;*/
    width: 174px;
    height: 174px;
    object-fit: cover;
}

.team-grid-block .team-img .img-item-block .item-img .title-team{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #5F8296;
}

.step-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.step-container .step-item-block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 376px;
    border-top: 1px solid #E7EEF3;
    padding-bottom: 64px;
}

.step-container .step-item-block .item{
    display: flex;
    flex-direction: column;
    position: relative;
}

.number-step span{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #5F8296;
}

.step-container .step-item-block .title-step-block{
    margin-bottom: auto;
    width: 100%;
    max-width: 600px;
    padding-top: 110px;
}

.step-container .step-item-block .title-step-block h2{
    color: #052A40;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -2.4px;
    z-index: 2;
    position: relative;
}

.step-container .step-item-block .title-step-block img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 440px;
    height: 252px;
    z-index: 1;
}

.step-container .step-item-block  .info-step-block{
    max-width: 500px;
    width: 100%;
}

.step-container .step-item-block  .info-step-block ul{
    list-style-type: disc;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #052A40;
}

.fb-block{
    width: 100%;
    position: relative;
    background-image: url('/bitrix/templates/creative/images/turnkey-website/wave.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fb-grid{
    display: grid;
    grid-template-columns: 276px 1fr;
    grid-gap: 52px;
    position: relative;
}

.fb-grid .item{
    position: relative;
}

.fb-grid .item .team-menager{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fb-grid .item .team-menager .name-block{
    display: flex;
    flex-direction: column;
}

.fb-grid .item .team-menager img{
    border-radius: 50%;
    width: 236px;
    height: 236px;
    object-fit: cover;
    margin-bottom: 24px;
}

.fb-grid .item .team-menager .name{
    color: #052A40;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.fb-grid .item .team-menager .special{
    color: #5F8296;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.fb-grid .item .info-fb{
    display: flex;
    flex-direction: column;
}

.fb-grid .item .info-fb .min-title{
    margin-bottom: 32px;
}

.fb-grid .item .info-fb .message{
    color:#052A40;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.32px;
    padding: 48px 36px;
    margin-bottom: 32px;
    border-radius: 32px 32px 32px 0px;
    background: #FFF;
    position: relative;
    box-shadow: 0px 12px 55px 0px rgba(131, 166, 185, 0.25);
}

.fb-grid .item .info-fb .message .text{

    margin-top: 24px;

}

.fb-grid .item .info-fb .message svg{
    position: absolute;
    bottom: 0px;
    left: -47px;
}

.fb-grid .item .info-fb .btn{
}

.text-info-container{
    color: #052A40;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.8px;
}

.text-info-container span{
    color: #20B1C7;
}

.step-work-container .min-title{
    margin-bottom: 32px;
}

.work-step-block{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.work-step-block .step-item-grid{
    display: grid;
    grid-template-columns: 276px 1fr;
    grid-gap: 32px;
    position: relative;
    padding: 32px 0px;
    border-top: 1px solid #E7EEF3;
}

.work-step-block .step-item-grid .number-step{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.work-step-block .step-item-grid .title-step-block{
    display: flex;
    flex-direction: column;
}

.work-step-block .step-item-grid .title-step-block .title-block{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.work-step-block .step-item-grid .title-step-block .title-block .control{
    display: none;
}

.work-step-block .step-item-grid .title-step-block .title-block [data-visible]{
    display: block;
}

.work-step-block .step-item-grid.active .title-step-block .title-block [data-hide]{
    display: block;
}

.work-step-block .step-item-grid.active .title-step-block .title-block [data-visible]{
    display: none;
}


.work-step-block .step-item-grid .title-step-block .title-block .title{
    color:#052A40;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; 
    letter-spacing: -2.4px;
    /*padding-bottom: 32px;*/
}

.work-step-block .step-item-grid .title-step-block .title-block:hover .title{
    background: linear-gradient(45deg, #6339EB 30%, #3CE9E7 60%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.work-step-block .step-item-grid .description{
    display: none;
    color:#052A40;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
    padding-top: 32px;
}

.work-step-block .step-item-grid.active .description{
    display: block;
}

.work-step-block .step-item-grid.active .number-step{
    justify-content: flex-start;
}

.complite-product{
    display: flex;
    flex-direction: column;
    position: relative;
}
.complite-product img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 32px;

}


.complite-product .title-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 76px;
}

.complite-product .title-container .common-title{
    
}

.complite-product .title-container .btn{

}

.complite-product .complite-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

.complite-product .complite-grid .item ul{
    list-style-type: disc;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #20B1C7;
    padding-left: 25px;
}

.complite-product .complite-grid .item ul li{
    margin-bottom: 16px;
    position: relative;
}

/*.complite-product .complite-grid .item ul li:before{
    background-image: url(/bitrix/templates/creative/images/turnkey-website/marker.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: ' ';
    position: absolute;
    width: 8px;
    height: 100%;
    left: -20px;
}*/

.complite-product .complite-grid .item ul li span{
    color:#052A40;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.quiz__wrap{
    padding-top: 70px;
}



.animate-btn{
    overflow: hidden;
    position: relative;
}

.animate-btn::before{
    content: " ";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: 0.3s;
    box-shadow: 0px 0px 20px 15px #F91B60 inset;
}

.animate-btn:hover:before{
    box-shadow: 0px 0px 20px 15px #f91b603d inset;
}

.btn-video.animate-btn::before{
    box-shadow: 0px 0px 20px 15px #F91B60 inset;
}

.btn-video.animate-btn:hover:before{
    box-shadow: 0px 0px 20px 15px #052a407a inset;
}
.sozdanie_internet_magazina_creeping_line .btn-video.animate-btn:hover:before{
	box-shadow:none;
}

.animate-btn ul{
    display: flex;
    white-space: nowrap;
    position: relative;
}

.animate-btn li{
    padding: 0px 8px;
}

/* Tomilov Vadim START */
.footer-banner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.footer-banner-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    padding: 24px 32px;
    border: 1px solid #e7ebef;
    margin: -1px 0 0 -1px; /* перекрываем двойные границы */
}
.footer-banner-item {
    color: #052A40;
    font-size: 16px;
    font-weight:  500;
    line-height: 28px;
}

.footer-banner-item img{
    width: 28px;
    height: 28px;
}
.footer-banner-item:first-child {
    border-top-left-radius: 32px;
}

.footer-banner-item:nth-child(3) {
    border-top-right-radius: 32px;
}

.footer-banner-item:nth-last-child(3) {
    border-bottom-left-radius: 32px;
}

.footer-banner-item:last-child {
    border-bottom-right-radius: 32px;
}
@media (max-width: 768px){
    .footer-banner {
        grid-template-columns: 1fr 1fr;
    }
    .footer-banner-item:nth-child(2) {
        border-top-right-radius: 32px;
    }
    .footer-banner-item:nth-last-child(2) {
        border-bottom-left-radius: 32px;
    }
    .footer-banner-item:nth-child(3) {
        border-top-right-radius: 0px;
    }
    .footer-banner-item:nth-last-child(3) {
        border-bottom-left-radius: 0px;
    }
    .footer-banner-item:last-child {
        border-bottom-right-radius: 32px;
    }
}
@media (max-width: 580px){
    .footer-banner {
        grid-template-columns: 1fr;
    }
    .footer-banner-item:first-child {
        border-top-left-radius: 32px;
        border-top-right-radius: 32px;
    }
    .footer-banner-item:nth-child(2) {
        border-top-right-radius: 0px;
    }
    .footer-banner-item:nth-last-child(2) {
        border-bottom-left-radius: 0px;
    }
    .footer-banner-item:nth-child(3) {
        border-top-right-radius: 0px;
    }
    .footer-banner-item:nth-last-child(3) {
        border-bottom-left-radius: 0px;
    }
    .footer-banner-item:last-child {
        border-bottom-right-radius: 32px;
        border-bottom-left-radius: 32px;
    }
}
.work-me-block-row {
    display: grid;
    grid-template-columns: minmax(auto, 686px) minmax(auto, 481px);
    gap: 32px;
    align-items: start;
}
.reverse {
    grid-template-columns: minmax(auto, 481px) minmax(auto, 686px) !important;
}
.work-me-block-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
}

.work-me-block-info-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.work-me-block-info-description {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.work-me-block-row img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: cover; 
}
@media (max-width: 768px){
    .work-me-block-row img {
        width: 268px;
    }
    .work-me-block-row {
        grid-template-columns: minmax(auto, 686px) 1fr;
    }
    .reverse {
        grid-template-columns: 1fr minmax(auto, 686px) !important;
    }
}
@media (max-width: 710px){
    .work-me-block-row {
        display: flex;
        flex-direction: column-reverse;
        gap: 16px;
    } 
    .reverse {
        flex-direction: column !important;
    }
    .work-me-block-row img {
        width: 100%;
    }
}
@media (max-width: 390px){
    .work-me-block-info-title {
        font-size: 20px;
        line-height: 28px;
    }
}

.advantages-block{
    display: grid;
    justify-content: space-between;
    grid-template-columns: minmax(auto, 576px) minmax(auto, 576px);
    column-gap: 16px;
    row-gap: 64px;
    padding: 96px 0px;
}
.advantages-block-item{
    display: flex;
    flex-direction: row;
    gap: 24px;
    max-width: 576px;
}
.advantages-block-item img{
    width: 40px;
    height: 40px;
}
.advantages-block-item-info{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.advantages-block-item-info-title{
    font-size:  24px;
    font-weight: 600;
    line-height: 32px;
}
.advantages-block-item-info-description{
    font-size:  16px;
    font-weight: 500;
    line-height: 28px;
}
@media (max-width: 768px){
    .advantages-block{
        grid-template-columns: 1fr;
        row-gap: 46px;
    }
    .advantages-block-item {
        max-width: 100%;
    }
}
@media (max-width: 390px){
    .advantages-block-item-info-title{
        font-size:  20px;
        line-height: 28px;
    }
}
.tariffs-name-row, .tariffs-line-row {
    display: flex;
}
.tariffs-line-row{
    border-bottom: 1px solid #e7ebef;
}
.tariffs-table .tariffs-line-row:nth-last-child(2), .tariffs-table .tariffs-line-row:last-child {
    border-bottom: 0px;
}
.tariffs-name-row .tariffs-name-item:first-child, .tariffs-line-row .tariffs-line-item:first-child {
    flex: 1;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.tariffs-name-item, .tariffs-line-item{
    max-width: 197px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tariffs-name-item{
    height: 72px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}
.tariffs-line-item{
    padding: 8px 0px;
}
.tariffs-name-row .tariffs-name-item:nth-child(3), 
.tariffs-name-row .tariffs-name-item:nth-child(4) {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(3),
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(4) {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.tariffs-table .tariffs-line-row:last-child .tariffs-line-item:nth-child(2),
.tariffs-table .tariffs-line-row:last-child .tariffs-line-item:nth-child(3),
.tariffs-table .tariffs-line-row:last-child .tariffs-line-item:nth-child(4) {
    font-weight: 500;
    font-size: 14px;
    line-height:20px;
    color: #029BB2;
}
.tariffs-name-row .tariffs-name-item:nth-child(3), 
.tariffs-line-row .tariffs-line-item:nth-child(3) {
    background-color: #DDF9FE;
}
.tariffs-name-row .tariffs-name-item:nth-child(4),
.tariffs-line-row .tariffs-line-item:nth-child(4){
    background-color: #F0EDFD; 
}
.tariffs-table .tariffs-line-row:last-child .tariffs-line-item:nth-child(3),
.tariffs-table .tariffs-line-row:last-child .tariffs-line-item:nth-child(4) {
    background-color: #FFF;
}
.tariffs-line-item-dropdown {
    flex-direction: column;
}
.tariffs-line-dropdown {
    padding-left: 10px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease-out;
}
.tariffs-line-dropdown.show {
    max-height: 500px; 
    transition: max-height 0.5s ease-in-out;
}
.tariffs-line-item-dropdown-title {
    width: 100%;
    display: flex;
    gap: 4px;
    cursor: pointer;
    user-select: none;
}
.tariffs-line-item-dropdown-title:hover {
    color: #41b4c5;
}
.tariffs-line-item-dropdown-title span {
    display: inline-block;
    transition: transform 0.3s ease;
}
.tariffs-line-item-dropdown-title span.rotated {
    transform: rotate(180deg);
}
.tariffs-line-dropdown-item:first-child {
    padding-top: 8px;
}
.tariffs-line-dropdown-item {
    padding-bottom: 8px;
}
.tariffs-line-dropdown .tariffs-line-dropdown-item:last-child {
    padding-bottom: 0px;
}
.tariffs-name-item, .tariffs-line-item {
    margin-right: 4px;
}
.tariffs-name-item:last-child, .tariffs-line-item:last-child {
    margin-right: 0px;
}
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(1) {
    color: #5F8296;
}
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(2),
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(3),
.tariffs-table .tariffs-line-row:nth-last-child(2) .tariffs-line-item:nth-child(4) {
    font-weight: 600;
}
@media(max-width: 991px){
    .tariffs-name-item, .tariffs-line-item {
        max-width: 167px;
    }
}
@media (max-width: 768px) {
    .tariffs-name-item, .tariffs-line-item {
        max-width: 160px;
    }
}
@media (max-width: 720px) {
    .tariffs-name-row .tariffs-name-item:first-child {
        display: none;
    }
    .tariffs-name-item {
        max-width: 100%;
    }
    .tariffs-name-item, .tariffs-line-item {
        max-width: 100%;
    }
    .tariffs-line-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .tariffs-line-row .tariffs-line-item:first-child {
        justify-content: flex-start;
    }
    .tariffs-line-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
    }
    .tariffs-line-row .tariffs-line-item:first-child {
        grid-column: 1 / -1;
    }
    .tariffs-line-row .tariffs-line-item:not(:first-child) {
        display: flex;
        justify-content: center;
        padding: 5px;
        max-width: 100%;
    }
}
@media (max-width: 720px) {
    .tariffs-name-item {
        font-size: 11px;
    }
}
.support-form-block, .support-form-info, .support-form-info-inputs {
    display: flex;
}
.support-form-block {
    justify-content: space-between;
    flex-direction: row;
    padding: 32px;
    background-color: #F0F4F7;
    border-radius: 32px;
}
.support-form-title {
    color: #052A40;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    max-width: 400px;
}
.support-form-info {
    max-width: 544px;
    flex-direction: column;
}
.support-form-info-inputs {
    flex-direction: row;
    gap: 12px;
}

.support-form-info-input {
    all: unset;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #DCE1E5;
    padding: 16px 12px;
    background-color: #FFF;
}
.support-form-info-input:focus {
    border-bottom: 1px solid #FA2869;
}
.support-form-info-btn {
    padding: 16px 20px;
    margin: 24px 0px;
    background: linear-gradient(180deg, #FA2869 0%, #F91B60 100%);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
    width: fit-content;
}
.support-form-info-check span:last-child {
    color: #052A40;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.support-form-info-check span:last-child a {
    color: #029bb2;
}
@media(max-width:991px){
    .support-form-title {
        max-width: 100%;
    }
    .support-form-block {
        flex-direction: column;
        gap: 48px;
    }
}
@media(max-width:520px){
    .support-form-title{
        font-size: 24px;
        line-height: 36px;
    }
}
.info-step-block-title{
	color: #052A40;
	font-size: 48px;
	line-height: 56px;
	font-weight: 600;
}
.info-step-block-desc{
	color: #052A40;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
}
.step-tag{
	color: #5F8296;
	font-size: 11px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 4%;
	text-transform: uppercase;
	padding-bottom: 64px;
}
@media (max-width: 520px) {
    .info-step-block-title{
		color: #052A40;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: -2%;
	}
}
.questions-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}
.questions-item {
    max-width: 668px;
    width: 100%;
    border-bottom: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}
.questions-title {
    padding: 24px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #052A40;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: -0.02em;
    cursor: pointer;
    user-select: none;
    transition: color 0.2s ease;
}
.questions-title:hover {
    color: #029bb2;
}
.questions-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}
.questions-item.active .questions-title span {
    transform: rotate(180deg);
}
.questions-desc {
    color: #052A40;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    overflow: hidden;
    transition: all 0.3s ease-out;
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0 0 0 0;
    visibility: visible;
}
.questions-item.active .questions-desc {
    max-height: 300px;  
    opacity: 1;
    padding-bottom: 24px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .questions-item.active .questions-desc {
        max-height: 400px;
    }
}
@media (max-width: 600px) {
    .questions-title {
        font-size: 18px;
        padding: 20px 0;
    }
}
.work-step-block .step-item-grid .title-step-block .title-block {
    gap: 12px;
}
@media (max-width:1239px) {
    .step-item-grid .title-step-block .title-block .title {
        font-size: 40px;
    }
}
@media (max-width:660px) {
    .step-item-grid .title-step-block .title-block .title {
        font-size: 30px;
    }
}
@media (max-width:430px) {
    .step-item-grid .title-step-block .title-block .title {
        font-size: 23px;
    }
}
/* Tomilov Vadim END */

@media (prefers-reduced-motion: no-preference) {
    .animate-btn ul {
      animation: move 10s linear infinite;
      -webkit-animation: move 10s linear infinite;
      -moz-animation: move 10s linear infinite;
    }
}

  
@keyframes move {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-500px, 0, 0);
    }
}

@-moz-keyframes move{
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-500px, 0, 0);
    }
}

@-webkit-keyframes move{
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-500px, 0, 0);
    }
}

@media (max-width: 1240px) {
    .content-bottom-banner {
        padding: 100px 0px;
        padding-bottom: 50px;
    }

    .step-container .step-item-block .title-step-block {
        max-width: 300px;
    }

    .step-container .step-item-block .title-step-block h2{
        font-size: 40px;
        line-height: 50px;
    }

    .step-container .step-item-block .title-step-block img{
        width: 340px;
        height: auto;
    }

    .step-container .step-item-block{
        min-height: 276px;
    }

    .step-container .step-item-block .title-step-block{
        padding-top: 60px;
    }
}

@media (max-width: 991px) {

    .banner-container .bannner-block{
        height: 450px;
    }

    .banner-container .bannner-block .banner-content{
        height: 100%;
    }

    .banner-container .bannner-block .banner-content .text-block{
        padding: 14px;
    }

    .banner-container .bannner-block .banner-content .text-block .text-block-flex .title-block h1{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: -1.56px;
    }

    .banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block span{
        font-size: 20px;
        line-height: 24px;
    }

    .banner-container .bannner-block .banner-content .text-block .text-block-flex .bottom-block .right-block .btn-video span{
        width: 157px;
        font-size: 14px;
        line-height: 24px;
    }

    .content-bottom-banner{
        padding: 100px 0px;
        padding-bottom: 25px;
    }

    .content-bottom-padding{
        padding: 25px 0px;
    }
    .info-block__padding .content-bottom-padding{
        padding: 25px 0px;
    }
    .info-grid-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .team-grid-block{
        grid-template-columns: 1fr;
    }

    
    .work-step-block .step-item-grid .number-step{
        display: none;
    }

    .work-step-block .step-item-grid{
        grid-template-columns: 1fr;
        padding: 16px 0px;
    }

}

@media (max-width: 768px) {

    .info-grid-columns {
        display: grid;
        grid-template-columns: 1fr;
    }

    .title-margin {
        margin-bottom: 32px;
    }

    .team-grid-block .grid-items .text-block .text{
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.24px;
    }

    .team-grid-block .team-img .img-item-block .item-img{
        padding: 5px;
    }

    .team-grid-block .team-img .img-item-block .item-img img{
        width: 90px;
        height: 90px;
    }

    .team-grid-block .team-img .img-item-block .item-img .title-team {
        font-size: 12px;
        line-height: 16px;
    }

    .step-container .step-item-block{
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .step-container .step-item-block .title-step-block h2{
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.72px;
    }

    .step-container .step-item-block .info-step-block ul{
        font-size: 16px;
        line-height: 28px;
        padding-left: 17px;
    }

    .step-container .step-item-block .title-step-block{
        width: 60%;
        max-width: 100%;
        padding-top: 20px;
        padding-left: 16px;
    }

    .step-container .step-item-block .item{
        padding-top: 20px;
    }

    .step-container .step-item-block .info-step-block{
        padding-top: 84px;
    }

    .step-container .step-item-block .title-step-block img{
        width: 280px;
        height: 160px;
    }

    .text-info-container{
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.24px;
    }

    .work-step-block .step-item-grid .title-step-block .title-block span.title{
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
        padding-bottom: 0px;
    }

    .work-step-block .step-item-grid .description{
        font-size: 16px;
        line-height: 28px;
        margin-top: 16px;
    }

    .complite-product .title-container{
        flex-direction: column;
    }

    .complite-product .title-container .common-title{
        margin-bottom: 32px;
    }

    .complite-product .complite-grid{
        grid-template-columns: 1fr;
    }

    .quiz__radio-group {
        margin-bottom: 0px !important;
    }

    .quiz__radio-overico{
        width: 100% !important;
    }

    .fb-grid {
        display: grid;
        grid-template-columns: 176px 1fr;
        grid-gap: 32px;
    }    

    .fb-grid .item .team-menager img {
        border-radius: 50%;
        width: 136px;
        height: 136px;
    }

    .fb-grid .item .info-fb .message{
        font-size: 22px;
        line-height: 30px;
        padding: 28px 16px;
    }
}

@media (max-width: 568px) {
    .fb-grid{
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }

    .fb-grid .item .team-menager{
        display: grid;
        grid-template-columns: 112px 1fr;
        grid-gap: 16px;
    }

    .fb-grid .item .team-menager img{
        width: 100%;
        height: auto;
    }

    .fb-grid .item .team-menager .name{
        text-align: left;
    }

    .fb-grid .item .team-menager .special{
        text-align: left;
    }

    .fb-grid .item .team-menager .name-block{

    }

    .fb-grid .item .info-fb{
        align-items: center;
    }

    .fb-grid .item .info-fb .message{
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.18px;
        padding: 16px 24px;
        border-radius: 20px 20px 20px 0px;
        width: 305px;
        margin-left: auto;
    }
}

.under_title_integration {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    max-width: 790px;
    margin: 0 auto 64px auto;
    color: #5F8296;
}

/* Секция «Разнообразие веб-решений под ваши задачи» — тёмный фон, 2×2 карточки */
.web-solutions-section {

}

.web-solutions-section .info-container {
    padding-top: 64px;
    padding-bottom: 64px;
}

.web-solutions {
    font-family: 'Montserrat', sans-serif;
}

/* Как у .info-block__work-step h2 («Этапы разработки одностраничного сайта») */
.web-solutions__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto 16px;
    color: #052A40;
}

.web-solutions-section .web-solutions__title {
    color: #052A40;
}

/* Как у .under_title_integration («От концепции до запуска...») */
.web-solutions__subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    max-width: 790px;
    margin: 0 auto 64px;
    color: #5F8296;
}

.web-solutions-section .web-solutions__subtitle {
    color: #596870;
}

.web-solutions__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.web-solutions__card {
    border-radius: 16px;
    overflow: hidden;
    min-height: 280px;
    position: relative;
}

a.web-solutions__card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.web-solutions__card-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: 100%;
    position: relative;
    isolation: isolate;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.web-solutions__card-content {

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

.web-solutions__card-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 12px;
}

.web-solutions__card-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
.web-solutions__card-inner {
    padding: 28px 32px;
}


.web-solutions__card--turnkey .web-solutions__card-title,
.web-solutions__card--turnkey .web-solutions__card-text {
    color: #0A4E66;
}


.web-solutions__card--corporate .web-solutions__card-title,
.web-solutions__card--corporate .web-solutions__card-text {
    color: #fff;
}


.web-solutions__card--shop .web-solutions__card-inner {
    background-image: linear-gradient(90deg, rgba(20, 25, 35, 0.92) 0%, rgba(20, 25, 35, 0.5) 60%, transparent 100%);
}


.web-solutions__card--shop .web-solutions__card-title,
.web-solutions__card--shop .web-solutions__card-text,
.web-solutions__card--estate .web-solutions__card-title,
.web-solutions__card--estate .web-solutions__card-text {
    color: #fff;
}

.web-solutions__card-decor--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    opacity: 0.4;
}





@media (max-width: 991px) {
    .web-solutions__grid {
        grid-template-columns: 1fr;
    }

    .web-solutions__title {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (max-width: 767px) {
    .web-solutions__card-inner {
        flex-direction: column;
    }

    .web-solutions__card-decor--circle {
        width: 100%;
        min-height: 140px;
    }

    .web-solutions__card-decor--map,
    .web-solutions__card-decor--overlay {
        display: none;
    }
}