.elementor-31 .elementor-element.elementor-element-2968c1b{--display:flex;--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;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-c4f6b4c img{width:21%;}.elementor-31 .elementor-element.elementor-element-f95f42e{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-c4f6b4c img{width:80%;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-2968c1b{--content-width:1300px;}.elementor-31 .elementor-element.elementor-element-f95f42e{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-9dbbffb */:root{
    /* fallback if JS doesn't run */
    --len: 700;                    /* will be overwritten by JS getTotalLength() */
    --len-half: calc(var(--len) / 2);
    --len-third: calc(var(--len)  / 3);
    --len-two-thirds: calc(var(--len) * 2 / 3);
  }

 

  .Button {
    background: none;
    padding: 0;
    margin: 50px auto;
    border: none;
    display: block;
    backface-visibility: hidden;
     width: 200px;
    height: 80px;

    position: relative;
    color: #fff;
    font-size: 18px;
    transition: transform 300ms, color 300ms;
    cursor: pointer;
  }

  .Button:hover,
  .Button:focus-visible {
    color: #BEC3C7;
    transform: scale(1.05);
  }

  /* Pause the line animations on hover/focus if you like that effect. Remove if not desired */
  .Button:hover .Button-line,
  .Button:focus-visible .Button-line {
    animation-play-state: paused;
  }

  .Button-svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .Button-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    line-height: 1;
    z-index: 1;
    user-select: none;
  }

  /* === Animations === */
  @keyframes outer-dashoffset {
    0% {
      stroke-dashoffset: 0;
      stroke-dasharray: var(--len-half) var(--len-half);
    }
    50% {
      stroke-dasharray: var(--len-third) var(--len-two-thirds);
    }
    100% {
      stroke-dashoffset: var(--len);
      stroke-dasharray: var(--len-half) var(--len-half);
    }
  }

  .Button-line--outer {
    stroke-dasharray: var(--len-half) var(--len-half);
    stroke-dashoffset: 0;
    animation: outer-dashoffset 6s linear infinite;
  }

  @keyframes inner-dashoffset {
    0% {
      stroke-dashoffset: 0;
      stroke-dasharray: var(--len-half) var(--len-half);
    }
    50% {
      stroke-dasharray: var(--len-third) var(--len-two-thirds);
    }
    100% {
      stroke-dashoffset: calc(-1 * var(--len));
      stroke-dasharray: var(--len-half) var(--len-half);
    }
  }

  .Button-line--inner {
    stroke-dashoffset: 0;
    stroke-dasharray: var(--len-half) var(--len-half);
    animation: inner-dashoffset 5s linear infinite;
  }
  
  
  
  .Button:hover .Button-line,
.Button:focus-visible .Button-line { animation-play-state: paused; }/* End custom CSS */