/* ================= CONTAINER ================= */
.paymnet-j1{
  width:100%;
  background:#008495;
  padding:28px 0;
}

.paymnet-j2{
  width:96%;
  max-width:1200px;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}

/* ================= TITLE ================= */
.paymnet-j3{
  color:#cbd5f5;
  font-size:14px;
  letter-spacing:0.8px;
}

/* ================= LOGO GRID ================= */
.paymnet-j4{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
  width:100%;
  align-items:center;
}

/* ================= LOGO CARD ================= */
.paymnet-j5{
  background:#ffffff;
  border-radius:10px;
  padding:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:0.3s ease;
}

.paymnet-j5 img{
  max-width:100%;
  height:32px;
  object-fit:contain;
}

.paymnet-j5:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 25px rgba(0,0,0,0.25);
}

/* ================= MEDIA QUERIES ================= */

/* Large laptops */
@media (max-width:1200px){
  .paymnet-j4{
    grid-template-columns:repeat(5,1fr);
  }
}

/* Tablets */
@media (max-width:992px){
  .paymnet-j4{
    grid-template-columns:repeat(4,1fr);
    gap:18px;
  }
}

/* Small tablets */
@media (max-width:768px){
  .paymnet-j4{
    grid-template-columns:repeat(3,1fr);
  }
  .paymnet-j5 img{
    height:30px;
  }
}

/* Large mobiles */
@media (max-width:576px){
  .paymnet-j4{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
  .paymnet-j3{
    font-size:13px;
    text-align:center;
  }
}

/* Small mobiles */
@media (max-width:420px){
  .paymnet-j5{
    padding:8px;
  }
  .paymnet-j5 img{
    height:26px;
  }
}

/* Extra small devices */
@media (max-width:360px){
  .paymnet-j4{
    gap:12px;
  }
}