#gpos-installment-main {
  @apply inline-flex flex-wrap w-full gap-6 justify-center flex-col lg:flex-row;
}

#gpos-installment-main .gpos-family {
  @apply w-full lg:w-1/4;
}

#gpos-installment-main .gpos-family .familiy-logo {
  @apply flex w-full justify-center py-5 min-h-[68px] max-h-[68px];
}

#gpos-installment-main .gpos-family .familiy-logo img {
  @apply w-[120px] max-h-[24px] min-h-[24px] object-contain;
}

#gpos-installment-main .gpos-family .head {
  @apply w-full flex items-center py-3 justify-around rounded-t;
}

#gpos-installment-main .gpos-family .head .gpos-number {
  @apply w-1/5;
}

#gpos-installment-main .gpos-family .head .gpos-price {
  @apply w-2/5;
}

#gpos-installment-main .gpos-family .head span {
  @apply w-1/3 text-center text-sm text-slate-200;
}

#gpos-installment-main .gpos-family .rates {
  @apply w-full flex flex-col border border-solid border-slate-200 box-border rounded-b;
}

#gpos-installment-main .gpos-family .rates span.gpos-number {
  @apply w-1/5;
}

#gpos-installment-main .gpos-family .rates span.gpos-price {
  @apply w-2/5;
}

#gpos-installment-main .gpos-family .rates div {
  @apply w-full flex justify-around items-center text-sm py-1;
}

#gpos-installment-main .gpos-family .rates div:nth-child(odd) {
  @apply bg-slate-200;
}

#gpos-installment-main .gpos-family .rates div span {
  @apply text-center;
}

/*
* Single görünüm
*/
#gpos-installment-single-main {
  @apply flex flex-row overflow-auto;
}

#gpos-installment-single-main::-webkit-scrollbar {
  @apply bg-transparent h-[8px];
}

#gpos-installment-single-main::-webkit-scrollbar-track {
  @apply bg-transparent
}

#gpos-installment-single-main::-webkit-scrollbar-thumb {
  @apply bg-slate-300 border rounded
}

#gpos-installment-single-main::-webkit-scrollbar-button {
  @apply hidden;
}

#gpos-installment-single-main .gpos-family .familiy-logo {
  @apply flex w-full justify-center py-5 min-h-[65px];
}

#gpos-installment-single-main .gpos-family .familiy-logo .number {
  @apply text-sm p-5 h-16 max-h-16;
}

#gpos-installment-single-main .gpos-family .familiy-logo img {
  @apply w-[120px] max-h-[24px] object-contain;
}

#gpos-installment-single-main .gpos-family .rates .box {
  @apply p-5 flex flex-col h-16 max-h-16 items-center justify-center text-center text-sm text-slate-200 border border-solid box-border border-gray-100;
}

#gpos-installment-single-main .gpos-family .rates .box .number {
  @apply text-black;
}

#gpos-installment-single-main .amount {
  color: inherit !important;
}