/* Start:/local/components/digitalsail/credit/templates/.default/style.css?176604821716956*/
:root {
    --Gosblue: #0D4CD3;
    --gold-gradient: linear-gradient(291deg, #DBC475 18.51%, #FCF5BF 51.65%, #CCB062 93.66%);
}

.divider {
    height: 2px;
    align-self: stretch;
    background: #F5F5F5;
    width: 100%;
}

.row-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.wrap {
    display: flex;
    width: 100%;
    gap: 30px;
    flex-direction: column;
}

.credit-application-title {
    margin-bottom: 30px;
}

.credit-application {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 69px;
}

.credit-steps {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 5px;
    gap: 5px 10px;

    background: #383835;
    color: #FFFFFF;
    border-radius: 15px;

    width: 100%;
}

.credit-steps__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    border-radius: 11px;
    flex-basis: calc(50% - 20px);
    flex-grow: 1;
    cursor: pointer;
}
.credit-steps__item:not(.credit-steps__item--active):hover{
    background: #2C2C2C;
}

.credit-steps__item--active {
    background: #FFFFFF;
    color: #000000;
}

.credit-steps__item--done {

}

.credit-steps__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 40px;
    height: 40px;

    border-radius: 120px;
    background: #2C2C2C url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10H19C20.1046 10 21 10.8954 21 12V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V12C3 10.8954 3.89543 10 5 10H6ZM5 12V19H19V12H5ZM16 8V10H8V8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17C12.8284 17 13.5 16.3284 13.5 15.5C13.5 14.6716 12.8284 14 12 14C11.1716 14 10.5 14.6716 10.5 15.5C10.5 16.3284 11.1716 17 12 17Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center;
}

.credit-steps__item--active .credit-steps__icon {
    background: #F1F1F1 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7004 3.87903C15.871 2.708 17.7685 2.70684 18.9405 3.87644L20.118 5.05155C21.2925 6.2276 21.2917 8.12784 20.1196 9.29937L9.7068 19.7073C9.51929 19.8947 9.26507 20 9 20H5C4.44772 20 4 19.5521 4 18.9996V14.998C4 14.7327 4.10536 14.4783 4.29289 14.2906L12.786 5.7924C12.7947 5.78545 12.7967 5.78353 12.7986 5.78167L12.7986 5.78162L14.7004 3.87903ZM13.499 7.90923L6 15.4124V17.9992H8.58604L16.088 10.4993L13.499 7.90923ZM16.1146 5.2938C16.5048 4.90346 17.1373 4.90307 17.528 5.29294L18.7066 6.46921L18.7898 6.56349C19.0946 6.95607 19.0667 7.52351 18.706 7.88398L17.504 9.0847L14.914 6.49367L16.1146 5.2938Z' fill='%235E83AD'/%3E%3C/svg%3E") no-repeat center center;
}

.credit-steps__item--done .credit-steps__icon {
    background: #2C2C2C url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z' fill='url(%23paint0_linear_1297_11037)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6691 8.42712C16.0582 8.03096 16.6918 8.03096 17.0809 8.42712C17.4664 8.81958 17.4664 9.45315 17.0809 9.8456L11.4559 15.5729C11.0668 15.969 10.4332 15.969 10.0441 15.5729L6.91908 12.3911C6.53364 11.9986 6.53364 11.365 6.91908 10.9726C7.30817 10.5764 7.94183 10.5764 8.33092 10.9726L10.75 13.4356L15.6691 8.42712Z' fill='url(%23paint1_linear_1297_11037)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1297_11037' x1='25.9904' y1='14.0091' x2='-1.67017' y2='3.52926' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.191847' stop-color='%23DBC475'/%3E%3Cstop offset='0.480787' stop-color='%23FCF5BF'/%3E%3Cstop offset='0.847048' stop-color='%23CCB062'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1297_11037' x1='25.9904' y1='14.0091' x2='-1.67017' y2='3.52926' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.191847' stop-color='%23DBC475'/%3E%3Cstop offset='0.480787' stop-color='%23FCF5BF'/%3E%3Cstop offset='0.847048' stop-color='%23CCB062'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
}

.credit-steps__text {
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    color: #FFFFFF;
}

.credit-steps__item--active .credit-steps__text {
    color: #000000;
}

.credit-steps__item--done .credit-steps__text {
    background: var(--gold-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.credit-content {
    width: 100%;
    margin-bottom: 30px;
}

/* region Credit params */
.credit-params {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

.credit-step .credit-params__sum-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 20px;
    gap: 30px;

    background: #F5F5F5;
    border-radius: 16px;

    width: 100%;

}

.sum-block__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.sum-block__item-title-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: baseline;
}

.sum-block__item-title-wrapper .sum-block__item-hint {
    display: none;
}

.sum-block__item-title {
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    color: #000000;
}

.sum-block__item-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    padding-left: 30px;
    gap: 4px;

    background: #FFFFFF;
    border-radius: 12px;
    border: none;
    width: 100%;

    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    color: #000000;

    outline: none;
}
.sum-block__item-error {
    font-size: 15px;
    line-height: 18px;
    color: #BF4139;
}
.sum-block__item-hint {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.credit-params__select-block,
.input-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: 100%;

}
.input-group{
    margin-top: -5px;
}
.radio-group {
    display: flex;
    gap: 25px;
}

.input-group__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.input-group__item-title {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
}

.input-group__item-input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.input-group__item-input-wrapper .date,
.input-group__item-input-wrapper .select {
    width: 100%;
}

.input-group__item-hint {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.input-group__item-error {
    color: #BF4139;
}

.checkbox-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.checkbox-block__item-hint {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.checkbox-block__item-error {
    color: #BF4139;
}
.checkbox-block__item-input label a{
    text-decoration: underline;
}
.credit-params__button-block {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;

    border-radius: 16px;
    background: #F5F5F5;
}

.button-block__title {
    color: #000;

    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}

.button-block__btn {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 2px solid var(--Gosblue, #0D4CD3);
    background: #FFFFFF;
    cursor: pointer;
}

.button-block__btn-logo {
    min-width: 50px;
    height: 50px;
}

.button-block__btn-text {
    color: var(--Gosblue, #0D4CD3);
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

/* endregion */

/* region Credit common */

.credit-common {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 45px;
    width: 100%;
}

.credit-common__button-block {
    display: flex;
    height: 180px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    margin-top: 40px;
}

.credit-content .btn {
    width: 95%;
    padding: 20px 80px;
}

.credit-common__button-block .btn-step-back {
    border: none;
    background: none;
    cursor: pointer;
}

/* endregion */
.credit-step.credit-sms
{
    margin-bottom: 100px;
    background: #FFFFFF;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.13);
}
.credit-sms__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    gap: 52px;

}

/* Title */
.credit-sms__block-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;

    color: #000000;
}

.credit-sms__block-inputs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.sms-block-inputs__inputs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.sms-input{
    width: calc(100% / 6);
    height: 60px;
    border-radius: 12px;
    border: 2px solid #4A4A4A;
    font-size: 30px;
    text-align: center;
    max-width: 61.33px;
}

.sms-input::-webkit-inner-spin-button,
.sms-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.sms-block-inputs__error {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #BF4139;
}

.sms-block-inputs__inputs--error .sms-input {
    border: 2px solid #BF4139;
}

.credit-sms__block-get-new {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
    color: #808080;
    cursor: pointer;
}
.credit-sms__block-get-new.sms-cooldown{
    cursor: not-allowed;
    text-decoration: none;
}
.app-success{
    display: flex;
    flex-direction: column;
    gap: 52px;
    padding: 56px;
}
.app-success__title{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;

    font-family: Fira Sans, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

/* modal */
#creditAppModal .modal-dialog{
    max-width: 650px;
    margin-top: 30vh;
}

#creditAppModal .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    gap: 32px;
    background: #F5F5F5;
    box-shadow: 0 4px 60px rgba(123, 123, 123, 0.55);
    border-radius: 8px;
    width: 100%;
    max-width: 550px;
}

#creditAppModal .modal-content .credit-modal{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.credit-modal__heading{
    font-family: Fira Sans, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
}

.credit-modal__text{
    font-family: Fira Sans, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
}

.credit-modal-btn {
    border-radius: 0;
    border: none;
    width: 160px;
    height: 50px;
    /* padding-top: 20px; */
    /* padding-right: 34px; */
    /* padding-bottom: 16px; */
    /* padding-left: 67px; */
    gap: 10px;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    white-space: normal;
    background-color: #2c2c2c;
    color: #E2CE89;
    cursor: pointer;
    display: flex;
    align-items: center;
    outline: none;
    justify-content: center;
}
.credit-modal-btn:hover{
    background: linear-gradient(269.87deg, #DBC475 -2.02%, #FCF5BF 26.86%, #CCB062 97.34%);
}
.credit-modal-btn span{
    color: #DBC475;
    background: linear-gradient(180deg, #FFFFC8 5.98%, #97793D 127.3%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.credit-modal-btn:hover span{
    background: unset;
    color: #2C2C2C;
    -webkit-text-fill-color: unset;
}

@media screen and (min-width: 420px){
    .sms-input{
        height: 70px;
    }
    .credit-content .btn{
        width: 350px;
    }
}
@media screen and (min-width: 576px)
{
    .credit-sms__block
    {
        padding: 56px;
    }
    .sms-block-inputs__inputs
    {
        gap: 10px;
    }
    .credit-sms__block-get-new {
        font-size: 20px;
    }
    .sms-input {
        width: 61.33px;
        height: 80px;
        border-radius: 12px;
        border: 2px solid #4A4A4A;
        font-size: 40px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {

    .credit-params {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }

    .credit-params .credit-params__sum-block,
    .credit-params .credit-params__select-block {
        width: calc(50% - 15px);
    }

    .credit-params .credit-params__button-block {
        flex-direction: row;
        gap: 30px;
        align-items: center;
    }

    .button-block__title,
    .button-block__btn {
        width: 50%;
    }

    .credit-params .credit-params__sum-block {
        padding: 50px 20px;
    }

    .wrap {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wrap .input-group__item {
        width: calc(50% - 15px);
    }

    .row-block {
        flex-direction: row;
    }

    .row-block .input-group {
        width: calc(50% - 15px);
    }
}

@media screen and (min-width: 991px) {
    #creditAppModal .modal-dialog{
        max-width: 650px;
        margin-top: 30vh;
    }
    #creditAppModal .modal-content{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 52px 68px;
        gap: 32px;
        background: #F5F5F5;
        box-shadow: 0 4px 60px rgba(123, 123, 123, 0.55);
        border-radius: 8px;
        width: 650px;

    }
    #creditAppModal .modal-content .credit-modal{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 16px;
    }

    .credit-modal__heading{
        font-family: Fira Sans, sans-serif;
        font-weight: 500;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
    }

    .credit-modal__text{
        font-family: Fira Sans, sans-serif;
        font-weight: 400;
        font-size: 19px;
        line-height: 24px;
        text-align: center;
    }

    .credit-modal-btn{
        border-radius: 0;
        border: none;
        width: 186px;
        height: 64px;
        padding-top: 20px;
        padding-right: 80px;
        padding-bottom: 20px;
        padding-left: 80px;
        gap: 10px;

        font-weight: 500;
        font-size: 20px;
        text-transform: uppercase;
        white-space: normal;
        background-color: #2c2c2c;
        color: #E2CE89;
        cursor: pointer;
        display: flex;
        align-items: center;
        outline: none;
    }
    .credit-modal-btn:hover{
        background: linear-gradient(269.87deg, #DBC475 -2.02%, #FCF5BF 26.86%, #CCB062 97.34%);
    }
    .credit-modal-btn span{
        color: #DBC475;
        background: linear-gradient(180deg, #FFFFC8 5.98%, #97793D 127.3%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .credit-modal-btn:hover span{
        background: unset;
        color: #2C2C2C;
        -webkit-text-fill-color: unset;
    }
}

@media screen and (min-width: 1200px) {
    .credit-params .credit-params__sum-block {
        gap: 45px;
        padding: 60px 50px;
        height: 420px;
    }

    .sum-block__item .sum-block__item-hint {
        display: none;
    }

    .sum-block__item-title-wrapper .sum-block__item-hint {
        display: block;
    }

    .credit-params__select-block {
        gap: 50px;
    }

    .input-group {
        gap: 45px 30px;
    }

    .credit-steps__item {
        flex-basis: calc(25% - 20px);
    }

    .wrap{
        gap: 45px 30px;
    }
    .wrap .input-group__item {
        width: calc(100% / 3 - 20px);
    }

    .row-block .input-group {
        width: calc(100% / 3 - 20px);
    }


}




/* End */
/* /local/components/digitalsail/credit/templates/.default/style.css?176604821716956 */