/* Add custom CSS styles below */ 
/*cat*/
 .g_cat .grid-cols-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/* end cat*/
/**/
.banner_ad {
    max-height: 100% !important;
}
/*footer */

.copyright-text p {

    color: #fff !important;
}

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


.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;
}


/****/
[lang="en"] .landing-page-first-banner  .item-text h1 {
    text-align: start !important;
}
[lang="en"] .customerreview-11 {
    display: none;
}
@media(max-width:768px) {
.landing-page-first-banner .item-text {
    max-width: 180px !important;
}

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

  
}

/***********************************/
/* pop up */
/* Animation keyframes for zoom-in effect */
@keyframes zoomIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* Styles for overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Styles for popup container */
.popup-container {
  z-index: 101;
  animation: zoomIn 1s ease forwards;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Styles for popup header */
.popup-header {
  display: flex;
  justify-content: flex-end;
}

/* Styles for close button */
#closeButton {
  background: none;
  border: none;
  font-size: 36px;
  cursor: pointer;
  color: white;
  position: absolute;
  top: -30px;
  left: -25px;
}

.popup-content img {
  max-width:600px;
  width: 350px;
}

@media(max-width:767px){
.popup-content img {
max-width:300px
}
}