/* Header Styling */
body.elementor-editor-active #header{
    position: relavtive;
}
body:not(.elementor-editor-active) #header{
    position: fixed;
    z-index: 9;
    top:0;
    left: 0;
    right: 0;
    transition: all 0.275s ease-in-out;
}

body:not(.elementor-editor-active).sticky #header{
    background-color: #FFF;
    box-shadow: 0 4px 30px rgba(0,0,0,0.13);
    
}
/* header-top-nav
header-menu */
/* Top Nav */
body:not(.elementor-editor-active) #header #header-top-nav{
    margin-top: 0px;
	transition:  all 0.275s ease-in-out;
}
body:not(.elementor-editor-active).sticky #header #header-top-nav{
    margin-top: -50px;
}
body:not(.elementor-editor-active) #header #header-menu,
body:not(.elementor-editor-active).sticky #header #header-menu>div,
body:not(.elementor-editor-active) #header #header-menu .header-logo,
body:not(.elementor-editor-active) #header #header-menu .header-menu,
body:not(.elementor-editor-active) #header #header-menu .header-btn,
body:not(.elementor-editor-active) #header #header-menu .header-mobile-menu{
    transition:  all 0.275s ease-in-out;
}
body:not(.elementor-editor-active).sticky #header #header-menu,
body:not(.elementor-editor-active).sticky #header #header-menu>div{
    padding: 0px !important;
}

/* on scroll elements animation */
/* Header Logo */
body:not(.elementor-editor-active) #header #header-menu .header-logo{
    transform-origin: left center;
    transform: scale(1);
}
body:not(.elementor-editor-active).sticky #header #header-menu .header-logo{
    transform: scale(0.8);
}
/*  */
body:not(.elementor-editor-active) #header #header-menu .header-menu,
body:not(.elementor-editor-active) #header #header-menu .header-btn,
body:not(.elementor-editor-active) #header #header-menu .header-mobile-menu{   
    transform-origin: right center;
    transform: scale(1);
}
body:not(.elementor-editor-active) #header #header-menu .header-menu,
body:not(.elementor-editor-active) #header #header-menu .header-btn,
body:not(.elementor-editor-active) #header #header-menu .header-mobile-menu{
    transform: scale(0.96);
}
@media screen and (width <= 55rem) {
    body:not(.elementor-editor-active).sticky #header #header-top-nav{
    margin-top: -38px;
}
}
@media screen and (width <= 40rem) {
    #header.main-section-padding .e-con-inner{
        padding-inline: calc(var(--spacing-padding-inline) * 4) !important;
    }
    footer.main-section-padding .e-con-inner{
        padding-inline: calc(var(--spacing-padding-inline) * 0) !important;
    }
}