/** Shopify CDN: Minification failed

Line 17:0 Unexpected "#"
Line 17:2 Unexpected "{"
Line 17:13 Expected ":"
Line 22:0 Unexpected "#"
Line 22:2 Unexpected "{"
Line 22:13 Expected ":"
Line 26:0 Unexpected "#"
Line 26:2 Unexpected "{"
Line 26:13 Expected ":"
Line 31:0 Unexpected "#"
... and 68 more hidden warnings

**/
  /* Make sure side slides are visible */
#{{ slider_id }}.hero-slider {
  overflow: visible !important;
  padding: 80px 0px;
}

#{{ slider_id }} .swiper {
  overflow: visible !important;
}

#{{ slider_id }} .swiper-wrapper {
  overflow: visible !important;
}

/* Slide width - so left/right thoda show ho */
#{{ slider_id }} .swiper-slide {
  width: 80%; /* center slide width */
  transition: transform 0.3s ease;
}

#{{ slider_id }}.hero-slider { position: relative; width: 100%; overflow: visible; }
#{{ slider_id }} .swiper-wrapper { align-items: center; }

#{{ slider_id }} .swiper-slide {
  width: 75%; /* center slide width */
  transition: transform 0.3s ease;
}

#{{ slider_id }} .swiper-slide-next,
#{{ slider_id }} .swiper-slide-prev {
  opacity: 0.6;
  transform: scale(0.92);
}

#{{ slider_id }} .hero-slide-inner { display: flex; align-items: center; gap: 40px; padding: 40px 20px; }
#{{ slider_id }} .hero-slide-image { flex: 1 1 55%; }
#{{ slider_id }} .hero-slide-image img { width: 100%; border-radius: 6px; object-fit: cover; }

#{{ slider_id }} .hero-slide-content { flex: 1 1 45%; max-width: 650px; }
#{{ slider_id }} .subheading { font-size: 13px; font-weight: 400; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 10px; color: #000; }
#{{ slider_id }} .heading { font-size: 42px; margin: 0 0 16px; font-weight: 600; color: #000; }
#{{ slider_id }} .text { font-size: 16px; margin-bottom: 22px; color: #000; }

#{{ slider_id }} .btn 
{
  display: inline-block;
  padding: 10px 140px; 
  font-size: 12px;
  font-weight: 400;
  text-decoration: none; 
  text-transform: uppercase; 
  letter-spacing: 4px; 
  background: transparent; 
  border: 1px solid #000; 
  color: #000; 
  transition: 0.5s;
}
#{{ slider_id }} .btn:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}


@media (max-width: 767px) {
  #{{ slider_id }} .hero-slide-inner { flex-direction: column; padding: 18px; }
  #{{ slider_id }} .hero-slide-image { width: 100%; margin-bottom: 12px; }
  #{{ slider_id }} .hero-slide-content { width: 100%; padding: 0; }
  #{{ slider_id }} .heading { font-size: 28px; }
  #{{ slider_id }} .subheading { font-size: 12px; }
  #{{ slider_id }} .swiper-button-next, 
  #{{ slider_id }} .swiper-button-prev { display: none; }
  #{{ slider_id }}.hero-slider {
  overflow: visible !important;
  padding: 40px 0px;
}
}