/* --- Mega Menu Base Styles --- */
:root {
    --white: #fff;
    --black: #000;
    --light-gray: #f2f2f2;
    --charcoal: #444;
    --purple: #393049;
    --medium-gray: #ccc;
   
    --primary-blue: #00a3e0;
    --primary-gray: #2d3e49;
    --primary-dark-gray: #394049;
    --primary-green: #c4d600;
  
    --primary-gray-rgba: rgba(45, 62, 73, .65);
    --primary-blue-rgba: rgba(0,163, 224,.65);
  }

.navbar .megamenu { 
    padding: 1rem; 
  }
  
  .bg-white {
    padding: 48px;
  }
  
  .bg-left {
    border-right: 1px solid var(--light-gray);
    padding: 40px;
  }
  
  .sub-menu-list {
    list-style: none;
    padding: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
  
  .sub-menu-list li {
    padding: 10px 0;
  }
  
  .bg-right figcaption {
    padding-top: 25px;
  }
  
  /* ======= main mega menu ======= */
  .navbar {
    background-color: var(--white);
  }
  
  .navbar-nav {
    text-transform: uppercase;
  }
  
  .nav-link:focus, .nav-link:hover {
    color: var(--primary-blue);
  }
  
  .navbar .megamenu, .dropdown-menu {
    background-color: var(--light-gray);
  }
  
  .dropdown-menu ul.mega-menu-sub-titles {
    list-style: none;
    padding: 0;
  }
  
  .dropdown-menu ul.mega-menu-sub-titles li {
    margin: 30px 0px;
  }

  .navbar a.navbar-brand img {
    max-width: 300px;
  }
  
  /* ============ desktop view ============ */
  @media all and (min-width: 992px) {
  
    .navbar .has-megamenu {
      position:static!important;
    }
    .navbar .megamenu {
      left:0; 
      right:0; 
      width:100%; 
      margin-top:0;  
    }
  
  }	
  /* ============ desktop view .end// ============ */
  
  /* ============ mobile view ============ */
  @media(max-width: 991px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
      overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }
  }
  /* ============ mobile view .end// ============ */