input[type="checkbox"] {
    accent-color: #f5e08c;
}

.footer-a-hover::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 10.5%;
  height: 80%;
  width: 0%;
  background: #fff176;
  transition: width 0.3s ease;
  z-index: -1;
}

.footer-a-hover:hover::before {
  width: 113%;
}

.footer-a-hover {
    color: #2a2a2a !important;
}

.footer-a-hover {
  position: relative;
}

.bg-gray-lighter {
  background-color: transparent !important;
  position: absolute;
  width: 100%;
  height: fit-content;
  z-index: -2;
}

.copyright-new {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20%;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  .footer-mobile {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 !important;
    align-content: center;
  }

  footer .bg-gray-lighter .container .row .col-md-3.col-sm-4.col-xs-12:not(.footer-mobile) {
    flex-direction: column;
    gap: 2rem;
  }

  .copyright-new {
    bottom: -10%;
    width: 100%;
  }

  .mein-account {
    margin-left: -25px;
  }

  .footer-immage {
    height: auto;
    width: 75% !important;
  }

  .img-a-footer {
    display: flex;
    justify-content: center;
  }
}

footer .bg-gray-lighter .container .row .col-md-3.col-sm-4.col-xs-12:not(.footer-mobile) {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 5rem;
}

.footer-immage {
  height: auto;
  width: 100%;
}

footer .bg-gray-lighter .container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

::selection {
    color: black;
    background-color: #fff176;
}