.elementor-5824 .elementor-element.elementor-element-c151b4d:not(.elementor-motion-effects-element-type-background), .elementor-5824 .elementor-element.elementor-element-c151b4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dandemutande.africa/wp-content/uploads/2025/10/Cloud-and-Data-Centre_banner.png");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-5824 .elementor-element.elementor-element-c151b4d > .elementor-container{min-height:600px;}.elementor-5824 .elementor-element.elementor-element-c151b4d, .elementor-5824 .elementor-element.elementor-element-c151b4d > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5824 .elementor-element.elementor-element-c151b4d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5824 .elementor-element.elementor-element-c151b4d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5824 .elementor-element.elementor-element-6a28463 > .elementor-element-populated{margin:70px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5824 .elementor-element.elementor-element-0d98054{margin-top:0px;margin-bottom:0px;}.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-5824 .elementor-element.elementor-element-de66099 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:50px;font-weight:600;line-height:60px;color:var( --e-global-color-075cc30 );}.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-5824 .elementor-element.elementor-element-338e77e{color:var( --e-global-color-075cc30 );}.elementor-5824 .elementor-element.elementor-element-fc79fc2{margin-top:0px;margin-bottom:0px;}.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-5824 .elementor-element.elementor-element-75acd74 .elementor-button{background-color:var( --e-global-color-primary );transition-duration:0.5s;border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-primary );border-radius:30px 30px 30px 30px;}.elementor-5824 .elementor-element.elementor-element-75acd74 .elementor-button:hover, .elementor-5824 .elementor-element.elementor-element-75acd74 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-075cc30 );}.elementor-5824 .elementor-element.elementor-element-31cd6fb{margin-top:0px;margin-bottom:0px;z-index:2;}.elementor-5824 .elementor-element.elementor-element-6f975c1{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-5824 .elementor-element.elementor-element-6f975c1 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-042055b );}.elementor-5824 .elementor-element.elementor-element-c10d51a{text-align:center;}.elementor-5824 .elementor-element.elementor-element-c10d51a .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:14px;font-weight:600;line-height:20px;color:var( --e-global-color-042055b );}.elementor-5824 .elementor-element.elementor-element-d034ed9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5824 .elementor-element.elementor-element-ce8d382{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-5824 .elementor-element.elementor-element-ce8d382 .elementor-divider-separator{width:100%;}.elementor-5824 .elementor-element.elementor-element-ce8d382 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5824 .elementor-element.elementor-element-7d64888{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-5824 .elementor-element.elementor-element-68cd277{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-5824 .elementor-element.elementor-element-68cd277 .elementor-divider-separator{width:100%;}.elementor-5824 .elementor-element.elementor-element-68cd277 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5824 .elementor-element.elementor-element-b21f59c:not(.elementor-motion-effects-element-type-background), .elementor-5824 .elementor-element.elementor-element-b21f59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dandemutande.africa/wp-content/uploads/2025/11/Hardware-Call-to-action-1.png");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-5824 .elementor-element.elementor-element-b21f59c > .elementor-container{min-height:295px;}.elementor-5824 .elementor-element.elementor-element-b21f59c, .elementor-5824 .elementor-element.elementor-element-b21f59c > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-5824 .elementor-element.elementor-element-b21f59c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:10px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5824 .elementor-element.elementor-element-b21f59c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5824 .elementor-element.elementor-element-38969f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5824 .elementor-element.elementor-element-6dafbfc{margin-top:0px;margin-bottom:0px;}.elementor-5824 .elementor-element.elementor-element-cca93b4{width:var( --container-widget-width, 99.987% );max-width:99.987%;--container-widget-width:99.987%;--container-widget-flex-grow:0;text-align:start;}.elementor-5824 .elementor-element.elementor-element-cca93b4 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:50px;font-weight:600;line-height:60px;color:var( --e-global-color-075cc30 );}.elementor-5824 .elementor-element.elementor-element-62d3e96 .elementor-button{background-color:var( --e-global-color-primary );transition-duration:0.5s;border-style:none;border-radius:30px 30px 30px 30px;}.elementor-5824 .elementor-element.elementor-element-62d3e96 .elementor-button:hover, .elementor-5824 .elementor-element.elementor-element-62d3e96 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-075cc30 );}.elementor-5824 .elementor-element.elementor-element-62d3e96{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-5824 .elementor-element.elementor-element-cca93b4{width:var( --container-widget-width, 670px );max-width:670px;--container-widget-width:670px;--container-widget-flex-grow:0;}}@media(max-width:1200px){.elementor-5824 .elementor-element.elementor-element-75acd74{width:var( --container-widget-width, 396.305px );max-width:396.305px;--container-widget-width:396.305px;--container-widget-flex-grow:0;}.elementor-5824 .elementor-element.elementor-element-62d3e96{width:var( --container-widget-width, 336.305px );max-width:336.305px;--container-widget-width:336.305px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-5824 .elementor-element.elementor-element-0d98054{margin-top:-294px;margin-bottom:0px;}.elementor-5824 .elementor-element.elementor-element-fc79fc2{margin-top:-294px;margin-bottom:0px;}.elementor-5824 .elementor-element.elementor-element-6dafbfc{margin-top:-294px;margin-bottom:0px;}}@media(min-width:768px){.elementor-5824 .elementor-element.elementor-element-034602a{width:61.899%;}.elementor-5824 .elementor-element.elementor-element-1e834ba{width:38.057%;}}/* Start custom CSS for html, class: .elementor-element-251cb98 *//* --- MAIN WRAPPER & TABS --- */
.cloud-tabs-wrapper {
  --sd-primary: #005aa9;
  --sd-primary-dark: #003f76;
  --sd-border: #dde3f0;
  --sd-bg: #f5f7fb;
  --sd-text: #1b2234;
  --sd-muted: #5f6b85;
  font-family: "Comfortaa", sans-serif;
  padding: 24px;
  background: var(--sd-bg);
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(0, 35, 90, 0.08);
}

.sdwan-tabs {
  display: flex;
  gap: 8px;
  padding: 4px;
  background: #e4ebf8;
  border-radius: 999px;
  margin-bottom: 26px;
  flex-wrap: wrap; /* Allows wrapping on very small screens */
}

.sdwan-tab-btn {
  flex: 1 1 auto;
  padding: 12px 18px;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--sd-muted);
  transition: all 0.25s ease;
  outline: none;
}

.sdwan-tab-btn:hover {
  background: rgba(0, 90, 169, 0.08);
  color: var(--sd-primary);
}

.sdwan-tab-btn.active {
  background: linear-gradient(135deg, var(--sd-primary), var(--sd-primary-dark));
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 35, 90, 0.25);
}

/* --- CONTENT AREA --- */
.sdwan-tab-content {
  display: none;
}
.sdwan-tab-content.active {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sdwan-title {
  margin: 0 0 6px;
  font-size: 24px;
  color: var(--sd-primary-dark);
}

.sdwan-subtitle {
  margin: 0 0 24px;
  font-size: 15px;
  color: var(--sd-muted);
  max-width: 800px;
}

/* --- COLUMNS & CARDS --- */
.sdwan-columns {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.sdwan-card {
  background: #fff;
  border: 1px solid var(--sd-border);
  border-radius: 12px;
  padding: 24px;
  flex: 1 1 300px;
  box-shadow: 0 3px 10px rgba(0, 35, 90, 0.04);
  display: flex;
  flex-direction: column;
}

.sdwan-card h3 {
  margin: 0 0 16px;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--sd-primary-dark);
  border-bottom: 2px solid #f0f4fa;
  padding-bottom: 8px;
  letter-spacing: 0.5px;
}

.row-item {
  margin-bottom: 14px;
}
.row-item span {
  display: block;
  font-weight: 700;
  font-size: 13px;
  color: var(--sd-primary);
  margin-bottom: 2px;
}
.row-item p {
  margin: 0;
  font-size: 14px;
  color: var(--sd-text);
  line-height: 1.5;
}

/* --- SIMPLE LIST (for Options column) --- */
.simple-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.simple-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--sd-text);
}
.simple-list li::before {
  content: "•";
  color: var(--sd-primary);
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* --- CTA BUTTON AT BOTTOM --- */
.tab-cta-box {
  margin-top: 30px;
  text-align: right;
  border-top: 1px solid #e2e8f0;
  padding-top: 20px;
}

.tab-cta-btn {
  display: inline-block;
  background: transparent;
  color: var(--sd-primary);
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  border: 2px solid var(--sd-primary);
  padding: 10px 24px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.tab-cta-btn:hover {
  background: var(--sd-primary);
  color: #fff;
  transform: translateX(5px);
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .sdwan-tabs {
    flex-direction: column;
    border-radius: 16px;
  }
  .tab-cta-box {
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cca93b4 */.text-title{
    color:#009EE1;
}/* End custom CSS */