.elementor-157 .elementor-element.elementor-element-14f1b7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-62px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-157 .elementor-element.elementor-element-53f12a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-157 .elementor-element.elementor-element-24b81ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-157 .elementor-element.elementor-element-0c7b5da .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;color:#009AB4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-157 .elementor-element.elementor-element-6ee8ee8{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#131313;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 0px 0px 0px;}.elementor-157 .elementor-element.elementor-element-ffa1e1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-157 .elementor-element.elementor-element-a746612{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 0px 0px 0px;}.elementor-157 .elementor-element.elementor-element-a746612 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;color:#009AB4;}.elementor-157 .elementor-element.elementor-element-0a670bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-157 .elementor-element.elementor-element-c46dedc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;color:#009AB4;}.elementor-157 .elementor-element.elementor-element-cfc8ec0{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#131313;padding:12px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-53f12a4 *//* =========================
   POPPINS FONT (GLOBAL)
   ========================= */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

/* =========================
   THEME VARIABLES
   ========================= */
:root{
  --text:#ffffff;
  --muted:rgba(255,255,255,.78);
  --border:rgba(255,255,255,.18);

  --blue-950:#041635;
  --blue-900:#062a6b;
  --blue-700:#0b5bd3;
  --blue-500:#1a7cff;
}

/* =========================
   GLOBAL FONT
   ========================= */
*{
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}

/* =========================
   HERO WRAPPER
   ========================= */
.course-hero{
  /* ✅ swap image here */
  --img:url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=2400&q=80");

  position: relative;
  border-radius: 28px;
  overflow: hidden;
  padding: clamp(18px, 2.4vw, 26px);
  min-height: clamp(360px, 46vh, 520px);
  color: var(--text);
  background: #000;
  isolation: isolate;
}

/* Background image */
.course-hero__bg{
  position:absolute;
  inset:0;
  background-image: var(--img);
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  filter: saturate(1.05) contrast(1.02);
  z-index: -3;
}

/* Blue gradient overlay */
.course-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(26,124,255,.50) 0%, rgba(26,124,255,0) 60%),
    radial-gradient(800px 500px at 80% 30%, rgba(11,91,211,.35) 0%, rgba(11,91,211,0) 55%),
    linear-gradient(180deg, rgba(4,22,53,.92) 0%, rgba(6,42,107,.62) 45%, rgba(4,22,53,.88) 100%);
  z-index: -2;
}

/* Decorative aurora blobs */
.course-hero::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(closest-side at 25% 60%, rgba(26,124,255,.35), transparent 60%),
    radial-gradient(closest-side at 70% 40%, rgba(255,255,255,.10), transparent 65%),
    radial-gradient(closest-side at 85% 75%, rgba(11,91,211,.30), transparent 60%);
  filter: blur(20px);
  z-index: -1;
  pointer-events: none;
}

/* =========================
   LAYOUT
   ========================= */
.course-hero__content{
  height: 100%;
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: clamp(14px, 2vw, 22px);
  align-items: end;
}

/* =========================
   GLASS CARD
   ========================= */
.course-hero__card{
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: clamp(18px, 2.2vw, 26px);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.course-hero__top{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

/* Pills */
.pill{
  display:inline-flex;
  align-items:center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.pill--soft{
  letter-spacing: .02em;
  text-transform: none;
  font-weight: 600;
  opacity: .95;
}

/* =========================
   TYPOGRAPHY
   ========================= */
.course-hero__title{
  margin: 0 0 10px;
  color: #ffffff;              /* ✅ white title */
  font-size: clamp(30px, 4.2vw, 56px);
  font-weight: 600;            /* ✅ strong Poppins weight */
  line-height: 1.02;
  letter-spacing: -0.03em;
  text-wrap: balance;
  text-shadow: 0 10px 40px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.45);
}

.course-hero__subtitle{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: clamp(16px, 1.35vw, 16px);
  font-weight: 400;
  line-height: 1.45;
  max-width: 58ch;
}

/* =========================
   META GRID
   ========================= */
.course-hero__meta{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.meta-item{
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}

.meta-k{
  display:block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .85;
  margin-bottom: 6px;
}

.meta-v{
  display:block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

/* =========================
   BUTTONS
   ========================= */
.course-hero__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration:none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  will-change: transform;
}
.btn:hover{ transform: translateY(-1px); }

.btn--primary{
  color: white;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(135deg, rgba(26,124,255,1) 0%, rgba(11,91,211,1) 55%, rgba(6,42,107,1) 100%);
  box-shadow: 0 16px 40px rgba(26,124,255,.22), 0 18px 60px rgba(0,0,0,.25);
}

.btn--primary:hover{
  box-shadow: 0 20px 60px rgba(26,124,255,.28), 0 18px 60px rgba(0,0,0,.25);
  color: white;
  text-decoration: none;
}

.btn--ghost{
  color: white;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}

.btn--ghost:hover{
  background: rgba(255,255,255,.14);
  color: white;
  text-decoration: none;
}

/* =========================
   RIGHT SIDE STATS
   ========================= */
.course-hero__side{
  display: grid;
  gap: 12px;
  justify-items: end;
  align-content: end;
}

.stat{
  width: min(220px, 100%);
  padding: 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  text-align: left;
}

.stat--outline{
  background: rgba(255,255,255,.06);
}

.stat__big{
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
}

.stat__small{
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 860px){
  .course-hero__content{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .course-hero__side{
    grid-auto-flow: column;
    justify-items: start;
    justify-content: start;
  }
  .stat{ width: 100%; }
}

@media (max-width: 520px){
  .course-hero{
    border-radius: 18px;
    min-height: 380px;
  }
  .course-hero__meta{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6ee8ee8 */.elementor a{
    text-decoration: none!important;
    color:black;
}/* End custom CSS */