.elementor-1120 .elementor-element.elementor-element-ac5d751{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1120 .elementor-element.elementor-element-ac5d751::before, .elementor-1120 .elementor-element.elementor-element-ac5d751 > .elementor-background-video-container::before, .elementor-1120 .elementor-element.elementor-element-ac5d751 > .e-con-inner > .elementor-background-video-container::before, .elementor-1120 .elementor-element.elementor-element-ac5d751 > .elementor-background-slideshow::before, .elementor-1120 .elementor-element.elementor-element-ac5d751 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1120 .elementor-element.elementor-element-ac5d751 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1120 .elementor-element.elementor-element-ac5d751 .elementor-background-slideshow__slide__image{background-size:cover;background-position:top center;}.elementor-1120 .elementor-element.elementor-element-eab4be0{--display:flex;}@media(max-width:1024px){.elementor-1120 .elementor-element.elementor-element-ac5d751{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1120 .elementor-element.elementor-element-ac5d751{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-c144a54 */.hero {
      position: relative;
      padding: 48px 56px;
      display: inline-block;
      max-width: 1140px;
      width: 100%;
      display: block;
      margin: auto;
    }

    .hero svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      overflow: visible;
    }

    #border-path {
      fill: none;
      stroke: #663433;
      stroke-width: 2px;
      stroke-linecap: square;
    }

    @keyframes draw-border {
      to {
        stroke-dashoffset: 0;
      }
    }

    .hero-text {
      font-family: "Tangierregular";
      margin-top: 40px;
      font-size: 75px;
      font-weight: 700;
      line-height: 110px;
      letter-spacing: 4px;
      color: #663433;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      white-space: nowrap;
    }
    .hero-text {
  opacity: 0;
  transform: translateY(80px);
  animation: fadeInUp 2.5s ease-in-out forwards;
  animation-duration: 2.5s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(80px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

    @media (max-width: 900px) {
      .hero-text {
        margin-top: 0px;
        font-size: 60px;
        line-height: 58px;
      }
    }

    @media (max-width: 520px) {
      .hero-text {
        font-size: 38px;
        line-height: 38px;
      }
      .hero {
        padding: 28px 32px;
      }
    }
    
    .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="1"]) .hero-text {
    color: #fff;
}

    .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="1"]) #border-path {
    stroke: #fff !important;
}

   .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="2"]) .hero-text {
    color: #fff;
}

  .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="2"]) #border-path {
    stroke: #fff !important;
}

   .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="3"]) .hero-text {
    color: #fff;
}

  .e-parent:has(.elementor-background-slideshow .swiper-slide-active[data-swiper-slide-index="3"]) #border-path {
    stroke: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac5d751 *//* Register animatable custom properties */
@property --w {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

@property --h {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

@property --hr {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

/* Keyframes */
@keyframes grow-w {
  from { --w: 0%; }
  to   { --w: 100%; }
}

@keyframes grow-h {
  from { --h: 0%; }
  to   { --h: 35%; }
}

@keyframes grow-hr {
  from { --hr: 0%; }
  to   { --hr: 100%; }
}

/* Main class */
.custom-border {
  --w: 0%;
  --h: 0%;
  --hr: 0%;

  background:
    /* top edge */
    linear-gradient(#663433 0 0) top left / var(--w) 4px no-repeat,

    /* left edge */
    linear-gradient(#663433 0 0) top left / 4px var(--h) no-repeat,

    /* right edge */
    linear-gradient(#663433 0 0) top right / 4px var(--hr) no-repeat;

  animation:
    grow-w 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards,
    grow-h 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.8s forwards,
    grow-hr 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.4s forwards;
}


.home .swiper-slide-active:nth-child(2) .hero-text {
    color: #fff !important;
}/* End custom CSS */