/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
.h2 em, h2 em {
    color: #2BA7DF;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
  margin-bottom: 15px;
}
h3 { font-size: 27px !important;}
h2 {font-size: 32px !important;line-height: 1.3 !important;}
h1 {font-size: 45px !important;line-height: 1.3 !important; margin-bottom: 20px !important;}
h4 em, h4 em {color:#2ba7df !important; }

p {font-size: 18px !important;}

@media (max-width: 777px) {
h1 {
    font-size: 38px !important;
  }
h2 {
    font-size: 25px !important;
  }
  h3 {
    font-size: 22px !important;
  }
}


.hs-button:hover,.button:hover {scale: 1.1!important;}
.hs-button, .button {border-radius: 100px !important;font-size: 17px !important;font-weight:600!important;-webkit-font-smoothing: antialiased !important;}

/*****************************************/
/* Navigation   */
/*****************************************/

 

.site-header {
 
    background-color: #fff;
    box-shadow: 0 2px 4px rgb(33 51 67 / 12%);
}

.footer_dnd_main-row-0-padding {
    border-top: 1px solid #ddd !important;
}
.site-header__main-area {
    width: 1170px;
    margin: 0 auto;
}

.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item a:not(.button):not(.hs-button) {
  color:#161C2D; font-size: 16px!important; text-transform: none !important;font-weight: 500 !important;    -webkit-font-smoothing: antialiased;}


.span6.widget-span.widget-type-cell.cell_1675160974587-vertical-alignment.cell_1675160974587-padding.dnd-column {
    text-align: right !important;
    font-size: 17px;
}
.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.footer_dnd_main-row-0-background-color {
    border-bottom: 1px solid #C4C4C4;
}
h4.footer-title {
    color: #6E727D;
}



footer a {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
 
    display: inline-block;
    vertical-align: middle;
}

ul#menu-footer_col_2 {
    padding: 0;
}
h4.footer-title {
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 1.2;
    text-transform: None;
    font-weight: 700;
    color: #213B55;
}

.site-header__main-area .site-header__navigation, .site-header__main-area .site-header__navigation-utility {
 
    margin-left: auto;
}
span.uicore-icon-wrapp i {
    padding-right: 20px;
    display: inline-block;
 color: #046C9B !important;
    vertical-align: middle;
}
#menu-footer_col_2 li:before {
    display: none;
    content: inherit;
}

 
.menu-footer_col_2-container a , #main_menu li a , .contact_us a {
  position: relative;
  color: inherit;
  text-decoration: none;
 
}
  #main_menu li a {
    
    padding-bottom: 7px;
     
}
 
#main_menu li a {
   
    padding-bottom: 10px !important;
}
a.hs-menu-link {
    padding: 0 !important;
}
#main_menu li a:before , #main_menu li a:after{
  
    content: '';
  position: absolute;
  transition: transform .5s ease;
}
.menu-footer_col_2-container a:before , .menu-footer_col_2-container a:after,
.contact_us a:before, .contact_us a:after{
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item>a:not(.button):not(.hs-button) {
    border-bottom: inherit;
 
}
#main_menu li a:focus , #main_menu li a:hover{
  
 
    text-decoration: inherit;
}
.site-header__menu-toggle::after, .site-header__menu-toggle::before {
 
	left: -10px;
 
 
}
.person__avatar {margin: 0 0 50px 0!important}

.person__name h3, .person__body h3 {font-size: 21px!important}

.person__body {padding-top: 20px!important}

.contact_us a:focus, .contact_us a:hover {
    color: #046C9B;
    text-decoration: inherit;
}
.menu-footer_col_2-container a:focus, .menu-footer_col_2-container a:hover {
    color: #046C9B;
    text-decoration: inherit;
}
.menu-footer_col_2-container a ,#main_menu li a, .contact_us a {
  display: inline-flex;
  padding-top: 6px;
  padding-bottom: 3px;
  overflow: hidden;
}
.textwidget p {
    color: #6e727d !important;
}
.menu-footer_col_2-container a:before , .contact_us a:before   {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #2BA7DF;
    transform: translateX(-100%);
}

  #main_menu li a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #595959;
    transform: translateX(-100%);
}
.menu-footer_col_2-container a:hover:before  , #main_menu li a:hover:before , .contact_us a:hover:before{
  transform: translateX(0);
}
 .site-header__menu-toggle {
 
	width: 24px;
	height: 18px;
	 
	position: absolute;
	cursor: pointer;
	right: 25px;width: 16px;
}
.site-header .search-form__input {
    background-color: #F4F7FA;
  
}
.hs-menu-wrapper .hs-menu-item.hs-menu-depth-1>a:not(.button):not(.hs-button):focus, .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1>a:not(.button):not(.hs-button):hover {
 
    border-color: inherit;
 
}
.site-header__menu-toggle::after, .site-header__menu-toggle::before {
	position: absolute;
 
	width: 100%;
	height: 2px;
	margin: auto;
	background-color: var(--menu-font-color);
	-webkit-transition: inherit;
	transition: inherit;width: 26px;
}
span.uicore-icon-wrapp img {
    vertical-align: middle;
    padding-right: 12px;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item.hs-menu-depth-1 {
 
    padding: 0 10px;font-weight: 500 !important;
  color: #161C2D !important;
 
}

ul#menu-footer_col_2 {
    padding: 0;
    color: #6e727d!important;
}


@media(max-width:991px){

.span6.widget-span.widget-type-cell.cell_1675160974587-vertical-alignment.cell_1675160974587-padding.dnd-column {
    text-align: left !important;
 
}
  
}

@media(max-width:1120px){
.site-header__menu.site-header__menu--mobile.site-header__menu--advanced-menu li {
	padding: 10px 20px !important;
}
.site-header__menu-toggle {
 
	top: 33px;
}
 
}
@media(max-width:1199px){
.site-header .search-form__input {
 
background-color: #f4f7fa !important;
	font-size: 17px !important;
	outline: none !important;
	padding: 10px 20px !important;
}
  .mobile-menu-active .site-header .search-form {
	padding: 0 !important;
}
  .mobile-menu-active .search-form__submit {
	display: block !important;
}
   .mobile-menu-active header .search-form__close, header .search-form__submit {
	position: absolute;
	right: 6px !important;
	top: 50% !important;
}
  a#hs-link-logo_hs_logo_widget img {
   
    padding-left: 10px;
}
}

/*****************************************/
/* Header   */
/*****************************************/

 .site-header--search-active {
    height: 100%;
}
header.site-header.site-header--not-scrolled.colored-section.colored-section--header.site-header--search-active form {
    margin: 0;
}
  .site-header .search-form .search-form__inner {
    margin-left: 0;
}
  .site-header .search-form__input {
 background-color: transparent;
    font-size: 44px;
    padding: 0;
    border: none;
    outline: none;
}
  .site-header .search-form {
    padding: 0 240px 0 100px;
}
  header .search-form__close, header .search-form__submit {
 
    position: absolute;
    top: 15%;
    right: 5%;
}
  header button.search-form__submit {
    display: none;
}
  header button.search-form__button.button {
    display: none;
}
header{
 
  transition: all 0.5s;
  }
  header button.site-header__search-toggle {
    transform: rotate(90deg);
    padding-left: 10px;
}
  .site-header__main-area {
 
    height: 70px;
}
 
.scrollUp{
    transform: translateY(-80px)
}
.mobile-menu-active #main_menu li a, .contact_us a, .menu-footer_col_2-container a {
    font-size: 17px !important;
}
.mobile-menu-active .site-header__menu.site-header__menu--mobile.site-header__menu--advanced-menu li {
    padding: 10px 25px!important;
}
.mobile-menu-active ul#main_menu {
    padding-top: 15px;
}
.mobile-menu-active .hs-menu-wrapper.hs-menu-wrapper--utility {
	padding: 0;
}
.mobile-menu-active .hs-menu-wrapper--utility .button {
 
	width: 100%;
}
.contact_us a, .menu-footer_col_2-container a, .mobile-menu-active #main_menu li a {
    font-weight: 400 !important;
}
/*****************************************/
/* Forms   */
/*****************************************/
.hs-form-required {color: #2BA7DF; }
.custom-form__heading{margin-bottom: .5em !important;}
.custom-form__heading h2 {font-size: 28px !important;line-height: 1.4 !important;}
.custom-form--button-center .actions {
    margin: 0 !important;
    text-align: left !important;
}
.custom-form, form {
   border-radius: 20px !important;}

.custom-form--boxin {box-shadow:-2px 3px 40px -15px rgb(0 0 0 / 20%)!important;}


/*****************************************/
/* Blog   */
/*****************************************/
.search-result__tag {color:#2ba7df!important; }
.select-nav li {background: #fff !important;}
.hero-section__body p {display:none!important;}

@media (min-width: 1120px){
 .hs-menu-depth-2 .hs-menu-item__child-toggle>span {
        padding: 0px !important;
    }
.hero-section--blog-post .hero-section__body:not(.hero-section__body--no-image) {
    padding-right: 0em !important;
  }}
.hero-section {
    background-color: #F4F7FA;
    margin-bottom: 50px;
}

div.hero-section__body > h1 {margin-bottom: 0px !important;}

.hero-section--blog-post .hero-section__foreground img {border-radius: 12px;box-shadow:-2px 3px 40px -15px rgb(0 0 0 / 20%)!important;}
@media (max-width: 777px) {
.hero-section {
    padding: 40px 0;
  }}
@media (min-width: 1120px) {
  .hero-section--blog-post .hero-section__foreground {width: 450px !important;}}

.mobile-menu-active .hs-menu-wrapper--utility .hs-menu-depth-1.hs-menu-item {
	margin: 0 !important;
	padding: 0 !important;
}
 #main_menu li a, .contact_us a, .menu-footer_col_2-container a {
   
    font-weight: 400 !important;
}


  @media (max-width: 1199px){
a#hs-link-logo_hs_logo_widget img {
  padding-left: 10px;
  width: auto !important;
    }}

@media (min-width: 1440px){
.hero-section--blog-post .hero-section__foreground {
    width: 600px!important;
  }}

/* new menu code starts here */
.ul-level3 .hs-menu-item .hs-menu-link::after{

}
.site-header__menu #main_menu li.solution{
line-height: 0px;
}
.site-header__menu #main_menu li.solution a{
margin: 0px !important;
}
.site-header__menu #main_menu .hs-menu-link{
font-weight: 500 !important;
color: #161C2D !important;
  -webkit-font-smoothing: antialiased;
}
.hs_cos_wrapper_type_logo a img{
width: 125px !important;
}

.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle:after{
color: #000000 !important;
  border-bottom: 1px solid;
  border-right: 1px solid;
content: "" !important;
opacity: 1;
left: 0px;
  top: 0px;
  height: .4em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: .4em;
  right: 9px;
}
.site-header__menu #main_menu li.hs-menu-depth-1 >.hs-menu-link{
line-height: 28px;
}
.site-header__menu #main_menu .hs-menu-depth-1 > button.hs-menu-link >span{
line-height: 24px;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper, 
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li.hs-item-has-children >ul.hs-menu-children-wrapper{
padding: 18px 0px;
border-top: 3px solid #6ccc97;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.our_solution >.hs-menu-item__child-toggle::after,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.by_application >ul.hs-menu-children-wrapper li.hs-menu-depth-3.by_application .hs-menu-item__child-toggle::after, 
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.by_department >ul.hs-menu-children-wrapper li.hs-menu-depth-3.by_department .hs-menu-item__child-toggle::after {
display: none !important;
}
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-depth-3.by_application .hs-menu-item__child-toggle,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-depth-3.by_department .hs-menu-item__child-toggle{
margin: 0px;
}
.site-header__menu #main_menu li.solution ul.hs-menu-children-wrapper li.hs-menu-item:first-child,
.site-header__menu #main_menu li.by_application.hs-menu-depth-3{
background: transparent !important;
}

.site-header__menu #main_menu >li.hs-item-has-children:hover >.hs-menu-item__child-toggle:after{
opacity: 1 !important;    color: #046c9b !important;
border-bottom: 1px solid;
  border-right: 1px solid;
  content: "";
  height: .4em;
  left: 12px;
  top: -2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: .4em;
}
/* .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper{
transition: unset !important;
} */
.site-header__menu #main_menu li.solution ul.hs-menu-children-wrapper li.hs-menu-item.our_solution>.hs-menu-link:hover{
      cursor: default;
}

.site-header__menu #main_menu li.solution ul.hs-menu-children-wrapper li.hs-menu-item.our_solution >.hs-menu-link,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.by_application .hs-menu-link,
.site-header__menu #main_menu li.hs-item-has-children.solution>ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.by_department .hs-menu-link
{
color: #5f5f5f !important;
font-size: 14px !important;
letter-spacing: 1px;
font-weight: 500 !important;
border: none;
padding: 0px !important;
background: transparent;
    text-transform: uppercase !important;
}
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-item.by_application:hover,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-item.by_department:hover{
color: #000 !important;
background: #e9e8e8;
}
.site-header__menu #main_menu li.solution >ul.hs-menu-children-wrapper >li.hs-menu-item.our_solution:hover,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-item.by_application:hover,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-item.by_department:hover{
border-radius:0px !important;
}
 #main_menu li button::before{
   content:'' !important;
}
.site-header__menu #main_menu li.solution >ul.hs-menu-children-wrapper >li.hs-menu-item.our_solution,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-item.by_application,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-item.by_department
{
border-bottom: 1px solid #eaeaea;
margin: 0px 40px 20px !important;
padding: 0px !important;
}
.site-header__menu #main_menu li ul .hs-menu-link{
padding-top: 0px !important;
padding-bottom: 0px !important;
color: #161C2D !important;
font-weight: 500 !important;
-webkit-font-smoothing: antialiased; 
line-height: 34px;
margin-top: 5px;
padding-right: 10px !important;
padding-left: 10px !important;
}
.site-header__menu #main_menu li:first-child ul li.hs-item-has-children{
padding: 0px !important;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li{
position: unset;
}


.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children .hs-menu-item__child-toggle{
position: relative;
justify-content: flex-start;
white-space: nowrap;
vertical-align: middle;
width: 100%;
align-items: center !important;
}
#main_menu li a:before {
background: transparent !important;
}
.site-header__main-area .site-header__navigation .site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper .hs-menu-item__child-toggle::after {
position: absolute !important;
right: 16px !important;
top: 44% !important;
left:unset !important;
}
.site-header__main-area .site-header__navigation .site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper .hs-menu-item__child-toggle:hover::after{
transform: rotate(-45deg) !important;
transition: all .3s ease-in-out;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li.active-second-level >.hs-menu-children-wrapper{
z-index: 99999;
}


/* a.hs-menu-link {
transition: 0s !important;
} */
/* a.hs-menu-link:hover {
transition: 0s !important;
}  */
/* .site-header__menu #main_menu li.hs-item-has-children:hover >.hs-menu-children-wrapper {
opacity: 1; display: block;
} */
@media (min-width: 1120px) {
 .site-header__main-area .site-header__navigation .site-header__menu .solution >.hs-menu-item__child-toggle:after{
        top: 1px !important;
    left: 6px !important;
}
.hs-menu-children-wrapper{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .02), 0 2px 35px 0 rgba(0, 0, 0, .04);
  border-radius: 0 0px 10px 10px !important;
}
.hs-menu-depth-2 >.hs-menu-children-wrapper{
  border-radius: 0 0px 10px 0px !important;

}
.site-header__main-area{
  padding: 0px 10px;
}
.site-header__main-area .site-header__navigation{
  margin-left: auto;
}
.site-header__main-area .site-header__navigation-utility{
  margin: unset !important;
}
.site-header__main-area {
  height: 86px !important;
}
.site-header__menu #main_menu >li.hs-menu-item.hs-menu-depth-1 {
padding-top:0px !important;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li:hover:not(.hs-item-has-children),
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li.hs-item-has-children:hover >.hs-menu-link{
color: #161c2d!important;
background: #f4f4f4;    border-radius: 5px;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >ul.hs-menu-children-wrapper li:hover{
background: #e9e8e8 !important;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >ul.hs-menu-children-wrapper li.by_application:hover,
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >ul.hs-menu-children-wrapper li.by_department:hover{
background: transparent !important; 
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >ul.hs-menu-children-wrapper li.by_application:hover .hs-menu-link,
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >ul.hs-menu-children-wrapper li.by_department:hover .hs-menu-link{
cursor: auto;
}
.site-header__main-area .site-header__navigation .site-header__menu li.hs-item-has-children .hs-menu-children-wrapper{
transform: translate3d(0, 22px, 0) !important; 
transition: opacity 0.3s cubic-bezier(.165,.84,.44,1), transform 0.4s cubic-bezier(.1,.76,.37,1.19);
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper {
min-width: 280px !important;
left: 0px !important;
/* left: calc(120% - 10px) !important; */
}
.site-header__main-area .site-header__navigation .site-header__menu li.hs-menu-depth-1.hs-item-has-children:hover >.hs-menu-children-wrapper{
transform: translate3d(0, 15px, 0) !important;
pointer-events: all;
}
.site-header__main-area .site-header__navigation .site-header__menu li.hs-menu-depth-2.hs-item-has-children:hover .hs-menu-children-wrapper{
transform: translate3d(0, 0px, 0) !important;
pointer-events: all;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper >li.hs-item-has-children >.hs-menu-children-wrapper {
top: -3px;
position: absolute;
margin: 0px;
left: 98% !important;
border-color: transparent;
box-shadow: unset;
background: #f4f4f4;    height: 102%;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper {
/* -webkit-transition: unset !important;
transition: unset !important; */
-webkit-transition-delay:unset !important;
transition-delay:unset !important;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item>a:not(.button):not(.hs-button){
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.site-header__menu #main_menu >li.hs-menu-item.hs-menu-depth-1 >.hs-menu-link{
padding: 38px 0px !important;letter-spacing: 0px;
}
.site-header__menu #main_menu >li.hs-item-has-children >.hs-menu-item__child-toggle:after{
opacity: 0 !important;
}

.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li:not(.hs-item-has-children){
margin: 0px 30px !important;
}
.site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li.hs-item-has-children {
padding: 0px 30px !important;
}
/*   .site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper li.hs-item-has-children >.hs-menu-item__child-toggle {
padding: 2.5px 10px !important;
} */
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle span{
margin: 5px 0 0 0 !important;
  }
 @supports (-webkit-touch-callout: none) {
   .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle span{
  font-weight:400 !important;  
  }  
}
.hs-menu-depth-2 .hs-menu-item__child-toggle{
margin: 0px !important;
      align-items: center !important;
      line-height: 34px !important;
}
.hs-menu-depth-2 .hs-menu-item__child-toggle >span{
padding: 5px 0px 0px 0px;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item.hs-menu-depth-1{
padding: 0 11px !important;
}
}
@media (max-width: 1119px) {
  .site-header__menu #main_menu li.hs-item-has-children.solution>ul.hs-menu-children-wrapper li.hs-item-has-children.by_application>ul.hs-menu-children-wrapper li.by_application .hs-menu-link,
  .site-header__menu #main_menu li.hs-item-has-children.solution>ul.hs-menu-children-wrapper li.hs-item-has-children.by_department>ul.hs-menu-children-wrapper li.by_department .hs-menu-link, 
  .site-header__menu #main_menu li.solution ul.hs-menu-children-wrapper li.hs-menu-item.our_solution>.hs-menu-link{
    font-size: 18px !important;
  }
  .site-header__menu #main_menu li ul .hs-menu-link{
    font-size: 18px !important;
  }

  #main_menu li button {
    overflow: visible !important;
  }
  .mobile-menu-active #main_menu li a {
    font-size: 18px !important;
  }
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle:after{
  left: unset !important;
  transform: rotate(319deg) !important;
  top: 38% !important;
}
.site-header__menu-toggle:after, .site-header__menu-toggle:before {
width: 16px !important;
background-color: #000000 !important;
margin-left: 10px !important;
}
.site-header__menu-toggle {
height: 15px !important;
width: 21px !important;
}
.site-header__menu-toggle {
top: 27px !important;
}
.site-header__main-area{
width: 100%;
}
a#hs-link-logo_hs_logo_widget img {
padding-left: 0px;
width: 125px !important;
}
.site-header__main-area .hs-menu-wrapper--utility .button{
padding: 15px 14px;
}
.site-header__main-area{
justify-content: start !important;
justify-content: space-between;    padding: 7px 10px;
}
.site-header__main-area {
  height: 64px;
}
.site-header__main-area .site-header__navigation{
margin-left: 15px;
}
.site-header__main-area .site-header__navigation-utility{
justify-content: start !important;
margin-right: 13%;
}
.site-header .hs-menu-wrapper--utility .hs-menu-item+.hs-menu-item{
margin-top: 0px;
}
.site-header .hs-menu-wrapper--utility{
display: block;
}
.site-header__main-area .site-header__navigation .site-header__menu #main_menu .hs-menu-item__child-toggle::after {
 content:'' !important;
  right: 9%;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle:not(.hs-menu-item__child-toggle__no-link){

  right:0px !important;
}
.site-header__navigation .site-header__menu .solution >.hs-menu-item__child-toggle:not(.hs-menu-item__child-toggle__no-link){
position: unset !important;
  }
.site-header__menu #main_menu >li.hs-menu-item.hs-menu-depth-1 >.hs-menu-link {
margin-left: 0px;
padding: 0px !important;
position:unset !important;font-size: 18px !important;
}
  .site-header__menu #main_menu >li.hs-menu-item.hs-menu-depth-1 >.hs-menu-item__button-toggle {
  padding: 0px !important;position:unset !important; margin: 0px 25px;
  }
.site-header__menu #main_menu >li.hs-menu-item.hs-menu-depth-1.super-parent-active >.hs-menu-link {
opacity: 0;
}
.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item__child-toggle::after {
right: 10%;
opacity: .5;
}
.site-header__menu .search-form--site{
display: none;
}.mobile-menu-active #main_menu li a{
font-size: 16px !important;
}
.current-active >ul.hs-menu-children-wrapper.show{
position: absolute;
top: 0px;
left: 0% !important;
width: 100% !important;
height: 100vh !important;
background-color: #fff;
overflow-y: auto;
z-index: 999999;
}
.site-header__menu #main_menu li.current-active{
position: unset !important; 
}
.site-header__menu #main_menu li ul .hs-menu-link{
padding-right: 25px !important;
padding-left: 25px !important;
}
.site-header__menu #main_menu li.solution ul.hs-menu-children-wrapper li.hs-menu-item.our_solution >.hs-menu-link, 
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.by_application .hs-menu-link, 
.site-header__menu #main_menu li.hs-item-has-children.solution>ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.by_department .hs-menu-link{
margin: 0px !important;
}
.mobile-menu-active .site-header__main-area .site-header__navigation .site-header__menu ul.hs-menu-children-wrapper >li.backbtn >a{
text-transform: uppercase !important;
font-size: 14px !important;
padding: 12px 25px !important;
letter-spacing: 2px;
font-weight: 500 !important;
opacity: .75;
}
.mobile-menu-active #main_menu li.backbtn >a.submenu-back-btn {
        font-size: 14px !important;
/*         font-weight: 500 !important; */
        margin: 10px 0px 5px !important;
}
.site-header__main-area .site-header__navigation .site-header__menu #main_menu li.hs-item-has-children >ul.hs-menu-children-wrapper .hs-menu-item__child-toggle::after{
right: 10% !important;
}
#main_menu li button::before{
height: 0px !important;
}
#main_menu {
  position: fixed;
  width: 100%;
  background: #ffff;
  height: 100vh !important;
  z-index:99999;
}
.site-header__menu #main_menu li.solution >ul.hs-menu-children-wrapper >li.hs-menu-item.our_solution{
margin: 10px 23px 10px !important;
}
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-item.by_department,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-item.by_application {
margin: 0 !important;
}
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_department >ul.hs-menu-children-wrapper li.hs-menu-item.by_department >.hs-menu-link,
.site-header__menu #main_menu li.hs-item-has-children.solution >ul.hs-menu-children-wrapper li.hs-item-has-children.by_application >ul.hs-menu-children-wrapper li.hs-menu-item.by_application{
display: block;
margin: 10px 30px 10px !important;
}


.site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper{
transform: translateX(200%);
transition: transform 0.3s ease-in-out; 
will-change: transform;
position: absolute !important;
top:0%;
}

.current-active >.hs-menu-children-wrapper.show, .hs-menu-children-wrapper.show-child{
position: absolute !important;
display: block;
visibility: visible;
opacity: 1;
top: -17px;
transform: translateX(0) !important;
left: 0% !important;
display: block !important;
position: absolute !important;
width: 100%;
z-index: 9999;
}
.hs-menu-depth-2 >.hs-menu-children-wrapper.show{
left: 0% !important;
background: #fff !important;
top: -17px !important;
height:100vh !important
}
.hs-menu-children-wrapper.show-child{
opacity: 1 !important;
display: block !important;
}
  .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item.hs-menu-depth-1{

    padding: 11px 25px !important;
  }

  .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item.hs-menu-depth-1 .hs-menu-children-wrapper {
    display: block !important;
    background: #fff !important;
  }
}

@media (max-width: 367px){
    .site-header__main-area .hs-menu-wrapper--utility .button {
                font-size: 13px !important;
        padding: 10px 8px !important;
        min-width: 90px !important;
    }
}
}
/* new menu code starts ends */