#footerCustomElementContainer {
  width: calc(100% - 2em);
  display: flex;
  margin: 0 1em;
    padding: 1em 0;
  font-family: inherit;
  border-top: 1px solid lightgray;
}
#footerCustomLeftContainer {
  width: 100%;
  display: flex;
  font-size: 0.8em;
  align-items: center;
}
#footerCustomRightContainer {
  width: 100%;
  display: flex;
}

#payment-container {
  gap: 1em;
  display: flex;
  justify-content: right;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.payment-label {
  font-size: 0.8em;
  font-family: inherit;
}

.payment-methods {
  column-gap: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.payment-logo {
  width: 2.5em;
  height: 2.5em;
  border: 0.1em solid #635e58;
  border-radius: 0.5em;
  overflow: clip;
  transition: transform ease 0.25s;
}
.payment-logo:hover {
  transform: translateY(-0.5em);
}

.payment-logo img {
  object-fit: contain;
  object-position: center;
  width: 100%; /* Ensure the image fits within the container */
  height: 100%; /* Ensure the image fits within the container */
}

@media (orientation: portrait) {
  #footerCustomElementContainer {
    flex-direction: column;
    row-gap: 1em;
  }
  #footerCustomLeftContainer {
    justify-content: center;
  }
  #payment-container {
    justify-content: center;
  }
}
