.elementor-35 .elementor-element.elementor-element-14d0928{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:0;}.elementor-35 .elementor-element.elementor-element-14d0928.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.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-35 .elementor-element.elementor-element-14d0928{width:100%;max-width:100%;z-index:999999;}.elementor-35 .elementor-element.elementor-element-14d0928 > .elementor-widget-container{margin:1px 1px 1px 1px;}}/* Start custom CSS for html, class: .elementor-element-14d0928 */:root{
    --primary-green:#043222;
    --secondary-green:#2F7D5B;
    --accent-light:#E8F5EE;
    --text-color:#222222;
    --bg-white:#f6e9d;
  }
 
  *{ box-sizing:border-box; margin:0; padding:0; }
 
  body{
    font-family:'Open Sans', sans-serif;
    color:var(--text-color);
    background:#f5f5f5;
  }
 
  /* ===== HEADER ===== */
  .rd-header{
    position: sticky;
    top: 0;
    z-index: 999;
    width:100%;
    height:70px;
    background:var(--bg-white);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1px;
    max-width:1240px;
    margin:0 auto;
    box-shadow:0 1px 10px rgba(0,0,0,0.08);
    transition:height 0.3s ease, box-shadow 0.3s ease;
  }
 
  .rd-header.scrolled{
    height:70px;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
  }
 
  /* Logo */
  .rd-logo{
    display:flex;
    align-items:center;
    gap:75px;
  }
  .rd-logo img{
    height:35px;
    width:auto;
  }
  .rd-logo-text h1{
    font-family:'Poppins', sans-serif;
    font-weight:600;
    font-size:20px;
    color:var(--primary-green);
    line-height:1.1;
  }
  .rd-logo-text span{
    font-family:'Open Sans', sans-serif;
    font-size:10px;
    letter-spacing:1px;
    color:var(--secondary-green);
    display:block;
  }
 
  /* Nav */
  .rd-nav{
    display:flex;
    align-items:center;
    gap:20px;
  }
  .rd-nav a{
    text-decoration:none;
    font-family:'Poppins', sans-serif;
    font-weight:500;
    font-size:11px;
    color:var(--text-color);
    position:relative;
    padding-bottom:5px;
    transition:color 0.25s ease;
  }
  .rd-nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    height:2px;
    background:var(--secondary-green);
    transition:width 0.25s ease;
  }
  .rd-nav a:hover,
  .rd-nav a.active{
    color:var(--secondary-green);
  }
  .rd-nav a:hover::after,
  .rd-nav a.active::after{
    width:90%;
  }
 
  /* Right side: phone + CTA */
  .rd-right{
    display:flex;
    align-items:center;
    gap:20px;
  }
  .rd-phone{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:'Poppins', sans-serif;
    font-weight:50;
    font-size:12px;
    color:var(--text-color);
    text-decoration:none;
    border-left:2px solid #ddd;
    padding-left:12px;
  }
  .rd-phone-icon{
    width:35px;
    height:34px;
    border-radius:50%;
    background:var(--secondary-green);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    flex-shrink:0;
  }
  .rd-cta{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--primary-green);
    color:#fff;
    font-family:'Poppins', sans-serif;
    font-weight:50;
    font-size:13px;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
    white-space:nowrap;
    transition:background 0.25s ease;
  }
  .rd-cta:hover{
    background:var(--secondary-green);
  }
 
  /* ===== MOBILE ===== */
  .rd-hamburger{
    display:none;
    flex-direction:column;
    gap:3px;
    cursor:pointer;
    background:none;
    border:none;
  }
  .rd-hamburger span{
    width:25px;
    height:2px;
    background:var(--text-color);
  }
 
  .rd-mobile-phone{
    display:none;
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--secondary-green);
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
  }
 
  /* Mobile slide-in menu */
  .rd-mobile-menu{
    position:fixed;
    top:0;
    right:-320px;
    width:300px;
    height:100%;
    background:var(--bg-white);
    z-index:9999;
    transition:right 0.3s ease;
    box-shadow:-4px 0 15px rgba(0,0,0,0.1);
    display:flex;
    flex-direction:column;
  }
  .rd-mobile-menu.open{
    right:0;
  }
  .rd-mobile-menu-header{
    background:var(--primary-green);
    color:#fff;
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:'Poppins', sans-serif;
    font-weight:600;
    letter-spacing:1px;
  }
  .rd-mobile-menu-header button{
    background:none;
    border:none;
    color:#fff;
    font-size:20px;
    cursor:pointer;
  }
  .rd-mobile-menu nav{
    display:flex;
    flex-direction:column;
    padding:10px 20px;
  }
  .rd-mobile-menu nav a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 0;
    text-decoration:none;
    color:var(--text-color);
    font-family:'Poppins', sans-serif;
    font-size:15px;
    border-bottom:1px solid #f0f0f0;
  }
  .rd-mobile-menu .rd-cta{
    margin:16px 20px;
    justify-content:center;
  }
 
  .rd-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    z-index:9999;
  }
  .rd-overlay.open{ display:block; }
 
  @media (max-width: 990px){
    .rd-nav, .rd-right .rd-phone, .rd-right .rd-cta{
      display:none;
    }
    .rd-mobile-phone{ display:flex; }
    .rd-hamburger{ display:flex; }
    .rd-right{ gap:5px; }
    .rd-logo-text h1{ font-size:18px; }
  }
 /* ====================================================
   MOBILE MENU BACKGROUND FIX
   Something else on the page is overriding the mobile
   slide-in menu's background, making it transparent.
   This forces it back to solid white with !important
   so it can't be accidentally overridden again.
 
   Paste this into your HEADER widget's Custom CSS box,
   at the very END (after all existing CSS).
   ==================================================== */
 
.rd-mobile-menu{
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}
 
.rd-mobile-menu-header{
  background: #043222 !important;
  opacity: 1 !important;
}
 
.rd-overlay{
  background: rgba(0,0,0,0.4) !important;
}
/* ====================================================
   HEADER SEARCH BUTTON
   CSS-only toggle (checkbox hack) — no JavaScript,
   so it can't conflict with anything else on the page.
   Works identically on desktop and mobile.
 
   Paste the CSS into your Header widget's Custom CSS,
   and add the HTML snippet into your Header's HTML
   (see instructions below for exact placement).
   ==================================================== */
 
.rd-search-icon-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  background:none;
  border:1.5px solid #ddd;
  color:#222222;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  transition:border-color 0.2s ease, background 0.2s ease;
}
.rd-search-icon-btn:hover{
  border-color:#2F7D5B;
  background:#E8F5EE;
}
 
/* Hidden checkbox that controls the toggle state */
#rdSearchToggle{
  display:none;
}
 
/* Search bar - hidden by default, expands below header when toggled */
.rd-search-bar{
  max-height:0;
  overflow:hidden;
  background:#fff;
  transition:max-height 0.3s ease, padding 0.3s ease;
  border-bottom:1px solid #eee;
}
 
/* When checkbox is checked, show the search bar */
#rdSearchToggle:checked ~ .rd-search-bar{
  max-height:90px;
  padding:16px 20px;
}
 
.rd-search-bar-inner{
  max-width:1140px;
  margin:0 auto;
  display:flex;
  gap:10px;
}
 
.rd-search-bar input[type="text"]{
  flex:1;
  font-family:'Open Sans', sans-serif;
  font-size:14px;
  padding:12px 16px;
  border:1.5px solid #e2e6e4;
  border-radius:8px;
  outline:none;
}
.rd-search-bar input[type="text"]:focus{
  border-color:#2F7D5B;
}
 
.rd-search-bar button[type="submit"]{
  background:#043222;
  color:#fff;
  border:none;
  border-radius:8px;
  padding:0 22px;
  font-family:'Poppins', sans-serif;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  transition:background 0.2s ease;
}
.rd-search-bar button[type="submit"]:hover{
  background:#2F7D5B;
}
 
@media (max-width: 600px){
  .rd-search-bar-inner{ flex-direction:row; }
  .rd-search-bar input[type="text"]{ font-size:13px; }
}/* End custom CSS */