.component__lending-banner{
  margin-bottom:60px;
  margin-top:10px;
}
@media screen and (min-width:992px){
  .component__lending-banner{
    margin-bottom:80px;
    margin-top:14px;
  }
}
@media screen and (min-width:1200px){
  .component__lending-banner{
    margin-bottom:100px;
  }
}

.lending-banner{
  border:1px solid #e0eaf7;
  border-radius:.625rem;
  height:650px;
  position:relative;
}
@media screen and (min-width:992px){
  .lending-banner{
    height:600px;
  }
}

.lending-banner__image{
  background-image:var(--lending-banner-mobile-image, var(--lending-banner-image));
  background-position-x:90%;
  background-repeat:no-repeat;
  background-size:cover;
  border-bottom-left-radius:.625rem;
  border-bottom-right-radius:.625rem;
  bottom:0;
  height:50%;
  position:absolute;
  width:100%;
  z-index:-1;
}
.lending-banner__image:before{
  background:linear-gradient(180deg, #fff 0, hsla(0,0%,100%,0));
  content:"";
  height:20%;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
@media screen and (min-width:992px){
  .lending-banner__image{
    background-image:var(--lending-banner-image);
    border-radius:.625rem;
    bottom:auto;
    height:100%;
  }
  .lending-banner__image:before{
    display:none;
  }
}
@media screen and (min-width:1200px){
  .lending-banner__image{
    background-position:top;
    background-position-x:80%;
  }
}
@media screen and (min-width:1400px){
  .lending-banner__image{
    background-position:top;
    background-position-x:100%;
  }
}

.lending-banner__content{
  height:100%;
}

.lending-banner__text-block{
  color:#252525;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
  padding:1.25rem;
}
@media screen and (min-width:992px){
  .lending-banner__text-block{
    padding:1.5rem;
    width:70%;
  }
}
@media screen and (min-width:1200px){
  .lending-banner__text-block{
    padding:2.5rem;
    width:70%;
  }
}

.lending-banner__title{
  color:#001b70;
  font-size:1.5rem;
  font-weight:500;
  line-height:112%;
  margin:0 0 1rem;
}
@media screen and (min-width:992px){
  .lending-banner__title{
    font-size:2rem;
  }
}
@media screen and (min-width:1200px){
  .lending-banner__title{
    font-size:3rem;
    margin-bottom:2rem;
  }
}

.lending-banner__preview-description{
  color:#001b70;
  font-size:16px;
  margin-bottom:.5rem;
}
@media screen and (min-width:992px){
  .lending-banner__preview-description{
    font-size:22px;
  }
}

.lending-banner__btn .component-button{
  margin:1rem 0;
  width:auto;
}
@media screen and (min-width:768px){
  .lending-banner__btn .component-button{
    margin:initial;
  }
}

.lending-banner__btn .component-button__item{
  width:auto;
}

.lending-banner__btn--orange .component-button__item{
  background-color:#f60;
  border-color:#f60;
  color:#fff;
}
.lending-banner__btn--orange .component-button__item:hover{
  background-color:#fff;
  border-color:#f60;
  color:#f60;
}