.elementor-340 .elementor-element.elementor-element-06235af{--e-image-carousel-slides-to-show:4;}.elementor-340 .elementor-element.elementor-element-06235af .elementor-swiper-button.elementor-swiper-button-prev, .elementor-340 .elementor-element.elementor-element-06235af .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-340 .elementor-element.elementor-element-2a5b7b4{--e-image-carousel-slides-to-show:6;}.elementor-340 .elementor-element.elementor-element-2a5b7b4 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-340 .elementor-element.elementor-element-2a5b7b4 .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;}.elementor-340 .elementor-element.elementor-element-2a5b7b4 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:3px;--swiper-pagination-bullet-vertical-gap:3px;}.elementor-340 .elementor-element.elementor-element-2a5b7b4 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:17px 17px 17px 17px;}:root{--page-title-display:none;}/* Start custom CSS for image-carousel, class: .elementor-element-06235af *//* ===== JB – Tilted grayscale carousel with color hover ===== */
.jb-tilt-carousel .elementor-image-carousel-wrapper{
  padding: 40px 0;            /* room so tilted/lifted slides aren't clipped */
  overflow: hidden;
}
.jb-tilt-carousel .swiper-slide{
  transition: transform .6s cubic-bezier(.22,1,.36,1), filter .5s ease, opacity .5s ease;
  filter: grayscale(1);
  opacity: .65;
  will-change: transform;
}
/* alternate tilt: fanned 3D look */
.jb-tilt-carousel .swiper-slide:nth-child(odd){
  transform: perspective(1200px) rotateY(10deg) rotateZ(-1.5deg) scale(.94);
}
.jb-tilt-carousel .swiper-slide:nth-child(even){
  transform: perspective(1200px) rotateY(-10deg) rotateZ(1.5deg) scale(.94);
}
/* hover: straighten, full color, lift */
.jb-tilt-carousel .swiper-slide:hover{
  transform: perspective(1200px) rotateY(0) rotateZ(0) scale(1.04) translateY(-8px);
  filter: grayscale(0);
  opacity: 1;
  z-index: 5;
}
.jb-tilt-carousel .swiper-slide-image{
  border-radius: 6px;
  transition: box-shadow .5s ease;
}
.jb-tilt-carousel .swiper-slide:hover .swiper-slide-image{
  box-shadow: 0 30px 70px rgba(0,0,0,.45), 0 0 0 2px #FACE04;
}
/* phones: lighter tilt */
@media (max-width: 767px){
  .jb-tilt-carousel .swiper-slide:nth-child(odd){ transform: perspective(900px) rotateY(6deg) scale(.96); }
  .jb-tilt-carousel .swiper-slide:nth-child(even){ transform: perspective(900px) rotateY(-6deg) scale(.96); }
  .jb-tilt-carousel .swiper-slide{ filter: grayscale(0); opacity: 1; } /* no hover on touch, keep color */
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2a5b7b4 *//* ===== Continuous scrolling Image Carousel ===== */
.jb-marquee .swiper-wrapper{
  transition-timing-function: linear !important;   /* smooth non-stop glide */
}
.jb-marquee .swiper-slide{
  padding: 0 10px;                                 /* gap between images */
}
.jb-marquee .swiper-slide-image{
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.55);
  transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
}
.jb-marquee .swiper-slide:hover .swiper-slide-image{
  transform: translateY(-6px);
  box-shadow: 0 26px 50px rgba(0,0,0,.6), 0 0 0 2px #FACE04;   /* yellow edge on hover */
}
/* hide arrows + dots for a clean marquee look */
.jb-marquee .elementor-swiper-button,
.jb-marquee .swiper-pagination{ display: none !important; }

/* soft fade on left/right edges */
.jb-marquee .elementor-image-carousel-wrapper{
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
@media (max-width: 767px){
  .jb-marquee .swiper-slide{ padding: 0 6px; }
}/* End custom CSS */