/* #### Pages Styles #### */
.main-page-pd-el {
  padding-top: calc(var(--df-margin-unit) * 1.5) !important;
}

/* ## HOMEPAGE ## */
.default-slider .banner-area-items {
  overflow: hidden;
}

.default-slider.auto-max-height {
  max-height: 600px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.default-slider.auto-max-height.has-loading-after::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--sub-header-bg-color);
  z-index: 10;
}

.default-slider.auto-max-height.has-loading-after::after {
  z-index: 11;
}

.default-slider.auto-max-height.ready {
  max-height: 200vh;
}

.default-slider.auto-max-height .item > img {
  object-fit: cover;
}

.default-slider.auto-max-height .single-banner-image {
  display: none;
}

@media (width >= 992px) {
  .single-banner-image.size-desktop {
    display: inline-block !important;
  }
}

@media (width >= 620px) and (width <= 991px) {
  .single-banner-image.size-tablet {
    display: inline-block !important;
  }
}

@media (width >= 410px) and (width <= 619px) {
  .single-banner-image.size-mobile {
    display: inline-block !important;
  }
}

@media (width <= 409px) {
  .single-banner-image.size-mobile-xs {
    display: inline-block !important;
  }
}

.home-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.home-hero::before,
.home-hero::after,
.home-cta-1::before,
.home-cta-1::after,
.home-benefits-section::before,
.home-benefits-section::after,
.home-cta-2::before,
.home-cta-2::after {
  content: "";
  background: url("../img/hero-coins-card-dec-xl.avif") no-repeat center
    center / cover;
  background-image: image-set(
    url("../img/hero-coins-card-dec-xl.avif") 1x,
    url("../img/hero-coins-card-dec-xl.webp") 1x
  );
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: ease_zoom 14s ease infinite;
  z-index: 1;
}

.home-hero::after {
  background-image: url("../img/hero-dices-card-dec-xl.avif");
  background-image: image-set(
    url("../img/hero-dices-card-dec-xl.avif") 1x,
    url("../img/hero-dices-card-dec-xl.webp") 1x
  );
  background-size: 100% auto;
  background-position: center bottom;
  animation-delay: 0.8s;
}

@keyframes ease_zoom {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.home-hero .container {
  position: relative;
  z-index: 2;
}

@media (width <= 992px) {
  .home-hero {
    background-attachment: scroll;
  }

  .home-hero::before {
    background-image: url("../img/hero-img-sm.avif");
    background-image: image-set(
      url("../img/hero-img-sm.avif") 1x,
      url("../img/hero-img-sm.webp") 1x
    );
    background-size: 100% auto;
    background-position: center top 1rem;
    opacity: 0.5;
  }

  .home-hero::after {
    display: none;
  }

  .home-hero .wp-block-columns {
    justify-content: center;
  }

  .home-hero .prize-box {
    margin-top: 3rem;
    margin-bottom: 4rem;
  }

  .home-hero .page-title {
    margin-bottom: 2rem;
  }
}

@media (width <= 600px) {
  .home-hero::before {
    opacity: 1;
  }
}

@media (width <= 360px) {
  .home-hero::before {
    background-position: center top -3rem;
  }

  .home-hero .prize-box {
    margin-bottom: 3rem;
  }
}

.has-side-coins-dec {
  background-image: url("../img/side-coins-dec.avif");
  background-image: image-set(
    url("../img/side-coins-dec.avif") 1x,
    url("../img/side-coins-dec.webp") 1x
  );
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

@media (width <= 1400px) {
  .has-side-coins-dec {
    background-size: 1576px auto;
  }
}

@media (width <= 992px) {
  .has-side-coins-dec {
    background-image: none;
  }
}

.intro-banner-row {
  background: radial-gradient(
    273.45% 2296.59% at 50.69% 61.58%,
    #b7a162 0%,
    #c2af6f 11.97%,
    #d3bd82 27.63%,
    #deca90 50.96%,
    #e4dab2 62.98%,
    #cabb99 82.67%,
    #b6a985 100%
  );
  padding: 2rem var(--df-column-gap);
}

.intro-banner-row .wp-block-column {
  margin: 0;
  padding-top: var(--df-column-gap) !important;
}

.intro-banner-row img {
  margin: 0;
}

.intro-banner-row figure {
  margin: 0 !important;
  padding: 0 !important;
}

.front .intro-banner-row figure {
  display: contents;
}

@media (width <= 992px) {
  .intro-banner-row .wp-block-column {
    margin: 0;
    padding-top: var(--df-column-gap) !important;
    padding-bottom: 0 !important;
  }

  .intro-banner-row .wp-block-column:last-child {
    padding-bottom: var(--df-column-gap) !important;
  }
}

.game-facilities-box {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.game-facility-icn {
  width: 12rem;
}

.game-facility-icn + .h5 {
  margin-top: 1rem;
}

@media (width <= 992px) {
  .game-facility-icn {
    width: 7rem;
  }

  .game-facilities-box .wp-block-column:nth-child(n + 3) .game-facility-icn {
    margin-top: var(--df-margin-unit);
  }
}

.home-cta-1 {
  position: relative;
  background: var(--dark-bg-color) url("../img/cta-bg-1.webp") no-repeat center
    center / cover;
  background-attachment: fixed;
}

.home-cta-1::before,
.home-cta-2::before,
.home-benefits-section::before {
  background-image: url("../img/cta-dec-left-1-xl.avif");
  background-image: image-set(
    url("../img/cta-dec-left-1-xl.avif") 1x,
    url("../img/cta-dec-left-1-xl.webp") 1x
  );
  background-size: auto 100%;
  background-position: left -10rem center;
  animation: none;
}

.home-cta-1::after,
.home-cta-2::after,
.home-benefits-section::after {
  background-image: url("../img/cta-dec-right-1-xl.avif");
  background-image: image-set(
    url("../img/cta-dec-right-1-xl.avif") 1x,
    url("../img/cta-dec-right-1-xl.webp") 1x
  );
  background-size: auto 100%;
  background-position: right -10rem center;
  animation: none;
}

.home-cta-1 .cta-1-dec-icn {
  width: 31rem;
  margin-bottom: 1rem;
}

.home-cta-1 .wp-block-columns,
.home-cta-2 .wp-block-columns {
  z-index: 3;
}

@media (width <= 1460px) and (width >= 992px) {
  .home-cta-1::before {
    background-position: left -27rem center;
  }

  .home-cta-1::after {
    background-position: right -27rem center;
  }
}

@media (width <= 992px) {
  .home-cta-1 {
    background-attachment: scroll;
  }

  .home-cta-1 .cta-1-dec-icn {
    width: 18rem;
  }
}

@media (width <= 768px) {
  .home-cta-1::before {
    background-position: left -26rem center;
    opacity: 0.6;
  }

  .home-cta-1::after {
    background-position: right -28rem center;
    opacity: 0.6;
  }
}

.home-benefits-section {
  position: relative;
  background: var(--dark-bg-color) url("../img/benefits-dark-bg.webp") no-repeat
    center center / cover;
  background-attachment: fixed;
}

.home-benefits-section::before {
  background-image: url("../img/coins-alt-dec-l-xl.webp");
  background-attachment: fixed;
}

.home-benefits-section::after {
  background-image: url("../img/coins-alt-dec-r-xl.webp");
  background-attachment: fixed;
}

.featured-diamonds-images {
  margin: 2rem 0;
}

@media (width <= 1400px) {
  .home-benefits-section::before {
    background-position: left -22rem center;
  }

  .home-benefits-section::after {
    background-position: right -22rem center;
  }
}

@media (width <= 1200px) {
  .home-benefits-section::before {
    background-position: left -25rem center;
  }

  .home-benefits-section::after {
    background-position: right -30rem center;
  }
}

@media (width <= 992px) {
  .home-benefits-section {
    background-position: left center;
    background-attachment: scroll;
  }

  .home-benefits-section::before,
  .home-benefits-section::after {
    display: none;
  }

  .featured-diamonds-images {
    margin-bottom: 4rem;
  }

  .featured-diamonds-images img {
    transform: scale(1.05);
  }
}

.box.restaurant-box {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
}

.restaurant-box .scrollable-on-mobile {
  --scrollable-column-width: 55%;
}

.faq-symbol-icn {
  width: 10rem;
}

.faq-dec-icn {
  width: 15rem;
}

.faq-section-title {
  white-space: nowrap;
}

@media (width <= 992px) {
  .faq-symbol-icn {
    width: 7rem;
  }
}

.home-cta-2 {
  position: relative;
  background: var(--dark-bg-color) url("../img/cta-bg-2.avif") no-repeat center
    bottom / cover;
  background-image: image-set(
    url("../img/cta-bg-2.avif") 1x,
    url("../img/cta-bg-2.webp") 1x
  );
  background-attachment: fixed;
}

.home-cta-2::before {
  background-image: url("../img/coins-cards-dices-dec-l-xl.avif");
  background-image: image-set(
    url("../img/coins-cards-dices-dec-l-xl.avif") 1x,
    url("../img/coins-cards-dices-dec-l-xl.webp") 1x
  );
}

.home-cta-2::after {
  background-image: url("../img/coins-cards-dices-dec-r-xl.avif");
  background-image: image-set(
    url("../img/coins-cards-dices-dec-r-xl.avif") 1x,
    url("../img/coins-cards-dices-dec-r-xl.webp") 1x
  );
}

.home-cta-2-prize-box {
  transform: scale(0.8) translateY(-6rem);
  margin-bottom: -8rem;
}

@media (width <= 992px) {
  .home-cta-2 {
    background-attachment: scroll;
  }

  .home-cta-2-prize-box {
    transform: scale(0.8) translateY(-9rem);
    margin-bottom: -14rem;
  }
}

@media (width <= 768px) {
  .home-cta-2::before {
    background-position: left -26rem center;
    opacity: 0.5;
  }

  .home-cta-2::after {
    background-position: right -26rem center;
    opacity: 0.5;
  }
}

/* ## REWARDS MODAL ## */
.modal-body .modal-inner h2 {
  --df-margin-unit: 1rem;
}

.modal-body .modal-inner .bottom-cta-call {
  --df-padding: 3rem;
}

@media (width <= 992px) {
  .modal-body .modal-inner .heading-box {
    text-align: center;
  }

  .modal-body .modal-inner h2 {
    margin-top: -0.8rem;
  }
}

/* ## BLOG ## */
.wp-block-post-featured-image img {
  object-fit: cover;
  max-height: 55rem;
  border: 1px solid rgb(0 0 0 / 5%);
}

.single-post .page-content a,
.single-news .page-content a,
.single-campaign .page-content a {
  color: var(--highlight-color-alt-3);
  text-decoration: underline;
}

.single-post .page-content a:is(:hover, :focus),
.single-news .page-content a:is(:hover, :focus),
.single-campaign .page-content a:is(:hover, :focus) {
  color: var(--highlight-color-alt-3-hover);
}

/* ## FAQ ## */
.arquive-faq .sub-header {
  text-align: center;
}