:root,
[data-bs-theme="dark"],
[data-bs-theme="light"]{
  --bs-primary-rgb: 255, 241, 7 !important;
  --bs-primary: #FFF107;
  --accent: #FFF107;
}
/* changed */
#header .logo img {
    height: 65px;
    width: auto;
    display: block;
    
}







/* slider */
    /* Decorative top/bottom accent lines like your screenshot */

    /* Slider frame */
    .hero-wrap{
      padding: 22px 20px;
    }

    .hero-slider{
      width: min(1200px, 100%);
      margin: 0 auto;
      border: 2px solid var(--accent);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 24px 80px rgba(0,0,0,.45);
      position: relative;
    }

    /* Control height */
    .hero-slider .swiper-slide{
      height: clamp(420px, 66vh, 820px);
      position: relative;
      overflow: hidden;
    }

    /* Background image layer */
    .slide-img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.06);
    will-change: transform;
    filter: saturate(1.05) contrast(1.02);
    }

    .swiper-slide-active .slide-img{
    animation: kenburns 7s ease-in-out both;
    }
    @keyframes kenburns{
      from{ transform: scale(1.06) translateY(0); }
      to  { transform: scale(1.09) translateY(-1%); }
    }

    /* Soft overlay for readability (optional) */
    .overlay{
      position:absolute;
      inset:0;
      background:
        radial-gradient(1200px 600px at 20% 30%, rgba(0,0,0,.25), transparent 60%),
        linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.15));
      pointer-events:none;
    }

    /* Optional caption area */
    .caption{
      position:absolute;
      left: 22px;
      bottom: 18px;
      max-width: min(560px, 86%);
      padding: 14px 16px;
      border: 1px solid rgba(255,241,7,.45);
      background: rgba(10,16,24,.35);
      backdrop-filter: blur(10px);
      border-radius: 12px;
    }
    .caption h2{
      margin:0 0 6px;
      font-size: clamp(18px, 2.3vw, 28px);
      letter-spacing: .02em;
    }
    .caption p{
      margin:0;
      opacity:.85;
      line-height: 1.35;
      font-size: 14px;
    }

    /* Hide pagination/nav (since you said none) */
    .swiper-pagination, .swiper-button-prev, .swiper-button-next{ display:none; }

    /* Respect reduced motion */
    @media (prefers-reduced-motion: reduce){
      .swiper-slide-active .slide-bg{ animation: none; }
    }

    /* Mobile */
@media (max-width: 767.98px){
  .hero-slider .swiper-slide{
    height: clamp(260px, 42vh, 420px);
  }
}
