.elementor-39283 .elementor-element.elementor-element-42ce2b7e{--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;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .title-wrap{flex-direction:column;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .wcf--image-box{text-align:left;flex-direction:column;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .wcf__slider{--slides-to-show:3;--space-between:20px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 30px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .content{padding:20px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .title{color:#000000;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .description{margin-bottom:25px;color:#000000;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .mid-line, .elementor-39283 .elementor-element.elementor-element-4a3e6520 .swiper-pagination-progressbar{width:450px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .swiper-pagination-progressbar{background-color:#DCDCDC;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .swiper-pagination-progressbar-fill{background-color:#556052;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .ts-pagination{position:relative;text-align:center;}.elementor-39283 .elementor-element.elementor-element-33222e4b .title-wrap{flex-direction:column;}.elementor-39283 .elementor-element.elementor-element-33222e4b .wcf--image-box{text-align:center;flex-direction:column;}.elementor-39283 .elementor-element.elementor-element-33222e4b .wcf__slider{--slides-to-show:3;--space-between:20px;}.elementor-39283 .elementor-element.elementor-element-33222e4b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-33222e4b .content{padding:0px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-33222e4b .thumb img{width:32%;}@media(max-width:1024px){.elementor-39283 .elementor-element.elementor-element-4a3e6520 .content{padding:0px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .title{font-size:16px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .description{font-size:12px;line-height:1.7em;}.elementor-39283 .elementor-element.elementor-element-33222e4b .thumb img{width:60%;}}@media(max-width:767px){.elementor-39283 .elementor-element.elementor-element-42ce2b7e{--width:100%;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .wcf__slider{--slides-to-show:1;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .content{padding:010px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .title{font-size:16px;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .description{margin-bottom:10px;font-size:12px;line-height:1.5em;}.elementor-39283 .elementor-element.elementor-element-4a3e6520 .mid-line, .elementor-39283 .elementor-element.elementor-element-4a3e6520 .swiper-pagination-progressbar{width:197px;}.elementor-39283 .elementor-element.elementor-element-33222e4b .thumb img{width:100%;}.elementor-39283 .elementor-element.elementor-element-33222e4b .content{padding:0px 0px 0px 0px;}.elementor-39283 .elementor-element.elementor-element-33222e4b .title{margin-bottom:-200px;}}/* Start custom CSS for wcf--image-box-slider, class: .elementor-element-4a3e6520 *//* Desktop / default */
.elementor-element-93d566b .wcf--image-box .thumb,
.elementor-element-93d566b .wcf--image-box .thumb img {
    border-radius: 15px;
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-element-93d566b .wcf--image-box .thumb,
    .elementor-element-93d566b .wcf--image-box .thumb img {
        border-radius: 12px;
    }
}
/* Make the image area a positioning context */
.elementor-element-93d566b .wcf--image-box .thumb{
  position: relative;
}

/* Left pill: Hygge Pergola */
.elementor-element-93d566b .wcf--image-box .thumb::before{
  content: "Hygge Pergola";
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 5;

  padding: 7px 10px;
  border-radius: 2px;
  background: rgba(70, 90, 75, 0.95); /* tweak to your brand green */
  color: #fff;

  font-size: 10px;
  line-height: 1;
  pointer-events: none;
  min-width: 95px;
  text-align: center;
}

/* Right pill: Others */
.elementor-element-93d566b .wcf--image-box .thumb::after{
  content: "Others";
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 5;

  padding: 7px 10px;
  border-radius: 2px;
  background: rgba(0,0,0,0.9);
  color: #fff;

  font-size: 10px;
  line-height: 1;
  pointer-events: none;
  min-width: 95px;
  text-align: center;
}

/* Mobile sizing */
@media (max-width: 767px){
  .elementor-element-93d566b .wcf--image-box .thumb::before,
  .elementor-element-93d566b .wcf--image-box .thumb::after{
    top: 10px;
    padding: 7px 9px;
    font-size: 7px;
    min-width: 70px;
  }
  .elementor-element-93d566b .wcf--image-box .thumb::before{ left: 10px; }
  .elementor-element-93d566b .wcf--image-box .thumb::after{ right: 10px; }
}

/* Hide pills on slide 9 and 10 */
.elementor-element-93d566b 
.swiper-slide:nth-child(9) .thumb::before,
.elementor-element-93d566b 
.swiper-slide:nth-child(9) .thumb::after,
.elementor-element-93d566b 
.swiper-slide:nth-child(10) .thumb::before,
.elementor-element-93d566b 
.swiper-slide:nth-child(10) .thumb::after{
    display: none;
}
/* MOBILE ONLY — peek next slide */
@media (max-width: 767px) {

  .elementor-element-93d566b .wcf__slider {
    overflow: visible !important;     /* let peeking be visible */
    padding-right: 10px;             /* controls how much of next card you see */
  }

  /* Prevent parent containers from clipping */
  .elementor-element-93d566b .wcf__slider-wrapper,
  .elementor-element-93d566b .elementor-widget-container {
    overflow: visible !important;
  }

  /* Optional: soften non-active slides */
  .elementor-element-93d566b .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.95;
  }

}/* End custom CSS */