.elementor-12 .elementor-element.elementor-element-1d4d00c{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-repeater-item-c357f38 .swiper-slide-bg{background-color:var( --e-global-color-primary );background-image:url(https://play24games.com/wp-content/uploads/2026/01/meta-quest-games-scaled.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-repeater-item-666ba2a .swiper-slide-bg{background-color:var( --e-global-color-primary );background-image:url(https://play24games.com/wp-content/uploads/2026/01/Bakery-Supermarket-Simulator-VR_4.webp);background-size:cover;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide{transition-duration:calc(3000ms*1.2);height:500px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-button{background-color:var( --e-global-color-blocksy_palette_2 );font-size:20px;border-width:0px;border-radius:0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-button:hover{background-color:#B82227;}.elementor-12 .elementor-element.elementor-element-4d15d6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-4d15d6c{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-4d15d6c{right:0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-contents{max-width:30%;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-inner{padding:0px 0px 70px 200px;text-align:start;}.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-heading{color:var( --e-global-color-blocksy_palette_5 );font-family:"Roboto", Sans-serif;font-size:40px;font-weight:400;line-height:45px;word-spacing:0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;height:10px;width:10px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-pagination-fraction{font-size:10px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#4C4A4A;opacity:1;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-pagination-bullet-active{background-color:var( --e-global-color-blocksy_palette_1 );}.elementor-12 .elementor-element.elementor-element-1e7a06a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-1e7a06a:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-1e7a06a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-8cba0e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-8cba0e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-138fe10 .elementor-heading-title{color:#0073CA;}.elementor-12 .elementor-element.elementor-element-5719939 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;}.elementor-12 .elementor-element.elementor-element-6d26425{font-family:"Roboto", Sans-serif;font-weight:300;color:#9B9B9B;}.elementor-12 .elementor-element.elementor-element-523ed4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-523ed4d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-3cece74.elementor-element{--order:-99999 /* order start hack */;}.elementor-12 .elementor-element.elementor-element-3cece74{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:300;}.elementor-12 .elementor-element.elementor-element-981db3a{--display:flex;}.elementor-12 .elementor-element.elementor-element-92a131b{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-12 .elementor-element.elementor-element-92a131b:after{content:"0.66";}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__thumbnail__link{width:100%;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__meta-data span + span:before{content:"•";}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__card{border-width:0px;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__text{margin-top:20px;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__badge{right:0;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-12 .elementor-element.elementor-element-24aef99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-contents{max-width:70%;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-inner{padding:0px 0px 70px 70px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-1d4d00c{--width:100%;}.elementor-12 .elementor-element.elementor-element-8cba0e2{--width:30%;}.elementor-12 .elementor-element.elementor-element-523ed4d{--width:70%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-1d4d00c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-contents{max-width:80%;}.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide-inner{padding:0px 0px 70px 20px;}.elementor-12 .elementor-element.elementor-element-1e7a06a{--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12 .elementor-element.elementor-element-92a131b:after{content:"0.5";}.elementor-12 .elementor-element.elementor-element-92a131b .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for slides, class: .elementor-element-4d15d6c *//* Ensure slider wrapper can hold overlay */
.elementor-12 .elementor-element.elementor-element-4d15d6c {
  position: relative;
  overflow: hidden;
}

/* Put gradient on the slide background layer (behind content) */
.elementor-12 .elementor-element.elementor-element-4d15d6c .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  background: linear-gradient(to top,
    rgba(0,0,0,0.85),
    rgba(0,0,0,0)
  );
  z-index: 1;
  pointer-events: none;
}

/* Force content (text + button) above overlay */
.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-content {
  position: relative;
  z-index: 5 !important;
}

/* Also keep heading/button crisp */
.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-heading,
.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-description,
.elementor-12 .elementor-element.elementor-element-4d15d6c .elementor-slide-button {
  position: relative;
  z-index: 6 !important;
}

/* ===== Zooba-style Pagination for Elementor Slides ===== */
.hero-slider .swiper-pagination {
  position: absolute !important;
  right: 250px !important;
  bottom: 80px !important;
  left: auto !important;
  width: auto !important;
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
  z-index: 20 !important;
}

/* Dots ko lines me convert */
.hero-slider .swiper-pagination-bullet {
  width: 46px !important;
  height: 3px !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,0.35) !important;
  opacity: 1 !important;
  margin: 0 !important;
  position: relative !important;
}
/* Numbers show karna (01,02,03...) */
.hero-slider .swiper-pagination-bullet::before {
  content: "0" counter(slide);
  position: absolute;
  top: -25px;
  left: 0;
  font-size: 12px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.6);
}

/* Active number bright */
.hero-slider .swiper-pagination-bullet-active::before {
  color: rgba(255,255,255,1);
}

/* Counter setup */
.hero-slider .swiper-pagination {
  counter-reset: slide;
}
.hero-slider .swiper-pagination-bullet {
  counter-increment: slide;
}
.hero-slider .swiper-pagination-bullet-active {
  background: #FB454C !important; /* blue highlight */
}

/* ===== Mobile Pagination Fix ===== */
@media (max-width: 768px) {

  .hero-slider .swiper-pagination {
    bottom: 15px !important;   /* neeche se distance */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    justify-content: center !important;
    gap: 20px !important;
    display: flex !important;
  }

  .hero-slider .swiper-pagination-bullet {
    width: 20px !important;
    height: 5px !important;
    background: rgba(255,255,255,0.4) !important;
    border-radius: 2px !important;
  }

  .hero-slider .swiper-pagination-bullet-active {
    background: #ffffff !important;
  }
}/* End custom CSS */