body {

    font-family: var(--fm-Montserrat);

}



ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



a {

    text-decoration: none;

}



img {

    display: block;

    width: 100%;

}



button{

    outline: none;

    border: none;

    cursor: pointer;

}

 input{

    outline: none;

    border: none;

    cursor: pointer;

    font-family: var(--fm-Montserrat);

 }





.container {

    max-width: 90%;

    width: 100%;

    margin: 0 auto;

}



/* header css */



header {

    background-color: #fff;

    padding: 10px 0;

    position: relative;

}



.menu_links {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.nav_links ul {

    display: flex;

    justify-content: center;

    align-items: center;

}





.main_logo img {

    max-width: 80px;

}



.page_search img {

    max-width: 15px;
  
    margin: 0 auto;

}

.search_input button img, .globallink >span img{
    filter: invert(1);
}



.nav_links ul li a {

    padding: 25px;

    font-size: var(--fs-12);

    color: #333333;

    font-weight: var(--fw-600);

    text-align: center;

    position: relative;

}




/* header drop down css  */





.nav_links ul li:has(ul) a::after {

    content: "";

    background: url(../images/default/header_arrow.svg);

    height: 5px;

    width: 10px;

    display: inline-block;

    vertical-align: middle;

    background-repeat: no-repeat;

   margin-left: 10px;

   transition: 0.3s;
   filter: invert(1);

}

.search_input form button{
    display: none;
}

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

    .nav_links ul li:has(ul):hover a::after {

        rotate: 180deg;

    }

    

    .nav_links ul li:has(ul):hover > ul{

        opacity: 1;

        transform: scaleY(1);

    }







    



/* header search icon css  */



.page_search{

    position: relative;

}



.search_input{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}



.search_input button{

    background: none;

    border-radius: 50%;

    position: absolute;

    right: 0;

    height: 30px;

    width: 30px;

    transition: 0.2s;

}



.search_input input{

   height: 30px;

   width: 30px;

   transition: all .5s ease-in-out;

   background: transparent;

   border-radius: 50%;

   padding: 10px;
   padding-right: 25px;

}

.search_input .search_icon-orf:focus ~ form input, .search_input input:focus{

    width: 150px;

    height: 30px;

    border-radius: 10px;

    background: var(--c-white);

}



.search_input .search_icon-orf:focus ~ form button{
    display: block;
    /* filter: invert(1); */
}

/* 
.search_input:has(input:focus) button img, .search_input button:focus img{

 display: none;

  

} */







/* header search icon css end  */



}










.nav_links ul li ul:has(li:nth-child(7)) {
    display: grid;
}


.nav_links ul li ul{

   display: block;

   column-gap: 20px;

   grid-template-columns: repeat(2, 1fr);

   opacity: 0;

   transform: scaleY(0);

   transform-origin: top;

   position: absolute;

   top: 100%;

   background-color: var(--c-white);

   transition: 0.3s;

   /* width: 50vw; */

   padding: 20px;

   z-index: 99;

   word-break: break-all;

}





.nav_links ul li ul li{

    padding-bottom: 10px;

}



.nav_links ul li ul li a{

    color: #000;

    padding: 0;

}



.nav_links ul li ul li a:after{

    content: none;

}



.hamburger{

    display: none;

}



/* header drop down css end */





/* header css end  */









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





    

        /* mobile nav bar css start  */

    

        .hamburger{

            display: block;

        }

    

        .hamburger_wrap span{

            color: #2872a4;

            font-size: 42px;

            font-weight: 100;

        }

    

        .close .hamburger_wrap {

            text-align: end;

            padding-right: 10px;

        }

    

        .nav_links{

            position: fixed;

            top: 0;

            width: 300px;

            transform: translate3d(-100%, 0, 0);

            transition: 0.3s;

            height: 100%;    

            left: 0;

            background-color: var(--bg-header);

            z-index: 999;

            overflow-y: auto;

        }

    

        .nav_links ul li ul{

            padding: 10px 0;

            left: 0;

            display: block;

            margin: 0 10px;

        }

    

        .nav_links ul li ul.nested_menu{

          

            opacity: 1;

            transform: scale(1);
            width: 94%;

            

        }

        .nav_links ul li:has(ul){

           position: relative;
           display: flex;
           justify-content: space-between;
           align-items: center;

        }

    
.nav_links ul li:has(ul) a::after {

    content: none;

}
      
    
.nav_links ul li:has(ul)::after {

        content: "";

        background: url(../images/default/header_arrow.svg);

        height: 5px;

        width: 10px;

        display: inline-block;

        vertical-align: middle;

        background-repeat: no-repeat;

        margin-left: 10px;

        transition: 0.3s;

}
      

       .main_wrap header .nav_links ul li{

            padding: 5px 10px 20px;
            margin-bottom: 20px;
            border-bottom: 1px solid #174672;

        }

    

        .nav_links ul li ul li a{

            font-size: var(--fs-14);

        }

         .nav_links ul li:has(ul.nested_menu) a:after {
    
             rotate: 180deg;
    
    
    
         }

        .nav_links ul li:has(ul.nested_menu) a:after{

            rotate: 180deg;

         

        }

    

        .nav_links ul li a{

            padding: 0;

            text-align: left;

            display: flex;

            justify-content: space-between;

            align-items: center;
            font-size: 16px;
        text-transform: uppercase;


        }

    

    

        .open_nav{

            transform: translateZ(0);

        }

    

        .nav_links ul{

            display: block;    
            margin-top: 30px;

        }

    

        

    

    /* header search icon css  */

    .search_input.search_open button.search_icon-orf{
        opacity: 0;
    }

    .search_input.search_open form button{
        display: block;
        position: absolute;
        top: 100%;
        filter: invert(1);
        z-index: 999;
        transform: translateY(75%);
    }

    .search_input button{

        background: none;

    }

    

    .search_input input{

       opacity: 0;

       transform: scale(0);

       display: block;

       position: absolute;

       top: 100%;

       right: 0;

       z-index: 99;

       width: 100%;

       border-radius: unset;

       transform-origin: top;

       transition: 0.4s;

       height: 40px;

       padding: 10px;

    }

    

    .search_input.search_open input{

        opacity: 1;

        transform: scale(1);

    }
    ul ul.nested_menu li:last-child {
        margin-bottom: 7px;
        padding-bottom: 0px;
        border: none;
    }

    

    /* header search icon css end  */

    

    .nav_links ul li a{
        color: #fff;
    }

    .hamburger.close .hamburger_wrap span{
        color: #fff;

    }
        /* mobile nav bar css end */

}

.globallink{
    color:#333;
    font-size: 13px;
    }
    .globallink >span {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    padding: 14px 0px;
    }
    .globallink >span img {
    margin-right: 8px;
    max-width: 16px;
    }
    .globallink >span:after {
    content: "";
    background:  url(../images/default/header_arrow.svg);
    height: 5px;
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: 10px;
    transition: 0.3s;
    position: absolute;
    right: -18px;
    top: 20px;
    filter: invert(1);
    }

    .globallink:hover >span:after{
        rotate: 180deg;
    }
    ul.langdrop {
    display: block;
    position: absolute;
    background-color: var(--c-white);
    padding: 13px;
    z-index: 99;
    width: 145px;
    margin-top: 6px;
    margin-left: -23px;
    }
    ul.langdrop li{
    margin-bottom:7px;
    display: flex;
    }
    ul.langdrop li a {
    color: #333333;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    display: flex;
    }
    ul.langdrop li span {
    height: 18px;
    margin-right: 7px;
    }
    ul.langdrop li:last-child {
    margin-bottom: 0px;
    }
    ul.langdrop li span img {
    max-width: 17px;
    }
    .globallink >span.open:after {
    transform: rotate(180deg);
    }
    @media screen and (min-width: 768px) {
    .search_input {
    right: 100px;
    }


    .globallink ul.langdrop {
        display: block;
    column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    position: absolute;
    top: 100%;
    background-color: var(--c-white);
    transition: 0.3s;
    padding: 20px;
    z-index: 99;
    word-break: break-all;
}
    
.globallink:hover ul.langdrop{
    opacity: 1; 
    transform: scaleY(1);
}

    }
    @media screen and (max-width:600px) {
    .globallink{
    right: 34px;
    position: absolute;
    top: 26px;
    }

    .searchform{
        display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0px 15px;
    }

    .searchform input{
        width: 100%;
        height: 36px;
        padding: 10px;
    }

    .searchform img{
        filter: invert(1);
        width: 16px;

    }
    form.searchform button {
        background: #fff;
        padding: 0px 10px;
    }
    .search_icon-orf{
        display: none;
    }
    .nav_links ul li:has(ul) a::after{
        filter: none;
    }
    
    ul.langdrop{
        display: none;
    }
    .globallink >span{
        padding: 2px 0px;
    }


    .globallink >span:after{
        top: 9px;
    }
   



    }