/* Start:/local/templates/onelab_copy/css/ai.css?17642380368610*/
:root {
    --font-family: "Inter", sans-serif;
    --second-family: "SF Pro Text", sans-serif;
    --col-1: calc((1 / 12) * 100% - 40px)
}
.site{
    background: #fff !important;
}
.ai_banner{
    padding-top: 100px;
}
.d-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.container{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}
.pl-1{
    padding-left: 80px;
}
.pr-1{
    padding-right: 80px;
}

.align-center{
    align-items: center;
}
.ai_top_text{
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 160%;
    color: #3f4158;
    width: calc((6 / 12) * 100%);
}

.ai_top_text h1{
    font-family: var(--font-family);
    font-size: 20px;
}
.ai_banner_img{
    background: url("/local/templates/onelab_copy/css/../imgs/ai-banner.png")right bottom/contain no-repeat;
    max-width: 830px;
    width: 100%;
    height: 773px;

}

.ai_banner_img--onehost{
    background: url("/local/templates/onelab_copy/css/../imgs/ai-onehost.png")right bottom/contain no-repeat;
}
.ai_descr{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 28px;
    line-height: 157%;
    color: rgba(63, 65, 88, 0.5);
}
.ai_logo{
    max-width: 214px;
    width: 100%;
    height: 60px;
    margin-top: 40px;
    margin-bottom: 80px;
}


.text_attr{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 229%;
    text-align: center;
    color: #3f4158;
    position: relative;
    margin-top: 280px;


}

.text_attr:before{
    content: '';
    display: block;
    background: url("/local/templates/onelab_copy/css/../imgs/attr.svg")center/cover no-repeat;
    width: 200px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}

.ai-title{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #3f4158;
}
.mt-200{
    margin-top: 200px;
}
.ai-section{

    padding-bottom: 200px;
}

.ai-list--icon{

}

.list-item{
    padding: 0;
    margin: 0;
    list-style: none;
}

.ai-list--icon .list-item{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    row-gap: 140px;
    margin-top: 140px;
    align-items: center;
}

.ai-list--icon .list-item .item{
    border-radius: 16px;
    padding: 50px 30px 30px;
    background: #f4f1f1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: rgba(63, 65, 88, 0.8);
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.ai-list--icon .list-item .item:before{
    content: '';
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    transform: translateY(-70%);
}

.ai-list--icon .list-item .item.item-24:before{
    background: url("/local/templates/onelab_copy/css/../imgs/b-24.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-assist:before{
    background: url("/local/templates/onelab_copy/css/../imgs/assis.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-hand:before{
    background: url("/local/templates/onelab_copy/css/../imgs/hand.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-search-list:before{
    background: url("/local/templates/onelab_copy/css/../imgs/search-list.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-paid:before{
    background: url("/local/templates/onelab_copy/css/../imgs/paid.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-support:before{
    background: url("/local/templates/onelab_copy/css/../imgs/support.svg")center/cover no-repeat;
}

.ai-list--icon .list-item .item.item-mail:before{
    background: url("/local/templates/onelab_copy/css/../imgs/mail.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-pulse:before{
    background: url("/local/templates/onelab_copy/css/../imgs/pulse.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-app:before{
    background: url("/local/templates/onelab_copy/css/../imgs/app.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-calc:before{
    background: url("/local/templates/onelab_copy/css/../imgs/calc.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-translate:before{
    background: url("/local/templates/onelab_copy/css/../imgs/translate.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-mess:before{
    background: url("/local/templates/onelab_copy/css/../imgs/mess.svg")center/cover no-repeat;
}

.ai-list--icon .list-item .item.item-vin:before{
    background: url("/local/templates/onelab_copy/css/../imgs/vin.svg")center/cover no-repeat;
}

.ai-list--icon .list-item .item.item-search:before{
    background: url("/local/templates/onelab_copy/css/../imgs/search-i.svg")center/cover no-repeat;
}

.ai-list--icon .list-item .item.item-wheel:before{
    background: url("/local/templates/onelab_copy/css/../imgs/wheel.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-box:before{
    background: url("/local/templates/onelab_copy/css/../imgs/box.svg")center/cover no-repeat;
}
.ai-list--icon .list-item .item.item-book:before{
    background: url("/local/templates/onelab_copy/css/../imgs/book.svg")center/cover no-repeat;
}

.section-banner{
    height: 1260px;
    background: url("/local/templates/onelab_copy/css/../imgs/big-banner.png")center/cover no-repeat;
}

.text-section{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    color: #3f4158;
}
.col-5{
    max-width: calc((5 / 12) * 100%);
    width: 100%;
}
h3.title{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    color: #3f4158;
}

.align-start{
    align-items: flex-start;
}

.img-chat{
    width: 100%;
    object-fit: contain;
}

.mb-200{
    margin-bottom: 200px !important;
}

.ai-link{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #3f4158 !important;
    display: block;
    text-align: center;
    width: max-content;
    margin: 0 auto;

    border-bottom: 1px solid;
}

.top-mobile{
    display: none;
}

.img-chat-mob{
    display: none;
}
@media(max-width: 1199px){
    .ai-list--icon .list-item{
        grid-template-columns: repeat(2,1fr);
    }
    .ai-list--icon .list-item .empty{
        display: none;
    }
     .text-section .d-flex{
        flex-direction: column;
    }

     .text-section .col-5{
        max-width: 100%;
    }
}

@media (max-width: 980px){
    .top-desctop{
        display: none;
    }
    .top-mobile{
        display: flex;
        flex-direction: column;
        padding-top: 40px;
    }

    .top-mobile .top_text{
        font-family: var(--font-family);

        font-size: 14px;
        line-height: 143%;
        color: #3f4158;
        margin-bottom: 24px;
    }

    .p-logo{
        max-width: 178px;
        width: 100%;
        height: 50px;
        margin-bottom: 40px;
    }

    .top-mobile .descr{
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 16px;
        line-height: 175%;
        color: rgba(63, 65, 88, 0.5);
        margin-top: 40px;
    }

    .text_attr{
        margin-top: 80px;
        font-weight: 500;
        font-size: 16px;
        line-height: 200%;
        text-align: center;
    }

    .text_attr:before{
        width: 100px;
        height: 80px;
    }
    .mt-200{
        margin-top: 120px;
    }

    .ai-title{
        font-size: 28px;
        line-height: 114%;
    }

    .ai-list--icon .list-item{
        grid-template-columns: 1fr;
        row-gap: 80px;
    }

    .ai-list--icon .list-item .item{
        padding: 36px 24px 24px;
        font-weight: 400;
        font-size: 14px;
        line-height: 200%;
    }

    .ai-list--icon .list-item .item:before{
        width: 90px;
        height: 90px;
        left: 50%;
        transform: translate(-50%, -70%);
    }

    .section-banner{
        height: 490px;

    }
    .ai-section{
        padding-bottom: 80px;
    }
}

@media(max-width: 500px){
    .ai_banner{
        padding-top: 50px;
    }
    .section-banner {
        background: url("/local/templates/onelab_copy/css/../imgs/big-banner-mob.png") center/cover no-repeat;
    }
    .mt-40{
        margin-top: 40px;
    }
    h3.title{
        text-align: center;
        font-size: 28px;
        line-height: 114%;
    }

    .text-section{
        font-size: 14px;
        line-height: 200%;
        text-align: center;
    }
    .mb-200{
        margin-bottom: 80px !important;
    }
    .img-chat{
       display: none;
    }
    .img-chat-mob{
        display: block;
        height: 400px;
    }
}
/* End */
/* /local/templates/onelab_copy/css/ai.css?17642380368610 */