.elementor-518 .elementor-element.elementor-element-b4d7bc6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-518 .elementor-element.elementor-element-f01bb83{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:100px;--padding-right:100px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-518 .elementor-element.elementor-element-d2453bd .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-518 .elementor-element.elementor-element-d2453bd .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-518 .elementor-element.elementor-element-d2453bd{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-518 .elementor-element.elementor-element-f01bb83{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-518 .elementor-element.elementor-element-f01bb83{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for html, class: .elementor-element-7c3195b */.elementor-518 .elementor-element.elementor-element-7c3195b{
  position:relative;
  height:100vh;
  overflow:hidden;
}

/* HERO */
.hero{
  position:relative;
  width:100%;
  height:100%;
}

/* SLIDES */
.slides{
  position:relative;
  height:100%;
}

.slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .8s ease;
}

.slide.active{
  opacity:1;
  z-index:5;
}

/* IMAGE */
.hero-image{
  position:absolute;
  inset:0;
  z-index:1;
}

.hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(100%);
}

.hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.4);
}

/* CIRCLES */
.hero-circle{
  position:absolute;
  width:130%;
  height:130%;
  background:#d71920b0;
  clip-path:circle(47% at 5% 0%);
  z-index:2;
}

.hero-circle.small{
  width:400px;
  height:400px;
  background:#ff3b3b;
  clip-path:circle(44%);
  top:60%;
  left:-120px;
  opacity:0.6;
}

/* CONTENT */
.hero-content{
  position:relative;
  z-index:3;
  max-width:550px;
  padding:200px 100px;
  color:#fff;
}

.hero-content h1{
  font-size:46px;
  font-weight:900;
  line-height:1.1;
  margin-bottom:25px;
  text-transform:uppercase;
  color: white!important;
}

.hero-content p{
  font-size:14px;
  line-height:1.7;
}

/* DOTS */
.carousel-dots{
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:10;
}

.carousel-dots span{
  width:10px;
  height:10px;
  background:#fff;
  border-radius:50%;
  opacity:.4;
  cursor:pointer;
}

.carousel-dots span.active{
  opacity:1;
}

/* MOBILE */
@media(max-width:768px){
  .hero-circle{
    clip-path:circle(55% at 10% 0%);
  }

  .hero-content{
    padding:60px 50px 0px 30px;
  }

  .hero-content h1{
    font-size:34px;
  }
  .hero-circle.small{
  width:400px;
  height:400px;
  background:#ff3b3b;
  clip-path:circle(0%);
  top:60%;
  left:-120px;
  opacity:0.6;
}
}/* End custom CSS */