.elementor-2719 .elementor-element.elementor-element-4a41145{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2719 .elementor-element.elementor-element-e8dfc99{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-901c367 */:root{
  --panel:#fbfaf6;
  --muted:#7a7a7a;
  --gold:#9a855b;
  --green:#7bbf22;
  --border:rgba(0,0,0,.08);
  --shadow:0 22px 60px rgba(0,0,0,.18);
  --color:#0b3d2c;
  --white:#ffffff;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Poppins, sans-serif;
  background:#fff;
}

/* ================= HEADER ================= */
.bn-header{
  background:#fff;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:99999;
}
.bn-header .nav-wrap{
  max-width:1600px;
  margin:auto;
  padding:14px 18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
}

/* LOGO */
.bn-header .brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  justify-self:start;
}
.bn-header .brand-logo{
  height:52px;
  width:auto;
  margin-top: -18px;
  object-fit:contain;
}

/* NAV (DESKTOP) */
.bn-header .nav{
  justify-self:center;
}
.bn-header .nav-list{
  list-style:none;
  display:flex;
  gap:28px;
  margin:0;
  padding:0;
  align-items:center;
  justify-content:center;
}
.bn-header .nav-item{ position:relative; }
.bn-header .nav-link{
  text-decoration:none;
  color:#333;
  font-weight:500;
  position:relative;
  padding:10px 0;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.bn-header .caret{ font-size:12px; opacity:.7; }

/* underline on hover */
.bn-header .nav-item:hover > .nav-link,
.bn-header .nav-item:focus-within > .nav-link{
  color:var(--color);
}
.bn-header .nav-item:hover > .nav-link::after,
.bn-header .nav-item:focus-within > .nav-link::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:2px;
  height:2px;
  background:var(--color);
}

/* SOCIAL (DESKTOP) */
.bn-header .nav-social{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:12px;
}
.bn-header .nav-social .soc{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--color);
  border-radius:10px;
  color:#333;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.bn-header .nav-social .soc:hover{
  background:var(--color);
  color:#fff;
  transform:translateY(-1px);
}

/* HAMBURGER */
.bn-header .nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid var(--color);
  background:#fff;
  border-radius:10px;
  cursor:pointer;
  padding:10px;
}
.bn-header .nav-toggle span{
  display:block;
  height:2px;
  background:#333;
  margin:6px 0;
  border-radius:2px;
}

/* ================= MEGA MENU (DESKTOP) ================= */
.bn-header .mega{
  position:fixed;
  left:50%;
  top:90px;
  transform:translateX(-50%) translateY(10px);
  width:1200px;
  background:var(--panel);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  opacity:0;
  visibility:hidden;
  transition:.18s ease;
  z-index:99998;
}
.bn-header .nav-item.open .mega{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
@media (max-width:1100px){
  .bn-header .mega{ width:90vw; }
}

.bn-header .mega-inner{ padding:26px 30px; }
.bn-header .mega-with-image{
  display:grid;
  grid-template-columns:0.9fr 1.4fr;
  gap:28px;
  align-items:stretch;
}

/* IMAGE PANEL */
.bn-header .mega-image{
  border-radius:14px;
  overflow:hidden;
  position:relative;
  min-height:320px;
  background:#eee;
}
.bn-header .mega-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:opacity .2s ease;
}
.bn-header .mega-image img.img-fade{ opacity:.65; }

/* CONTENT */
.bn-header .mega-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.bn-header .mega-link{
  display:inline-block;
  font-size:18px;
  font-weight:600;
  color:var(--color);
  text-decoration:none;
  position:relative;
  padding-bottom:4px;
}
.bn-header .mega-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:var(--color);
  transition:width .25s ease;
}
.bn-header .mega-link:hover::after{ width:100%; }
.bn-header .mega-desc{
  margin:0 0 18px 0;
  font-size:12px;
  color:var(--muted);
  line-height:1.6;
}
.bn-header .mega-bottom{
  background:var(--color);
  color:#fff;
  text-align:center;
  font-size:11px;
  letter-spacing:.18em;
  padding:16px 10px;
}

/* ================= MOBILE + TABLET ================= */
@media (max-width:1024px){

  .bn-header{
    position:relative !important;
    top:auto !important;
  }

  .bn-header .nav-wrap{
    grid-template-columns:auto auto;
    gap:12px;
    align-items:center;
  }

  .bn-header .nav-toggle{
    display:block;
    justify-self:end;
  }

  .bn-header .nav{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:999999 !important;
    display:none !important;
    margin-top:0 !important;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow:0 16px 40px rgba(0,0,0,.12);
    overflow:hidden;
    max-height:calc(100vh - 70px);
  }
  .bn-header.nav-open .nav{ display:block !important; }

  .bn-header .nav-list{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:10px !important;
    margin:0 !important;
    max-height:calc(100vh - 140px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .bn-header .nav-link{
    width:100% !important;
    justify-content:space-between !important;
    padding:14px 12px !important;
    border-radius:12px !important;
  }

  .bn-header .nav-social{ display:none; }
  .bn-header .nav .nav-social{
    display:flex !important;
    justify-content:center;
    gap:12px;
    padding:14px 0 10px;
    margin-top:10px;
    border-top:1px solid var(--border);
  }

  .bn-header .mega{
    position:static !important;
    transform:none !important;
    width:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    box-shadow:none !important;
    border:0 !important;
    background:transparent !important;
    display:none !important;
  }
  .bn-header .nav-item.open .mega{ display:block !important; }

  .bn-header .mega-with-image{ display:block !important; }
  .bn-header .mega-image{ display:none !important; }

  .bn-header .mega-inner{
    padding:12px !important;
    margin:0 6px 10px !important;
    background:#fafafa !important;
    border:1px solid var(--border) !important;
    border-radius:14px !important;
  }

  .bn-header .mega-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .bn-header .mega-link{ font-size:16px !important; }

  .bn-header .mega-bottom{
    border-radius:14px !important;
    margin:0 6px 10px !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
    padding:12px 10px !important;
  }
}


/* =========================================================
   GARVINA STYLE HEADER LOOK - CSS ADD ON ONLY
   Paste at the end of your current CSS
   HTML / dropdown structure same rahega
========================================================= */

/* outer beige strip */
.bn-header{
  background: #e7c796 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* main row */
.bn-header .nav-wrap{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 26px !important;
  min-height: 102px;
  display: grid !important;
  grid-template-columns: 260px 1fr auto !important;
  align-items: center !important;
  gap: 26px !important;
}

/* left green logo block */
.bn-header .brand{
  width: 255px;
  height: 102px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #044c3a;
  position: relative;
  overflow: hidden;
position: relative;
  max-width: 265px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--white);
    /*background: var(--tj-color-theme-primary);*/
  z-index: 2;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
          clip-path: polygon(0 0, 100% , 90% 100%, 10% 100%);
}

);
   -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
          clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
  z-index: -1;
}

.bn-header .brand::before{
  content: "";
  position: absolute;
  inset: 0;
  border-left: 14px solid #efcf9f;
  border-right: 14px solid #efcf9f;
  pointer-events: none;
}

.bn-header .brand-logo{
  height: 56px !important;
  width: auto;
  max-width: 170px;
  object-fit: contain;
  margin: 0 !important;
  position: relative;
  z-index: 2;
  /*(filter: brightness(0) invert(1);*/
}

/* center rounded nav background */
.bn-header .nav{
  justify-self: stretch !important;
  width: 100%;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 34px;
  border-radius: 999px;
  position: relative;
  background:
    linear-gradient(rgba(250,250,246,0.92), rgba(250,250,246,0.92)),
    radial-gradient(circle at 15% 40%, rgba(15,90,50,0.07) 0 40px, transparent 41px),
    radial-gradient(circle at 82% 50%, rgba(15,90,50,0.05) 0 28px, transparent 29px),
    linear-gradient(135deg, #f5f4ef 0%, #ecebe5 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
}

/* nav list spacing */
.bn-header .nav-list{
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center !important;
  gap: 34px !important;
  margin: 0;
  padding: 0;
}

/* menu links */
.bn-header .nav-link{
  color: #063f31 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-decoration: none;
  padding: 12px 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.bn-header .caret{
  color: #063f31 !important;
  font-size: 11px !important;
  opacity: 1 !important;
}

/* underline hover same elegant look */
.bn-header .nav-item:hover > .nav-link,
.bn-header .nav-item:focus-within > .nav-link{
  color: #063f31 !important;
}

.bn-header .nav-item:hover > .nav-link::after,
.bn-header .nav-item:focus-within > .nav-link::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1.5px;
  background: #063f31 !important;
}

/* right social icons like top header icons */
.bn-header .nav-social{
  justify-self: end !important;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
}

.bn-header .nav-social .soc{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: none !important;
  background: transparent !important;
  border-radius: 50% !important;
  color: #063f31 !important;
  text-decoration: none;
  box-shadow: none !important;
  font-size: 16px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.bn-header .nav-social .soc:hover{
  background: transparent !important;
  color: #063f31 !important;
  transform: translateY(-2px);
  opacity: 0.8;
}

/* hamburger button */
.bn-header .nav-toggle{
  border: none !important;
  background: #f6f3eb !important;
  border-radius: 50% !important;
  width: 46px;
  height: 46px;
  box-shadow: none !important;
}

.bn-header .nav-toggle span{
  background: #063f31 !important;
}

/* keep mega menu same, only premium styling */
.bn-header .mega{
  top: 92px !important;
  border-radius: 22px !important;
  overflow: hidden;
}

.bn-header .mega-inner{
  background: #fbfaf6 !important;
}

.bn-header .mega-bottom{
  background: #044c3a !important;
  color: #fff !important;
}

/* ================= MOBILE / TABLET ================= */
@media (max-width: 1024px){

  .bn-header{
    padding: 10px 0 !important;
  }

  .bn-header .nav-wrap{
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
    padding: 0 14px !important;
    min-height: auto !important;
  }

  .bn-header .brand{
    width: 190px;
    height: 76px;
    clip-path: polygon(10% 0, 100% 0, 86% 100%, 0 100%);
  }

  .bn-header .brand::before{
    border-left-width: 10px;
    border-right-width: 10px;
  }

  .bn-header .brand-logo{
    height: 42px !important;
    max-width: 130px;
  }

  .bn-header .nav{
    background: #f7f5ef !important;
    border-radius: 18px !important;
    padding: 8px !important;
  }

  .bn-header .nav-social .soc{
    width: 38px;
    height: 38px;
  }
}/* End custom CSS */