.elementor-823 .elementor-element.elementor-element-68b0bc1e{--display:flex;}.elementor-823 .elementor-element.elementor-element-57f3e1bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-823 .elementor-element.elementor-element-77480cc4{--display:flex;}.elementor-823 .elementor-element.elementor-element-71cb5f5{--swiper-slides-to-display:4;--swiper-slides-gap:10px;}.elementor-823 .elementor-element.elementor-element-71cb5f5 .swiper-slide > .elementor-element{height:100%;}.elementor-823 .elementor-element.elementor-element-318e3da6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-823 .elementor-element.elementor-element-118c2b1c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-823 .elementor-element.elementor-element-168c211e .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-823 .elementor-element.elementor-element-57f3e1bd{--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-823 .elementor-element.elementor-element-71cb5f5{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-823 .elementor-element.elementor-element-71cb5f5{--swiper-slides-to-display:1;}.elementor-823 .elementor-element.elementor-element-318e3da6{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-71cb5f5 */.elementor-823 .elementor-element.elementor-element-71cb5f5  .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden{
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-118c2b1c */.umbeli-carousel-ui{
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.umbeli-carousel-ui button{ 
  border-radius: 12px;
  border: 2px solid white;
  background: var(--umbeli-radial);
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .15s ease;
  color: #000;
  padding: 10px 5px;
}

.umbeli-carousel-ui button svg{ 
    height: 28px;
    width: 25px;
}

.umbeli-carousel-ui:hover svg{ 
    fill:black!important;
    
}

.umbeli-carousel-ui button:hover{
  transform: scale(1.05);
}

.umbeli-carousel-ui button:active{
  transform: scale(.98);
}

.umbeli-fraction{
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 16px;
  color: #000;
}/* End custom CSS */