/* :root {
    --color-background: 41, 37, 32;
    --color-foreground: 255, 255, 255;
} */

/* .topbar-section {
    display: none;
}

.footer-group>div:first-child {
    display: none;
} */

.header-transparent + .custom-page > .new-home-banner:first-child {
  height: calc(100vh - 56px);
}

.custom-page {
  padding-top: 0;
  position: relative;
  z-index: 0;
}

.homepage-container {
  display: flex;
  flex-direction: column;
}

/* .homepage-container .chritsmas-btn:nth-child(4) {
  order: 1;
}

.homepage-container .chritsmas-btn:nth-child(2) {
  order: 2;
}

.homepage-container .christmas-btn:nth-child(2) {
  order: 2;
}

.homepage-container .chritsmas-btn:first-child {
  order: 3;
}

.homepage-container .chritsmas-btn:nth-child(5) {
  order: 4;
} */

/* 
.new-home-bottom-space{
 padding-bottom: inherit;
 display: block;
 content: "";
 position: relative;
 height: 1000px;
 background-color: rgba(var(--color-background));
 z-index: 999;
} */

/* .footer-container {
    z-index: 1;
    position: relative;
  } */

@media (max-width: 1535px) {
  .header-transparent + .custom-page > .new-home-banner:first-child {
    height: calc(100vh - 48px);
  }
}
.new-home-banner div:empty {
  display: block;
  z-index: -2;
  background-size: 100% !important;
}

@media (max-width: 767px) {
  .custom-page {
    padding-bottom: 0;
  }
  .new-home-banner div:empty {
    background-size: cover !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .new-home-banner div:empty {
    background-size: cover !important;
  }
}

/* ************************************************************************** */
.bg-barys-X {
  background-image: url("https://media.barsys.com/images/public/new-banner-bg.jpg");
}

.home-banner-lists {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 10px 4%;
}

.home-banner-wrapper .home-banner-content p b {
  font-weight: 600;
}

.home-banner-wrapper .home-banner-content div.text-xl {
  max-width: 700px;
  font-weight: 500;
}

.home-banner-wrapper .home-banner-content div.text-xl p {
  font-weight: inherit;
}

@media (max-width: 767px) {
  .home-banner-wrapper .home-banner-btns {
    width: 100%;
    justify-content: flex-start;
  }
  .defult-banner.new-home-banner div:empty {
    background-size: 100% !important;
  }
}

.defult-banner {
  order: 0;
}

.defult-banner + div {
  order: -1;
}