* {font-family: var(--g-body-font);}
/* ==========================================================================
     HEADER & NAVIGATION
    =========================================================================== */
    /* Styling for sticky megamenu */
    .solution-navbar.sticky-top {
      width: 100%;
      height: unset;
      margin: 0; padding: 0; z-index: 98; background: var(--g-dark-70);
    }
    .solution-navbar.dark{ background: black!important;  margin-top: -1px;}

    .dialog-off-canvas-main-canvas.d-flex.flex-column.h-100{ height: unset!important;}
  
    /*------------------------------------------*/
    /*  HEADER LINK
    /*------------------------------------------*/
    
    .wsmenu > .wsmenu-list > li > a {
      display: block;
      margin: 0;
      color: white;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.5px;
      line-height: 1.5;
      text-decoration: none;
      position: relative; padding: 15px;
    }

    .wsmenu > .wsmenu-list > li > a i{ font-size: 0.6rem;}
    
    .wsmenu > .wsmenu-list > li.reg-fst-link > a {
      margin-left: 30px;
    }
    
    /*------------------------------------------*/
    /*  HEADER SUBMENU
    /*------------------------------------------*/
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu {
      width: 100%;
      min-width: auto;
      top: 62px;
      padding: 0;
      border-radius: 0 0 6px 6px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
      position: absolute;
      top: 70px; left: 0;
      z-index: 1000;
      margin: 0px;
      padding: 0;
      background-color: white;
      overflow: hidden;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
      background-color: rgba(244, 244, 249, 0);
      color: var(--g-dark);
      font-weight: 600;
      padding: 11px 14px;
      border-radius: 6px;
      transition: all 0.3s ease-in-out;
    }
    .wsmenu > .wsmenu-list > li > ul.sub-menu div > ul > li > a.nav-link{ font-weight: 700;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu div > ul > li > a.nav-link.active{ background: white;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu ul{ padding: 40px 0 0; margin-right: 0; background: var(--g-blue-light); }
    .wsmenu > .wsmenu-list > li > ul.sub-menu ul ul *{padding: 0; margin: 0;}
    
    /*------------------------------------------*/
    /*  Desktop Base CSS
    --------------------------------------------*/
    
    .wsmenu html,
    .wsmenu body,
    .wsmenu iframe,
    .wsmenu h1,
    .wsmenu h2,
    .wsmenu h3,
    .wsmenu h4,
    .wsmenu h5,
    .wsmenu h6 {
      font-smooth: antialiased;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -webkit-font-smoothing: subpixel-antialiased;
      font-smooth: subpixel-antialiased;
    }
    
    .wsmenu .cl {
      clear: both;
    }
    
    .wsmenu img {
      border: 0 none;
      max-width: 100%;
    }
    
    .wsmenu a:focus {
      outline: none;
    }
    
    .wsmenu:before,
    .wsmenu:after {
      content: "";
      display: table;
    }
    
    .wsmenu:after {
      clear: both;
    }
    
    /*------------------------------------------*/
    /*  Desktop Main Menu CSS
    --------------------------------------------*/
    
    /* Navigation Menu */
    .wsmenu {
      padding: 0;
      display: flex;
    }
    
    .wsmenu > .wsmenu-list {
      text-align: left;
      margin: 0 auto 0 auto;
      width: 100%;
      display: flex;
      padding: 0;
    }
    
    .wsmenu > .wsmenu-list > li {
      text-align: center;
      display: flex;
      padding: 0;
      margin: 0 3px;
    }

    .navbar-light .wsmenu-list > li > a:hover,
    .navbar-light .wsmenu-list > li.mega-menu:hover > a
    { background: white; color: var(--g-purple)!important; border-radius: 3px;}
    
    
     /* CSS HOVER TRANSITION QUICK LAUNCH MENU */
     .wsmenu.ql-nav > .wsmenu-list > li.mega-menu > ul.sub-menu {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease;
    }
    
    .wsmenu.ql-nav > .wsmenu-list > li.mega-menu:hover > ul.sub-menu {
      opacity: 1; 
      visibility: visible;
      transform: translateY(0);
      transition-delay: 300ms; /* Adds delay before the submenu appears */
    }

    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu {
      top: 40px!important; left: 0px!important; width: 100%; border-radius: 0 0 6px 6px; height: 80vh; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease;
    }
    
    .solution-nav > .wsmenu-list > li:hover > ul.sub-menu {
      opacity: 1; 
      visibility: visible;
      transform: translateY(0);
      transition-delay: 300ms; /* Adds delay before the submenu appears */
    }

    /* single dropdown */
    .wsmenu > .wsmenu-list > li > ul.sub-menu.single {
      opacity: 0;
      visibility: hidden;
      width: auto; max-width: fit-content;
      left: auto; box-shadow: 0 6px 8px 0 #a1a1a16b; 
    }
    .wsmenu > .wsmenu-list > li:hover > ul.sub-menu.single {
      opacity: 1; 
      visibility: visible;
      transform: translateY(0);
      transition-delay: 300ms; /* Adds delay before the submenu appears */
    }

    /* CSS HOVER TRANSITION FOR MAIN MENU */
    #block-gepknowledgebankmenu .wsmenu.solution-nav > .wsmenu-list > li > a {     
      font-size: 13px!important;
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;}

    /*------------------------------------------*/
    /*  Desktop Drop Down Menu CSS
    --------------------------------------------*/
    .wsmenu > .wsmenu-list > li > ul.sub-menu::after{ content: " ";
      height: 100%;
      display: block;
      background: var(--g-blue-light);
      width: 25%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;}
      .wsmenu > .wsmenu-list > li > ul.sub-menu.single::after{ display: none;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu > ul{ list-style: none; margin: 0; }
    .wsmenu > .wsmenu-list > li > ul.sub-menu > ul ul{ display: block; padding: 0; margin: 0; width: 100%;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu #v-pills-tab{ margin: 0; padding: 0; padding:40px 0; background: var(--g-blue-light); position: relative;} 
    .wsmenu > .wsmenu-list > li > ul.sub-menu #v-pills-tab li.nav-item{ display: block; width: 100%; padding: 0; margin: 0;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu ul.collapse-list{ margin: 0; padding: 0;}

    
    .wsmenu > .wsmenu-list > li > ul.sub-menu.last-sub-menu {
      min-width: 160px;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li {
      position: relative;
      margin: 0px;
      padding: 0px;
      display: block; 
    }

    .wsmenu > .wsmenu-list > li > ul.sub-menu > li div,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li div ul{ height:100%; min-height:100%; list-style: none;}
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
      position: relative;
      background-image: none;
      border-right: 0 none;
      text-align: left;
      display: block;
      padding: 9px;
      text-transform: none;
      color: #888;
      font-size: 15px;
      line-height: 22px;
      font-weight: 400;
      letter-spacing: 0;
      border-right: 0px solid;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a > i {
      position: absolute;
      top: 12px;
      right: 0;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
      min-width: 200px;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0;
      padding: 0 15px;
      list-style: none;
      background-color: white;
      border: solid 1px #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
      position: relative;
      margin: 0px;
      padding: 0px;
      display: block;
      border-bottom: 1px dashed #c0c0c0;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:last-child {
      border-bottom: none;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
      position: relative;
      background-image: none;
      border-right: 0 none;
      text-align: left;
      display: block;
      padding: 9px;
      text-transform: none;
      color: #888;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      letter-spacing: normal;
      border-right: 0px solid;
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
      padding: 8px 15px 8px 23px;
    }
    
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
      position: absolute;
      top: 12px;
      right: 12px;
    }
    
    .wsmenu
      > .wsmenu-list
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu {
      min-width: 200px;
      position: absolute;
      left: 100%;
      top: 0;
      margin: 0px;
      list-style: none;
      padding: 0px;
      background-color: white;
      border: solid 1px #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    
    .wsmenu
      > .wsmenu-list
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li {
      position: relative;
      margin: 0px;
      padding: 0px;
      display: block;
    }
    
    .wsmenu
      > .wsmenu-list
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > a {
      background-image: none;
      border-right: 0 none;
      text-align: left;
      display: block;
      padding: 9px;
      text-transform: none;
      color: #888;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
      letter-spacing: normal;
      border-right: 0px solid;
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out;
    }
    
    .wsmenu
      > .wsmenu-list
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > a:hover {
      padding: 9px 9px 9px 20px;
    }
    
    .wsmenu
      > .wsmenu-list
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > ul.sub-menu
      > li
      > a
      > i {
      margin-left: 9px;
    }
  
    /*==============================================================================
                                  Start Mobile CSS
    ===============================================================================*/
    
    /* ================== Mobile Menu Change Brake Point ================== */
    
    @media only screen and (max-width: 991px) {
      /* ================== Mobile Main Menu CSS ================== */
      .wsmenu { display: none!important;}
    }
    /* ENDs @media only screen and (min-width: 991px) */
    
    ul.sub-menu.row {
      text-align: left;
      width: 100%;
      position: absolute;
      left: 0;
      top: auto;
    }
    
    h2.mega-content-head {
      text-align: left; font-size: 22px; font-weight: 700;}
    h2.mega-content-head a { color: var(--g-blue); text-decoration: none;}
    h2.mega-content-head a:hover{ color: var(--g-purple);}
    h2.mega-content-head img{max-width: 260px;}
    
    ul.nav.flex-column.nav-underline.p-0 {
      text-align: left;
    }
    ul#v-pills-tab li:hover{ background: var(--gradient-primary); padding-left: 6px; border-radius: 6px 6px 0 0;}
    ul#v-pills-tab li a {
      font-size: 20px; font-weight: 700;
      background: var(--g-blue-light); border-left: 6px solid var(--g-blue-light);
      margin: 0;
      padding: 6px 10px;
      border-bottom: 0px dotted var(--g-grey); color: var(--g-dark); display: flex; justify-content: space-between; position: relative;
    }
    ul#v-pills-tab li a i.bi{ position: absolute; top: 3px; right: 3px; font-size: 11px;}
    div#v-pills-tabContent ul li a {
      font-size: 1.125rem; line-height: 1.5;
      color: var(--g-dark);
    }
    
    #v-pills-tab .collapse-list a {
      font-size: 1rem; font-weight: normal;
    }
    
    ul#v-pills-tab li a:hover, ul#v-pills-tab li:hover > a, ul#v-pills-tab li a.active {
      background: white;
      color: var(--g-blue) !important; border-color: var(--g-blue);
    }
    
    .collapse-list a:hover {
      text-decoration: none;
    
      color: rgba(103, 15, 255, 1);
    }
    
    .collapse-list .nav-link:hover {
      border-bottom-color: currentcolor;
      background: #eee;
    }
    
    .seconday-menu {
      background: #2f2f2f00;
      border: 1px solid #fbfbfb29;
    }
    
    /* SOLUTION NAVIGATION */
   
    .solution-navigation {
      z-index: 99; font-family: var(--g-body-font);font-size: 18px;
    }
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu > ul{ padding: 40px 0!important; list-style: none;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul{ padding: 0; list-style: none;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li{ padding: 0 0 0 6px; margin-bottom: 1px; border-radius: 6px 0 0 6px; position: relative;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li:hover{ background: var(--gradient-primary);}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a{ padding: 10px 12px; color: var(--g-dark); transition: unset!important; position: relative;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a i.bi{ position: absolute; right: 3px; top: 3px; font-size: 11px;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a i.menu-with-child,
    ul#v-pills-tab li a i.menu-with-child{ top: 50%; transform: translateY(-50%); font-size: 13px; color: var(--g-blue);}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a:hover,
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a.active,
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li:hover a
    { background: white;}
    .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a small{ font-size: 0.8rem;}
    .wsmenu .tab-pane { padding: 40px 15px;}
    .wsmenu .tab-pane p{ font-size: 1rem;}
    .wsmenu .tab-pane ul{ border: 0px solid red; margin: 0!important; padding: 0!important; background: white!important; height: unset!important; min-height: unset!important; }
    .wsmenu .tab-pane ul > li{ padding: 10px 0 10px; margin: 0;}
    .wsmenu .tab-pane ul > li > a{ padding: 0!important; text-align: left; 
      font-weight: 700; color: var(--g-dark)!important; font-size: 1rem; line-height: 1.25; cursor: pointer;
      text-transform: unset!important;}
    
    .wsmenu .tab-pane ul > li > a:hover{ color: var(--g-blue)!important;}
    /* .wsmenu .tab-pane ul > li.child-indent{ padding: 0 0 3px; margin: 0 0 0 10px;} */
    .wsmenu .tab-pane ul > li.child-indent:last-child{ margin-bottom: 10px;}
    .wsmenu .tab-pane ul > li.child-indent a{ font-weight: normal!important; /* padding: 0 0 0 10px!important; */}
    /*
    .wsmenu .tab-pane ul > li.child-indent::marker,
    .wsmenu.ql-nav .tab-pane ul > li.child-indent::marker {content: "⏵"; font-size: 12px; vertical-align: top; color: black;}
*/
    .wsmenu.solution-nav > .wsmenu-list > li > a {
      padding: 0 1rem 0 0; margin: 0 0 0 0;
      font-size: 16px; font-weight: normal;
      line-height: 20px; font-weight: bold; padding: 8px 20px; border-radius: 0; border-top: 4px solid transparent;
    }
    .wsmenu.solution-nav > .wsmenu-list > li > a:hover,
    .wsmenu.solution-nav > .wsmenu-list > li:hover > a
    { background: white; color: var(--g-dark); border-color: var(--g-blue);}

    .tab-pane-nav-container { list-style: none; padding: 0; padding-bottom: 40px; margin: 0; }
    .tab-pane-nav-container.col2 {
      columns: 2; /* Creates 3 columns */
    }

    .tab-pane-nav-container.col3 {
      columns: 3; /* Creates 3 columns */
    }
    .tab-pane-nav-container li {
      break-inside: avoid; /* Prevents items from splitting across columns */
    }

    .tab-pane-nav-container li.split-column {
      break-before: column; /* Start this item in a new column */
    }

    /* QUICK LAUNCH MENU */
    .wsmenu.ql-nav > .wsmenu-list > li > a{ border-radius: 8px!important; font-weight: 500;}
    .wsmenu.ql-nav > .wsmenu-list > li > a:hover,
    .wsmenu.ql-nav > .wsmenu-list > li:hover > a
    { background: white; color: var(--g-purple)!important; }
    .wsmenu.ql-nav > .wsmenu-list > li > ul.sub-menu{ top: 76px!important; border-radius: 0 8px 8px 8px;}
    .wsmenu.ql-nav > .wsmenu-list > li.mega-menu > ul.sub-menu{ height: auto;}
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover{ color: var(--g-blue)!important; background: var(--g-blue-light)!important;}
    
    .wsmenu.ql-nav > .wsmenu-list > li > ul.sub-menu > li div,
    .wsmenu.ql-nav > .wsmenu-list > li > ul.sub-menu > li div ul{ height: unset; min-height: unset;}

    .wsmenu-list .tab-pane.fade.active.show div,
    .wsmenu-list .tab-pane.fade.active.show ul{ height: unset; min-height: unset;}

   


  /* // Mobile devices (tablets, less than 768) */
@media (max-width: 767.98px) { 
  .solution-navbar { display: none;}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
  .wsmenu > .wsmenu-list > li > ul.sub-menu div > ul > li > a{ font-size: 0.8rem;}
  .wsmenu > .wsmenu-list > li > a{ font-size: 0.7rem; padding-left: 10px; padding-right: 10px;}
  .wsmenu .tab-pane ul > li > a{ font-size: 0.7rem!important; line-height: 1.2;}
  div#v-pills-tabContent ul li a { font-size: 0.7rem!important; line-height: 1.2;}
  ul.collapse-list > li > a{ font-size: 0.7rem!important; line-height: 1.2;}
  h2.text-left.mega-content-head { font-size: 1rem; }
  h2.text-left.mega-content-head a{ font-size: 120%; }
  ul#v-pills-tab li a{ font-size: 0.8rem!important;}
  .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a small{ font-size: 0.625rem;}
  h3.mega-content-head.child a, h3.mega-content-head.child{ font-size: 13px; line-height: 1.2;}
 }
 @media (min-width: 1200px) and (max-width: 1399.98px) { 
  .wsmenu > .wsmenu-list > li > ul.sub-menu div > ul > li > a{ font-size: 0.9rem;}
  .wsmenu > .wsmenu-list > li > a{ font-size: 0.8rem; padding-left: 12px; padding-right: 12px;}
  .wsmenu .tab-pane ul > li > a{ font-size: 0.8rem!important; line-height: 1.35;}
  div#v-pills-tabContent ul li a { font-size: 0.8rem!important; line-height: 1.35; }
  ul.collapse-list > li > a{ font-size: 0.8rem!important;line-height: 1.35;}
  h2.text-left.mega-content-head a{ font-size: 120%;}
  h3.mega-content-head.child a, h3.mega-content-head.child{ font-size: 16px; line-height: 1.2;}
  ul#v-pills-tab li a{ font-size: 0.9rem!important;}
  .wsmenu.solution-nav > .wsmenu-list > li > ul.sub-menu ul ul li a small{ font-size: 0.7rem;}
 }

 @media (min-width: 1600px) and (max-width: 1920.98px) { 
  h2.mega-content-head a{ font-size: 130%;}
  h3.mega-content-head.child a, h3.mega-content-head.child{ font-size: 22px; line-height: 1.2;}
  div#v-pills-tabContent ul li a{ font-size: 110%; line-height: 1.2;}
  .wsmenu > .wsmenu-list > li > ul.sub-menu #v-pills-tab li.nav-item{ margin: 8px 0; background: none;}
  ul#v-pills-tab li a{ font-size: 110%}
  #v-pills-tab .collapse-list a{ font-size: 100%;}
 }