/* Add custom CSS styles below */
section:nth-child(1 of .landing-page-first-banner) .item-text {
  max-width: 100% !important;
  padding: 30px 50px;
  background: #00000094;
  width: 60% !important;
  border-radius: 20px;
}
.landing-page-first-banner .txt {
  margin-left: 2rem;
}

section:nth-child(2 of .landing-page-first-banner) .item-text h1 {
  width: 70% !important;
}

/*footer */

.copyright-text p {
  color: #fff !important;
}

.copyright-text a:hover {
  color: #fff !important;
}

.store-footer .container > div > img {
  filter: brightness(0);
}
.s-payments-list-item img {
  object-fit: cover;
  background: #ffffff !important;

  height: unset;
}

.s-payments-list-item:nth-of-type(3) img {
  padding: 12px 5px !important;
}

/****/
@media (max-width: 768px) {
  .landing-page-first-banner .item-text {
    max-width: 180px !important;
  }

  .landing-page-first-banner .txt {
    margin-left: 0rem;
  }

  section:nth-child(1 of .landing-page-first-banner) .item-text {
    width: 100% !important;
  }

  /***mobile **/
  section:nth-child(2 of .landing-page-first-banner) .item-text {
    padding: 2rem 0;
    position: absolute;
    bottom: 0;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  section:nth-child(2 of .landing-page-first-banner) .item-text h1 {
    width: 100% !important;
  }

  .landing-page-first-banner .item-text h1 {
    font-size: 16px !important;
  }
  .landing-page-first-banner .item-text > img {
    width: 100px !important ;
  }

  /*cat*/
  .g_cat .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  /* end cat*/
}