.b-cards .b-item__icon svg {
    font-size: 64px
}

.b-cards .owl-carousel .owl-item > :first-child {
    width: 100% !important;
    margin-right: 0 !important
}

.b-cards--gr-light {
    background: -webkit-linear-gradient(87.56deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
    background: -o-linear-gradient(87.56deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
    background: linear-gradient(2.44deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%)
}

.b-cards--gr-light .b-cards__title {
    color: #1c1c1c
}

.b-cards .b-item__link--btn:hover {
    color: #fff;
}

.b-cards__container {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 72px 15px
}

.b-cards__container > :last-child {
    margin-bottom: 0
}

.b-cards__title {
    font-weight: 500;
    line-height: 38px;
    font-size: 32px;
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin: 0 0 56px;
    width: 100%
}

.b-cards__item,
.b-cards__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.b-cards__items {
    justify-content: center;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.b-cards__item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 10px solid;
    background-color: #fff;
    padding: 0 0 16px;
    min-height: 212px;
    margin: 0 16px 0 0;
    width: calc((100% - (3 * 16px)) / 4)
}

.b-cards__item:last-child {
    margin-right: 0
}

.b-cards__item--dark {
    border-bottom-color: #406b93
}

.b-cards__item--dark .b-item__icon svg {
    fill: #406b93
}

.b-cards__item--blue {
    border-bottom-color: #00c6c3
}

.b-cards__item--blue .b-item__icon svg {
    fill: #00c6c3
}

.b-cards button.owl-dot {
    width: 8px;
    height: 8px;
    background: rgba(72, 110, 145, .4);
}

.b-cards .b-item__img {
    margin-bottom: 24px;
    width: 100%;
    height: 160px
}

.b-cards .b-item__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px 0 0;
    margin-bottom: 16px
}

.b-cards .b-item__title {
    font-weight: 400;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    color: #333;
    margin: 0 0 32px;
    padding: 0 16px
}

.b-cards .b-item__title--small {
    font-weight: 700
}

.b-cards .b-item__btn,
.b-cards .b-item__desc,
.b-cards .b-item__link--btn,
.b-cards .b-item__title--small {
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    color: #333;
    padding: 0 16px;
    margin: 16px 0 0
}

.b-cards .b-item__btn,
.b-cards .b-item__link--btn {
    font-weight: 500;
    color: #fff;
    min-width: 128px;
    max-width: 228px;
    padding: .5em 1.25em;
    margin: auto 0 16px;
    background-color: #00b9ff;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-transform: uppercase;
    border: none;
    outline: none
}

.b-cards .b-item__btn {
    font-family: 'Roboto', sans-serif;
    font-style: normal
}

.b-cards .b-item__btn:hover,
.b-cards .b-item__link--btn:hover {
    background-color: #66d5ff
}

.b-cards .b-item__link--btn {
    text-decoration: none
}

.b-cards .owl-carousel .owl-item,
.b-cards .owl-carousel .owl-stage,
.b-cards .owl-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.b-cards .owl-carousel .owl-item,
.b-cards .owl-dots {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-cards .owl-dots {
    width: 100%;
    margin: 32px 0 0
}

.b-cards .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 5px;
    background: rgba(72, 110, 145, .4)
}

.b-cards .owl-dots .owl-dot.active {
    background: #486e91
}

.b-cards .sp-cards-default-cards_air,
.b-cards .sp-cards-default-cards_brain,
.b-cards .sp-cards-default-cards_target,
.b-cards .sp-cards-default-cards_user,
.b-cards .sp-cards-default-cards_analitics,
.b-cards .sp-cards-default-cards_programming,
.b-cards .sp-cards-default-cards_audience {
    width: 1em;
    height: 1em
}

@media only screen and (max-width: 1199px) {
    .b-cards--gr-light {
        background: -webkit-linear-gradient(86.07deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: -o-linear-gradient(86.07deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: linear-gradient(3.93deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%)
    }

    .b-cards__container {
        padding: 48px 24px
    }

    .b-cards__container > :last-child {
        margin-bottom: 0
    }

    .b-cards__title {
        margin-bottom: 40px
    }

    .b-cards__item {
        margin-right: 8px;
        width: calc((100% - (3 * 8px)) / 4)
    }

    .b-cards__item:last-child {
        margin-right: 0
    }

    .b-cards .b-item__img {
        margin-bottom: 32px;
        height: 138px
    }

    .b-cards .b-item__btn,
    .b-cards .b-item__link--btn {
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .b-cards__container > :last-child {
        margin-bottom: 0
    }

    .b-cards--gr-light {
        background: -webkit-linear-gradient(84.66deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: -o-linear-gradient(84.66deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: linear-gradient(5.34deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%)
    }

    .b-cards__container {
        padding: 40px 24px
    }

    .b-cards__title {
        line-height: 32px;
        font-size: 24px;
        margin-bottom: 32px
    }

    .b-cards__item {
        margin-right: 8px;
        width: calc((100% - (2 * 8px)) / 3)
    }

    .b-cards .b-item__title {
        padding-left: 8px;
        padding-right: 8px
    }

    .b-cards .b-item__btn,
    .b-cards .b-item__link--btn {
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 767px) {
    .b-cards__container > :last-child {
        margin-bottom: 0
    }

    .b-cards--gr-light {
        background: -webkit-linear-gradient(76.98deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: -o-linear-gradient(76.98deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%);
        background: linear-gradient(13.02deg, rgba(167, 188, 213, 0) 6.28%, rgba(105, 139, 178, .12) 90.73%)
    }

    .b-cards__container {
        padding: 32px 16px
    }

    .b-cards__title {
        line-height: 26px;
        font-size: 18px;
        margin-bottom: 24px
    }

    .b-cards__item {
        margin-right: 0;
        width: 100%;
        max-width: 234px
    }

    .b-cards .b-item__img {
        margin-bottom: 16px
    }

    .b-cards .b-item__title {
        margin-bottom: 24px
    }

    .b-cards .b-item__title--small {
        margin-bottom: 0
    }

    .b-cards .b-item__desc,
    .b-cards .b-item__title--small {
        line-height: 20px;
        font-size: 14px
    }

    .b-cards .b-item__btn,
    .b-cards .b-item__link--btn {
        margin-bottom: 8px
    }

    .b-cards .owl-dots {
        margin-top: 24px
    }
}