.elementor-22 .elementor-element.elementor-element-fce26bc{--display:flex;--min-height:700px;--justify-content:center;--overlay-opacity:0.25;}.elementor-22 .elementor-element.elementor-element-fce26bc::before, .elementor-22 .elementor-element.elementor-element-fce26bc > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-fce26bc > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-fce26bc > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-fce26bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-fce26bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B1E3D;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-ec012f3{text-align:center;}.elementor-22 .elementor-element.elementor-element-ec012f3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-3ed77f9{text-align:center;font-family:"Lato", Sans-serif;font-size:20px;font-weight:600;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-40df5dc{--display:flex;}.elementor-22 .elementor-element.elementor-element-e1c1a86{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-3b765a2{--display:flex;--min-height:514px;--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;--justify-content:center;--overlay-opacity:0.25;}.elementor-22 .elementor-element.elementor-element-3b765a2:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-3b765a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://obsydian.carbonmediasolutions.com/wp-content/uploads/2025/10/pexels-mdx014-799091-scaled.jpg");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-3b765a2::before, .elementor-22 .elementor-element.elementor-element-3b765a2 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-3b765a2 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-3b765a2 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-3b765a2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-3b765a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-4bf594a{text-align:center;}.elementor-22 .elementor-element.elementor-element-4bf594a .elementor-heading-title{text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-4f1d447{text-align:center;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-f29b721{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-6b0e509{text-align:center;}.elementor-22 .elementor-element.elementor-element-6b0e509 .elementor-heading-title{color:#0B1E3D;}.elementor-22 .elementor-element.elementor-element-91fcbe1{text-align:center;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-6a1c629 .elementor-button{background-color:#F5C400;font-family:"Open Sans", Sans-serif;font-weight:500;fill:#000000;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-40df5dc{--width:100%;}}@media(min-width:1025px){.elementor-22 .elementor-element.elementor-element-3b765a2:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-3b765a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-3ed77f9 *//* ===== HERO SECTION TEXT COLOR FIX ===== */
/* Scoped specifically to the hero video banner (data-id="fce26bc") */

.elementor-element[data-id="fce26bc"] .elementor-widget-heading h1,
.elementor-element[data-id="fce26bc"] .elementor-widget-heading h2,
.elementor-element[data-id="fce26bc"] .elementor-widget-text-editor p.p1,
.elementor-element[data-id="fce26bc"] .elementor-widget-text-editor .p1,
.elementor-element[data-id="fce26bc"] .elementor-widget-text-editor em {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
}

/* Subtitle styling */
.elementor-element[data-id="fce26bc"] .elementor-widget-text-editor p.p1 {
  font-size: clamp(16px, 1.2vw, 18px);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  margin-top: 10px;
}

/* Button styling */
.elementor-element[data-id="fce26bc"] .elementor-button {
  background-color: #F5C400 !important;
  color: #0B1E3D !important;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  transition: all 0.3s ease;
}

.elementor-element[data-id="fce26bc"] .elementor-button:hover {
  background-color: #0B1E3D !important;
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1c1a86 *//* ===== Four Core Solution Cards (Obsydian) ===== */
:root{
  --navy:#0B1E3D;
  --blue:#163E73;
  --yellow:#F5C400;
  --ink:#222831;
  --paper:#ffffff;
  --mist:#F4F5F7;
}

.sol{ padding: clamp(48px, 6vw, 96px) 0; background: var(--paper); }
.sol__container{ width:min(1200px,92%); margin:0 auto; }

.sol__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2.6vw, 28px);
}
@media (max-width: 1100px){ .sol__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .sol__grid{ grid-template-columns: 1fr; } }

.sol-card{
  background: var(--mist);
  border: 1px solid rgba(11,30,61,.10);
  border-radius: 16px;
  padding: 22px 20px 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(11,30,61,.07);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sol-card::before{
  content:""; position:absolute; left:0; top:0; width:100%; height:4px;
  background: linear-gradient(90deg, var(--blue), var(--yellow));
  border-top-left-radius: 16px; border-top-right-radius: 16px;
}
.sol-card:hover{
  transform: translateY(-6px);
  border-color: rgba(11,30,61,.18);
  box-shadow: 0 16px 34px rgba(11,30,61,.14);
}

/* Icon */
.sol-card__icon{
  width:72px; height:72px; border-radius:50%;
  display:grid; place-items:center;
  background: radial-gradient(100% 100% at 50% 50%, #fff 0%, #F8FAFC 100%);
  box-shadow: inset 0 0 0 6px rgba(22,62,115,.08);
  position: relative;
  margin-bottom: 12px;
}
.sol-card__icon::before{
  content:""; position:absolute; inset:-6px; border-radius:50%;
  border: 3px solid var(--navy);
}
.sol-card__icon svg{ width:34px; height:34px; fill:var(--navy); }

/* Text */
.sol-card__title{
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-weight:800; color:var(--navy);
  font-size: 20px; line-height:1.3; margin: 6px 0 8px;
}
.sol-card__text{
  font-family:"Lato",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color: var(--ink); font-size: 15px; line-height: 1.7;
  margin: 0 0 14px;
}

/* Button */
.sol-card__btn{
  display:inline-block;
  background: var(--yellow); color: var(--navy);
  text-decoration:none; font-weight:700; font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  padding: .7rem 1.05rem; border-radius:10px; border:2px solid var(--yellow);
  font-size: 14.5px; letter-spacing:.3px;
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .25s ease, border-color .2s ease;
}
.sol-card__btn:hover{
  background: var(--navy); color: #fff; border-color: var(--navy);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11,30,61,.18);
}

/* Focus states for accessibility */
.sol-card__btn:focus-visible{
  outline: 3px solid var(--navy);
  outline-offset: 3px;
}

/* Center the icons and buttons within each card */
.sol-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; /* centers horizontally */
  text-align: center;
  padding: 28px 24px;
}

.sol-card__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(100% 100% at 50% 50%, #fff 0%, #F8FAFC 100%);
  box-shadow: inset 0 0 0 6px rgba(22,62,115,.08);
  position: relative;
  margin-bottom: 16px;
}

.sol-card__icon::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 3px solid var(--navy);
}

.sol-card__icon svg {
  width: 34px;
  height: 34px;
  fill: var(--navy);
}

/* Center text block */
.sol-card__title {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 800;
  color: var(--navy);
  font-size: 20px;
  margin: 8px 0;
}

.sol-card__text {
  font-family: "Lato", system-ui, sans-serif;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 22px;
}

/* Centered button */
.sol-card__btn {
  display: inline-block;
  background: var(--yellow);
  color: var(--navy);
  text-decoration: none;
  font-weight: 700;
  font-family: "Poppins", system-ui, sans-serif;
  padding: 0.7rem 1.3rem;
  border-radius: 10px;
  border: 2px solid var(--yellow);
  font-size: 14.5px;
  letter-spacing: 0.3px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
  margin-top: auto; /* keeps button at bottom with equal vertical spacing */
}

.sol-card__btn:hover {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11,30,61,.18);
}

/* For equal height cards and centered content */
.sol__grid {
  display: grid;
  gap: clamp(16px, 2.6vw, 28px);
  grid-template-columns: repeat(4, 1fr);
}

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

@media (max-width: 640px) {
  .sol__grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4f1d447 *//* ===== White Centered Text for "Connecting Africa’s Industries to the World" Section ===== */
/* Scoped only to section with data-id="3b765a2" */

.elementor-element[data-id="3b765a2"] .elementor-widget-heading h1,
.elementor-element[data-id="3b765a2"] .elementor-widget-heading h2,
.elementor-element[data-id="3b765a2"] .elementor-widget-text-editor p {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  text-align: center !important;
}

/* Optional: fine-tune typography */
.elementor-element[data-id="3b765a2"] .elementor-widget-heading h2 {
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
}

.elementor-element[data-id="3b765a2"] .elementor-widget-text-editor p {
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.6;
  margin-top: 6px;
}/* End custom CSS */