/* ----NAVIGATION BAR (START)---- */
        .navbar{
            position: sticky;
            width: 100%;
            padding-left: 5%;
            padding-right: 5%;
            /* background-color: #ffffff07; */
            background-color: #fffffff1;
        }
        
        .navbar ul{
            padding: 1% 0 1% 0;
        }

        .nav-content{
            width:90%;
        }

        
        .shp-cart-sm{
            padding-top: 1%;
        }

        .nav-item-name{
            font-weight: 400;
            margin: 0 25px;
            font-size: 100%;
            color: #9c7a44;
        }

        .nav-item-name:hover{
            color: #060606;
        } 

        .navbar-toggler {
            width: 5%;
            height: 20px;
            position: relative;
            transition: .5s ease-in-out;
        }

        .navbar-toggler,
        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus {
            outline: none;
            box-shadow: none;
            border: 0;
        }

        .navbar-toggler span {
            margin: 0;
            padding: 0;
        }

        .toggler-icon {
            position: absolute;
            height: 3px;
            width: 100%;
            background: rgb(99, 79, 39);;
            border-radius: 1px;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: .5s ease-in-out;
        }

        .middle-bar {
            margin-top: 0px;
        }

        /* when navigation is clicked */

        .navbar-toggler .top-bar {
            margin-top: 0px;
            transform: rotate(135deg);
        }

        .navbar-toggler .middle-bar {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .navbar-toggler .bottom-bar {
            margin-top: 0px;
            transform: rotate(-135deg);
        }

        /* State when the navbar is collapsed */

        .navbar-toggler.collapsed .top-bar {
            margin-top: -20px;
            transform: rotate(0deg);
        }

        .navbar-toggler.collapsed .middle-bar {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .navbar-toggler.collapsed .bottom-bar {
            margin-top: 20px;
            transform: rotate(0deg);
        }

        .navbar img{
            height: 60px;
        }


        /* Color of 3 lines */
        .hedder{
            display: flex;
        }

        .navbar-collapse{
            align-self:flex-end;
            margin-right: 3% ;
        }


        .dropdown-divider{
            background-color: rgba(172, 172, 172, 0.119);
            margin-left:10%;
            width: 80%;
        }

        .dropdown-item:hover{
            color: #fff;
            background-color: #cba96de7;
        }

        .dropdown-menu{
            border-color: rgba(96, 96, 96, 0);
            border-top: #00000000;
        }
/* ----NAVIGATION BAR (END)---- */


/* ----SCROL BAR START*/
 ::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #00000000; 
}
::-webkit-scrollbar-thumb {
  background: rgb(85, 85, 85);
}
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}
/*SCROL BAR END*/
:root {
  --surface-color: #fff;
  --curve: 40;
}