.product-banner{
  background: url(/assets/img/images/product/product-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.custom-box {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
}

.custom-box img {
  width: 100%;
  height: auto;
  z-index: 99;
  position: relative;
}

.loanmanagementcard {
  position: absolute;
  top: 17%;
  right: 14%;
  box-shadow: 2px 2px 15.4px 1px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 1);
  padding: 31px;
  z-index: 2;
  border-radius: 12px;
  width: 48%;
}
.custom-box::after {
  content: "";
  position: absolute;
  top: 92%;
  left: 85%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 36%;
  background: rgba(44, 126, 187, 1);
  z-index: 0;
  border-radius: 8px;
}
#solution {
  background-image: url(/assets/img/images/product/loanmanagement/key-feauture.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#solution .w-100.text-center h5 {
  font-size: 1.5rem;
  color: white;
}

.solution-card {
  background: rgba(255, 255, 255, 1);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 2px 2px 15.4px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.solution-card-title {
  color: var(--Blue, rgba(44, 126, 187, 1));
  font-size: 29px;
  margin-bottom: 10px;
}

.solution-card-description {
  color: rgba(99, 99, 99, 1);
  font-size: 16px;
  margin-bottom: 15px;
}

.icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .solution-card {
    padding: 15px;
  }

  .solution-card-title {
    font-size: 1rem;
  }

  .solution-card-description {
    font-size: 0.875rem;
  }

  .icon {
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 999px) and (max-width: 1024px) {
  .loanmanagementcard {
    width: 60%;
  }
}

.loanmanagementcard {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  background-color: white;
}

.our-products-title{
  white-space: nowrap;
}
@media (max-width: 768px) {
  .custom-box {
    width: 100% !important;
  }
  .loanmanagementcard {
    position: unset;
    top: 17%;
    right: 14%;
    box-shadow: 2px 2px 15.4px 1px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 1);
    padding: 31px;
    z-index: 2;
    width: 100%;
    border-radius: inherit !important;
  }

  .custom-box::after {
    content: "";
    display: none;
  }
  .loanmanagementcard-col {
    width: 100% !important;
  }
  #solution {
    background-repeat: repeat !important;
    background-position: center !important;
  }
  .custom-margin{   
     margin-top: 3rem !important;
    margin-bottom: 3rem !important;

  }
}

@media (max-width:576px) {
  .our-products-title {
    white-space: normal !important;
  }
}

.custom-box::after {
  content: "";
  position: absolute;
  top: 92%;
  left: 85%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 36%;
  background: rgba(44, 126, 187, 1);
  z-index: 0;
  border-radius: 8px;
}

.mb-4 {
  margin-bottom: 20px;
}

#workflow {
  background: var(--Color-3, rgba(213, 235, 255, 1));
}

.custom-border {
  border-top: 1.5px solid rgba(138, 189, 224, 1);
  border-bottom: 1.5px solid rgba(138, 189, 224, 1);
}

.custom-border h5 {
  color: var(--Blue, rgba(44, 126, 187, 1));
  font-size: 20px;
}

.custom-border p {
  color: var(--Color, rgba(99, 99, 99, 1));
  font-size: 16px;
  margin-bottom: 0;
}
.custom-border {
  position: relative;
}
.custom-border::before {
  content: "";
  background-image: url("/assets/img/images/product/loanmanagement/Vector.svg");
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  left: 0%;
  top: -8%;
}


.accordion-button::after {
  background-image: url(/assets/img/icons/plus.svg) !important;
  background-size: 25px!important;
  width: 30px !important;
  height: 25px !important;
}

.blue-banner-card{
  background: url(/assets/img/images/blue-banner-card.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
}

/* .accordion-button:not(.collapsed)::after {
  background-image: url(/assets/img/icons/minus.svg)!important;
} */