.elementor-7410 .elementor-element.elementor-element-cfae944:not(.elementor-motion-effects-element-type-background), .elementor-7410 .elementor-element.elementor-element-cfae944 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apps1.utande.africa/wp-content/uploads/2026/03/mpls-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-7410 .elementor-element.elementor-element-cfae944 > .elementor-container{min-height:600px;}.elementor-7410 .elementor-element.elementor-element-cfae944, .elementor-7410 .elementor-element.elementor-element-cfae944 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-7410 .elementor-element.elementor-element-cfae944{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-7410 .elementor-element.elementor-element-cfae944 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7410 .elementor-element.elementor-element-f843593 > .elementor-element-populated{margin:70px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7410 .elementor-element.elementor-element-ebadc57 > .elementor-container{min-height:400px;}.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-7410 .elementor-element.elementor-element-47363bf .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:46px;font-weight:600;line-height:75px;word-spacing:0px;color:var( --e-global-color-075cc30 );}.elementor-7410 .elementor-element.elementor-element-2ad02c1{margin-top:-170px;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-7410 .elementor-element.elementor-element-797a258 .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-7410 .elementor-element.elementor-element-797a258 .elementor-button:hover, .elementor-7410 .elementor-element.elementor-element-797a258 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-075cc30 );}.elementor-7410 .elementor-element.elementor-element-b628685{margin-top:0px;margin-bottom:0px;z-index:2;}.elementor-7410 .elementor-element.elementor-element-d8714d6{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7410 .elementor-element.elementor-element-d8714d6 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-042055b );}.elementor-7410 .elementor-element.elementor-element-061a784{--spacer-size:10px;}.elementor-7410 .elementor-element.elementor-element-e436cd2{text-align:center;}.elementor-7410 .elementor-element.elementor-element-e436cd2 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:14px;font-weight:600;line-height:20px;color:var( --e-global-color-042055b );}.elementor-7410 .elementor-element.elementor-element-53a228d{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-7410 .elementor-element.elementor-element-39e0350{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-7410 .elementor-element.elementor-element-39e0350 .elementor-divider-separator{width:100%;}.elementor-7410 .elementor-element.elementor-element-39e0350 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7410 .elementor-element.elementor-element-add0b41{margin-top:0px;margin-bottom:0px;z-index:2;}.elementor-7410 .elementor-element.elementor-element-375c453{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7410 .elementor-element.elementor-element-375c453 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-042055b );}.elementor-7410 .elementor-element.elementor-element-7ae43d8{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-7410 .elementor-element.elementor-element-fadc94d{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-7410 .elementor-element.elementor-element-fadc94d .elementor-divider-separator{width:100%;}.elementor-7410 .elementor-element.elementor-element-fadc94d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7410 .elementor-element.elementor-element-239906b{margin-top:0px;margin-bottom:0px;z-index:2;}.elementor-7410 .elementor-element.elementor-element-51a53a4{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7410 .elementor-element.elementor-element-51a53a4 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-042055b );}.elementor-7410 .elementor-element.elementor-element-9177045{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-7410 .elementor-element.elementor-element-bf4d56b{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-7410 .elementor-element.elementor-element-bf4d56b .elementor-divider-separator{width:100%;}.elementor-7410 .elementor-element.elementor-element-bf4d56b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7410 .elementor-element.elementor-element-9a990be{margin-top:0px;margin-bottom:0px;z-index:2;}.elementor-7410 .elementor-element.elementor-element-983210a{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-7410 .elementor-element.elementor-element-983210a .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-042055b );}.elementor-7410 .elementor-element.elementor-element-eeec8fd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-7410 .elementor-element.elementor-element-4a49beb{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.2px;}.elementor-7410 .elementor-element.elementor-element-4a49beb .elementor-divider-separator{width:100%;}.elementor-7410 .elementor-element.elementor-element-4a49beb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7410 .elementor-element.elementor-element-6445c30:not(.elementor-motion-effects-element-type-background), .elementor-7410 .elementor-element.elementor-element-6445c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apps1.utande.africa/wp-content/uploads/2025/11/call-to-action-connectivity.png");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-7410 .elementor-element.elementor-element-6445c30 > .elementor-container{min-height:295px;}.elementor-7410 .elementor-element.elementor-element-6445c30, .elementor-7410 .elementor-element.elementor-element-6445c30 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-7410 .elementor-element.elementor-element-6445c30{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-7410 .elementor-element.elementor-element-6445c30 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7410 .elementor-element.elementor-element-60dee52 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-7410 .elementor-element.elementor-element-458b149{margin-top:0px;margin-bottom:0px;}.elementor-7410 .elementor-element.elementor-element-78371a6 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:50px;font-weight:600;line-height:60px;color:var( --e-global-color-075cc30 );}.elementor-7410 .elementor-element.elementor-element-41ddcdb .elementor-button{background-color:#009EE1;transition-duration:0.5s;border-style:none;border-radius:30px 30px 30px 30px;}.elementor-7410 .elementor-element.elementor-element-41ddcdb .elementor-button:hover, .elementor-7410 .elementor-element.elementor-element-41ddcdb .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-075cc30 );}.elementor-7410 .elementor-element.elementor-element-41ddcdb{margin:76px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -130px;}:root{--page-title-display:none;}@media(max-width:1200px){.elementor-7410 .elementor-element.elementor-element-797a258{width:var( --container-widget-width, 199.32px );max-width:199.32px;--container-widget-width:199.32px;--container-widget-flex-grow:0;}.elementor-7410 .elementor-element.elementor-element-41ddcdb{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-7410 .elementor-element.elementor-element-ebadc57 > .elementor-container{min-height:292px;}.elementor-7410 .elementor-element.elementor-element-47363bf{margin:-140px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-7410 .elementor-element.elementor-element-47363bf .elementor-heading-title{font-size:21px;line-height:2em;letter-spacing:0px;}.elementor-7410 .elementor-element.elementor-element-2ad02c1{margin-top:-294px;margin-bottom:0px;}.elementor-7410 .elementor-element.elementor-element-458b149{margin-top:-294px;margin-bottom:0px;}}/* Start custom CSS for heading, class: .elementor-element-47363bf */.title-color{
    color:#009EE1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cfae944 */.elementor-7410 .elementor-element.elementor-element-cfae944 {
    position: relative;
}

.elementor-7410 .elementor-element.elementor-element-cfae944:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;

    background-image: url('/wp-content/uploads/2025/11/down-chevron.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    cursor: pointer;
    animation: bounce 1.2s infinite ease-in-out; /* faster speed */

    filter: brightness(0) invert(1); /* tint white */
}

/* Bounce animation */
@keyframes bounce {
    0%,100% { transform: translate(-50%, 0); }
    50%     { transform: translate(-50%, 10px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b18e97 *//* ===== Ultra-Premium MPLS List Style ===== */
  .mpls-premium-wrapper {
    max-width: 1000px;
    margin: 40px auto;
    padding: 10px;
    font-family: comfortaa;
  }

  .mpls-premium-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .mpls-premium-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(22, 61, 122, 0.08);
    border-radius: 20px;
    padding: 25px 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(16, 42, 67, 0.03);
    position: relative;
    cursor: default;
  }

  /* Sophisticated Hover State */
  .mpls-premium-item:hover {
    transform: scale(1.02);
    border-color: #163d7a;
    box-shadow: 0 20px 40px rgba(16, 42, 67, 0.08);
    background: linear-gradient(to right, #ffffff, #f8faff);
  }

  /* Left-side Accent Bar */
  .mpls-premium-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 4px;
    background: #163d7a;
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: all 0.3s ease;
  }

  .mpls-premium-item:hover::after {
    opacity: 1;
    height: 80%;
    top: 10%;
  }

  /* Icon/Badge Style */
  .mpls-icon-circle {
    width: 54px;
    height: 54px;
    background: #f1f5f9;
    color: #163d7a;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
  }

  .mpls-premium-item:hover .mpls-icon-circle {
    background: #009EE1;
    color: #ffffff;
    transform: rotate(360deg);
    border-radius: 50%;
  }

  /* Content Grid Layout */
  .mpls-main-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    width: 100%;
    align-items: center;
    gap: 30px;
  }

  .mpls-title {
    font-size: 18px;
    font-weight: 800;
    color: #163d7a;
    line-height: 1.2;
  }

  .mpls-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    border-left: 2px solid #f1f5f9;
    padding-left: 25px;
    transition: border-color 0.3s ease;
  }

  .mpls-premium-item:hover .mpls-desc {
    border-left-color: rgba(22, 61, 122, 0.2);
  }

  /* Responsive Design */
  @media (max-width: 850px) {
    .mpls-main-content {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    .mpls-desc {
      border-left: none;
      padding-left: 0;
      font-size: 14px;
    }
    .mpls-icon-circle {
      width: 44px;
      height: 44px;
      margin-right: 15px;
    }
    .mpls-premium-item {
        padding: 20px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f5a1e6 *//* ===== Premium L2 & QoS List Style ===== */
  .l2-premium-wrapper {
    max-width: 1000px;
    margin: 40px auto;
    padding: 10px;
    font-family: inherit;
  }

  .l2-premium-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .l2-premium-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(22, 61, 122, 0.08);
    border-radius: 20px;
    padding: 25px 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(16, 42, 67, 0.03);
    position: relative;
  }

  /* Hover State */
  .l2-premium-item:hover {
    transform: scale(1.02);
    border-color: #163d7a;
    box-shadow: 0 20px 40px rgba(16, 42, 67, 0.08);
    background: linear-gradient(to right, #ffffff, #f8faff);
  }

  /* Left-side Accent Bar */
  .l2-premium-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 4px;
    background: #163d7a;
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: all 0.3s ease;
  }

  .l2-premium-item:hover::after {
    opacity: 1;
    height: 80%;
    top: 10%;
  }

  /* Icon/Badge Style */
  .l2-icon-circle {
    width: 54px;
    height: 54px;
    background: #f1f5f9;
    color: #163d7a;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
  }

  .l2-premium-item:hover .l2-icon-circle {
    background: #163d7a;
    color: #ffffff;
    transform: rotate(360deg);
    border-radius: 50%;
  }

  /* Content Grid Layout */
  .l2-main-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    width: 100%;
    align-items: center;
    gap: 30px;
  }

  .l2-title {
    font-size: 18px;
    font-weight: 800;
    color: #163d7a;
    line-height: 1.2;
  }

  .l2-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    border-left: 2px solid #f1f5f9;
    padding-left: 25px;
  }

  .l2-premium-item:hover .l2-desc {
    border-left-color: rgba(22, 61, 122, 0.2);
  }

  @media (max-width: 850px) {
    .l2-main-content {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    .l2-desc {
      border-left: none;
      padding-left: 0;
      font-size: 14px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76fd12a *//* ===== Premium Benefits Summary List ===== */
  .benefits-premium-wrapper {
    max-width: 1000px;
    margin: 40px auto;
    padding: 10px;
    font-family: inherit;
  }

  .benefits-premium-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .benefits-premium-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(22, 61, 122, 0.08);
    border-radius: 20px;
    padding: 25px 30px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 15px rgba(16, 42, 67, 0.03);
    position: relative;
  }

  /* Hover State - Using a subtle blue tint */
  .benefits-premium-item:hover {
    transform: scale(1.02);
    border-color: #163d7a;
    box-shadow: 0 20px 40px rgba(16, 42, 67, 0.08);
    background: linear-gradient(to right, #ffffff, #f0f7ff);
  }

  /* Right-side Arrow Indicator on Hover */
  .benefits-premium-item::after {
    content: "→";
    position: absolute;
    right: 30px;
    font-size: 20px;
    color: #163d7a;
    opacity: 0;
    transition: all 0.3s ease;
  }

  .benefits-premium-item:hover::after {
    opacity: 1;
    right: 20px;
  }

  /* Icon Style - Using a Check Badge with a Pulse Effect */
  .benefits-icon-box {
    width: 54px;
    height: 54px;
    background: rgba(22, 61, 122, 0.05);
    color: #163d7a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
    font-size: 18px;
    transition: all 0.3s ease;
  }

  .benefits-premium-item:hover .benefits-icon-box {
    background: #163d7a;
    color: #ffffff;
    box-shadow: 0 0 0 8px rgba(22, 61, 122, 0.1);
  }

  /* Content Grid */
  .benefits-main-content {
    display: grid;
    grid-template-columns: 300px 1fr;
    width: 100%;
    align-items: center;
    gap: 30px;
  }

  .benefits-title {
    font-size: 18px;
    font-weight: 800;
    color: #163d7a;
    line-height: 1.2;
  }

  .benefits-desc {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    border-left: 2px solid #f1f5f9;
    padding-left: 25px;
    padding-right: 40px; /* Space for the hover arrow */
  }

  @media (max-width: 850px) {
    .benefits-main-content {
      grid-template-columns: 1fr;
      gap: 5px;
    }
    .benefits-desc {
      border-left: none;
      padding-left: 0;
      font-size: 14px;
    }
    .benefits-premium-item:hover::after {
      display: none; /* Clean up mobile view */
    }
  }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-78371a6 */.text-title{
    color:#009EE1;
}/* End custom CSS */