.b-page {
    color: #1B222F;
}
.mobile .b-section {
    padding: 45px 15px;
}
.mobile .b-section__description {
    max-width: 100%;
}
.b-section__title {
    font: 700 30px/45px 'Open Sans', sans-serif;
    text-align: center;
    margin-bottom: 10px;
}
.b-section__description {
    margin: auto;
    font: 16px/28px 'Open Sans', sans-serif;
    text-align: center;
    color: #575C63;
}
h3 {
    font: 700 24px/36px 'Open Sans', sans-serif;
    color: #1B222F;
}
.b-about {
    background: #f4f4f5;
}
.b-about .b-section__description {
    width: 760px;
}
.b-about__flex {
    margin: auto;
    max-width: 1000px;
    width: 100%;
    padding: 30px 0;
    border-bottom: solid 1px #CFD4DC;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b-about__flex:last-child {
    border: none;
}
.b-about__text {
    order: 0;
    width: 414px;
    font: 16px/28px 'Open Sans', sans-serif;
}
.b-about__flex:nth-child(2n) > .b-about__text {
    order: 1;
}
.b-about__img {
    order: 1;
    width: 546px;
    aspect-ratio: 1;
    background: 0 0 / 100%;
}
.b-about__flex:nth-child(2n) > .b-about__img {
    order: 0;
}
.b-why {
    position: relative;
    background: url("../img/gears-15.png") 100% 0 / 795px 197px no-repeat;
    padding: 40px 15px;
}
.b-why .b-section__description {
    width: 760px;
}
.b-why:before {
    content: "";
    display: block;
    position: absolute;
    width: 795px;
    height: 197px;
    left: 0;
    bottom: 0;
    background: url("../img/gears-15.png") 0 0 / 795px 197px;
    transform: scale(-1, -1);
}
.b-why__flex {
    margin: 16px auto 20px;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.b-why__item {
    margin-top: 40px;
    width: calc(50% - 10px);
    padding: 42px 44px 44px 48px;
    border-radius: 48px;
    background: #F7F7F8;
    border: solid #15BF4E;
    border-width: 0 4px 4px 0;
    font: 16px/28px 'Open Sans', sans-serif;
    color: #575C63;
    z-index: 1;
}
.b-why__img {
    width: 40px;
    height: 40px;
    margin: 0 0 32px;
}
.b-why__item h3 {
    margin: 0 0 32px;
}
.b-how {
    background: #f4f4f5;
}
.b-how .b-section__description {
    width: 840px;
}
.b-how__flex {
    margin: 64px auto 20px;
    width: 1000px;
    display: flex;
    justify-content: space-between;
}
.b-how__item {
    position: relative;
    width: calc(33.33333333% - 16px);
    padding: 42px 48px 48px 48px;
    border-radius: 48px;
    z-index: 1;
    font: 600 16px/24px 'Open Sans', sans-serif;
    color: #575C63;
}
.b-how__item:before, .b-how__item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 48px;
}
.b-how__item:before {
    background: linear-gradient(237.84deg, #8D46FF 4.52%, #04E1FF 41.38%, #04E1FF 64.26%, #00FED0 82.61%);
    z-index: -2;
}
.b-how__item:after {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #FFF;
    z-index: -1;
}
.b-how__item>h3 {
    margin-bottom: 34px;
}
.b-how__n{
    display: inline-block;
    position: relative;
    margin-left: 16px;
    width: 40px;
    height: 40px;
    z-index: 1;
    font: 600 20px/39px 'Open Sans', sans-serif;
    text-align: center;
    color: #FFF;
}
.b-how__n:after{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 36px;
    height: 36px;
    transform: rotate(45deg);
    z-index: -1;
    border-radius: 13px;
}
.b-how__item:nth-child(1) .b-how__n:after{
    background: #FF3F6E;
}
.b-how__item:nth-child(2) .b-how__n:after{
    background: #2F91E9;
}
.b-how__item:nth-child(3) .b-how__n:after{
    background: #01BF6C;
}
.b-how__link {
    padding-left: 30px;
    background: url("../img/download.svg") no-repeat;
    color: #1583E6;
}

.b-logo {
    overflow: hidden;
}
.b-logo .b-section__description {
    width: 840px;
}
.b-logo__flex {
    position: relative;
    margin: 80px 0 20px;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 7680px;
    left: 0;
    animation: logo_carousel 47s linear infinite;
}
@keyframes logo_carousel {
    0% {
        left: 0;
    }
    100% {
        left: -3840px;
    }
}
.b-logo__flex>div {
    width: 320px;
    height: 50px;
    background: center no-repeat;
}

.b-update {
    background: #f4f4f5;
}
.b-update .b-section__description {
    position: relative;
    width: 1000px;
    margin: 64px auto 40px;
}
.b-update .b-section__description:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 32px);
    top: -24px;
    width: 64px;
    height: 8px;
    background: #19BD50;
}
.b-update__flex {
    max-width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.b-update__item {
    position: relative;
    margin-top: 40px;
    width: calc(50% - 10px);
    padding: 42px 56px 56px 56px;
    border-radius: 56px;
    border: solid #E8E8E8;
    border-width: 0 4px 4px 0;
    background: #fff;
    font: 16px/28px 'Open Sans', sans-serif;
    color: #575C63;
}
.b-update__tongue {
    position: absolute;
    left: 32px;
    top: -23px;
    width: 176px;
    height: 170px;
}
.b-update__img {
    width: 100%;
    height: 100%;
    background: 12px 45px / 96px no-repeat;
}
.b-update__title {
    margin: 0 0 56px 124px;
    display: flex;
    min-height: 72px;
    align-items: center;
}

.b-faq__wrapper {
    width: 1000px;
    margin: 40px auto 20px;
}
.mobile .b-faq__wrapper {
    max-width: 750px;
    width: 100%;
    padding: 0 15px;
}
.b-faq__question {
    position: relative;
    margin-bottom: 8px;
    padding: 17px 64px 17px 24px;
    font: 600 16px/22px 'Inter', sans-serif;
    letter-spacing: -0.01em;
    background: #F9F9FB;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    transition: height 600ms ease-in-out 0s;
}
.b-faq__question:after {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 23px;
    top: 15px;
    background: url("../img/arrow-down.png") 0 48px / 24px 72px;
    transition: transform 600ms ease-in-out 0s;
}
.b-faq__question:hover {
    background: #FFF;
    border: 1px solid #1785E6
}
.b-faq__question:hover:after {
    background-position-y: 24px;
}
.b-faq__question.open {
    color: #1177D1;
    background: #FFF;
}
.b-faq__question.open:after {
    background-position-y: 0;
    transform: rotate(-180deg);
}
.b-faq__answer {
    display: none;
    overflow: hidden;
    font: 16px/24px 'Inter', sans-serif;
    color: #222429;
    padding: 0 0 0;
    transition: padding 600ms ease-in-out 0s;
}
.b-faq__answer:before {
    content: "";
    display: block;
    height: 24px;
}
.b-faq__answer p{
    margin-bottom: 15px;
}
.b-faq__answer ul{
    padding: 16px 24px;
}
.b-faq__answer li{
    padding-left: 4px;
}

.b-bs-promo {
    max-width: 1000px;
    margin: auto;
}
.b-bs-promo .b-section__title {
    margin: auto;
    width: 840px;
}
.b-bs-promo__text {
    margin: 64px auto 20px;
    padding: 0 0 0 49%;
    background: 0 0 / 45% auto no-repeat;
    font: 16px/24px 'Open Sans', sans-serif;
    color: #575C63;
}
.mobile .b-bs-promo__text {

}
.b-bs-promo__text b {
    color: #1B222F;
}
.b-bs-promo__text a {
    color: #1687ec;
}

.b-trusted {
    padding: 80px 0 63px;
    text-align: center;
    background: #f9f9fc;
    border-bottom: 1px solid #ffffff;
}
.b-trusted__title {
    color: #1b222f;
    font-size: 30px;
    line-height: 30px;
}
.lazyloaded .b-trusted__item {
    background: #ffffff url(/includes/home/i/trusted-bg.svg) no-repeat 93% -3%;
}
.b-trusted__item {
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
    border-radius: 6px;
    padding: 33px 30px 24px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 25px 0 rgba(0,0,0,0.02);
    -moz-box-shadow: 0 3px 25px 0 rgba(0,0,0,0.02);
    box-shadow: 0 3px 25px 0 rgba(0,0,0,0.02);
    text-align: left;
    text-decoration: none;
    color: #1b222f;
    margin-right: 20px;
}
.b-trusted__image {
    display: inline-block;
    float: left;
    margin: 0 18px 0 0;
}
.b-trusted__item-name {
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    padding-top: 10px;
}
.lazyloaded .b-trusted__stars {
    background: url(/includes/home/i/rating.png) 0 0 / 26px 24px repeat-x;
}
.b-trusted__stars {
    display: inline-block;
    width: 128px;
    height: 24px;
    margin: 9px 0 25px;
}
.b-trusted__item-text {
    color: #575c63;
    font-size: 14px;
    line-height: 22px;
}
.b-trusted__trustpilot {
    color: #575c63;
    font-size: 12px;
    line-height: 12px;
    padding-top: 22px;
    text-decoration: none;
    display: block;
}
.b-trusted__trustpilot span {
    color: #009665;
}
.b-trusted__trustpilot:hover {
    text-decoration: underline;
}
.desktop .b-trusted__item:last-child {
    margin-right: 0;
}
.mobile .b-works__title {
    font-size: 28px;
    line-height: 33px;
}
.mobile .b-works__row {
    margin: 45px 0 10px;
}
.mobile .b-works__img {
    max-width: 150px;
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.mobile .b-works__text {
    margin: 25px auto 0;
    width: 100%;
}
.mobile .b-works__name {
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 13px;
}
.mobile .b-woks__description_problem b, .mobile .b-woks__description_solution b, .mobile .b-works__name {
    text-align: center;
    font-size: 22px;
}
.mobile .b-woks__description {
    padding: 15px 15px 0;
    box-sizing: border-box;
    text-align: left;
}
.mobile .b-works.b-works_sm .b-section__wrapper {
    width: 100%;
    min-width: 360px;
}
.mobile .b-section__title {
    line-height: 38px;
    font-size: 30px;
    max-width: 100%;
}
.mobile .b-how__img {
    float: none;
    margin: 0 auto;
}
.mobile .b-how__text {
    padding: 20px 20px 0;
}
.mobile .b-section.b-trusted {
    padding: 60px 0;
}
.b-carousel {
    min-width: 320px;
    padding: 32px 0 0;
}
.b-carousel__wrapper {
    width: 100%;
    display: flex;
    justify-content: normal;
    align-items: stretch;
    overflow-x: scroll;
    white-space: nowrap;
}
.b-carousel__wrapper>div {
    display: inline-block;
    min-width: calc(100% - 32px);
    margin: 0 16px;
    white-space: normal;
}
.b-carousel__menu {
    width: 100%;
    text-align: center;
}
.b-carousel__button {
    display: inline-block;
    position: relative;
    margin: 16px 0 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.b-carousel__button:after{
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #D9DBDE;
}
.b-carousel__button.active:after{
    background-color: #222429;
}
.b-footer-flex-bottom__caption {
    max-width: 650px;
    height: 25px;
}


@media (max-width: 1030px) and (min-width: 611px) {
    .b-about__img {
        width: 55%;
        height: auto;
        background: 0 0 / 100%;
    }
}
@media (max-width: 1000px) {
    .mobile .b-how__flex {
        margin: 40px auto 20px;
        flex-wrap: wrap;
        width: auto;
        justify-content: center;
    }
    .mobile .b-how__item {
        width: 315px;
        margin: 24px 12px 0;
    }
}
@media (max-width: 850px) {
    .mobile .b-why__img {
        margin: 0 ;
        display: inline-block;
        vertical-align: top;
    }
    .mobile .b-update__item {
        width: 100%;
    }
}
@media (max-width: 690px) {
    .b-why__item {
        width: 100%;
        padding: 14px 24px 24px 24px;
    }
}
@media (max-width: 650px) {
    .mobile .b-bs-promo__text {
        background-image: none !important;
        padding: 0;
    }
}
@media (max-width: 610px) {
    .mobile .b-about__flex:nth-child(2n) > .b-about__text {
        order: 0;
    }
    .mobile .b-about__flex:nth-child(2n) > .b-about__img {
        order: 1;
    }
    .mobile .b-about__flex {
        flex-wrap: wrap;
    }
    .mobile .b-about__text {
        width: 100%;
    }
    .mobile .b-about__img {
        max-width: 546px;
        width: 100%;
    }
}
@media (max-width: 560px) {
    .mobile .b-update__item {
        padding: 14px 24px 24px 24px;
        border-radius: 24px;
        border-width: 0 3px 3px 0;
        background: #fff;
        font: 14px/26px 'Open Sans', sans-serif;
    }
    .mobile .b-update__tongue {
        position: absolute;
        background: 0 0 / 116px 112px no-repeat;
        left: 24px;
        top: -17px;
        width: 116px;
        height: 112px;
    }
    .mobile .b-update__img {
        background: 8px 30px / 63px no-repeat;
    }
    .mobile .b-update__title {
        margin: 0 0 16px 96px;
        font: 700 18px/24px 'Open Sans', sans-serif;
    }
}