/* ==========================================================
   MHP Grow / MHP International - Careful Premium Upgrade
   Keep this file after responsive.css on every page.
   ========================================================== */
:root{
  --mhp-green:#087b4a;
  --mhp-green-dark:#043d28;
  --mhp-green-mid:#0d9360;
  --mhp-gold:#d5a344;
  --mhp-cream:#f7fbf5;
  --mhp-ink:#10251b;
  --mhp-muted:#61726b;
  --mhp-border:rgba(11,91,54,.14);
  --mhp-shadow:0 18px 42px rgba(5,58,35,.14);
}
html{scroll-behavior:smooth;}
body{background:#fff;color:var(--mhp-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;}
a,img,button{transition:all .25s ease;}
img{max-width:100%;height:auto;}
.kode_wraper{background:#fff;overflow:hidden;}

/* ================= Header / Logo ================= */
.header{position:relative;z-index:1000;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08);}
.kode_top_strip{background:#fff!important;padding:0!important;border-bottom:1px solid rgba(8,123,74,.10);}
.kode_top_strip .container{position:relative;}
.kode_top_strip .row{display:flex;align-items:center;justify-content:center;margin:0;}
.kode_top_strip .col-md-4:first-child,
.kode_top_strip .col-md-4:last-child{display:none!important;}
.kode_top_strip .col-md-4:nth-child(2){width:100%!important;float:none!important;text-align:center;padding:0!important;}
.kode_top_logo{float:none!important;width:100%!important;text-align:center!important;padding:6px 0 7px!important;}
.kode_top_logo figure{margin:0!important;padding:0!important;line-height:0!important;display:flex!important;align-items:center;justify-content:center;}
.kode_top_logo figure br{display:none!important;}
.kode_top_logo a{display:inline-flex!important;align-items:center;justify-content:center;height:108px;max-width:360px;overflow:hidden;}
.kode_top_logo img{display:block!important;width:auto!important;max-width:330px!important;max-height:none!important;height:128px!important;object-fit:contain!important;object-position:center!important;transform:scale(1.18);transform-origin:center;}

/* ================= Desktop Nav ================= */
.kode_top_navigation{float:left;width:100%;padding:0!important;background:linear-gradient(135deg,var(--mhp-green-dark) 0%,var(--mhp-green) 58%,var(--mhp-green-mid) 100%)!important;box-shadow:0 10px 26px rgba(4,61,40,.25);}
.kode_top_navibar{float:none!important;width:100%!important;text-align:center;}
.kode_top_navi{float:none!important;display:inline-flex;align-items:center;justify-content:center;gap:3px;margin:0!important;padding:0!important;}
.kode_top_navi li{float:none!important;display:inline-block;position:relative;}
.kode_top_navi>li>a{display:block!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.25px;text-transform:uppercase;padding:18px 15px!important;margin:0!important;line-height:1.2!important;border-radius:0;position:relative;}
.kode_top_navi>li>a:after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:2px;background:linear-gradient(90deg,var(--mhp-gold),#fff);transform:scaleX(0);transform-origin:left;transition:.25s ease;}
.kode_top_navi>li:hover>a,
.kode_top_navi>li>a.active{background:rgba(255,255,255,.12)!important;color:#fff!important;}
.kode_top_navi>li:hover>a:after,
.kode_top_navi>li>a.active:after{transform:scaleX(1);}
.kode_top_navi li.has-submenu>a{padding-right:28px!important;}
.kode_top_navi li.has-submenu>a:before{content:"\f107";font-family:FontAwesome;position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:12px;color:rgba(255,255,255,.82);}
.kode_top_navi li ul{display:block!important;visibility:hidden;opacity:0;position:absolute;top:100%;left:0;min-width:265px;margin:0!important;padding:10px 0!important;background:#fff!important;border:1px solid rgba(8,123,74,.12);border-radius:0 0 18px 18px;box-shadow:0 20px 46px rgba(0,0,0,.18);transform:translateY(10px);transition:.22s ease;z-index:99999;text-align:left;}
.kode_top_navi li:hover>ul{visibility:visible;opacity:1;transform:translateY(0);}
.kode_top_navi li ul li{display:block!important;width:100%!important;float:none!important;}
.kode_top_navi li ul li a{display:block!important;color:var(--mhp-ink)!important;font-size:14px!important;font-weight:700!important;text-transform:none!important;padding:12px 20px!important;border-bottom:1px solid rgba(8,123,74,.08);line-height:1.35!important;}
.kode_top_navi li ul li:last-child a{border-bottom:0;}
.kode_top_navi li ul li a:hover{background:var(--mhp-cream)!important;color:var(--mhp-green-dark)!important;padding-left:26px!important;}

/* ================= Mobile Nav ================= */
#kode-responsive-navigation{display:none;}
.dl-menuwrapper{float:none!important;max-width:100%!important;width:100%!important;text-align:right;}
.dl-menuwrapper button.dl-trigger{background:var(--mhp-green-dark)!important;border-radius:10px!important;color:#fff!important;width:46px!important;height:42px!important;text-indent:-9999px;position:relative;margin:8px 0!important;box-shadow:0 8px 20px rgba(0,0,0,.18);}
.dl-menuwrapper button.dl-trigger:before{content:"\f0c9";font-family:FontAwesome;position:absolute;inset:0;text-indent:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;}
.dl-menuwrapper ul{background:#fff!important;border-radius:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important;overflow:hidden;}
.dl-menuwrapper li a{color:var(--mhp-ink)!important;font-weight:700!important;border-bottom:1px solid rgba(8,123,74,.10)!important;}
.dl-menuwrapper li a:hover{background:var(--mhp-cream)!important;color:var(--mhp-green-dark)!important;}

/* ================= Hero Slider - fixed height + readable text ================= */
.kode_dance_banner{float:left;width:100%;position:relative;background:#0b2216;overflow:hidden;}
.kode_dance_banner .bx-wrapper{margin:0!important;border:0!important;box-shadow:none!important;background:#0b2216!important;}
.kode_dance_banner .bx-wrapper .bx-viewport{height:560px!important;background:#0b2216!important;border:0!important;box-shadow:none!important;left:0!important;overflow:hidden!important;}
.kode_dance_banner .bxslider,
.kode_dance_banner .bxslider>li,
.kode_dance_banner figure{height:560px!important;min-height:560px!important;margin:0!important;position:relative!important;background:#0b2216;overflow:hidden;}
.kode_dance_banner figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,17,.78) 0%,rgba(2,28,17,.52) 39%,rgba(2,28,17,.16) 72%,rgba(2,28,17,.04) 100%);z-index:1;pointer-events:none;}
.kode_dance_banner img{width:100%!important;height:560px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important;}
.kode_banner_caption{position:absolute!important;left:7%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translateY(-50%)!important;z-index:5!important;width:640px!important;max-width:86vw!important;text-align:left!important;padding:30px 34px!important;background:rgba(6,44,27,.62)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:22px!important;box-shadow:0 22px 56px rgba(0,0,0,.30)!important;}
.kode_banner_caption br{display:none!important;}
.kode_banner_caption h3{display:inline-block!important;color:#fff!important;background:rgba(213,163,68,.22)!important;border:1px solid rgba(213,163,68,.45)!important;border-radius:999px!important;padding:8px 15px!important;margin:0 0 14px!important;font-size:15px!important;line-height:1.2!important;font-style:normal!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.7px!important;}
.kode_banner_caption h1{margin:0!important;padding:0!important;color:#fff!important;font-size:39px!important;line-height:1.16!important;font-weight:800!important;letter-spacing:-.35px!important;text-shadow:0 5px 18px rgba(0,0,0,.38)!important;}
.kode_banner_caption h1 span{display:block!important;color:#fff!important;margin:0!important;}
.kode_banner_caption ul{float:none!important;width:auto!important;margin:22px 0 0!important;padding:0!important;display:flex!important;align-items:center;gap:12px;}
.kode_banner_caption ul li{float:none!important;margin:0!important;display:inline-block!important;}
.kode_banner_caption ul li a,
.kode_banner_caption ul li a.active{display:inline-flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mhp-gold),#efd27b)!important;color:#10251b!important;border:0!important;border-radius:999px!important;padding:12px 25px!important;margin:0!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;box-shadow:0 14px 32px rgba(213,163,68,.28)!important;}
.kode_banner_caption ul li a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(213,163,68,.36)!important;}
.kode_dance_banner .bx-pager.bx-default-pager{bottom:24px!important;z-index:20!important;}
.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a{width:11px!important;height:11px!important;border-radius:50%!important;margin:0 5px!important;background:rgba(255,255,255,.72)!important;border:2px solid rgba(255,255,255,.95)!important;}
.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.kode_dance_banner .bx-wrapper .bx-pager.bx-default-pager a.active{height:11px!important;background:var(--mhp-gold)!important;}
.kode_dance_banner .bx-wrapper .bx-controls-direction a{z-index:25!important;background:rgba(255,255,255,.88)!important;border-radius:50%;width:42px!important;height:42px!important;text-align:center!important;}
.kode_dance_banner .bx-wrapper .bx-controls-direction .bx-next::after,
.kode_dance_banner .bx-wrapper .bx-controls-direction .bx-prev::after{font-size:36px!important;color:var(--mhp-green-dark)!important;line-height:42px!important;}

/* ================= Home content polish ================= */
.kode_dance_studio{padding:68px 0 48px!important;background:linear-gradient(180deg,#fff 0%,#f7fbf5 100%);position:relative;}
.kode_dance_caption{max-width:1080px;margin:auto!important;background:#fff;border:1px solid var(--mhp-border);border-radius:24px;padding:38px 42px!important;box-shadow:var(--mhp-shadow);position:relative;overflow:hidden;}
.kode_dance_caption:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--mhp-green),var(--mhp-gold));}
.kode_dance_caption h2{margin:0 0 20px!important;text-align:left!important;color:var(--mhp-ink)!important;font-size:36px!important;line-height:1.2!important;font-weight:800!important;}
.kode_dance_caption h2 span,.kode_dance_caption h2 .style2{color:var(--mhp-green-dark)!important;}
.kode_dance_caption h2:after{content:"";display:block;width:76px;height:4px;border-radius:999px;background:var(--mhp-gold);margin-top:13px;}
.kode_dance_caption p{font-size:16px!important;color:var(--mhp-muted)!important;text-align:justify;margin:0 0 14px!important;}
hr.style1{display:none!important;}
.kode_dance_team_wraper{padding:42px 0 76px!important;background:#fff;}
.kode_dance_team_wraper .container .container{width:100%!important;padding:0!important;}
.kode_dance_team_wraper .col-md-4{margin-bottom:28px;}
.kode_dance_team_wraper .col-md-4>p:first-child{background:#fff;margin:0!important;padding:24px 24px 4px!important;border-radius:22px 22px 0 0;border:1px solid var(--mhp-border);border-bottom:0;box-shadow:0 13px 34px rgba(8,80,48,.08);}
.kode_dance_team_wraper .col-md-4>p:first-child span{font-size:22px!important;color:var(--mhp-ink)!important;line-height:1.25!important;}
.kode_dance_team_wraper .col-md-4>p:nth-child(2){background:#fff;color:var(--mhp-muted)!important;margin:0!important;padding:4px 24px 18px!important;border-left:1px solid var(--mhp-border);border-right:1px solid var(--mhp-border);font-size:15px!important;min-height:58px;}
.kode_dance_team_wraper .col-md-4 img{width:100%!important;height:255px!important;object-fit:cover!important;border:0!important;border-radius:0 0 22px 22px!important;box-shadow:0 16px 34px rgba(8,80,48,.12);transition:.28s ease;}
.kode_dance_team_wraper .col-md-4:hover img{transform:translateY(-4px);box-shadow:0 23px 44px rgba(8,80,48,.20);}

/* ================= Inner page polish ================= */
.kode_sub_banner,.sub-banner,.kode_blog_banner{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--mhp-green-dark),var(--mhp-green))!important;}
.kode_blog3_wraper,.kode_contact_wraper,.kode_event_wraper,.kode_our_teacher,.kode_gallery_wraper{padding-top:68px!important;padding-bottom:68px!important;}
.kode_blog3_fig,.kode_teacher_fig,.kode_event_fig,.kode_gallery_fig,.kode_contact_field,.kode_contact_info{border-radius:20px;overflow:hidden;box-shadow:var(--mhp-shadow);border:1px solid var(--mhp-border);background:#fff;}
.kode_blog3_fig img,.kode_teacher_fig img,.kode_event_fig img,.kode_gallery_fig img{transition:.35s ease;}
.kode_blog3_fig:hover img,.kode_teacher_fig:hover img,.kode_event_fig:hover img,.kode_gallery_fig:hover img{transform:scale(1.035);}

/* ================= Footer - fixed overlay, columns and copyright ================= */
.kode_footer_wraper{
  position:relative!important;
  background:radial-gradient(circle at 12% 0%,rgba(213,163,68,.14),transparent 28%),linear-gradient(135deg,#061f14 0%,#0a3c25 56%,#041b11 100%)!important;
  color:#dcefe4!important;
  padding-top:62px!important;
}
.kode_footer_wraper:before{display:none!important;}
.kode_footer_wraper>.container,
.kode_footer_copyright{position:relative;z-index:2;}
.kode_footer_wraper .row{display:flex;flex-wrap:wrap;align-items:stretch;}
.kode_footer_wraper .col-md-4{margin-bottom:24px;}
.kode_foter_row{
  height:100%;
  min-height:205px;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  padding:26px 24px!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18)!important;
}
.kode_foter_row h4{
  color:#fff!important;
  font-weight:800!important;
  font-size:20px!important;
  margin:0 0 18px!important;
  position:relative;
  padding-bottom:12px!important;
}
.kode_foter_row h4:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:3px;
  border-radius:999px;
  background:var(--mhp-gold);
}
.kode_footer_caption p,
.kode_footer_timing span,
.kode_footer_timing li span,
.kode_footer_touch a{
  color:#dcefe4!important;
  font-size:15px!important;
  line-height:1.65!important;
  text-decoration:none!important;
}
.kode_footer_touch ul,
.kode_footer_timing ul{margin:0!important;padding:0!important;list-style:none!important;}

/* Footer Get In Touch icon alignment - final fix */
.kode_footer_touch ul li{
  margin-bottom:12px!important;
  display:block!important;
}
.kode_footer_touch ul li a{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  word-break:break-word;
}
.kode_footer_touch ul li a span{
  display:block!important;
  line-height:1.55!important;
}
.kode_footer_touch i.fa{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:rgba(213,163,68,.18)!important;
  color:var(--mhp-gold)!important;
  font-family:FontAwesome!important;
  font-size:14px!important;
  line-height:32px!important;
  text-align:center!important;
  display:inline-block!important;
  position:relative!important;
  top:0!important;
}
.kode_footer_touch i.fa:before{
  display:block!important;
  width:32px!important;
  height:32px!important;
  line-height:32px!important;
  text-align:center!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-1px);
}
.kode_footer_touch li:last-child a{align-items:flex-start!important;}
.kode_footer_touch li:last-child i.fa{margin-top:2px!important;}

.kode_footer_copyright{
  background:rgba(0,0,0,.30)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  margin-top:28px!important;
  padding:20px 0!important;
}
.kode_copyright_caption{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;}
.kode_copyright_caption p{color:#dcefe4!important;margin:0!important;font-size:14px!important;line-height:1.45!important;}
.kode_copyright_caption br{display:none!important;}
.kode_copyright_social{float:none!important;margin:0!important;padding:0!important;display:flex!important;gap:8px!important;align-items:center!important;}
.kode_copyright_social li{float:none!important;display:inline-block!important;margin:0!important;}
.kode_copyright_social li a{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:50%!important;}
.kode_copyright_social li a:hover{background:var(--mhp-gold)!important;color:#10251b!important;}

/* ================= Forms/buttons ================= */
button,input[type="submit"],.btn,.kode-button{border-radius:999px!important;}
input,textarea,select{border-radius:12px!important;border:1px solid var(--mhp-border)!important;box-shadow:none!important;}
input:focus,textarea:focus,select:focus{border-color:var(--mhp-green)!important;box-shadow:0 0 0 4px rgba(8,123,74,.10)!important;outline:0!important;}

@media (max-width:1199px){
  .kode_top_navi>li>a{padding-left:10px!important;padding-right:10px!important;font-size:12px!important;}
  .kode_top_navi li.has-submenu>a{padding-right:24px!important;}
}
@media (max-width:991px){
  .kode_top_logo a{height:88px;max-width:300px;}
  .kode_top_logo img{height:108px!important;max-width:285px!important;transform:scale(1.15);}
  .kode_top_navibar{display:none!important;}
  #kode-responsive-navigation{display:block!important;}
  .kode_top_navigation .container{display:flex;justify-content:flex-end;align-items:center;min-height:58px;}
  .kode_dance_banner .bx-wrapper .bx-viewport,
  .kode_dance_banner .bxslider,
  .kode_dance_banner .bxslider>li,
  .kode_dance_banner figure{height:500px!important;min-height:500px!important;}
  .kode_dance_banner img{height:500px!important;}
  .kode_banner_caption{left:5%!important;width:90%!important;padding:24px 26px!important;}
  .kode_banner_caption h1{font-size:31px!important;}
  .kode_dance_caption{padding:32px 28px!important;}
  .kode_dance_caption h2{font-size:30px!important;}
  .kode_footer_wraper .row{display:block;}
  .kode_foter_row{min-height:auto;}
}
@media (max-width:767px){
  .kode_top_logo a{height:74px;max-width:250px;}
  .kode_top_logo img{height:92px!important;max-width:245px!important;transform:scale(1.12);}
  .kode_dance_banner .bx-wrapper .bx-viewport,
  .kode_dance_banner .bxslider,
  .kode_dance_banner .bxslider>li,
  .kode_dance_banner figure{height:440px!important;min-height:440px!important;}
  .kode_dance_banner img{height:440px!important;}
  .kode_banner_caption{top:52%!important;padding:20px!important;border-radius:18px!important;}
  .kode_banner_caption h3{font-size:12px!important;margin-bottom:11px!important;}
  .kode_banner_caption h1{font-size:24px!important;line-height:1.22!important;}
  .kode_banner_caption ul{margin-top:17px!important;}
  .kode_banner_caption ul li a{padding:10px 19px!important;font-size:12px!important;}
  .kode_dance_studio{padding:48px 0 32px!important;}
  .kode_dance_caption p{text-align:left!important;font-size:15px!important;}
  .kode_dance_team_wraper{padding-bottom:48px!important;}
  .kode_dance_team_wraper .col-md-4 img{height:225px!important;}
  .kode_copyright_caption{display:block!important;text-align:center!important;}
  .kode_copyright_social{justify-content:center!important;margin-top:12px!important;}
}
@media (max-width:480px){
  .kode_dance_banner ul.bxslider{display:block!important;visibility:visible!important;}
  .kode_dance_banner .bx-controls-direction{display:none!important;}
  .kode_dance_banner .bx-pager{display:none!important;}
}

/* ==========================================================
   MOBILE MENU V2 - stronger override for screenshot issue
   Paste file after all theme/responsive CSS.
   ========================================================== */
@media only screen and (max-width: 991px){
  .kode_top_navigation{
    position:relative!important;
    min-height:58px!important;
    padding:0!important;
    background:linear-gradient(135deg,#045c39 0%,#07894f 100%)!important;
    z-index:99999!important;
  }
  .kode_top_navigation .container{
    min-height:58px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:relative!important;
  }

  #kode-responsive-navigation,
  .dl-menuwrapper{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    float:none!important;
    text-align:right!important;
    z-index:100000!important;
  }

  .dl-menuwrapper button,
  .dl-menuwrapper button.dl-trigger{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:12px!important;
    background:#ffffff!important;
    border:0!important;
    outline:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
    text-indent:-9999px!important;
    overflow:hidden!important;
  }

  .dl-menuwrapper button.dl-trigger:before{
    content:"\f0c9"!important;
    font-family:FontAwesome!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:42px!important;
    height:42px!important;
    line-height:42px!important;
    text-align:center!important;
    text-indent:0!important;
    color:#087b4a!important;
    font-size:19px!important;
    font-weight:400!important;
    background:transparent!important;
  }
  .dl-menuwrapper button.dl-trigger:after,
  .dl-menuwrapper button:after{display:none!important;}

  .dl-menuwrapper ul,
  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation .dl-menu{
    position:absolute!important;
    top:62px!important;
    left:18px!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:8px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(8,123,74,.13)!important;
    border-radius:18px!important;
    box-shadow:0 22px 55px rgba(0,0,0,.26)!important;
    overflow:hidden!important;
    z-index:100001!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    text-align:left!important;
  }

  .dl-menuwrapper li,
  .dl-menuwrapper .dl-menu li{
    display:block!important;
    width:100%!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .dl-menuwrapper li a,
  .dl-menuwrapper .dl-menu li a,
  #kode-responsive-navigation .dl-menu li a{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:12px 14px!important;
    margin:0!important;
    min-height:auto!important;
    color:#10251b!important;
    background:transparent!important;
    border-bottom:1px solid rgba(8,123,74,.10)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-shadow:none!important;
  }

  .dl-menuwrapper li:last-child>a,
  .dl-menuwrapper .dl-menu li:last-child>a{border-bottom:0!important;}

  .dl-menuwrapper li a:hover,
  .dl-menuwrapper .dl-menu li a:hover{
    background:#f0faf5!important;
    color:#057447!important;
    border-radius:10px!important;
    padding-left:18px!important;
  }

  /* nested/submenu panels in mobile */
  .dl-menuwrapper li ul,
  .dl-menuwrapper .dl-submenu{
    position:static!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 0 8px!important;
    background:#f7fbf8!important;
    border:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .dl-menuwrapper li ul li a,
  .dl-menuwrapper .dl-submenu li a{
    padding:10px 14px!important;
    font-size:13px!important;
    font-weight:700!important;
    color:#1d4231!important;
  }

  /* prevent menu covering too much of page */
  .dl-menuwrapper .dl-menu.dl-menuopen,
  #kode-responsive-navigation .dl-menu.dl-menuopen{
    max-height:72vh!important;
    overflow-y:auto!important;
  }
}

@media only screen and (max-width: 480px){
  .dl-menuwrapper ul,
  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation .dl-menu{
    left:14px!important;
    right:14px!important;
    top:60px!important;
    border-radius:16px!important;
  }
  .dl-menuwrapper li a,
  .dl-menuwrapper .dl-menu li a,
  #kode-responsive-navigation .dl-menu li a{
    font-size:13.5px!important;
    padding:11px 13px!important;
  }
}

/* ==========================================================
   MHP MOBILE MENU PREMIUM V3 - collapsed submenu + cleaner card
   Place this file after responsive.css / old mobile css.
   ========================================================== */
@media only screen and (max-width: 991px){

  .kode_top_navigation{
    background:linear-gradient(135deg,#044628 0%,#07844d 58%,#10a463 100%)!important;
    box-shadow:0 14px 34px rgba(3,54,31,.24)!important;
  }

  .kode_top_navigation .container{
    min-height:54px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  #kode-responsive-navigation,
  .dl-menuwrapper{
    position:relative!important;
    width:100%!important;
    text-align:right!important;
    z-index:99999!important;
  }

  .dl-menuwrapper button.dl-trigger{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(255,255,255,.75)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
    margin:5px 0!important;
  }

  .dl-menuwrapper button.dl-trigger:before{
    color:#057247!important;
    font-size:18px!important;
  }

  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation .dl-menu{
    position:absolute!important;
    top:58px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(8,123,74,.14)!important;
    border-radius:22px!important;
    box-shadow:0 22px 58px rgba(0,0,0,.26)!important;
    overflow:hidden!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .dl-menuwrapper .dl-menu.dl-menuopen,
  #kode-responsive-navigation .dl-menu.dl-menuopen{
    max-height:74vh!important;
    overflow-y:auto!important;
  }

  .dl-menuwrapper .dl-menu:before,
  #kode-responsive-navigation .dl-menu:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:4px!important;
    background:linear-gradient(90deg,#f47b20,#d5a344,#087b4a)!important;
  }

  .dl-menuwrapper .dl-menu li,
  #kode-responsive-navigation .dl-menu li{
    position:relative!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  .dl-menuwrapper .dl-menu > li > a,
  #kode-responsive-navigation .dl-menu > li > a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:44px!important;
    padding:12px 14px!important;
    margin:0!important;
    border-bottom:1px solid rgba(7,91,55,.10)!important;
    border-radius:0!important;
    color:#10251b!important;
    background:transparent!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    text-transform:none!important;
  }

  .dl-menuwrapper .dl-menu > li:last-child > a,
  #kode-responsive-navigation .dl-menu > li:last-child > a{
    border-bottom:0!important;
  }

  .dl-menuwrapper .dl-menu > li > a:hover,
  #kode-responsive-navigation .dl-menu > li > a:hover{
    background:linear-gradient(90deg,rgba(8,123,74,.09),rgba(213,163,68,.08))!important;
    color:#045f3a!important;
    border-radius:13px!important;
    padding-left:18px!important;
  }

  /* Submenu indicator arrow */
  .dl-menuwrapper .dl-menu li.has-submenu > a:after,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > a:after,
  .dl-menuwrapper .dl-menu li.dl-back:after{
    display:none!important;
  }

  .dl-menuwrapper .dl-menu li.has-submenu > a:before,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > a:before,
  #kode-responsive-navigation .dl-menu li.has-submenu > a:before,
  #kode-responsive-navigation .dl-menu li.menu-item-has-children > a:before{
    content:"\f105"!important;
    font-family:FontAwesome!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:rgba(8,123,74,.10)!important;
    color:#087b4a!important;
    font-size:12px!important;
    margin-left:10px!important;
    order:2!important;
  }

  /* IMPORTANT: keep submenus closed by default */
  .dl-menuwrapper .dl-menu li > ul,
  .dl-menuwrapper .dl-menu li > .dl-submenu,
  #kode-responsive-navigation .dl-menu li > ul,
  #kode-responsive-navigation .dl-menu li > .dl-submenu{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    box-shadow:none!important;
    transform:none!important;
  }

  /* Codrops DL-menu active submenu view */
  .dl-menuwrapper .dl-menu.dl-subview li,
  #kode-responsive-navigation .dl-menu.dl-subview li{
    display:none!important;
  }

  .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,
  .dl-menuwrapper .dl-menu.dl-subview li.dl-subview,
  .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  .dl-menuwrapper .dl-menu.dl-subview li.dl-subview > .dl-submenu,
  .dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen > ul,
  .dl-menuwrapper .dl-menu.dl-subview li.dl-subview > ul,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subviewopen,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subview,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subview > .dl-submenu,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subviewopen > ul,
  #kode-responsive-navigation .dl-menu.dl-subview li.dl-subview > ul{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    overflow:visible!important;
  }

  .dl-menuwrapper .dl-menu li.dl-back,
  #kode-responsive-navigation .dl-menu li.dl-back{
    display:block!important;
  }

  .dl-menuwrapper .dl-menu li.dl-back > a,
  #kode-responsive-navigation .dl-menu li.dl-back > a{
    background:linear-gradient(135deg,#063f29,#087b4a)!important;
    color:#fff!important;
    border-radius:14px!important;
    border-bottom:0!important;
    margin-bottom:8px!important;
    padding:12px 14px!important;
  }

  .dl-menuwrapper .dl-menu li.dl-back > a:before,
  #kode-responsive-navigation .dl-menu li.dl-back > a:before{
    content:"\f104"!important;
    font-family:FontAwesome!important;
    margin-right:8px!important;
    color:#fff!important;
  }

  .dl-menuwrapper .dl-submenu,
  #kode-responsive-navigation .dl-submenu{
    background:#fff!important;
    border-radius:18px!important;
    padding:10px!important;
  }

  .dl-menuwrapper .dl-submenu li a,
  #kode-responsive-navigation .dl-submenu li a,
  .dl-menuwrapper .dl-menu li ul li a,
  #kode-responsive-navigation .dl-menu li ul li a{
    display:block!important;
    padding:12px 14px!important;
    color:#123426!important;
    background:#f7fbf8!important;
    border-bottom:1px solid rgba(8,123,74,.10)!important;
    font-size:13.5px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  .dl-menuwrapper .dl-submenu li:first-child a,
  #kode-responsive-navigation .dl-submenu li:first-child a{
    border-radius:12px 12px 0 0!important;
  }

  .dl-menuwrapper .dl-submenu li:last-child a,
  #kode-responsive-navigation .dl-submenu li:last-child a{
    border-bottom:0!important;
    border-radius:0 0 12px 12px!important;
  }
}


/* ==========================================================
   MOBILE MENU PREMIUM V4 - submenu working fix
   This restores Codrops dl-menu submenu behavior and only styles it.
   ========================================================== */
@media (max-width:767px){
  #kode-responsive-navigation,
  .dl-menuwrapper{
    overflow:visible!important;
  }

  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation .dl-menu{
    overflow:visible!important;
    transform-style:preserve-3d!important;
  }

  .dl-menuwrapper .dl-menu.dl-menuopen,
  #kode-responsive-navigation .dl-menu.dl-menuopen{
    overflow:visible!important;
  }

  /* Do NOT use display:none on submenus - dlmenu JS needs them alive */
  .dl-menuwrapper .dl-menu li > ul,
  .dl-menuwrapper .dl-menu li > .dl-submenu,
  #kode-responsive-navigation .dl-menu li > ul,
  #kode-responsive-navigation .dl-menu li > .dl-submenu{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
    position:absolute!important;
    top:0!important;
    left:100%!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(8,123,74,.14)!important;
    border-radius:22px!important;
    box-shadow:0 22px 58px rgba(0,0,0,.26)!important;
    transform:none!important;
    z-index:999999!important;
  }

  /* Root menu items */
  .dl-menuwrapper .dl-menu > li > a,
  #kode-responsive-navigation .dl-menu > li > a{
    border-radius:12px!important;
    margin:2px 0!important;
  }

  .dl-menuwrapper .dl-menu > li > a:hover,
  #kode-responsive-navigation .dl-menu > li > a:hover,
  .dl-menuwrapper .dl-menu > li.dl-subviewopen > a,
  #kode-responsive-navigation .dl-menu > li.dl-subviewopen > a{
    background:linear-gradient(90deg,rgba(8,123,74,.10),rgba(213,163,68,.10))!important;
    color:#056f45!important;
  }

  /* Only show submenu when dlmenu plugin opens that branch */
  .dl-menuwrapper .dl-menu.dl-subview > li,
  #kode-responsive-navigation .dl-menu.dl-subview > li{
    display:none!important;
  }

  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subview,
  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subviewopen,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subview,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subviewopen{
    display:block!important;
  }

  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subview > a,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subview > a{
    display:none!important;
  }

  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subview > .dl-submenu,
  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subviewopen > .dl-submenu,
  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subview > ul,
  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subviewopen > ul,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subview > .dl-submenu,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subviewopen > .dl-submenu,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subview > ul,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subviewopen > ul{
    position:static!important;
    left:auto!important;
    width:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    box-shadow:none!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
  }

  /* Back button */
  .dl-menuwrapper .dl-menu li.dl-back,
  #kode-responsive-navigation .dl-menu li.dl-back{
    display:block!important;
    margin:0 0 8px!important;
  }

  .dl-menuwrapper .dl-menu li.dl-back > a,
  #kode-responsive-navigation .dl-menu li.dl-back > a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    background:linear-gradient(135deg,#063f29,#087b4a)!important;
    color:#fff!important;
    border-radius:14px!important;
    border:0!important;
    box-shadow:0 10px 22px rgba(8,123,74,.22)!important;
  }

  /* Submenu item premium styling */
  .dl-menuwrapper .dl-submenu li a,
  #kode-responsive-navigation .dl-submenu li a,
  .dl-menuwrapper .dl-menu li ul li a,
  #kode-responsive-navigation .dl-menu li ul li a{
    display:flex!important;
    align-items:center!important;
    min-height:45px!important;
    padding:12px 14px!important;
    margin:2px 0!important;
    color:#123426!important;
    background:linear-gradient(90deg,#ffffff,#f6fbf8)!important;
    border:1px solid rgba(8,123,74,.09)!important;
    border-radius:12px!important;
    font-size:13.5px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  .dl-menuwrapper .dl-submenu li a:hover,
  #kode-responsive-navigation .dl-submenu li a:hover{
    background:linear-gradient(90deg,rgba(8,123,74,.10),rgba(213,163,68,.10))!important;
    color:#056f45!important;
    padding-left:18px!important;
  }
}

/* ==========================================================
   MOBILE MENU PREMIUM V5 - keep submenu inside main panel
   Fix: no right-side flyout on mobile.
   ========================================================== */
@media (max-width:767px){
  #kode-responsive-navigation,
  .dl-menuwrapper{
    overflow:visible!important;
  }

  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation .dl-menu{
    overflow:hidden!important;
  }

  /* Important: stop the submenu from flying outside to the right */
  .dl-menuwrapper .dl-menu li > ul,
  .dl-menuwrapper .dl-menu li > .dl-submenu,
  #kode-responsive-navigation .dl-menu li > ul,
  #kode-responsive-navigation .dl-menu li > .dl-submenu{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .28s ease, opacity .22s ease, padding .22s ease!important;
  }

  /* Show submenu only after the dl-menu script opens it */
  .dl-menuwrapper .dl-menu li.dl-subviewopen > ul,
  .dl-menuwrapper .dl-menu li.dl-subviewopen > .dl-submenu,
  .dl-menuwrapper .dl-menu li.dl-subview > ul,
  .dl-menuwrapper .dl-menu li.dl-subview > .dl-submenu,
  #kode-responsive-navigation .dl-menu li.dl-subviewopen > ul,
  #kode-responsive-navigation .dl-menu li.dl-subviewopen > .dl-submenu,
  #kode-responsive-navigation .dl-menu li.dl-subview > ul,
  #kode-responsive-navigation .dl-menu li.dl-subview > .dl-submenu{
    max-height:520px!important;
    visibility:visible!important;
    opacity:1!important;
    padding:8px 0 6px 14px!important;
    margin:4px 0 4px!important;
    pointer-events:auto!important;
  }

  /* Keep all root items visible; submenu opens like accordion below Service Offerings */
  .dl-menuwrapper .dl-menu.dl-subview > li,
  #kode-responsive-navigation .dl-menu.dl-subview > li{
    display:block!important;
  }

  .dl-menuwrapper .dl-menu.dl-subview > li.dl-subview > a,
  #kode-responsive-navigation .dl-menu.dl-subview > li.dl-subview > a{
    display:flex!important;
  }

  .dl-menuwrapper .dl-menu li.dl-back,
  #kode-responsive-navigation .dl-menu li.dl-back{
    display:none!important;
  }

  /* Premium inline submenu cards */
  .dl-menuwrapper .dl-menu li ul li a,
  .dl-menuwrapper .dl-submenu li a,
  #kode-responsive-navigation .dl-menu li ul li a,
  #kode-responsive-navigation .dl-submenu li a{
    min-height:42px!important;
    margin:5px 0!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#ffffff,#f3faf6)!important;
    border:1px solid rgba(8,123,74,.12)!important;
    box-shadow:0 8px 18px rgba(8,80,48,.06)!important;
    color:#123426!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.22!important;
  }

  .dl-menuwrapper .dl-menu li.has-submenu > a,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > a,
  .dl-menuwrapper .dl-menu li.dl-subviewopen > a,
  #kode-responsive-navigation .dl-menu li.has-submenu > a,
  #kode-responsive-navigation .dl-menu li.menu-item-has-children > a,
  #kode-responsive-navigation .dl-menu li.dl-subviewopen > a{
    background:linear-gradient(90deg,rgba(8,123,74,.11),rgba(213,163,68,.12))!important;
    color:#056f45!important;
  }
}

/* ==========================================================
   MOBILE MENU PREMIUM V6 - Final accordion submenu fix
   Use with mhp-mobile-menu-fix.js loaded after jQuery/theme JS.
   ========================================================== */
@media (max-width:767px){
  #kode-responsive-navigation,
  #kode-responsive-navigation .dl-menuwrapper,
  .dl-menuwrapper{
    position:relative!important;
    overflow:visible!important;
    z-index:99999!important;
  }

  #kode-responsive-navigation .dl-menu,
  .dl-menuwrapper .dl-menu{
    left:auto!important;
    right:0!important;
    transform:none!important;
    perspective:none!important;
    overflow:visible!important;
  }

  #kode-responsive-navigation .dl-menu > li,
  .dl-menuwrapper .dl-menu > li{
    position:relative!important;
    overflow:visible!important;
  }

  /* Parent row layout */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > a,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > a{
    padding-right:58px!important;
  }

  /* Real tappable submenu button */
  .mhp-sub-toggle{
    position:absolute!important;
    right:10px!important;
    top:8px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,rgba(8,123,74,.14),rgba(213,163,68,.18))!important;
    box-shadow:0 8px 18px rgba(8,80,48,.10)!important;
    color:#087b4a!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:0!important;
    cursor:pointer!important;
    z-index:50!important;
    padding:0!important;
  }
  .mhp-sub-toggle:before{
    content:"\f107";
    font-family:FontAwesome;
    font-size:14px;
    line-height:1;
    transition:transform .25s ease;
  }
  li.mhp-sub-open > .mhp-sub-toggle:before{transform:rotate(180deg);}

  /* Closed submenu */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > ul,
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > .dl-submenu,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > ul,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > .dl-submenu{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:0!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .32s ease, opacity .25s ease, padding .25s ease!important;
  }

  /* Open submenu */
  #kode-responsive-navigation .dl-menu li.mhp-sub-open > ul,
  #kode-responsive-navigation .dl-menu li.mhp-sub-open > .dl-submenu,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > ul,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > .dl-submenu{
    max-height:650px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:8px 0 6px 14px!important;
    margin:5px 0 3px!important;
  }

  /* Stop old dl-menu slide/flyout behaviour from interfering */
  #kode-responsive-navigation .dl-menu.dl-subview > li,
  .dl-menuwrapper .dl-menu.dl-subview > li,
  #kode-responsive-navigation .dl-menu li.dl-subview,
  #kode-responsive-navigation .dl-menu li.dl-subviewopen,
  .dl-menuwrapper .dl-menu li.dl-subview,
  .dl-menuwrapper .dl-menu li.dl-subviewopen{
    display:block!important;
  }
  #kode-responsive-navigation .dl-menu li.dl-back,
  .dl-menuwrapper .dl-menu li.dl-back{display:none!important;}

  /* Submenu item style */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub ul li a,
  .dl-menuwrapper .dl-menu li.mhp-has-sub ul li a{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    margin:6px 0!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#ffffff,#f5fbf7)!important;
    border:1px solid rgba(8,123,74,.12)!important;
    box-shadow:0 8px 18px rgba(8,80,48,.06)!important;
    color:#123426!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.22!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-sub-open > a,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > a{
    background:linear-gradient(90deg,rgba(8,123,74,.13),rgba(213,163,68,.13))!important;
    color:#056f45!important;
  }
}


/* ==========================================================
   MHP MOBILE MENU V7 - remove duplicate white square toggle
   ========================================================== */
@media (max-width:767px){
  /* Completely remove any JS-created / old square buttons */
  #kode-responsive-navigation .mhp-sub-toggle,
  .dl-menuwrapper .mhp-sub-toggle,
  #kode-responsive-navigation button.mhp-sub-toggle,
  .dl-menuwrapper button.mhp-sub-toggle,
  #kode-responsive-navigation .dl-menu li > button,
  .dl-menuwrapper .dl-menu li > button{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Parent menu item should create its own arrow on the link only */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub,
  .dl-menuwrapper .dl-menu li.mhp-has-sub{
    position:relative!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-has-sub > a,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > a{
    position:relative!important;
    padding-right:58px!important;
    background:linear-gradient(90deg,rgba(8,123,74,.12),rgba(213,163,68,.14))!important;
    color:#056f45!important;
    border-radius:14px!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-has-sub > a:before,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > a:before{
    content:"\f107"!important;
    font-family:FontAwesome!important;
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(0deg)!important;
    width:32px!important;
    height:32px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,rgba(8,123,74,.16),rgba(213,163,68,.18))!important;
    color:#087b4a!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    font-weight:normal!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(8,80,48,.10)!important;
    opacity:1!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-sub-open > a:before,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > a:before{
    transform:translateY(-50%) rotate(180deg)!important;
  }

  /* Keep submenu accordion clean */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > ul,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > ul{
    position:static!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    max-height:0!important;
    visibility:hidden!important;
    opacity:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    transform:none!important;
    pointer-events:none!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-sub-open > ul,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > ul{
    max-height:650px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:8px 0 6px 14px!important;
    margin:5px 0 3px!important;
  }
}

/* ==========================================================
   V9 FINAL RESTORE: premium mobile menu + no white square
   Keep this block at the very end of CSS.
   ========================================================== */
@media (max-width:767px){
  #kode-responsive-navigation .dl-menu,
  .dl-menuwrapper .dl-menu{
    font-family: Arial, Helvetica, sans-serif!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.22)!important;
    border:1px solid rgba(8,123,74,.12)!important;
    overflow:hidden!important;
  }

  #kode-responsive-navigation .dl-menu li > a,
  .dl-menuwrapper .dl-menu li > a{
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    color:#10251b!important;
    padding:14px 20px!important;
    line-height:1.25!important;
    border-bottom:1px solid rgba(8,123,74,.10)!important;
    background:linear-gradient(90deg,#fff,#fbfdfb)!important;
  }

  /* Remove every possible old white square / duplicate submenu button */
  #kode-responsive-navigation .dl-menu li > button,
  .dl-menuwrapper .dl-menu li > button,
  #kode-responsive-navigation .mhp-sub-toggle,
  .dl-menuwrapper .mhp-sub-toggle,
  #kode-responsive-navigation .dl-menu li > span,
  .dl-menuwrapper .dl-menu li > span{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    pointer-events:none!important;
    overflow:hidden!important;
  }

  /* Service Offering premium parent row */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > a,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > a,
  #kode-responsive-navigation .dl-menu li.menu-item-has-children > a,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > a,
  #kode-responsive-navigation .dl-menu li.has-submenu > a,
  .dl-menuwrapper .dl-menu li.has-submenu > a{
    position:relative!important;
    padding-right:62px!important;
    margin:0!important;
    background:linear-gradient(90deg,rgba(8,123,74,.12),rgba(213,163,68,.14))!important;
    color:#056f45!important;
    border-radius:14px!important;
    box-shadow:inset 0 0 0 1px rgba(8,123,74,.08)!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-has-sub > a:before,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > a:before,
  #kode-responsive-navigation .dl-menu li.menu-item-has-children > a:before,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > a:before,
  #kode-responsive-navigation .dl-menu li.has-submenu > a:before,
  .dl-menuwrapper .dl-menu li.has-submenu > a:before{
    content:"\f107"!important;
    font-family:FontAwesome!important;
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(0deg)!important;
    width:32px!important;
    height:32px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,rgba(8,123,74,.16),rgba(213,163,68,.18))!important;
    color:#087b4a!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(8,80,48,.10)!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-sub-open > a:before,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > a:before{
    transform:translateY(-50%) rotate(180deg)!important;
  }

  /* Accordion submenu inside panel */
  #kode-responsive-navigation .dl-menu li.mhp-has-sub > ul,
  .dl-menuwrapper .dl-menu li.mhp-has-sub > ul,
  #kode-responsive-navigation .dl-menu li.menu-item-has-children > ul,
  .dl-menuwrapper .dl-menu li.menu-item-has-children > ul,
  #kode-responsive-navigation .dl-menu li.has-submenu > ul,
  .dl-menuwrapper .dl-menu li.has-submenu > ul{
    position:static!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    max-height:0!important;
    visibility:hidden!important;
    opacity:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .32s ease, opacity .25s ease, padding .25s ease!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-sub-open > ul,
  .dl-menuwrapper .dl-menu li.mhp-sub-open > ul{
    max-height:700px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:8px 0 8px 14px!important;
    margin:5px 0 4px!important;
  }

  #kode-responsive-navigation .dl-menu li.mhp-has-sub ul li a,
  .dl-menuwrapper .dl-menu li.mhp-has-sub ul li a{
    margin:6px 0!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#fff,#f5fbf7)!important;
    border:1px solid rgba(8,123,74,.12)!important;
    box-shadow:0 8px 18px rgba(8,80,48,.06)!important;
    color:#123426!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  /* balanced mobile logo */
  .kode_top_strip{padding:6px 0!important;background:#fff!important;overflow:visible!important;}
  .kode_top_logo{padding:0!important;margin:0!important;overflow:visible!important;}
  .kode_top_logo a{height:88px!important;max-width:280px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;overflow:visible!important;}
  .kode_top_logo img{width:auto!important;max-width:230px!important;max-height:82px!important;height:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;display:block!important;}
}

/* Desktop arrow spacing fix */
@media (min-width:992px){
  .kode_top_navi li.has-submenu > a{padding-right:40px!important;}
  .kode_top_navi li.has-submenu > a:before{right:15px!important;top:50%!important;transform:translateY(-50%)!important;}
}

/* ==========================================================
   V10 FINAL MOBILE MENU REFINEMENT
   Premium look restored + softer fonts + working accordion submenu
   Keep this block at VERY END of CSS.
   ========================================================== */
@media (max-width:991px){
  #kode-responsive-navigation .dl-menu,
  .dl-menuwrapper .dl-menu,
  #kode-responsive-navigation > ul,
  .dl-menuwrapper > ul{
    border-radius:22px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 24px 65px rgba(0,0,0,.22)!important;
    border:1px solid rgba(8,123,74,.13)!important;
    overflow:hidden!important;
  }

  #kode-responsive-navigation li > a,
  .dl-menuwrapper li > a{
    font-size:15px!important;
    font-weight:600!important;
    letter-spacing:0!important;
    color:#142820!important;
    padding:13px 20px!important;
    line-height:1.28!important;
    border-bottom:1px solid rgba(8,123,74,.10)!important;
    background:linear-gradient(90deg,#fff,#fbfdfb)!important;
    text-shadow:none!important;
  }

  #kode-responsive-navigation li > a:hover,
  .dl-menuwrapper li > a:hover{
    color:#066b42!important;
    background:#f5fbf7!important;
  }

  /* no ugly white square / extra plugin controls */
  #kode-responsive-navigation .mhp-sub-toggle,
  .dl-menuwrapper .mhp-sub-toggle,
  #kode-responsive-navigation .submenu-button,
  .dl-menuwrapper .submenu-button,
  #kode-responsive-navigation .dropdown-btn,
  .dl-menuwrapper .dropdown-btn,
  #kode-responsive-navigation li > button,
  .dl-menuwrapper li > button,
  #kode-responsive-navigation li > .dl-back,
  .dl-menuwrapper li > .dl-back{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /* parent row - premium but not heavy */
  #kode-responsive-navigation li.mhp-has-sub > a,
  .dl-menuwrapper li.mhp-has-sub > a,
  #kode-responsive-navigation li.has-submenu > a,
  .dl-menuwrapper li.has-submenu > a,
  #kode-responsive-navigation li.menu-item-has-children > a,
  .dl-menuwrapper li.menu-item-has-children > a{
    position:relative!important;
    padding-right:58px!important;
    font-weight:650!important;
    color:#057044!important;
    background:linear-gradient(90deg,rgba(8,123,74,.12),rgba(213,163,68,.13))!important;
    border-radius:14px!important;
    box-shadow:inset 0 0 0 1px rgba(8,123,74,.08)!important;
  }

  #kode-responsive-navigation li.mhp-has-sub > a:before,
  .dl-menuwrapper li.mhp-has-sub > a:before,
  #kode-responsive-navigation li.has-submenu > a:before,
  .dl-menuwrapper li.has-submenu > a:before,
  #kode-responsive-navigation li.menu-item-has-children > a:before,
  .dl-menuwrapper li.menu-item-has-children > a:before{
    content:"\f107"!important;
    font-family:FontAwesome!important;
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(0deg)!important;
    width:31px!important;
    height:31px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,rgba(8,123,74,.15),rgba(213,163,68,.18))!important;
    color:#087b4a!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:400!important;
    box-shadow:0 8px 18px rgba(8,80,48,.10)!important;
  }

  #kode-responsive-navigation li.mhp-sub-open > a:before,
  .dl-menuwrapper li.mhp-sub-open > a:before{
    transform:translateY(-50%) rotate(180deg)!important;
  }

  /* Hide submenu until tapped */
  #kode-responsive-navigation li.mhp-has-sub > ul,
  .dl-menuwrapper li.mhp-has-sub > ul,
  #kode-responsive-navigation li.has-submenu > ul,
  .dl-menuwrapper li.has-submenu > ul,
  #kode-responsive-navigation li.menu-item-has-children > ul,
  .dl-menuwrapper li.menu-item-has-children > ul{
    position:static!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    max-height:0!important;
    visibility:hidden!important;
    opacity:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    transform:none!important;
    pointer-events:none!important;
    transition:max-height .28s ease, opacity .22s ease, padding .22s ease!important;
  }

  /* Open submenu inside same panel */
  #kode-responsive-navigation li.mhp-sub-open > ul,
  .dl-menuwrapper li.mhp-sub-open > ul{
    max-height:700px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:8px 0 7px 14px!important;
    margin:5px 0 4px!important;
  }

  #kode-responsive-navigation li.mhp-sub-open > ul > li > a,
  .dl-menuwrapper li.mhp-sub-open > ul > li > a,
  #kode-responsive-navigation li.mhp-has-sub ul li a,
  .dl-menuwrapper li.mhp-has-sub ul li a{
    margin:6px 0!important;
    padding:11px 13px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#fff,#f5fbf7)!important;
    border:1px solid rgba(8,123,74,.12)!important;
    box-shadow:0 8px 18px rgba(8,80,48,.06)!important;
    color:#16372a!important;
    font-size:13px!important;
    font-weight:600!important;
  }
}


/* ==========================================================
   MHP SERVICE TABLES - FINAL CLEAN FIX
   Fixes invalid-table visual issues: no blank right column, no huge gaps,
   no rounded corners, premium green header retained.
   ========================================================== */
.mhp-service-area{
  padding-top:58px!important;
  padding-bottom:46px!important;
  background:linear-gradient(180deg,#fff 0%,#f7fbf5 100%)!important;
}
.mhp-service-intro{
  margin-bottom:26px!important;
}
.mhp-service-intro h2{
  text-align:left!important;
}
.mhp-stage-tables{
  max-width:1080px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}
.mhp-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  margin:0 0 24px!important;
  padding:0!important;
  background:transparent!important;
}
.mhp-table-scroll:last-child{margin-bottom:0!important;}

.mhp-service-table,
.mhp-table-scroll table{
  width:100%!important;
  max-width:100%!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid rgba(8,123,74,.14)!important;
  border-radius:0!important;
  box-shadow:0 12px 28px rgba(5,58,35,.09)!important;
  overflow:visible!important;
}
.mhp-service-table tr,
.mhp-service-table th,
.mhp-service-table td,
.mhp-table-scroll table tr,
.mhp-table-scroll table th,
.mhp-table-scroll table td{
  border-radius:0!important;
}
.mhp-service-table th,
.mhp-service-table td,
.mhp-table-scroll table th,
.mhp-table-scroll table td{
  padding:17px 20px!important;
  border:1px solid rgba(8,123,74,.11)!important;
  color:#17372a!important;
  font-size:15px!important;
  line-height:1.55!important;
  vertical-align:middle!important;
  background:#fff!important;
}
.mhp-service-table tr:first-child th,
.mhp-table-scroll table tr:first-child th,
.mhp-table-scroll table tr:first-child td{
  background:linear-gradient(135deg,#043d28 0%,#07683f 48%,#0b8d54 100%)!important;
  color:#fff!important;
  font-weight:700!important;
  border-color:rgba(255,255,255,.10)!important;
}
.mhp-service-table td:first-child,
.mhp-service-table th:first-child,
.mhp-table-scroll table td:first-child,
.mhp-table-scroll table th:first-child{
  width:190px!important;
  font-weight:700!important;
  color:#043d28!important;
  background:#f3faf6!important;
}
.mhp-service-table tr:first-child th:first-child,
.mhp-table-scroll table tr:first-child th:first-child,
.mhp-table-scroll table tr:first-child td:first-child{
  color:#fff!important;
  background:linear-gradient(135deg,#043d28 0%,#075f3a 100%)!important;
}
.mhp-service-table tr:nth-child(even) td,
.mhp-table-scroll table tr:nth-child(even) td{
  background:#f9fcfa!important;
}
.mhp-service-table tr:hover td,
.mhp-table-scroll table tr:hover td{
  background:#eef8f2!important;
}
.mhp-service-table a,
.mhp-table-scroll table a{
  color:#7f8988!important;
  text-decoration:none!important;
}
.mhp-service-table a:hover,
.mhp-table-scroll table a:hover{
  color:#087b4a!important;
}

/* Protect desktop dropdown arrow spacing */
@media (min-width:992px){
  .kode_top_navi li.has-submenu > a,
  .kode_top_navi > li:nth-child(4) > a{
    padding-right:42px!important;
  }
  .kode_top_navi li.has-submenu > a:before,
  .kode_top_navi > li:nth-child(4) > a:before{
    right:15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}

@media (max-width:991px){
  .mhp-service-area{padding-top:42px!important;padding-bottom:36px!important;}
  .mhp-stage-tables{max-width:100%!important;}
  .mhp-table-scroll{margin-bottom:18px!important;}
  .mhp-service-table,
  .mhp-table-scroll table{min-width:760px!important;}
  .mhp-service-table th,
  .mhp-service-table td,
  .mhp-table-scroll table th,
  .mhp-table-scroll table td{
    padding:14px 15px!important;
    font-size:14px!important;
  }
}

/* ==========================================================
   FINAL LOCK: Desktop Service Offerings arrow spacing only
   Does not affect mobile hamburger/menu or tables.
   ========================================================== */
@media (min-width:992px){
  .kode_top_navi > li:nth-child(4) > a,
  .kode_top_navi li.has-submenu > a{
    position:relative!important;
    padding-left:18px!important;
    padding-right:48px!important;
    white-space:nowrap!important;
  }

  .kode_top_navi > li:nth-child(4) > a:before,
  .kode_top_navi li.has-submenu > a:before{
    content:"\f107"!important;
    font-family:FontAwesome!important;
    position:absolute!important;
    right:18px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.9)!important;
    font-size:12px!important;
    line-height:1!important;
    pointer-events:none!important;
  }

  .kode_top_navi > li:nth-child(4):hover > a:before,
  .kode_top_navi li.has-submenu:hover > a:before{
    color:#d5a344!important;
  }

  .kode_top_navi > li:nth-child(4) > a:after,
  .kode_top_navi li.has-submenu > a:after{
    right:42px!important;
  }
}
/* ==========================================================
   MHP Hydroponics Consulting Page - Premium Page Fix
   Add after mhp-premium-upgrade.css
   ========================================================== */

.mhp-hydro-page{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf6 50%,#ffffff 100%);
  padding:64px 0 72px;
}

.mhp-hydro-page .container{
  max-width:1140px;
}

.mhp-hydro-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:34px;
  align-items:center;
  margin-bottom:34px;
}

.mhp-hydro-copy,
.mhp-hydro-highlight,
.mhp-card-text,
.mhp-benefit-card{
  background:#fff;
  border:1px solid rgba(8,123,74,.13);
  box-shadow:0 18px 44px rgba(5,58,35,.10);
  position:relative;
  overflow:hidden;
}

.mhp-hydro-copy{
  padding:34px 36px;
  border-left:5px solid #087b4a;
}

.mhp-hydro-copy:after,
.mhp-card-text:after,
.mhp-benefit-card:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:3px;
  height:46%;
  background:#d5a344;
}

.mhp-eyebrow{
  display:inline-block;
  color:#087b4a;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.mhp-hydro-page h2,
.mhp-hydro-page h3{
  color:#053d2a;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  line-height:1.2;
  margin:0 0 15px;
  text-transform:none;
}

.mhp-hydro-page h2{
  font-size:34px;
}

.mhp-hydro-page h3{
  font-size:25px;
}

.mhp-hydro-page p{
  color:#4f6259;
  font-size:15.5px;
  line-height:1.85;
  margin:0 0 12px;
  font-weight:400;
}

.mhp-hydro-image img,
.mhp-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mhp-hydro-image{
  height:330px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(5,58,35,.12);
  border:1px solid rgba(8,123,74,.13);
}

.mhp-hydro-highlight{
  padding:30px 34px;
  margin:0 0 42px;
  border-left:5px solid #d5a344;
  background:linear-gradient(135deg,#fff,#f7fbf6);
}

.mhp-hydro-highlight p{
  color:#123426;
  font-size:18px;
  line-height:1.65;
  font-weight:500;
  margin-bottom:20px;
}

.mhp-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mhp-pill-row span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 14px;
  color:#063f29;
  background:#eef8f2;
  border:1px solid rgba(8,123,74,.13);
  font-size:14px;
  font-weight:600;
}

.mhp-hydro-grid{
  display:grid;
  gap:30px;
}

.mhp-hydro-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,470px);
  gap:34px;
  align-items:center;
}

.mhp-hydro-card:nth-child(even){
  grid-template-columns:minmax(330px,470px) minmax(0,1fr);
}

.mhp-hydro-card:nth-child(even) .mhp-card-image{
  order:1;
}

.mhp-hydro-card:nth-child(even) .mhp-card-text{
  order:2;
}

.mhp-card-text{
  min-height:260px;
  padding:34px 34px 30px;
  border-left:5px solid #087b4a;
}

.mhp-card-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:16px;
  background:linear-gradient(135deg,#063f29,#087b4a);
  color:#fff;
  font-size:14px;
  font-weight:700;
}

.mhp-card-image{
  height:275px;
  overflow:hidden;
  box-shadow:0 16px 36px rgba(5,58,35,.10);
  border:1px solid rgba(8,123,74,.12);
}

.mhp-benefit-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:46px;
}

.mhp-benefit-card{
  padding:34px 34px 32px;
  border-left:5px solid #087b4a;
}

.mhp-benefit-card ul{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:12px;
}

.mhp-benefit-card li{
  color:#18382b;
  background:#f7fbf8;
  border:1px solid rgba(8,123,74,.12);
  padding:13px 16px 13px 44px;
  position:relative;
  font-size:15px;
  line-height:1.45;
  font-weight:500;
}

.mhp-benefit-card li:before{
  content:"\f00c";
  font-family:FontAwesome;
  position:absolute;
  left:15px;
  top:13px;
  color:#087b4a;
  font-size:13px;
}

/* soften old global boldness only inside this page */
.mhp-hydro-page strong,
.mhp-hydro-page b,
.mhp-hydro-page .style1,
.mhp-hydro-page .style2{
  font-weight:600!important;
}

/* keep all boxes sharp, no rounded curves */
.mhp-hydro-page *{
  border-radius:0!important;
}

@media (max-width:991px){
  .mhp-hydro-page{
    padding:44px 0 54px;
  }
  .mhp-hydro-intro,
  .mhp-hydro-card,
  .mhp-hydro-card:nth-child(even),
  .mhp-benefit-wrap{
    grid-template-columns:1fr;
  }
  .mhp-hydro-card:nth-child(even) .mhp-card-image,
  .mhp-hydro-card:nth-child(even) .mhp-card-text{
    order:initial;
  }
  .mhp-hydro-image,
  .mhp-card-image{
    height:260px;
  }
}

@media (max-width:767px){
  .mhp-hydro-page{
    padding:34px 0 42px;
  }
  .mhp-hydro-copy,
  .mhp-hydro-highlight,
  .mhp-card-text,
  .mhp-benefit-card{
    padding:25px 22px;
  }
  .mhp-hydro-page h2{
    font-size:28px;
  }
  .mhp-hydro-page h3{
    font-size:22px;
  }
  .mhp-hydro-highlight p{
    font-size:16px;
  }
}
/* ===== HYDROPONICS PAGE HUGE EMPTY SPACE FIX ===== */

.mhp-hydro-page{
    padding:40px 0 55px !important;
    margin:0 !important;
    min-height:auto !important;
}

.mhp-hydro-intro{
    margin-top:0 !important;
    padding-top:0 !important;
}

.kode_mhp_banner + .mhp-hydro-page{
    margin-top:0 !important;
}

.mhp-hydro-highlight{
    margin:28px 0 30px !important;
}

.mhp-hydro-grid{
    margin-top:0 !important;
}

.mhp-hydro-card{
    margin-bottom:28px !important;
}
/* ===== PREMIUM INNER BANNER TITLE ===== */

.kode_poly_banner{
    position: relative;
    overflow: hidden;
}

.kode_poly_banner:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.18),
        rgba(0,0,0,.30)
    );
    z-index:1;
}

.kode_about_caption2{
    position:relative;
    z-index:2;
    text-align:center;
    padding:85px 20px !important;
}

.kode_about_caption2 h1{
    color:#fff !important;
    font-size:56px !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    text-shadow:
        0 3px 12px rgba(0,0,0,.35),
        0 1px 2px rgba(0,0,0,.25) !important;
    margin:0 !important;
    line-height:1.15 !important;
    position:relative;
    display:inline-block;
}

/* premium underline */
.kode_about_caption2 h1:after{
    content:"";
    width:90px;
    height:4px;
    background:linear-gradient(90deg,#d5a344,#f4c96a);
    display:block;
    margin:16px auto 0;
    border-radius:30px;
}

/* mobile */
@media(max-width:767px){
    .kode_about_caption2{
        padding:55px 15px !important;
    }

    .kode_about_caption2 h1{
        font-size:30px !important;
        line-height:1.2 !important;
    }

    .kode_about_caption2 h1:after{
        width:65px;
        margin-top:12px;
    }
}
/* ===== REMOVE WRONG FULL PAGE OVERLAY ===== */
.kode_mhp_banner::before,
.kode_about_banner::before,
.kode_about_banner2::before,
.kode_poly_banner::before{
    display:none !important;
    content:none !important;
}

/* keep banner title readable without page overlay */
.kode_about_caption h1,
.kode_about_caption2 h1{
    color:#fff !important;
    text-shadow:0 4px 14px rgba(0,0,0,.55) !important;
}
/* ===== SAFE BANNER TITLE FIX (NO IMAGE OVERRIDE) ===== */

.kode_about_caption h1,
.kode_about_caption2 h1{
    color:#ffffff !important;
    text-shadow:0 3px 12px rgba(0,0,0,.45) !important;
    position:relative !important;
    z-index:2 !important;
}

.kode_about_caption h1:after,
.kode_about_caption2 h1:after{
    content:"";
    display:block;
    width:80px;
    height:3px;
    background:#d5a344;
    margin:12px auto 0;
}
/* Farm Consulting banner only */
.kode_farm_banner{
    background-image:url("../website_images/banner-mhp.jpg") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}
/* ===== LOGO FULL VISIBILITY FIX ===== */
.kode_top_logo a{
    height:auto !important;
    min-height:115px !important;
    overflow:visible !important;
}

.kode_top_logo figure{
    overflow:visible !important;
}

.kode_top_logo img{
    height:auto !important;
    max-height:105px !important;
    max-width:260px !important;
    object-fit:contain !important;
    transform:none !important;
}

/* mobile */
@media(max-width:767px){
    .kode_top_logo a{
        min-height:92px !important;
    }

    .kode_top_logo img{
        max-height:82px !important;
        max-width:220px !important;
    }
}
/* ===== BIGGER LOGO FIX (NO CROP) ===== */

.kode_top_logo{
    padding:12px 0 8px !important;
}

.kode_top_logo a{
    height:auto !important;
    min-height:135px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.kode_top_logo figure{
    margin:0 !important;
    overflow:visible !important;
}

.kode_top_logo img{
    height:auto !important;
    max-height:125px !important; /* bigger logo */
    max-width:320px !important;
    width:auto !important;
    object-fit:contain !important;
    display:block !important;
}

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

    .kode_top_logo{
        padding:8px 0 4px !important;
    }

    .kode_top_logo a{
        min-height:105px !important;
    }

    .kode_top_logo img{
        max-height:95px !important; /* bigger on mobile */
        max-width:250px !important;
    }
}