.credit-item{
    margin-bottom:2rem;
    border:1px solid var(--color-gray);
}

.credit-item__image{position:relative;}

.credit-item__title{
    min-height:3.2rem;
}

.credit-item__caption{padding:0 1rem 1rem;}

.credit-item__label{
    font-size:.875rem;
    line-height:1;
}
.credit-item__value{
    font-weight: bold;
    margin-bottom:1rem;
}

.credit-item__calc{
    font-size:1.25rem;
}


.filter-panel__field .title{
    margin-bottom:0;
}
.filter-panel__field .value{
   margin-bottom:2rem; 
}

.bank-logo{
    margin-top:1rem;
    display:inline-block;
    position:relative;
    width:8rem;
    height:3rem;
}

.credit-item__logo{ margin-top:0; position:absolute; top:.5rem; left:.5rem; transform:scale(.6);  transform-origin: 0 0;}
.bank-logo svg{
    max-width: none;
    position:absolute;
    top:0; left:0;
    width:8rem;
    height:3rem;
}
.bank-logo .svg-logo--domrf{width:4rem;}
.bank-logo .svg-logo--tinkoff,.credit-page__logo .svg-logo--raiffeisen, .credit-page__logo .svg-logo--sber{width:10rem;}
.bank-logo .svg-logo--vtb{width:5rem;}
.bank-logo .svg-logo--pochta, .bank-logo .svg-logo--bspb{width:6rem;}
.bank-logo .svg-logo--rosselhoz{width:12rem;}

.credit-page__title{
    font-size:2rem;
    line-height:1;
    margin:0;
}

.credit-content{
    text-align: left;
}

.credit-content ul li{
    margin-bottom:1.5rem;
}
.credit-content h3{
    font-size:1.25rem;
    margin-top:2rem;
    margin-bottom:1rem;
}
.credit-page__picture{margin-left:-1rem; margin-right:-1rem;}
.credit-card{margin:1rem auto; padding:2rem 1rem 1rem; box-shadow: 0px 29px 51px #d8d9dd;}
.credit-card__item{font-weight: 700; margin-bottom:2rem;}
.credit-card__value{font-size: 1.5rem; line-height:1;}
.credit-card__label{font-size:.875rem; line-height:1.5; opacity: .75;}
.credit-card__btn{width:100%;}
#credit-content {position:relative;}
#credit-content .loader{position:absolute; left:0; top:0;}


.modal-body .category-title{
    margin:1rem auto;
    font-size:2rem;
}

.credit-panel__buttons{margin-bottom:2rem;}
.credit-cancel__link{
    font-weight: 500;
}
.credit-cancel__link svg{
    position: relative;
    top:-2px;
    margin-right:.25rem;
}

@media screen and (min-width:48em){
    .credit-item__calc{
        font-size:1.5rem;
    }  
    .credit-page__picture{margin:0;}
}
@media screen and (min-width:63em){
    
.credit-page__title{font-size:3rem;}
.credit-card{margin:2rem auto; padding:2rem 2rem 0; }
.credit-card__btn{width:16rem;}
.credit-card__value{font-size: 1.75rem;}
}