header {
    z-index: 10 !important;
}



/*------St------*/

.header2 {
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(45 36 23) 93%, rgb(57 45 29) 100%);
    padding-top: 1rem;
    padding-bottom: 1rem;

    box-shadow: -1px 10px 22px -5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 10px 22px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 10px 22px -5px rgba(0, 0, 0, 0.75);

    position: relative;
    z-index: 3;
}

.header2 .btn-menu {
    outline: none;
    padding: .5rem;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 100;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 12px;

}


.header2 .btn-menu:hover,
.header2 .btn-menu:active {

    background: rgb(38 45 36);

}

/*------St-E------*/



/*------St------*/

.logo-andrea {
    max-width: 65px;
    border-radius: 50%;
    padding: 0px;
    border: 1px solid #fff;
}



.logo_container {
    padding: 0px;
    border: 1px solid #fff;
    border-radius: 23%;
}

/*------St-E------*/





.logo_container:hover {
    background: rgb(38 45 36) !important;
}

.nav-item:hover {
    background: rgb(38 45 36 / 12%) !important;
    cursor: pointer;
}


.nav-item .bi-book {
    color: #7d7d7d;
}


.offcanvas-header {

    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(61 84 99) 93%, rgb(57 45 29) 100%);
    color: #fff;

}

.logo-andrea .logo-menu img {
    max-width: 35px;
}

.btn-close {
    outline: solid #8d9295 !important
}