/* Start:/local/templates/main/components/bitrix/news.detail/banner/style.css?17840270485428*/
@font-face {
    font-family: 'Franklin Gothic Book';
    src: url("/local/templates/main/css/fonts/Franklin Gothic Book.ttf");
}
@font-face {
    font-family: 'Franklin Gothic Demi';
    src: url("/local/templates/main/css/fonts/Franklin Gothic Demi.ttf");
}

.banner--kreditovanie-nalichnymi .banner__content-container {
    padding: 50px 0;
    background: radial-gradient(41.43% 32.77% at 49.05% 47.6%, #CFF44C 11.99%, #449FF9 61.48%, #0181FF 100%);
}

.banner--kreditovanie-nalichnymi .banner__title--mod {
    margin-bottom: 4px;
    font-family: 'Franklin Gothic Demi', sans-serif;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #ECECED;
}

.banner--kreditovanie-nalichnymi .first-screen__description {
    max-width: 580px;
}

.banner--kreditovanie-nalichnymi .flexed {
    display: flex;
}

.banner--kreditovanie-nalichnymi .strong {
    font-weight: bold !important;
}

.banner--kreditovanie-nalichnymi .first--img {
    background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-4.png);
    background-repeat: no-repeat;
    min-height: 115px;
    background-position: -13px top;
}

.banner--kreditovanie-nalichnymi .second--img {
    background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-5.png);
    background-repeat: no-repeat;
    min-height: 115px;
    background-position: -13px top;
}

.banner--kreditovanie-nalichnymi .third--img {
    background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-6.png);
    background-repeat: no-repeat;
    min-height: 115px;
    background-position: -5px top;
}

.banner--kreditovanie-nalichnymi .first-screen__description span {
    font-family: 'Franklin Gothic Book', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.04em;
    color: #CFF44C;
}

.banner--kreditovanie-nalichnymi .first-screen__description span.outer {
    margin-top: 85px;
    display: inline-block;
}

.banner--kreditovanie-nalichnymi .first-screen__description div.flexed {
    gap: 133px;
}

.banner--kreditovanie-nalichnymi .first-screen__btn .btn {
    font-size: 16px;
    line-height: 18px;
    color: #2C3E4F;
    background-color: #CFF44C;
}

.banner--kreditovanie-nalichnymi .first-screen__btn .btn:hover {
    color: #fff;
    background: #07559c;
}

.banner--kreditovanie-nalichnymi .first-screen__btn {
    margin-top: 40px;
}

@media screen and (min-width: 768px) {
    .banner--kreditovanie-nalichnymi .first-screen__description {
        margin-top: 40px;
    }

    .banner--kreditovanie-nalichnymi.banner--debit-cards .banner__content {
        max-width: 460px;
    }
}

@media (min-width: 1020px) {
    .banner--kreditovanie-nalichnymi .banner__content-container {
        padding: 50px 0 50px;
        background: radial-gradient(48.18% 164.42% at 74.48% 81.42%, #CFF44C 12.11%, #449FF9 51.09%, #0181FF 100%);
    }

    .banner--kreditovanie-nalichnymi .banner__title--mod {
        font-size: 85px;
        line-height: 96px;
    }

    .banner--kreditovanie-nalichnymi.banner--debit-cards .banner__content {
        max-width: 770px;
    }

    .banner--kreditovanie-nalichnymi .first-screen__description {
        max-width: 500px;
    }
}

@media (min-width: 1260px) {
    .banner--kreditovanie-nalichnymi .first-screen__description {
        margin-top: 90px;
        max-width: 650px;
    }
}

@media screen and (max-width: 768px) {
    .banner--kreditovanie-nalichnymi .first--img {
        background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-4-m.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: 8px top;
    }

    .banner--kreditovanie-nalichnymi .second--img {
        background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-5-m.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: 14px top;
    }

    .banner--kreditovanie-nalichnymi .third--img {
        background-image: url(/local/templates/main/images/kredit-nalichnymi/adv-img-6-m.png);
        background-repeat: no-repeat;
        min-height: 115px;
        background-position: -5px top;
    }

    .banner--kreditovanie-nalichnymi .first-screen__description span {
        font-size: 12px;
        line-height: 14px;
    }

    .banner--kreditovanie-nalichnymi .first-screen__description span.outer {
        margin-top: 50px;
        text-align: center;
    }

    .banner--kreditovanie-nalichnymi .first--img > span:nth-child(1) {
        margin-left: 10px;
    }

    .banner--kreditovanie-nalichnymi .third--img > span:nth-child(1) {
        margin-left: -20px;
    }

    .banner--kreditovanie-nalichnymi .banner__picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        min-height: 562px;
    }

    .banner--kreditovanie-nalichnymi .banner__title.banner__title--mod {
        font-size: 24px;
    }

    .banner--kreditovanie-nalichnymi .banner__title.banner__title--mod h1 {
        text-align: center;
    }

    .banner--kreditovanie-nalichnymi .banner__content-container {
        padding: 50px 0 0 0;
    }

    .banner--kreditovanie-nalichnymi .first-screen__description div.flexed {
        gap: 89px 106px;
    }

    .banner--kreditovanie-nalichnymi .first-screen__description {
        margin-top: 220px;
    }
}

/* End */
/* /local/templates/main/components/bitrix/news.detail/banner/style.css?17840270485428 */