.elementor-21 .elementor-element.elementor-element-1750a5c{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-02a573c *//* ═══════════════════════════════════════
   ELESL NAV — Dribbble-style
   Logo left · Links + CTA grouped right
   2 dropdowns: Programmes + Enrol
═══════════════════════════════════════ */

/* ── NAV BAR ── */
.el-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:68px;
  display:flex;align-items:center;
  padding:0 4vw;
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,0.06);
  box-shadow:0 1px 0 rgba(0,0,0,0.04);
  font-family:'DM Sans',sans-serif;
}

/* ── LOGO — far left, pushes everything right ── */
.el-nav-logo{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;cursor:pointer;
  flex-shrink:0;
  margin-right:auto;
}
.el-nav-logo img{height:44px;width:auto;}
.el-nav-logo-text strong{
  display:block;
  font-family:'Playfair Display',serif;
  font-weight:700;font-size:13px;
  color:#1A1A1A;line-height:1.2;
}
.el-nav-logo-text span{
  font-size:10px;color:#718096;
  font-weight:500;text-transform:uppercase;
  letter-spacing:0.06em;
}

/* ── RIGHT GROUP — links + CTA sit together ── */
.el-nav-right{display:flex;align-items:center;gap:0;}
.el-nav-links{
  display:flex;gap:0;list-style:none;
  margin:0;padding:0;align-items:center;
}

/* ── NAV LINK BASE STYLE ── */
.el-nav-links > li > a,
.el-nav-dd-trigger{
  display:flex;align-items:center;gap:4px;
  text-decoration:none;
  color:#4A5568;
  font-size:13.5px;font-weight:500;
  font-family:'DM Sans',sans-serif;
  padding:6px 13px;
  border-radius:8px;
  border:none;background:none;
  cursor:pointer;
  transition:color 0.18s,background 0.18s;
  white-space:nowrap;
  letter-spacing:-0.01em;
  line-height:1;
}
.el-nav-links > li > a:hover,
.el-nav-links > li > a.active,
.el-nav-dd-trigger:hover,
.el-nav-dd.open .el-nav-dd-trigger{
  color:#1A1A1A;
  background:rgba(0,0,0,0.04);
}

/* ── CTA BUTTON ── */
.el-nav-cta-wrap{margin-left:12px;}
.el-nav-cta{
  display:inline-flex;align-items:center;gap:6px;
  background:#D42B2B;color:white;
  padding:8px 20px;border-radius:10px;
  font-size:13.5px;font-weight:600;
  font-family:'DM Sans',sans-serif;
  text-decoration:none;border:none;cursor:pointer;
  box-shadow:0 2px 10px rgba(212,43,43,0.28);
  transition:background 0.18s,transform 0.18s,box-shadow 0.18s;
  white-space:nowrap;letter-spacing:-0.01em;
}
.el-nav-cta:hover{
  background:#A82020;
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(212,43,43,0.35);
}

/* ── DROPDOWN WRAPPER ── */
.el-nav-dd{position:relative;}

/* Chevron arrow on trigger buttons */
.el-nav-dd-trigger::after{
  content:'';
  width:5px;height:5px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform 0.2s;
  flex-shrink:0;opacity:0.6;
}
.el-nav-dd.open .el-nav-dd-trigger::after{
  transform:rotate(-135deg) translateY(1px);
}

/* ── DROPDOWN PANEL ── */
.el-nav-dd-menu{
  display:none;
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%);
  background:#ffffff;
  border-radius:18px;
  box-shadow:0 8px 40px rgba(0,0,0,0.13),0 1px 3px rgba(0,0,0,0.06);
  border:1px solid rgba(0,0,0,0.06);
  width:310px;
  padding:8px;
  z-index:1001;
  animation:elDDIn 0.16s ease;
}
@keyframes elDDIn{
  from{opacity:0;transform:translateX(-50%) translateY(-8px);}
  to{opacity:1;transform:translateX(-50%) translateY(0);}
}
.el-nav-dd.open .el-nav-dd-menu{display:block;}

/* Section label inside dropdown */
.el-dd-hd{
  padding:10px 12px 8px;
  font-size:10px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:#A0AEC0;font-family:'DM Sans',sans-serif;
}

/* Thin divider inside dropdown */
.el-dd-divider{height:1px;background:rgba(0,0,0,0.06);margin:4px 6px;}

/* Overview / "All" link row */
.el-dd-overview{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 12px;border-radius:10px;
  cursor:pointer;transition:background 0.16s;
  border:none;background:none;width:100%;text-align:left;
  font-family:'DM Sans',sans-serif;
}
.el-dd-overview:hover{background:rgba(0,0,0,0.04);}
.el-dd-overview span{font-size:13px;font-weight:600;color:#1A1A1A;}
.el-dd-overview small{font-size:11px;color:#2B82B6;font-weight:600;}

/* Individual dropdown items with icon tile */
.el-dd-item{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:10px;
  cursor:pointer;transition:background 0.16s;
  text-decoration:none;
}
.el-dd-item:hover{background:rgba(0,0,0,0.04);}

/* Icon tile */
.el-dd-ico{
  width:36px;height:36px;border-radius:10px;
  display:flex;align-items:center;
  justify-content:center;font-size:17px;flex-shrink:0;
}
.el-dd-ico.r{background:#FCE8E8;}
.el-dd-ico.b{background:#E3F2FA;}
.el-dd-ico.g{background:#EAF4DC;}

.el-dd-title{
  font-size:13px;font-weight:600;color:#1A1A1A;
  line-height:1.25;font-family:'DM Sans',sans-serif;
}
.el-dd-sub{
  font-size:11px;color:#718096;
  margin-top:2px;font-family:'DM Sans',sans-serif;
}

/* ── HAMBURGER ── */
.el-hbg{
  display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;
  padding:6px;margin-left:auto;
}
.el-hbg span{
  display:block;width:22px;height:2px;
  background:#1A1A1A;border-radius:2px;transition:all 0.28s;
}
.el-hbg.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.el-hbg.open span:nth-child(2){opacity:0;}
.el-hbg.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── MOBILE MENU ── */
.el-mob{
  display:none;flex-direction:column;gap:2px;
  position:fixed;top:68px;left:0;right:0;z-index:999;
  background:white;
  padding:10px 16px 20px;
  box-shadow:0 8px 32px rgba(0,0,0,0.1);
  border-top:1px solid rgba(0,0,0,0.06);
  max-height:calc(100vh - 68px);overflow-y:auto;
}
.el-mob.open{display:flex;}

/* Top-level mobile links */
.el-mob > a{
  text-decoration:none;color:#1A1A1A;
  font-size:15px;font-weight:500;
  padding:11px 14px;border-radius:10px;
  transition:background 0.18s;cursor:pointer;display:block;
  font-family:'DM Sans',sans-serif;
}
.el-mob > a:hover{background:rgba(0,0,0,0.04);}

/* Section label in mobile menu */
.el-mob-lbl{
  font-size:10px;font-weight:700;letter-spacing:0.1em;
  text-transform:uppercase;color:#A0AEC0;
  padding:14px 14px 6px;
  font-family:'DM Sans',sans-serif;
}

/* Sub-section links with icon */
.el-mob-sub{display:flex;flex-direction:column;gap:1px;}
.el-mob-sub a{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;color:#4A5568;
  font-size:14px;font-weight:500;
  padding:10px 14px;border-radius:10px;
  transition:background 0.18s;cursor:pointer;
  font-family:'DM Sans',sans-serif;
}
.el-mob-sub a:hover{background:rgba(0,0,0,0.04);color:#1A1A1A;}

/* Sub icon tile */
.el-mob-ico{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;
  justify-content:center;font-size:14px;flex-shrink:0;
}
.el-mob-ico.r{background:#FCE8E8;}
.el-mob-ico.b{background:#E3F2FA;}
.el-mob-ico.g{background:#EAF4DC;}

.el-mob-item-title{font-size:14px;font-weight:600;color:#1A1A1A;line-height:1.2;font-family:'DM Sans',sans-serif;}
.el-mob-item-sub{font-size:11px;color:#718096;margin-top:2px;font-family:'DM Sans',sans-serif;}

/* Divider in mobile menu */
.el-mob-divider{height:1px;background:rgba(0,0,0,0.06);margin:6px 4px;}

/* Mobile CTA */
.el-mob-cta{
  background:#D42B2B!important;color:white!important;
  text-align:center;margin-top:8px;border-radius:10px;
  font-weight:600!important;
  box-shadow:0 2px 10px rgba(212,43,43,0.22);
}

/* ── RESPONSIVE BREAKPOINTS ── */
@media(max-width:960px){
  .el-nav-right{display:none;}
  .el-hbg{display:flex;}
}
@media(min-width:961px){
  .el-mob{display:none!important;}
}/* End custom CSS */