.b-pic-text-new__img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

.b-pic-text-new__img a:hover {
    opacity: 0.8;
}

.b-pic-text-new__img a img {
    border-radius: 0;
    width: auto;
    height: 100%;
}

.b-pic-text-new__img img {
    border-radius: 8px;
    width: 100%;
    max-width: 468px;
    height: auto;
}

.b-pic-text-new__item--dot-orange:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ff9800;
}

.b-pic-text-new--br-top-blue {
    border-top: 2px solid #d0f1fc;
}

.b-pic-text-new--br-bottom-blue {
    border-bottom: 2px solid #d0f1fc;
}

.b-pic-text-new--br-top-gray {
    border-top: 2px solid #eff2f7;
}

.b-pic-text-new--light-blue {
    background: #f3faff;
}

.b-pic-text-new--gr-briz {
    background: -webkit-linear-gradient(200.15deg, #8dffdd -15.65%, #00b9ff 100%);
    background: -o-linear-gradient(200.15deg, #8dffdd -15.65%, #00b9ff 100%);
    background: linear-gradient(249.85deg, #8dffdd -15.65%, #00b9ff 100%);
}

.b-pic-text-new--gr-blue {
    background: -webkit-linear-gradient(197.46deg, #8dffdd -13.54%, #00b9ff 100%);
    background: -o-linear-gradient(197.46deg, #8dffdd -13.54%, #00b9ff 100%);
    background: linear-gradient(252.54deg, #8dffdd -13.54%, #00b9ff 100%);
}

.b-pic-text-new--gr-dark {
    background: -webkit-radial-gradient(73.52% -57.29%, 1419.56px, rgba(33, 159, 207, 0.84) 0%, rgba(0, 48, 92, 0.84) 100%), -webkit-linear-gradient(135.07deg, #162575 -45.11%, #00d1ff 99.18%);
    background: -o-radial-gradient(73.52% -57.29%, 1419.56px, rgba(33, 159, 207, 0.84) 0%, rgba(0, 48, 92, 0.84) 100%), -o-linear-gradient(135.07deg, #162575 -45.11%, #00d1ff 99.18%);
    background: radial-gradient(1419.56px at 73.52% -57.29%, rgba(33, 159, 207, 0.84) 0%, rgba(0, 48, 92, 0.84) 100%), linear-gradient(314.93deg, #162575 -45.11%, #00d1ff 99.18%);
}

.b-pic-text-new--gr-dark .b-pic-text-new__desc,
.b-pic-text-new--gr-dark .b-pic-text-new__paragraph,
.b-pic-text-new--img-fractal-dark .b-pic-text-new__desc {
    color: #fff;
}

.b-pic-text-new--img-fractal-dark {
    background: url(../images/pic-text-new/default/fractal-dark.jpg) no-repeat center right;
    background-size: cover;
}

.b-pic-text-new__container {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 15px;
}

.b-pic-text-new__title {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.b-pic-text-new__desc,
.b-pic-text-new__desc--p2,
.b-pic-text-new__desc--p3 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    margin: 0 0 24px;
}

.b-pic-text-new__desc--p2,
.b-pic-text-new__desc--p3 {
    font-weight: 500;
    line-height: 24px;
    font-size: 18px;
}

.b-pic-text-new__desc--p3 {
    font-size: 24px;
    line-height: 28px;
}

.b-pic-text-new__picture {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.b-pic-text-new__picture--right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 30px;
    margin-right: 0;
}

.b-pic-text-new__picture--col-2 {
    width: calc((100% - 30px) / 2);
}

.b-pic-text-new__picture--col-3 {
    width: 40%;
}

.b-pic-text-new__picture--col-4 {
    width: 30%;
}

.b-pic-text-new__wrap {
    width: 100%;
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.b-pic-text-new__wrap > :last-child {
    margin-bottom: 0;
}

.b-pic-text-new__paragraph {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    margin: 0 0 24px;
}

.b-pic-text-new__item:last-of-type,
.b-pic-text-new__paragraph:last-of-type {
    margin-bottom: 0;
}

.b-pic-text-new__items {
    padding: 0;
    margin: 0;
    list-style: none;
}

.b-pic-text-new__item {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 16px;
}

.b-pic-text-new__btn {
    border: 0;
    min-width: 270px;
    padding: 16px;
    text-align: center;
}

@media only screen and (min-width: 320px) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark320.jpg);
    }
}

@media only screen and (min-width: 768px) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark768.jpg);
    }
}

@media only screen and (min-width: 1024px) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark1024.jpg);
    }
}

@media only screen and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 320px) and (min-device-pixel-ratio: 2), only screen and (min-width: 320px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 320px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 320px) and (min-resolution: 192dpi), only screen and (min-width: 320px) and (min-resolution: 2dppx) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark320@2x.jpg);
    }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 768px) and (min-resolution: 192dpi), only screen and (min-width: 768px) and (min-resolution: 2dppx) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark768@2x.jpg);
    }
}

@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark1024@2x.jpg);
    }
}

@media only screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1200px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1200px) and (min-resolution: 192dpi), only screen and (min-width: 1200px) and (min-resolution: 2dppx) {
    .b-pic-text-new--img-fractal-dark {
        background-image: url(../images/pic-text-new/default/fractal-dark@2x.jpg);
    }
}

@media only screen and (max-width: 1199px) {
    .b-pic-text-new__container {
        padding: 40px 24px;
    }

    .b-pic-text-new__desc {
        font-size: 16px;
    }

    .b-pic-text-new__desc,
    .b-pic-text-new__desc--p2 {
        line-height: 20px;
        margin-bottom: 32px;
    }

    .b-pic-text-new__desc--p3 {
        margin-bottom: 32px;
    }

    .b-pic-text-new__picture {
        margin-right: 24px;
    }

    .b-pic-text-new__picture--right {
        margin-right: 0;
        margin-left: 24px;
    }

    .b-pic-text-new__picture--col-2 {
        width: calc((100% - 24px) / 2);
    }

    .b-pic-text-new__wrap > :last-child {
        margin-bottom: 0;
    }

    .b-pic-text-new__item,
    .b-pic-text-new__paragraph {
        font-size: 16px;
        line-height: 20px;
    }

    .b-pic-text-new__paragraph:last-of-type {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .b-pic-text-new__img a img {
        border-radius: 0;
    }

    .b-pic-text-new__img img {
        border-radius: 6px;
    }

    .b-pic-text-new__container {
        padding: 32px 24px;
    }

    .b-pic-text-new__desc {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 16px;
    }

    .b-pic-text-new__desc--p2 {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .b-pic-text-new__desc--p3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .b-pic-text-new__picture {
        border-radius: 6px;
        margin-right: 16px;
    }

    .b-pic-text-new__picture--right {
        margin-right: 0;
        margin-left: 16px;
    }

    .b-pic-text-new__picture--col-2 {
        width: calc((100% - 16px) / 2);
    }

    .b-pic-text-new__picture--col-4 {
        width: 35%;
    }

    .b-pic-text-new__wrap > :last-child {
        margin-bottom: 0;
    }

    .b-pic-text-new__item,
    .b-pic-text-new__paragraph {
        font-size: 15px;
        line-height: 19px;
    }

    .b-pic-text-new__paragraph:last-of-type {
        margin-bottom: 0;
    }

    .b-pic-text-new__item {
        margin-bottom: 8px;
    }

    .b-pic-text-new__btn {
        padding: 10px;
        min-width: 190px;
    }
}

@media only screen and (max-width: 767px) {
    .b-pic-text-new__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 24px 16px;
    }

    .b-pic-text-new__desc {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 24px;
    }

    .b-pic-text-new__desc--p2 {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 24px;
    }

    .b-pic-text-new__desc--p3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 24px;
    }

    .b-pic-text-new__picture {
        margin-right: 0;
        margin-bottom: 24px;
    }

    .b-pic-text-new__picture--right {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-left: 0;
        margin-bottom: 24px;
    }

    .b-pic-text-new__picture--col-2,
    .b-pic-text-new__picture--col-3,
    .b-pic-text-new__picture--col-4 {
        width: 100%;
    }

    .b-pic-text-new__wrap {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .b-pic-text-new__wrap > :last-child {
        margin-bottom: 0;
    }

    .b-pic-text-new__item,
    .b-pic-text-new__paragraph {
        font-size: 14px;
        line-height: 17px;
    }

    .b-pic-text-new__paragraph:last-of-type {
        margin-bottom: 0;
    }

    .b-pic-text-new__item {
        margin-bottom: 16px;
    }

    .b-pic-text-new__img img {
        max-width: 288px;
    }
}
