/* Base */
:root{
  --accent:#e50914; /* Netflix-red vibe */
}
*{box-sizing:border-box}
body{
  background: linear-gradient(37deg, #000 0%, #202020 100%);
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  overflow-x:hidden;
}

/* Navbar tweaks */
.navbar .nav-link{opacity:.9; position:relative}
.navbar .nav-link:hover,
.navbar .nav-link.active{opacity:1}
.navbar .nav-link::after{
  content:""; position:absolute; left:0; bottom:-.35rem; height:2px; width:0;
  background:var(--accent); transition:width .25s;
}
.navbar .nav-link:hover::after,
.navbar .nav-link.active::after{width:100%}

/* Hero (Swiper) */
.hero_slide{border-radius:10px; overflow:hidden}
.hero_slide .swiper-slide img{display:block; width:100%; height:auto; object-fit:cover}
.hero_slide .swiper-pagination-bullet{background:#bbb; width:5px; height:5px; opacity:.8}
.hero_slide .swiper-pagination-bullet-active{background:var(--accent); width:30px; border-radius:15px}

/* Services strip (Swiper replacing Owl) */
.services .swiper-slide{width:260px}
@media (min-width: 576px){ .services .swiper-slide{width:280px} }
@media (min-width: 992px){ .services .swiper-slide{width:300px} }
.badge.rounded-end{border-radius:0 .5rem .5rem 0!important}

/* Optional: hide nav arrows in hero */
.hero_slide .swiper-button-next,
.hero_slide .swiper-button-prev{display:none!important}

/* Optional team slider width */
.team_slide{width:50%}