.elementor-100 .elementor-element.elementor-element-d0889c8{--display:flex;--position:fixed;--min-height:50px;--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:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 35px 0px rgba(0, 0, 0, 0.72);top:0px;--z-index:999;}.elementor-100 .elementor-element.elementor-element-d0889c8:not(.elementor-motion-effects-element-type-background), .elementor-100 .elementor-element.elementor-element-d0889c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-100 .elementor-element.elementor-element-d0889c8{left:0px;}body.rtl .elementor-100 .elementor-element.elementor-element-d0889c8{right:0px;}.elementor-100 .elementor-element.elementor-element-9367ab8{--display:flex;--min-height:50px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-9367ab8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .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-100 .elementor-element.elementor-element-a64af89{width:var( --container-widget-width, 75.909% );max-width:75.909%;--container-widget-width:75.909%;--container-widget-flex-grow:0;}.elementor-100 .elementor-element.elementor-element-a64af89.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-100 .elementor-element.elementor-element-0ecbdba{--display:flex;--min-height:50px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100 .elementor-element.elementor-element-0ecbdba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-100 .elementor-element.elementor-element-76dce0b{--display:flex;}.elementor-100 .elementor-element.elementor-element-53dd84d{--display:flex;}.elementor-100 .elementor-element.elementor-element-8c4bef5{--display:flex;}.elementor-100 .elementor-element.elementor-element-d05580c{--display:flex;}.elementor-100 .elementor-element.elementor-element-4b1ccf5{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:20px;--n-menu-title-color-normal:#000000;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-100 .elementor-element.elementor-element-4b1ccf5 {--n-menu-title-color-hover:#B38937;--n-menu-title-color-active:#000000;}.elementor-100 .elementor-element.elementor-element-822cfb8{--display:flex;--min-height:50px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-100 .elementor-element.elementor-element-9367ab8{--width:12%;}.elementor-100 .elementor-element.elementor-element-0ecbdba{--width:70%;}}/* Start custom CSS for html, class: .elementor-element-1662131 *//* From Uiverse.io by SteveBloX */ 
.BTN {
  position: relative;
  padding: 12px 24px;
  border-radius: 8px;
  border: solid 1PX;
  color: #FFF;
  font-family: WORK SANS;
  cursor: pointer;
  background-color: #0c0d0e;
  transition: all 0.2s ease;
}

.BTN:active {
  transform: scale(0.95);
}

.BTN:before,
.BTN:after {
  position: absolute;
  content: "";
  width: 150%;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1000;
  background-repeat: no-repeat;
}

.BTN:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, #0c0d0e 20%, transparent 30%),
    radial-gradient(circle, #926937 20%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #926937 15%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, #926937 20%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, #926937 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
    10% 10%, 18% 18%;
  background-position: 50% 120%;
  animation: orangeTopBubbles 0.6s ease;
}

@keyframes orangeTopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
      40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
      50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
      50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.BTN:hover::after {
  bottom: -70%;
  background-image: radial-gradient(circle, #926937 20%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #926937 15%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, #926937 20%, transparent 20%),
    radial-gradient(circle, #0c0d0e 20%, transparent 20%),
    radial-gradient(circle, #926937 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% 0%;
  animation: orangeBottomBubbles 0.6s ease;
}

@keyframes orangeBottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
      70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
      105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
      110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}/* End custom CSS */