/* ===== Core section wrapper ===== */
.career_section {
  position: relative;
  padding-block: clamp(20px, 4vw, 36px);
  overflow: clip;
}

.career_wrap {
  width: 90%;
  max-width: none;
  margin: 0 auto;
}

/* ===== Shared type & utilities ===== */
.career_kicker {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #eec063;
  opacity: .95;
  font-size: .8rem;
}

.career_h2 {
  margin: 0 0 .4rem;
  font-size: clamp(1.4rem, 1rem + 1.6vw, 2.1rem);
  font-weight: 800;
  color: #eaf0fb;
}

.career_big {
  margin: 0 0 .5rem;
  font-size: clamp(2rem, 1.6rem + 2vw, 3.2rem);
  line-height: 1.1;
  font-weight: 900;
  color: #f4f7ff;
}

.career_accent {
  color: #eec063;
  text-shadow: 0 0 12px rgba(238, 192, 99, .35);
}

/* fixed ) */

/* body copy */
.career_lead,
.career_sub {
  margin: 0;
  color: #cfd6e6;
  line-height: 1.6;
}

.center {
  text-align: center;
}

/* ===== Primary/Secondary CTAs (subtle gold) ===== */
.career_cta,
.career_secondaryCta {
  display: inline-block;
  width: fit-content;
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #f3e3c3, #eec063);
  color: #0b0b0c;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 0 10px rgba(238, 192, 99, .35), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.career_secondaryCta {
  box-shadow: 0 0 6px rgba(238, 192, 99, .25), inset 0 1px 0 rgba(255, 255, 255, .15);
  margin-top: 5px;
}

/* ===== HERO ===== */
.career_heroGrid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(16px, 3vw, 36px);
  align-items: center;
}

.career_heroCopy {
  display: grid;
  gap: 12px;
}

.career_heroImage {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  border: 1px solid rgba(238, 192, 99, .55);
  box-shadow: 0 0 18px rgba(238, 192, 99, .28);
}

.career_imgFit {
  display: block;
  width: 100%;
  height: auto;
  /* Allow height to adjust naturally to prevent cropping */
  object-fit: contain;
  /* Ensure the full image is visible */
}

/* ===== SERVICES ===== */
.career_blockHead {
  text-align: left;
  margin-bottom: clamp(10px, 2vw, 16px);
}

.career_cardGrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(12px, 2vw, 18px);
}

.career_glowCard {
  grid-column: span 12;
  border: 1px solid rgba(238, 192, 99, .55);
  border-radius: 14px;
  padding: clamp(14px, 2vw, 18px);
  position: relative;
  color: #e6ebf6;
  background: linear-gradient(180deg, rgba(24, 24, 26, .96), rgba(18, 18, 20, .98));
  box-shadow: 0 0 16px rgba(238, 192, 99, .18);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.career_glowCard::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 10px rgba(238, 192, 99, .18);
}

.career_glowCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(238, 192, 99, .22);
  border-color: rgba(238, 192, 99, .75);
}

.career_iconBox {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(238, 192, 99, .14);
  color: #f3e3c3;
  margin-bottom: 8px;
  font-size: 1.1rem;
}

.career_cardTitle {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 1.02rem;
  color: #ffffff;
}

.career_cardCopy {
  margin: 0;
  color: #cfd6e6;
  line-height: 1.55;
}

@media (min-width: 700px) {
  .career_glowCard {
    grid-column: span 6;
  }
}

@media (min-width: 1100px) {
  .career_glowCard {
    grid-column: span 3;
  }
}

/* ===== ABOUT ===== */
.career_aboutGrid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: clamp(16px, 3vw, 36px);
  align-items: center;
}

.career_aboutImage {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(238, 192, 99, .55);
  box-shadow: 0 0 22px rgba(238, 192, 99, .26);
}

.career_aboutCopy {
  display: grid;
  gap: 10px;
}

.career_bullets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}

.career_bullet {
  background: rgba(238, 192, 99, .10);
  border: 1px solid rgba(238, 192, 99, .45);
  color: #ffeccc;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* ===== FORM (subtle gold) ===== */
.career_formDark {
  background: linear-gradient(180deg, #0b0b0c, #0f1113);
}

.career_formShell {
  border-radius: 16px;
  padding: clamp(16px, 3vw, 22px);
  background: linear-gradient(180deg, rgba(35, 35, 35, .30), rgba(29, 29, 29, .44));
  border: 1px solid rgba(238, 192, 99, .45);
  box-shadow: 0 0 18px rgba(238, 192, 99, .18);
}

.career_formGrid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}

.career_field {
  grid-column: 1 / -1;
}

.career_inp,
.career_textarea,
.career_select {
  background: #14161a;
  color: #f1f4fb;
  border: 1px solid #e4c88f;
  border-radius: 12px;
  padding: 12px 14px;
  min-height: 46px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.career_inp:focus,
.career_textarea:focus,
.career_select:focus {
  border-color: #eec063;
  box-shadow: 0 0 0 3px rgba(238, 192, 99, .28);
}

.career_label {
  color: #eec063;
  padding-left: 14px;
  font-size: .92rem;
}

.career_textarea {
  min-height: 140px;
  resize: vertical;
}

/* custom select arrow in soft gold */
.career_select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23eec063' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
}

/* button in gold gradient */
.career_btn {
  border: 0;
  border-radius: 12px;
  height: 46px;
  font-weight: 900;
  letter-spacing: .2px;
  background: linear-gradient(90deg, #f3e3c3, #eec063);
  color: #0b0c0d;
  box-shadow: 0 0 12px rgba(238, 192, 99, .28), inset 0 1px 0 rgba(255, 255, 255, .22);
  cursor: pointer;
}

/* ===== Desktop form columns ===== */
@media (min-width: 1024px) {
  .career_name {
    grid-column: 1 / span 4;
  }

  .career_age {
    grid-column: 5 / span 4;
  }

  .career_phone {
    grid-column: 9 / span 4;
  }

  .career_email,
  .career_labelTeam,
  .career_select,
  .career_aboutYou,
  .career_btn {
    grid-column: 1 / -1;
  }
}

/* ===== Responsive stacks ===== */
@media (max-width: 920px) {
  .career_heroGrid {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .career_aboutGrid {
    grid-template-columns: 1fr;
  }
}

/* ===== FORM (Ultra Subtle Gold) ===== */
.career_formShell {
  border-radius: 16px;
  padding: clamp(16px, 3vw, 22px);
  background: linear-gradient(180deg, rgba(35, 35, 35, .35), rgba(29, 29, 29, .45));
  border: 1px solid rgba(238, 192, 99, .25);
  /* lighter border */
  box-shadow: 0 0 12px rgba(238, 192, 99, .08);
  /* faint outer glow */
}

.career_inp,
.career_textarea,
.career_select {
  background: #14161a;
  color: #f1f4fb;
  border: 1px solid rgba(238, 192, 99, .25);
  /* muted input border */
  border-radius: 10px;
  padding: 12px 14px;
  min-height: 44px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

/* Subtle focus: no heavy glow */
.career_inp:focus,
.career_textarea:focus,
.career_select:focus {
  border-color: rgba(238, 192, 99, .55);
  box-shadow: 0 0 0 2px rgba(238, 192, 99, .18);
  outline: none;
}

.career_label {
  color: #eec063;
  padding-left: 14px;
  font-size: .9rem;
  font-weight: 500;
}

/* Select arrow in subtle gold */
.career_select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23eec063' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  color: #f3e8cc;
}

/* Textarea: subtle box */
.career_textarea {
  min-height: 130px;
  resize: vertical;
}

/* Button: minimal gradient, soft glow */
.career_btn {
  width: fit-content;
  justify-self: center;
  border: 0;
  border-radius: 10px;
  height: 44px;
  font-weight: 700;
  letter-spacing: .2px;
  background: linear-gradient(90deg, #f3e3c3, #eec063);
  color: #0b0c0d;
  box-shadow: 0 0 8px rgba(238, 192, 99, .15), inset 0 1px 0 rgba(255, 255, 255, .18);
  transition: box-shadow .25s ease, transform .25s ease;
}

.career_btn:hover {
  box-shadow: 0 0 10px rgba(238, 192, 99, .25);
  transform: translateY(-1px);
}

/* ===== Form color harmonization — dark + gold theme ===== */

/* Form shell / panel */
.career_formShell {
  background: linear-gradient(180deg, rgba(10, 10, 10, 0.84), rgba(6, 6, 6, 0.9));
  border: 1px solid rgba(217, 168, 74, 0.22);
  /* gold tint */
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.65), 0 0 18px rgba(217, 168, 74, 0.06);
}

/* Headings & price line */
.career_h2,
.career_big {
  color: #f5f3ee;
  /* off-white titles */
}

.career_lead,
.career_sub {
  color: #bfc5c7;
  /* muted body copy */
}

/* Input / select / textarea surfaces */
.career_inp,
.career_select,
.career_textarea {
  background: linear-gradient(180deg, #0b0b0b, #0f0f10);
  /* deep input surface */
  border: 1px solid rgba(217, 168, 74, 0.18);
  /* soft gold border */
  color: #f5f3ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

/* Placeholder color */
.career_inp::placeholder,
.career_select::placeholder,
.career_textarea::placeholder {
  color: rgba(245, 243, 238, 0.35);
}

/* Focus state — subtle gold outline */
.career_inp:focus,
.career_select:focus,
.career_textarea:focus {
  border-color: rgba(217, 168, 74, 0.6);
  box-shadow: 0 0 0 4px rgba(217, 168, 74, 0.08);
  outline: none;
}

/* Labels and small text */
.career_label,
.career_label+label,
.career_kicker {
  color: #d9a84a;
  /* gold */
  font-weight: 700;
}

/* Select arrow color (gold) */
.career_select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23d9a84a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  padding-right: 44px;
}

/* Terms text / small hint */
.career_note,
.career_small {
  color: rgba(191, 197, 199, 0.78);
}

/* Primary action button (Pay Now / career_btn) — gold gradient */
.career_btn,
.career_cta {
  background: linear-gradient(90deg, #e6b872, #d9a84a);
  color: #080808;
  border: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: transform .18s ease, box-shadow .18s ease;
}

.career_btn:hover,
.career_cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 50px rgba(217, 168, 74, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* Secondary button variant (white) if ever needed */
.career_btn--white {
  background: #ffffff;
  color: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.career_btn--white:hover {
  background: #fbfbfb;
}

/* Remove any bright purple/blue link underlines inside the form */
.career_formShell a,
.career_formShell .tdale-btn,
.career_formShell button,
.career_formShell input[type="submit"] {
  text-decoration: none !important;
  color: inherit;
}

/* Status / success message */
.career_success {
  color: #d9a84a;
  background: rgba(217, 168, 74, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 10px 12px;
  border-radius: 8px;
}

/* Make the select + button row balanced on small screens */
@media (max-width: 920px) {
  .career_formGrid {
    gap: 12px;
  }

  .career_inp,
  .career_select,
  .career_textarea {
    min-height: 44px;
  }

  .career_media,
  .career_heroImage {
    height: auto;
  }
}

/* tiny polish: reduce input inner shadow for flatter modern look */
.career_inp,
.career_select,
.career_textarea {
  box-shadow: none;
  border-radius: 12px;
}

/* === Gold border match patch ===
   Uses a single variable so you can tweak the gold everywhere.
   Paste this after your existing CSS.
*/
:root {
  --td-gold: #eec063;
  /* gold to match the image (change once if needed) */
  --td-gold-rgba: 238, 192, 99;
  /* for rgba usages */
}

/* Ensure all main panels use the same gold border */
.career_formShell,
.career_glowCard,
.career_heroImage,
.career_aboutImage {
  border: 1px solid var(--td-gold);
  /* slightly darker halo to keep contrast on black */
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.6),
    0 2px 18px rgba(var(--td-gold-rgba), 0.06);
}

/* Decorative inner stroke that matches the image */
.career_glowCard::before {
  box-shadow: inset 0 0 10px rgba(var(--td-gold-rgba), 0.18);
  border-radius: inherit;
}

/* Icon boxes and small accent borders */
.career_iconBox,
.career_bullet,
.career_datepill,
.amun-datepill {
  /* if you want date pills to match too */
  background: rgba(var(--td-gold-rgba), 0.08);
  border: 1px solid var(--td-gold);
  color: #fff;
}

/* Inputs: subtle gold outline with same tone */
.career_inp,
.career_select,
.career_textarea {
  border: 1px solid rgba(var(--td-gold-rgba), 0.14);
}

.career_inp:focus,
.career_select:focus,
.career_textarea:focus {
  border: 1px solid var(--td-gold);
  box-shadow: 0 0 0 4px rgba(var(--td-gold-rgba), 0.08);
}

/* Hero / image frame stronger highlight on hover */
.career_heroImage:hover,
.career_aboutImage:hover {
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.6),
    0 8px 36px rgba(var(--td-gold-rgba), 0.12);
  transform: translateY(-4px);
  transition: transform .24s ease, box-shadow .24s ease;
}

/* CTA buttons: ensure border tie-in when using white variant */
.career_btn--white,
.tdale-btn--white {
  border: 1px solid var(--td-gold);
}

/* Tiny polish: unify section-rule / decorative rule color */
.amun-section-title__main::after,
.section-rule {
  background: linear-gradient(90deg, #e6b872, var(--td-gold));
}

/* If you need exact hex instead of the variable somewhere, use:
   border-color: #eec063;
   box-shadow: 0 8px 30px rgba(0,0,0,0.6), 0 2px 18px rgba(238,192,99,0.06);
*/
/* === WHITE BORDER THEME OVERRIDE === */

/* Core variable (optional) */
:root {
  --td-white: #ffffff;
  --td-white-rgba: 255, 255, 255;
}

/* Panels, forms, cards, and image frames */
.career_formShell,
.career_glowCard,
.career_heroImage,
.career_aboutImage {
  border: 1px solid rgba(var(--td-white-rgba), 0.2);
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.6),
    0 0 18px rgba(var(--td-white-rgba), 0.05);
  transition: box-shadow .25s ease, transform .25s ease;
}

.career_glowCard:hover,
.career_heroImage:hover,
.career_aboutImage:hover {
  border-color: rgba(var(--td-white-rgba), 0.4);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.7),
    0 0 24px rgba(var(--td-white-rgba), 0.12);
  transform: translateY(-3px);
}

/* Input / select / textarea */
.career_inp,
.career_select,
.career_textarea {
  background: #0b0b0b;
  border: 1px solid rgba(var(--td-white-rgba), 0.15);
  color: #f5f3ee;
}

.career_inp:focus,
.career_select:focus,
.career_textarea:focus {
  border-color: rgba(var(--td-white-rgba), 0.45);
  box-shadow: 0 0 0 3px rgba(var(--td-white-rgba), 0.08);
  outline: none;
}

/* Select arrow now white */
.career_select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  padding-right: 44px;
}

/* White icon boxes / bullets */
.career_iconBox,
.career_bullet {
  background: rgba(var(--td-white-rgba), 0.05);
  border: 1px solid rgba(var(--td-white-rgba), 0.25);
  color: #fff;
}

/* Section rules / dividers */
.amun-section-title__main::after,
.section-rule {
  background: rgba(var(--td-white-rgba), 0.9);
}

/* Buttons remain gold unless overridden */
.career_btn,
.career_cta {
  background: linear-gradient(90deg, #f3e3c3, #eec063);
  color: #080808;
  border: none;
  box-shadow: 0 12px 36px rgba(255, 255, 255, 0.1);
}

.career_btn:hover,
.career_cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 46px rgba(255, 255, 255, 0.18);
}

/* White secondary buttons */
.career_btn--white {
  background: linear-gradient(90deg, #f3e3c3, #eec063);
  color: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

/* Subtle glow accents for white theme */
.career_glowCard::before {
  box-shadow: inset 0 0 10px rgba(var(--td-white-rgba), 0.08);
}

/* Labels and small notes now white */
.career_label,
.career_note,
.career_small {
  color: rgba(var(--td-white-rgba), 0.85);
}

/* ===== Remove radial gradients & overlays (paste at end of stylesheet) =====
   This neutralizes any radial-gradient(...) or unexpected background-image layers.
   It keeps your linear backgrounds / borders / shadows intact. */

body,
html,
:root,
.amun-section,
.amun-new-section,
.amun-hero,
.career_section,
.career_formShell,
.career_glowCard,
.career_heroImage,
.career_aboutImage,
.amun-container,
.amun-new-wrap,
.amun-image-panel,
.amun-image-card {
  /* remove any background-image (radial or otherwise) forced earlier */
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* If a selector intentionally used a linear gradient, restore a safe linear fallback */
.career_formShell,
.career_glowCard,
.career_heroImage,
.career_aboutImage,
.amun-content-card,
.amun-hero-card,
.dark-card {
  /* replace radial layers with the original subtle linear gradients you prefer */
  background-image: none !important;
  background: linear-gradient(180deg, rgba(12, 12, 12, 0.90), rgba(10, 10, 10, 0.86)) !important;
}

/* Remove decorative pseudo-element overlays (::before / ::after) that might contain radial gradients */
.amun-section::before,
.amun-new-section::before,
.amun-hero::before,
.amun-section::after,
.amun-new-section::after,
.amun-hero::after,
.career_section::before,
.career_section::after,
.career_heroImage::before,
.career_heroImage::after,
.career_glowCard::before,
.career_glowCard::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Neutralize any classes that might use 'mix-blend-mode' or overlays to simulate radial effects */
[class*="overlay"],
[class*="stripe"],
[class*="band"],
[class*="glow"],
[class*="vignette"] {
  background: transparent !important;
  background-image: none !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
}

/* Keep cards / content readable (reapply card backgrounds if they were removed) */
.career_formShell,
.career_glowCard,
.amun-content-card,
.amun-hero-card,
.dark-card,
.amun-image-card {
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6) !important;
  /* subtle dark panel background (no radial) */
  background: linear-gradient(180deg, rgba(12, 12, 12, 0.92), rgba(10, 10, 10, 0.88)) !important;
}

/* If you prefer fully flat panels instead, uncomment this small block to replace with a single color */
/*
.career_formShell,
.career_glowCard,
.amun-content-card,
.amun-hero-card,
.dark-card,
.amun-image-card {
  background: #0b0b0b !important;
}
*/

/* small cleanup: ensure body background is plain/linear (no radial) */
body {
  background-image: none !important;
  /* choose transparent or a subtle linear if you like */
  background: linear-gradient(180deg, #050506 0%, #0b0b0b 100%) !important;
}

/* =========================================
   AMAZING CAREER CARDS REDESIGN (Golden Glass)
   ========================================= */
.career_cardGrid {
  gap: clamp(24px, 4vw, 40px) !important;
  margin-top: 2rem;
}

.career_glowCard {
  grid-column: span 12;
  /* Default mobile */
  /* Glassy dark background */
  background: linear-gradient(145deg, rgba(20, 20, 22, 0.9), rgba(10, 10, 12, 0.95)) !important;
  border: 1px solid rgba(238, 192, 99, 0.25) !important;
  border-radius: 20px !important;
  padding: clamp(24px, 3vw, 36px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Hover State */
.career_glowCard:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(238, 192, 99, 0.8) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(238, 192, 99, 0.15) !important;
  background: linear-gradient(145deg, rgba(25, 25, 28, 0.95), rgba(15, 15, 18, 0.98)) !important;
}

/* Top Glow Line from previous design - brought back */
.career_glowCard::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: radial-gradient(circle at center, rgba(238, 192, 99, 1), transparent 70%);
  opacity: 0.5;
  transition: opacity 0.3s;
}

.career_glowCard:hover::before {
  opacity: 1;
}

/* Enhanced Icon Box */
.career_iconBox {
  width: 60px !important;
  height: 60px !important;
  margin-bottom: 24px !important;
  background: rgba(238, 192, 99, 0.1) !important;
  border: 1px solid rgba(238, 192, 99, 0.4) !important;
  border-radius: 12px !important;
  font-size: 1.6rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #eec063 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Typography Improvements */
.career_cardTitle {
  font-size: 1.35rem !important;
  margin-bottom: 12px !important;
  color: #fff !important;
  letter-spacing: -0.01em;
}

.career_cardCopy {
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Responsive Grid Columns (Re-asserting) */
@media (min-width: 700px) {
  .career_glowCard {
    grid-column: span 6;
  }
}

@media (min-width: 1100px) {
  .career_glowCard {
    grid-column: span 3;
  }
}