.elementor-2134 .elementor-element.elementor-element-f5c342b{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-59336f0 );--border-color:var( --e-global-color-59336f0 );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-2134 .elementor-element.elementor-element-f5c342b:not(.elementor-motion-effects-element-type-background), .elementor-2134 .elementor-element.elementor-element-f5c342b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2134 .elementor-element.elementor-element-f5c342b.e-con{--align-self:center;}.elementor-2134 .elementor-element.elementor-element-3a4d874 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-db01d4c-font-family ), Sans-serif;font-size:var( --e-global-typography-db01d4c-font-size );font-weight:var( --e-global-typography-db01d4c-font-weight );text-transform:var( --e-global-typography-db01d4c-text-transform );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );fill:var( --e-global-color-b5be994 );color:var( --e-global-color-b5be994 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:10px 15px 10px 15px;}.elementor-2134 .elementor-element.elementor-element-3a4d874 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2134 .elementor-element.elementor-element-3a4d874 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2134 .elementor-element.elementor-element-3a4d874 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-2134 .elementor-element.elementor-element-46aacd1 > .elementor-widget-container{background-color:var( --e-global-color-b5be994 );padding:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;}.elementor-2134 .elementor-element.elementor-element-46aacd1{text-align:center;}.elementor-2134 .elementor-element.elementor-element-46aacd1 img{width:116px;border-style:none;}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-db01d4c-font-family ), Sans-serif;font-size:var( --e-global-typography-db01d4c-font-size );font-weight:var( --e-global-typography-db01d4c-font-weight );text-transform:var( --e-global-typography-db01d4c-text-transform );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );fill:var( --e-global-color-b5be994 );color:var( --e-global-color-b5be994 );border-style:none;border-radius:20px 20px 20px 20px;padding:15px 25px 15px 25px;}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button:hover, .elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button:focus{background-color:var( --e-global-color-965688d );color:var( --e-global-color-b5be994 );}.elementor-2134 .elementor-element.elementor-element-281ffca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button:hover svg, .elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button:focus svg{fill:var( --e-global-color-b5be994 );}.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-2134 .elementor-element.elementor-element-f5c342b{--width:100%;}}@media(max-width:1024px){.elementor-2134 .elementor-element.elementor-element-3a4d874 .elementor-button{font-size:var( --e-global-typography-db01d4c-font-size );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button{font-size:var( --e-global-typography-db01d4c-font-size );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );}}@media(max-width:767px){.elementor-2134 .elementor-element.elementor-element-3a4d874 .elementor-button{font-size:var( --e-global-typography-db01d4c-font-size );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );}.elementor-2134 .elementor-element.elementor-element-281ffca .elementor-button{font-size:var( --e-global-typography-db01d4c-font-size );line-height:var( --e-global-typography-db01d4c-line-height );letter-spacing:var( --e-global-typography-db01d4c-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-f5c342b */:root {
  --default-pages-background-color: #ffffff;
  --navigation-opened-background-color: #ffffff;
  --close-icon-color: #4C956C;
  --close-icon-border-color: #4C956C;
}

html {
  overflow-x: hidden;
  overflow-y: scroll; /* to keep the width of the scroll bar on screen even while the nav is opened */
}

body.fancyNav {
  background-color: var(--navigation-opened-background-color, #999999);
}

#fancyNavWrapper {
  position: fixed;
  left: 0; /* Changed from right: 0; */
  top: 0;
  z-index: 4;
  transition: transform var(--nav-timing), opacity var(--nav-timing);
  transform: translateX(-30%); /* Changed from 90% */
  opacity: 0;
}

.fancyNavOpened #fancyNavWrapper {
  transform: translateX(0);
  opacity: 1;
  transition: transform var(--nav-timing) 0.08s, opacity var(--nav-timing) 0.08s;
}

#contentWrapper {
  z-index: 6;
  position: relative;
  background-color: var(--default-pages-background-color, #ffffff);
  transition: transform var(--nav-timing);
}

.fancyNavOpened #contentWrapper {
  transform: scale(0.78) translateX(36vw); /* Adjusted translateX value */
  height: 90vh;
}


#closeNav {
  position: fixed;
  left: 20vw; /* Changed from right: .9vw; */
  top: 50%;
  width: 54px;
  height: 54px;
  z-index: 9;
  border-radius: 51%;
  border: 2px solid var(--close-icon-border-color);
  background-color: var(--close-icon-bg-color);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%); /* Adjusted transform */
  transition: transform 0.3s, opacity 0.14s;
}

.fancyNavOpened #closeNav {
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: all;
  transition: transform 0.3s, opacity 0.3s 0.6s;
}

.fancyNavOpened #closeNav:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

#closeNav:before,
#closeNav:after {
  position: absolute;
  content: ' ';
  width: 30px;
  height: 2px;
  background-color: var(--close-icon-color);
}

#closeNav:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#closeNav:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#navContainer {
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  width: 20vw;
  padding: 60px 3vw;
  background-color: var(--navigation-opened-background-color, #999999);
}


/* styles for tablet devices */
@media (max-width:1023px) {

  #navContainer {
    width: 50vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(64vw); /* Adjusted translateX value */
  }

  #closeNav {
    left: 60.8vw; /* Changed from right */
    width: 44px;
    height: 44px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 23px;
    height: 2px;
  }

}


/* styles for mobile devices */
@media (max-width:767px) {

  #navContainer {
    width: 78vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(90vw); /* Adjusted translateX value */
  }

  #closeNav {
    left: 81.4vw; /* Changed from right */
    width: 34px;
    height: 34px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 18px;
    height: 2px;
  }

}/* End custom CSS */