/**
* @created date 19/12/2023 
* Top Sticky header with main menu Blue strip CSS 
*/

/*------------hamburger menu code begins ----------*/
.responsive-menu-toggle-icon span.label {
    display: none !important;
}

.responsive-menu-toggle-icon {
    margin-top: 3px;
    width: 35px;
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
    background: #e87722;
    height: 2px;
}

/*---------NEW Hamburger MENU code--------*/

#off-canvas .mm-panels .mm-panel {
    background: #f4f6f6;
    border-color: #000;
    color: rgba(0, 0, 0, 0.75);
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    color: var(--mm-color-text);
    border-color: none !important;
}

#off-canvas .mm-panels .mm-navbar {
    min-height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--mm-navbar-size);
    border-bottom: 1px solid var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.mm-navbar__title a {
    text-decoration: none !important;
    background-color: none !important;
}

#off-canvas .mm-panels .mm-listitem {
    border: none;
}

#off-canvas .mm-panels .mm-btn_next .mm-listitem__btn {
    color: red;
}

#off-canvas .mm-panels .mm-navbar {
    border: none !important;
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:link,
.mm-menu a:visited {
    text-decoration: none;
    color: #3d5567;
    border: none;
}

.mm-menu a:hover {
    background-color: #c9d4da;
    color: #3d5567;
    text-transform: uppercase;
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:link,
.mm-menu a:visited {
    text-decoration: none;
    color: #3d5567;
}

.mm-panels > .mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

a.mm-navbar__title {
    color: #f4f6f6 !important;
    background: #3d5567 !important;
    text-transform: uppercase;
}

.mm-menu_theme-dark {
    --mm-color-background: #3d5567;
    color: #fff;
}

.mm-listitem__btn {
    text-decoration: none;
    color: #fff;
    background-color: #c9d4da;
}

ul ul ul li.has-subnav .accordion-btn {
    background-color: #fff !important;
    border-top: 1px solid #c9d4da !important;
    height: 38px !important;
    line-height: 38px !important;
}

ul ul ul li.has-subnav .accordion-btn :hover {
    background-color: #fff !important;
    height: auto !important;
}

/*-----------NEW Hamburger MENU code--------*/

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

@media (max-width: 767px) {
    .responsive-menu-toggle-icon:before,
    .responsive-menu-toggle-icon:after,
    .responsive-menu-toggle-icon span.icon {
        background: #fff;
    }
}

/*----------hamburger menu code ends ---------*/
/*-----------New HBM Code Begins Here-----*/

#menu {
    position: fixed;
    width: 300px;
    background-color: #f4f6f6;
    box-sizing: border-box;
    right: 0;
    top: 0;
    z-index: 0;
    text-align: left;
    color: #3d5567;
}

#menu .logo1 {
    padding: 13px 20px;
    height: 50px;
}

#menu .logo {
    padding: 13px 20px;
    height: 50px;
}

#menu .hbm-head .logo {
    padding: 13px 20px;
    height: 50px;
    position: relative;
    left: -68px;
}

#menu img {
    width: 88px;
}

#menu .hbm-head {
    height: 50px;
    background-color: #f4f6f6;
}

#menu .hbm-head .menu-cross {
    position: relative;
    left: -68px;
    background-color: #f4f6f6;
    border-right: 1px solid #c9d4da;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 1;
}

#menu .hbm-scroll {
    overflow-y: scroll;
    height: 92vh;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

/* width */
#menu .hbm-scroll::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#menu .hbm-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
#menu .hbm-scroll::-webkit-scrollbar-thumb {
    background: #849aab;
    border-radius: 10px;
}

#menu .sec2 {
    background-color: #3d5567;
    font-size: 0.875rem;
    color: #c9d4da;
}

#menu .sec2 .sec2_title {
    font-weight: bold;
    padding-left: 1.5rem;
}

#menu .sec2 a {
    color: #c9d4da;
}

#menu .sec2 a:hover {
    color: #fff;
    background-color: #3d5567 !important;
}

#menu .sec2 a:visited {
    /*color: #fff;*/
    background-color: #3d5567 !important;
}

#menu .sec2 a:active {
    color: #fff;
    background-color: #3d5567 !important;
}

#menu .sec2 .sec-title {
    font-family: LFTEtica-Bold;
}

#menu .social-icons .gd-icon {
    width: 15.5px;
    margin-top: 4px;
}

#menu .contact-us {
    font-size: 0.875rem;
    padding: 11px 0px;
    border-top: 1px solid #f4f6f6;
    border-bottom: 0.5px solid #3d5567;
    height: 40px;
    color: #fff;
    font-weight: bold;
}

#menu .contact-us:hover {
    text-decoration: underline !important;
}

#menu .social-icons {
    border-top: 0.75px solid #3d5567;
}

#menu .social-icons .bdr {
    border-right: 1px solid #3d5567;
    font-size: 22px;
}

#menu .social-icons a:hover {
    color: #fff;
}

#menu span.socIcon_Bg.glass-door a:hover {
    /*background-image: url(../images/social_glassdoor_white.png);*/
    background-image: url("../../images/social_glassdoor_white.png");
    background-repeat: no-repeat;
    background-size: 15.25px;
    background-position: center;
    padding-bottom: 15px !important;
}

#menu span.socIcon_Bg.glass-door a:hover img {
    visibility: hidden;
}

.mainNav {
    background: white;
    width: 100%;
}

/* First Level */
.mainNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #c9d4da;
}

.mainNav ul .has-subnav {
    font-size: 0.875rem;
    color: #3d5567;
    background-color: #c9d4da;
    border-bottom: 1px solid #f4f6f6;
}

.mainNav ul .has-subnav a:hover {
    color: #000;
}

.mainNav ul li a.main-menu:active {
    border-left: 5px solid #e87722 !important;
}

.mainNav ul li a.main-menu:focus {
    border-left: 5px solid #e87722 !important;
}

.mainNav ul li.has-subnav.active .main-menu {
    border-left: 5px solid #e87722 !important;
}

.mainNav ul li.has-subnav .active {
    border-left: none !important;
}

.mainNav ul ul li.has-subnav.active {
    border-left: none !important;
}

.mainNav ul .is-active {
    border-left: none !important;
}

.mainNav ul ul .has-subnav .accordion-active {
    border-left: none !important;
}

.mainNav ul ul .is-active {
    border-left: 5px solid #e87722;
}

.mainNav ul ul ul .has-subnav .accordion-active {
    border-left: none !important;
}

.mainNav ul ul ul .is-active {
    border-left: 5px solid #e87722;
}

.mainNav ul .accordion-btn-wrap {
    font-size: 0.8125rem;
}

.mainNav ul .accordion-btn-wrap .accordion-collapsed {
    height: 38px !important;
    line-height: 38px !important;
}

.mainNav ul .accordion-btn-wrap .accordion-expanded {
    height: 38px !important;
    line-height: 38px !important;
}

.mainNav ul li {
    border-top: 1px solid #c9d4da;
}

.mainNav ul li a {
    color: #3d5567;
    display: block;
    font-size: 0.75rem;
    line-height: normal;
    padding: 12px 20px;
    text-decoration: none;
}

.mainNav ul li a:hover {
    background: #c9d4da;
    text-decoration: none;
}

/* Second Level */
.mainNav ul ul {
    border-bottom: none;
}

.mainNav ul ul li {
    border-top: 1px solid #c9d4da;
}

.mainNav ul ul li a {
    color: #3d5567;
    display: block;
    font-size: 0.8rem;
    line-height: initial !important;
    padding: none !important;
    background-color: #f4f6f6;
    height: 38px;
}

.mainNav ul ul li a:hover {
    background: #f4f6f6;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: none !important;
}

.dropdown-item:focus,
.dropdown-item:active {
    background-color: #3d5567 !important;
}

/* Third Level */

.mainNav ul ul ul li {
    border: none;
}

.mainNav ul ul ul li a {
    border-top: 1px solid #c9d4da;
    background-color: #fff !important;
    height: auto;
}

.mainNav ul ul ul li a:hover {
    background-color: #fff;
}

.mainNav ul ul ul ul li a {
    padding-left: 2.5em;
}

.mainNav ul ul ul ul ul li a {
    padding-left: 3.5em;
}

/* Accordion Button */
ul li.has-subnav .accordion-btn {
    color: #3d5567;
    font-size: 0.8125rem;
}

.mainNav ul ul .has-subnav {
    background-color: #fff;
}

.mainNav ul ul .has-subnav a {
    background-color: #f4f6f6;
}

.mainNav ul ul .has-subnav :hover {
    background-color: none;
}

ul ul li.has-subnav .accordion-btn {
    background-color: #f4f6f6 !important;
}

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

@media screen and (max-width: 1024px) {
    .mainNav {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    #menu .hbm-head .menu-cross {
        background-color: #3d5567 !important;
    }

    #menu .hbm-head .menu-cross #burger1 {
        fill: #fff;
    }

    #menu .hbm-head .menu-cross #burger3 {
        fill: #fff;
    }
}

@media screen and (max-width: 700px) {
    .mainNav {
        width: 100%;
    }
}

@media (max-width: 414px) {
    #menu {
        width: 80% !important;
    }
}

@media (max-width: 320px) {
    .mainNav ul li a {
        font-size: 0.725rem !important;
    }
}

/*-----------New HBM Code Ends Here-----*/
@media print {
    #menu {
        display: none;
    }
}
#menu .is-active {
    border-left: 5px solid #e87722 !important;
}