﻿body {
    font-family: 'Ubuntu', sans-serif;
    color: #222222;
}

h1, h2, h3, .h3 {
    color: #222222;
    font-weight: 600;
}

a {
    color: #9E0937;
}

ul > li {
    list-style-type: none;
}

.list-disc li, .article li {
    list-style: disc;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/*:placeholder {
    color: #222222;
    opacity: 1;
}*/
.text-bg-gradient-theme {
    background: linear-gradient(206deg, #F1165A 0%, #FED501 100%);
    color: #fff;
}
.text-bg-gradient-theme-reverse {
    background: linear-gradient(90deg, #F1165A 0%, #FED501 100%);
    color: #fff;
}

.progress .bg-secondary {
    background: #D9D9D9 !important;
}

@media (min-width: 992px) {
    .fs-md-2 {
        font-size: 1.9rem !important;
    }

    .fs-lg-4 {
        font-size: 2rem !important;
    }

    .fs-lg-5 {
        font-size: 1.5rem !important;
    }

    .fs-lg-6 {
        font-size: 1.25rem !important;
    }

    .bg-lg-white {
        background-color: #ffffff;
    }

    .fw-lg-normal {
        font-weight: normal !important;
    }

    .fw-lg-semibold {
        font-weight: 500 !important;
    }

    .lh-md-base {
        line-height: 1.5 !important;
    }
}

@media (min-width: 992px) {
    .nav-link, .dropdown-item {
        font-size: 1.1rem;
    }
}

@media (min-width: 768px) {
    .fs-md-3 {
        font-size: 1.6rem !important;
    }
}

@media (min-width: 992px) {
    .navbar .dropdown-toggle::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: url(../Content/Images/arrow.svg);
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform .2s ease-in-out;
        border: 0;
        vertical-align: middle;
    }

    .navbar .dropdown-toggle.show::after {
        transform: matrix(1, 0, 0, -1, 0, 0);
    }

    #accountDropdown::after {
        display: none;
    }
}
.with-shadow {
    box-shadow: 0px 4px 28px rgba(221, 163, 0, 0.31);
}
.calculator-form {
    box-shadow: 0px 0px 25px #dda300;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .form-container {
        box-shadow: 0px 0px 25px #dda300;
        max-width: 480px;
    }
}

@media (max-width: 992px) {
    .navbar .dropdown-toggle::after {
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        margin-left: auto;
        content: "";
        background-image: url(../Content/Images/arrow.svg);
        background-repeat: no-repeat;
        transition: transform .2s ease-in-out;
        border: 0;
        vertical-align: middle;
        float: left;
    }

    .navbar .dropdown-toggle.show::after {
        transform: matrix(1, 0, 0, -1, 0, 0);
    }
}

.phone-container .fs-5 {
    font-size: 1.4rem !important;
}

@media(min-width: 992px) {
    .phone-container .fs-5 {
        text-align: center;
    }
}

.mobilePhone {
    text-align: left;
    background: transparent;
    letter-spacing: 2px;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0px;
}

    .mobilePhone::placeholder {
        color: #222222;
        opacity: 1;
    }

.smsCode {
    width: 120px;
    text-align: center;
    background: white;
    letter-spacing: 2px
}

@media(max-width: 992px) {
    .mobilePhone:focus, .smsCode:focus {
        background-color: #F5F5F5;
        border: none;
        box-shadow: none;
    }
}

.field-validation-error {
    color: #E9416A;
    font-size: smaller;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    width: inherit;
    max-width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
}


.ball-primary {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #9E0937;
    animation: bounce-primary 1s;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.ball-success {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    animation: bounce-info 1s;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-color: #BABABA;
    animation-direction: alternate-reverse;
}

@media(min-width: 992px) {
    .landing-bg {
        background-image: linear-gradient(158deg, #f1165a -14.04%, #FFCF2E 59.9%);
        border-radius: 0px 130px 0px 130px;
        box-shadow: inset 0px 0px 40px rgba(202, 146, 0, 0.7);
    }
}

@keyframes bounce-primary {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(100px, 0, -1px);
    }
}

@keyframes bounce-success {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(100px, 0, 1px);
    }
}

/* Prefix Support */
ball-primary {
    -webkit-animation-name: bounce-primary;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

ball-success {
    -webkit-animation-name: bounce-success;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(100px, 0, -1px);
        transform: translate3d(100px, 0, -1px);
    }
}

@-webkit-keyframes bounce-info {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(100px, 0, 1px);
        transform: translate3d(100px, 0, 1px);
    }
}


/* Chrome, Safari, Edge, Opera */
input.hidden-arrows::-webkit-outer-spin-button,
input.hidden-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.hidden-arrows[type=number] {
    -moz-appearance: textfield;
}



.calculatorSlider .ui-slider {
    height: 0.4rem;
    background: #F1F1F1;
    border-radius: 5.5px !important;
    border: 0;
}


.calculatorSlider .ui-slider-range-min {
    background: #9E0937;
    height: 0.4rem;
}

.calculatorSlider .ui-slider-handle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #9E0937;
    border: 0;
    top: -8px;
    margin-left: -3px;
    outline: none;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 4px #9E0937;
}


@media (min-width: 992px) {
    .footer-email-link {
        font-size: 1rem !important;
        text-decoration: underline !important;
    }

    

    .calculatorSlider .ui-slider {
        height: 0.4rem;
    }
}

.doc-title {
    font-size: 16px;
}
.doc-description {
    font-size: 10px;
}

.upload-photo-wrapper .upload-photo {
    position: absolute;
    left: -99999rem;
}

.upload-photo-wrapper .btn-camera, .upload-photo-wrapper .btn-folder {
    height: 23px;
    line-height: 23px;
}

.photo-wrapper.doc-declined .preview {

}

.sliders-bg {
    background-image: url(../Content/Images/bg.svg);
    /* background-size: 100%; */
    background-repeat: no-repeat;
    /* background-size: auto 100%; */
    background-position: center;
    /* FONT-VARIANT: JIS83; */
    height: 550px;
    background-size: cover;
    width: auto;
}

.promo-banner-img-wrapper {
    z-index: -3;
    margin-top: -190px;
}

.promo-banner-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: 100%;
    width: 100%;
    position: relative;
}

.promo-banner {
    background-image: url(../Content/Images/girl-desktop.webp);
    background-position: top 10px right;
    background-repeat: no-repeat;
    min-height: 524px;
    /*background-size: 95%;*/
}

.promo-banner-self-employer {
    background-image: url(../Content/Images/landing-selfemployed-woman.png);
    background-repeat: no-repeat;
    min-height: 485px;
    background-size: auto;
    background-position-x: center;
    background-position-y: bottom -10px;
}

.promo-banner-repeater {
    background-image: url(../Content/Images/495-free-payment.png);
    background-repeat: no-repeat;
    min-height: 420px;
    background-size: auto;
    background-position-x: center;
    background-position-y: bottom -10px;
}

@media (min-width: 992px) {
    .advantage-self-employeer {
        min-height: 365px;
    }
}

@media (min-width: 992px) {
    .promo-banner {
        background-position: top 10px right 80px;
        background-size: contain;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .promo-banner {
        background-size: 88%;
        background-position: bottom -1px right;
    }
}

@media (min-width: 1100px) and (max-width: 1500px) {
    .promo-banner {
        background-size: 80%;
        background-position: bottom -1px right;
    }
}


.icon-visa {
    background: url('../Content/Images/visa.svg') no-repeat center;
    display: block;
    float: left;
    margin-top: 5px;
    width: 65px;
    height: 21px;
}

.icon-mc {
    background: url('../Content/Images/mastercard.svg') no-repeat center;
    display: block;
    float:left;
    margin-top: 5px;
    width: 47px;
    height: 28px;
}

.icon-mir {
    background: url('../Content/Images/mir.svg') no-repeat center;
    display: block;
    float: left;
    margin-top: 5px;
    width: 71px;
    height: 20px;
}


button.calcRequest, .code-confirm, .btn-active {
    width: 100%;
    padding: 1rem 5rem;
    font-weight: bold;
    border-radius: 25px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    background: linear-gradient(267.98deg, #FF5589 -4.99%, #F4B40A 101.71%) !important;
    box-shadow: none;
    border: none;
    color: white;
    max-width: 400px;
    border-color: transparent !important;
    border-right-color: #FF5589 !important;
    border-left-color: #F4B40A !important;
}
    button.calcRequest:hover, .code-confirm:hover, .btn-active:hover {
        color: white;
    }
    button.calcRequest, .code-confirm {
        text-transform: uppercase;
    }

@media (min-width: 992px) {
    button.calcRequest, .code-confirm {
        border-radius: 25px;
        text-transform: uppercase;
        font-size: 20px !important;
    }
}

.rnds-cpg a, .rnds-cpg button {
    width: 100%;
    padding: 1.25rem 2rem;
    text-align: center;
    font-size: 0.875rem;
}


.rent-request-docs .preview {
    max-width: 80px;
    max-width: 91px;
}

.icon-benefits {
    width: 120px;
    height: 120px;
}

.icon-usp {
    background: url(../Content/Images/usp.svg) no-repeat center;
}

.icon-clock {
    background: url(../Content/Images/clock.svg) no-repeat center;
}

.icon-card {
    background: url(../Content/Images/card.svg) no-repeat center;
}

.get-credit-step {
    font-weight: 400;
}

.icon-request-steps {
    display: inline-block;
    width: 90px;
    height: 100px;
}

.icon-doc-fill {
    background: url(../Content/Images/doc-fill.png) no-repeat center;
    display: inline-block;
    width: 90px;
    height: 100px;
}

.icon-phone-sms {
    background: url(../Content/Images/phone-sms.png) no-repeat center;
}

.icon-money {
    background: url(../Content/Images/money.png) no-repeat center;
}

.icon-request-fill-steps {
    display: inline-block;
    width: 113px;
    height: 129px;
}

.icon-step-doc-fill {
    background: url(../Content/Images/step-doc-fill.png) no-repeat center;
}

.icon-step-phone-sms {
    background: url(../Content/Images/step-phone-sms.png) no-repeat center;
    width: 140px;
}

.icon-step-money {
    background: url(../Content/Images/step-money.png) no-repeat center;
}

.icon-digit {
    display: inline-block;
    width: 70px;
    height: 100px;
}

.icon-one {
    background: url(../Content/Images/one.svg) no-repeat center;
}

.icon-two {
    background: url(../Content/Images/two.svg) no-repeat center;
}

.icon-three {
    background: url(../Content/Images/three.svg) no-repeat center;
}

.icon-four {
    background: url(../Content/Images/four.svg) no-repeat center;
}

@media(min-width: 992px) {
    .icon-one, .icon-two, .icon-three, .icon-four, .icon-request-steps {
        /*background-size: 70%;*/
    }
}

.icon-dashedellipse {
    background: url(../Content/Images/dashed-ellipse.svg) no-repeat center;
    height: 31px;
    display: block;
    width: 10px;
}

.icon-dashed {
    background: url(../Content/Images/dashed.svg) no-repeat center;
    height: 25px;
    width: 2px;
    display: block;
}

.icon-vector-1 {
    background: url(../Content/Images/vector-1.svg) no-repeat center;
    height: 65px;
    width: 225px;
    display: block;
    /*background-size: 85%;*/
}

.icon-vector-2 {
    background: url(../Content/Images/vector-2.svg) no-repeat center;
    height: 65px;
    width: 225px;
    display: block;
    /* background-size: 85%;*/
}

.icon-vector-3 {
    background: url(../Content/Images/vector-3.svg) no-repeat center;
    height: 74px;
    width: 212px;
    display: block;
    /*background-size: 85%;*/
}

.icon-subtract-bottom {
    background: url(../Content/Images/Subtract.svg) no-repeat center;
    height: 62px;
    width: 61px;
    display: block;
    /*background-size: 85%;*/
}

.subtract-bottom {
    margin-left: -6px;
    margin-right: -6px;
    top: 227px;
    position: relative;
    z-index: -1;
}

.icon-subtract-top {
    background: url(../Content/Images/Subtract-top.svg) no-repeat center;
    height: 62px;
    width: 61px;
    display: block;
    /*background-size: 85%;*/
}

.subtract-top {
    margin-left: -6px;
    margin-right: -6px;
    top: 10px;
    position: relative;
}

.icon-timer {
    background: url(../Content/Images/timer.png) no-repeat center;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.icon-good {
    background: url(../Content/Images/good.png) no-repeat center;
    display: inline-block;
    width: 89px;
    height: 89px;
}

.icon-lock {
    background: url(../Content/Images/lock.png) no-repeat center;
    display: inline-block;
    width: 98px;
    height: 90px;
}

.icon-visapayment {
    background: url(../Content/Images/visa-payment.png) no-repeat center;
    display: inline-block;
    width: 196px;
    height: 63px;
}

.icon-mcpayment {
    background: url(../Content/Images/mc-payment.png) no-repeat center;
    display: inline-block;
    width: 82px;
    height: 63px;
}

.icon-mirpayment {
    background: url(../Content/Images/mir-payment.png) no-repeat center;
    display: inline-block;
    width: 244px;
    height: 81px;
}

.icon-user {
    background: url(../Content/Images/user-icon.svg) no-repeat center;
    height: 45px;
    width: 45px;
    display: inline-block;
}

@media(min-width: 1340px) {
    .personal-link {
        display: block !important;
    }
}

@media(min-width: 992px) and (max-width: 1340px) {

    .personal-link {
        display: none !important;
    }
}

.navbar-toggler {
    height: 2em;
    font-size: 24px;
}

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
        background-image: url(../Content/Images/close.svg);
    }

.dashed:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    height: inherit;
    border-left: 2px dashed #000000;
}

@media (max-width: 992px) {
    .main-bg-mob {
        background-image: linear-gradient(to left, #ffc428, #ffc82a, #ffcb2c, #ffcf2e, #ffd230, #ffd532, #ffd833, #ffdb35, #ffde37, #ffe139, #fee33b, #fee63d);
    }

    .main-bg-mob {
        background: #F5F5F5;
    }

    .secondary-bg-mob {
        background: #Fff;
    }
}

@media (min-width: 992px) {
    .main-bg {
        background-image: linear-gradient(to left, #ffc428, #ffc82a, #ffcb2c, #ffcf2e, #ffd230, #ffd532, #ffd833, #ffdb35, #ffde37, #ffe139, #fee33b, #fee63d);
        box-shadow: inset 0px 0px 40px rgba(202, 146, 0, 0.7);
    }

    .mockup-yellow {
        background-color: #ffffff;
        height: 350px;
        border-radius: 0px 350px 350px 0;
        background-image: url(../Content/Images/mockup-main.webp);
        background-repeat: no-repeat;
        background-position: bottom right -120px;
        background-size: contain;
    }

    .main-title span:first-child {
        font-size: 70px;
    }
}

@media (min-width: 1100px) {
    .mockup-yellow {
        background-position: bottom -20px right -50px;
    }
}

/*NAVIGATION*/
@media (max-width: 992px) {
    .zone-main-navigation .dropdown-menu {
        box-shadow: none;
        margin-left: 2rem;
    }

    .nav-link {
        font-size: 1em;
        font-weight: 400;
    }
}

@media (min-width: 992px) {
    .zone-main-navigation .nav-item {
        min-width: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .zone-main-navigation .nav-item.nav-item-icon {
        min-width: 100px;
    }
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #9E0937;
}

.mockup {
}

.how-get {
    background: linear-gradient(158.72deg, #FFC428 15.99%, #FEE63D 101.03%);
    box-shadow: inset 0px 0px 17px #DDA300;
    border-radius: 110px 0px 110px 110px;
}

@media (min-width: 992px) {
    .how-get {
        background-image: linear-gradient(to left, #ffc428, #ffc82a, #ffcb2c, #ffcf2e, #ffd230, #ffd532, #ffd833, #ffdb35, #ffde37, #ffe139, #fee33b, #fee63d);
        border-radius: 110px 0px 110px 110px;
    }

        .how-get .fs-1 {
            font-size: 2.3rem !important;
            margin-left: 9.5rem !important;
        }

        .how-get .d-lg-flex.justify-content-between {
            margin-left: 5.8rem !important;
            margin-right: 5.8rem !important;
        }

    .faq {
        width: 77%;
    }
}

.motivation {
    height: 100%;
}

@media (min-width: 992px) and (max-width:1100px) {
    .motivation {
        margin-left: 0;
        margin-right: 300px;
    }
}

@media (min-width: 1100px) and (max-width:1300px) {
    .motivation {
        margin-left: 0;
        margin-right: 360px;
    }
}

@media (min-width: 1300px) and (max-width:1550px) {
    .motivation {
        margin-left: 0;
        margin-right: 360px;
    }
}

@media (min-width: 1551px) {
    .motivation {
        margin-right: 420px;
        margin-left: 200px;
    }
}


@media (min-width: 992px) and (max-width:1350px) {
    /*
        .motivation .fs-lg-4 {
            font-size: 1.3rem !important;
        }*/

    .icon-vector-1, .icon-vector-2, .icon-vector-3 {
        background-size: 80%;
    }

    /*    .mockup-yellow {
        background-size: 35%;
    }*/
}

#tabMainAccordion .accordion-item, #tabMainAccordion .accordion-button {
    border-radius: 25px !important;
}

/*FOOTER*/
.contacts a, .contacts p {
    color: #6C757D;
    font-size: 1rem;
}

footer p {
    line-height: 15.95px;
    margin-bottom: 0.85rem;
}

footer .text-secondary.small {
    line-height: 15.95px;
    font-size: 12px;
}



@media (min-width: 992px) {
    .contacts a, .contacts p {
        font-size: 14px;
    }

    footer p {
        line-height: 18.61px;
    }

    footer .text-secondary.small {
        font-size: 13px;
        line-height: 18.61px;
    }

    footer .col-lg-3 {
        width: 23%
    }

    footer .col-lg-4 {
        width: 33%;
        padding-left: 30px;
        padding-right: 30px;
    }

    footer .col-lg-5 {
        width: 44%
    }
}



.loan-terms {
    max-width: 764px;
}

.loan-percent, .loan-time, .loan-sum, .loan-document {
    position: relative;
    border: 4px solid transparent;
    background: #ffffff;
    color: #222222;
    margin-top: -4px;
    background-clip: padding-box !important;
    padding-left: 3rem !important;
}

    .loan-percent::after, .loan-sum::after, .loan-time::after, .loan-document::after {
        position: absolute;
        content: '';
        z-index: -1;
    }

.loan-percent, .loan-time {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

    .loan-percent::after, .loan-time::after {
        top: -4px;
        bottom: -4px;
        left: 40px;
        right: -4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

.loan-sum, .loan-document {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

    .loan-sum::after, .loan-document::after {
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: 40px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.loan-percent::after {
    background: linear-gradient(180.82deg, #F1165A 0.7%, #FB9A3B 57.6%);
}

.loan-sum::after {
    background: linear-gradient(180.82deg, #FB9A3B 0.7%,#FEB934 57.6%);
}

.loan-time::after {
    background: linear-gradient(180.82deg, #FEB934 0.7%,#FFCF2D 57.6%);
}

.loan-time::after {
    background: linear-gradient(180.82deg, #FEB934 0.7%,#FFCF2D 57.6%);
}

.loan-document::after {
    background: linear-gradient(180.82deg, #FFCF2D 0.7%, #FFD02E 57.6%);
}

.steps-border {
    position: relative;
    border: 4px solid transparent;
    border-radius: 57px;
    background-clip: padding-box !important;
    background: #ffffff;
    max-width: 299px;
    color: #222222;
}

    .steps-border::after {
        position: absolute;
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: -4px;
        background: linear-gradient(0.82deg, #FFC428 0.7%, #FA8939 57.6%, #F1165A 128.69%);
        content: '';
        z-index: -1;
        border-radius: 57px;
    }

.gradient-border {
    position: relative;
    border: 4px solid transparent;
    border-radius: 57px;
    background-clip: padding-box !important;
    background: #ffffff;
}

    .gradient-border::after {
        position: absolute;
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: -4px;
        background: linear-gradient(#FFC428, #FEE63D);
        content: '';
        z-index: -1;
        border-radius: 57px;
    }

    .gradient-border h5 {
        font-size: 1.85rem;
    }

@media (max-width: 991px) {
    .gradient-border:not(.numbers) {
        position: relative;
        border: none;
        border-radius: 0px;
        background-clip: padding-box !important;
        background: #ffffff;
    }

        .gradient-border:not(.numbers)::after {
            position: relative;
            background: transparent;
            content: '';
            z-index: -1;
            border-radius: 0px;
        }

    .gradient-border {
        font-size: 1.125rem;
        line-height: 21px;
    }

        .gradient-border h5 {
            font-size: 1.5rem;
        }

        .gradient-border h2 {
            line-height: 21px;
            font-size: 1.1rem !important;
        }

        .gradient-border ul {
            padding-left: 1rem;
            line-height: 20.68px;
        }

            .gradient-border ul > li {
                list-style: disc;
                margin-bottom: 0rem !important;
            }

    .question-block {
        margin-top: 8rem !important;
        margin-bottom: 5.5rem;
    }

        .question-block .accordion-button {
            padding: 0.6rem 1.25rem;
        }

    .motivation-wrapper .btn {
        padding: 1rem 2rem;
    }
}

@media (min-width: 992px) {
    .gradient-border.numbers .fs-2, .carousel-caption .fs-2 {
        font-size: 1.875rem !important;
    }

    .advantage {
        min-height: 366px;
    }

    .question-block .accordion-button {
        padding: 0.9rem 1.1rem;
        font-size: 1.5rem;
    }
}



.numbers .number {
    line-height: 115px;
    font-weight: 700;
    font-size: 100px;
    background: linear-gradient(180deg, #DC0044 0%, #FF671E 44.27%, #FFE700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 1200px) {
    .numbers .number {
        font-size: 120px;
        line-height: 138px;
    }

    .reviews-wrapper h2 {
        margin-left: 5.45rem !important;
    }
}

@media (max-width: 360px) {
    .numbers .number {
        font-size: 85px;
    }
}

/*REVIEWS*/
.reviews {
    background: linear-gradient(107.74deg, #FFC428 -14%, #FFC92A 2.18%, #FFCE2D 18.36%, #FFD330 34.53%, #FFD733 50.71%, #FFDC36 66.89%, #FEE139 83.06%, #FEE63D 99.24%);
    box-shadow: inset 0px 4px 40px rgba(221, 163, 0, 0.7);
    font-size: 1.5rem;
    font-size: 1.125rem;
}

    .reviews .review-item {
        max-width: 420px;
    }

    .reviews .carousel-item {
        min-height: 350px;
    }

    .reviews .carousel-caption {
        right: 15%;
        left: 15%;
    }

    .reviews .carousel-control-prev-icon, .reviews .carousel-control-next-icon {
        width: 84px;
        height: 84px;
    }

    .reviews .carousel-control-prev, .reviews .carousel-control-next {
        opacity: 1;
    }

    .reviews small {
        opacity: 0.5;
    }

@media (min-width: 992px) {
    .reviews {
        font-size: 1.5rem;
    }
}

@media (min-width: 1400px) {


    .reviews .carousel-caption {
        right: 30%;
        left: 30%;
    }
}
/*HOW GET LOAN*/
.get-loan {
    font-size: 1.25rem;
    line-height: 136.9%;
}

    .get-loan ul > li, .loan-condition ul > li {
        list-style: disc;
        margin-bottom: 0.3rem;
    }

.how-get-loan .steps-border {
    min-width: 300px;
}

.loan-condition ul {
    padding-left: 1.2rem;
}

    .loan-condition ul > li {
        margin-bottom: 0rem;
    }

.motivation-wrapper h2 {
    font-size: 1.7rem !important;
}

@media (max-width: 768px) {
    .loan-condition ul {
        line-height: 1.15rem !important;
    }

    .promo-block {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }
}

@media (min-width: 768px) {
    .get-loan {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }

        .get-loan h2, .advantages h2, .loan-products h2, .loan-condition h2,
        .get-loan .h2, .advantages .h2, .loan-products .h2, .loan-condition .h2 {
            font-size: 2.5rem !important;
        }

    .motivation-wrapper h2 {
        font-size: 2.7rem !important;
    }

    .product-table {
        width: 534px;
        /*height: 262px;*/
    }
}

@media (min-width: 992px) {
    .payment-methods .mir {
        margin-top: -10px;
    }
}

.motivation-wrapper {
    background: linear-gradient(157.74deg, #F1165A -27.8%, #FBAD19 51.33%, #FFE700 84.72%);
    box-shadow: inset 0px 4px 40px rgba(202, 146, 0, 0.7);
    border-radius: 57px;
}

.product-table {
    background: #FFFFFF;
    box-shadow: 0px 4px 28px rgba(221, 163, 0, 0.31);
}

.advantage {
    background: linear-gradient(180deg, #F1165A 0%, #FEE63D 100%);
    border-radius: 57px;
    display: inline-grid;
    min-width: 280px;
    min-height: 343px;
}

@media (min-width:992px) and (max-width: 1500px) {
    .advantages, .numbers-wrapper {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
        font-size: 2rem !important;
    }

    .advantage {
        min-width: 200px;
        font-size: 1rem;
    }
}

@media (min-width:992px) and (max-width: 1100px) {
    .advantage {
        width: 200px;
    }
}


@media (min-width:1400px) and (max-width: 1600px) {
    .advantages, .numbers-wrapper {
        /*margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
        padding-right: 0rem !important;
        padding-left: 0rem !important;*/
    }
}

/*RNDS CPG*/
.calculatorBtnWrap {
    z-index: 2;
}
    .calculatorBtnWrap .rnds-cpg,
    .PersonalDataPart #rnds-cpg-wrapper,
    .ContactDataPart #rnds-cpg-wrapper,
    .AddressPart #rnds-cpg-wrapper,
    .WorkDataPart #rnds-cpg-wrapper,
    .PassportDataPart #rnds-cpg-wrapper {
        display: block !important;
    }

.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus {
    color: #013040 !important;
    background-color: white !important;
    border-color: #013040 !important;
}

.rnds-cpg .btn-outline-primary {
    border-color: #9E0937;
    border-radius: 25px;
    border-width: 2px;
}

    .rnds-cpg .btn-outline-primary:hover {
        background: #FFFFFF;
        border-color: #9E0937;
        box-shadow: 0px 2px 24px -14px #9E0937;
    }

    .rnds-cpg .btn-outline-primary:active:focus {
        box-shadow: 0px 2px 24px -14px #9E0937;
    }

/*landing page offers*/
.landing-text ul > li {
    list-style: disc;
}
.edit-item-content .permalink .hint {
    display: none;
}

.permalink-definition input[type='text'] {
    width: auto;
    display: inline-block;
}

.edit-item-content fieldset {
    margin-bottom: 1.5rem;
}

.media-gallery .media-gallery-remove {
    margin-left: 2rem;
    cursor: pointer;
    color: #9E0937;
}

.company-offers .accordion-item {
    background-color: #fff;
    box-shadow: 0px 4px 28px rgba(221, 163, 0, 0.31);
    margin-bottom: 2.5rem;
}

    .company-offers .accordion-item .accordion-button {
        background-color: #fff;
    }

        .company-offers .accordion-item .accordion-button::after {
            background-image: url(../Content/Images/arrow-down.svg)
        }

@media (min-width: 768px) {
    .company-offers .accordion-body {
        /* -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;*/
        column-count: 3;
        column-gap: 20px;
    }

    .company-offers .accordion-body li:nth-child(6n) {
        -webkit-column-break-after: auto;
        break-after: auto;
    }
}

#timer-wrapper .time-left {
    font-size: 72px;
    font-weight: bold;
    background: linear-gradient(260.48deg, #F1165A 4.04%, #FFDC36 114.54%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 992px) {
    textarea.form-control.rows-3 {
        height: 100px;
    }
}
@media (min-width: 992px) {


    .company-offers .accordion-body {
        /* -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;*/
        column-count: 4;
        column-gap: 20px;
    }

    .company-offers .accordion-body li:nth-child(6n) {
        -webkit-column-break-after: auto;
        break-after: auto;
    }
}

.company-offers .accordion-body ul {
    padding-left: 0 !important;
}
.company-offers .accordion-button {
    font-size: 1.75rem;
    padding-left: 2rem;
}
.company-offers .accordion-body {
    padding-left: 2rem;
}
/*articles*/
.article thead, .article tbody, .article tfoot, .article tr, .article td, .article th {
    border-style: inherit;
    border-width: inherit;
}
.article-banner {
    /*min-height: 460px;*/
    background-repeat: no-repeat;
    height: auto;
}

    .articles .card-img-top img, .article-banner img {
        width: -webkit-fill-available;
    }

/**/
.gradient-box-wrapper {
    background: linear-gradient(to right top, #FEE63D, #F1165A);
    border-radius: 25px;
}
.gradient-box {
    display: block;
    align-items: center;
    width: 90%;
    margin: auto;
    
    position: relative;
    padding: 30% 2em;
    box-sizing: border-box;
    color: #000;
    background: #FFFFFF;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 25px;
}
/*.gradient-box:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -2px; 
        border-radius: inherit; 
        background: linear-gradient(to right, red, orange);
    }*/


/*Index*/
@media (min-width: 992px) {
    
}

.calculator-title-wrapper {
    background: linear-gradient(250.11deg, #F1165A 7.77%, #FFD733 80.92%);
    box-shadow: 0px 0px 17px rgba(217, 217, 217, 0.78);
    border-radius: 13px;
    height: 217px;
}
    .calculator-title-wrapper h2 {
        color: #FFFFFF;
        font-size: 2rem !important;
    }
.calculator-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 0px 17px rgba(34, 34, 34, 0.14);
    border-radius: 32px;
    height: 100%;
}
@media (max-width: 991.98px) {
    .calculator-wrapper {
        margin-top: -100px;
    }
    .calculator-wrapper #simple-calculator-app > .pt-4 {
        padding-top: 0.75rem !important;
    }
    .calculator-wrapper #simple-calculator-app > .pt-4 > .d-flex {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .calculator-wrapper .calculatorSlider .fs-5,
    .calculator-wrapper .calculatorSlider .fs-2 {
        font-size: 1rem !important;
    }
    .calculator-wrapper .slider-text {
        font-size: 1.125rem !important;
    }
    .calculator-wrapper .text-description,
    .calculator-wrapper .calculator-total,
    .calculator-wrapper .calculator-total .fs-6 {
        font-size: 0.875rem !important;
    }
    .calculator-wrapper .gosuslugi span {
        font-size: 1rem;
    }
}

.phone-num {
    background: #F1F1F1;
    border-radius: 27px;
}

.phone-entry .mobilePhone {
    letter-spacing: normal;
}

.phone-entry .mobilePhone::placeholder {
    color: #6c757d;
}

.phone-entry #requestProcessingByEnteredPhone {
    color: #F1165A;
}

.phone-entry #requestProcessingByEnteredPhone:hover,
.phone-entry #requestProcessingByEnteredPhone:focus {
    color: #F1165A !important;
}

.phone-entry .registered-login-link {
    color: inherit;
}

.entry-consent-summary .entry-documents-toggle,
.entry-documents-panel a {
    color: #F1165A;
}

@media (max-width: 991.98px) {
    .phone-entry .phone-num {
        background: #F1F1F1;
        border: 1px solid #dee2e6;
        border-radius: 12px;
        padding: 0.75rem 1rem !important;
    }

    .phone-entry .mobilePhone {
        background: transparent;
        border: 0;
        padding: 0;
    }

    .phone-entry .phone-num:focus-within {
        border-color: #F1165A;
    }

    .phone-entry .mobilePhone:focus {
        border: 0;
        background: transparent;
    }

    .registered-entry-footer {
        text-align: center;
    }

    .registered-entry-footer .entet-cab {
        display: block;
        border: 1px solid #F1165A;
        border-radius: 50rem;
        padding: 0.75rem 1rem;
        margin-top: 0.75rem;
    }
}

.calculator-wrapper {
}
        .calculator-wrapper:after, .calc-info-block:after, .calculatorBtnWrap:after, .clear {
            display: block;
            clear: both;
            content: "";
        }
    /**/
    /*Request filling*/
.request-sections .rnds-cpg a, .request-sections .rnds-cpg button {
    padding: 0.5rem 0.5rem;
}

.request-sections .rnds-cpg span {
    margin: 0 0.5rem;
}
.slider-wrapper span {
    font-size: 0.875rem;
    color: #9E0937;
}

.suggestions-wrapper .suggestions-addon {
    display: none !important;
}

.form-control.suggestions-input {
    padding-right: inherit !important;
}

.auth-banners-header {
    text-align: left;

    font-size: 16px;

    font-weight: 500;
}

.auth-banner {
    width: 100%;
    padding: 15px 18px 15px 17px;
    border-radius: 25px;
}

    .auth-banner.gosuslugi {
        border-width: 2px;
        border-style: solid;

        background: linear-gradient(#fff 0 0) padding-box,
        linear-gradient(266.68deg, #FF5589 -4.45%, #FF764E 43.75%, #F4B40A 105.34%) border-box;
    }

    .auth-banner.tid {
        background: #FFDD2D;
        font-size: 16px;
        font-weight: 400;

        white-space: nowrap;

        color: black;
    }

.entet-cab {
    font-weight: 600;
    font-size: 16px;
    color: rgb(239,40,84);
    text-decoration: none;
}

.gosuslugi span {
    font-family: 'Ubuntu';
    font-weight: bolder;
    font-size: 14pt;
}


.calculator-total .text-primary {
    color: #F1165A !important;
}

.selfemployer-advantages__title {
    font-size: 40px;
    color: #222222;
}

.selfemployer-advantages__card {
    background: linear-gradient(30.83deg, #FFC428 1.52%, #FA8939 45.44%, #F1165A 100.32%);
    border-radius: 57px !important;
    min-height: 365px;
    max-width: 285px;
}

.selfemployer-advantages__card-title {
    font-size: 28px;
    color: white;
}

.selfemployer-advantages__card-text {
    font-size: 18px;
    color: white;
}
