body { font-family: 'Montserrat', sans-serif; background: #0a0a0a; color: #fff; overflow-x: hidden; margin: 0; }

@keyframes marqueeLoop {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes heroReveal {
  from { opacity: 0; transform: translateY(60px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes goldLine {
  from { width: 0; }
  to   { width: 72px; }
}
@keyframes fadeInSection {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Navbar links */

/* Featured panels hover */
.feat-panel:hover .feat-bg { transform: scale(1.05); }
.feat-panel { overflow: hidden; }

/* Service cards - light design */
.svc-img-wrap { border-radius: 14px; overflow: hidden; height: 280px; position: relative; margin-bottom: 28px; cursor: pointer; }
.svc-img-inner { position: absolute; inset: 0; transition: transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94); }
.svc-img-wrap:hover .svc-img-inner { transform: scale(1.05); }
.svc-title { font-size: 16px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #0a0a0a; margin-bottom: 12px; }
.svc-desc { font-size: 14px; color: #666; line-height: 1.8; margin: 0; }
.svc-gold-line { width: 40px; height: 2px; background: #C9A84C; margin-bottom: 16px; }

/* Form inputs */
.sk-input { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(201,168,76,0.25) !important; color: #fff !important; border-radius: 3px !important; font-family: 'Montserrat', sans-serif !important; font-size: 14px !important; padding: 14px 16px !important; width: 100%; transition: border-color 0.2s, background 0.2s; }
.sk-input:focus { outline: none !important; background: rgba(255,255,255,0.08) !important; border-color: #C9A84C !important; box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important; }
.sk-input::placeholder { color: rgba(255,255,255,0.35) !important; }
textarea.sk-input { resize: vertical; min-height: 110px; }

/* Footer links */

@media (max-width: 767px) {
  .svc-img-wrap { height: 220px !important; }
  #featCarousel .carousel-item > div { height: 380px !important; }
  #featCarousel .carousel-item h3 { letter-spacing: 2px !important; }
  #featCarousel .carousel-item > div > div:last-child { padding: 28px 24px !important; }
  .carousel-control-prev, .carousel-control-next { width: 48px !important; }
}

/* Toggler icon color */
