/* Universal */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* Allow horizontal scroll ONLY in #services */

#services {
  overflow-x: auto !important;
}


html{
    scroll-behavior: smooth;
}

body, html {
  overflow-x: hidden;
    font-family:'Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
    font-weight: bold;
    height: 100%;
    width: 100%;
    
    /* background-image: url('static/images/white.avif'); */

}

.all{
  background-color:rgb(254, 253, 246) ;
}

::-webkit-scrollbar{
  width:1px;
  color: rgb(113, 114, 115);
}



/* For screens wider than 1440px */
@media (min-width: 1440px) {
  .navbar-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}

/* For ultra wide screens (2500px+) */
@media (min-width: 2500px) {
  .navbar-container {
    padding-left: 200px;
    padding-right: 200px;
  }
}


#mobileMenu {
  position: absolute;
  width: 100%;
  z-index: 40;
}


@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.blink-hover:hover {
  animation: blink 0.7s infinite;
}

/* Soft Glow */
.glow-hover:hover {
  filter: drop-shadow(0 0 4px #ffd700);
}

/* Scale Zoom */
.scale-hover:hover {
  transform: scale(1.2);
}

/* Neon Effect */
/* .neon-hover:hover {
  filter: drop-shadow(0 0 10px #ffea00)
          drop-shadow(0 0 20px #ffea00)
          drop-shadow(0 0 30px #ffea00);
} */

/* Smooth transition */
.icon-effect {
  transition: all 0.3s ease-in-out;
}




/* <!-- Styles for overlay & play button (if not using Tailwind, keep these) --> */

  .video-card { /* basic sizing, responsive handled inline classes above */
    position: relative;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
  }
  .thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .thumb-overlay {
    position: absolute;
    inset: 0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.28));
    transition: background .25s;
  }
  .thumb-overlay:hover { background: linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.36)); }
  .play-btn {
    width:84px; height:84px; border-radius:999px;
    background: rgba(255,255,255,0.95);
    display:flex; align-items:center; justify-content:center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  }
  .play-icon {
    width:0; height:0; border-left:22px solid #111; border-top:12px solid transparent; border-bottom:12px solid transparent;
    margin-left:6px;
  }
  .player-wrapper { width:100%; height:100%; }
  /* small responsive tweak */
  @media (max-width:640px) {
    .play-btn { width:64px; height:64px }
    .play-icon { border-left-width:18px; border-top-width:9px; border-bottom-width:9px; }
  }