.loan-process-section {
  height: 44rem;
}

.loan-process-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

 .col-lg-3:nth-child(1) .loan-process-div{
    transform: translate(0, 25rem);
}
 .col-lg-3:nth-child(2) .loan-process-div{
    transform: translate(0, 13rem);
}
 .col-lg-3:nth-child(3) .loan-process-div{
    transform: translate(-10px, 20rem);
}
 .col-lg-3:nth-child(4) .loan-process-div{
    transform: translate(-18px, 7rem);
}

.btn-apply {
    margin-top: 30px;
}


@media(max-width:1250px) {
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(9px, 25rem);
  }
   .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(0, 13rem);
  }
   .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(-12px, 20rem);
  }
   .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(-22px, 6.5rem);
  }
}

@media(max-width:1199px) {
  .loan-process-bg {
    height: 82%;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(0, 20rem);
  }
   .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(0, 9.5rem);
  }
   .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(-8px, 16rem);
  }
   .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(-1rem, 4rem);
  }
  .loan-process-div p {
    font-size: 15px;
    line-height: 1.5;
  }
  .btn-apply {
    margin-top: -10%;
  }
}

@media (max-width: 991px){
  .loan-process-bg {
    height: 65%;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-3px, 16rem);
  }
   .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(0, 8rem);
  }
   .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(-8px, 12.5rem);
  }
   .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(-12px, 3.5rem);
  }
  .loan-process-div h4 {
    font-size: 18px;
  }
  .loan-process-icon img {
    height: 35px;
  }
  .btn-apply {
    margin-top: -30%;
  }
}

@media (max-width: 767px) {
   .loan-process-row {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
 .loan-process-div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  .loan-process-bg-mob {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 483px;
    width: 372px;
    z-index: 1;
  }
  .process-content h4 {
    font-size: 24px;
  }
  .process-content p {
    font-size: 20px;
    line-height: 28px;
  }
 .loan-process-div{
    display: flex;
    align-items: center;
  }
  .loan-process-icon img {
    height: 45px;
  }
  .col-lg-3:nth-child(even) .process-content{
    text-align: start;
  }
  .col-lg-3:nth-child(odd) .process-content{
    text-align: end;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-77px, -6.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(26px, -6.5rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(-34px, -7rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(69px, -7rem);
  }
  .btn-apply {
    margin-top: -25%;
  }
}

@media (max-width: 650px) {
  .process-content h4 {
    font-size: 22px;
  }
  .process-content p {
    font-size: 17px;
    line-height: 25px;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-42px, -7.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(-12px, -7rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(3px, -7rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(36px, -6.5rem);
  }
  .btn-apply {
    margin-top: -30%;
  }
}

@media (max-width: 575px) {
  .process-content {
    max-width: 48%;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-59px, -7.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(10px, -7rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(-15px, -7rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(51px, -6.5rem);
  }
  .btn-apply {
    margin-top: -30%;
  }
}

@media (max-width: 490px) {
  .process-content p {
    font-size: 15px;
    line-height: 20px;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-32px, -8.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(-20px, -7.5rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(11px, -6.5rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(26px, -5.5rem);
  }
  .btn-apply {
    margin-top: -40%;
  }
}

@media (max-width: 400px) {
  .process-content p {
    font-size: 14px;
    line-height: 20px;
  }
  .btn-apply {
    margin-top: -50%;
  }
}

@media (max-width: 382px) {
  .process-content h4 {
      font-size: 20px;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-14px, -8.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(-34px, -7.5rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(25px, -6.5rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(9px, -5.5rem);
  }
  .btn-apply {
      margin-top: -52%
  }
}

@media (max-width: 376px) {
  .process-content {
    max-width: 56%;
  }
}

@media (max-width: 338px) {
  .process-content {
    max-width: 60%;
  }
  .col-lg-3:nth-child(1) .loan-process-div {
    transform: translate(-28px, -8.5rem);
  }
  .col-lg-3:nth-child(2) .loan-process-div {
    transform: translate(-19px, -7.5rem);
  }
  .col-lg-3:nth-child(3) .loan-process-div {
    transform: translate(7px, -6.5rem);
  }
  .col-lg-3:nth-child(4) .loan-process-div {
    transform: translate(24px, -5.5rem);
  }
}