.elementor-640 .elementor-element.elementor-element-83d089f{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-640 .elementor-element.elementor-element-a4daea4 .ue-item{opacity:100%;}.elementor-640 .elementor-element.elementor-element-a4daea4 .uc-active-item .ue-item{opacity:100%;}.elementor-640 .elementor-element.elementor-element-a4daea4 .ue-item:hover img{opacity:100% !important;}.elementor-640 .elementor-element.elementor-element-a4daea4 .item_title{text-align:inherit;margin-bottom:0px;}.elementor-640 .elementor-element.elementor-element-a4daea4 .item:hover .item_title{margin-bottom:0px;}.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-nav .owl-prev{left:20px;}.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-nav .owl-next{right:20px;}.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-carousel .owl-nav .owl-next,.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-carousel .owl-nav .owl-prev{top:250px;border-radius:0px;width:50px;height:50px;line-height:50px;font-size:0px;background-color:var( --e-global-color-accent );color:#000000;}.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-carousel .owl-nav .owl-next:hover,.elementor-640 .elementor-element.elementor-element-a4daea4 .owl-carousel .owl-nav .owl-prev:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-640 .elementor-element.elementor-element-08fdf90{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-640 .elementor-element.elementor-element-8daf63e{width:100%;max-width:100%;}/* Start custom CSS for ucaddon_justified_image_carousel, class: .elementor-element-a4daea4 */.owl-item {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.owl-item.center {
  opacity: 1;
}

/* Base styles for both buttons */
button.owl-prev,
button.owl-next {
  width: 50px;
  height: 50px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transform-origin: center; /* 👈 ensures scaling happens from center */
}

/* Previous button SVG */
button.owl-prev::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="49.5" y="49.5" width="49" height="49" transform="rotate(-180 49.5 49.5)" stroke="%23658CA2"/><path d="M31.25 37.5L18.75 25L31.25 12.5" stroke="%23658CA2"/></svg>') no-repeat center center;
  background-size: contain;
}

/* Next button SVG */
button.owl-next::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><rect x="0.5" y="0.5" width="49" height="49" stroke="%23658CA2"/><path d="M18.75 12.5L31.25 25L18.75 37.5" stroke="%23658CA2"/></svg>') no-repeat center center;
  background-size: contain;
}

/* Hover effect: grow by 20% and slightly fade */
button.owl-prev:hover,
button.owl-next:hover {
  transform: scale(1.2);
  opacity: 0.8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83d089f */.elementor-640 .elementor-element.elementor-element-83d089f {
    max-height: 570px;
    overflow: hidden;
}/* End custom CSS */