/* style added on 21-09-2023 starts */

  /* style override */

  .elementor-widget-wrap.elementor-element-populated {
    justify-content: center;
  }

  .page-template-minimal-header .container-fluid .elementor {
    width: -webkit-fill-available;
  }

  /* common style */
  .hidden {
    display: none;
  }

  body {
    font-family: Roboto;
    font-style: normal;
    color: #121127;
  }

  h2 {
    text-align: left;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    color: #121127;
  }

  h4 {
    color: #121127;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }

  h3 {
    color: #0C366F;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
  }

  h3 img {
    width: 32px;
    margin-right: 8px;
  }
  
  .elementor img {
  	max-width: 100% !important;
  }

  .nav-row {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;
  }

  .nav-col {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #E8F0FC;
    background-color: #FFF;
    width: 325px;
    height: 292px;
    margin-right: 32px;
    margin-bottom: 32px;
  }

  .nav-icon {
    padding-bottom: 24px;
  }

  .nav-icon img {
    width: 48px;
  }

  .nav-title {
    display: inline-block;
    padding-bottom: 10px;
    color: #121127;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
  }

  .third-nav.sub-nav .nav-col, .second-nav.sub-nav .nav-col {
    max-height: none;
    height: auto;
    padding: 16px 20px;
    margin: 0;
  }

  .nav-row a:hover {
    text-decoration: none;
  }

  .nav-description {
    color: #616F89;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-bottom: 15px;
    max-width: 680px;
    min-height: 105px;
  }

  .nav-links {
    color: #186CDD;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .nav-item {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.242px;
  }

  .prev-nav {
    color: #FFFFFF;
    padding: 0 7px 0 10px;
    text-transform: capitalize;
  }

  .breadcrumb-container .dropdown {
    display: inline-block;
    padding-left: 5px;
  }

  .breadcrumb-container .dropdown::after {
    content: "\25BC";
    color: #333;
    font-size: 10px;
  }

  .angle-right {
    width: 7px;
    height: 7px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: inline-block;
    transform: rotate(45deg);
  }

  .breadcrumb-container .dropdown.show::after {
    content: "\25B2";
  }

  .breadcrumb-container .dropdown-menu {
    padding: 24px;
    margin: 0;
  }

  .breadcrumb-container .dropdown-menu {
    left: -150px;
    border-radius: 8px;
    box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px -2px 4px 0px rgba(40, 41, 61, 0.04);
  }

  .breadcrumb-container .nav-icon {
    padding-bottom: 0;
    display: inline-block;
  }

  .breadcrumb-container .nav-icon img {
    width: 24px;
    margin-right: 12px;
  }

  .dropdown-menu .nav-heading {
    color: #9A9A9A;
    font-size: 11px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.02em;
  }

  .breadcrumb-container .dropdown-menu .nav-title {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
  }

  .breadcrumb-container .nav-col:hover .nav-title {
    color: #186CDD;
  }

  .container-fluid {
    /* background-color: transparent;
  background-image: linear-gradient(180deg, #FBFCFE 0%, #FFFFFF 100%); */
  }

  .nav-row a {
    text-decoration: none;
  }

  .nav-back a {
    color: #616F89;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 28px;
    background: #F6F6F6;
    padding: 2px 8px;
  }

  .nav-back a:hover {
    color: #616F89;
    box-shadow: 0px 0px 5px -1px #616F89;
    text-decoration: none;
  }

  .nav-back a img {
    width: 20px;
    padding-bottom: 2px;
    padding-right: 6px;
  }

  .site-title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.242px;
  }

  .navbar-classic.navbar {
    padding: 10px;
    background: linear-gradient(90deg, #091B2A 0%, #09253E 22%, #091D2F 100%);
    justify-content: space-between;
  }

  .nav-logo {
    padding-left: 65px;
    display: flex;
  }

  @media(max-width: 680px) {
    .nav-logo img {
      max-width: 100px;
    }
  }

  .nav-logo:hover {
    text-decoration: none;
  }

  .nav-logo img {
    max-width: 105px;
  }

  .nav-logo span {
    padding-top: 2px;
    padding-left: 5px;
  }

  .container-fluid .row {
    justify-content: center;
  }

  .visible-sm {
    display: none;
  }

  .sec-cus-eng .elementor-container,
  .sec-exp-ran .elementor-container {
    width: 1102px;
    margin: 0 auto;
  }

  .third-navigation-page .elementor-section-boxed {
    max-width: 1440px;
    margin: 0 auto;
  }

  .nav-link.contact-us-btn {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #FFFFFF;
    line-height: 20px;
    background: #23394D;
    color: #FFFFFF;
  }

  .contact-us-btn:hover {
    border: 1px solid #186CDD;
    box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px -2px 4px 0px rgba(40, 41, 61, 0.04);
  }

  .visible-xs {
    display: none;
  }

  .tab-contents.customer-facing-img {
    padding-left: 100px;
  }

  .utility-heading,
  .facing-heading {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 16px;
  }

  .facing-heading {
    padding-top: 32px;
  }

  @media (max-width: 1024px) {
    .visible-sm {
      display: initial;
    }

    .hidden-sm {
      display: none;
    }

    .nav-col {
      width: 216px;
      margin-bottom: 24px;
      height: 100%;
      padding-bottom: 6px;
      margin-right: 20px;
    }

    .explore-btn {
      width: auto;
    }

    .nav-row {
      justify-content: flex-start;
      flex-flow: wrap;
    }

    .nav-col .nav-links {
      position: absolute;
      bottom: 18px;
    }


    .sec-cus-eng .elementor-container,
    .sec-exp-ran .elementor-container {
      width: auto !important;
    }
  }

  @media (max-width: 767px) {

    .nav-col,
    .sub-nav .nav-col {
      width: auto;
      margin-right: 0;
      height: auto;
    }

    .nav-col .nav-links {
      position: static;
      padding-bottom: 20px;
    }

    .nav-row {
      justify-content: center;
    }

    .page-title h3 {
      font-size: 24px;
    }

    .hidden-xs {
      display: none;
    }

    .visible-xs {
      display: initial;
    }
  }

  .page-title {
    padding-bottom: 4px;
  }

  .page-title .nav-description {
    font-size: 16px;
  }

  .breadcrumb-container .sub-nav .nav-col {
    border: none;
    border-radius: 0;
    width: 330px;
    position: relative;
    background: none;
  }

  .sub-nav .nav-col {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #E8F0FC;
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
    height: 306px;
  }

  .sub-nav .nav-col a {
    display: flex;
    align-items: center;
  }

  .nav-col:hover {
    border: 1px solid #9A9A9A;
    box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px -2px 4px 0px rgba(40, 41, 61, 0.04);
  }

  .nav-col a:hover {
    text-decoration: none;
  }

  .sub-nav .nav-title {
    color: #0C366F;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
  }

  .breadcrumb-container .sub-nav {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    /* margin-top: 8px; */
    padding-top: 0;
  }

  .explore-btn {
    border-radius: 4px;
    background: #186CDD;
    color: #F3F8FD;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 15px;
    padding: 6px 4px;
    width: 206px;
  }

  .explore-btn:hover {
    background: #114C9B;
  }

  .user-profile .dropdown-menu {
    padding: 32px;
    left: -75px;
    border-radius: 12px;
    border: 1px solid #E8F0FC;
    width: 216px;
    box-shadow: 0px 8px 16px 0px rgba(96, 97, 112, 0.16), 0px -2px 4px 0px rgba(40, 41, 61, 0.04);
  }

  .user-profile {
    padding-right: 100px;
    display: flex;
  }

  .user-profile .nav-title {
    color: #121127;
  }

  .user-profile a {
    color: #333;
  }

  .top-navigation {
    width: 40%;
    text-align: center;
  }

  .user-profile .dropdown-toggle::after {
    display: none;
  }

  /* KPI page styling */
  .switch-variant {
    color: #9A9A9A;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    padding-bottom: 16px;
  }

  .dashboard-variants {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
  }

  .dashboard-variant {
    height: 80px;
    border-radius: 12px;
    border: 1px solid #E1E0E0;
    background: rgba(255, 255, 255, 0.80);
  }

  .dashboard-variant img {
    width: 40px;
    margin-right: 24px;
  }

  .dashboard-variant:hover img {
    content: url('/wp-content/uploads/foundation-graph-bar-blue.png');
  }

  .dashboard-variant a {
    display: flex;
    align-items: center;
    align-content: center;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 48px 20px 28px;
  }

  .dashboard-variant:hover a {
    color: #1467D5;
  }

  .dashboard-variant:hover {
    border: 1px solid #1467D5;
  }

  .ev-kpi .dashboard-variant-title {
    display: flex;
    flex-direction: column;
    width: 340px;
    padding-right: 145px;
  }

  .ev-kpi .dashboard-variant-title img {
    width: 100%;
  }

  .ev-kpi .dashboard-variants {
    padding-bottom: 60px;
  }

  .ev-kpi .dashboard-variant {
    width: 325px;
  }

  @media(max-width: 767px) {
    .ev-kpi .dashboard-variant-title {
      padding-bottom: 30px;
      width: auto;
      padding-right: 0;
    }

    .ev-kpi .dashboard-variant {
      width: 100%;
    }

    .ev-kpi .dashboard-variant-title img {
      width: 50%;
    }
  }

  .kpi-dashboard .tooltip {
    padding: 0 !important;
  }

  .kpi-dashboard .tooltip .tooltip-inner {
    /* background: #FFF;
  color: #262D33; */
    font-family: Roboto;
    font-size: 9px;
    padding: 8px !important;
  }

  .kpi-dashboard .bs-tooltip-top {
    border-radius: 4px;
    box-shadow: 0px 5px 10px 0px rgba(96, 97, 112, 0.16), 0px -2px 2px 0px rgba(40, 41, 61, 0.04);
  }

  .kpi-dashboard .bs-tooltip-bottom {
    border-radius: 4px;
    box-shadow: 0px -5px 10px 3px rgba(96, 97, 112, 0.16), 0px -2px 2px 0px rgba(40, 41, 61, 0.04);
  }

  .kpi-dashboard .tooltip.show {
    opacity: 1 !important;
  }

  .kpi-dashboard .bs-tooltip-top .arrow::before {
    top: 6px !important;
    /* border-top-color: #FFF !important; */
    border-width: 10px 5px 0px;
  }

  .kpi-dashboard .bs-tooltip-bottom .arrow {
    top: -6px !important;
  }

  .kpi-dashboard .bs-tooltip-bottom .arrow::before {
    /* border-bottom-color: #FFF !important; */
    border-width: 0 5px 10px;
  }

  @media screen and (max-width: 600px) {
    .dashboard-variant a {
      padding: 20px 5px 20px 25px;
    }

    .dashboard-variant {
      width: 100%;
    }

    .scroll-mobile {
      overflow: scroll;
    }

    .scroll-mobile img {
      width: 1114px;
      max-width: none !important;
    }
  }

  /* CX page styling */
  .text-left,
  .text-left h2 {
    text-align: left;
  }

  .heading-left h2 {
    font-weight: 500 !important;
    line-height: 48px;
  }

  .left-paragraph {
    color: #616F89;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .tab-description {
    display: none;
  }

  .is-active .tab-description {
    display: block;
    font-size: 14px;
    padding-top: 14px;
  }

  .tab-buttons {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tab-buttons li {
    margin-bottom: 16px;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
  }

  .tab-buttons li a {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 24px;
    border-radius: 12px;
    text-decoration: none;
    background-color: #ffffff;
  }

  .tab-buttons li svg {
    margin-right: 10px;
    margin-bottom: 2px;
  }

  .tab-buttons li:not(.is-active):hover {
    border: 2px solid #114C9B;
  }

  .tab-buttons li:not(.is-active):hover a {
    padding: 23px;
  }

  .tab-buttons li:hover a,
  .tab-buttons a:hover svg path {
    background-color: #fff;
    color: #114C9B;
    fill: #114C9B;
  }

  .tab-buttons li:hover a.customer-facing,
  .tab-buttons a.customer-facing:hover svg path {
    background-color: #fff;
    color: #114C9B;
    fill: none;
    stroke: #114C9B;
  }

  .tab-buttons .is-active a,
  .tab-buttons li.is-active a:hover,
  .tab-buttons li.is-active a svg path {
    background-color: #114C9B;
    color: #fff;
    fill: #fff;
  }

  .tab-buttons .is-active a.customer-facing,
  .tab-buttons li.is-active a.customer-facing:hover,
  .tab-buttons li.is-active a.customer-facing svg path {
    background-color: #114C9B;
    color: #fff;
    stroke: #fff;
    fill: none;
  }

  .image-widgets .tab-contents {
    border: 0;
    margin: 0 auto;
    display: table;
  }

  .tab-contents {
    padding: .5em 2em 1em;
    border: 1px solid #ddd;
  }

  .tab-contents {
    margin-top: 20px;
  }

  .kpi-dashboards #tab-button {
    display: flex;
    flex-wrap: wrap;
  }

  .kpi-dashboards #tab-button li {
    margin: 0 20px 20px 0;
  }

  .tabs-scroll {
    max-height: 700px;
    overflow: scroll;
  }

  #cx-widgets .image-widgets {
    padding: 0 60px;
  }

  .img-preview {
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #000;
    border-bottom: 0;
    color: #000;
    background-color: #F6F6F6;
    font-size: 14px;
    font-weight: 500;
    line-height: 20.3px;
    display: table;
    padding: 2px 16px;
  }

  #utility-internal,
  .color-image-container .red,
  .color-image-container .green {
    display: none;
  }

  @media screen and (max-width: 1024px) {
    .tabs-scroll {
      max-height: 400px;
    }

    .tab-buttons li a {
      font-size: 12px;
      padding: 16px 12px;
    }

    .is-active .tab-description {
      font-size: 12px;
    }
  }

  @media screen and (max-width: 768px) {
    .tab-button-outer {
      position: relative;
      z-index: 2;
      display: block;
    }

    .tab-select-outer {
      display: none;
    }

    .tab-contents {
      position: relative;
      top: -1px;
      margin-top: 0;
    }
  }

  @media screen and (max-width: 767px) {
    .tab-buttons li a {
      font-size: 16px;
      padding: 24px;
    }

    .is-active .tab-description {
      font-size: 14px;
    }

    li.visible-xs {
      border: none;

    }

    li.visible-xs .tab-description {
      padding: 20px 0;
      display: block;
    }

    .tabs-scroll {
      max-height: none;
    }

    .hidden-xs {
      display: none !important;
    }

    .tab-description {
      display: block;
      font-size: 14px;
      font-weight: 400;
    }

    .heading-left h2 {
      font-size: 24px;
      line-height: 32px;
    }
  }

  @media screen and (min-width: 768px) {
    .visible-xs {
      display: none !important;
    }
  }