.home-working-process .card:hover {
   background: radial-gradient(circle at right top, #f7e3e4 20%, #2e31922e 38%, #cf585d33 66%);

}

.home-working-process .card:hover .card-body h4 {
   color: #000;
}

.feature-section .card.card--custom {
   background: white;
   padding: 36px;
   border-radius: 16px;
   border: none;
   border: 1px solid #ddd;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 0;
}

.feature-section .card.card--custom:after {
   content: "";
   position: absolute;
   max-width: calc(100% - 20px);
   max-height: calc(100% - 20px);
   background: #91978e1c;
   border-radius: 16px;
   width: 100%;
   height: 100%;
   transition: all 0.35s ease-in-out;
   z-index: -3;
}

.feature-section .card.card--custom:hover:after {
   background-color: #e0e2f0;
}


.submitForm1 {
   padding: 25px;
   border-radius: 20px;
}

@media screen and (max-width:580px) {
   .tabs .nav-tabs .nav-item {
      width: 100%;
   }

}


#slider {
   background-color: #2d3192;
}

#slider:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: top right;
   height: 100%;
   background-image: url(../images/resource/home-1.jpg);
}

@media screen and (max-width:992px) {
   #slider:before {
      display: none;
   }


   #slider {
      background-color: #2d3192;
   }
}

.personal-loan-section1 .image img {
   position: absolute;
   top: -16px;
   right: -10%;
   background-position: right;
   background-size: cover;
   width: 864px;
}

@media screen and (max-width:1440px) and (min-width:992px) {
   .personal-loan-section1 .image img {
      width: 50%;
      right: 0;
      top: 108px;


   }
}

@media screen and (max-width:992px) {
   .personal-loan-section1 .image img {
      position: relative;
      top: 0;
   }
}

/* Loan amount slider */
.loan-inline-text {
    display: inline !important;
    max-width: 150px !important;
    padding: 0 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    height: 36px;
    color: #2f3192;
    border: none;
    border-bottom: 1px dotted #ced4da;
    border-radius: 0;
    text-align: center;
}

@media screen and (max-width:767px) {
   .loan-inline-text {
      max-width: 100px !important;
      font-size: 24px !important;
      height: 30px;
   }
}

.loan-inline-group input::placeholder {
    font-weight: 400;
    font-size: 1.2rem !important;
    opacity: 0.8;
    color: #ed940d;
}

.form-control.loan-inline-text:focus {
    box-shadow: none !important;
    border-bottom: 1px dotted #ced4da;
}

.form-group.loan-inline-group.validate input,
.form-group.loan-inline-group.validate input:focus {
    border-color: #FFF !important;
    box-shadow: none !important;
    color: #65ad65;
}