/* =============================================
   Upskill Campus — Custom CSS (Bootstrap 5 companion)
   Replaces ALL Tailwind utility classes.
   Prefixed with uc- to avoid collisions.
   ============================================= */

/* ---------- Design Tokens ---------- */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');

@font-face {
  font-family: "CanelaBold";
  src: url("https://www.upskillcampus.com/assets/dit/fonts/Canela-Bold-Trial.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --uc-navy:        #4b0082;
  --uc-electric:    #9f009a;
  --uc-electric-glow:#e188ff;
  --uc-saffron:     #ffb849;
  --uc-bg:          #ffffff;
  --uc-fg:          #000000;
  --uc-muted:       #64748b;
  --uc-border:      #e2e8f0;
  --uc-accent:      #f6d0ff;
  --uc-gradient-hero: linear-gradient(135deg, #4b0082 0%, #7a008e 50%, #9f009a 100%);
  --uc-gradient-electric: linear-gradient(135deg, #4b0082, #9f009a);
  --uc-gradient-soft: linear-gradient(270deg, #e5c2ff 0%, #ffffff 100%);
  --uc-shadow-soft:     0 4px 20px -4px rgba(75,0,130,.1);
  --uc-shadow-elevated: 0 20px 50px -20px rgba(75,0,130,.2);
  --uc-shadow-glow:     0 0 60px -10px rgba(159,0,154,.35);
  --uc-radius:      0.875rem;
}

/* ---------- Base ---------- */
*,*::before,*::after { box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
  font-family: 'Work Sans', system-ui, -apple-system, sans-serif;
  color: var(--uc-fg);
  background: var(--uc-bg);
  margin: 0;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width:100%; height:auto; display:block; }

a { color: inherit; text-decoration: none; transition: color .2s; }

/* ---------- HEADER / NAVBAR ---------- */
.uc-header { padding-top:1rem; z-index:1050; }

.uc-navbar {
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(226,232,240,.6);
}

.uc-logo-icon {
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background:var(--uc-gradient-electric);
  color:#fff;
  box-shadow: var(--uc-shadow-glow);
  font-size:1rem;
}

.uc-brand-name { font-size:.875rem; font-weight:700; color:var(--uc-navy); }
.uc-brand-sub  { font-size:.625rem; font-weight:500; color:var(--uc-muted); }

.uc-nav-links a {
  font-size:.875rem; font-weight:500;
  color:rgba(75,0,130,.7);
  transition:color .2s;
}
.uc-nav-links a:hover { color:var(--uc-electric); }

.uc-btn-primary {
  background:var(--uc-gradient-electric);
  color:#fff !important;
  font-weight:600; font-size:.875rem;
  padding:.5rem 1.25rem;
  border:none;
  box-shadow:var(--uc-shadow-soft);
  transition:all .25s;
}
.uc-btn-primary:hover {
  box-shadow:var(--uc-shadow-glow);
  color:#fff;
}

/* ---------- HERO ---------- */
.uc-hero {
  /* padding-top:8rem; padding-bottom:5rem; */
  background:var(--uc-gradient-soft);
}
@media (min-width:992px) { .uc-hero { padding-top:10rem; padding-bottom:7rem; } }

.uc-blob {
  position:absolute;
  width:500px; height:500px;
  border-radius:50%;
  filter:blur(100px);
  pointer-events:none;
  z-index:0;
}
.uc-blob-tr { top:-200px; right:-200px; background:var(--uc-electric); opacity:.15; }
.uc-blob-bl { bottom:-200px; left:-200px; background:var(--uc-electric); opacity:.10; }

.uc-pill, .uc-pill-glass {
  display:inline-flex; align-items:center; gap:.5rem;
  border-radius:999px;
  padding:.35rem 1rem;
  font-size:.75rem; font-weight:600;
  color:var(--uc-electric);
  background:rgba(255,255,255,.7);
  border:1px solid rgba(159,0,154,.25);
  box-shadow:var(--uc-shadow-soft);
}
.uc-pill-glass {
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}

.uc-pulse-dot {
  width:8px; height:8px; border-radius:50%;
  background:var(--uc-electric);
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;
}
.uc-pulse-dot-white { background:var(--uc-electric-glow); }

.uc-hero-heading {
  font-family:'CanelaBold', 'Work Sans', sans-serif;
  font-size:2.25rem; font-weight:700;
  line-height:1.08;
  letter-spacing:-.025em;
  color:var(--uc-navy);
}
@media (min-width:576px) { .uc-hero-heading { font-size:3rem; } }
@media (min-width:992px) { .uc-hero-heading { font-size:3.75rem; } }

.uc-text-gradient {
  background:var(--uc-gradient-electric);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.uc-hero-sub { font-size:1.125rem; color:var(--uc-muted); max-width:540px; line-height:1.7; }

.uc-btn-hero-primary {
  background:var(--uc-gradient-electric);
  color:#fff !important;
  font-weight:600;
  padding:.875rem 1.75rem;
  border:none;
  box-shadow:var(--uc-shadow-glow);
  transition:all .25s;
}
.uc-btn-hero-primary:hover { transform:scale(1.02); color:#fff; }

.uc-btn-hero-outline {
  background:#fff;
  color:var(--uc-navy) !important;
  font-weight:600;
  padding:.875rem 1.75rem;
  border:1px solid var(--uc-border);
  box-shadow:var(--uc-shadow-soft);
  transition:all .25s;
}
.uc-btn-hero-outline:hover {
  border-color:var(--uc-electric);
  color:var(--uc-electric) !important;
}

.uc-trust-badge {
  display:flex; align-items:center; gap:.5rem;
  border-radius:12px;
  border:1px solid var(--uc-border);
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(8px);
  padding:.6rem .75rem;
  box-shadow:var(--uc-shadow-soft);
}
.uc-trust-badge i { color:var(--uc-electric); flex-shrink:0; }
.uc-trust-badge span { font-size:.7rem; font-weight:600; color:var(--uc-navy); line-height:1.2; }

/* Hero image */
.uc-hero-img-glow {
  position:absolute; inset:-24px;
  background:var(--uc-gradient-electric);
  opacity:.15; filter:blur(60px);
  border-radius:24px; z-index:0;
}
.uc-hero-img-wrap { position:relative; z-index:1; }

/* Floating cards */
.uc-float-card {
  position:absolute; z-index:2;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.7);
}
.uc-float-left  { left:-16px; top:25%;  }
.uc-float-right { right:-12px; bottom:10%; }
@media (min-width:576px) { .uc-float-left { left:-32px; } .uc-float-right { right:-24px; } }

.uc-float-icon {
  width:40px; height:40px;
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1rem;
}
.uc-float-icon-electric { background:var(--uc-gradient-electric); }
.uc-float-icon-navy     { background:var(--uc-navy); }

.uc-float-label { font-size:.7rem; color:var(--uc-muted); }
.uc-float-value { font-size:.8rem; font-weight:700; color:var(--uc-navy); }

/* ---------- SECTIONS (shared) ---------- */
.uc-section    { padding:6rem 0; }
.uc-section-sm { padding:3rem 0; }
.uc-bg-soft    { background:var(--uc-gradient-soft); }
.uc-bg-navy    { background:var(--uc-navy); }

.uc-label {
  font-size:.7rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.1em;
  color:var(--uc-electric);
}
.uc-label-glow { color:var(--uc-electric-glow); }

.uc-heading {
  font-family:'CanelaBold', 'Work Sans', sans-serif;
  font-size:1.875rem; font-weight:700;
  letter-spacing:-.025em;
  color:var(--uc-navy);
  line-height:1.15;
}
@media (min-width:576px) { .uc-heading { font-size:2.25rem; } }
@media (min-width:992px) { .uc-heading { font-size:3rem; } }

.uc-sub { font-size:1.125rem; color:var(--uc-muted); }

/* ---------- FEATURE CARDS ---------- */
.uc-feature-card {
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:1.5rem;
  padding:1.75rem;
  box-shadow:var(--uc-shadow-soft);
  transition:all .3s;
  position:relative;
  overflow:hidden;
  height:100%;
}
.uc-feature-card::before {
  content:'';
  position:absolute; inset:0;
  border-radius:inherit;
  background:var(--uc-gradient-electric);
  opacity:0; transition:opacity .3s;
}
.uc-feature-card:hover { box-shadow:var(--uc-shadow-elevated); transform:translateY(-4px); }
.uc-feature-card:hover::before { opacity:.04; }

.uc-feature-icon {
  width:56px; height:56px;
  border-radius:1rem;
  background:var(--uc-gradient-electric);
  color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.4rem;
  box-shadow:var(--uc-shadow-glow);
  position:relative; z-index:1;
  transition:transform .3s;
}
.uc-feature-card:hover .uc-feature-icon { transform:scale(1.1); }

.uc-feature-title { font-size:1.15rem; font-weight:700; color:var(--uc-navy); margin-top:1.25rem; position:relative; z-index:1; }
.uc-feature-desc  { font-size:.9rem; color:var(--uc-muted); line-height:1.6; margin-top:.5rem; position:relative; z-index:1; }
.uc-feature-num   { font-size:.75rem; font-weight:600; color:rgba(159,0,154,.45); margin-top:1.25rem; position:relative; z-index:1; }

/* ---------- STATS BANNER ---------- */
.uc-stats-banner {
  background:var(--uc-gradient-hero);
  background-size:200% 200%;
  animation:gradient-shift 12s ease infinite;
}
.uc-stats-overlay {
  position:absolute; inset:0; opacity:.3;
  background:
    radial-gradient(circle at 20% 20%, rgba(225,136,255,.6), transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(159,0,154,.5), transparent 50%);
}
.uc-stat-number {
  font-size:2.25rem; font-weight:700; color:#fff;
  letter-spacing:-.025em;
  text-shadow:0 0 30px rgba(225,136,255,.6);
}
@media (min-width:992px) { .uc-stat-number { font-size:3rem; } }
.uc-stat-label {
  font-size:.8rem; font-weight:500; color:rgba(255,255,255,.7);
  text-transform:uppercase; letter-spacing:.05em;
  margin-top:.5rem;
}

/* ---------- DOMAIN CARDS ---------- */
.uc-domain-card {
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:1rem;
  padding:1.5rem;
  box-shadow:var(--uc-shadow-soft);
  transition:all .3s;
  height:100%;
}
.uc-domain-card:hover {
  box-shadow:var(--uc-shadow-elevated);
  transform:translateY(-4px);
  border-color:rgba(159,0,154,.35);
}

.uc-domain-icon {
  width:48px; height:48px;
  border-radius:12px;
  background:var(--uc-accent);
  color:var(--uc-electric);
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.2rem;
  transition:all .3s;
}
.uc-domain-card:hover .uc-domain-icon {
  background:var(--uc-gradient-electric);
  color:#fff;
}

.uc-domain-arrow {
  color:var(--uc-muted);
  transition:all .3s;
}
.uc-domain-card:hover .uc-domain-arrow {
  color:var(--uc-electric);
  transform:translate(4px,-4px);
}

.uc-domain-title { font-size:1.05rem; font-weight:700; color:var(--uc-navy); margin-top:1rem; }
.uc-domain-desc  { font-size:.85rem; color:var(--uc-muted); line-height:1.6; margin-top:.35rem; }

.uc-domain-tags {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin-top:1.25rem; padding-top:1rem;
  border-top:1px solid var(--uc-border);
}
.uc-domain-tags span {
  font-size:.65rem; font-weight:600; color:var(--uc-navy);
  background:var(--uc-accent);
  border-radius:6px;
  padding:4px 8px;
}
.uc-arrow-sep {
  background:none !important;
  padding:0 !important;
  color:rgba(159,0,154,.35);
  font-size:.7rem;
}

/* ---------- TIMELINE ---------- */
.uc-timeline { position:relative; }

.uc-timeline::before {
  content:'';
  position:absolute;
  left:16px; top:0; bottom:0;
  width:2px;
  background:linear-gradient(to bottom, rgba(159,0,154,.1), rgba(159,0,154,.5), rgba(159,0,154,.1));
}
@media (min-width:992px) {
  .uc-timeline::before { left:50%; transform:translateX(-1px); }
}

.uc-timeline-item {
  position:relative;
  padding-left:48px;
  margin-bottom:2.5rem;
}
@media (min-width:992px) {
  .uc-timeline-item { padding-left:0; display:flex; }
  .uc-timeline-left  { justify-content:flex-start; }
  .uc-timeline-right { justify-content:flex-end; }
  .uc-timeline-item .uc-timeline-card { width:45%; }
}

.uc-timeline-dot {
  position:absolute;
  left:16px; top:12px;
  width:16px; height:16px;
  border-radius:50%;
  background:var(--uc-gradient-electric);
  border:4px solid #fff;
  box-shadow:var(--uc-shadow-glow);
  transform:translateX(-50%);
  z-index:1;
}
@media (min-width:992px) {
  .uc-timeline-dot { left:50%; }
}

.uc-timeline-card {
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:1rem;
  padding:1.5rem;
  box-shadow:var(--uc-shadow-soft);
  transition:box-shadow .3s;
}
.uc-timeline-card:hover { box-shadow:var(--uc-shadow-elevated); }

.uc-timeline-week  { font-size:.7rem; font-weight:700; color:var(--uc-electric); text-transform:uppercase; letter-spacing:.06em; }
.uc-timeline-title { font-size:1.15rem; font-weight:700; color:var(--uc-navy); margin-top:.25rem; }
.uc-timeline-desc  { font-size:.9rem; color:var(--uc-muted); margin-top:.5rem; }

/* ---------- CERTIFICATE ---------- */
.uc-cert-glow {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:800px; height:600px;
  background:var(--uc-gradient-electric);
  opacity:.1; filter:blur(100px);
  border-radius:50%;
  z-index:0;
}
.uc-cert-img-glow {
  position:absolute; inset:-32px;
  background:var(--uc-gradient-electric);
  opacity:.2; filter:blur(60px);
  border-radius:50%;
  animation:glow-pulse 3s ease-in-out infinite;
}
.uc-cert-img-wrap {
  position:relative; z-index:1;
  transform:rotate(-2deg);
  transition:transform .5s;
}
.uc-cert-img-wrap:hover { transform:rotate(0); }

.uc-check-list li {
  display:flex; align-items:center; gap:.75rem;
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:12px;
  padding:1rem;
  box-shadow:var(--uc-shadow-soft);
  font-weight:600; color:var(--uc-navy);
  margin-bottom:.75rem;
}
.uc-check-icon {
  width:32px; height:32px;
  border-radius:8px;
  background:var(--uc-gradient-electric);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}

/* ---------- ELIGIBILITY ---------- */
.uc-eligibility-card {
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:1rem;
  padding:1.75rem;
  box-shadow:var(--uc-shadow-soft);
  transition:all .3s;
  height:100%;
}
.uc-eligibility-card:hover { box-shadow:var(--uc-shadow-elevated); transform:translateY(-4px); }

.uc-eli-icon {
  width:56px; height:56px;
  border-radius:1rem;
  background:var(--uc-accent);
  color:var(--uc-electric);
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.5rem;
  margin:0 auto;
}
.uc-eli-title { font-size:1.1rem; font-weight:700; color:var(--uc-navy); margin-top:1rem; }
.uc-eli-desc  { font-size:.85rem; color:var(--uc-muted); margin-top:.5rem; }

/* ---------- DARK SECTION (GLASS) ---------- */
.uc-dark-overlay {
  position:absolute; inset:0; opacity:.4;
  background:
    radial-gradient(circle at 30% 30%, rgba(159,0,154,.4), transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(225,136,255,.3), transparent 50%);
}

.uc-glass-card {
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:1rem;
  padding:1.5rem;
  transition:transform .3s;
  height:100%;
}
.uc-glass-card:hover { transform:scale(1.02); }

.uc-glass-icon {
  width:48px; height:48px;
  border-radius:12px;
  background:var(--uc-gradient-electric);
  color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.2rem;
  box-shadow:var(--uc-shadow-glow);
}
.uc-glass-title { font-size:1.05rem; font-weight:700; color:#fff; margin-top:1rem; }
.uc-glass-desc  { font-size:.85rem; color:rgba(255,255,255,.7); margin-top:.5rem; }

/* ---------- TESTIMONIALS (MARQUEE) ---------- */
.uc-marquee-wrap { overflow:hidden; width:100%; }

.uc-marquee-track {
  display:flex; gap:24px;
  width:max-content;
  animation:marquee 40s linear infinite;
}
.uc-marquee-track:hover { animation-play-state:paused; }

.uc-testimonial-card {
  width:360px;
  flex-shrink:0;
  background:#fff;
  border:1px solid var(--uc-border);
  border-radius:1rem;
  padding:1.5rem;
  box-shadow:var(--uc-shadow-soft);
}

.uc-stars { display:flex; gap:2px; color:var(--uc-saffron); font-size:.85rem; }
.uc-testi-text { font-size:.875rem; color:rgba(75,0,130,.8); line-height:1.65; margin-top:.75rem; }

.uc-testi-author {
  display:flex; align-items:center; gap:.75rem;
  margin-top:1.25rem; padding-top:1rem;
  border-top:1px solid var(--uc-border);
}
.uc-testi-avatar {
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-size:.85rem;
  flex-shrink:0;
}
.uc-testi-name { font-size:.875rem; font-weight:700; color:var(--uc-navy); }
.uc-testi-role { font-size:.75rem; color:var(--uc-muted); }

/* ---------- FAQ ACCORDION ---------- */
.uc-accordion { display:flex; flex-direction:column; gap:.75rem; }

.uc-acc-item {
  border:1px solid var(--uc-border) !important;
  border-radius:1rem !important;
  overflow:hidden;
  box-shadow:var(--uc-shadow-soft);
  background:#fff;
}

.uc-acc-btn {
  font-weight:600 !important;
  color:var(--uc-navy) !important;
  padding:1.25rem !important;
  background:#fff !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
}
.uc-acc-btn:not(.collapsed) { background:#fff !important; }
.uc-acc-btn::after {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239f009a' viewBox='0 0 16 16'%3E%3Cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}
.uc-acc-btn:hover { background:var(--uc-accent) !important; }

.uc-acc-body { padding:0 1.25rem 1.25rem !important; color:var(--uc-muted); line-height:1.65; }

/* ---------- CTA ---------- */
.uc-cta-banner {
  background:var(--uc-gradient-hero);
  background-size:200% 200%;
  animation:gradient-shift 12s ease infinite;
}

.uc-cta-blob {
  position:absolute;
  width:280px; height:280px;
  border-radius:50%;
  filter:blur(80px);
  pointer-events:none;
}
.uc-cta-blob-1 { top:0; left:25%; background:rgba(255,255,255,.1); animation:float 6s ease-in-out infinite; }
.uc-cta-blob-2 { bottom:0; right:25%; background:rgba(159,0,154,.3); animation:float 6s ease-in-out 2s infinite; }

.uc-cta-heading {
  font-family:'CanelaBold', 'Work Sans', sans-serif;
  font-size:1.875rem; font-weight:700;
  line-height:1.15; letter-spacing:-.025em;
}
@media (min-width:576px) { .uc-cta-heading { font-size:2.25rem; } }
@media (min-width:992px) { .uc-cta-heading { font-size:3.5rem; } }

.uc-cta-sub { font-size:1.1rem; }

.uc-btn-cta {
  background:#fff;
  color:var(--uc-navy) !important;
  font-weight:700;
  padding:.875rem 2rem;
  border:none;
  box-shadow:var(--uc-shadow-glow);
  transition:all .25s;
}
.uc-btn-cta:hover { transform:scale(1.03); color:var(--uc-navy); }

/* ---------- FOOTER ---------- */
.uc-footer { background:#fff; }
.uc-footer-link:hover { color:var(--uc-electric) !important; }

/* ---------- ANIMATIONS ---------- */
@keyframes fade-up {
  from { opacity:0; transform:translateY(24px); }
  to   { opacity:1; transform:translateY(0); }
}
.uc-fade-up { animation:fade-up .7s cubic-bezier(.22,1,.36,1) both; }

@keyframes float {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-14px); }
}
.uc-animate-float { animation:float 6s ease-in-out infinite; }

@keyframes glow-pulse {
  0%,100% { box-shadow:0 0 30px -10px rgba(159,0,154,.4); }
  50%     { box-shadow:0 0 60px -5px rgba(159,0,154,.7); }
}

@keyframes gradient-shift {
  0%,100% { background-position:0% 50%; }
  50%     { background-position:100% 50%; }
}

@keyframes marquee {
  0%   { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

@keyframes pulse {
  50% { opacity:.5; }
}



        .downloadModal .modal-content {
            background-color: #f5f5f7;
        }

        /* Rounded container edges */
        .downloadModal .modal-content {
            border-radius: 24px;
        }

        .downloadModal .modal-content .modal-body {
            padding: 60px;
        }

        @media(max-width:576px) {
            .downloadModal .modal-content .modal-body {
                padding: 15px;
            }
        }

        .downloadModal .modal-content .heading {
            color: #000;
            font-family: Inter;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            /* 120% */
            margin-bottom: 30px;
        }

        .downloadModal .modal-content .tagline {
            color: #000;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 20px;
        }

        .downloadModal .modal-content .logos {
            margin-bottom: 30px;
        }

        .downloadModal .modal-content .text-small {
            color: #424242;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.2;
            /* 150% */
        }

        @media(max-width:576px) {
            .downloadModal .modal-content .heading {
                margin-bottom: 20px;
            }

            .downloadModal .modal-content .tagline {
                margin-bottom: 16px;
            }

            .downloadModal .modal-content .logos {
                margin-bottom: 16px;
            }
        }

        /* Form card */
        .course-form-card {
            border-radius: 20px;
            background: #FFF;
            padding: 20px;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
        }

        /* Input styles to look pill-shaped */
        .course-form-card .form-control,
        .course-form-card .form-select {
            border-radius: 10px;
            border: 1px solid rgba(30, 41, 107, 0.20);
            padding-left: 1.2rem;
            font-size: 0.95rem;
            color: #4a4a4a !IMPORTANT;
            /* Darker color for all text including placeholder state */
        }

        /* Placeholder styles - darker color */
        .course-form-card .form-control::placeholder {
            color: #4a4a4a;
            opacity: 1;
        }

        /* Make select text darker when a real option is selected */
        .course-form-card .form-select:not([value=""]):valid {
            color: #1a1a1a;
        }

        /* Select option styles - darker color */
        .course-form-card .form-select option {
            color: #1a1a1a;
        }

        /* Disabled/placeholder option should also be dark */
        .course-form-card .form-select option:disabled {
            color: #4a4a4a;
        }

        /* Button gradient like design */
        .btn-download {
            position: relative;
            overflow: hidden;
            padding: 10px;
            color: #FFF;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            text-align: center;
            justify-content: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 23px;
            /* 143.75% */
            background: linear-gradient(90deg, #1E296B 0%, #5970CC 100%);
        }

        /* glossy streak */
        .btn-download::before {
            content: "";
            position: absolute;
            top: -40%;
            left: -20%;
            width: 18%;
            height: 180%;
            background: linear-gradient(118deg,
                    transparent 36%,
                    rgba(255, 255, 255, 0.9) 51%,
                    rgba(255, 255, 255, 0.4) 60%,
                    transparent 36%);
            transform: translateX(-100%);
            opacity: 0;
        }

        .btn-download:hover::before {
            opacity: 1;
            animation: btn-shine 0.9s ease-out forwards;
        }

        @keyframes btn-shine {
            from {
                transform: translateX(-120%);
            }

            to {
                transform: translateX(650%);
            }
        }