.elementor-5020 .elementor-element.elementor-element-9218475{--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-5020 .elementor-element.elementor-element-51bf830{--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-5020 .elementor-element.elementor-element-20ad756{--e-image-carousel-slides-to-show:1;}.elementor-5020 .elementor-element.elementor-element-39d8860{--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-5020 .elementor-element.elementor-element-bde002d{--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-5020 .elementor-element.elementor-element-ecb11fb{--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-5020 .elementor-element.elementor-element-aec7cd8{--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-5020 .elementor-element.elementor-element-36f403f{--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-5020 .elementor-element.elementor-element-dc23f53{--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-5020 .elementor-element.elementor-element-104e959{--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-5020 .elementor-element.elementor-element-5518f61{--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-5020 .elementor-element.elementor-element-de4e843{--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-5020 .elementor-element.elementor-element-a1b58b3{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8eae0f7 *//* =========================================================
   ScanAfrik Brand CSS
   Aligned with Privacy Policy page design
   Dark sections = gold text
   White sections = clear dark/black text
   ========================================================= */

:root {
  --sc-green: #0f5f3d;
  --sc-deep-green: #073d2a;
  --sc-gold: #d9a441;
  --sc-gold-light: #ffe6a3;
  --sc-red: #b82828;
  --sc-cream: #fff8e8;
  --sc-light: #f7f7f2;
  --sc-dark: #17211c;
  --sc-black-text: #17211c;
  --sc-muted: #5d6a63;
  --sc-border: #e1dccb;
  --sc-white: #ffffff;
  --sc-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}
/* HERO SECTION — GOLD TEXT */

.sc-hero,
.sc-hero *,
.sc-hero h1,
.sc-hero h2,
.sc-hero h3,
.sc-hero h4,
.sc-hero p,
.sc-hero span,
.sc-hero strong,
.sc-hero a,
.sc-hero .sc-section-title,
.sc-hero .sc-section-subtitle {
  color: #ffe6a3 !important;
}

/* If your hero uses .sc-dark instead of .sc-hero */
.sc-dark.sc-hero,
.sc-dark.sc-hero *,
.sc-section.sc-dark:first-of-type,
.sc-section.sc-dark:first-of-type * {
  color: #ffe6a3 !important;
}

/* Hero badge */
.sc-hero .sc-badge,
.sc-section.sc-dark:first-of-type .sc-badge {
  color: #ffe6a3 !important;
  border-color: rgba(217, 164, 65, 0.65);
  background: rgba(217, 164, 65, 0.18);
}

/* Hero buttons remain readable */
.sc-hero .sc-btn,
.sc-section.sc-dark:first-of-type .sc-btn {
  background: #d9a441 !important;
  color: #073d2a !important;
  border-color: #d9a441 !important;
}

.sc-hero .sc-btn:hover,
.sc-section.sc-dark:first-of-type .sc-btn:hover {
  background: #ffffff !important;
  color: #0f5f3d !important;
  border-color: #ffffff !important;
}
/* GLOBAL */

body {
  margin: 0;
  font-family: "Inter", Arial, Helvetica, sans-serif;
  color: var(--sc-black-text);
  background: var(--sc-light);
  line-height: 1.7;
}

body * {
  box-sizing: border-box;
}

a {
  color: var(--sc-green);
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  color: var(--sc-red);
  text-decoration: underline;
}

/* SECTIONS */

.sc-section {
  padding: 80px 20px;
  background: var(--sc-light);
  color: var(--sc-black-text);
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-container h1,
.sc-container h2,
.sc-container h3,
.sc-container h4,
.sc-container h5,
.sc-container h6 {
  color: var(--sc-deep-green);
}

/* TITLES */

.sc-section-title {
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.15;
  margin: 0 0 18px;
  color: var(--sc-deep-green);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: var(--sc-muted);
  margin: 0 0 40px;
}

/* LIGHT / WHITE SECTIONS */

.sc-light,
.sc-white-section {
  background: var(--sc-white);
  color: var(--sc-black-text);
}

.sc-light *,
.sc-white-section * {
  color: inherit;
}

.sc-light h1,
.sc-light h2,
.sc-light h3,
.sc-light h4,
.sc-white-section h1,
.sc-white-section h2,
.sc-white-section h3,
.sc-white-section h4 {
  color: var(--sc-deep-green);
}

.sc-light p,
.sc-light li,
.sc-white-section p,
.sc-white-section li {
  color: var(--sc-black-text);
}

/* DARK GREEN SECTIONS */

.sc-dark,
.sc-green-section,
.sc-deep-green-section {
  background:
    linear-gradient(135deg, rgba(7, 61, 42, 0.96), rgba(15, 95, 61, 0.92)),
    radial-gradient(circle at top right, rgba(217, 164, 65, 0.28), transparent 35%);
  color: var(--sc-gold-light);
}

.sc-dark *,
.sc-green-section *,
.sc-deep-green-section * {
  color: var(--sc-gold-light) !important;
}

.sc-dark .sc-section-title,
.sc-dark h1,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4,
.sc-dark h5,
.sc-dark h6,
.sc-green-section .sc-section-title,
.sc-green-section h1,
.sc-green-section h2,
.sc-green-section h3,
.sc-green-section h4,
.sc-deep-green-section .sc-section-title,
.sc-deep-green-section h1,
.sc-deep-green-section h2,
.sc-deep-green-section h3,
.sc-deep-green-section h4 {
  color: var(--sc-gold-light) !important;
}

.sc-dark .sc-section-subtitle,
.sc-dark p,
.sc-dark li,
.sc-dark span,
.sc-dark strong,
.sc-green-section .sc-section-subtitle,
.sc-green-section p,
.sc-green-section li,
.sc-green-section span,
.sc-green-section strong,
.sc-deep-green-section .sc-section-subtitle,
.sc-deep-green-section p,
.sc-deep-green-section li,
.sc-deep-green-section span,
.sc-deep-green-section strong {
  color: var(--sc-gold-light) !important;
}

/* BUTTONS */

.sc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 800;
  border: 2px solid transparent;
  transition: all 0.25s ease;
  box-shadow: 0 8px 20px rgba(15, 95, 61, 0.18);
}

.sc-btn-primary {
  background: var(--sc-green);
  color: var(--sc-white) !important;
  border-color: var(--sc-green);
}

.sc-btn-primary:hover {
  background: var(--sc-gold);
  color: var(--sc-deep-green) !important;
  border-color: var(--sc-gold);
  transform: translateY(-2px);
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-green) !important;
  border: 2px solid var(--sc-green);
}

.sc-btn-secondary:hover {
  background: var(--sc-green);
  color: var(--sc-white) !important;
  border-color: var(--sc-green);
  transform: translateY(-2px);
}

/* BUTTONS INSIDE DARK SECTIONS */

.sc-dark .sc-btn,
.sc-green-section .sc-btn,
.sc-deep-green-section .sc-btn {
  background: var(--sc-gold) !important;
  color: var(--sc-deep-green) !important;
  border-color: var(--sc-gold) !important;
}

.sc-dark .sc-btn:hover,
.sc-green-section .sc-btn:hover,
.sc-deep-green-section .sc-btn:hover {
  background: var(--sc-white) !important;
  color: var(--sc-green) !important;
  border-color: var(--sc-white) !important;
}

/* GRIDS */

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

/* CARDS */

.sc-card {
  background: var(--sc-white);
  border-radius: 18px;
  padding: 28px;
  box-shadow: var(--sc-shadow);
  border: 1px solid var(--sc-border);
  border-top: 5px solid var(--sc-gold);
  color: var(--sc-black-text);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-deep-green);
}

.sc-card p,
.sc-card li,
.sc-card span {
  color: var(--sc-black-text);
}

/* CARDS INSIDE DARK SECTIONS */

.sc-dark .sc-card,
.sc-green-section .sc-card,
.sc-deep-green-section .sc-card {
  background: var(--sc-white);
  color: var(--sc-black-text);
}

.sc-dark .sc-card *,
.sc-green-section .sc-card *,
.sc-deep-green-section .sc-card * {
  color: var(--sc-black-text) !important;
}

.sc-dark .sc-card h3,
.sc-dark .sc-card h4,
.sc-green-section .sc-card h3,
.sc-green-section .sc-card h4,
.sc-deep-green-section .sc-card h3,
.sc-deep-green-section .sc-card h4 {
  color: var(--sc-deep-green) !important;
}

/* BADGES */

.sc-badge {
  display: inline-block;
  background: rgba(217, 164, 65, 0.18);
  color: var(--sc-gold);
  padding: 8px 14px;
  border: 1px solid rgba(217, 164, 65, 0.45);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-dark .sc-badge,
.sc-green-section .sc-badge,
.sc-deep-green-section .sc-badge {
  color: var(--sc-gold-light) !important;
  border-color: rgba(217, 164, 65, 0.65);
}

/* ICON CIRCLE */

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(217, 164, 65, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
  color: var(--sc-gold);
}

/* STATS */

.sc-stat {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(217, 164, 65, 0.28);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold-light) !important;
}

.sc-stat span,
.sc-stat p {
  color: var(--sc-gold-light) !important;
}

/* STATS IN WHITE SECTION */

.sc-white-section .sc-stat,
.sc-light .sc-stat {
  background: var(--sc-cream);
  border: 1px solid var(--sc-border);
}

.sc-white-section .sc-stat strong,
.sc-light .sc-stat strong {
  color: var(--sc-deep-green) !important;
}

.sc-white-section .sc-stat span,
.sc-white-section .sc-stat p,
.sc-light .sc-stat span,
.sc-light .sc-stat p {
  color: var(--sc-black-text) !important;
}

/* LINKS */

.sc-link {
  color: var(--sc-green);
  font-weight: 800;
  text-decoration: none;
}

.sc-link:hover {
  color: var(--sc-red);
  text-decoration: underline;
}

.sc-dark .sc-link,
.sc-green-section .sc-link,
.sc-deep-green-section .sc-link {
  color: var(--sc-gold-light) !important;
}

.sc-dark .sc-link:hover,
.sc-green-section .sc-link:hover,
.sc-deep-green-section .sc-link:hover {
  color: var(--sc-white) !important;
}

/* HIGHLIGHT BOX */

.sc-highlight-box {
  background: var(--sc-cream);
  border-left: 6px solid var(--sc-gold);
  padding: 22px;
  border-radius: 14px;
  margin: 22px 0;
  color: var(--sc-black-text);
}

.sc-highlight-box p,
.sc-highlight-box li {
  color: var(--sc-black-text);
}

/* RESPONSIVE */

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-section {
    padding: 60px 18px;
  }

  .sc-container {
    width: 100%;
  }

  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section-title {
    font-size: 30px;
  }

  .sc-btn {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44dd2f8 */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-ivory);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-gold);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-indigo);
}

.sc-card p {
  color: #4B5563;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-white);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea6aafb */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-gold-dark);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-ivory);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-charcoal);
}

.sc-card p {
  color:#1F2937;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-indigo);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-gold);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea6aafb *//* ==================================================
   SCANAFRIK ACADEMY SECTION TEXT VISIBILITY FIX
   White / Ivory cards = Indigo + Gold text
   Dark section background = White readable text
================================================== */

/* Dark academy section */
.sc-section.sc-dark {
  background: #0F172A !important;
  color: #FFFFFF !important;
}

/* Left-side text on dark background */
.sc-section.sc-dark .sc-badge {
  background: linear-gradient(135deg, #C89B2B, #AF8018) !important;
  color: #F8F6F1 !important;
}

.sc-section.sc-dark .sc-section-title,
.sc-section.sc-dark h2 {
  color: #FFFFFF !important;
}

.sc-section.sc-dark .sc-section-subtitle,
.sc-section.sc-dark p {
  color: #CBD5E1 !important;
}

.sc-section.sc-dark ul,
.sc-section.sc-dark ul li {
  color: #F8F6F1 !important;
}

/* Right-side main white/ivory card */
.sc-section.sc-dark .sc-card {
  background: #F8F6F1 !important;
  color: #0F172A !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18) !important;
}

/* All text inside white/ivory card */
.sc-section.sc-dark .sc-card,
.sc-section.sc-dark .sc-card h1,
.sc-section.sc-dark .sc-card h2,
.sc-section.sc-dark .sc-card h3,
.sc-section.sc-dark .sc-card h4,
.sc-section.sc-dark .sc-card p,
.sc-section.sc-dark .sc-card span,
.sc-section.sc-dark .sc-card div,
.sc-section.sc-dark .sc-card li {
  color: #0F172A !important;
}

/* Card heading in gold */
.sc-section.sc-dark .sc-card h3 {
  color: #AF8018 !important;
  font-weight: 950 !important;
}

/* Inner learning path boxes */
.sc-section.sc-dark .sc-card div[style*="background:#F8F6F1"],
.sc-section.sc-dark .sc-card div[style*="background: #F8F6F1"] {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border-left: 5px solid #C89B2B !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

/* Inner box titles */
.sc-section.sc-dark .sc-card strong {
  color: #AF8018 !important;
  font-weight: 950 !important;
}

/* Inner box body text */
.sc-section.sc-dark .sc-card strong + br {
  display: block;
  margin-bottom: 6px;
}

/* Buttons remain readable */
.sc-section.sc-dark .sc-btn-primary {
  background: #AF8018 !important;
  color: #FFFFFF !important;
}

.sc-section.sc-dark .sc-btn-primary:hover {
  background: #C89B2B !important;
  color: #0F172A !important;
}

.sc-section.sc-dark .sc-btn-secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
}

.sc-section.sc-dark .sc-btn-secondary:hover {
  background: #FFFFFF !important;
  color: #0F172A !important;
}

/* Mobile readability */
@media (max-width: 700px) {
  .sc-section.sc-dark .sc-card {
    padding: 24px !important;
  }

  .sc-section.sc-dark .sc-card h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .sc-section.sc-dark .sc-card div[style*="background:#F8F6F1"],
  .sc-section.sc-dark .sc-card div[style*="background: #F8F6F1"] {
    padding: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d0195b */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-ivory);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-white);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-indigo);
}

.sc-card p {
  color: #4B5563;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-white);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f0fa35 */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-gold);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-white);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-indigo);
}

.sc-card p {
  color: #4B5563;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-ivory);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b9097d */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-ivory);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-white);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-indigo);
}

.sc-card p {
  color: #4B5563;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-white);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38b0c9f */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-ivory);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-charcoal);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-gold);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-gold);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-gold);
}

.sc-card p {
  color: #1F2937;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-charcoal);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-white);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color:#D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-charcoal);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38b0c9f *//* ==================================================
   SCANAFRIK ACADEMY SECTION TEXT VISIBILITY FIX
   White / Ivory cards = Indigo + Gold text
   Dark section background = White readable text
================================================== */

/* Dark academy section */
.sc-section.sc-dark {
  background: #0F172A !important;
  color: #FFFFFF !important;
}

/* Left-side text on dark background */
.sc-section.sc-dark .sc-badge {
  background: linear-gradient(135deg, #C89B2B, #AF8018) !important;
  color: #F8F6F1 !important;
}

.sc-section.sc-dark .sc-section-title,
.sc-section.sc-dark h2 {
  color: #FFFFFF !important;
}

.sc-section.sc-dark .sc-section-subtitle,
.sc-section.sc-dark p {
  color: #CBD5E1 !important;
}

.sc-section.sc-dark ul,
.sc-section.sc-dark ul li {
  color: #F8F6F1 !important;
}

/* Right-side main white/ivory card */
.sc-section.sc-dark .sc-card {
  background: #F8F6F1 !important;
  color: #0F172A !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18) !important;
}

/* All text inside white/ivory card */
.sc-section.sc-dark .sc-card,
.sc-section.sc-dark .sc-card h1,
.sc-section.sc-dark .sc-card h2,
.sc-section.sc-dark .sc-card h3,
.sc-section.sc-dark .sc-card h4,
.sc-section.sc-dark .sc-card p,
.sc-section.sc-dark .sc-card span,
.sc-section.sc-dark .sc-card div,
.sc-section.sc-dark .sc-card li {
  color: #0F172A !important;
}

/* Card heading in gold */
.sc-section.sc-dark .sc-card h3 {
  color: #AF8018 !important;
  font-weight: 950 !important;
}

/* Inner learning path boxes */
.sc-section.sc-dark .sc-card div[style*="background:#F8F6F1"],
.sc-section.sc-dark .sc-card div[style*="background: #F8F6F1"] {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border-left: 5px solid #C89B2B !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

/* Inner box titles */
.sc-section.sc-dark .sc-card strong {
  color: #AF8018 !important;
  font-weight: 950 !important;
}

/* Inner box body text */
.sc-section.sc-dark .sc-card strong + br {
  display: block;
  margin-bottom: 6px;
}

/* Buttons remain readable */
.sc-section.sc-dark .sc-btn-primary {
  background: #AF8018 !important;
  color: #FFFFFF !important;
}

.sc-section.sc-dark .sc-btn-primary:hover {
  background: #C89B2B !important;
  color: #0F172A !important;
}

.sc-section.sc-dark .sc-btn-secondary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
}

.sc-section.sc-dark .sc-btn-secondary:hover {
  background: #FFFFFF !important;
  color: #0F172A !important;
}

/* Mobile readability */
@media (max-width: 700px) {
  .sc-section.sc-dark .sc-card {
    padding: 24px !important;
  }

  .sc-section.sc-dark .sc-card h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  .sc-section.sc-dark .sc-card div[style*="background:#F8F6F1"],
  .sc-section.sc-dark .sc-card div[style*="background: #F8F6F1"] {
    padding: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0199b1 */:root {
  --sc-indigo: #0F172A;
  --sc-gold: #C89B2B;
  --sc-green: #2F6B3B;
  --sc-clay: #B85C38;
  --sc-orange: #F27A1A;
  --sc-teal: #157A8A;
  --sc-ivory: #F8F6F1;
  --sc-gray: #E5E7EB;
  --sc-charcoal: #1F2937;
  --sc-white: #FFFFFF;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--sc-charcoal);
  background: var(--sc-ivory);
  line-height: 1.7;
}

.sc-section {
  padding: 80px 0;
}

.sc-container {
  width: min(1200px, 92%);
  margin: 0 auto;
}

.sc-section-title {
  font-size: 40px;
  line-height: 1.15;
  margin-bottom: 18px;
  color: var(--sc-indigo);
  font-weight: 800;
}

.sc-section-subtitle {
  max-width: 760px;
  font-size: 18px;
  color: #4B5563;
  margin-bottom: 40px;
}

.sc-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s ease;
}

.sc-btn-primary {
  background: var(--sc-gold);
  color: var(--sc-white);
}

.sc-btn-primary:hover {
  background: #b18117;
}

.sc-btn-secondary {
  background: transparent;
  color: var(--sc-indigo);
  border: 2px solid var(--sc-indigo);
}

.sc-btn-secondary:hover {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-grid-2 {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 50px;
  align-items: center;
}

.sc-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

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

.sc-card {
  background: var(--sc-white);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.sc-card h3,
.sc-card h4 {
  margin-top: 0;
  color: var(--sc-indigo);
}

.sc-card p {
  color: #4B5563;
}

.sc-dark {
  background: var(--sc-indigo);
  color: var(--sc-white);
}

.sc-dark .sc-section-title,
.sc-dark h2,
.sc-dark h3,
.sc-dark h4 {
  color: var(--sc-white);
}

.sc-dark .sc-section-subtitle,
.sc-dark p {
  color: #D1D5DB;
}

.sc-badge {
  display: inline-block;
  background: rgba(200, 155, 43, 0.12);
  color: var(--sc-gold);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.sc-icon-circle {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(200, 155, 43, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.sc-stat {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px;
}

.sc-stat strong {
  display: block;
  font-size: 30px;
  color: var(--sc-gold);
}

.sc-link {
  color: var(--sc-gold);
  font-weight: 700;
  text-decoration: none;
}

.sc-link:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .sc-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-grid-3,
  .sc-grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sc-grid-4 {
    grid-template-columns: 1fr;
  }

  .sc-section {
    padding: 60px 0;
  }

  .sc-section-title {
    font-size: 30px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d733971 */.sa-home-hubs,
.sa-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 22px;
  margin: 35px 0;
}

.sa-home-hub-card,
.sa-hub-card {
  background: #ffffff;
  border: 1px solid #e8dfc8;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(20, 20, 60, 0.08);
}

.sa-home-hub-card h3,
.sa-hub-card h3 {
  color: #1b1464;
  margin-bottom: 10px;
}

.sa-home-hub-card p,
.sa-hub-card p {
  color: #1b1464;
  line-height: 1.65;
}

.sa-home-hub-card a,
.sa-hub-card a {
  display: inline-block;
  margin-top: 14px;
  background: #1b1464;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}

.sa-home-hub-card a:hover,
.sa-hub-card a:hover {
  background: #c9a227;
  color: #1b1464;
}/* End custom CSS */