.header { padding: 0!important; position: relative;}
.header-btn a {font-family: "Montserrat", Sans-serif;
    font-size: 14px!important;
    font-weight: 500!important;
    text-transform: uppercase;
    line-height: 18px!important;
    fill: #000000;
    color: #000000!important;
    border-style: none;
    border-radius: 0px 0px 0px 0px!important;
    padding: 8px 16px 8px 16px!important}
.header .logo {
    width: 159px!important;
    line-height: 0;
}
body .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    color: #949494!important;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
.header * { font-family: 'Roboto', sans-serif; letter-spacing:0px; line-height: 1.5; }
.about-page .row-fluid .nav { margin-top: -1px; }
.header .container { display: flex; align-items: center;max-width: 1150px; }
.header .logo { width: 198px; line-height: 0; }
body .header-container-wrapper { position: static !important; padding: 0; } 

.body-container-wrapper { margin-top: 0  !important; }
.header-right {  width: calc(100% - 198px); padding-left: 40px; display: flex; justify-content: right;  align-items: center; }
.header-btn a { font-family: "Montserrat", Sans-serif; font-size: 16px;font-weight: 700; fill: #FFF;   color: #FFF; background-color: #f39c1c; border-radius: 5px 5px 5px 5px; padding: 12px 40px 11px 40px;  display: inline-block; }
.header-btn { margin-left: 52px; }
body .row-fluid .nav { margin-top: 6px; min-height:48px;}
body .row-fluid .nav .hs-menu-wrapper > ul > li { margin-left: 43px; line-height:1.5; }
body .row-fluid .nav .hs-menu-wrapper > ul > li a { font-size: 16px !important; font-family: "Roboto", Sans-serif; font-weight: 400; color:#000; letter-spacing: 0; max-width:100%; line-height:1.5 !important; }
body .row-fluid .nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children > a:after { font-size: 18px; margin-left: 12px; vertical-align: middle; line-height: 0.5; }
.header-container { padding: 0 !important; }
.header { padding: 10px 0; position: relative; }

body .row-fluid .nav .hs-menu-wrapper > ul ul.hs-menu-children-wrapper {background: #fff !important;padding: 0; min-width: 130px; border-top:0px !important; width: 0; }
body .row-fluid .nav .hs-menu-wrapper > ul ul.hs-menu-children-wrapper li a { padding: 13px 26px; border-bottom: 1px solid #EEE; font-size: 13px !important; color: #212b35; font-weight: 400; white-space: nowrap !important; }
body .row-fluid .nav .hs-menu-wrapper > ul > li > a { padding: 13px 0; vertical-align: top;text-shadow: none; }
body .row-fluid .nav .hs-menu-wrapper > ul ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { left: 100% !important; }
body .row-fluid .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {background: #f0f0f0; text-decoration: none; } 
body .row-fluid .nav .hs-menu-wrapper>ul>li a:hover { text-decoration: none; }
.header-btn a:hover {  text-decoration: none; color:#fff; }
body .row-fluid .nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul .hs-menu-children-wrapper li.hs-item-has-children>a:after { transform: rotate(-90deg); font-size: 14px;  color: #848484; }
.ebiz-toggle { display: none; }

/* additions to css 2024 */


.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    margin-bottom: -12px !important;
}


#hs_menu_wrapper_module_172991706920938_ > ul > li:nth-child(1) > ul {
  text-transform:uppercase;
  font-weight:bold;
  color:#212b35;
}

body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper li.hs-item-has-children > ul.hs-menu-children-wrapper > li a {
    padding-left: 0;
    text-transform: capitalize;
}

body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper > li > a {
    font-weight: bold;
  font-size:14px;
}
body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper > li > a:hover {
    font-weight: bold;
    font-size:14px;
    text-shadow:none;
	  color:#212b35;
}
body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper li a:hover {
    background-color: transparent!important;
}
@media(max-width:1024px){
   .header-right .nav { display: none; }

   .ebiz-toggle { display: inline-block; width: 40px; height: 40px; background: #FFF; border-radius: 5px; margin-left: 20px;  position: relative; }
   .ebiz-toggle svg { position: absolute;  left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 5px; fill: #000; }
   .ebiz-toggle svg:nth-child(1) {}
   .ebiz-toggle svg:nth-child(2) {  display: none; }
   .header-right {  width: auto; }
   .header .container { justify-content: space-between; }

   .header-right .nav { position: absolute; top: 100%; left: 0; background: #fff;  width: 100%;  margin: 0; z-index: 33; }
   body .row-fluid .nav .hs-menu-wrapper>ul>li {  margin: 0; width: 100%; text-align: center;  line-height: 20px; border-bottom: 0px solid #eee;  padding: 0; }
   body .row-fluid .nav .hs-menu-wrapper>ul { width: 100%; vertical-align: top; }
   body .row-fluid .nav .hs-menu-wrapper>ul>li:last-child { border: none; }
   span.mobile-toggle { position: absolute; left: 0; right: 0; top: 0;  height: 60px; }
   body .row-fluid .nav .hs-menu-wrapper>ul ul.hs-menu-children-wrapper { position: static !important; display: none;  box-shadow: none; width:auto; opacity:1 !important; visibility:visible !important; }
   body .row-fluid .nav .hs-menu-wrapper>ul ul.hs-menu-children-wrapper li a { padding: 23px 26px; text-align: center; }
   body .row-fluid .nav .hs-menu-wrapper>ul>li > a { padding: 23px 15px; display: block; }
   
   body .row-fluid .nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul .hs-menu-children-wrapper li.hs-item-has-children>a:after { transform: none; }
   
   .header .logo { width: 280px; }
   
   .header .container { padding: 0 38px; }
   body .row-fluid .nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after {display: inline-block; }

   .body-subopen .ebiz-toggle svg:nth-child(1) { display: none; }
   .body-subopen .ebiz-toggle svg:nth-child(2) { display: block; }
   body .row-fluid .nav {  margin-top: 0 !important; }

}


@media(max-width:767px){
   
   .header .container {
      padding: 0 15px;
   }
   .header-btn a {    font-size: 12px; min-width: 92px;padding: 5px 10px; text-align: center; }
   .header-btn { margin-left: 6px; }
   .header-right { padding-left: 0; }
   .ebiz-toggle { width: 28px; height: 28px; padding: 0; }

   body .row-fluid .nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a:after { display: inline-block;}
   .header .logo { width: 200px; }

   body .header-container-wrapper .header-right .nav .hs-menu-wrapper { display: block; }
   body .header-container-wrapper { border-bottom:0px !important; }
}
@media(max-width:500px) {
  .header-btn a {
  font-size:10px!important;
  }
}
/* mega menu */
/* Main mega menu - Full-width on desktop */
 body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper {
 position: absolute; /* Fixed to viewport */
 display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 equal columns */
 gap: 20px;
  width: 100vw; /* Full viewport width */
 left: 0; /* Align with viewport's left edge */
top: 45px; /* Position below header */
 padding: 20px;
  background-color: #fff;
box-shadow: none;
z-index: 10;
 
}
/* adjust for mega menu at 1150px viewport */



/* Responsive adjustments for smaller screens */
@media(max-width: 1024px) {
  body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper {
    display:grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns on tablets */
    width: 100%; /* Maintain full width */
    margin-left:-30px;
  }
}

@media(max-width: 768px) {
  body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper {
   display:grid
    grid-template-columns: 1fr; /* 1 column on mobile */
    width: 100%; /* Maintain full width */
    padding: 10px; /* Adjust padding for smaller screens */
  }
}

/* Display all nested submenus within the mega menu */
body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper li.hs-item-has-children > ul.hs-menu-children-wrapper {
  display: block !important; /* Ensure nested menus are displayed */
  position: static;
  padding: 0 !important;
  margin-top: 0 !important;
  background-color: #fff; /* White background for nested menus */
  box-shadow: none;
  width: 100%; /* Full width within the mega menu */
  opacity: 1; /* Ensure visibility */
  visibility: visible; /* Ensure visibility */
}

/* Styling for individual submenu items within the mega menu */
body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper > li {
  padding: 10px 15px; /* Padding for each item */
}

body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper > li a {
  font-size: 13px; /* Font size */
  color: #000; /* Text color */
  text-align: left; /* Left align text */
  display: block; /* Block level for full width */
  padding: 3px 0; /* Padding for links */
	border-bottom: none;
}



/* Caret pointing down */
body .row-fluid .nav .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
    content: ''; /* Ensure there's content */
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px; /* Space between text and caret */
    border-left: 5px solid transparent; /* Adjust size as needed */
    border-right: 5px solid transparent;
    border-top: 5px solid #848484; /* Change color to match your design */
}

/* Caret pointing up for nested items */
body .row-fluid .nav .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > a:after {
    content: ''; /* Ensure there's content */
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px; /* Space between text and caret */
    border-left: 5px solid transparent; /* Adjust size as needed */
    border-right: 5px solid transparent;
    border-bottom: 5px solid #848484; /* Change color to match your design */
}



/* Remove the caret from nested items */
body .row-fluid .nav .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > a:after {
    content: none; /* Remove content */
    display: none; /* Hide caret */
}
/* stop the menu from wrapping down */
@media(max-width:1038px){
body .row-fluid .nav .hs-menu-wrapper > ul > li {
    margin-left: 40px;
    line-height: 1.5;
}
}
/* ... (existing CSS remains unchanged) ... */

/* START OF NEW CONTENT */
/* Centered mega menu with maximum width */
/* Wrapper for centered alignment */


body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper {
display: grid; 
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
  gap: 20px; 
  justify-items: left; 
} 

@media (min-width:1025px){
body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper {
    display: grid;
    flex-wrap: wrap;
    justify-content: flex-start;
} 
  #hs_menu_wrapper_module_172991706920938_ > ul > li:nth-child(1) > ul {
   display: flex; 
    max-width: 1150px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-37%);
    top: 44px;
    background:#fff;
}
  #hs_menu_wrapper_module_1734479863072174_ > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul{
  display: flex; 
    max-width: 1150px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-37%);
    top: 44px;
    background:#fff;
  }
  #hs_menu_wrapper_module_173448477237997_ > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul {
   display: flex; 
    max-width: 1150px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-37%);
    top: 44px;
    background:#fff;
  }
  #hs_menu_wrapper_module_1734486597053125_ > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul {
   display: flex; 
    max-width: 1150px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-37%);
    top: 38px;
    background:#fff;
  }
  /* remove border on resources menu */
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
   border-left: none!important;
}
  @media only screen and (max-width: 1024px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
   border-left: 0 !important;
  }
}
  /* Safari-specific styles */
#hs_menu_wrapper_module_172991706920938_ > ul > li:nth-child(1) > ul.safari-transform {
    transform: translateX(-26%); /* For Safari, initially hidden */
    display: none;
  }
   /* Pseudo-element for extending the background color */
    body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        right: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background-color: #fff;
        z-index: 0;
    }
  
}
/* fix full width viewport */
/* fill the background after 1150px */
@media(max-width:1150px) {
/* Pseudo-element for extending the background color */
    body .row-fluid .nav .hs-menu-wrapper > ul > li:first-child > ul.hs-menu-children-wrapper::before {
        width: 117vw;
    }
}
@media (min-width: 1100px) and (max-width: 1150px) {
  #hs_menu_wrapper_module_172991706920938_ > ul > li:nth-child(1) > ul {
    display: flex;
    max-width: 1100px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-35%);
    top: 44px;
    background: #fff;
  }
}

@media (min-width: 1026px) and (max-width: 1099px) {
  #hs_menu_wrapper_module_172991706920938_ > ul > li:nth-child(1) > ul {
    display: flex;
    max-width: 1000px!important;
    margin: 0 auto;
    left: 50%!important;
    transform: translateX(-30%);
    top: 44px;
    background: #fff;
  }
}