@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}::-webkit-scrollbar{display:none;}

form .font-label{letter-spacing:1px;}
.pt-0{padding-top:0!important;}
.banner-bottom{background:rgb(33 33 33)}
.text-primary-fixed{color:#43a5c5!important}
.homepage-banner{background: url(../images/conceptcube-banner.webp) no-repeat center center/cover;}
.right-banner{position: relative;}
.right-banner::before{content:"";position:absolute;top:150px;left:-120px;width:150px;height:220px;background:url(../images/cube-buddy-top.webp); background-size:cover;z-index:1;}
.bg-primary, .bg-primary-fixed, .bg-primary-container{background-color:#43a5c5!important}
.bg-primary-fixed:hover, a.nav-btn:hover{background-color:#5db0cb!important}
a.nav-btn{background-color:rgb(255 255 255 / 0.15); color:#fff!important}
.text-primary-fixed:hover{color:#5db0cb!important}
.text-primary{color:#3991ae!important}
.bg-inverse-surface{background-color:#1e1e1e!important}

.rounded-full{border-radius:2rem!important}
.pappu-series-1{background: url(../images/pappu-infrahub-1.webp) no-repeat center center/cover;}
.daj-movie{background: url(../images/daj-movie.webp) no-repeat center center/cover;}
.ews-ad{background: url(../images/esw-banner.webp) no-repeat center center/cover;}
.deshjoro{background: url(../images/deshjoro.webp) no-repeat center center/cover;}
.manbhanjan-movie{background: url(../images/manbhanjan.webp) no-repeat center center/cover;}
.turulove{background: url(../images/turu-love.webp) no-repeat center center/cover;}
.deshjoro2{background: url(../images/deshjoro-2.webp) no-repeat center center/cover;}
.utshober-gaan{background: url(../images/utshober-gaan.webp) no-repeat center center/cover;}

.footer-social-block{display:flex;gap:1rem;margin-top:0.5rem}
.footer-social-block a{display: block; width: 34px; height: 34px;}

/* ---------- Zoom section ---------- */
    .zoom-container {
      position: relative;
      height: 100vh;
      overflow: hidden;
      perspective: 1000px;          /* gives the z animation its 3D depth */
      transform-style: preserve-3d;   
    }
.heading {
  font-size: clamp(3.125rem, 3.464vw + 2.229rem, 6rem);
  line-height: clamp(4.688rem, 3.349vw + 3.821rem, 6.5rem);
  font-weight: 700;
  color:#2294ba;
  margin: 6.25rem 0;
  text-align: center;
  opacity: 0;
  position: absolute;
  left: 50%;
  margin: 0;
  top: 50%;
  transform: translate3d(-50%, -50%, -2000px);
  white-space: nowrap;
  z-index: 2;
}
.heading span {color: #9c9c9c; display: inline-block;}
   .zoom-item {
      position: absolute;
      width: clamp(120px, 14vw, 260px);
      aspect-ratio: 3.5 / 4;
      opacity: 0.3;                 /* GSAP fades these up to 1 */
      will-change: transform, opacity;
    }

    .zoom-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      display: block;
    }

    /* Scatter the 12 images around the heading */
    .zoom-item:nth-of-type(1)  { top: 6%;  left: 8%;  }
    .zoom-item:nth-of-type(2)  { top: 4%;  left: 40%; }
    .zoom-item:nth-of-type(3)  { top: 8%;  left: 74%; }
    .zoom-item:nth-of-type(4)  { top: 34%; left: 2%;  }
    .zoom-item:nth-of-type(5)  { top: 30%; left: 24%; }
    .zoom-item:nth-of-type(6)  { top: 30%; left: 66%; }
    .zoom-item:nth-of-type(7)  { top: 36%; left: 84%; }
    .zoom-item:nth-of-type(8)  { top: 62%; left: 10%; }
    .zoom-item:nth-of-type(9)  { top: 58%; left: 30%; width:clamp(120px, 8vw, 260px)}
    .zoom-item:nth-of-type(10) { top: 64%; left: 62%; }
    .zoom-item:nth-of-type(11) { top: 60%; left: 78%; }
    .zoom-item:nth-of-type(12) { top: 80%; left: 46%; }