/***********************************************custom***********************************************/
.abel-center p {
  text-align: center;
}
.abel-faq-last-border .uagb-faq-item:last-child {
  border-bottom: unset;
}
.abel-box-shadow {
  box-shadow: var(--box-shadow) !important;
}
.abel-ltr {
  direction: ltr;
}
/***********************************************custom*/
#abel_popup {
  display: none;
  position: fixed;
  inset: 0;

  background: rgb(0, 0, 0, 0.1);

  justify-content: center;
  align-items: center;
  z-index: 999;
}

#abel_popup.show {
  display: flex;
}
#abel_popup > div {
  max-width: 400px;
  background: linear-gradient(45deg, rgba(182, 149, 103, 0.8), rgba(194, 163, 96, 0.8));
  border-radius: var(--border-radius-l);
  box-shadow: var(--box-shadow);
  padding: 10px;
  margin: 20px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#abel_popup > div > div {
  max-height: 60vh;
  overflow-y: scroll;
  border: 1px solid #fff;
  border-radius: var(--border-radius-m);
  padding: 15px;
}
#abel_popup a {
  display: block;
  color: #fff;
  text-align: center;
}
#abel_popup hr {
  margin: 0.5rem auto;
  width: 50%;
  opacity: 0.7;
  background-color: #fff;
}
/*text*/
.abel-justify p {
  text-align: justify;
}
.abel-left p,
.abel-left > div {
  text-align: left;
}
.abel-image-inline p img {
  max-width: 80px;
  height: auto;
  vertical-align: bottom;
}
/*icon*/
.abel-rtl-icon .uagb-button__icon {
  transform: scaleX(-1);
}
/*outline*/
.abel-outline .uagb-heading-text {
  -webkit-text-stroke: 2px #fff;
  color: hsla(0, 0%, 0%, 0.5) !important;
  paint-order: stroke fill;
  letter-spacing: -10px;
}
/*shimmer*/
.abel-shimmer-text .uagb-heading-text {
  background: linear-gradient(135deg, var(--white), var(--gold-dark), var(--white));
  background-position: 0% 0%;
  background-size: 200% 200%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: shimmer 7s ease-in-out infinite;
}

@keyframes shimmer {
  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}
/*horizontal scroll*/
@media (max-width: 922px) {
  .abel-h-scroll,
  .abel-h-scroll-products {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    overflow-x: auto !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding-right: calc(50vw - 50%) !important;
    padding-left: calc(50vw - 50%) !important;
    width: 100vw !important;
    max-width: unset !important;
  }
  .abel-h-scroll > div.abel1 {
    flex: 0 0 auto !important;
    max-width: 80vw !important;
  }
  .abel-h-scroll > div.abel2 {
    flex: 1 0 40vw;
  }
  ul.abel-h-scroll-products > li {
    flex: 1 0 26vw;
  }
}
@media (max-width: 600px) {
  ul.abel-h-scroll-products > li {
    flex: 1 0 37vw;
  }
}