.elementor-41 .elementor-element.elementor-element-e18f75e{--display:flex;--position:absolute;--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:flex-end;--align-items:center;--overflow:hidden;top:0px;}body:not(.rtl) .elementor-41 .elementor-element.elementor-element-e18f75e{left:0px;}body.rtl .elementor-41 .elementor-element.elementor-element-e18f75e{right:0px;}.elementor-41 .elementor-element.elementor-element-3c44c73{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-41 .elementor-element.elementor-element-80672f5{width:var( --container-widget-width, 51% );max-width:51%;background-color:#FFFFFF;padding:10px 10px 10px 10px;--container-widget-width:51%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#30303099;border-radius:50px 50px 50px 50px;}.elementor-41 .elementor-element.elementor-element-80672f5 img{border-style:none;border-radius:50px 50px 50px 50px;}.elementor-41 .elementor-element.elementor-element-c041829{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-41 .elementor-element.elementor-element-5545675 .elementor-menu-toggle{margin:0 auto;}.elementor-41 .elementor-element.elementor-element-5545675 .elementor-nav-menu .elementor-item{font-family:"Sora", Sans-serif;font-weight:400;}.elementor-41 .elementor-element.elementor-element-5545675 .elementor-nav-menu--main .elementor-item{color:#490101;fill:#490101;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-41 .elementor-element.elementor-element-360eb36 .elementor-button{background-color:var( --e-global-color-849c36a );font-family:"Sora", Sans-serif;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:33px 33px 33px 33px;padding:20px 40px 20px 40px;}.elementor-41 .elementor-element.elementor-element-15a4e3b{--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;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-15a4e3b.e-con{--align-self:flex-end;}.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-41 .elementor-element.elementor-element-3c44c73{--width:16%;}.elementor-41 .elementor-element.elementor-element-c041829{--width:63%;}.elementor-41 .elementor-element.elementor-element-15a4e3b{--width:49%;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-e18f75e{--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;--justify-content:space-between;}.elementor-41 .elementor-element.elementor-element-3c44c73{--width:17%;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-80672f5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-41 .elementor-element.elementor-element-15a4e3b{--z-index:9999;}}/* Start custom CSS for nav-menu, class: .elementor-element-5545675 *//* ================================
   Foliage pill menu (scoped)
   Add class: foliage-pill-menu to the Elementor Nav Menu widget
================================ */

/* wrapper (the capsule bar) */
.foliage-pill-menu .elementor-nav-menu--main{
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;

  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.08);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 18px 55px rgba(0,0,0,.10);
  font-family: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* remove Elementor default spacing that breaks pill look */
.foliage-pill-menu .elementor-nav-menu--main .elementor-nav-menu{
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

/* each link */
.foliage-pill-menu .elementor-nav-menu--main .elementor-item{
  border-radius: 999px !important;
  padding: 12px 18px !important;

  color: #1a1a1a !important;
  background: transparent !important;

  font-weight: 500 !important;
  line-height: 1 !important;

  transition: background .18s ease, transform .18s ease, color .18s ease;
}

/* hover */
.foliage-pill-menu .elementor-nav-menu--main .elementor-item:hover{
  background: rgba(0,0,0,.06) !important;
  transform: translateY(-1px);
}

/* active/current item (black pill like your screenshot) */
.foliage-pill-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.foliage-pill-menu .elementor-nav-menu--main .current-menu-item > a.elementor-item,
.foliage-pill-menu .elementor-nav-menu--main .current_page_item > a.elementor-item{
  background: #2b2b2b !important;
  color: #fff !important;
}

/* optional: icon+text menu item spacing if you use icons */
.foliage-pill-menu .elementor-nav-menu--main .elementor-item .sub-arrow{
  margin-left: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38c0d0c *//* ONLY affects #bbOC offcanvas. Nothing else. */
#bbOC.bb-offcanvas{
  --bb-z: 1000000;
  --bb-panel-w: 420px;
  --bb-overlay: rgba(0,0,0,.38);
  --bb-blur: 14px;
  --bb-radius: 22px;

  /* Desktop light/glass */
  --bb-panel-bg: rgba(245, 244, 240, .72);
  --bb-border: rgba(0,0,0,.10);
  --bb-shadow: 0 22px 70px rgba(0,0,0,.18);
  --bb-text: #111;
  --bb-link-bg: rgba(255,255,255,.62);
  --bb-link-hover: rgba(255, 211, 77, .35);
  --bb-trigger-bg: rgba(255,255,255,.72);

  font-family: "Sora", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  position: relative;
  z-index: var(--bb-z);
}

@media (max-width: 767px){
  #bbOC.bb-offcanvas{
    --bb-panel-w: 360px;
  
  }
}

#bbOC .bb-chk{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

#bbOC .bb-trigger{
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;

  position: fixed;
  top: 18px;
  right: 18px;

  background: var(--bb-trigger-bg);
  border: 1px solid var(--bb-border);
  border-radius: 18px;

  backdrop-filter: blur(var(--bb-blur));
  -webkit-backdrop-filter: blur(var(--bb-blur));
  box-shadow: 0 18px 55px rgba(0,0,0,.14);

  color: var(--bb-text);
  z-index: calc(var(--bb-z) + 5);
}

/* Hamburger/Close swap */
#bbOC .bb-ico-close{ display: none; }
#bbOC .bb-chk:checked + .bb-trigger .bb-ico-open{ display: none; }
#bbOC .bb-chk:checked + .bb-trigger .bb-ico-close{ display: inline-flex; }

/* Overlay */
#bbOC .bb-overlay{
  position: fixed;
  inset: 0;
  background: var(--bb-overlay);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
  z-index: calc(var(--bb-z) + 1);
}

/* Panel */
#bbOC .bb-panel{
  position: fixed;
  top: 16px;
  bottom: 16px;

  width: min(var(--bb-panel-w), 92vw);
  padding: 18px;

  border-radius: var(--bb-radius);
  background: var(--bb-panel-bg);
  border: 1px solid var(--bb-border);
  box-shadow: var(--bb-shadow);

  backdrop-filter: blur(var(--bb-blur));
  -webkit-backdrop-filter: blur(var(--bb-blur));

  overflow: auto;
  transition: transform .32s ease;
  z-index: calc(var(--bb-z) + 2);
  color: var(--bb-text);
}

/* Direction */
#bbOC.bb-from-right .bb-panel{ right: 16px; transform: translateX(110%); }
#bbOC.bb-from-left  .bb-panel{ left: 16px; transform: translateX(-110%); }

/* Open */
#bbOC .bb-chk:checked ~ .bb-overlay{
  opacity: 1;
  pointer-events: auto;
}
#bbOC.bb-from-right .bb-chk:checked ~ .bb-panel{ transform: translateX(0); }
#bbOC.bb-from-left  .bb-chk:checked ~ .bb-panel{ transform: translateX(0); }

/* Panel head */
#bbOC .bb-panel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
#bbOC .bb-brand{
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .2px;
}

/* Links as soft cards */
#bbOC .bb-menu{
  display: grid;
  gap: 12px;
  margin-top: 6px;
}

#bbOC .bb-menu a{
  display: flex;
  align-items: center;
  justify-content: space-between;

  text-decoration: none !important;
  color: var(--bb-text) !important;
  font-weight: 600;
  font-size: 16px;

  padding: 14px 16px;
  border-radius: 18px;

  background: var(--bb-link-bg);
  border: 1px solid rgba(0,0,0,.06);

  transition: background .18s ease, transform .18s ease;
}

@media (max-width: 767px){
  #bbOC .bb-menu a{
    border: 1px solid rgba(255,255,255,.10);
  }
}

#bbOC .bb-menu a:hover{
  background: var(--bb-link-hover);
  transform: translateY(-1px);
}/* End custom CSS */