.elementor-1878 .elementor-element.elementor-element-2ddefd68.elementor-element{--align-self:center;}.elementor-1878 .elementor-element.elementor-element-2ddefd68{z-index:10;}.elementor-1878 .elementor-element.elementor-element-399f253c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-1878 .elementor-element.elementor-element-79a22dca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1878 .elementor-element.elementor-element-4255ad98{--display:flex;}.elementor-1878 .elementor-element.elementor-element-30aebb58{--display:flex;}.elementor-1878 .elementor-element.elementor-element-37d9ac18{--display:flex;}.elementor-1878 .elementor-element.elementor-element-d10814{--display:flex;}.elementor-1878 .elementor-element.elementor-element-66ab6813{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:0px;width:100%;max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:17px;--e-n-carousel-arrow-normal-color:#2C2C2C;--e-n-carousel-swiper-pagination-spacing:clamp(2rem, 8vw, 5rem);}.elementor-1878 .elementor-element.elementor-element-66ab6813.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1878 .elementor-element.elementor-element-58db918f img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-1878 .elementor-element.elementor-element-4f72f7af{width:auto;max-width:auto;}.elementor-1878 .elementor-element.elementor-element-4f72f7af img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-1878 .elementor-element.elementor-element-4d10a5f9{width:auto;max-width:auto;}.elementor-1878 .elementor-element.elementor-element-4d10a5f9 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-1878 .elementor-element.elementor-element-210d0bc3 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-1878 .elementor-element.elementor-element-21092d0a img{width:100%;height:100%;object-fit:cover;object-position:top center;}.elementor-1878 .elementor-element.elementor-element-41ac3881 img{width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-1878 .elementor-element.elementor-element-a70d68c{padding:40px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1878 .elementor-element.elementor-element-399f253c{width:100%;max-width:100%;}.elementor-1878 .elementor-element.elementor-element-66ab6813{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1878 .elementor-element.elementor-element-66ab6813{--e-n-carousel-swiper-slides-to-display:1;}.elementor-1878 .elementor-element.elementor-element-58db918f img{object-position:center center;}.elementor-1878 .elementor-element.elementor-element-a70d68c{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1878 .elementor-element.elementor-element-79a22dca{--width:32%;}.elementor-1878 .elementor-element.elementor-element-4255ad98{--width:32%;}.elementor-1878 .elementor-element.elementor-element-30aebb58{--width:32%;}.elementor-1878 .elementor-element.elementor-element-37d9ac18{--width:32%;}.elementor-1878 .elementor-element.elementor-element-d10814{--width:32%;}}/* Start custom CSS for nested-carousel, class: .elementor-element-66ab6813 *//* Prevent horizontal page scroll */
html,
body {
  overflow-x: hidden;
}

/* Main carousel */
.boco-carousel {
  position: relative;
  overflow: hidden;
  padding-bottom: clamp(1.5rem, 2.5vw, 2.75rem);
}

/* Swiper viewport */
.boco-carousel .swiper {
  padding-left: clamp(3rem, 8vw, 5rem) !important;
  padding-right: clamp(2rem, 6vw, 6rem) !important;
  box-sizing: border-box;
  overflow: visible;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

/* Slides row */
.boco-carousel .swiper-wrapper {
  gap: 0;
  margin-left: 0 !important;
  cursor: grab;
  transition-timing-function: ease-out !important;
}

.boco-carousel .swiper-wrapper:active {
  cursor: grabbing;
}

/* Card sizing */
.boco-carousel .swiper-slide {
  width: clamp(320px, 28vw, 410px) !important;
  flex-shrink: 0;
  margin-right: 16px !important;
}

.boco-carousel .swiper-slide > * {
  width: 100%;
}

/* Pagination */
.boco-carousel .swiper-pagination {
  bottom: 0.5rem !important;
  transform: translateX(-50%) translateY(-1.75rem) !important;
}

.boco-carousel .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px !important;
  background: #c8c8c1;
  opacity: 1;
}

.boco-carousel .swiper-pagination-bullet-active {
  background: #ff6400;
}

/* Arrows */
.boco-carousel .elementor-swiper-button,
.boco-carousel .swiper-button-prev,
.boco-carousel .swiper-button-next {
  position: absolute !important;
  top: auto !important;
  bottom: 0.25rem !important;
  left: auto !important;
  width: 40px;
  height: 40px;
  color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boco-carousel .elementor-swiper-button-next,
.boco-carousel .swiper-button-next {
  right: clamp(1rem, calc(-0.531rem + 7.5vw), 5rem) !important;
}

.boco-carousel .elementor-swiper-button-prev,
.boco-carousel .swiper-button-prev {
  right: calc(clamp(1rem, calc(-0.531rem + 7.5vw), 5rem) + 2.5rem) !important;
}

.boco-carousel .swiper-button-prev:after,
.boco-carousel .swiper-button-next:after {
  font-size: 28px;
}

/* Video card */
.boco-carousel .video-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #000 !important;
  pointer-events: auto !important;
}

/* Let card receive the click, not Elementor/video layers */
.boco-carousel .video-card video,
.boco-carousel .video-card img,
.boco-carousel .video-card picture,
.boco-carousel .video-card .elementor-video,
.boco-carousel .video-card .elementor-wrapper,
.boco-carousel .video-card .e-hosted-video,
.boco-carousel .video-card .e-video,
.boco-carousel .video-card .elementor-custom-embed-image-overlay {
  pointer-events: none !important;
  background: #000 !important;
}

/* Play button */
.boco-carousel .video-play {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 50 !important;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.boco-carousel .video-card.is-playing .video-play {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Progress bar */
.boco-carousel .video-progress {
  position: absolute !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  width: auto !important;
  height: 8px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 60;
  cursor: pointer;
  pointer-events: auto !important;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.boco-carousel .video-progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  height: 2px;
  background: rgba(255,255,255,.35);
  border-radius: 999px;
}

.boco-carousel .video-progress-fill {
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  width: 0%;
  height: 2px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border-radius: 999px !important;
  z-index: 2;
  pointer-events: none;
}

.boco-carousel .video-card.is-playing .video-progress {
  opacity: 1;
}

/* Touch devices */
@media (hover: none), (pointer: coarse) {
  .boco-carousel .swiper,
  .boco-carousel .swiper-wrapper,
  .boco-carousel .swiper-slide,
  .boco-carousel .swiper-slide * {
    touch-action: pan-y !important;
  }

  .boco-carousel .swiper-wrapper {
    will-change: transform;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .boco-carousel .swiper {
    padding-left: clamp(2rem, 5vw, 3rem) !important;
    padding-right: clamp(1rem, 4vw, 2rem) !important;
  }

  .boco-carousel .swiper-slide {
    width: clamp(280px, 45vw, 360px) !important;
  }

  .boco-carousel .elementor-swiper-button,
  .boco-carousel .swiper-button-prev,
  .boco-carousel .swiper-button-next {
    display: none !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .boco-carousel {
    padding-bottom: clamp(2.75rem, 6vw, 3.5rem) !important;
  }

  .boco-carousel .swiper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    overflow: visible;
  }

  .boco-carousel .swiper-slide {
    width: calc(100vw - 3rem) !important;
    margin-right: 16px !important;
  }

  .boco-carousel .swiper-pagination {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 2rem !important;
    transform: translateX(-50%) translateY(0) !important;
    z-index: 20 !important;
    width: auto !important;
  }

  .boco-carousel .swiper-pagination-bullet {
    display: block !important;
  }
}/* End custom CSS */
/* Start custom CSS */.quote-card,
.quote-logo {
  position: absolute ;
  z-index: 3;
  --quote-end-y: 160px;

  transform:
    translateY(calc(var(--quote-slide, 32rem) + var(--quote-end-y)))
    rotate(var(--r, 0deg));

  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.quote-card {

  filter:
    drop-shadow(0 0.5rem 0.25rem rgba(0,0,0,.02))
    drop-shadow(0 0.75rem 0.5rem rgba(0,0,0,.04))
    drop-shadow(0 1.25rem 1.125rem rgba(0,0,0,.10)) !important;
}

.quote-card-inner {
  box-shadow:
    inset 0 0.0625rem 0 rgba(255,255,255,.95),
    inset 0 -0.1875rem 0.5rem rgba(0,0,0,.08) !important;
}

.quote-logo {
  width: auto;
  padding: 0.75rem 1rem;

  filter: none !important;
  box-shadow:
    0 0.25rem 0.5rem rgba(0,0,0,.04),
    0 1rem 1.5rem rgba(0,0,0,.08);
}

.quote-logo img,
.quote-logo svg,
.quote-logo picture {
  box-shadow: none !important;
  filter: none !important;
}

body.elementor-editor-active .quote-card,
body.elementor-editor-active .quote-logo {
  transform: translateY(0) rotate(var(--r, 0deg));
}

/* Desktop */

.quote-card:nth-of-type(1) {
  top: -3%;
  left: 19%;
  --r: -1deg;
}

.quote-card:nth-of-type(2) {
  top: 14%;
  left: 3%;
  --r: 8deg;
}

.quote-card:nth-of-type(3) {
  top: -2%;
  right: 20%;
  --r: 6deg;
}

.quote-card:nth-of-type(4) {
  top: 34%;
  right: -2%;
  --r: -9deg;
}

.quote-card:nth-of-type(5) {
  top: 56%;
  left: -1%;
  --r: 10deg;
}

.quote-card:nth-of-type(6) {
  top: 45%;
  right: 30%;
  --r: 5deg;
}

.quote-card:nth-of-type(7) {
  top: 61%;
  right: 3%;
  --r: 4deg;
}

.logo-1 {
  top: 40%;
  left: 24%;
  --r: -8deg;
}

.logo-2 {
  top: 64%;
  left: 32%;
  --r: -4deg;
}

.logo-3 {
  top: 18%;
  right: 8%;
  --r: 12deg;
}

/* Tablet */

@media (max-width: 1024px) {
  .quote-card:nth-of-type(1) {
    top: -4%;
    left: 13%;
    --r: -1deg;
  }

  .quote-card:nth-of-type(2) {
    top: 15%;
    left: 2%;
    --r: -5deg;
  }

  .quote-card:nth-of-type(3) {
    top: -1%;
    right: 12%;
    --r: 4deg;
  }

  .quote-card:nth-of-type(4),
  .quote-card:nth-of-type(7) {
    display: none !important;
  }

  .quote-card:nth-of-type(5) {
    top: 54%;
    left: 15%;
    --r: 10deg;
  }

  .quote-card:nth-of-type(6) {
    top: 40%;
    right: 9%;
    --r: -5deg;
  }

  .logo-1 {
    top: 40%;
    left: 6%;
    --r: -8deg;
  }

  .logo-2 {
    top: 62%;
    right: 20%;
    left: auto;
    --r: 1deg;
  }

  .logo-3 {
    top: 20%;
    right: 8%;
    --r: 12deg;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .quote-logo {
    padding: 0.625rem 0.875rem !important;
  }

  .quote-logo img {
    height: 2.35rem !important;
    width: auto !important;
  }

  .quote-card:nth-of-type(n+4) {
    display: none !important;
  }

  .quote-card:nth-of-type(1) {
    top: 2%;
    right: 6%;
    left: auto;
    --r: 3deg;
  }

  .quote-card:nth-of-type(2) {
    top: 47%;
    left: 4%;
    right: auto;
    --r: -4deg;
  }

  .quote-card:nth-of-type(3) {
    top: 70%;
    right: 3%;
    left: auto;
    --r: 3deg;
  }

  .logo-1 {
    top: 14%;
    left: 8%;
    --r: -8deg;
  }

  .logo-2 {
    top: 60%;
    left: 6%;
    right: auto;
    --r: -1deg;
  }

  .logo-3 {
    top: 59%;
    right: 6%;
    left: auto;
    --r: 6deg;
  }
}/* End custom CSS */