.ra-popular-apps {
  padding: 2rem;
  background: #fff;
  font-family: var(--font-sans);
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.ra-popular-apps__title {
  font-size: 55px;
  font-weight: 500;
  color: #111111;
    line-height: 1.1;
  margin: 0 0 1.5rem;
}

.ra-popular-apps__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.ra-app-card {
  background: #f5f5f5;
  border-radius: 16px;
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ra-app-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.ra-app-card__name {
  font-size: 14px;
  color: #333;
  font-weight: 400;
  text-align: center;
}

/* Tablet */
@media (max-width: 991px) {
  .ra-popular-apps__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 576px) {
  .ra-popular-apps__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ra-popular-apps {
    padding: 1rem;
  }
}







.rbx-industries-section {
  /* background: #f4f4f4; */
  padding: 40px 50px 40px;
  
}

.rbx-industries-wrapper {
  max-width: 1800px;
  margin: 0 auto;
  /* display: grid; */
  /* grid-template-columns: 450px 1fr; */
  display: flex;
  justify-content: center;
  gap: 60px;
}

.rbx-industries-left {
  /* padding-top: 10px; */
  width: 100%;
}

.rbx-industries-right {
    width: 100%;
}

.rbx-industries-label {
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 4px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.rbx-industries-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1496d4;
  display: block;
}

.rbx-industries-heading {
  margin: 0;
  font-size: 54px;
  font-weight: 500;
  color: #111111;
    line-height: 1.15;
  max-width: 1200px;
}

.rbx-highlight-text {
  color: #1496d4;
}

.rbx-industries-content {
    margin-top: 25px;
  max-width: 1100px;
}

.rbx-industries-content p {
  font-size: 18px;
  line-height: 1.8;
  color: #000;
  /* margin-bottom: 45px; */
  font-weight: 400;
}

.rbx-industries-left img {
    border-radius: 20px;
}

.rbx-industries-right img {
    border-radius: 20px;
}



/* service detail web development start */

h1.service-sub-hero-title {
    font-size: 120px;
    font-weight: 300;
    color: #111111;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.02em;
    margin-bottom: 60px;
}



section.wdai-section-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

/* FLOATING SIDE ICONS */
.wdai2026-side-icons{
  position:absolute;
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:48px;
  z-index:10;
}

.wdai2026-side-icons.wdai2026-left{
  left:48px;
  bottom: 10%;
}

.wdai2026-side-icons.wdai2026-right{
  right:48px;
  bottom: 10%;
}

.wdai2026-icon-bubble{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
  flex-shrink:0;
}

/* Each bubble has two layers that fade in/out */
.wdai2026-icon-bubble .wdai2026-layer{
  position:absolute;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .5s ease;
}

.wdai2026-icon-bubble .wdai2026-layer img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.wdai2026-icon-bubble .wdai2026-layer-a{
  opacity:1;
}

.wdai2026-icon-bubble .wdai2026-layer-b{
  opacity:0;
}

.wdai2026-icon-bubble.wdai2026-swapped .wdai2026-layer-a{
  opacity:0;
}

.wdai2026-icon-bubble.wdai2026-swapped .wdai2026-layer-b{
  opacity:1;
}

/* HERO */
.wdai2026-hero{
  text-align:center;
  max-width:720px;
  padding:40px 20px 5px;
  position:relative;
  z-index:5;
}

.wdai2026-hero h1{
  font-size:clamp(2.4rem,5vw,3.8rem);
  font-weight:500;
  color:#1a1a2e;
  font-size: 55px;
  line-height:1.15;
  letter-spacing:-0.02em;
  margin-bottom:0;
}

.wdai2026-hero h1 .wdai2026-gradient-text{
  background:linear-gradient(
    90deg,  #96d8f7, #009ada);

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* WITH AI LINE */
.wdai2026-with-ai-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  /* font-size:clamp(2.4rem,5vw,3.8rem); */
  font-size: 55px;
  font-weight:500;
  color:#1a1a2e;
  letter-spacing:-0.02em;
  margin:4px 0;
}

.wdai2026-ai-badge{
  width:62px;
  height:62px;
  border-radius:16px;
  background:linear-gradient(
    90deg,  #96d8f7, #009ada);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.5rem;
  font-weight:900;
  color:#fff;
  letter-spacing:-0.04em;
  font-family:'Inter',sans-serif;
  flex-shrink:0;
}

.wdai2026-hero h2{
  font-size:clamp(2.4rem,5vw,3.8rem);
  font-weight:500;
  font-size: 55px;
  color:#1a1a2e;
  letter-spacing:-0.02em;
  margin-bottom:20px;
}

/* BEGINNER BADGE */
.wdai2026-beginner-badge{
  display:inline-block;
  background:#fde8e0;
  color:#e05020;
  font-size:.85rem;
  font-weight:600;
  padding:6px 20px;
  border-radius:100px;
  margin-bottom:36px;
  margin-top: 13px;
}

.wdai2026-subtitle{
  color:#666;
  font-size:16px;
  font-weight:400;
  margin-bottom:28px;
}

/* INFO CARD */
.wdai2026-info-card{
  background:#fff;
  border-radius:16px;
  border:1px solid #e8e8ee;
  display:inline-flex;
  align-items:stretch;
  margin-bottom: 25px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}

.wdai2026-info-cell{
  padding:20px 32px;
  text-align:left;
  border-right:1px solid #e8e8ee;
}

.wdai2026-info-cell:last-child{
  border-right:none;
}

.wdai2026-info-label{
  font-size: 14px;
  color: #666;
  font-weight:400;
  margin-bottom:5px;
}

.wdai2026-info-value{
  font-size:1.05rem;
  font-weight:600;
  color:#1a1a2e;
}

/* CTA BUTTON */
.wdai2026-cta-btn{
  display:inline-block;
  background:#000;
  color:#fff;
  
  font-size: 16px;
  font-weight:600;
  padding:16px 42px;
  border-radius: 999px;
  border:none;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:.01em;
  transition:background .2s, transform .15s;
}

.wdai2026-cta-btn:hover{
  background: #009ada;
  transform:translateY(-1px);
}


/* service detail web development end */


/* about wdwai */

.emcwdai-section-heading{
  text-align:center;
  margin-bottom:14px;
  margin-top: 25px;
}

.emcwdai-section-heading h2{
  /* font-size:clamp(2rem,4vw,3rem); */
  font-weight:500;
  font-size: 55px;
  color:#111111;
  line-height:1.2;
  letter-spacing:-0.02em;
}

.emcwdai-with-ai-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:4px;
}

.emcwdai-with-ai-row span{
  /* font-size:clamp(2rem,4vw,3rem); */
  font-size: 55px;
  font-weight:500;
  color:#1a1a2e;
  letter-spacing:-0.02em;
}

.emcwdai-ai-badge{
  width:64px;
  height:64px;
  border-radius:18px;
  background: linear-gradient(90deg, #96d8f7, #009ada);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.45rem;
  font-weight:900;
  color:#fff;
  letter-spacing:-0.04em;
  flex-shrink:0;
  /* box-shadow:0 6px 24px rgba(200,64,224,.35); */
}

.emcwdai-section-sub{
  text-align:center;
  color:#666;
  font-size: 16px;
  font-weight:400;
  margin-top:18px;
  margin-bottom:58px;
}

.emcwdai-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:20px;
  max-width:1100px;
  margin:0 auto;
}

.emcwdai-feature-card{
  background:#fff;
  border-radius:18px;
  border:1px solid #ebebf0;
  padding:32px 30px 36px;
  display:flex;
  flex-direction:column;
}

.emcwdai-icon-box{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  flex-shrink:0;
}

.emcwdai-icon-box svg{
  width:26px;
  height:26px;
  fill:#fff;
}

.emcwdai-icon-orange{
  background:#f97316;
}

.emcwdai-icon-red{
  background:#ef4444;
}

.emcwdai-icon-blue{
  background:#3b82f6;
}

.emcwdai-icon-purple{
  background:#a855f7;
}

.emcwdai-feature-card h3{
  font-size: 22px;
  font-weight: 600;
  color:#1a1a2e;
  margin-bottom:10px;
}

.emcwdai-feature-card p{
  font-size: 15px;
  color:#4c4c4c;
  line-height:1.65;
}

.emcwdai-cert-card{
  background:#fff;
  border-radius:18px;
  border:1px solid #ebebf0;
  padding:32px 30px 28px;
  grid-column:3;
  grid-row:1 / 3;
  display:flex;
  flex-direction:column;
}

.emcwdai-cert-card h3{
  font-size: 22px;
  font-weight: 600;
  color:#1a1a2e;
  margin-bottom:10px;
}

.emcwdai-cert-card p{
  font-size: 15px;
  color:#4c4c4c;
  line-height:1.65;
  margin-bottom:28px;
}

.emcwdai-cert-visual{
  border-radius:14px;
  overflow:hidden;
  /* background:linear-gradient(135deg,#f9c56a 0%,#f97316 30%,#e040a0 60%,#a040e0 100%); */
  background: linear-gradient(90deg, #96d8f7, #009ada);
  padding:4px;
  flex:1;
}

.emcwdai-cert-inner{
  background:#fff;
  border-radius:11px;
  padding:24px 22px 20px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.emcwdai-cert-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:16px;
}

.emcwdai-cert-medal{
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(135deg,#1e3a8a,#3b82f6);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.emcwdai-cert-medal::after{
  content:'★';
  color:#fbbf24;
  font-size:1.1rem;
}

.emcwdai-cert-logo{
  font-family:'Inter',sans-serif;
  font-weight:900;
  font-size:.9rem;
  color:#1e3a8a;
  letter-spacing:.05em;
}

.emcwdai-cert-logo span{
  color:#3b82f6;
}

.emcwdai-cert-stamp{
  width:48px;
  height:48px;
  border-radius:50%;
  border:3px solid #22c55e;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.emcwdai-cert-stamp-top{
  font-size:.4rem;
  font-weight:700;
  color:#22c55e;
  text-transform:uppercase;
}

.emcwdai-cert-stamp-star{
  font-size:1rem;
  color:#22c55e;
  line-height:1;
}

.emcwdai-cert-title-text{
  font-size:.78rem;
  color:#888;
  text-align:center;
  margin-bottom:6px;
}

.emcwdai-cert-excellence{
  font-size:1.35rem;
  font-weight:800;
  color:#1a1a2e;
  font-style:italic;
  text-align:center;
  margin-bottom:10px;
}

.emcwdai-cert-signature{
  font-family:'Dancing Script',cursive;
  font-size:1.6rem;
  color:#1a1a2e;
  text-align:center;
  margin-bottom:10px;
}

.emcwdai-cert-awarded-text{
  font-size:.65rem;
  color:#aaa;
  text-align:center;
  margin-bottom:8px;
  font-style:italic;
}

.emcwdai-cert-program-name{
  font-size:.78rem;
  font-weight:700;
  color:#1a1a2e;
  text-align:center;
  margin-bottom:18px;
}

.emcwdai-cert-footer-row{
  display:flex;
  justify-content:space-between;
  width:100%;
  border-top:1px solid #f0f0f0;
  padding-top:12px;
}

.emcwdai-cert-sig-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
}

.emcwdai-cert-sig-line{
  font-family:'Dancing Script',cursive;
  font-size:1rem;
  color:#333;
}

.emcwdai-cert-sig-divider{
  width:60px;
  height:1px;
  background:#ddd;
}

.emcwdai-cert-sig-name{
  font-size:.6rem;
  color:#888;
}

/* about wdwai end */


/* wdwai cta start */

.wdai-cta-card-outer{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
}

  .wdai-cta-card-wrapper {
    position: relative;
    width: 100%;
    max-width: 880px;
  }

  /* Red pushpin on top center */
  .wdai-cta-pushpin {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 44px;
    height: 54px;
  }

  .wdai-cta-pushpin{
        width: 80px;
    height: 65px;
    display:block;
}

  /* The dark card */
  .wdai-cta-card {
    background: radial-gradient(ellipse at 15% 50%, rgba(100, 40, 120, 0.55) 0%, transparent 55%),
                radial-gradient(ellipse at 85% 50%, rgba(120, 30, 50, 0.45) 0%, transparent 55%),
                #1a1a24;
    border-radius: 22px;
    padding: 52px 60px 52px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .wdai-cta-card h2 {
    font-size: 34px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: -0.01em;
    margin-bottom: 28px;
  }

  /* Teal bordered info box */
  .wdai-cta-info-box {
    background: rgba(30, 70, 70, 0.55);
    border: 1.5px solid rgba(56, 178, 172, 0.55);
    border-radius: 14px;
    padding: 22px 36px;
    max-width: 560px;
    margin: 0 auto 32px;
  }
  .wdai-cta-info-box p {
    color: #e0f0ef;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0px;
  }

  /* White CTA button */
  .wdai-cta-cta-btn {
    display: inline-block;
    background: #000;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 42px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: background 0.2s, transform 0.15s;
  }
  .wdai-cta-cta-btn:hover {
    background: #009ada;
    transform: translateY(-1px);
  }


/* wdwai cta end */


/* ── HEADING ── */
  .wdai-archieve-section-head {
    text-align: center;
    margin-bottom: 48px;
  }
  .wdai-archieve-section-head h2 {
    font-family: "BDO Grotesk" Arial sans-serif;
    font-size: 54px;
    font-weight: 500;
    color: #1a1a2e;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
  }
  .wdai-archieve-section-head p {
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 400;
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto;
  }

  /* ── GRID ── */
  .wdai-archieve-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;
  }

  /* ── CARD ── */
  .wdai-archieve-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e8e8ee;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  /* image area */
  .wdai-archieve-card-img {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
  }
  .wdai-archieve-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ── FALLBACK ILLUSTRATED IMAGES ── */
  /* Card 1 – full-stack: light blue-grey bg with smartwatch mockup feel */
  .wdai-archieve-img-fullstack {
    background: linear-gradient(135deg, #dde8f5 0%, #c8d8ee 100%);
    display: flex; align-items: center; justify-content: center;
  }
  .wdai-archieve-img-fullstack .mock {
    width: 78%;
    height: 70%;
    background: #fff;
    border-radius: 50px;
    border: 6px solid #d0d8e8;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    box-shadow: 4px 8px 24px rgba(0,0,0,0.12);
  }
  .wdai-archieve-mock-screen {
    width: 80%; height: 60%;
    background: #f8f9ff;
    border-radius: 8px;
    display: flex; flex-direction: column; gap: 5px; padding: 8px;
  }
  .wdai-archieve-mock-bar { height: 6px; border-radius: 4px; }

  /* Card 2 – AI: dark grid bg with neon rocket */
  .wdai-archieve-img-ai {
    background: #111214;
    background-image:
      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 28px 28px;
    display: flex; align-items: center; justify-content: center;
  }
  .wdai-archieve-rocket-wrap {
    display: flex; flex-direction: column; align-items: center; gap: 0;
    filter: drop-shadow(0 0 18px rgba(0,255,160,0.7));
  }
  .wdai-archieve-rocket-body {
    width: 36px; height: 56px;
    background: linear-gradient(180deg, #00ffaa 0%, #00cc88 100%);
    clip-path: polygon(50% 0%, 85% 30%, 100% 100%, 0% 100%, 15% 30%);
    border-radius: 2px;
  }
  .rwdai-archieve-ocket-window {
    width: 14px; height: 14px; border-radius: 50%;
    background: #111; border: 2px solid #00ffaa;
    position: absolute; top: 38%; left: 50%; transform: translate(-50%,-50%);
  }
  .rwdai-archieve-ocket-flame {
    width: 20px; height: 18px;
    background: linear-gradient(180deg, #ffe066 0%, #ff6600 100%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
    border-radius: 0 0 6px 6px;
    filter: blur(1px);
  }
  .wdai-archieve-rocket-glow-ring {
    width: 60px; height: 18px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(0,255,160,0.4) 0%, transparent 80%);
    margin-top: -4px;
  }
  .wdai-archieve-orbit-dot {
    position: absolute;
    width: 8px; height: 8px; border-radius: 50%;
    background: #00ff99;
    box-shadow: 0 0 6px #00ff99;
  }
  .wdai-archieve-orbit-dot.d1 { top: 20%; left: 18%; }
  .wdai-archieve-orbit-dot.d2 { top: 55%; right: 14%; }
  .wdai-archieve-orbit-dot.d3 { bottom: 22%; left: 22%; width: 5px; height: 5px; }
  .wdai-archieve-ai-img-rel { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

  /* Card 3 – Frontend: dark bg with AI tool icons */
  .wdai-archieve-img-frontend {
    background: #1a1a24;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 18px;
  }
  .wdai-archieve-tool-icon-box {
    width: 68px; height: 68px;
    border-radius: 18px;
    background: #2a2a38;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
  }
  .wdai-archieve-tool-icon-box.active {
    background: #2e3a4e;
    border-color: rgba(100,180,255,0.3);
  }
  .wdai-archieve-tool-icon-box .tname {
    font-size: 0.52rem; color: rgba(255,255,255,0.5); text-align: center; line-height: 1.2;
  }
  .wdai-archieve-ti-copilot { width: 30px; height: 30px; border-radius: 8px; background: linear-gradient(135deg, #7b2fff, #e040fb); }
  .wdai-archieve-ti-perp    { width: 30px; height: 30px; border-radius: 8px; background: linear-gradient(135deg, #1a1a2e, #4040a0); display: flex; align-items: center; justify-content: center; }
  .wdai-archieve-ti-perp svg { width: 18px; height: 18px; fill: #fff; }
  .wdai-archieve-ti-gpt     { width: 30px; height: 30px; border-radius: 8px; background: #1a1a1a; display: flex; align-items: center; justify-content: center; }
  .wdai-archieve-ti-gpt svg { width: 18px; height: 18px; fill: #fff; }

  /* Card 4 – Deploy: dark teal cyberpunk robot */
  .wdai-archieve-img-deploy {
    background: radial-gradient(ellipse at 50% 50%, #0a2a3a 0%, #050e14 100%);
    display: flex; align-items: center; justify-content: center;
  }
  .wdai-archieve-robot-wrap {
    position: relative;
    width: 90px; height: 110px;
  }
  .wdai-archieve-robot-head {
    width: 52px; height: 40px; border-radius: 14px;
    background: linear-gradient(180deg, #1a3a5a, #0a1e30);
    border: 2px solid #00bfff;
    box-shadow: 0 0 14px rgba(0,191,255,0.5);
    position: absolute; top: 0; left: 19px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
  }
  .wdai-archieve-robot-eye {
    width: 10px; height: 10px; border-radius: 50%;
    background: #00ffcc;
    box-shadow: 0 0 8px #00ffcc;
  }
  .wdai-archieve-robot-body {
    width: 70px; height: 54px; border-radius: 12px;
    background: linear-gradient(180deg, #0e2a40, #071520);
    border: 2px solid #0088cc;
    box-shadow: 0 0 10px rgba(0,136,204,0.4);
    position: absolute; top: 44px; left: 10px;
    display: flex; align-items: center; justify-content: center;
  }
  .wdai-archieve-robot-chest {
    width: 30px; height: 22px; border-radius: 6px;
    background: rgba(0,191,255,0.15);
    border: 1px solid #00bfff;
    display: flex; align-items: center; justify-content: center;
  }
  .wdai-archieve-robot-chest::after { content: '⬡'; color: #00bfff; font-size: 1rem; }
  .wdai-archieve-robot-arm {
    width: 14px; height: 44px; border-radius: 8px;
    background: linear-gradient(180deg, #0e2a40, #071520);
    border: 2px solid #0088cc;
    position: absolute; top: 50px;
  }
  .wdai-archieve-robot-arm.left  { left: 0; }
  .wdai-archieve-robot-arm.right { right: 0; }
  .wdai-archieve-hex-ring {
    position: absolute;
    border: 2px solid rgba(0,191,255,0.2);
    border-radius: 50%;
  }
  .wdai-archieve-hex-ring.r1 { width: 130px; height: 130px; top: -10px; left: -20px; }
  .wdai-archieve-hex-ring.r2 { width: 170px; height: 170px; top: -30px; left: -40px; border-color: rgba(0,136,204,0.12); }

  /* Card 5 – AI Coding: dark laptop + code */
  .wdai-archieve-img-coding {
    background: #0d0d14;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    gap: 12px;
  }
  .wdai-archieve-laptop-mock {
    width: 130px; height: 88px; border-radius: 8px;
    background: #1a1a28;
    border: 2px solid #333;
    position: relative; overflow: hidden;
    flex-shrink: 0;
  }
  .wdai-archieve-code-line {
    height: 7px; border-radius: 4px; margin: 7px 10px 0;
  }
  .wdai-archieve-code-line.pink  { background: #e040a0; width: 60%; }
  .wdai-archieve-code-line.yellow{ background: #f5c842; width: 80%; }
  .wdai-archieve-code-line.green { background: #22d3a0; width: 45%; }
  .wdai-archieve-code-tag-box {
    width: 68px; height: 68px; border-radius: 10px;
    background: #1e1e2e;
    border: 1px solid #333;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
  .wdai-archieve-code-tag {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: 700;
    color: #22d3a0;
    background: #0d2a20;
    border: 2px solid #22d3a0;
    border-radius: 6px;
    padding: 4px 8px;
  }

  /* Card 6 – Portfolio: dark dramatic with Portfolio text */
  .wdai-archieve-img-portfolio {
    background: #0a0808;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    overflow: hidden;
  }
  .wdai-archieve-port-bg-glow {
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 50% 60%, rgba(200,20,20,0.35) 0%, transparent 65%);
  }
  .wdai-archieve-port-letter-a-left, .port-letter-a-right {
    position: absolute;
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
    color: #cc2222;
    font-style: italic;
    text-shadow: 0 0 20px rgba(255,60,60,0.5);
    bottom: 8px;
  }
  .wdai-archieve-port-letter-a-left  { left: 10%; }
  .wdai-archieve-port-letter-a-right { right: 10%; transform: scaleX(-1); }
  .wdai-archieve-port-center {
    position: relative; z-index: 2; text-align: center;
  }
  .wdai-archieve-port-subtitle { font-size: 0.65rem; color: rgba(255,255,255,0.5); margin-bottom: 2px; font-style: italic; }
  .wdai-archieve-port-title {
    font-size: 1.8rem; font-weight: 900; color: #fff;
    font-style: italic; letter-spacing: -0.02em;
    text-shadow: 0 0 30px rgba(255,80,80,0.4);
    line-height: 1;
  }
  .wdai-archieve-port-title em { color: #ff4444; font-style: normal; }
  .wdai-archieve-port-name { font-size: 0.6rem; color: rgba(255,255,255,0.4); margin-top: 4px; font-style: italic; }

  /* ── CARD TEXT ── */
  .wdai-archieve-card-body {
    padding: 20px 22px 24px;
    flex: 1;
  }
  .wdai-archieve-card-body h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 15px;
  }
  .wdai-archieve-card-body p {
    font-size: 15px;
    color: #4c4c4c;
    line-height: 1.65;
    font-weight: 400;
    margin-bottom: 0;
  }
  .wdai-archieve-card-body p strong {
    font-weight: 700;
    color: #1a1a2e;
  }









  /* TOP HEADING */
.emc-enroll-top-heading h2{
  font-size:2rem;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.01em;
  margin-bottom:8px;
  margin-top: 8px;
}

section.emc-enroll-outer
 {
    padding: 60px 0 60px;
    background: url(https://thewebsitedemo.in/ninemedia/wp-content/uploads/2026/04/banner-bg-final.png);
    object-position: center;
    object-fit: contain;
    margin-top: 65px;
}

.emc-enroll-top-heading {
    max-width: 1100px;
    margin: 0 auto;
}

.emc-enroll-top-heading p{
  font-size:0.9rem;
  /* color:rgba(255,255,255,0.55); */
  color: #fff;
  font-weight:400;
  margin-bottom: 30px;
}

/* LAYOUT */
.emc-enroll-layout{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:20px;
  /* margin-top:28px; */
  max-width: 1100px;
  margin: 0 auto;
}

/* LEFT PANEL */
.emc-enroll-left-panel{
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:rgba(255,255,255,0.03);
}

/* INFO ROW */
.emc-enroll-info-row{
  background: #0e050580;
  border-radius:12px;
  display:flex;
  align-items:stretch;
}

.emc-enroll-info-cell{
  flex:1;
  padding:18px 22px;
  border-right:1px solid rgba(255,255,255,0.08);
}

.emc-enroll-info-cell:last-child{
  border-right:none;
}

.emc-enroll-info-label{
  font-size:0.75rem;
  color:rgba(255,255,255,0.45);
  font-weight:400;
  margin-bottom:6px;
}

.emc-enroll-info-value{
  font-size:1.05rem;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.01em;
}

/* FEATURE GRID */
.emc-enroll-feat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  flex:1;
}

.emc-enroll-feat-card{
  border: 1px solid black;
    overflow: hidden;
     background-color: #0e050580;
  border-radius:12px;
  padding:22px 20px 20px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.emc-enroll-feat-icon{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.emc-enroll-feat-icon svg{
  width:32px;
  height:32px;
}

.emc-enroll-feat-card h3{
  font-size:0.95rem;
  font-weight:600;
  color:#fff;
  letter-spacing:-0.01em;
}

/* RIGHT PANEL */
.emc-enroll-right-panel{
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:28px 26px 26px;
  /* background:rgba(255,255,255,0.03); */
  display:flex;
  flex-direction:column;
}

.emc-enroll-plan-title{
  font-size:1.2rem;
  font-weight:700;
  color: #fff;
  margin-bottom:16px;
}

.emc-enroll-divider{
  height: 0.1px;
  background: #e5e7eb;
  margin-bottom:20px;
}

/* PRICE */
.emc-enroll-price-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:6px;
  flex-wrap:wrap;
}

.emc-enroll-price-old{
  font-size:1rem;
  color: #fff;
  text-decoration:line-through;
  font-weight:500;
}

.emc-enroll-price-new{
  font-size:2.8rem;
  font-weight:900;
  color: #fff;
  letter-spacing:-0.04em;
  line-height:1;
}

.emc-enroll-offer-badge{
  display:inline-block;
  background:linear-gradient(135deg,#c040e0,#9020b0);
  color:#fff;
  font-size:0.75rem;
  font-weight:600;
  padding:4px 14px;
  border-radius:100px;
}

/* CHECK LIST */
.emc-enroll-check-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:28px;
}

.emc-enroll-check-list li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:0.92rem;
  color: #fff;
  font-weight:500;
}

.emc-enroll-check-list li::before{
  content:"✓";
  color:#fff;
  font-weight:700;
  font-size:0.95rem;
  flex-shrink:0;
}

/* BUTTON */
.emc-enroll-buy-btn{
  display:block;
  width:100%;
  background:#fff;
  color:#1a0a0a;
  font-family:'Inter',sans-serif;
  font-size:1rem;
  font-weight:700;
  padding:16px;
  border-radius:10px;
  border:none;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  letter-spacing:-0.01em;
  margin-bottom:14px;
  transition:background .2s,transform .15s;
}

.emc-enroll-buy-btn:hover{
  background:#f0f0f0;
  transform:translateY(-1px);
}

/* AVATARS */
.emc-enroll-avatar-row{
  display:flex;
  align-items:center;
  gap:8px;
}

.emc-enroll-avatar-stack{
  display:flex;
}

.emc-enroll-avatar-stack .emc-enroll-av{
  width:28px;
  height:28px;
  border-radius:50%;
  border:2px solid #1a0a0a;
  margin-left:-8px;
  overflow:hidden;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.55rem;
  font-weight:700;
  color:#fff;
}

.emc-enroll-avatar-stack .emc-enroll-av:first-child{
  margin-left:0;
}

.emc-enroll-av-1{background:#e07040;}
.emc-enroll-av-2{background:#4070e0;}
.emc-enroll-av-3{background:#40b060;}
.emc-enroll-av-4{background:#c04080;}
.emc-enroll-av-5{background:#8040c0;}

.emc-enroll-av-count{
  background:#a020d0;
  color:#fff;
  font-size:.6rem;
  font-weight:700;
  padding:0 5px;
  border-radius:100px;
  height:20px;
  display:flex;
  align-items:center;
}

.emc-enroll-avatar-text{
  font-size:.78rem;
  color:rgba(255,255,255,.5);
  font-weight:400;
}





/* HEADING */
.emc-roadmap-head{
  text-align:center;
  margin-bottom:40px;
  margin-top: 40px;
}

.emc-roadmap-head h2{
  font-size:2rem;
  font-weight:800;
  color:#1a1a2e;
  letter-spacing:-0.02em;
  margin-bottom:10px;
}

.emc-roadmap-head p{
  font-size:.9rem;
  color:#aaa;
  font-weight:400;
}

/* GRADIENT WRAPPER */
.emc-roadmap-wrap{
  max-width:680px;
  margin:0 auto;
  padding:5px;
  border-radius:24px;
  background:linear-gradient(
    160deg,
    #f9c74f 0%,
    #f97316 18%,
    #ef4444 32%,
    #e040a0 48%,
    #a855f7 62%,
    #818cf8 76%,
    #60a5fa 100%
  );
  box-shadow:0 8px 40px rgba(0,0,0,.08);
}

/* INNER CARD */
.emc-roadmap-card{
  border-radius:20px;
  padding:10px 0;
  background:linear-gradient(180deg,#fff9f9 0%,#ffffff 100%);
}

/* ACCORDION ITEM */
.emc-roadmap-item{
  border-bottom:1px solid #f0eef0;
}

.emc-roadmap-item:last-child{
  border-bottom:none;
}

.emc-roadmap-header{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 28px;
  cursor:pointer;
  user-select:none;
  transition:background .15s;
  border-radius:4px;
}

.emc-roadmap-header:hover{
  background:rgba(0,0,0,.015);
}

/* CHEVRON */
.emc-roadmap-chevron{
  width:20px;
  height:20px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .3s ease;
  color:#888;
}

.emc-roadmap-chevron svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.emc-roadmap-item.emc-roadmap-open .emc-roadmap-chevron{
  transform:rotate(180deg);
  color:#555;
}

.emc-roadmap-title{
  font-size:.95rem;
  font-weight:500;
  color:#1a1a2e;
  flex:1;
}

/* BODY */
.emc-roadmap-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease,padding .25s ease;
  padding:0 28px 0 62px;
}

.emc-roadmap-item.emc-roadmap-open .emc-roadmap-body{
  max-height:400px;
  padding:0 28px 18px 62px;
}

.emc-roadmap-body-inner{
  font-size:.875rem;
  color:#666;
  line-height:1.7;
  font-weight:400;
}

.emc-roadmap-body-inner ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:4px;
}

.emc-roadmap-body-inner ul li::before{
  content:"• ";
  color:#e040a0;
  font-weight:700;
}






.img-fullstack {
    background: linear-gradient(135deg, #dde8f5 0%, #c8d8ee 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.wdai-archieve-mock {
    width: 78%;
    height: 70%;
    background: #fff;
    border-radius: 50px;
    border: 6px solid #d0d8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.12);
}

.img-ai {
    background: #111214;
    background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 28px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-frontend {
    background: #1a1a24;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
}

.img-deploy {
    background: radial-gradient(ellipse at 50% 50%, #0a2a3a 0%, #050e14 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-coding {
    background: #0d0d14;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 12px;
}

.img-portfolio {
    background: #0a0808;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}




.beg-section {
    background: linear-gradient(135deg, #1a0a0a 0%, #2d0a0a 50%, #1a0a12 100%);
    padding: 48px 40px;
    min-height: 320px;
    font-family: var(--font-sans);
  }

  .beg-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 36px;
    line-height: 1.2;
  }

  .beg-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .beg-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    padding: 28px 22px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .beg-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    flex-shrink: 0;
  }

  .beg-icon-orange {
    background: #f59e0b;
  }

  .beg-icon-red {
    background: #ef4444;
  }

  .beg-icon-blue {
    background: #3b82f6;
  }

  .beg-icon-purple {
    background: #a855f7;
  }

  .beg-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.35;
  }

  .beg-card-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 1.6;
  }

  @media (max-width: 600px) {
    .beg-grid {
      grid-template-columns: 1fr 1fr;
    }
  }



  .dlf-section {
    background: #edecea;
    padding: 52px 40px 64px;
    font-family: var(--font-sans);
    text-align: center;
  }
  .dlf-heading {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 8px;
  }
  .dlf-sub {
    font-size: 14px;
    color: #888;
    margin: 0 0 56px;
    letter-spacing: 0.2px;
  }
  .dlf-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: relative;
  }
  .dlf-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 4px 6px 24px rgba(0,0,0,0.10);
    padding: 28px 32px;
    min-width: 190px;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  .dlf-card-label {
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 400;
  }
  .dlf-card-label b {
    font-size: 22px;
    font-weight: 700;
    color: #111;
  }
  .dlf-arrow-wrap {
    width: 120px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }
  .dlf-arrow-wrap svg {
    overflow: visible;
    display: block;
  }