.elementor-336 .elementor-element.elementor-element-3de9ccd{--display:flex;--min-height:393px;--justify-content:center;--background-transition:0.3s;border-style:none;--border-style:none;--padding-block-start:36px;--padding-block-end:36px;--padding-inline-start:36px;--padding-inline-end:36px;}.elementor-336 .elementor-element.elementor-element-3de9ccd, .elementor-336 .elementor-element.elementor-element-3de9ccd::before{--border-transition:0.3s;}.elementor-336 .elementor-element.elementor-element-975c251{--spacer-size:83px;}.elementor-336 .elementor-element.elementor-element-8a4bf46{text-align:center;color:#F3C77B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-336 .elementor-element.elementor-element-8a4bf46 > .elementor-widget-container:hover{--e-transform-scale:0.9;}.elementor-336 .elementor-element.elementor-element-dd233bf{text-align:center;color:#F3C77B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-336 .elementor-element.elementor-element-dd233bf > .elementor-widget-container:hover{--e-transform-scale:0.9;}.elementor-336 .elementor-element.elementor-element-985f4f1{text-align:center;color:#F3C77B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-336 .elementor-element.elementor-element-985f4f1 > .elementor-widget-container{--e-transform-scale:0.9;}.elementor-336 .elementor-element.elementor-element-985f4f1 > .elementor-widget-container:hover{--e-transform-scale:0.8;}.elementor-336 .elementor-element.elementor-element-9e39555{text-align:center;color:#F3C77B;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-336 .elementor-element.elementor-element-9e39555 > .elementor-widget-container:hover{--e-transform-scale:0.9;}.elementor-336 .elementor-element.elementor-element-72e26e4{--grid-template-columns:repeat(0, auto);--icon-size:41px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-336 .elementor-element.elementor-element-72e26e4 .elementor-widget-container{text-align:center;}.elementor-336 .elementor-element.elementor-element-72e26e4 .elementor-social-icon{background-color:#F3C77B00;--icon-padding:0.6em;}.elementor-336 .elementor-element.elementor-element-72e26e4 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-336 .elementor-element.elementor-element-72e26e4 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-336 .elementor-element.elementor-element-72e26e4 .elementor-social-icon:hover{background-color:var( --e-global-color-accent );}#elementor-popup-modal-336 .dialog-message{width:654px;height:100vh;align-items:flex-start;}#elementor-popup-modal-336{justify-content:flex-end;align-items:center;pointer-events:all;background-color:#0000001F;}#elementor-popup-modal-336 .dialog-close-button{display:flex;top:3%;font-size:25px;}#elementor-popup-modal-336 .dialog-widget-content{animation-duration:1.3s;background-color:#000000;background-image:url("https://innovancouver.com/wp-content/uploads/2024/03/Untitled-design.jpg");background-size:cover;border-style:none;border-radius:80px 0px 5px 80px;box-shadow:-8px 8px 66px -14px #F3C77B;}body:not(.rtl) #elementor-popup-modal-336 .dialog-close-button{right:7%;}body.rtl #elementor-popup-modal-336 .dialog-close-button{left:7%;}#elementor-popup-modal-336 .dialog-close-button:hover i{color:#000000;}#elementor-popup-modal-336 .dialog-close-button:hover{background-color:#000000;}@media(max-width:767px){.elementor-336 .elementor-element.elementor-element-8a4bf46{font-size:1px;}.elementor-336 .elementor-element.elementor-element-8a4bf46 > .elementor-widget-container{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-8a4bf46 > .elementor-widget-container:hover{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-dd233bf{font-size:1px;}.elementor-336 .elementor-element.elementor-element-dd233bf > .elementor-widget-container{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-dd233bf > .elementor-widget-container:hover{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-985f4f1{font-size:1px;}.elementor-336 .elementor-element.elementor-element-985f4f1 > .elementor-widget-container{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-985f4f1 > .elementor-widget-container:hover{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-9e39555{font-size:1px;}.elementor-336 .elementor-element.elementor-element-9e39555 > .elementor-widget-container{--e-transform-scale:0.5;}.elementor-336 .elementor-element.elementor-element-9e39555 > .elementor-widget-container:hover{--e-transform-scale:0.5;}#elementor-popup-modal-336 .dialog-message{width:398px;}}@media(min-width:768px){.elementor-336 .elementor-element.elementor-element-3de9ccd{--content-width:787px;}}/* Start custom CSS for text-editor, class: .elementor-element-8a4bf46 */.center {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: {
    color: black;

    repeat: no-repeat;
    position: center;
    size: cover;
  }
}

.center__text {
  margin: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 120px;
  text-transform: uppercase;
}

.glitch {
  position: relative;
  color: #F3C77B;
  mix-blend-mode: lighten;

  &:before,
  &:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      width: 100%;
      background: black;
      clip: rect(0, 0, 0, 0);
  }
  
  &:before {
      left: -1px;
      text-shadow: 1px 0 rgba(red,0.7);
  }

  &:after {
      left: 1px;
      text-shadow: -1px 0 rgba(blue,0.7);
  }

  &:hover {
    &:before {
      text-shadow: 4px 0 rgba(red,0.7);
      animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
    }
    &:after {
      text-shadow: -5px 0 rgba(blue,0.7);
      animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
    }
  }
}

@keyframes glitch-loop-1 {
  0% { clip: rect(36px, 9999px, 9px, 0) }
  25% { clip: rect(25px, 9999px, 99px, 0) }
  50% { clip: rect(50px, 9999px, 102px, 0) }
  75% { clip: rect(30px, 9999px, 92px, 0) }
  100% { clip: rect(91px, 9999px, 98px, 0) }
}

@keyframes glitch-loop-2 {
  0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) }
  25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) }
  50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) }
  75% { top: 0px; left: -4px; clip: rect(95px, 9999px, 53px, 0) }
  100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dd233bf */.center {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: {
    color: black;

    repeat: no-repeat;
    position: center;
    size: cover;
  }
}

.center__text {
  margin: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 120px;
  text-transform: uppercase;
}

.glitch {
  position: relative;
  color: #F3C77B;
  mix-blend-mode: lighten;

  &:before,
  &:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      width: 100%;
      background: black;
      clip: rect(0, 0, 0, 0);
  }
  
  &:before {
      left: -1px;
      text-shadow: 1px 0 rgba(red,0.7);
  }

  &:after {
      left: 1px;
      text-shadow: -1px 0 rgba(blue,0.7);
  }

  &:hover {
    &:before {
      text-shadow: 4px 0 rgba(red,0.7);
      animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
    }
    &:after {
      text-shadow: -5px 0 rgba(blue,0.7);
      animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
    }
  }
}

@keyframes glitch-loop-1 {
  0% { clip: rect(36px, 9999px, 9px, 0) }
  25% { clip: rect(25px, 9999px, 99px, 0) }
  50% { clip: rect(50px, 9999px, 102px, 0) }
  75% { clip: rect(30px, 9999px, 92px, 0) }
  100% { clip: rect(91px, 9999px, 98px, 0) }
}

@keyframes glitch-loop-2 {
  0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) }
  25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) }
  50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) }
  75% { top: 0px; left: -4px; clip: rect(95px, 9999px, 53px, 0) }
  100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-985f4f1 */.center {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: {
    color: black;

    repeat: no-repeat;
    position: center;
    size: cover;
  }
}

.center__text {
  margin: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 120px;
  text-transform: uppercase;
}

.glitch {
  position: relative;
  color: #F3C77B;
  mix-blend-mode: lighten;

  &:before,
  &:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      width: 100%;
      background: black;
      clip: rect(0, 0, 0, 0);
  }
  
  &:before {
      left: -1px;
      text-shadow: 1px 0 rgba(red,0.7);
  }

  &:after {
      left: 1px;
      text-shadow: -1px 0 rgba(blue,0.7);
  }

  &:hover {
    &:before {
      text-shadow: 4px 0 rgba(red,0.7);
      animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
    }
    &:after {
      text-shadow: -5px 0 rgba(blue,0.7);
      animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
    }
  }
}

@keyframes glitch-loop-1 {
  0% { clip: rect(36px, 9999px, 9px, 0) }
  25% { clip: rect(25px, 9999px, 99px, 0) }
  50% { clip: rect(50px, 9999px, 102px, 0) }
  75% { clip: rect(30px, 9999px, 92px, 0) }
  100% { clip: rect(91px, 9999px, 98px, 0) }
}

@keyframes glitch-loop-2 {
  0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) }
  25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) }
  50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) }
  75% { top: 0px; left: -4px; clip: rect(95px, 9999px, 53px, 0) }
  100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9e39555 */.center {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: {
    color: black;

    repeat: no-repeat;
    position: center;
    size: cover;
  }
}

.center__text {
  margin: auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 120px;
  text-transform: uppercase;
}

.glitch {
  position: relative;
  color: #F3C77B;
  mix-blend-mode: lighten;

  &:before,
  &:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      width: 100%;
      background: black;
      clip: rect(0, 0, 0, 0);
  }
  
  &:before {
      left: -1px;
      text-shadow: 1px 0 rgba(red,0.7);
  }

  &:after {
      left: 1px;
      text-shadow: -1px 0 rgba(blue,0.7);
  }

  &:hover {
    &:before {
      text-shadow: 4px 0 rgba(red,0.7);
      animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
    }
    &:after {
      text-shadow: -5px 0 rgba(blue,0.7);
      animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
    }
  }
}

@keyframes glitch-loop-1 {
  0% { clip: rect(36px, 9999px, 9px, 0) }
  25% { clip: rect(25px, 9999px, 99px, 0) }
  50% { clip: rect(50px, 9999px, 102px, 0) }
  75% { clip: rect(30px, 9999px, 92px, 0) }
  100% { clip: rect(91px, 9999px, 98px, 0) }
}

@keyframes glitch-loop-2 {
  0% { top: -1px; left: 1px; clip: rect(65px, 9999px, 119px, 0) }
  25% { top: -6px; left: 4px; clip: rect(79px, 9999px, 19px, 0) }
  50% { top: -3px; left: 2px; clip: rect(68px, 9999px, 11px, 0) }
  75% { top: 0px; left: -4px; clip: rect(95px, 9999px, 53px, 0) }
  100% { top: -1px; left: -1px; clip: rect(31px, 9999px, 149px, 0) }
}/* End custom CSS */