/* ==========================================================================
   STRATEGIC ADVISORY DEDICATED STYLESHEET
   Extracted forensically from Framer: https://sparkling-choice-937430.framer.app/strategic-advisory
   ========================================================================== */
/* 1. Global Page Layout & Structure - EQUAL SECTION BORDER-TO-CONTENT SPACING */
.strategic-hero,
.strategic-service-section,
.strategic-boundary-section {
  position: relative !important;
  width: 100% !important;
  background-color: #FFFFFF !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Equal, consistent 80px vertical gap between each section's borders and its inner content */
.strategic-hero-wrap {
  position: relative !important;
  max-width: var(--frame-max-width, 1815px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 150px clamp(24px, 4.4vw, 80px) 80px clamp(24px, 4.4vw, 80px) !important;
  box-sizing: border-box !important;
  border-left: 1px solid var(--frame-border, rgb(217, 217, 217)) !important;
  border-right: 1px solid var(--frame-border, rgb(217, 217, 217)) !important;
}

.strategic-service-wrap,
.strategic-boundary-wrap {
  position: relative !important;
  max-width: var(--frame-max-width, 1815px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 80px clamp(24px, 4.4vw, 80px) !important;
  box-sizing: border-box !important;
  border-left: 1px solid var(--frame-border, rgb(217, 217, 217)) !important;
  border-right: 1px solid var(--frame-border, rgb(217, 217, 217)) !important;
}

/* 2. Hero Section */
.strategic-hero {
  padding-top: 72px !important;
  /* Space for fixed site-header */
}

.strategic-hero-layout {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  gap: 40px !important;
}

.strategic-hero-content {
  display: flex !important;
  flex-direction: column !important;
  max-width: 866px !important;
  width: 100% !important;
  z-index: 2 !important;
}

.strategic-eyebrow {
  color: var(--mkb-red, #ED1C24) !important;
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  border: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  width: fit-content !important;
  margin-bottom: 12px !important;
}

.strategic-eyebrow svg,
.strategic-eyebrow .eyebrow-icon {
  display: none !important;
}

/* Main Heading */
.strategic-main-heading {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: clamp(38px, 4.4vw, 56px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: 0px !important;
  color: rgb(18, 18, 24) !important;
  margin: 0 0 24px 0 !important;
  max-width: 800px !important;
}

/* Lead text */
.strategic-hero-lead {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  color: rgb(94, 94, 94) !important;
  margin: 0 0 36px 0 !important;
  max-width: 800px !important;
}

/* Philosophy 4-part stack inside Framer technical bordered box with corner ticks */
.strategic-philosophy-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  max-width: 866px !important;
  width: 100% !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgb(217, 217, 217) !important;
  padding: 32px 36px !important;
  box-sizing: border-box !important;
  margin-top: 10px !important;
}

.strategic-philosophy-box .card-edge-tick,
.strategic-boundary-box .card-edge-tick {
  position: absolute !important;
  width: 10px !important;
  height: 10px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
}

.strategic-philosophy-box .card-edge-tick svg,
.strategic-boundary-box .card-edge-tick svg {
  display: none !important;
}

.strategic-philosophy-box .edge-tl,
.strategic-boundary-box .edge-tl {
  top: -1px !important;
  left: -1px !important;
  right: auto !important;
  bottom: auto !important;
  border-top: 1.5px solid rgb(163, 163, 163) !important;
  border-left: 1.5px solid rgb(163, 163, 163) !important;
  border-right: none !important;
  border-bottom: none !important;
}

.strategic-philosophy-box .edge-tr,
.strategic-boundary-box .edge-tr {
  top: -1px !important;
  right: -1px !important;
  left: auto !important;
  bottom: auto !important;
  border-top: 1.5px solid rgb(163, 163, 163) !important;
  border-right: 1.5px solid rgb(163, 163, 163) !important;
  border-left: none !important;
  border-bottom: none !important;
}

.strategic-philosophy-box .edge-bl,
.strategic-boundary-box .edge-bl {
  bottom: -1px !important;
  left: -1px !important;
  top: auto !important;
  right: auto !important;
  border-bottom: 1.5px solid rgb(163, 163, 163) !important;
  border-left: 1.5px solid rgb(163, 163, 163) !important;
  border-top: none !important;
  border-right: none !important;
}

.strategic-philosophy-box .edge-br,
.strategic-boundary-box .edge-br {
  bottom: -1px !important;
  right: -1px !important;
  top: auto !important;
  left: auto !important;
  border-bottom: 1.5px solid rgb(163, 163, 163) !important;
  border-right: 1.5px solid rgb(163, 163, 163) !important;
  border-top: none !important;
  border-left: none !important;
}

.strategic-philosophy-title {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: rgb(18, 18, 24) !important;
  margin: 0 !important;
}

.strategic-philosophy-text {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: rgba(84, 84, 84, 0.85) !important;
  margin: 0 !important;
}

/* Hero Visual Illustration with Mask */
.strategic-hero-visual {
  position: absolute !important;
  right: -57px !important;
  bottom: -27px !important;
  width: 459px !important;
  aspect-ratio: 1.5 / 1 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  overflow: visible !important;
  -webkit-mask-image: linear-gradient(125deg, rgba(0, 0, 0, 0) 10.77%, rgba(0, 0, 0, 1) 100%) !important;
  mask-image: linear-gradient(125deg, rgba(0, 0, 0, 0) 10.77%, rgba(0, 0, 0, 1) 100%) !important;
}

.strategic-hero-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  display: block !important;
}

/* 3. Service Copy Sections & Group Rows */
.strategic-section-head {
  max-width: 1280px !important;
  margin: 0 auto 52px auto !important;
  width: 100% !important;
}

.strategic-section-heading {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: clamp(30px, 3.2vw, 39px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -2px !important;
  color: rgb(18, 18, 24) !important;
  margin: 0 !important;
}

.strategic-group-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 96px !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* Left Column: Sticky Title & Description */
.strategic-group-left {
  flex: 1 0 0px !important;
  max-width: 560px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 164px !important;
  /* Exact Framer sticky top */
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  z-index: 2 !important;
}

.strategic-group-title {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: clamp(24px, 2.6vw, 32px) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -2px !important;
  color: rgb(18, 18, 24) !important;
  margin: 0 !important;
}

.strategic-group-desc {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: rgb(94, 94, 94) !important;
  margin: 0 !important;
}

/* Right Column: Unboxed Sequential Ticking Checklist Group */
.strategic-group-right {
  flex: 0 0 584px !important;
  max-width: 584px !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 1 !important;
}

.strategic-checklist-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
}

/* Unboxed Item with Circular Loading & Animated Tick-On Sequence */
.strategic-item {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 0 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: transform 0.25s ease !important;
}

.strategic-item:hover {
  transform: translateX(4px) !important;
}

.strategic-item .item-check {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 22px !important;
  height: 22px !important;
  position: relative !important;
}

.strategic-item .check-icon-circle {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  overflow: visible !important;
}

/* 1. Initial State: Subtle Outline Circle & Lite Gray Text */
.strategic-item .check-circle-path {
  stroke: rgb(215, 215, 215) !important;
  transition: stroke 0.35s ease !important;
}

.strategic-item .check-fill {
  color: rgb(18, 18, 24) !important;
  opacity: 0 !important;
  transform: scale(0.3) !important;
  transform-origin: center !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.strategic-item .check-tick-path {
  stroke-dasharray: 20 !important;
  stroke-dashoffset: 20 !important;
  opacity: 0 !important;
  transition: stroke-dashoffset 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.08s, opacity 0.25s ease 0.08s !important;
}

.strategic-item .check-spinner-path {
  opacity: 0 !important;
  transform-origin: center !important;
  stroke-dasharray: 24 16 !important;
  transition: opacity 0.25s ease !important;
}

.strategic-item .item-text {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: rgb(160, 160, 160) !important;
  /* Lite gray initial text */
  transition: color 0.35s ease, transform 0.35s ease !important;
}

/* 2. Circular Loading State: Smooth Rotating Radial Arc */
.strategic-item.is-loading .check-circle-path {
  stroke: rgb(225, 225, 225) !important;
}

.strategic-item.is-loading .check-spinner-path {
  opacity: 1 !important;
  stroke: rgb(26, 26, 26) !important;
  animation: checkSpinnerRotate 0.85s linear infinite !important;
}

@keyframes checkSpinnerRotate {

  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }

}

/* 3. Revealed Ticked State: Solid Black Circle, Crisp White Tick, Dark Black Typography */
.strategic-item.is-checked .check-spinner-path {
  opacity: 0 !important;
  animation: none !important;
}

.strategic-item.is-checked .check-circle-path {
  stroke: rgb(18, 18, 24) !important;
}

.strategic-item.is-checked .check-fill {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.strategic-item.is-checked .check-tick-path {
  stroke-dashoffset: 0 !important;
  opacity: 1 !important;
}

.strategic-item.is-checked .item-text {
  color: rgb(18, 18, 24) !important;
  /* Turns to dark black */
}

.strategic-item:hover .item-text {
  color: rgb(0, 0, 0) !important;
}

/* Equal spacing between successive service groups (line-free) */
.strategic-group-row+.strategic-group-row {
  margin-top: 80px !important;
}

.group-divider {
  display: none !important;
}

/* 4. Boundary Box */
.strategic-boundary-box {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgb(217, 217, 217) !important;
  padding: 32px 40px !important;
  max-width: 1280px !important;
  margin: 48px auto 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 40px !important;
}

.strategic-boundary-left {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.strategic-boundary-box .eyebrow,
.strategic-boundary-box .strategic-eyebrow,
.strategic-boundary-box .eyebrow-inner {
  color: rgba(0, 0, 0, 0.75) !important;
}

.strategic-boundary-box .eyebrow::after,
.strategic-boundary-box .strategic-eyebrow::after {
  background: #000000 !important;
}

.strategic-boundary-text {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.02em !important;
  color: rgba(84, 84, 84, 0.75) !important;
  margin: 0 !important;
  max-width: 700px !important;
}

.strategic-boundary-right {
  flex: 0 0 auto !important;
}

.strategic-boundary-btn {
  white-space: nowrap !important;
}

/* Responsive Breakpoints - Optimized to fit all screen sizes smoothly */
/* Large Desktop / Wide Screens (> 1440px) */
@media (min-width: 1441px) {

  .strategic-hero-wrap,
  .strategic-service-wrap,
  .strategic-boundary-wrap {
    padding: 64px 80px !important;
  }

}

/* Standard Desktop / Laptop (1025px - 1440px) */
@media (max-width: 1440px) {
  .strategic-group-row {
    gap: 64px !important;
  }

  .strategic-group-left {
    max-width: 480px !important;
  }

  .strategic-group-right {
    flex: 1 1 520px !important;
    max-width: 580px !important;
  }

}

/* Tablets and Medium Screens (769px - 1024px) */
@media (max-width: 1024px) {

  .strategic-hero-wrap,
  .strategic-service-wrap,
  .strategic-boundary-wrap {
    padding: 48px clamp(20px, 4vw, 40px) !important;
  }

  .strategic-hero-layout {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 40px !important;
  }

  .strategic-hero-left {
    max-width: 100% !important;
    width: 100% !important;
  }

  .strategic-hero-visual {
    position: static !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 20px 0 0 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .strategic-group-row {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .strategic-section-head {
    position: static !important;
    top: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .strategic-group-left {
    position: static !important;
    max-width: 100% !important;
    width: 100% !important;
    top: auto !important;
  }

  .strategic-group-right {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .strategic-boundary-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    padding: 32px 28px !important;
    margin-top: 36px !important;
  }

  .strategic-boundary-left {
    max-width: 100% !important;
  }

}

/* Small Tablets & Large Phones (481px - 768px) */
@media (max-width: 768px) {

  .strategic-hero-wrap,
  .strategic-service-wrap,
  .strategic-boundary-wrap {
    padding: 40px 20px !important;
  }

  .strategic-main-heading {
    font-size: clamp(32px, 6.5vw, 44px) !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
  }

  .strategic-section-heading {
    font-size: clamp(26px, 5vw, 32px) !important;
    letter-spacing: -1px !important;
  }

  .strategic-group-title {
    font-size: clamp(22px, 4.5vw, 26px) !important;
    letter-spacing: -0.5px !important;
  }

  .strategic-philosophy-box {
    padding: 24px 20px !important;
  }

  .strategic-item {
    gap: 14px !important;
    padding: 6px 0 !important;
  }

  .strategic-item .item-text {
    font-size: 18px !important;
  }

  .group-divider {
    margin: 40px auto !important;
  }

}

/* Small Mobile Phones (<= 480px) */
@media (max-width: 480px) {

  .strategic-hero-wrap,
  .strategic-service-wrap,
  .strategic-boundary-wrap {
    padding: 32px 16px !important;
  }

  .strategic-hero-top {
    gap: 16px !important;
  }

  .strategic-main-heading {
    font-size: 28px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
  }

  .strategic-lead-text {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .strategic-philosophy-box {
    padding: 20px 16px !important;
    gap: 16px !important;
  }

  .strategic-philosophy-title {
    font-size: 15px !important;
  }

  .strategic-philosophy-text {
    font-size: 14px !important;
  }

  .strategic-section-heading {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  .strategic-section-head {
    max-width: 100% !important;
    margin: 0 auto 52px auto !important;
    width: 100% !important;
  }

  .strategic-group-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .strategic-group-desc {
    font-size: 15px !important;
  }

  .strategic-item {
    gap: 12px !important;
    align-items: flex-start !important;
    padding: 4px 0 !important;
  }

  .strategic-item .item-check {
    margin-top: 2px !important;
  }

  .strategic-item .item-text {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .strategic-boundary-box {
    padding: 24px 16px !important;
  }

  .strategic-boundary-text {
    font-size: 14px !important;
  }

  .strategic-boundary-btn {
    width: 100% !important;
    text-align: center !important;
  }

}

/* Symmetrical, equal gap between each section's borders to its content */
.strategic-page .section.closing {
  padding: 0 !important;
  background-color: #FFFFFF !important;
  background: #FFFFFF !important;
}

.strategic-page .section.closing .wrap {
  padding: 64px clamp(24px, 4.4vw, 80px) !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: auto !important;
}

@media (max-width: 768px) {
  .strategic-page .section.closing .wrap {
    padding: 40px 20px !important;
  }

}

@media (max-width: 480px) {
  .strategic-page .section.closing .wrap {
    padding: 32px 16px !important;
  }

}

/* UNIVERSAL SMART HIDE/REVEAL FOR HEADER */
header,
.site-header {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
  will-change: transform !important;
}

header.header-hidden,
header.header-hidden,
.site-header.header-hidden {
  transform: translateY(-100%) !important;
  pointer-events: none !important;
}

header.header-visible,
.site-header.header-visible {
  transform: translateY(0) !important;
}

/* ==========================================================================
   STRATEGY HERO PHILOSOPHY BOXES (2 Separated Framed Boxes)
   ========================================================================== */
.strategic-boxes {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  margin-top: 32px !important;
  width: 100% !important;
}

.strategic-box {
  position: relative !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgb(217, 217, 217) !important;
  padding: 24px clamp(20px, 2.2vw, 30px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.strategic-box-eyebrow {
  margin-bottom: 12px !important;
}

.strategic-box-eyebrow .eyebrow-inner {
  font-family: var(--font-main, 'Urbanist', -apple-system, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: rgb(17, 19, 21) !important;
  letter-spacing: -0.3px !important;
  text-transform: none !important;
}

.strategic-box-text {
  font-family: var(--font-main, 'Urbanist', -apple-system, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: rgb(94, 94, 94) !important;
  margin: 0 !important;
}

/* ==========================================================================
   2-COLUMN INTERACTIVE STRATEGY SERVICES SECTION (Sticky Left & Scroll Dim Cards)
   ========================================================================== */
.strategic-columns-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 80px !important;
  width: 100% !important;
  position: relative !important;
}

@media (max-width: 1024px) {
  .strategic-columns-container {
    flex-direction: column !important;
    gap: 40px !important;
  }
}

.strategic-sticky-col {
  flex: 1 0 0 !important;
  width: 42% !important;
  max-width: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  position: sticky !important;
  top: 140px !important;
  z-index: 2 !important;
}

@media (max-width: 1024px) {
  .strategic-sticky-col {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.strategic-sticky-col .strategic-section-heading {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: clamp(32px, 3.6vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: rgb(18, 18, 24) !important;
  margin: 0 !important;
}

.strategic-sticky-lede {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: rgb(94, 94, 94) !important;
  margin: 8px 0 0 0 !important;
}

.strategic-cards-col {
  flex: 1 0 0 !important;
  width: 58% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

@media (max-width: 1024px) {
  .strategic-cards-col {
    width: 100% !important;
  }
}

.strategic-card,
.strategic-card[data-sr].sr-visible:not(.active) {
  position: relative !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid transparent !important;
  padding: 32px 28px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  opacity: 0.15 !important;
  transition: opacity 0.4s ease, border-color 0.4s ease, transform 0.4s ease !important;
}

.strategic-card .card-corner,
.strategic-card .card-edge-tick {
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
}

.strategic-card.active,
.strategic-card[data-sr].sr-visible.active {
  opacity: 1 !important;
  border-color: rgb(217, 217, 217) !important;
}

.strategic-card.active .card-corner,
.strategic-card.active .card-edge-tick {
  opacity: 1 !important;
}

.strategic-card-num {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--mkb-red, #ed1c24) !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.strategic-card-title {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #111315 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.35 !important;
}

.strategic-card-desc {
  font-family: var(--font-main, 'Urbanist', sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgb(94, 94, 94) !important;
  margin: 0 !important;
}