.top-header {
    position: fixed;
    left: 0;
    right: 0;
    padding-block: 4rem;
    padding-inline: 5rem;
    z-index: 9;
}
header{
    position: fixed;
    left: 0;
    right: 0;
    padding-block: 4rem;
    padding-inline: 5rem;
    z-index: 999;
    transition: .5s ease all;
    }

div#header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ffffff80!important;
    border-radius: 30px;
    padding-inline: 1rem!important;
    padding-block: .5rem;
    background: rgba(255, 255, 255, 0.01)!important;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.25) inset;
    height: auto;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 0 23px 0 15px !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


div#header svg {
    color: #D5D5D5;
    font-size: 4rem;
    height: 2.2rem;
    width: 2.2rem;
}
div#header p#cart-drawer-title {
    font-size: 18px;
}
nav ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin: 0;
    gap: 3rem;
}
a[aria-label="Go to Home page"] {

    width: 140px
}
nav ul li a {
    font-size: 16px;
    color: #fff;font-weight:500;
    text-decoration: none;
}
header #header img {
    width: 136px;
    height: auto;
}
.other_top_link ul {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 2rem;
}
header.page-header dialog#cart-drawer {
    max-width: 400px !important;
    width: 100% !important;
}
header.page-header dialog#cart-drawer button.btn.btn-primary {
    font-size: 16px;
    padding: 10px;
}
header.page-header dialog#cart-drawer svg{
    color: #000;
}
header.page-header dialog#cart-drawer .grow.grid.place-items-center p.mt-10.text-xl {
    font-size: 16px;
}

@media(max-width: 720px){
    header.page-header{
        padding: 0;
    }
    header.page-header #header{
        border-radius: 0;
    }
    header.page-header button#customer-menu {
        display: none;
    }
    header.page-header [x-data="initMobileMenu"]{
        order: 2;
    }
    header.page-header .container{
        justify-content: flex-start;
        position: relative;
    }
    header.page-header a.relative.hidden.md\:inline-flex.btn.bg-transparent.border-transparent.p-1 {
        display: none;
    }
    header.page-header div#header{
        padding: 6px 11px 6px 16px !important;
    }
    header.page-header dialog.size-full.max-h-full.ms-0{
        background-color: #000;
    }
    header.page-header nav ul{
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 1rem;
        padding-top: 40px;
    }
    header.page-header nav ul li a {
        padding: 0 !important;
        border: none;
    }
    header.page-header #header img {
        width: 88px;
    }
    header.page-header .container .sm\:order-1.lg\:order-0.w-full.pb-2.sm\:w-auto.sm\:pb-0{
        width: auto;
        padding: 0 !important;
    }
     header.page-header  div#header .gap-2{
        margin-left: auto;
        gap: 36px !important;
    }
}

header.page-header.sticky div#header {
    /* background: #FFFFFF03; */
    /* background: rgb(0 0 0 / 70%) !important; */
    /* box-shadow: 1px 1px 2px 0px #FFFFFF4D inset; */
    /* box-shadow: -1px -1px 2px 0px #FFFFFF1A inset; */
    /* box-shadow: 0px 0px 10px 0px #FFFFFF40 inset; */
    /* background: #FFFFFF03; */
}
button#menu-search-icon:hover svg {
    color: #fff;
}

button#menu-cart-icon:hover svg {
    color: #fff;
}

a:hover svg {
    color: #fff !important;
}

button#customer-menu:hover svg {
    color: #fff !important;
}
div#header nav li a {
    color: #D5D5D5;
    font-weight: 500;
}

div#header nav li:hover a {
    color: #fff;
    text-decoration: none!important;
}

div#header nav li:hover {
    text-decoration: none;
    border: 0;
}
div#header nav li {
    border: 0px;
}
#header a:hover img {width:140px;}

header.page-header.sticky {
    padding-block: 1rem;
}