/*
Theme Name: MotJuste Communication Services
Theme URI:
Author: Vignesh V
Author URI: 
Description:
Tags: 
Version: 1.0
*/
:root {
    --mbtext: #444444;
    --mbblack: #000000;
    --mbwhite: #ffffff;
    --mbblue: rgb(0, 48, 184);
    --mbdarkblue:#131825;
    --mbred:#D71609;
}
html {
  font-size: 20px;
}
@media screen and (min-width:1600px){
    html {
  font-size: 26px;
}
}
@media screen and (min-width:1920px){
    html {
  font-size: 26px;
}
}
*{padding: 0;margin: 0;box-sizing: border-box;font-family: "Nunito", sans-serif;}
body{margin:0;padding:0;line-height:1.5;font-family: "Nunito", sans-serif; overflow-x: hidden;}
p{font-size:0.85rem;font-weight: 300;}
html{scroll-behavior:smooth;}
img{max-width: 100%;height:auto;}
a {text-decoration: none!important;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;}
h3{font-size: 1.6rem;}
h4{font-size: 1.1rem;}
ul {padding-left: 0;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
.fixed-top{box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.container-1200{max-width:1200px;margin: 0 auto;padding: 0 1rem;flex: 0 0 auto; /* don’t shrink or stretch */}
.container-1140{max-width:1140px;margin: 0 auto;padding: 0 1rem;}
.container-1440{max-width:1440px;margin: 0 auto;}
@media (min-width: 1400px) {
    .container-1200 {
        max-width: 1320px;
    }
    .container-1140 {
        max-width: 1260px;
    }
    
  }
  
  @media (min-width: 1600px) {
    .container-1200 {
        max-width: 1400px;
    }
    .container-1140 {
        max-width: 1340px;
    }
    
  }
  
  @media (min-width: 1900px) {
    .container-1200 {
        max-width: 1600px;
    }
    .container-1140 {
      max-width: 1540px;
  }
  }
  /*Desktop Menu CSS*/
.menu{display:flex;justify-content:center;}
.menu nav ul{display: flex;justify-content: space-between;padding-left: 0;align-items:center;}
.center-logo img{width: 9rem;}
.main-menu-icon img{width:1.5rem}
nav ul {margin: 0;padding-top: 1rem;padding-bottom:1rem}
nav ul li{position: relative;list-style: none;}
nav ul li a {font-size: 0.95rem;display: block;color:var(--mbwhite);transition:all 0.5s linear;line-height:61px;
padding:0 1.2rem}
.menu .menu-item-has-children ul {display: block;position: absolute;left: 0px;top: calc(100% + 30px);margin: 0;
padding: 0.5rem 0;z-index: 99;opacity: 0;visibility: hidden;background:rgba(0, 0, 0, 1);box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.4);
transition: 0.3s;border-radius: 0.2rem;border-top-left-radius:0;}
.menu .menu-item-has-children ul li {min-width: 300px; line-height: 1.1;}
.menu .menu-item-has-children ul a {padding:0.5rem 1rem;font-size:0.8rem;text-transform: none;font-weight: 600;line-height: 1.1rem;
}
.navbar .dropdown ul a i {font-size: 0.6rem;}
/*.menu nav ul li:hover > a{color:#3F9E0C}
.menu nav ul li:hover{color:#3F9E0C}
.menu nav ul li ul li:hover{color:#3F9E0C}*/
.menu .menu-item-has-children:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.menu .menu-item-has-children .menu-item-has-children ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.menu .menu-item-has-children .menu-item-has-children:hover > ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
.menu .menu-item-has-children{position: relative;}  

  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }
/* disable underline for submenu links */
nav ul ul li a:hover::ater {content: none; /* removes ::after */}
/*Home Hero*/
.hero{height: calc(100vh - 60px);}
.home-banner{background-image: url(images/bnr_1.png);background-size: cover;background-repeat: no-repeat;}
.hero{position: relative;}
.hero::after{content: '';position: absolute;top: 0;height: 100%;width: 100%;left:0;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.49) 21%, rgba(255, 255, 255, 0) 81%);
height:50%;z-index: 2;}
.hero .row{max-width: 100%;}
.color-strip {display: flex;height: 1rem;}
.color-strip div {flex-grow: 1;height: 100%;}
.blue { background: #184CFF; }
.green { background: #009A02; }
.yellow { background: #FBE400; }
.red { background: #EA0000; }
nav > ul > li > a {position: relative;text-decoration: none;padding-bottom: 0.25rem; /* space for underline */}
/* underline only for top-level links */
nav > ul > li {position: relative; /* needed for ::after */}
/*nav > ul > li:hover > a::after {content: "";position: absolute;left: 0;bottom: 10px;width: 100%;height: 4px;background: linear-gradient(
    to right,
    #184CFF 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75%
  );
}*/
nav > ul > li.toggle-desktop-menu:hover > a::after{display: none;}
li.toggle-desktop-menu img{transition: all 0.5s linear;}
li.toggle-desktop-menu:hover  img{transform: scale(1.3);}
nav  ul  li ul li a:hover {color:var(--mbred);}
/* make sure submenu links don't get underline */
nav ul ul li a::after {content: none !important;}
.hero h1{line-height: 1.9;font-size:  1.6rem;}
.bg-blue{background-color: var(--mbblue);color: var(--mbwhite);font-weight: 300;padding: 0.3rem 1rem;border-radius: 0.4rem;width: fit-content;}
.bg-white{background-color: var(--mbwhite);color: var(--mbblue);font-weight: 700;padding: 0.3rem 1rem;border-radius: 0.4rem;}
.banner-text{position: absolute;top: 50%;transform: translateY(-50%);width: -webkit-fill-available;z-index: 99;}
.cta a{color: var(--mbwhite);font-size:1.06rem ;position: relative;transition: all 0.9s linear;}
.cta{margin-top: 2rem;}
.cta i{font-size: 0.8rem;}
/*.cta a:hover::after {content: "";position: absolute;left: 0;transition: all 0.9s linear;bottom: -0.5rem;width: 100%;
height: 4px;background: linear-gradient(
    to right,
    #184CFF 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75%
  );
}
*/
.controls-slider img {width: 2.5rem;}
.controls-slider button{border: 0;background:transparent}
.announcements .bx-wrapper{margin-bottom: 0;background:transparent;box-shadow: none;text-align: left;
margin: 0;}
.announcements{background: var(--mbwhite);position: relative;padding: 0.75rem 0;text-align: center;box-shadow: 0 -30px 50px rgba(19, 35, 78, 0.9),
            0 40px 50px rgba(19, 35, 78, 1); position: relative; z-index: 1;}

.announcements::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5rem;
  height: 100%;
  border-radius: 0;
  background: linear-gradient(
    to bottom,
    #EA0000 0%,     /* red */
    #EA0000 25%,
    #FBE400 25%,    /* yellow */
    #FBE400 50%,
    #009A02 50%,    /* green */
    #009A02 75%,
    #184CFF 75%,    /* blue */
    #184CFF 100%
  );
  
}
.announcements a{color: var(--mbblack);font-size: 0.9rem;font-weight: 600;}
.announcements .controls-slider{margin-top: 0.3rem;}
.home-sec-3{color: var(--mbwhite);background-color: var(--mbdarkblue);padding: 3.5rem 0;padding-bottom: 0;}
.home-sec-3 .bx-wrapper{background-color: transparent;border: 0;box-shadow: none;height: 100%;margin-bottom: 0;}
.home-sec-3 .home-logos h3{font-size: 1.1rem;margin-top: 0.5rem;display: inline-block;margin-bottom: 1.1rem;font-weight: 600;
  padding-left: 0.3rem;
padding-right: 0.3rem;}
.home-sec-3 p{margin-bottom: 0;}
.home-sec-3 i{color: var(--mbwhite);}
.col-logo{padding: 0.7rem 0}
.home-sec-3 .controls-slider{padding-right: 0.2rem;}
.home-side-bar ul li a{color: var(--mbwhite);font-size: 1rem;font-weight: 200;position: relative;transition: 0.3s linear all;}
.home-side-bar ul li{list-style: none;padding-top: 1rem;}
.home-side-bar  a:after {
    content: "\f105";
   font-family: "Font Awesome 7 Free";
font-weight: 900;
    padding-left: 1rem;
    font-size: 0.4rem;
   
}
.home-side-bar P{font-weight: 600;}
.home-side-bar{padding: 0 3rem;}
.home-side-bar ul li a:hover{color: var(--mbred);}

.blue-highlight-text {
  
  
  line-height: 2.1;
  padding: 0.3rem 0.5rem;
  background: var(--mbblue);
  color: white;

  /* MAGIC PART */
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  
  border-radius: 0.6rem;

  /* Make it wrap nicely */
  max-width: 100%;
  word-wrap: break-word;
  z-index: 9;
}
.banner-text .blue-highlight-text{font-weight: 300;padding: 0.3rem 1rem;border-radius: 0.4rem;line-height: 1.8;}
.banner-text .white-highlight-text{font-weight: 700;padding: 0.3rem 1rem;border-radius: 0.4rem;line-height: 1.8;}
.home-sec-4 h3{font-size: 1.25rem;font-weight: 300;z-index: 9;position: relative;}
.home-sec-4{background: url(images/Sec1-bg.jpg);padding: 3.5rem 0;position: relative;background-size: cover;background-position: center;
background-repeat: no-repeat;padding-bottom: 2rem;}
.home-sec-4::after{content: '';position: absolute;top: 0;height: 25%;width: 100%;left:0;z-index: 2;
  background: linear-gradient(180deg,rgba(19, 24, 37, 1) 0%, rgba(19, 24, 37, 0.49) 33%, rgba(255, 255, 255, 0) 81%);}
  .home-sec-4::before{content: '';position: absolute;bottom: 0;height: 80%;width: 100%;left:0;z-index: 2;
  background: linear-gradient(0deg,rgba(19, 24, 37, 1) 70%, rgba(255, 255, 255, 0) 100%);}
.home-sec-4-right-col{background-color: rgba(0,0,0,0.7);padding: 3rem;border-radius: 0.5rem;}
.home-sec-4-right-col p{color: var(--mbwhite);position: relative;z-index: 9;font-size: 0.85rem;}
.home-sec-4-right-col p:last-child{margin-bottom: 0;}
.home-sec-4 .right-col{padding: 0 1.5rem;}
.home-sec-4 .left-col{padding-right: 2rem;}
.home-sec-4 .row{display: flex;/*align-items: center;*/}
.recent-col p{margin-bottom: 0;}

    .tabs {
      display: flex;
      justify-content: space-evenly;
      
    }

    .tab {
      padding: 1rem;
      background:transparent;
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 0.3rem 0.3rem 0 0;
      margin-right: 0.25rem;
      font-weight: 600;
      font-size: 1.1rem;
    }

    .tab.active {
      background: var(--mbblue);
      position: relative;
    }
    .tab.active::after {content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 0.2rem;background: linear-gradient(
    to right,
    #184CFF 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75%
  );
}

    /* Tab content */
    .tab-content {
      display: none;
      background: var(--mbblue);
      padding: 2rem 3rem;
      border-radius: 0.8rem
    }

    .tab-content.active {
      display: block;
    }

    

    .system-level-components h3{color: var(--mbwhite);font-size: 1.6rem;}
     .system-level-components{z-index: 9;position: relative;padding-top: 4rem;}
     .slc-title h3{color: var(--mbwhite);font-size: 1.6rem;font-weight: 600;}
     .recent-col{border-left: 0.1rem solid var(--mbwhite);height: auto;padding: 0 1.2rem;margin:1rem 0;/*min-height: -webkit-fill-available;*/}
     .tab-content p{color: var(--mbwhite);font-size: 0.8rem;}
     .tab-content h3{font-size: 1.2rem;font-weight: 700;margin-bottom: 0.9rem;}
.system-level-components .cta{text-align: center;display: block!important;}
.home-sec-5{background-color: var(--mbdarkblue);padding-top: 2rem; padding-bottom:
  0rem;color: var(--mbwhite);}
  .home-sec-5 .bx-wrapper{margin-bottom: 0;background-color: transparent;border: 0;box-shadow: none;}
  .home-sec-5-col h3{color: var(--mbwhite);font-size: 1.1rem;padding-bottom: 1rem;font-weight: 700;}
  .home-sec-5-col p{color: var(--mbwhite);font-size: 0.8rem;padding-bottom: 0rem;font-weight: 300;margin-bottom: 0;}
  .home-sec-5 .col-lg-4{padding: 1.5rem;padding-top: 0;}
  .home-sec-5-col{position: relative;padding-top: 2rem;}
.home-sec-5-col::after {content: "";position: absolute;left: 0;top:0;width: 100%;height: 0.2rem;background: linear-gradient(
    to right,
    #184CFF 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75%
  );
}
.home-sec-6{background: url(images/Sec2-ng.png);background-size: cover;background-repeat: no-repeat;padding: 3rem 0;position: relative;}

.home-sec-6::after{content: '';
    position: absolute;
    top: 0;
    height: 35%;
    width: 100%;
    left: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(19, 24, 37, 1) 0%, rgba(19, 24, 37, 0.49) 43%, rgba(255, 255, 255, 0) 81%);}
    .home-sec-6 .row{justify-content: center;z-index: 9;position: relative;}
    .home-sec-6 .bx-wrapper{margin-bottom: 0;background-color: transparent;border: 0;box-shadow: none;}
    .hom{padding: 1rem;background-color: var(--mbblack);}
    .sec-col-6{padding: 1rem;background-color: var(--mbblack);box-shadow: 0 -30px 50px rgba(19, 35, 78, 0.9),
            0 40px 50px rgba(19, 35, 78, 1);border-radius: 0.8rem;}
    .home-sec-6-inner img{border-radius: 0.8rem;}
    .home-sec-6-inner .section-inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .home-sec-6-inner .section-inner p{color: var(--mbwhite);font-size: 0.8rem;font-weight: 200;margin: 0;}
    .home-sec-6-inner .section-inner{padding:1rem 2rem}
    .home-sec-6-inner-noslide img{border-radius: 0.8rem;}
    .home-sec-6-inner-noslide .section-inner{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .home-sec-6-inner-noslide .section-inner p{color: var(--mbwhite);font-size: 0.8rem;font-weight: 200;margin: 0;}
    .home-sec-6-inner-noslide .section-inner{padding:1rem 2rem}
    .section-inner .cta{margin-top: 0;}
    .section-inner .cta a{font-weight: 200;font-size: 1rem;}
    .home-sec-6 .bx-viewport{height: auto;}
    .home-sec-6 h3{text-align: center;color: var(--mbwhite);font-size: 1.6rem;}
    .home-sec-6 h4{text-align: center;color: var(--mbwhite);font-size: 1.5rem;font-weight: 700;padding-top: 1rem;}
    .sec-col-6{margin-top: 2rem;}
    .home-sec-6 .slider-arrow img{width: 0.8rem;}
     .home-sec-6 .slider-arrow{border: 0;background-color: transparent;}
     .home-sec-7{background-color: var(--mbdarkblue);position: relative;padding: 3rem 0;}
     .home-sec-6:before{content: '';
    position: absolute;
bottom: 0;
    height: 45%;
    width: 100%;
    left: 0;
    z-index: 2;
    background: linear-gradient(0deg,rgba(19, 24, 37, 1) 58%, rgba(19, 25, 37, 0) 100%);}
    .resources-title{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .resources-title h3{color: var(--mbwhite);font-size: 1.6rem;padding-bottom: 1rem;}
    .resources-title .cta{margin-top: 0;}
.resource-tile{margin: 1rem;position: relative;border-radius: 1rem;overflow: hidden;}
.resource-tile img{border-radius: 1rem;overflow: hidden;}
.resource-tile .category{position: absolute;right: 0;top: 0;background-color: var(--mbblue);color: var(--mbwhite);
text-align: center;top:0.6rem;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;padding: 0.2rem 0.6rem;}
.resource-tile .category{color: var(--mbwhite);font-size: 0.6rem;text-align: center;font-family: "Nunito", sans-serif;}
.resource-tile p{position: absolute;bottom: 0;color: var(--mbwhite);padding: 0 1rem;font-size: 0.85rem;font-weight: 600;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.overlay-insight {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: red;
    display: block;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    border-radius: 1rem;
}
.resources-tiles-row{margin-left: -1rem;justify-content: center;align-items: center;display: flex;align-content: center;}

.subscribe input[type="email"] {
    padding: 0.4rem 1rem;
    font-size: 0.8rem;
    border: 1px solid #444;
    border-radius: 0.25rem;
    outline: none;
    width: 60%;
    margin-right:0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
.subscribe form{display: flex;}

.subscribe input[type="email"]:focus {
    border-color: #0056b3;
}

.subscribe button {
    padding: 0.4rem;
    background-color: var(--mbblue);
    color: white;
    font-size: 0.8rem;
     border: 1px solid #444;
    border-radius: 0.25rem;
    cursor: pointer;
    width: 30%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    transition: all 0.3s linear;
}

.subscribe button:hover {
    background-color: var(--mbdarkblue);
}

.social-icons img{width: 2rem;margin-left: 0.5rem;}
.social-icons{display: flex;justify-content: right;}
.subscribe{padding: 1rem 0;}
.subscribe h4{font-size: 0.95rem;font-weight: 700;}
.subscribe-container{padding: 0 1rem;}
.white-highlight-text {
  
  
  line-height: 2.1;
  padding: 0.3rem 0.5rem;
  background: var(--mbwhite);
  color: var(--mbblue);

  /* MAGIC PART */
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: var(--mbwhite);
  border-radius: 0.6rem;

  /* Make it wrap nicely */
  max-width: 100%;
  word-wrap: break-word;
  z-index: 9;
}
.footer{background-image: url(images/footer-bg-new.png);background-size: cover;background-repeat: no-repeat;
padding:3.5rem 0}
.footer .white-highlight-text{font-size: 1.2rem;}
.footer-left{background-color: var(--mbblue);padding: 1.5rem;border-top-left-radius: 0.8rem;border-bottom-left-radius: 0.8rem;}
.footer input{width: 100%;background: transparent;outline: none;border: 1px solid var(--mbwhite);display: block;
margin:0.7rem 0;padding: 0.3rem 1rem;border-radius: 0.3rem;}
.footer textarea{width: 100%;background: transparent;border: 1px solid var(--mbwhite);padding: 0.3rem 1rem;color: var(--mbwhite);
font-size: 0.8rem;border-radius: 0.3rem;}
.footer button{width: 100%;outline: none;border: 0;border: 0;padding: 0.5rem 1.2rem;font-size: 0.8rem;
color: var(--mbblue);font-weight: 700;border-radius: 0.3rem;transition: all 0.3s linear;}
.footer button:hover{background-color: var(--mbdarkblue);color: var(--mbwhite);}
.footer ::placeholder{font-size: 0.8rem;color: var(--mbwhite);font-weight: 300;}
.footer-menu-col a{color: var(--mbwhite);font-size: 0.65rem;transition: all 0.3s linear;}
.footer-menu-col li{list-style: none;line-height: 1.3;padding-bottom: 0.3rem;}
.footer-right{background:rgba(0,0,0,0.7);padding: 1.5rem;position: relative;display: flex;flex-direction: column;
justify-content: space-between;border-top-right-radius: 0.8rem;border-radius: 0.8rem;}
.footer-menu-col{padding: 0 1rem;}
.footer a:hover{color: var(--mbred);}
.footer-text{display: flex;justify-content: center;}
.footer-text p{margin-bottom: 0;color: var(--mbwhite);font-size: 0.85rem;padding:0 0.2rem}
.footer-text a{color: var(--mbwhite);}
.footer {
  position: relative; /* required for ::after positioning */
}

.footer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.25rem;
  background: linear-gradient(
    to right,
    #184CFF 0% 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75% 100%
  );
}

/* Desktop Toggle menu css */
/* Toggle button */
  .menu-toggle {
    
    border: none;
    
    cursor: pointer;
    z-index: 1001;
  }

  /* Sidebar menu */
  .side-menu {
    position: fixed;
    top: 50%;
    right: -12rem;
    width: 12rem;
    height: auto;
    background: var(--mbdarkblue);
    color: #fff;
    transition: right 0.4s ease;
    z-index: 99999;
    
    transform: translateY(-50%);
  }

  .side-menu::before {
    content: '';
    position: absolute;
right: 0;
    top: 0;
    width: 0.25rem;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(to bottom, #EA0000 0%, /* red */ #EA0000 25%, #FBE400 25%, /* yellow */ #FBE400 50%, #009A02 50%, /* green */ #009A02 75%, #184CFF 75%, /* blue */ #184CFF 100%);
    border-radius: 0.1rem;
}

  .side-menu.active {
  right: 0;
  }

  /* Menu items */
  .side-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .side-menu ul li {
    border-bottom: 1px solid #333;
  }

  .side-menu ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
  }

  .side-menu ul li a:hover {
    background: var(--mbblue);
  }

  /* Submenu */
  .submenu {
    max-height: 0;
    overflow: hidden;
    background:rgba(255, 255, 255, 0.2);
    transition: max-height 0.3s ease;
   
  }

  .submenu li a {
    
    font-size: 0.8rem;
  }

  .submenu.active {
    max-height: 500px; /* enough to show all items */
  }

  /* Optional overlay */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    z-index: 999;
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .fixed-top-scrolled{background-color: var(--mbdarkblue);}
  .mobile-header{display: none;}
  @media screen and (max-width:1199px){
    header{display: none;}
    .mobile-header-inner{display: flex;justify-content: space-between;width: 100%;}
.mobile-header{background-color: var(--mbdarkblue);padding: 1rem 0;position: fixed;width: 100%;z-index: 9999;top: 0;}
  .mobile-header .mobile-logo{width:7.5rem}
  .menu-toggle-mobile img{width:1.5rem}
   .menu-item-has-children > a:before {
    content: "\f107";
   font-family: "Font Awesome 7 Free";
    font-weight: 900;
    padding-left: 0.25rem;
   position: absolute;
    right: 1rem;
}
.menu-item-has-children:hover > a:before {
   content: "\f107";
   font-family: "Font Awesome 7 Free";
    font-weight: 900;
    padding-left: 0.25rem;
    position: absolute;
    right: 1rem;
}
.menu-item-has-children > a:after{display: none;}
#mobileNavMenu a::after{display: none;}
.mobile-header{display: block;}

  }
  





/* Mobile sidebar menu */
.mobile-nav-menu {
    position: fixed;
    top: 3.55rem;
    left: -15rem;
    width: 15rem;
    bottom:0;
    background: var(--mbdarkblue);
    color: #fff;
    transition: left 0.4s ease;
    z-index: 9999;
    overflow-y: auto;
    
}

.mobile-nav-menu.active {
    left: 0;
}

/* Menu links */
.mobile-nav-menu .nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-nav-menu .nav-menu li {
    border-bottom: 1px solid #333;
}

.mobile-nav-menu .nav-menu li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0.5rem;
    font-size: 0.8rem
}

/* Submenu */
.mobile-nav-menu .sub-menu {
    max-height: 0;
    overflow: hidden;
    background: #333;
    transition: max-height 0.3s ease;
}

.mobile-nav-menu .sub-menu li a {
    
    font-size: 0.7rem;
}

.sub-menu.active {
    max-height: 500px; /* enough for all items */
}

/* Overlay */
.mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    z-index: 999;
}

.mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}
#mobileNavMenu .sub-menu{padding: 0!important;}
@media screen and (max-width:1024px){
  .hero{background-position: center right;position: relative;}
  .home-banner{margin-top: 3.6rem;}
  .hero::after {
    content: '';
    position: absolute;
    top: 0;
    height: 45%;
    width: 100%;
    left: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(19, 24, 37, 1) 0%, rgba(19, 24, 37, 0.49) 43%, rgba(255, 255, 255, 0) 81%);
}
.hero{height: 70vh;}
.banner-text{z-index: 5;}
.banner-text .blue-highlight-text br{display: none;}
.banner-text .cta a{background-color: rgba(0, 0, 0, 0.69);padding:0.4rem;font-size: 1rem;display: inline-block;
border-radius: 0.4rem;}

}
@media screen and (max-width:768px){
.banner-text {
    position: relative;        
    padding-top: 5rem;            
    transform: none;         
    width: 100%;            
    text-align:left;   
    z-index: 9;
       
  }
  .home-sec-3 p {margin-bottom: 1rem;}
  .home-sec-3 .controls-slider{margin: 1rem 0;}
  .home-side-bar{padding-left: 0;margin-top: 2rem;margin-bottom: 2rem;}
  .home-sec-4 .right-col {
    padding: 0;margin-top: 2rem;}
    .home-sec-4-right-col{padding: 1rem;}
    .slc-title{margin-bottom: 2rem;}
    .resource-tile img{width: 100%;}
    .subscribe h4{margin-bottom: 1rem;} 
    .subscribe-container{margin-bottom: 1.5rem;padding-left: 0;}
    .social-icons{justify-content: flex-start;}
    .footer-text{margin-top: 2rem;}
    .footer{padding-bottom: 3rem;}
    .footer-left{border-bottom-left-radius: 0;border-top-right-radius: 0.8rem;}
    
}

nav > ul > li.logo-cover:hover > a::after{display: none;}
@media screen and (max-width:576px){
  .announcements .controls-slider{margin: 1rem 0;margin-bottom: 0;}
  .home-sec-3 p {margin-bottom: 1rem;}
  .home-sec-3 .controls-slider{margin: 1rem 0;}
  .resources-title{flex-direction: column;}
  .resources-tiles-row{margin-left: 0;}
  .resources-title .cta{margin: 0.5rem 0;}
  .footer-text{flex-direction: column;}
  .footer-text p:nth-child(2){display: none;}
  .footer-text p:nth-child(4){display: none;}
  .footer-text p{margin: 0.5rem 0;}
  .hero{height: auto;}
  .banner-text{padding-top:5rem;padding-bottom:5rem;}
}
.resource-tile img{width: 100%;}
.resource-tile{transition: all 0.3s linear;}
.resource-tile:hover{transform: translateY(-0.75rem);}


/*.cta {
  position: relative;
  display: inline-block;
}



.cta a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
  
  
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}

.cta a:hover::after {
  transform: scaleX(1); 
}*/
.home-sec-5 .controls-slider img{width: 0.8rem;}
.home-sec-5 {position: relative;}
.home-sec-5 .container-1140{position: relative;}
.home-sec-5 .custom-prev-logos-5{position: absolute;top: 50%;z-index: 99;left:-1rem}
.home-sec-5 .custom-next-logos-5{position: absolute;top: 50%;z-index: 99;right: -1rem;}
.home-sec-5 .bx-wrapper{margin: auto;}

.home-sec-6 {position: relative;}
.home-sec-6 .container-1140{position: relative;}
.home-sec-6 .custom-prev-logos-6{position: absolute;top: 50%;z-index: 99;left:5%;background-color: var(--mbblue);padding: 0.5rem 1rem;opacity: 1;}
.home-sec-6 .custom-next-logos-6{position: absolute;top: 50%;z-index: 99;right: 5%;background-color: var(--mbblue);padding: 0.5rem 1rem;opacity: 1;}
.home-sec-6 .bx-wrapper{margin: auto;}
.social-icons img{transition: all 0.5s linear;}
.social-icons a:hover img {animation: rotate 1s forwards;}
@keyframes rotate {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

@media screen and (max-width:576px){
  .tab-content{padding: 1.3rem;border-top-left-radius: 0;border-top-right-radius: 0;}
  .tabs button:nth-child(2){margin-right: 0;}
  
  .home-sec-6 .custom-prev-logos-6{left: 50%;top: auto;bottom: 0;transform: translateX(-2.8rem);}
  .home-sec-6 .custom-next-logos-6{right: 50%;top: auto;bottom: 0;transform: translateX(2.8rem);} 
  .home-sec-6 .slider-arrow img {
    width: 0.4rem;
}
  .home-sec-5 .custom-prev-logos-5{top: 40%;left: 1rem;}
  .home-sec-5 .custom-next-logos-5{top: 40%;right: 1rem;}
  .subscribe .row{padding-left: 1rem;}
  .social-icons a:nth-child(1) img{margin-left: 0;}
  .recent-col{min-height: auto;}
  .hero .container-1140{padding: 0;}
  .hero .banner-content{padding-left: 1rem;padding-right: 1rem;}
  .hero{background-image: none;padding-bottom: 0;}
  .side-shade{display: none;}
  /*.banner-text{padding-bottom: 0;}*/
      .hero::a
      fter {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 9;
        background: linear-gradient(178deg,rgba(19, 24, 37, 1) 0%, rgba(19, 24, 37, 1) 96%, rgba(0, 0, 0, 0.67) 10%);
    }
    .banner-text{position: relative;display: block;z-index: 99;}
    .banner-video-col::after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 999;
        background: linear-gradient(178deg,rgba(19, 24, 37, 1) 15%, rgba(19, 24, 37, 1) 16%, rgba(0, 0, 0, 0.37) 50%);
    }
    .banner-text h1{font-size: 1.1rem;line-height:2.2;}
   /* .banner-text .cta a::after{display: none;}*/
    .banner-text .cta a{background: none;}
   /* .banner-text .cta a:hover{background-color: var(--mbblue);}*/
    .announcements a{font-size: 0.75rem;}
    .announcements li{line-height: 1;}
    .announcements .bx-viewport{height: auto;}
    .announcements .controls-slider{margin-top: 0;}
    nav > ul > li > a{display: block!important;}
     nav > ul > li {display: block!important;}
     .home-sec-4 h3 {font-size: 1rem;}
    .home-sec-6-inner .section-inner p{margin-bottom: 1rem;} 
    .home-sec-6-inner .section-inner{padding-left: 0;padding-right: 0;}
    .home-sec-6-inner-noslide .section-inner p{margin-bottom: 1rem;} 
    .home-sec-6-inner-noslide .section-inner{padding-left: 0;padding-right: 0;}
    .home-sec-7{padding-top: 3rem;}
    .col-logo {
    padding: 0.7rem 0.5rem;
}
    
}
nav > ul > li > a{display: block!important;}
     nav > ul > li {display: block!important;}
 @media (max-width: 767px) {
  .expand-menu {
    display: none; /* jQuery will toggle this */
  }
}

.cta {
      position: relative;
      display: inline-block;
    }

    .cta a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      
      
     
      overflow: hidden;
      padding-bottom: 0.2rem;
    }

    .cta a::after {
      content: "";
      position: absolute;
      left: -100%; /* start hidden off-screen */
      bottom: 0;
      width: 100%;
      height: 0.2rem;
      background: linear-gradient(
        to right,
        #184CFF 25%,
        #009A02 25% 50%,
        #FBE400 50% 75%,
        #EA0000 75%
      );
      transition: left 0.6s ease;
    }

    .cta a:hover::after {
      left: 0; /* slide in */
    }

    

    nav > ul > li {
  position: relative;
  display: inline-block;
}

nav > ul > li > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  
 
  overflow: hidden; /* keeps the animated line inside */
}

nav > ul > li > a::after {
  content: "";
  position: absolute;
  left: -100%; /* start off-screen to the left */
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background: linear-gradient(
    to right,
    #184CFF 25%,
    #009A02 25% 50%,
    #FBE400 50% 75%,
    #EA0000 75%
  );
  transition: left 0.6s ease;
}

nav > ul > li:hover > a::after {
  left: 0; /* slide in from left to right */
}
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.side-shade{position: absolute;top: 0;left: 0;width: 25%;z-index: 2;background:rgb(5,3,8); /*linear-gradient(90deg,rgba(19, 24, 37, 1) 0%, rgba(19, 24, 37, 1) 89%, rgba(19, 24, 37, 1) 100%);*/height: 100%;bottom: 0;}
.side-shade-2{position: absolute;top: 0;left: 25%;width: 75%;z-index: 2;height: 100%;bottom: 0;right: 0;
 background: linear-gradient(83deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.18) 32%);
}
.side-shade-3{position: absolute;top: 0;left:0;width: 100%;z-index: 2;height: 100%;bottom: 0;right: 0;
 background: linear-gradient(83deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.18) 32%);
}
.banner-video-col {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.responsive-video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* ensures it fills container nicely */
  border: 0;
}


/*Product Page*/
.spacer{height: 5.3rem;}
.product-banner .banner-text{position: relative;top: auto;transform: none;padding-top: 3rem;}
.product-banner{height: auto;padding-bottom: 3rem;}
.product-banner-description{margin-top: 1.5rem;}
.product-banner-description .blue-highlight-text{font-size: 1.25rem;font-weight: 300;z-index: 9;position: relative; }
.product-banner-description{justify-content: center;position: relative;
    z-index: 3;}
    .product-banner-description .left-col{padding-top: 3rem;}
.product-page-sec-1{position: relative;z-index: 8;padding: 3.5rem 0;box-shadow: 0 -30px 50px rgba(19, 35, 78, 0.9), 0 40px 50px rgba(19, 35, 78, 1);padding-bottom: 2.5rem;}
.product-page-sec-1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5rem;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(to bottom, #EA0000 0%, /* red */ #EA0000 25%, #FBE400 25%, /* yellow */ #FBE400 50%, #009A02 50%, /* green */ #009A02 75%, #184CFF 75%, /* blue */ #184CFF 100%);
}
.product-page-sec-1 h3{color: var(--mbblue);font-size: 1.6rem;font-weight: 700;padding-bottom: 1rem;}
.product-page-sec-1 p{font-size: 1.rem;margin-bottom: 0;}
.product-page-sec-1 .sec-col p{font-size: 0.85rem;font-weight: 300;margin-bottom: 0;}
.product-page-sec-1 .sec-col{padding: 1rem 2rem;}
/*.product-page-sec-1 .row{margin-left: -2rem;}*/
.product-page-sec-2{background-repeat: no-repeat;background-size: cover;padding: 4rem 0;position: relative;padding-bottom: 0;background-color:var(--mbdarkblue)}
.product-page-sec-2::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background: linear-gradient(179deg,rgba(18, 24, 38, 0.3) 13%, rgba(0, 0, 0, 0.33) 51%, rgba(18, 24, 38, 1) 73%);z-index: 2;}
  .product-page-sec-2 .container-1140{position: relative;z-index: 4;}
  .product-page-sec-2{color: var(--mbwhite);}
  .product-page-sec-2 h3, .product-page-sec-2 h4, .product-page-sec-2 p{color: var(--mbwhite);}
  .product-page-sec-2 h3{text-align: center;padding-bottom: 1.5rem;}
  .product-page-sec-2 h4{font-weight: 700;padding-bottom: 1rem;}
  .product-page-sec-2 p{margin-bottom: 0;}
  .product-page-sec-2  .sec-col{padding: 2rem 0;position: relative;margin: 1rem;}
  .product-page-sec-2  .sec-col::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
}
#collab-text-wrapper {
  max-height: 100px;  /* Initially collapsed */
  overflow: hidden;
  transition: max-height 0.5s ease-in-out; /* Sliding animation */
}

#collab-text {
  margin: 0;
}

#read-more {
  color: var(--mbwhite);
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.85rem;
}

.product-page-sec-2 .cta{text-align: center;display: block;margin: 0 auto;}
.product-page-sec-3{padding: 3.5rem 0;position: relative;background-color: var(--mbdarkblue);color: var(--mbwhite);}
.product-page-sec-3 .sec-row{background-color: var(--mbblue);padding: 2.5rem;border-radius: 0.8rem;}
.product-page-sec-3 .sec-col{
  border-left: 2px solid var(--mbwhite);
    height: auto;
    padding: 0 1.2rem;
    
   /* min-height: -webkit-fill-available;*/
}
.product-page-sec-3 .sec-col p{margin: 0;}
.product-page-sec-3 h3{padding-bottom: 1.3rem;text-align: center;}
.product-banner-description .cta{display: block;}
.bottom-txt p{padding-top: 1.3rem;margin: 0;text-align: center;}

.product-page-sec-4{position: relative;z-index: 8;padding: 3.5rem 0;box-shadow: 0 -30px 50px rgba(19, 35, 78, 0.9), 0 40px 50px rgba(19, 35, 78, 1);padding-bottom: 2.5rem;}
.product-page-sec-4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0.5rem;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(to bottom, #EA0000 0%, /* red */ #EA0000 25%, #FBE400 25%, /* yellow */ #FBE400 50%, #009A02 50%, /* green */ #009A02 75%, #184CFF 75%, /* blue */ #184CFF 100%);
}
.product-page-sec-4 h3{color: var(--mbblue);font-size: 1.6rem;font-weight: 700;padding-bottom: 1rem;}
.product-page-sec-4 p{font-size: 1.rem;margin-bottom: 0;}
.product-page-sec-4 .sec-col p{font-size: 0.85rem;font-weight: 300;margin-bottom: 0;}
.product-page-sec-4 .sec-col{padding: 1rem 2rem;}
.product-page-sec-4 .row{margin-left: -2rem;}
.product-page-sec-5{background-color: var(--mbdarkblue);padding-bottom: 3rem;}
.product-banner::before {
    
    content: '';
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(19, 24, 37, 1) 59%, rgba(19, 25, 37, 0) 100%)
}
.product-banner-description .home-sec-4-right-col{margin-left: 2rem;}
.product-banner{position: relative;}
@media screen and (max-width:576px){
  .product-banner{height: auto;/*background-image: none!important;*/background-position:center center}
  .side-shade-3{/*display: none;*/background: linear-gradient(83deg, rgba(0, 0, 0, 0.9) 30%, rgba(0, 0, 0, 0.18) 100%);}
  .spacer{display: none;}
  .product-banner-description{z-index: 99;}
  .product-banner::after{display: none;}
  .product-banner::before{display: none;}
  .product-banner{background-color: var(--mbdarkblue);}
  .product-banner-description{padding: 2rem 1rem;}
  .home-sec-4-right-col{margin-left: 0!important;margin-top: 1.4rem;}
  .product-banner-description .blue-highlight-text{font-size: 1rem;}
  .product-page-sec-1, .product-page-sec-4{padding-left: 1rem;}
  .product-page-sec-3 .sec-col{margin-bottom: 1.5rem;}
  .product-banner-description .left-col{padding-top: 0;}
}
.product-page-sec-4 img{margin-bottom: 0.5rem;border-radius: 0.2rem;margin-top: 0.5rem;}

.product-page-sec-4 img {transition: all 0.5s linear;}
.product-page-sec-4 .sec-col:hover img {animation: rotate 1s forwards;}
@keyframes rotate {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
.call-to-action{padding-bottom: 3.5rem;background-color: var(--mbdarkblue);padding-top: 0;}
.call-to-action .row{background-color: var(--mbblue);border-radius: 0.8rem;padding:2.5rem}
.call-to-action input {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbwhite);
}
.call-to-action textarea {margin:1rem 0;height: 2.2rem;
    width: 100%;
    background: transparent;
    border: 1px solid var(--mbwhite);
    padding: 0.3rem 1rem;
    color: var(--mbwhite);
    font-size: 0.85rem;
    border-radius: 0.3rem;margin-bottom: 0.5rem;
}
.call-to-action ::placeholder{color: var(--mbwhite);font-size: 0.85rem;}
.cta-col{padding: 0 0.5rem;}
input:focus{outline: none;}
textarea:focus{outline: none;}
.cta-col input[type=submit] {width: 100%;outline: none;border: 0;padding: 0.5rem 1.2rem;
    font-size: 0.8rem;color: var(--mbblue);font-weight: 700;border-radius: 0.3rem;transition: all 0.3s linear;background:#fff!important;
}

.call-to-action h3{color: var(--mbwhite);padding-bottom: 1.4rem;text-align: center;}
.footer-right .col-lg-2{width:20%}


.sec-col p {
   overflow: hidden;
  max-height: none;
  transition: max-height 0.5s ease;
}

.product-page-sec-2 .readmore-link{color: var(--mbwhite);font-size: 0.85rem;margin-top: 0.4rem;display: block;
text-align: center;}
.product-page-transparent-bg-section{padding: 3rem 0;}
.direct-dark-bg-sec{background-color: var(--mbdarkblue);padding: 3rem 0;color: var(--mbwhite);padding-bottom: 4rem;}
.direct-dark-bg-sec h3{text-align: center;padding-bottom: 1rem;}
.direct-dark-bg-sec p{margin-bottom: 0;}
.category-listing-sec{background-color: var(--mbdarkblue);padding: 3rem 0;position: relative;
}
.category-listing-sec h3{color: var(--mbwhite);padding-bottom: 2rem;}
.cat-row{background-color: var(--mbblue);padding: 2rem;border-radius: 1rem;text-align: center;}
.cat-row .cat-col{padding: 1.5rem;/*border-bottom: 1px solid #fff;*/}
.cat-col a{color: var(--mbwhite);display: block;}
.cat-col p{margin-top: 0.4rem;margin-bottom: 0;}

@media screen and (min-width:1024px){

/*.cat-row .cat-col:nth-child(6){border: 0;}
.cat-row .cat-col:nth-child(7){border: 0;}
.cat-row .cat-col:nth-child(8){border: 0;}
.cat-row .cat-col:nth-child(9){border: 0;}
.cat-row .cat-col:nth-child(10){border: 0;}*/
}
.cat-col img {transition: all 0.5s linear;height: 2.5rem;}
 .cat-col:hover img {animation: rotate 1s forwards;}
@keyframes rotate {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}


.side-shade-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    bottom: 0;
    right: 0;
   background: linear-gradient(100deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.18) 32%);

}

.category-listing-sec .container-1200{position: relative;z-index: 5;}
.category-listing-sec .cta{text-align: center;display: block;}
.product-page-transparent-bg-section{background-size: cover;background-repeat: no-repeat;background-position: center;background-color: var(--mbdarkblue);
position: relative;}
.product-page-transparent-bg-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(179deg, rgba(18, 24, 38, 0.3) 13%, rgba(0, 0, 0, 0.33) 51%, rgba(18, 24, 38, 1) 100%);
    z-index: 2;
}
.product-page-transparent-bg-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg,rgba(18, 24, 38, 1) 28%, rgba(18, 24, 38, 0.03) 56%);
    z-index: 2;
}

@media screen and (max-width:576px){
  .footer-right .col-lg-2{width:100%}
  .call-to-action .row{padding: 1.5rem;}
  .product-page-sec-4 .sec-col img{float: left;clear: both;margin-right: 1rem;}
  .product-page-sec-4 .sec-col p{margin-top: 0.5rem;}
  .product-page-sec-3 .sec-row{padding: 1.5rem;} 
 .product-page-sec-1 .sec-col p{box-shadow: 0 0 50px rgb(0 0 0 / 10%);padding: 0.8rem;border-radius: 0.8rem;}
 .product-page-sec-1 .row{padding-top: 1rem;}
 .product-page-transparent-bg-section .product-banner-description{padding: 0;margin-top: 0;}
 .category-listing-sec .side-shade-4{display: none;}
 .category-listing-sec{padding-top: 0;}
 .product-banner-description{margin-top:0;}
}




/*.product-page-sec-2 .sec-col p {
  overflow: hidden;
  max-height: none; 
  transition: max-height 0.5s ease;
  position: relative;

  
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 85%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 99%);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
*/
/* Remove fade when expanded */
.product-page-sec-2 .sec-col.expanded p {
  -webkit-mask-image: none;
  mask-image: none;
}
.sec-col p strong{font-weight: 600;}
html {
  scroll-padding-top: 100px; /* Adjust based on your fixed header height */
}
.product-page-sec-1 .row{padding-top:1rem;padding-bottom:1rem;}
.nav-menu-desktop{display:flex;}


/* Single Components page */
.breadcrumb a{color:var(--mbwhite);transition:all 0.3s linear;font-size:0.65rem;}
.breadcrumb a:hover{color:var(--mbred);}
.breadcrumb p{margin-bottom:0;}
.product-single-banner .cta{margin-top:1rem;}
.left-col-single .home-sec-4-right-col{margin-left:0;margin-right:2rem;}
.right-col-single{background-color:var(--mbblue);color:var(--mbwhite);position:relative;padding:3rem 1.5rem;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;}
.right-col-single ul{margin-left:1.5rem;}
.right-col-single h3{font-size:1.2rem;margin-bottom:0.5rem;text-align:center;}
.right-col-single ul li{font-size:0.85rem;}
.right-col-single  p{font-size:0.85rem;}
.right-col-single::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.1rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
}
.product-page-sec-1 li{font-size:0.85rem;font-weight:300;padding-bottom:0.3rem;}
.product-page-sec-1 ul{margin-left:1.5rem;padding-top:0.5rem;}
.single-white-col.right{padding-left:3rem;}
.product-page-sec-1 h4{font-size:1.2rem;color:var(--mbblue);font-weight:600;padding-bottom:0.5rem;}
.single-page-white-bg .row {margin-left: 0;}

.darkbg{background-color:var(--mbdarkblue);padding:3rem 0;color:var(--mbwhite);}
.darkbg p, .darkbg li{font-size:0.85rem;font-weight:300;}
.darkbg h3{padding-bottom:0.5rem;}
.darkbg ul{margin-left:0.8rem;}
.darkbg li{padding-bottom: 0.3rem;}
.darkbg .right-col{padding-left:3rem;}
.appn-col{position:relative;}
.appn{margin: 0 1rem;position:relative;padding:1.4rem 0;}
.appn-col .appn::after {
  
  content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);

}
.doc-whitepapers{padding:3rem 0;background:var(--mbdarkblue);}
.doc-col{background-color: rgba(0, 0, 0, 0.7);padding: 3rem;border-radius: 0.5rem;color:var(--mbwhite);border-top-right-radius:0;border-bottom-right-radius:0;}
.doc-col h4{font-size:1.2rem;color:var(--mbwhite);padding-bottom:0.8rem;}
.wpaper-col h4{font-size:1.2rem;color:var(--mbblue);padding-bottom:0.8rem;}
.view-pdf{background:var(--mbwhite);font-size:0.7rem;padding:0.3rem 0.4rem;color:var(--mbred);border-radius:0.3rem;background-image: url(images/pdf-icon.png);background-position:left;background-repeat:no-repeat;
padding-left: 1.3rem;border:2px solid #000;transition:all 0.3s linear;
}
.wpaper-col .view-pdf{border:1px solid var(--mbwhite);}
.view-pdf:hover{border:2px solid var(--mbred);}
.wpaper-col .view-pdf:hover{border:1px solid var(--mbred);}
.docs{position:relative;padding:1.5rem 0;}
.docs::after {
  
  content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.1rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);

}
.wpaper-col{background:var(--mbwhite);padding:3rem;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;}
.form-single-col{background:var(--mbblue);}
.call-to-action-single input {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbwhite);
}
.call-to-action-single textarea {
    margin: 1rem 0;
    height: 2.2rem;
    width: 100%;
    background: transparent;
    border: 1px solid var(--mbwhite);
    padding: 0.3rem 1rem;
    color: var(--mbwhite);
    font-size: 0.85rem;
    border-radius: 0.3rem;
    margin-bottom: 0.5rem;
    margin-top:0;
}
.call-to-action-single {
    padding-bottom: 3.5rem;
    background-color: var(--mbdarkblue);
    padding-top: 0;
}
.form-single-col {
    background-color: var(--mbblue);
    border-radius: 0.8rem;
    padding: 2.5rem;
}
.call-to-action-single h3 {
    color: var(--mbwhite);
    padding-bottom: 1.4rem;
    text-align: left;
}
.related-comp{background:var(--mbwhite);border-radius:0.5rem;padding:1rem;border-top-right-radius:0;border-top-left-radius:0;position:relative;}
.related-components{padding-left:2rem;}
.related-components h3{color: var(--mbblue);padding-bottom: 1.4rem;text-align: left;font-size:1.2rem;}
.related-comp::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
}
.call-to-action-single ::placeholder{color: var(--mbwhite);font-size: 0.85rem;}
.related-comp ul{margin-left:1rem}
.related-comp ul li a{font-size:0.85rem;color:var(--mbtext);transition:all 0.3s linear;}
.related-comp ul li a:hover{color:var(--mbred);}
.product-page-sec-3-single{padding-top:0;padding-bottom:1rem;}
.single-comp-com{margin-right:0.35rem;}
.product-page-sec-3-single h3{text-align:left;font-size:1.4rem;padding-bottom:0.5rem;}
.product-page-sec-3-single ul{margin-left:1rem;}
.product-page-sec-3-single ul li{padding-bottom:0.3rem;font-size: 0.85rem;font-weight: 300;}
.sc-link li{cursor:pointer;}
.doc-whitepapers ul{margin-left:1rem;}
.doc-whitepapers ul li{font-size:0.85rem;transition:all 0.3s linear;cursor:pointer;}
.doc-whitepapers ul li a{font-size:0.85rem;transition:all 0.3s linear; color:var(--mbwhite);}
.wpaper-col ul li a{color:var(--mbblue);}
.doc-whitepapers ul li:hover, .doc-whitepapers ul li a:hover {color:var(--mbred);}
.side-menu .sub-menu {max-height: 0;overflow: hidden;background:rgba(255, 255, 255, 0.2);transition: max-height 0.3s ease;}
.side-menu .sub-menu li a {font-size: 0.8rem;}
.side-menu .sub-menu.active {max-height: 500px; /* enough to show all items */}
.video-wrapper{position:relative;z-index:45;margin-top:2.5rem;}
.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 900px; /* optional max width */
  margin: 0 auto;
  aspect-ratio: 16 / 9; /* keeps proper ratio */
  overflow: hidden;
  border-radius: 0.5rem; /* optional */
  margin-top:3rem;
  box-shadow: 0 -30px 50px rgba(19, 35, 78, 0.9), 0 40px 50px rgba(19, 35, 78, 1);
}

.video-wrapper video,
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resource-item a {
  position: relative;
  text-decoration: none;
  color: #0056b3;
  font-weight: 600;
}

.tooltip-label {
  display: inline-block;
  margin-left: 0.4rem;
  background-color: #0073e6;
  color: #fff;
  font-size: 0.6rem;
  font-weight: normal;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  position: relative;
  vertical-align: middle;
}

/* Arrow on the left side of the tooltip label */
.tooltip-label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  border-width: 5px 5px 5px 0;
  border-style: solid;
  border-color: transparent #0073e6 transparent transparent;
}
.wpaper-col li{padding-bottom:0.5rem;}
.call-to-action-single input[type=submit] {width: 100%;outline: none;border: 0;padding: 0.5rem 1.2rem;
    font-size: 0.8rem;color: var(--mbblue);font-weight: 700;border-radius: 0.3rem;transition: all 0.3s linear;background:#fff!important;
}
.call-to-action-single input[type=submit]:hover {
    background-color: var(--mbdarkblue)!important;color: var(--mbwhite);
}
.call-to-action input[type=submit]:hover {
    background-color: var(--mbdarkblue) !important;
    color: var(--mbwhite);
}
.cta-col input[type=submit]{margin-top:0.2rem;}
.single-white-col h4{font-size:1rem;padding-top:0.6rem;}
.single-white-col p{margin-bottom:0.4rem;}
.product-banner-single .right-col-single{height: fit-content;}

.nav-menu-desktop {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-cover {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top:1rem;
}

.left-menu,
.right-menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width:991px){
    .left-menu{position:relative;right:8rem;top:0.6rem;}
    .right-menu{position:relative;left:4.6rem;top:0.6rem;}
}
.cat-col p{color:#ffffff;font-size:1rem;font-weight:700;text-align:left;}
.cat-col li a{color:#fff;font-size:0.85rem;transition:all 0.3s linear;}
.cat-col li{text-align:left;color:#fff;margin-left:1rem;}
.cat-col a:hover{color:#ccc;}
@media screen and (min-width:991px){
    .cat-row .col-lg-2{width:20%!important;}
}
.system-level-components ul li{font-size:0.8rem;color:#fff;margin-left:1rem;}
.system-level-components ul li a{color:#fff;}
.system-level-components ul{columns:2;}
.home-sec-4-right-col ul li {
    color: var(--mbwhite);
    position: relative;
    z-index: 9;
    font-size: 0.85rem;
    margin-left:1rem;
}
.tilecol h3{font-size:0.9rem;color:var(--mbtext);font-weight:600;padding-bottom:0.2rem;}
.product-page-sec-4 .inner-row{margin-left:0rem;}
.footer-text-bottom p{color:#ffffff;font-size:0.85rem;z-index:9;position:relative;text-align:center;padding-bottom:3rem;}
.cta-dual a{margin-left:1rem;}
.intro-para {text-align:center;padding-bottom:1rem;}
.page-id-1929 .call-to-action{padding-top:3rem;}
.call-to-action input[type=submit]{margin-bottom:0;}
/*.sec-col h4{font-size:0.9rem;color:var(--mbblue);padding-bottom:0.3rem;}*/
.row-two img{text-align:center;margin:0 auto;}
.sec-col ul li {
    font-size: 0.85rem;
    font-weight: 300;padding-bottom:0.3rem;
}
.tilecol h4{color:var(--mbblue);font-size:0.9rem;font-weight:500;padding-bottom:0.3rem;}
.mb{padding-bottom:0rem;}
.banner-graphics{position:relative;z-index:99;text-align:center;margin-top:2rem;}
.sec-0{padding-top:2rem!important;}
.arc-blue{padding-top:0rem;}
@media screen and (min-width:991px){
    .arc-blue .col-lg-2{width:20%;}
}
.graphics img{width:100%;}
.common{padding:1.5rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;justify-content:center;text-align:center;}
.common a{margin:1.5rem;padding-bottom:0;}
.page-id-1861 .footer-text-bottom p{padding-bottom:0.3rem;margin-bottom:0;padding-top:3rem;}
.page-id-1989 .footer-text p{padding-bottom:0.3rem;}
.number-circle {
  width: 2.25rem;
  height: 2.25rem;
  background: #1e5bff; /* same blue colour */
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right:1rem;vertical-align: middle;
}
.sec-col ul{margin-left:1rem;}
.c-div{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;}
.c-div h4{padding-bottom:0;}
.sec-graphic ul{margin-top:1.5rem}
@media screen and (max-width:991px){
    .graphics img{width:90%;}
        .graphics{text-align:center;}
        .single-white-col.right{padding-left:0;}
        .footer-text {
         margin-top: 0;
    }
}

.footer .footer-text p{font-size:0.65rem;}
.cat-col ul {columns:2;}
.stg{columns:1!important;}
.cat-col {
    border-left: 1px solid var(--mbwhite);
    height: auto;
    padding: 0 1.2rem;
    margin: 1rem 0;
}
@media screen and (max-width:576px){
    .cat-col ul {columns:1;}
}
.page-id-2057 .su-image-carousel-item{height:10rem;border:0!important;}
.page-id-2057 .su-image-carousel-crop .su-image-carousel-item-content img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 9.9rem;
}
.category-listing-sec{padding-top:0;}
.cat-col{padding-top:0;}
.page-id-2057 .sec-graphic img{width:100%!important;}
.blog-banner{background:var(--mbdarkblue);min-height:300px;padding:2rem 0;}
.blog-banner h1{font-size: 1.6rem;}
.blog-entries{padding:3rem 0;}
.blog-content{position:relative;padding:1.5rem 0;}
.blog-entries .blog-content::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
}
.sidebar-blog{padding-left:3rem;}
.blog-content h3{color:var(--mbtext);font-size:1.1rem;}
.cta-blog-link a{color:var(--mbdarkblue);font-size:0.85rem;}
.sidebar-blog ul li a{color:var(--mbdarkblue);font-size:0.85rem;transition:all 0.3s linear;}
.sidebar-blog ul li a:hover{color:var(--mbblue);}
.sidebar-blog ul{margin-left:1rem;}
.pagination {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 2rem 0;
    flex-wrap:wrap;
}
.page-numbers {
    border: 1px solid var(--mbdarkblue);
    padding: 0.3rem 0.8rem;
    margin: 0.5rem;
    color: #444;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 0.4rem;
   color:var(--mbdarkblue);
}
.pagination .current {
    background: var(--mbdarkblue); color:#ffffff;
}
.sidebar-blog h3{padding-bottom:1.5rem;color:var(--mbblue);font-size:1.1rem;}
.single-blog-inner{color:var(--mbtext);}
.single-blog-inner h1,.single-blog-inner h2,.single-blog-inner h3,.single-blog-inner h4,.single-blog-inner h5,.single-blog-inner h6{color:var(--mbblue);margin-bottom:1rem;}

.single-blog-inner h1{font-size:1.6rem;}
.single-blog-inner h2{font-size:1.4rem;}
.single-blog-inner h3{font-size:1.2rem;}
.single-blog-inner h4{font-size:1rem;}
.single-blog-inner h5{font-size:0.8rem;}
.single-blog-inner h6{font-size:0.6rem;}
.single-blog-inner ul{margin-left:1rem;}
.single-blog-inner ul li{font-size:0.85rem;color:var(--mbtext);}
.single-blog-inner ol li{font-size:0.85rem;color:var(--mbtext);}
.single-blogs h3{color:var(--mbblue);}
@media screen and (max-width: 1024px) {
    .blog-banner {
        margin-top: 3.6rem;
    }
    .sidebar-blog{padding-left:0;}
}
.product-page-sec-4 .sec-col ul{margin-top:0.5rem;}
.mb-custom .sec-col{margin-bottom:1rem;}
.pt-4{padding-top:4rem;}
@media screen and (max-width:576px){
    .sub-menu a{line-height:1.5;padding:0.5rem 1rem;}
}
.white-bg-2-col-sec h3{padding-bottom:0!important;}
.sec-intro p{margin-bottom:0.9rem;}
.sec-intro{text-align:center;}
.dark-bg-2-col-sec{background:var(--mbdarkblue);}
.product-page-sec-10 {
    position: relative;
    z-index: 8;
    padding: 3.5rem 0;
    box-shadow:none;
    padding-bottom: 2.5rem;
    color:#ffffff;
}
.product-page-sec-10 .sec-col::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.2rem;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
}
.product-page-sec-10 .sec-col{position:relative;padding-top:1rem;}
.related-comp li{font-size:0.8rem;}
.product-page-sec-3-single .cta{text-align:center;}
.home-sec-60{background:var(--mbdarkblue);padding-bottom:3rem;}
.r-small h3{font-size:1.3rem;padding-bottom:0.3rem;}
.single-blogs{padding:0.5rem 1rem;}
.single-blogs p{color:var(--mbtext);}
.modal-form{background:var(--mbblue);}
.modal-form input{background:transparent;
    outline: none;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;font-size:0.8rem;
width:100%;
    color: var(--mbwhite);
}

.modal-form textarea {font-size:0.8rem;
    
    height: 2.2rem;
    width: 100%;
    background: transparent;
    border: 1px solid var(--mbwhite);
    padding: 0.3rem 1rem;
    color: var(--mbwhite);
    font-size: 0.85rem;
    border-radius: 0.3rem;
    margin-bottom: 0.5rem;
}
.modal-form ::placeholder{color:#fff;font-size:0.6rem;}
.modal-form input[type=submit] {
    width: 100%;
    outline: none;
    border: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.8rem;
    color: var(--mbblue);
    font-weight: 700;
    border-radius: 0.3rem;
    transition: all 0.3s 
linear;
    background: #fff !important;
}
.modal-form input[type="submit"]:hover {
    background-color: var(--mbdarkblue) !important;
    color: var(--mbwhite);
}
.modal-header{background:var(--mbblue);}
.modal-header h5{color:var(--mbwhite);font-size:1rem;}
.training-module-taxonomy-listing-list ul{columns:3;}
.training-module-taxonomy-listing-list ul li::marker {
    color: var(--mbblue); /* change to any color */
    font-size: 1rem; /* optional */
}
.training-module-taxonomy-listing-list ul li a{color:var(--mbblue);transition:all 0.3s linear;}
.training-module-taxonomy-listing-list ul li a:hover{color:#E90000;}
.blue-highlight-text p {
  
  
  line-height: 2.1;
  padding: 0.3rem 0.5rem;
  background: var(--mbblue);
  color: white;

  /* MAGIC PART */
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  
  border-radius: 0.6rem;

  /* Make it wrap nicely */
  max-width: 100%;
  word-wrap: break-word;
  z-index: 9;
}
.product-page-sec-1.training-module-taxonomy-listing-single .row{margin-left:0;}
.open-download-popup{background:var(--mbblue);color:#fff;padding:0.4rem 0.9rem;border-radius:0.3rem;font-size:0.9rem;transition:all 0.3s linear;margin:0.8rem 0;display:inline-block;}
.open-download-popup:hover{background:var(--mbdarkblue);}
.training-module-taxonomy-listing-single ul{margin-bottom:0;}
.related-modules-sidebar{background:var(--mbblue);color:#ffffff;padding:1rem;border-radius:0.5rem;}
.related-modules-sidebar h3{color:#ffffff;font-size:0.9rem;padding-bottom:0;}
.related-modules-sidebar a{color:#ffffff;transition:all 0.3s linear;font-size:0.6rem;}
.related-modules-sidebar li{border-bottom:1px solid #f6f6f6;list-style:none;padding-bottom:0.5rem;padding-top:0.5rem;}
.related-modules-sidebar ul{margin-left:0;}
.related-modules-sidebar p{font-size:0.7rem;}
.related-modules-sidebar h6{font-size:0.8rem;}
.related-modules-sidebar a:hover{color:#ddd;}

/* Main popup container */
#downloadPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;

    display: flex;                   /* NEW */
    align-items: center;             /* NEW — vertical center */
    justify-content: center;         /* NEW — horizontal center */
}

/* Overlay background */
#downloadPopup .popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}

/* Popup inner box */
#downloadPopup .popup-inner {
    position: relative;
    z-index: 100000;
    background: var(--mbblue);
    width: 90%;
    max-width: 450px;
    padding: 1.5rem;
    border-radius: 0.4rem;
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

/* Close (X) button */
#downloadPopup .popup-close {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    background: transparent;
    border: none;
    font-size: 1.3rem;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    color: #fff;
}
#downloadPopup input{background:transparent;outline: none;border: 1px solid var(--mbwhite);display: block;margin: 1rem 0;padding: 0.3rem 1rem;border-radius: 0.3rem;font-size:0.8rem;width:100%;color: var(--mbwhite);}
#downloadPopup  ::placeholder{color:#fff;font-size:0.6rem;}
#downloadPopup input[type=submit] {width: 100%;outline: none;
border: 0;padding: 0.5rem 1.2rem;font-size: 0.8rem;color: var(--mbblue);font-weight: 700;border-radius: 0.3rem;transition: all 0.3s linear;background: #fff !important;}
#downloadPopup input[type="submit"]:hover {background-color: var(--mbdarkblue) !important;color: var(--mbwhite);}
#downloadPopup h3 {color: var(--mbwhite);font-size: 1rem;}
.text-right-training-module{padding-right:2rem;}
.wpcf7-response-output{color:#fff!important;}
.whitepaper-listing h3{font-size:1.1rem;padding-bottom:0.4rem;}
.whitepaper-listing .publish-date{font-size:0.7rem}
.press-release-content{order-bottom:1px solid #c6c6c6;padding:1.5rem 0;}
.press-release-content h3 p{color:var(--mbblue);font-size:1.1rem;padding-bottom:0;font-weight:500;}
.press-release-content h3{padding-bottom:0.3rem;}
.press-release-content .publish-date {
    font-size: 0.7rem;
}
.press-release-item {border-bottom:1px solid #c6c6c6;height:100%;margin:0 1rem;}
.video-item h4{font-size:0.8rem;color:var(--text);}
.simple-tabs {
    width: 20rem;
    margin: 0 auto 1.5rem;
    display: flex;
    
}

.tab-btn {
    flex: 1;
    padding: 0.6rem 0;
    cursor: pointer;
    border: none;
    background: #fff;
    color: red;
    font-size: 0.8rem;
    font-weight: 500;
    text-align:center;
}

.tab-btn.active {
    background: #1a0f87; /* dark blue */
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
.videos-section-post .tab-content{background:#f6f6f6;}
.list-item-video h2{font-size:1.4rem;color:var(--mbblue);padding-bottom:1rem;}
.video-item{padding-bottom:2rem;}
.video-link{background:#fff;color:var(--mbblue);font-size:0.7rem;padding:0.3rem 0.5rem;display:inline-block;border-radius:0.3rem;transition:all 0.3s linear;}
.video-list{padding:1rem;}
.video-link:hover{background:var(--mbdarkblue);color:#fff;}
.simple-tabs .tab-btn{border-radius:0.3rem;margin: 0 0.5rem;border:1px solid #ccc;}
.publish-date {
    font-size: 0.7rem;
}
.published{margin-top:0.4rem;}
.video-taxonomy{ font-size: 0.7rem;}
.nobg{background:transparent;padding:0;}
.all-resources{padding:3rem 0;}
.clientele-logos{padding:4rem 0;background:#f6f6f6;}
.clientele-logos .logos{width: 8.75rem;
    height: 7.5rem;
    background: #fff;
    float: left;
    margin: 0 1rem 1rem 0;
    padding: 0.5rem;
    display: table;
    -webkit-box-shadow: 0px 7px 15px -5px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0px 7px 15px -5px rgba(221,221,221,1);
    box-shadow: 0px 7px 15px -5px rgba(221, 221, 221, 1);}
    .logo-in {
    display: table-cell;
    vertical-align: middle;
}
.logos img {
    margin: 0 auto;
    display: block;
    text-align: center;
}
@media screen and (max-width:576px){
 .clientele-logos .logos{width:100%;height:6rem;}
}
.company-1 .txt-col-left{padding-right:1.5rem;}
.company-1 .txt-col-right{padding-left:1.5rem;}
.company-1 p{padding-bottom:1rem;}
.company-2{padding-bottom:3rem;}
.testimonials{-webkit-box-shadow: 0px 7px 15px -5px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0px 7px 15px -5px rgba(221,221,221,1);
    box-shadow: 0px 7px 15px -5px rgba(221, 221, 221, 1);
    padding:1.5rem;height:100%;border-radius:0.3rem;
}
.test-col{padding:1.5rem;}
.people-item.even{flex-direction:row-reverse;}
.odd .people-text{padding-left:2rem;}.even .people-text{padding-right:2rem;}
.people-text strong{font-weight:700;color:var(--mbblue);padding-bottom:0.2rem;display:inline-block;}
.people-item{border-bottom:1px solid #ccc;padding:2.5rem 0!important;}
.people-item::nth-child(2){border-bottom:none!important;}
.row.people-item:last-of-type {
    border-bottom: none !important;
}
.slider-title{text-align:center;padding-bottom:1.4rem;}
.resources-tiles-row .open-download-popup{margin:0;display:block;}
.resources-tiles-row img{max-width:100%;}
.view-all-resources p{color:var(--mbblue);margin-bottom:0;text-align:center;font-size:1.1rem;font-weight:600;}
.view-all-resources{border:1px solid #cccccc;padding:3rem 1.4rem;border-radius:0.5rem;}
.all-resources .res-col{padding:1.5rem;}
.faq br{display:none;}
.faq{padding:2rem 0;}
.faq .su-spoiler-title{color:var(--mbblue);padding:0.6rem;padding-left:1.5rem;}
.faq .su-spoiler-icon{top:0.6rem;}
.faq .su-spoiler-content{font-size:0.8rem;}
.contact-2 b{font-weight:700;}

.ct-right input {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ccc;
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbblue);
    font-size:0.8rem;
}
.ct-right textarea {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ccc;
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 5.4rem !important;
    color: var(--mbblue); font-size:0.8rem;
}

.ct-right input[type=submit] {
    width: 100%;
    outline: none;
    border: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.8rem;
    color: var(--mbwhite);
    font-weight: 700;
    border-radius: 0.3rem;
    transition: all 0.3s linear;
    background: var(--mbblue);
}
.ct-right input[type=submit]:hover {
  
    background: var(--mbdarkblue);
}
.ct-left h2{margin-bottom:0.5rem;font-size:1.3rem;}
.ct-left h4{font-size:1rem;}
.ct-right h2{margin-bottom:0.5rem;font-size:1.3rem;}
.eng{margin-top:0!important;}
.col-lt{padding-right:1rem;}
.col-rt{padding-left:1rem;}
.sec-botom img{margin-bottom:1.5rem;}
.sec-botom p{margin-bottom:1.5rem;}
.post-category-listing-tiles{padding:3rem 0;}
.post-category-listing-tiles h2{font-size:1.1rem;color:var(--mbtext);}
.post-category-listing-tiles a{font-size:0.7rem;}
.career-listing{padding:1.3rem 0;border-bottom:1px solid #ddd;}
.career-listing .open-download-popup{margin-bottom:0;}
.career-form{background:var(--mbblue);padding:1rem;border-radius:0.3rem;color:var(--mbwhite);}

.career-form input {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbwhite);
    font-size:0.8rem;
}
.career-form ::placeholder{color:var(--mbwhite);}
.career-form select{width: 100%;
    background: var(--mbblue);
    outline: none; font-size:0.8rem;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbwhite);}
    .career-form input[type=submit] {
    width: 100%;
    outline: none;
    border: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.8rem;
    color: var(--mbblue);
    font-weight: 700;
    border-radius: 0.3rem;
    transition: all 0.3s linear;
    background: #fff !important;
}
.career-form input[type=submit]:hover {
    background-color: var(--mbdarkblue) !important;
    color: var(--mbwhite);
}

.login-col{padding:3rem;border:1px solid #666;display:block;width:100%;text-align:center;background:var(--mbdarkblue);border-radius:0.3rem;color:#fff;font-size:1.3rem;transition:all 0.3s linear;height:100%;align-content: center;}
.login-main-col{padding:0.3rem;}
.login-col:hover{color:var(--mbblue);background:#fff;}
.whats-new{display:inline-block;text-align:center;background:var(--mbblue);}
.request-trial-1  input {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ccc;
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbtext);
    font-size:0.8rem;
}
.request-trial-1 select{width: 100%;
    background: transparent;
    outline: none; font-size:0.8rem;
    border: 1px solid #ccc;
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 2.2rem;
    color: var(--mbtext);}
.login-res-inner a{color:#fff;text-decoration:underline!important;}
.request-trial-1 textarea{width: 100%;background: transparent;border: 1px solid #ccc;padding: 0.3rem 1rem;color: var(--mbtext); margin: 1rem 0;
font-size: 0.8rem;border-radius: 0.3rem;height:4.95rem;}
.request-trial-1 .col-md-4{padding:0.3rem;}
 .request-trial-1 input[type=submit] {
    width: 100%;
    outline: none;
    border: 0;
    padding: 0.5rem 1.2rem;
    font-size: 0.8rem;
    color: var(--mbwhite);
    font-weight: 700;
    border-radius: 0.3rem;
    transition: all 0.3s linear;
    background:var(--mbblue)!important;margin:0;
}
.request-trial-1 input[type=submit]:hover {
    background-color: var(--mbdarkblue) !important;
    color: var(--mbwhite);
}
.career-listing{display:flex;justify-content:space-between;}
.career-listing .cta{margin-top:0;}
.career-cta{transition:all 0.3s linear;}
.career-cta:hover h2{color:var(--mbblue);}
.sec-col.contact-2 a{color:#fff;text-decoration:underline!important;}
@media screen and (max-width:768px){
    .career-listing{display:flex;justify-content:space-between;flex-direction:column;}
    .career-listing .cta{display: inline-block;
    width: fit-content;margin-top:1rem;}
}


.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 0.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
.mod-img{padding:1rem 0;}
.c-footer {font-size:0.8rem}
.c-footer h1{font-size:1.4rem;padding-bottom:1rem;}
.abstraction-dark{padding-bottom:3rem;}
.mod-img img{max-width:auto;}
.col-logo{padding:1rem;border-radius:1rem;}
.col-logo-inner {padding:1rem;
   background:#fff;height:100%;
   display:flex;justify-content:center;align-items:center;
   border-radius:1rem;
}


.subscribebtn  {
    padding: 0.4rem;
    background-color: var(--mbblue);
    color: white;
    font-size: 0.8rem;
    border: 1px solid #444;
    border-radius: 0.25rem;
    cursor: pointer;
    width: 30%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    transition: all 0.3s linear;
}
.subscribe input[type=email]{width:100%;}
.sitemap-page{padding:3rem 0;}
.sitemap-page h3{font-size:1.3rem;padding:0.5rem;color:var(--mbblue);}
.sitemap-page a{color:var(--mbtext);font-size:0.85rem;}
.sitemap-page ul{margin-left:1rem;}
.footer-right .menu-item-type-custom > a{font-size:0.9rem;}
.home-sec-6-inner-1 img{width:100%;}
.col-logo-inner img{max-height:2rem;}
.inner-banner{background-size:cover;background-repeat:no-repeat;}
.cat-row .cat-col{padding-top:0;padding-bottom:0;}
.cat-col p{margin-top:0;}
.current-menu-item a{font-weight:800!important;}
.current-menu-ancestor > a{font-weight:800;}
.home-banner{background:var(--mbdarkblue);}
@media screen and (max-width:600px){

.side-shade-2{display:none;}
.slc-title h3{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.page-id-9 .call-to-action{padding-top:3rem;}
.home-sec-7 {padding-top: 1rem;}
}



/* Icon only */
.menu-search-icon button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* Overlay */
.searchOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Active state */
.searchOverlay.active {
  display: flex;
}

/* Search form */
.searchOverlay form {
  display: flex;
  width: 80%;
  max-width: 600px;
  border:10px solid #444;
}

/* Input */
.searchOverlay .search-field {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: none;
  outline: none;
}

/* Button */
.searchOverlay .search-submit {
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  background: #fff;
}

/* Close button */
.closeSearch {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
}

.blog-entries-search .row {
    margin-left: 0;
}
.fa-magnifying-glass{color:#fff;margin:0 1rem;}
.sch-col{border-top:1px solid #ccc;}
.blog-entries-search .row a{margin-bottom:0;}
.mobile-search .fa-magnifying-glass{margin-right:0.8rem;}
.search-field{width:40%;}

.searchOverlay {
  display: none;
}

.searchOverlay.active {
  display: flex;
}
.inner-banner{position:relative;}
.inner-banner::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.49) 49%, rgba(255, 255, 255, 0) 156%);
    height: 100%;
    z-index: 2;
}
.inner-banner-content{position:relative;z-index:5;}
.bx-annoucement li{list-style:none;margin-bottom:0;text-align:left;}
.bx-annoucement{margin-bottom:0;}
.copy{color:#fff;font-size: 0.65rem;}
.footer-menu-col .menu-item-5064 a{font-size:0.9rem;}
.footer-menu-col .menu-item-5081 a{font-size:0.9rem;}
.footer-menu-col .menu-item-5318 a{font-size:0.9rem;}
.footer-menu-col .menu-item-5241 a{font-size:0.9rem;}
.footer-menu-col .menu-item-5242 a{font-size:0.9rem;}
.footer-menu-col .menu-item-5243 a{font-size:0.9rem;}
.last-footer a{font-size:0.65rem;}
.last-footer li{font-size:0.65rem;margin-bottom:1rem;}
.home-banner{background-size:cover;background-repeat:no-repeat;background-position:top center;}
@media screen and (max-width:821px){
 .product-page-transparent-bg-section   .product-banner-description .home-sec-4-right-col{margin-left:0;}
     .product-page-sec-3 .sec-col {
        margin-bottom: 1.5rem;
    }
   
}
@media screen and (max-width:600px){
    .page-id-4722 .col-rt {
    padding-left: 0;
}
 .page-id-4722 .col-lt p{margin-bottom:0.5rem;}
    .test-col{padding: 1rem 0;}
    .library-banner-component h3{padding:1rem;}
    system-level-components .container-1200{background:rgba(0,0,0,0.6);padding-top:1.5rem;padding-bottom:1rem;}
    .slc-title h3{font-size:1.2rem;}
    
    .bx-annoucement li{font-size:0.85rem;line-height:1.2;}
    .product-page-sec-2{padding:3rem 0;}
    .single-blogs, .single-blog, .request-trial-1, .login-1{padding-left:1rem;}
     .blog-entries .pagination{padding-left:2rem;padding-right:2rem;}
     .training-module-taxonomy-listing-list ul {
    columns: 1;
}
.odd .people-text {
    padding-left: 0;
}
.single-module{padding-left:1rem;}
.leadership-1{padding-left:1rem;}
.company-01{padding-left:2.5rem;}
.company-01 p{margin-bottom:1.5rem;}
}
@media screen and (min-width:601px) and (max-width:821px){
    .cmp{padding-left:2.5rem;}
    .product-page-sec-4,.product-page-sec-1{padding-left:2rem;}
     .social-icons{justify-content:start;}
        .subscribe h4 {
        margin-bottom: 1rem;}
        .subscribe-container {
        margin-bottom: 1.5rem;
        padding-left: 0;
    }
    .leadership-1{padding-left:1rem;}
    .single-blogs, .single-blog, .request-trial-1, .login-1{padding-left:1rem;}
    .subscribe-container{padding-left:0;}
    .sub-menu a{line-height:40px;}
    .abstraction .right{padding-left:2rem;}
    .abstraction-dark .right{padding-left:2rem;}
}
.expand-menu a::before{display:none;}
.call-to-action .footer-text{padding-bottom:2rem;}
.inner-banner .banner-content{position:relative;z-index:8;}
.library-banner-component{padding:0;background:transparent;}
.library-banner{background-position:center;padding-bottom:0;}
.library-banner::after{height:120%;}
.library-banner::before{height:110%;}
.library-banner-component p {
    font-weight: 700;
    padding-bottom: 1rem;font-size:1.1rem!important;
}
.library-banner-component a{color:#fff;transition:all 0.3s linear;}
.library-banner-component a:hover{color:var(--mbred);}
.library-banner-component .product-page-sec-2 .sec-col{padding-bottom:0.5rem;}
.library-banner-component ul{columns:2;}
@media screen and (max-width:600px){
    .footer-menu-col li {line-height:1;}

    .footer-right .sub-menu a{padding-left:0;padding-bottom:0.6rem;}
    .resource-tile p{font-size:0.65rem;line-height:1.2;}
   .subscribe .wpcf7-spinner{margin:0!important;}
    .call-to-action input[type=email]{margin-top:0;}
    .call-to-action textarea{margin-top:0;}
    .tab{padding:0.5rem;}
    .col-logo-inner{min-height:100px;}
    .library-banner-component ul{columns:1;}
   
    .company-1 .txt-col-right {
    padding-left: 0;
}
}
.lib-blue h3{padding-bottom:0;}
.lib-intro{padding:1rem 0 2rem;}
.cky-btn-revisit-wrapper{display:none!important;}
@media screen and (max-width: 932px) and (orientation: landscape) {
     .resource-tile p{font-size:0.65rem;line-height:1.2;}
     .hero {
        height:100%;
    }
    .banner-text{position: relative;
    top: auto;
    transform: none;
    padding: 3rem 0;}
    .col-logo-inner{min-height:100px;}
    .home-sec-4 .left-col{margin-bottom:2rem;}
    .home-sec-4 .right-col{padding-left:0;}
    .slc-title h3{padding-bottom:2rem;}
}

.home-sec-5 .col-lg-4s {
    padding: 1.5rem;
    padding-top: 0;
}

.home-sec-5 {
   max-width:100%;overflow:hidden;
}
.home-banner .side-shade{display:none!important;}
.home-banner .side-shade-2{display:none!important;}
.home-sec-4-right-col ol li{color:#fff;font-size: .85rem;padding-bottom:0.5rem;}
.fixed-top-scrolled{padding-bottom:1.5rem;}


.page-custom p{margin-bottom:0.5rem;}
.page-custom p strong{font-weight:700;}
.page-custom h3{padding-top:1rem;}

.logged-in-user{background:var(--mbdarkblue);position:relative;z-index:99}
.logged-in-user .open-download-popup{background:#fff!important;color:var(--mbdarkblue);transition:all 0.3s linear;}
.logged-in-user .open-download-popup:hover{background:var(--mbblue)!important;color:#fff;}
.demos-single h3{color:#ffffff;}
.um-role-um_visualsim-cloud .cloud-signup{display:none;}
.um-role-um_visualsim-architect .arc-signup{display:none;}
.product-single-banner .banner-content .blue-highlight-text{margin-top:0.5rem;display:block;font-size:1.1rem;width: fit-content;}
.components-banner .banner-content .white-highlight-text{margin-top:0.5rem;display:inline-block;font-size:1.3rem;}
.components-banner .banner-content .blue-highlight-text{margin-top:0.5rem;display:inline-block;font-size:1.3rem;}
.components-banner .home-sec-4-right-col {
    margin-left: 2rem;
    margin-right: 0rem;
}
#tawk-bubble-container img{display:none!important;}
.request-trial-1 textarea {
    height: 2.2rem !important;
    margin-top: 0.5rem!important;
}
.request-trial-1 option{color:var(--mbtext);}
.footer-form-sec .row{padding-top:0;padding-bottom:0;}
.footer-form-sec textarea {
    height: 5.4rem !important;
   margin:1rem 0!important;
       margin-bottom: 0.5rem!important;
}




.request-trial-1 input {
    height:2.2rem;
}

.request-trial-1 select {
    height:2.2rem;
}

.request-trial-1 textarea {
    height:2.2rem;
}


.career-form textarea {
    width: 100%;
    background: transparent;
    outline: none;
    border: 1px solid var(--mbwhite);
    display: block;
    margin: 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    height: 5.4rem;
    color: var(--mbwhite);
    font-size: 0.8rem;
}


@media(min-width:1920px) {
    .home-sec-5 .bx-wrapper {
        max-width: 1400px !important;
    }
    
    .home-sec-5 .custom-prev-logos-5 {
        left: 4.3rem !important;
    }
    
    .home-sec-5 .custom-next-logos-5 {
        right: 3rem !important;
    }
    
    .home-sec-5 .col-lg-4s {
        width: 480px !important;
    }
    
}



.search-content h4 {
    padding-bottom: 0;
}

.search-content span {
    font-size: .7rem;
    color: #444;
    margin-bottom: .65rem;
    display: inline-block;
    border: 1px solid var(--mbblue);
    border-radius: 0.3rem;
    padding: 0.1rem 0.3rem;
}











/* New CSS */

#wpcf7-f4149-o1 .wpcf7-response-output{
    color: #fff !important;
    font-size: 0.85rem;
    margin-top: 0;
}


#wpcf7-f4149-o1 form.wpcf7-form.sent,
#wpcf7-f4149-o1 form.wpcf7-form.failed,
#wpcf7-f4149-o1 form.wpcf7-form.invalid {
    padding-bottom: 1.5rem; /* adjust value */
}

#wpcf7-f4149-o1 form {
    background: var(--mbblue);
    padding: 1.5rem;
    padding-bottom: 0;
    border-radius: 0.4rem;
}

#wpcf7-f4149-o1 form h3 {
    color: #fff;
    font-size: 1rem;
}

#wpcf7-f4149-o1 form input {
        width: 100%;
    display: block;
    height: 2.2rem;
    color: #fff;
    font-size: 0.8rem;
    background: transparent;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    margin: 0 0 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
}

#wpcf7-f4149-o1 form input::placeholder {
    color: #fff;
    font-size: 0.8rem;
}


#wpcf7-f4149-o1 form input[type="submit"] {
        width: 100%;
    font-size: 0.8rem;
    color: var(--mbblue);
    font-weight: 700;
    outline: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0.5rem 1.2rem;
    border-radius: 0.3rem;
    transition: 0.3s linear;
    margin: 0px;
    background: #fff;
}


.single-whitepaper .blog-row .col-lg-9 {
    padding-right: 2rem;
}


.blog-contents p {
    margin-bottom: 1rem;
}



@media(max-width:576px) {
    .single-whitepaper .blog-row .col-lg-9 {
        padding-right: 0;
        padding-bottom: 2rem;
    }
}





















.request-trial-1 textarea {
    height: 2.2rem;
    margin: 0;
    margin-bottom: 0.55rem;
}


.input-with-info {
    position: relative;
}

.input-with-info .mac-input {
    padding-right: 2rem; /* space for icon */
}

.input-with-info .info-icon {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    font-size: 0.5rem;
    cursor: pointer;
    color: var(--mbblue);
    border: 1px solid var(--mbblue);
    border-radius: 50%;
    padding: 0 0.3rem;
    transition: all 0.5s ease;
}



#macInfoModal .modal-dialog {
    max-width: 90vw;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.3) !important; /* default is ~0.5 */
}

#macInfoModal .modal-header .btn-close {
    filter: invert(1);
}

@media(max-width:576px) {
    div#macInfoModal {
        margin-top: 2rem;
    }
    
    div#macInfoModal .modal-body {
        max-height: 70vh;
        overflow-y: auto;
    }
    
    #macInfoModal .modal-dialog {
        max-width: 100vw;
    }
}


.page-template-archive-success_stories .success-stories-navigation .success-story-btn {
    color: var(--mbblue);
    background-color: var(--mbwhite);
    border: 1px solid var(--mbwhite);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    margin: 0.5rem 0.5rem;
    display: inline-block;
}

.page-template-archive-success_stories .success-stories-navigation .testimonial-btn {
    color: var(--mbwhite);
    border: 1px solid var(--mbwhite);
    transition: all 0.5s ease;
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    margin: 0.5rem 0.5rem;
    display: inline-block;
}

.page-template-archive-success_stories .success-stories-navigation .testimonial-btn:hover {
    color: var(--mbblue);
    background-color: var(--mbwhite);
    border: 1px solid var(--mbwhite);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
}


@media(max-width:576px) {
    .page-template-archive-success_stories .success-stories-navigation .success-story-btn, .page-template-archive-success_stories .success-stories-navigation .testimonial-btn {
        display: block;
    }
}




.page-template-page-testimonials .testimonials-navigation .testimonial-btn {
    color: var(--mbwhite);
    background-color: var(--mbblue);
    border: 1px solid var(--mbblue);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    margin: 0.5rem 0.5rem;
    display: inline-block;
}

.page-template-page-testimonials .testimonials-navigation .success-story-btn {
    color: var(--mbblue);
    border: 1px solid var(--mbblue);
    transition: all 0.5s ease;
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    margin: 0.5rem 0.5rem;
    display: inline-block;
}

.page-template-page-testimonials .testimonials-navigation .success-story-btn:hover {
    color: var(--mbwhite);
    background-color: var(--mbblue);
    border: 1px solid var(--mbblue);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
}


@media(max-width:576px) {
    .page-template-page-testimonials .testimonials-navigation .success-story-btn, .page-template-page-testimonials .testimonials-navigation .testimonial-btn {
        display: block;
    }
}

.log-bread{display:flex;justify-content:space-between;}

.page-id-4805 .get-started{background:var(--mbblue)!important;color:#fff!important;}
.page-id-6467 .get-download{background:var(--mbblue)!important;color:#fff!important;}
.page-id-6714 .get-download{background:var(--mbblue)!important;color:#fff!important;}
.page-id-4769 .get-started{background:var(--mbblue)!important;color:#fff!important;}

tatic-content {
  position: fixed;
  top: 4.5rem; /* adjust based on header height */
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  background: #fff;
  padding: 0.4rem 0.75rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}






.page-template-page-testimonials .product-page-sec-1 {
    padding: 3rem 0;
}


.testimonial-nav-row {
    padding: 0 !important;
}
.static-content{background:#444;position:absolute;top:0;width:100%;left:0;right:0; z-index: 999;}
.static-content p{color:#fff;padding:0.3rem;margin-bottom:0;text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);font-weight:700;}
  .static-content a{color:#fff;}
.static-content.is-fixed {
  position: fixed;
  top: 96px; /* header height */
  left: 0;
}









span.careers-job-selection {
    font-size: 0.8rem;
}

.career-form select {
   margin-top: 0.1rem;
}

.career-position-input {
    margin-top: 0.1rem !important;
}


.ytp-pause-overlay-container {
    display: none !important;
}

.ytp-pause-overlay-container {
    display: none !important;
}














/*------------------- New Design CSS ----------------------*/


/*-----------------------------------------------*/


/* Visual architech page */

.page-template-page-visualsim-architect .product-page-sec-1 .sec-col {
    padding: 0;
}

.product-page-sec-1 .white-sec-new {
        border-top: 5px solid var(--mbblue);
        background: #F2F2F2;
        padding: 1rem 2rem;
        border-radius: 0 0 1rem 1rem;
        margin-right: 1rem;
        width: auto;
        height: 100%;
        min-height: 8rem;
        transition: all 0.5s ease;
}

.product-page-sec-1 .white-sec-new:hover {
    background: var(--mbblue);
    color: #fff;
}

.product-page-sec-1 .white-sec-new h3{
    transition: all 0.5s ease;
}

.product-page-sec-1 .white-sec-new:hover h3{
    color: #fff;
}

.product-page-sec-1 .white-sec-new h4{
    transition: all 0.5s ease;
}

.product-page-sec-1 .white-sec-new:hover h4{
    color: #fff;
}

.page-template-page-visualsim-architect .product-page-sec-1 .row {
    row-gap: 1rem;
}

@media(max-width:576px) {
    .product-page-sec-1 .white-sec-new p {
        box-shadow: none;
        padding: 0;
        border-radius: 0;
    }
}




.page-template-page-visualsim-architect .product-page-sec-4 .sec-col {
    padding: 0;
}

.product-page-sec-4 .white-sec-new {
        border-top: 5px solid var(--mbblue);
        background: #F2F2F2;
        padding: 1rem 2rem;
        border-radius: 0 0 1rem 1rem;
        margin-right: 1rem;
        width: auto;
        height: 100%;
        min-height: 8rem;
        transition: all 0.5s ease;
}

.product-page-sec-4 .white-sec-new:hover {
    background: var(--mbblue);
    color: #fff;
}

.product-page-sec-4 .white-sec-new:hover h3{
    color: #fff;
}

.product-page-sec-4 .white-sec-new h3{
    transition: all 0.5s ease;
}


.product-page-sec-4 .white-sec-new:hover h4{
    color: #fff;
}

.product-page-sec-4 .white-sec-new h4{
    transition: all 0.5s ease;
}

.page-template-page-visualsim-architect .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
}



/* ----------- Blue Section------------------*/

.page-template-page-visualsim-architect .product-page-sec-3 .sec-row {
    background-color: transparent;
    padding: 0;
    border-radius: 1rem;
    overflow: hidden;
}


.page-template-page-visualsim-architect .product-page-sec-3 .sec-col {
    border-left: 0;
    height: auto;
    padding: 0;
    margin-bottom: 0 !important;
}



.product-page-sec-3 
.checked-sec 
.sec-col:nth-child(odd) {
    background-color: #002BA1;
    padding: 2rem;
}


.product-page-sec-3 
.checked-sec 
.sec-col:nth-child(even) {
    background-color: var(--mbblue);
    padding: 2rem;
}


.product-page-sec-3 
.checked-sec 
.sec-col p {
    margin-top: 0.5rem;
}




/*-------------------------------------------------------------------*/


/* Visual sim cloud page */

 
.page-template-page-visualsimcloud .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-visualsimcloud .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-visualsimcloud .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-visualsimcloud .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
}



/* ----------- Blue Section------------------*/

.page-template-page-visualsimcloud .product-page-sec-3 .sec-row {
    background-color: transparent;
    padding: 0;
    border-radius: 1rem;
    overflow: hidden;
}


.page-template-page-visualsimcloud .product-page-sec-3 .sec-col {
    border-left: 0;
    height: auto;
    padding: 0;
    margin-bottom: 0 !important;
}




/*-------------------------------------------------------------------*/



/* VisualSim Power and Thermal Modeling */
.page-template-page-power-modelling .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-power-modelling .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-power-modelling .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-power-modelling .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
}





/*-------------------------------------------------------------------*/



/* Semiconductor and Embedded Systems Architecture Labs */
.page-template-page-training-program .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-training-program .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-training-program .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-training-program .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
}





/*-------------------------------------------------------------------*/

/* System Modeling and Exploration Services */
.page-template-page-modelling-components .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-modelling-components .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-modelling-components .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-modelling-components .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
}





/* ----------- Blue Section------------------*/

.page-template-page-modelling-components .product-page-sec-3 .sec-row {
    background-color: transparent;
    padding: 0;
    border-radius: 1rem;
    overflow: hidden;
}


.page-template-page-modelling-components .product-page-sec-3 .sec-col {
    border-left: 0;
    height: auto;
    padding: 0;
    margin-bottom: 0 !important;
}






/*-------------------------------------------------------------------*/

/* Solutions */
.page-template-page-solutions .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-solutions .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-solutions .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-solutions .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}



/* ----------- Blue Section------------------*/

.page-template-page-solutions .product-page-sec-3 .sec-row {
    background-color: transparent;
    padding: 0;
    border-radius: 1rem;
    overflow: hidden;
}


.page-template-page-solutions .product-page-sec-3 .sec-col {
    border-left: 0;
    height: auto;
    padding: 0;
    margin-bottom: 0 !important;
}



/*-------------------------------------------------------------------*/


/*-------------------------- Model Components -------------------------*/

.page-template-page-visual-sim-component-library .product-page-sec-1 .sec-col {
    padding: 0;
}

.page-template-page-visual-sim-component-library .product-page-sec-1 .row {
    row-gap: 1rem;
}

.page-template-page-visual-sim-component-library .product-page-sec-4 .sec-col {
    padding: 0;
}

.page-template-page-visual-sim-component-library .product-page-sec-4 .row {
    row-gap: 1rem;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}




/*-----------------------------------------------------------------------*/



/*-------------------- Single Component --------------------------*/

.single-component .product-page-sec-3 .sec-row {
    background-color: transparent;
    padding: 0;
    border-radius: 1rem;
    overflow: hidden;
}


.single-component .product-page-sec-3 .sec-col {
    border-left: 0;
    height: auto;
    padding: 0;
    margin-bottom: 0 !important;
}



/*---------------------------------------------------------------------*/

/*---------------------------- Home -----------------------------------*/


.page-id-9 .tab-content {
     background: transparent; 
     padding: 0; 
     border-radius: 0; 
}


.page-id-9 .recent {
    border-radius: 1rem;
    overflow: hidden;
}

.tab-content  
.recent-col {
    margin: 0;
    border: 0;
}



.tab-content  
.checked-sec 
.recent-col:nth-child(odd) {
    background-color: #002BA1;
    padding: 2rem;
}


.tab-content  
.checked-sec 
.recent-col:nth-child(even) {
    background-color: var(--mbblue);
    padding: 2rem;
}



.tab-content  
.checked-sec 
.recent-col p {
    margin-top: 0.5rem;
}


.page-id-9 .recent-col a h3 i {
    font-size: 0.8rem;
}






.tab-content .recent-col h3 {
    position: relative;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    padding-bottom: 0.2rem;
    padding-right: 1rem;
}


.tab-content .recent-col:hover h3::after {
    left: 0;
}


.tab-content .recent-col h3::after {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #184CFF 25%, #009A02 25% 50%, #FBE400 50% 75%, #EA0000 75%);
    transition: left 0.6s ease;
}


.tab-content .recent-col h3 a {
    color: #fff;
}


.tab-content .recent-col h3 a::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
    color: #FFF;
}
















.bx-wrapper,
.bx-viewport,
.bx-slider-logos {
    touch-action: pan-y pan-x !important;
}



.home-sec-6 .custom-prev-logos-6 {
    top: 5%;
    left: 19%;
}

.home-sec-6 .custom-next-logos-6 {
    top: 5%;
    right: 19%;
}


@media screen and (max-width: 1199px) {
    .home-sec-6 .custom-prev-logos-6 {
        top: 6%;
    }
    
    .home-sec-6 .custom-next-logos-6 {
        top: 6%;
    }

}


@media screen and (max-width: 991px) {
    .home-sec-6 .custom-prev-logos-6 {
        top: 6%;
    }
    
    .home-sec-6 .custom-next-logos-6 {
        top: 6%;
    }

}

@media screen and (max-width: 576px) {
    .home-sec-6 .custom-prev-logos-6 {
        left: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(-2.8rem);
    }
    
    .home-sec-6 .custom-next-logos-6 {
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(2.8rem);
    }
}





.page-template-page-visualsim-architect .product-page-sec-3 .sec-col img{
    width:2rem;
    height: 2rem;
}





/*----------------------- Single Webinar & Videos Page -------------------*/

#wpcf7-f4414-o1 .wpcf7-response-output{
    color: #fff !important;
    font-size: 0.85rem;
    margin-top: 0;
}


#wpcf7-f4414-o1 form.wpcf7-form.sent,
#wpcf7-f4414-o1 form.wpcf7-form.failed,
#wpcf7-f4414-o1 form.wpcf7-form.invalid {
    padding-bottom: 1.5rem; /* adjust value */
}

#wpcf7-f4414-o1 form {
    background: var(--mbblue);
    padding: 1.5rem;
    padding-bottom: 0;
    border-radius: 0.4rem;
}

#wpcf7-f4414-o1 form h3 {
    color: #fff;
    font-size: 1rem;
}

#wpcf7-f4414-o1 form input {
        width: 100%;
    display: block;
    height: 2.2rem;
    color: #fff;
    font-size: 0.8rem;
    background: transparent;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    margin: 0 0 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
}

#wpcf7-f4414-o1 form input::placeholder {
    color: #fff;
    font-size: 0.8rem;
}


#wpcf7-f4414-o1 form input[type="submit"] {
        width: 100%;
    font-size: 0.8rem;
    color: var(--mbblue);
    font-weight: 700;
    outline: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0.5rem 1.2rem;
    border-radius: 0.3rem;
    transition: 0.3s linear;
    margin: 0px;
    background: #fff;
}


.single-videos .blog-row .col-lg-9 {
    padding-right: 2rem;
}


.blog-contents p {
    margin-bottom: 1rem;
}



@media(max-width:576px) {
    .single-videos .blog-row .col-lg-9 {
        padding-right: 0;
        padding-bottom: 2rem;
    }
}




/*----------------------- Single Press Release Page -------------------*/

#wpcf7-f4238-o1 .wpcf7-response-output{
    color: #fff !important;
    font-size: 0.85rem;
    margin-top: 0;
}


#wpcf7-f4238-o1 form.wpcf7-form.sent,
#wpcf7-f4238-o1 form.wpcf7-form.failed,
#wpcf7-f4238-o1 form.wpcf7-form.invalid {
    padding-bottom: 1.5rem; /* adjust value */
}

#wpcf7-f4238-o1 form {
    background: var(--mbblue);
    padding: 1.5rem;
    padding-bottom: 0;
    border-radius: 0.4rem;
}

#wpcf7-f4238-o1 form h3 {
    color: #fff;
    font-size: 1rem;
}

#wpcf7-f4238-o1 form input {
        width: 100%;
    display: block;
    height: 2.2rem;
    color: #fff;
    font-size: 0.8rem;
    background: transparent;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    margin: 0 0 1rem 0;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
}

#wpcf7-f4238-o1 form input::placeholder {
    color: #fff;
    font-size: 0.8rem;
}


#wpcf7-f4238-o1 form input[type="submit"] {
        width: 100%;
    font-size: 0.8rem;
    color: var(--mbblue);
    font-weight: 700;
    outline: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0.5rem 1.2rem;
    border-radius: 0.3rem;
    transition: 0.3s linear;
    margin: 0px;
    background: #fff;
}


.single-press_release .blog-row .col-lg-9 {
    padding-right: 2rem;
}


.blog-contents p {
    margin-bottom: 1rem;
}



@media(max-width:576px) {
    .single-press_release .blog-row .col-lg-9 {
        padding-right: 0;
        padding-bottom: 2rem;
    }
}




.um-field-user_ip{display:none!important;}




@media(max-width:576px) {
    div#openForm {
        margin-top: 2rem;
    }
}


.ytp-endscreen-content,
.ytp-ce-element {
    display: none !important;
}


/* Hide YouTube end screen suggestions */
.ytp-endscreen-content,
.ytp-ce-element,
.ytp-endscreen-content-slot,
.ytp-endscreen {
    display: none !important;
}

/* Hide "More videos" bar */
.ytp-pause-overlay,
.ytp-scroll-min {
    display: none !important;
}

.subscribe-container iframe{width:100%;overflow:hidden;}



.page-template-taxonomy-press_release .press-release-content h3 {
	color: #fff;
	text-align: left;
}



.page-template-page-visual-sim-component-library .hero::after {
    background: none;
}



.inner-banner {
    background-position: center center;
}


.page-template-archive-careers .inner-banner {
    background-position: top center;
}

.info-icon-um{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #007bff;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    cursor: pointer;
}