/* ===== Contact Us V2 (Scoped) ===== */
.eel-contact-v2{
  --ed-blue:#0b5ed7;
  --ed-blue2:#0a53be;
  --ed-bg:#f5f7fb;
  --ed-text:#0f172a;
  --ed-text2:#0f172ad4;
  --ed-muted:#64748b;
  --ed-border:#e6edf7;
  --ed-shadow: 0 20px 45px rgba(15,23,42,.08);
  --ed-shadow2: 0 30px 60px rgba(15,23,42,.12);
  --ed-radius: 22px;

  background: var(--ed-bg);
  position: relative;
  overflow: hidden;
}

.eel-contact-v2:before,
.eel-contact-v2:after{
  content:"";
  position:absolute;
  width: 720px; height: 720px;
  border-radius: 999px;
  z-index: 0;
  pointer-events:none;
}
.eel-contact-v2:before{
  top: -260px; left: -260px;
  background: radial-gradient(circle, rgba(11,94,215,.16) 0%, rgba(11,94,215,0) 68%);
}
.eel-contact-v2:after{
  bottom: -320px; right: -260px;
  background: radial-gradient(circle, rgba(37,99,235,.12) 0%, rgba(37,99,235,0) 70%);
}

.eel-contact-v2 .dots{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image: radial-gradient(rgba(30,64,175,.08) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity: .35;
  mask-image: radial-gradient(circle at 50% 25%, black 0%, transparent 70%);
}

.eel-contact-v2 .container{ position:relative; z-index:1; max-width: 1120px; }

/* Hero */
.eel-contact-v2 .hero{
  padding: 42px 0 0px;
  /* text-align:center; */
}
.eel-contact-v2 .hero h1{
  margin:0 0 8px;
  font-weight: 900;
  font-size: 36px;
  color: var(--ed-text);
}
.eel-contact-v2 .hero p{
  margin:0 auto 18px;
  max-width: 920px;
  color:#475569;
  font-weight:700;
}
.ed-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eel-contact-v2 .hero-actions{
  display:flex;
  gap:12px;
  /* justify-content:center; */
  flex-wrap:wrap;
}

/* Buttons */
.eel-contact-v2 .btnx{
  display:inline-flex; align-items:center; gap:10px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 900;
  text-decoration:none !important;
  border:1px solid transparent;
}
.eel-contact-v2 .btnx.primary{
  background: var(--ed-blue);
  color:#fff !important;
  box-shadow: 0 10px 25px rgba(11,94,215,.22);
}
.eel-contact-v2 .btnx.primary:hover{ background: var(--ed-blue2); }
.eel-contact-v2 .btnx.ghost{
  background:#fff; border-color: var(--ed-border);
  color:#0f172a !important;
}
.eel-contact-v2 .btnx.ghost:hover{ border-color:#cbd5e1; }
.eel-contact-v2 .btnx.whatsapp{
  background:#16a34a; color:#fff !important;
  box-shadow: 0 10px 25px rgba(22,163,74,.20);
}
.eel-contact-v2 .btnx.whatsapp:hover{ background:#15803d; }

/* Cards grid */
.eel-contact-v2 .cards{ margin-top: 8px; }
.eel-contact-v2 .info-card{
  height:100%;
  border-radius: var(--ed-radius);
  background:#fff;
  border:1px solid var(--ed-border);
  box-shadow: var(--ed-shadow);
  overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.eel-contact-v2 .info-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--ed-shadow2);
}
.eel-contact-v2 .info-inner{
  padding: 18px 18px 16px;
  position:relative;
}
.eel-contact-v2 .icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  font-weight: 900;
  color: #1d4ed8;
  background: linear-gradient(135deg, #dbeafe, #eff6ff);
  border:1px solid #cfe1ff;
  margin-bottom: 10px;
}
.eel-contact-v2 .info-title{
  font-weight: 900;
  font-size: 18px;
  color: var(--ed-text);
  margin: 0 0 6px;
}
.eel-contact-v2 .info-title2{
font-weight: 900;
    font-size: 25px;
    color: var(--ed-text);
    margin: -10px 0 10px 0;
    border-bottom: 3px solid #ddd;
}
.eel-contact-v2 .info-text2,
.eel-contact-v2 .info-text{
  color: var(--ed-muted);
  font-weight: 700;
  margin: 0;
  line-height: 1.5;
}
.eel-contact-v2 .info-text a{
  color: var(--ed-blue);
  font-weight: 900;
  text-decoration:none !important;
}
.eel-contact-v2 .info-text2 a{
  color: var(--ed-text2);
  font-weight: 900;
  text-decoration:none !important;
}
.eel-contact-v2 .info-text a:hover{ color: var(--ed-blue2); }

/* Form + side panel */
.eel-contact-v2 .panel{
  margin-top: 18px;
  border-radius: var(--ed-radius);
  background:#fff;
  border:1px solid var(--ed-border);
  box-shadow: var(--ed-shadow);
  overflow:hidden;
}
.eel-contact-v2 .panel-inner{ padding: 20px; }

.eel-contact-v2 label{
  font-weight: 900;
  color:#334155;
  font-size: 13px;
  margin-bottom: 6px;
}
.eel-contact-v2 .form-control{
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  height: 44px;
  font-weight: 700;
}
.eel-contact-v2 textarea.form-control{
  height: 120px;
  resize: vertical;
}
.eel-contact-v2 .form-control:focus{
  box-shadow: 0 0 0 .2rem rgba(11,94,215,.12);
  border-color: rgba(11,94,215,.35);
}

.eel-contact-v2 .submit-btn{
    display: inline-flex;
    justify-content: center;
    align-items: center; 
  height: 46px;
  border-radius: 12px;
  font-weight: 900;
  padding: 0 18px;
}

/* Side help card */
.eel-contact-v2 .help-card{
  border-radius: 18px;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 60%, #eef2ff 100%);
  border:1px solid var(--ed-border);
  padding: 18px;
  height: 100%;
}
.eel-contact-v2 .help-card h3{
  font-weight: 900;
  font-size: 18px;
  margin: 0 0 8px;
  color: var(--ed-text);
}
.eel-contact-v2 .help-card ul{
  margin: 0;
  padding-left: 18px;
  color:#334155;
  font-weight: 800;
}
.eel-contact-v2 .help-card li{ margin-bottom: 8px; }

/* Map */
.eel-contact-v2 .map-wrap{
  margin-top: 22px;
  border-radius: var(--ed-radius);
  overflow:hidden;
  border:1px solid var(--ed-border);
  box-shadow: var(--ed-shadow);
  background:#fff;
}
.eel-contact-v2 .map-head{
  padding: 14px 16px;
  font-weight: 900;
  color:#334155;
  border-bottom:1px solid #eef2f7;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.eel-contact-v2 .map-head a{
  color: var(--ed-blue);
  font-weight: 900;
  text-decoration:none !important;
}
.eel-contact-v2 .map-head a:hover{ color: var(--ed-blue2); }
.eel-contact-v2 iframe{ width:100%; height: 360px; border:0; display:block; }

/* CTA strip */
.eel-contact-v2 .cta{
  margin: 22px 0px;
  border-radius: var(--ed-radius);
  overflow:hidden;
  /* background: linear-gradient(135deg, #0b2a52 0%, #0f172a 60%, #0b2a52 100%); */
  background: url('https://doik495yr0ub5.cloudfront.net/web-easyedulab/pricing-bg.png') no-repeat center center;
  background-size: cover;
  box-shadow: 0 16px 40px rgba(15,23,42,.25);
  position:relative;
}
.eel-contact-v2 .cta:before{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.14) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity:.35;
  mask-image: radial-gradient(circle at 50% 40%, black 0%, transparent 70%);
}
.eel-contact-v2 .cta-inner{
  position:relative;
  padding: 22px 18px;
  text-align:center;
  color:#fff;
}
.eel-contact-v2 .cta-inner h3{
  margin:0 0 6px;
  font-weight: 900;
  font-size: 32px;
}
.eel-contact-v2 .cta-inner p{
  margin:0 0 14px;
  color: rgba(255,255,255,.85);
  font-weight: 700;
}
.eel-contact-v2 .cta-btn{
  background:#fbbf24;
  color:#111827 !important;
  font-weight: 900;
  padding: 12px 20px;
  border-radius: 12px;
  text-decoration:none !important;
  display:inline-flex;
  gap:10px;
  align-items:center;
}
.eel-contact-v2 .cta-btn:hover{ background:#f59e0b; }
.eel-app-subtitle {
    font-size: 14px;
    color: #444;
    margin-bottom: 10px;
    line-height: 18px;
}

@media (max-width: 991px){
  .eel-contact-v2 .hero h1{ font-size: 28px; }
}