header#enheader4 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #fff;
    --font1: "Barlow", sans-serif;
    --font2:"Roboto", sans-serif;
    --black: #0d0c26;
    --blue: #1f1c59;
    --orange: #f0910c;
    --white: #ffffff; 
    --topnav-color3:#fff;
    /* Convenience variables end here */

    --height: clamp(180px,16.507vw, 208px);
    --top-bar-height:44px;
    --bottom-bar-height: clamp(50px,6.190vw, 78px);
    /* --column-gap: min(2vw, 22px); */

    --logo-width: min(13.333vw, 168px);
    /* --logo-shadow-color: rgb(0, 0, 0, 15%);
    --logo-border-color: #dddddd; */

    --top-bar-background: #fff;
    --top-bar-border-color: transparent; /* if border enabled */
    --center-bar-background: #ffffff;
    --bottom-bar-background: #ffffff;
    --bottom-bar-border-color: transparent; /* if border enabled */
 
    --website-name-font-family: var(--font1);
    --website-name-font-size: clamp(20px, 4.2857vw, 54px);
    --website-name-color: var(--blue);
    --website-name-line-height: clamp(20px, 4.2857vw, 54px);
    --website-name-font-weight: 800; 
    /* --website-name-shadow-color: #cccccc; */
    --website-name-visibility: visible;
    --website-name-line-break-display: none;

    --website-motto-font-family: var(--font1); 
    --website-motto-font-size: clamp(14px, 1.587vw, 20px);
    --website-motto-line-height: clamp(14px, 1.587vw, 20px);
    --website-motto-font-weight: 600;
    --website-motto-color: #fff;
    


    --marquee-font-family: var(--font1);
    --marquee-font-size: clamp(14px, 1.269vw, 16px);
    --marquee-background: var(--top-bar-background);
    --marquee-color: #1f1c59;
    --marguee-font-weight: 400;

    --search-translate-font-family: var(--font2);
    --search-translate-font-size: 12px;
    --search-translate-color: #262626;

    /* Top Navigation params */
    --topnav-font-family: var(--font1);
    --topnav-font-size: clamp(18px, 1.666vw, 21px);
    --topnav-color: var(--blue);
    --topnav-background: transparent;  /*transparent; changed for ADA */
    --topnav-hover-color: var(--blue);
    --topnav-hover-background: transparent;
    --topnav-color3: var(--white);
    --menu-font-family: var(--font1);
    --menu-font-size: clamp(14px, 1.269vw, 16px);
    --menu-background: var(--orange);
    --menu-color: var(--black);
    --menu-hover-background:  var(--blue);
    --menu-hover-color: var(--white);

}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

    header#enheader4.enh1 {

        --header-height: clamp(90px, 19.53vw, 150px);
        --header-background: #fff;

        --logo-width: clamp(60px, 13.020vw,  100px);

        --website-name-font-size: clamp(20px, 5.2083vw, 40px);
        --website-name-line-height: clamp(20px, 5.2083vw, 40px);
        --website-name-line-break-display: inline-block; 

        --website-motto-font-size: clamp(14px, 3.125vw, 28px);
        --website-motto-line-height: clamp(14px, 3.125vw, 28px);

        --marquee-background: var(--blue);
        --marquee-color: var(--white);

        --mobnav-button-background: var(--blue);
        --mobnav-button-color: var(--white);
        --mobnav-button-hover-background: var(--orange);
        --mobnav-button-hover-color: var(--blue);;

        --menu-font-family:  var(--font1);
        --menu-font-size: clamp(16px, 2.34375vw, 18px);
        --menu-background: var(--white);
        --menu-color:var(--black);
        --menu-hover-background: var(--orange);
        --menu-hover-color: var(--black);
        /* --logo-shadow-color: rgb(0, 0, 0, 10%); */

    }
}


/***** NEW Header CSS ******/
/* Marquee */
header.enh1.enh1tbar-3-2 div.enh1-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--marquee-background) 0%, transparent 10%, transparent 90%, var(--marquee-background) 100%);
}
.en-marquee-module {
    width: 87%;
    margin: 0px 0px 0px 26px;
    padding: 0 0 0 0;
    max-height: 40px;
    z-index: 15;
}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon{
    border-bottom-color: var(--blue);
}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup{
    background-color: var(--blue);
    border: 1px solid var(--blue);
}
.en-marquee-module .en-marquee-popup-wrapper{
    max-width: 90%;
}
header.enh1 div.enh1-marquee p{
    font-weight: 400;
    margin-top: 0px;
    font-family: var(--font1);
    letter-spacing: 1.2px;
    text-transform: unset;
    
}
.en-marquee-module .en-marquee-popup .en-marquee-popup-text{
    font-weight: 400;
    color: var(--white);
    font-family: var(--font1);
    font-size: var(--marquee-font-size);
    letter-spacing: 1.2px;
}
.en-marquee-module .en-marquee-tooltip-buttons button[aria-pressed="true"] { 
    color: var(--blue);
    background: var(--white);
}
.en-marquee-module.popup-top .en-marquee-popup-wrapper .en-marquee-popup-icon {
  border-top-color: var(--blue);
  border-bottom-color: transparent;
}
.en-marquee-module .en-marquee-tooltip-buttons button{
    font-family: var(--marquee-font-family);
    font-weight: 400;
    font-size: var(--marquee-font-size);
    background-color: var(--orange);
    color: var(--blue);

}
/* MArquee End */

/********* Header Search popup css ***/
/* Search Default Code */
.en-header-popup-wrapper{
    height: 45px !important;
}
.en-header-popup-body {
    padding-top: 0px !important;
}
.en-header-popup-wrapper form input[type*="text"] {
    font-family: "Barlow", sans-serif !important; 
    font-size: 15px !important;
    padding: 10px 10px !important;
    height: 45px !important;
    font-weight: 400;
    color: #000000;
}
.en-popup-close-img {
    width: 34px; 
    height: 34px;
    background-color: #1f1c59;
    border-radius: 50% 50%;
}

/***** NEW Header CSS ******/


header.enh1 div.enh1-search-translate img {
    width: auto;
} 
header.enh1 div.enh1-social{
    position: relative;
}
header.enh1 div.enh1-social > a > img {
    width: auto;
}
header.enh1 div.enh1-social > a {
    width: auto;
    height: auto;
    padding: 0px;
}
header.enh1.enh1tbar-2-2 div.enh1-social a:hover img,
header.enh1.enh1tbar-2-2 div.enh1-social a:focus img {
    transition: all .5s ease; 
    transform: translateY(-3px);
}
header.enh1 div.enh1-search-translate img {
    width: auto;
}
header.enh1 div.enh1-search-translate{
    column-gap: 37px;
    justify-content: end;
    padding: 0px 0px 0 0;
    
}
#en-public-header-translate {
    margin: -2px -9.5px 0px 0;
    gap: 11px;
}
header.enh1 div.enh1-search-translate span{
    font-family: var(--search-translate-font-family);
    font-size: var(--search-translate-font-size);
    color: var(--search-translate-color);
    text-transform: uppercase;
    letter-spacing: 2.1px;
    font-weight: 400;
}
header.enh1 div.enh1-search-translate #en-public-header-translate img {
    margin-right: 0px;
    
}
header.enh1 div.enh1-search-translate div.enh1-search{
    position: relative;
    margin: -2px 0 0 0;
}
header.enh1 div.enh1-search-translate div.enh1-search img{
    position: relative;
    
}
header.enh1 div.enh1-search-translate img{
    position: relative;
}
header.enh1 div.enh1-social{
    position: relative;
}
header.enh1.enh1-1-4 div.enh1-logo-cont{
    margin: 0 0 0 0px;
}
header.enh1 div.enh1-logo-cont a {
    margin: -16px 0 0 -5px;
    
} 
header.enh1 div.enh1-website-name-motto span{
    color: #0d0c26;
}


@media only screen and (min-width: 769px){
   
    header.enh1 > nav.en-nav {
        grid-template-columns: auto auto 1fr;
    }
    nav.en-nav > ul > li:hover > a::before,
    nav.en-nav > ul > li.over > a::before,
    nav.en-nav > ul > li:focus > a::before,
    nav.en-nav > ul > li.over > a:focus::before {
        content: '';
        position: absolute;
        background: #f2920c;
        width: 100%;
        height: 3px;
        bottom: 3px;
        right: 0;
        margin: 0 auto;
        transition: all 0.5s ease 0s;
        z-index: -1;
        left: 0;
    }
    nav.en-nav > ul > li:hover > a, nav.en-nav > ul > li.over > a {
        z-index: 1;
        position: relative !important;
    }
    #nav_items_0 > li > ul > li > a:hover, #nav_items_0 > li > ul > li:hover > a,
    #nav_items_0 > li > ul > li.over > a, 
    #nav_items_0 > li > ul > li:hover > ul > a:hover, 
    #nav_items_0 > li > ul > li.over > ul > a:hover, 
    #nav_items_0 > li > ul > li > ul > li:hover > a, 
    #nav_items_0 > li > ul > li > ul > li.over > a, 
    #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover, 
    #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a, 
    #nav_items_0 > li > ul > li > ul > li > ul > li.over > a, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover, 
    #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > a:focus, 
    #nav_items_0 > li > ul > li:focus > a, 
    #nav_items_0 > li > ul > li:focus > ul > a:focus, 
    #nav_items_0 > li > ul > li.over > ul > a:focus, 
    #nav_items_0 > li > ul > li > ul > li:focus > a, 
    #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus,
    #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus,  
    #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus,
     #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus {
        background: var(--menu-hover-background);
        color: var(--white);
    }
    header.enh1.enh1dm-1-2 nav.en-nav ul > li:hover > ul > li ul {
        padding-top: 0px;
        padding-bottom: 0;
    }
    nav.en-nav > ul > li > ul > li ul{
        top:0 !important;
    }
    header.enh1 > nav.en-nav #nav_items_0 {
        position: relative;
    }
    header.enh1 div.enh1-social{
        position: relative;
        margin: -4px 0 0 0;
        column-gap: 28px;
    }


    #nav_items_0 > li > ul > li > a:hover::before, 
    #nav_items_0 > li > ul > li:hover > a::before,
    #nav_items_0 > li > ul > li.over > a::before, 
    #nav_items_0 > li > ul > li:hover > ul > a:hover::before, 
    #nav_items_0 > li > ul > li.over > ul > a:hover::before, 
    #nav_items_0 > li > ul > li > ul > li:hover > a::before, 
    #nav_items_0 > li > ul > li > ul > li.over > a::before, 
    #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover::before, 
    #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover::before, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a::before, 
    #nav_items_0 > li > ul > li > ul > li > ul > li.over > a::before, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover::before, 
    #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover::before,
     #nav_items_0 > li > ul > li > a:focus::before, 
    #nav_items_0 > li > ul > li:focus > a::before, 
    #nav_items_0 > li > ul > li:focus > ul > a:focus::before, 
    #nav_items_0 > li > ul > li.over > ul > a:focus::before, 
    #nav_items_0 > li > ul > li > ul > li:focus > a::before, 
    #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus::before,
    #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus::before,  
    #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a::before, 
    #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus::before,
     #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus::before {
        height: 100%;
        background: #fff;
        left: 0;
        right: 0;
        position: absolute;
        width: 3px;
        content: '';
        top:0;
     }
}
@media only screen and (min-width: 1160px){
    header.enh1.enh1topnav-2-2 nav.en-nav ul {
        margin-left: -4px;
    }
    header.enh1.enh1topnav-2-2 nav.en-nav ul ul{
        margin-left: 0;
    }
    
} 
@media only screen and (max-width: 1200px){
    header.enh1 div.enh1-search-translate {
        column-gap: 20px;
    }
}
@media only screen and (max-width: 1261px) and (min-width: 769px){
    header.enh1 > nav.en-nav{
        grid-template-columns: auto auto 1fr;
    }
}
@media only screen and (max-width: 1260px){
    .en-marquee-module{
        margin: 0px 0px 0px 0px;
    }
    header.enh1 div.enh1-logo-cont a {
        margin: 0px 0 0 5px;
    }
    
    
}
@media only screen and (max-width: 991px) and (min-width: 769px){
    header.enh1 > nav.en-nav > ul > li > a{
        padding: 0px 6px 0;
    }
   
    
}
@media only screen and (max-width: 991px){
    header.enh1.enh1-1-2 .enh1-top-bar, 
    header.enh1.enh1-1-4 .enh1-top-bar{
        grid-column: 1/4;
    }
    header.enh1 > div.enh1-top-bar-bg::after{
        background: #d5edf2;
    }
    .en-marquee-module {
        margin: 0px 0px 0px 30px;
        width: 90%;
    }
    header.enh1 div.enh1-logo-cont a {
        margin: 24px 0 0 5px;
    }
    header.enh1 div.enh1-website-name-motto{
        padding: 20px 0 0 30px;
    }
}


@media only screen and (max-width: 768px){

    header.enh1{
        z-index: unset;
    }

    .en-header-popup-wrapper {

        width: 85% !important;
        max-width: 85% !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
        margin: 0px !important;
    }
    header.enh1.enh1-1-4 div.enh1-logo-cont {
        margin: 0 0 0 0px;
    }
    header.enh1 nav.en-nav > ul > li > a:is(:hover, :focus) {
        color: var(--menu-hover-color) !important;
        background: var(--orange) !important;
    }
    header.enh1 nav.en-nav ul li {
        border-top: 1px solid #d0d0d0;
    }
    header.enh1 div.enh1-top-bar {
        grid-row: 3;
        grid-column: 1 / 4;
        height: auto;
        grid-template-columns: auto;
        margin: 0;
        width: 100%;
    }

    header.enh1 div.enh1-social,header.enh1 div.enh1-search-translate{
        border: none !important;
    }
    header.enh1 div.enh1-marquee {
        grid-row: 2;
        grid-column: 1 / 4;
        background: var(--marquee-background);
        border-top: 1px solid #fff;
    }
    .en-marquee-module {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    header.enh1 div.enh1-search-translate{
        grid-column: 1/4;
        margin: 0;
        justify-content: center;
        padding: 10px 5px;
        margin-right: 0;
        z-index: 0;
        column-gap: 10px;
    }
    #en-public-header-translate {
        margin: 0 0px 0px 0;
        gap: 5px;
    }
    header.enh1 div.enh1-search-translate div.enh1-search{
        gap: 5px;
        left: -3px;
    }
    header.enh1 div.enh1-search-translate #en-public-header-translate img {
        margin-right: 0;
        top: 0;
      }
    .en-marquee-module:hover .en-marquee-popup-wrapper {
        top: 20px;
    }
    
    header.enh1 div.enh1-logo-cont a {
        margin: 0px 0 0 0px;
    }
    .enh1-other-text{
        grid-row: 4;
        grid-column: 1/4;
        justify-content: center;
    }
    header.enh1.enh1 div.enh1-website-name-motto br{
        display: none;
    }
    header.enh1 div.enh1-website-motto{
        letter-spacing: 0;
        top: 0;
    }
}

@media only screen and (max-width: 400px) {
    header.enh1 button.en-mobnav-button {
        width: 35px;
        height: 35px;
    }
    header.enh1 button.en-mobnav-button img {
        width: 18px;
    } 
    header.enh1 div.enh1-website-motto{
        text-align: left;
    }
}




/*** mobile menu hover ****/
header.enh1 button.en-mobnav-button .on-hvr{
    display: none;
}
header.enh1 button.en-mobnav-button:hover .non-hvr{
    display: none;
}
header.enh1 button.en-mobnav-button:hover .on-hvr{
    display: block;
}

@media only screen and (max-width: 700px){

	.en-modal-header{
		align-items:center;
	}
}