.elementor-13937 .elementor-element.elementor-element-2171ed3{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:100;}body:not(.rtl) .elementor-13937 .elementor-element.elementor-element-2171ed3{left:0px;}body.rtl .elementor-13937 .elementor-element.elementor-element-2171ed3{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13937 .elementor-element.elementor-element-49564cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13937 .elementor-element.elementor-element-49564cf img{height:100vh;}.elementor-13937 .elementor-element.elementor-element-f348ba3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:0120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13937 .elementor-element.elementor-element-f348ba3:not(.elementor-motion-effects-element-type-background), .elementor-13937 .elementor-element.elementor-element-f348ba3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oneislandband.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-8-2026-05_45_53-PM.webp");}.elementor-13937 .elementor-element.elementor-element-f348ba3::before, .elementor-13937 .elementor-element.elementor-element-f348ba3 > .elementor-background-video-container::before, .elementor-13937 .elementor-element.elementor-element-f348ba3 > .e-con-inner > .elementor-background-video-container::before, .elementor-13937 .elementor-element.elementor-element-f348ba3 > .elementor-background-slideshow::before, .elementor-13937 .elementor-element.elementor-element-f348ba3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13937 .elementor-element.elementor-element-f348ba3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1B003F;--background-overlay:'';}.elementor-13937 .elementor-element.elementor-element-062ccaa{--swiper-slides-to-display:3;--swiper-slides-gap:0px;padding:0px 0px 0px 0px;z-index:1000;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:15px;}.elementor-13937 .elementor-element.elementor-element-062ccaa :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF59;padding:8px 8px 8px 8px;}.elementor-13937 .elementor-element.elementor-element-062ccaa .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13937 .elementor-element.elementor-element-062ccaa{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-13937 .elementor-element.elementor-element-062ccaa{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-2171ed3 */.frameContainer {
    z-index: 100 !important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-062ccaa *//* ── Carousel tilt effect ── */
.elementor-widget-loop-carousel .swiper-slide {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: perspective(600px) rotateY(-35deg) scale(0.9);
  opacity: 0.8;
}
.elementor-widget-loop-carousel .swiper-slide.swiper-slide-active {
  transform: perspective(600px) rotateY(35deg) scale(0.9);
  opacity: 0.8;
}
.elementor-widget-loop-carousel .swiper-slide.swiper-slide-next {
  transform: perspective(600px) rotateY(0deg) scale(1);
  opacity: 1;
}
.elementor-widget-loop-carousel .swiper-slide.swiper-slide-prev {
  transform: perspective(600px) rotateY(-35deg) scale(0.9);
  opacity: 0.8;
}
.elementor-widget-loop-carousel .swiper-wrapper {
  gap: 0 !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {

  /* Carousel tilt on mobile */
  .elementor-widget-loop-carousel .swiper-slide {
    transform: perspective(600px) rotateY(25deg) scale(0.85) !important;
    opacity: 0.7;
    padding: 2px;
    margin-right: 0px !important;
  }
  .elementor-widget-loop-carousel .swiper-slide.swiper-slide-active {
    transform: perspective(600px) rotateY(0deg) scale(1) !important;
    opacity: 1;
  }
  .elementor-widget-loop-carousel .swiper-slide.swiper-slide-next {
    transform: perspective(600px) rotateY(25deg) scale(0.85) !important;
    opacity: 0.7;
  }
  .elementor-widget-loop-carousel .swiper-slide.swiper-slide-prev {
    transform: perspective(600px) rotateY(-25deg) scale(0.85) !important;
    opacity: 0.7;
  }

  /* Stack loop item layout vertically */
  .e-loop-item > .e-con {
    flex-direction: column !important;
    height: auto !important;
  }
  .e-loop-item > .e-con > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Image carousel — force full portrait image to show */
  .e-loop-item .elementor-image-carousel-wrapper {
    width: 100% !important;
    height: auto !important;
  }
  .e-loop-item .elementor-image-carousel-wrapper .swiper,
  .e-loop-item .elementor-image-carousel-wrapper .swiper-wrapper,
  .e-loop-item .elementor-image-carousel-wrapper .swiper-slide {
    width: 100% !important;
    height: auto !important;
  }
  .e-loop-item .elementor-image-carousel-wrapper figure {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    line-height: 0 !important;
  }
  .e-loop-item .elementor-image-carousel-wrapper figure img,
  .e-loop-item .elementor-image-carousel-wrapper img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 500px !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}/* End custom CSS */