/*
------------------------------------------
UI/UX Styles
 -----------------------------------------
 */
 .banner {
  max-width: 100%;
}

.banner img {
  border-radius: 23px;
  margin-top: 30px;
  max-width: 100%;
  height: auto;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .banner img {
    margin-top: 20px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 480px) {
  .banner img {
    margin-top: 15px;
    border-radius: 12px;
  }
}




.section-expl {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
}

.row-expl {
  width: 100%;
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 11rem;
  max-width: 1050px;
  justify-content: space-between;
}

@media screen and (max-width: 480px) {
  .row-expl {
      gap: 3rem; 
      flex-wrap: nowrap;
  }

  .top-list {
    margin-top: 33px;
  }

}



.row-process {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  max-width: 1050px;
  justify-content: space-between;
}

@media screen and (max-width: 480px) {
  .row-process {
      gap: 3rem; 
  }
}


  .bt-ph {
    max-width: 100%;
    height: 720px;
    border-radius: 64px;
  }

  @media screen and (max-width: 480px) {
    .bt-ph {
      height: auto;
      border-radius: 23px;
    }
  }


  .col-left img,
.col-right img {
    max-width: 100%;
    height: auto;
}