body.sticky-header-main{
    margin-top: 100px;
    margin: 0;
    overflow-x: hidden;
    font-family: 'work-sans-semibold', sans-serif;
    
}
/*Whole sticky header*/
.sticky-header{
    display: flex;
    justify-content: right; /* position items to the right of the screen*/
    align-items: center; /* align items in the center horozontaly*/
    background: rgb(255, 255, 255);

    position: fixed;
    top: 0;
    height: 45px;

    width: 100%;

    box-shadow: 0 0 100px rgb(0,0,0, 0.6);
    

}
    .sticky-header-logo{
        display: flex;
        justify-content: left; /* position items to the right of the screen*/
        align-items: center; /* align items in the center horozontaly*/

        position: fixed;
        top: 0;
        margin:  0 1px;

    

        position: fixed;
        top: 0;
        height: 45px;
        /* margin: 0 90px; */
        width: 100%;
        
    }
        .sticky-header-logobox{
            display: flex;
            position: fixed;
            background: rgb(148, 188, 252);
            top: 0;
            height: 45px;
            width: 66px;
            align-items: center;

            /* margin: 0 25px; Adjust */
        }
            .img-whitelogo{
                display: flex;
                position: fixed;
                top: 1.3px;
                height: 41px;
                width: 59px;
                align-items: center;
                margin: 0 1.4px;
                z-index: 10;
            }
    /*Top of sticky header*/
    .sticky-header-links-container{
        display: flex;
        justify-content: right; /* Align items to the right */
        align-items: center;
        width: 100%;
        
    }
    /* Adjust the spacing between the containers as needed */
    .support-container,
    .favorite-container,
    .basket-container,
    .register-container {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0 9px;
    }       
    .sticky-header-text-support,
    .sticky-header-text-favorite,
    .sticky-header-text-basket,
    .sticky-header-text-profile{ 
        display: flex;
        font-size: 13px;
        font-weight: bold;
        
        
        
        
    }
            .sticky-header-support,
            .sticky-header-favorite,
            .sticky-header-basket,
            .sticky-header-profile{
                display: flex;
                height: 21px;
                margin: 0 6px;
                
            }
    /*Sticky header devider*/
    .sticky-header-topline{
        background: rgb(147, 147, 147);
        position: fixed;
        top: 45px;
        height: 0.0625px;
        width: 100%;
        
    }
    /*Below sticky header*/
    .sticky-header-below {
        display: flex;
        justify-content: center; /* position items to the center of the screen */
        align-items: center; /* Center items horizontelly */
        background: rgb(224, 236, 255);
        position: fixed;
        top: 45px;
        height: 40px;
        width: 100%;
        box-shadow: 0 0 1 10px rgba(0,0,0,0.2);
    }
        .sticky-header-below a{
            text-decoration: none;
            
        }
        .sticky-header-navbar-home,
        .sticky-header-navbar-shop,
        .sticky-header-navbar-games,
        .sticky-header-navbar-forum,
        .sticky-header-navbar-faq,
        .sticky-header-navbar-careers,
        .sticky-header-navbar-about {
            justify-content: center;
            align-items: center;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: bold;
            margin: 0 10px;
        }
    /*Sparkles under sticky header*/
    .img-sticky-header-sparkles{
        position: fixed;
        top: 66px;
        left: -20px;
        height: 90px;
        width: 100px;
    }

.about-dropdown{
    position: relative;
    display: inline-block;
}
.about-dropdown-content{
    display: none;
    position: absolute;
    background-color: rgb(224, 236, 255);
    border-radius: 10px;
    border-color: rgb(13, 48, 105);
    z-index: 1;
}
/* Links inside the dropdown */
.about-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; /* This line ensures vertical alignment */
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

/* Change color of dropdown links on hover */
.about-dropdown-content a:hover {
    background-color: rgb(148, 188, 252);
    border-radius: 10px;
    border-style: double;
}

/* Show the dropdown menu on hover */
.about-dropdown:hover .about-dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.about-dropdown:hover .sticky-header-navbar-about {
    background-color: rgb(130, 143, 186);
}