body{
            margin: 0;
            padding: 0;
            font-family: Work sans !important;
        }
   
         a,
        span,
        a:hover, 
        button {
            text-decoration: none;
        }

         
 

        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
 

        .cm-overflow {
            overflow: hidden;
            touch-action: none;
        }
 
  
        .header_wrapper_block{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .header_wrapper_block header{
            z-index: 2;
            width: 100%;
            box-sizing: border-box;
            padding-top: 1.1vw;
            padding-bottom: 1.1vw;
            padding-left: 2vw;
            padding-right: 2vw;
            pointer-events: auto;
        }
        .header_wrapper {
            padding: 15px 25px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
 

        .erra_social_icons {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin: 0 20px;
                flex-grow: 0;
                flex-shrink: 1;
                margin-bottom: 6vw;
                transition: transform 600ms cubic-bezier(.4,0,.2,1);
                position: absolute;
                bottom: 0;
                transform: translateY(0%);
        }
        .erra_social_icons i{
            color: black;
            font-size: 16px;
            margin-right: 15px;
        }
 

        .menu_toggle_btn {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: auto;
            position: relative;
            z-index: 102;
            margin: 0;
            width:35px;
            height: 35px;
            z-index: 9999999;
            animation: 1.5s fade-inn;
            transition: 2s all;
        }

        .menu_toggle_btn span {
            width: 35px;
            height: 5px;
            margin-bottom: 4px;
            background-color: white;
            transition: all 0.5s ease 0s;
        }

        .menu_block {
            z-index: 100;
            background: red;
        }
 
        .menu_block ul li a:hover:after {
            width: 30px;
        }
 

        .menu_block {
            position: fixed;
            top: 0;
            right: -100%;
            background: #e9ceb0;
            width: 100%;
            height: 100%;
            margin: auto;
            //transition: all 0.4s ease 0s; 
            font-weight: bold;
            font-size: 16px;
            z-index: 99999;
        }

        .menu_block .main_menu {
            margin: 180px auto;
        }

        .open_menu .menu_block {
            right: 0;
        }

         

        .menu_item {
            margin-top: 10px;
            transform: translateY(5%);
            transition: 0.3s all;
        }
        .menu_item li {
            box-sizing: border-box;
            padding-left: 2vw;
            padding-right: 2vw;
        }
        .menu_item li a {
            display: block;  
            color: black; 
            display: block;
            align-items: center;
            justify-content: start;
            font-size: 6vmin;
            margin: 0.1vw 5vw;
            font-weight: 500;
             transition: opacity 250ms cubic-bezier(.4,0,.2,1);
             line-height: 1;
        }
 
        

        /*   Footer Start  */
           .footer_wrapper{
               background: #e9ceb0; 
               opacity: 0;  
           }
           .footer_wrapper_fade{

               opacity: 1;
                animation: 1.5s fade-inn;
                transition: 2s all;
           }
           @keyframes fade-inn{
            0%{
                opacity: 0; 
            }
            25%{
                opacity: .2; 
            }
            50%{
                opacity: .5; 
            }
            75%{
                opacity: .75; 
            }
            100%{
                opacity: 1; 
            }
           }
           .footer_wrap{
               max-width: 1485px;
               margin: auto;
               padding: 0 15px;
           }
           .footer_block{
               padding: 55px 0 15px 0;
           }
           .footer_inner_block{
               display: flex;
               text-align: left;
               justify-content: space-between;
           }
           .footer_block_item ul h2{
               font-size: 16px;
           }
           .footer_block_item ul li{
               font-size: 16px;
           }
           .footer_block_item ul:last-child{
               margin-top: 25px;
           }
           .footer_healthier h2{
               text-align: center;
               font-size: 37px;
               margin-top: 55px; 
                font-weight: bold;
                font-size: 25px;
                color: black;
               font-style: italic;

           }
           .footer_healthier h2 span{
               font-weight: 300;
               
           }
           .header_wrapper_block{ 
               width: 100%;
           } 
            .footer_h2{ 
                color: black;
                font-style: italic;
            }
            .footer_links{ 
                color: black;
                text-decoration: underline;
                margin: 1rem 0;
                display: block;

            }
            .footer_links:before{
                padding-right: 10px;
                 content: "\2022";
                display: inline-block;
                margin-left: 0px;
                min-width: 40px;
                text-align: right;
                box-sizing: border-box;
            }
            
        /*   Footer End  */

         /*************** Media Css ***************/
           
        @media screen and (max-width: 991px) {
             
             
            .footer_block_item ul h2{
               font-size: 14px;
           }
           .footer_block_item ul li{
               font-size: 14px;
           }
        }
        @media screen and (max-width: 767px) {
              
           .footer_inner_block{
               flex-wrap: flex;
               flex-direction: column;
           }
           .footer_block_item{
               width: 100%;
           }
           .footer_block_item ul {
               margin-top: 20px;
           }
           .footer_healthier h2{
               font-size: 25px;
               font-style: italic;

           }
        }

        
         /*************** Media Css ***************/

         .erra-icons {
            font-size: 20px;
            color: white;
        }
         .header_wrapper_block {
            background: #f48847;
        } 
              
        .desktop-menu-logo {
            position: absolute;
            top: 2vmin;
            width: 100%;
            text-align: center;
 
        }

        .desktop-menu-logo  img,.header_logo img{
            height: 91px;
            animation: 1.5s fade-inn;
            transition: 2s all;
        }
        .header_logo{
            z-index: 999999;
        }


/* erra-section  */
.erra-section{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e9ceb0;
    border:2px solid;
    margin: 25px;
}

.erra-burger-inner {
    width: 100%;
    height: 100%;
}


.erra-burger-inner.header-menu-icon-doubleLineHamburger .patty {
    transform: scale(0);
}
.erra-burger-inner.header-menu-icon-doubleLineHamburger .top-bun {
    transform: translatey(-3.5px); 
}
.erra-burger-inner.header-menu-icon-doubleLineHamburger .bottom-bun {
    transform: translatey(3.5px); 
}
.open_menu .erra-burger-inner .top-bun {
    transform: translatex(3.5px) rotate(-135deg);
    background: black;
}
.erra-burger-inner .patty {
    transform: scale(0);
    background: black;

}
.open_menu .erra-burger-inner .bottom-bun {
    transform: translatex(3.5px) rotate(135deg);
    background: black;

}
.erra-burger-inner  .top-bun, .erra-burger-inner  .patty, .erra-burger-inner  .bottom-bun {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0; 
    margin: auto;
    opacity: 1;
    content: '';
    width: 100%;
    transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1);
    will-change: transform,width;
    background: white;
}
.top-bun, .patty, .bottom-bun {
    height: 1px;
}
.open_menu .erra_social_icons{
    transform: translateY(-100%);
}
.open_menu .menu_item { 
            transform: translateY(0%);
}
.erra-active{
    border-bottom: 1px solid;
    width: fit-content;
}



        @media screen and (max-width: 800px){
          
            .empty-div{
                display: none;
            }
            header.header_wrapper.tablet-header {
                padding: 6vw;
            }
        }