:root{
    --gold: hsl(48,100%,50%);
    --gold-lighter: hsl(48,22%,30%);
    --gold-darker: hsl(45,100%,47%);
    --silver: hsl(210,6%,72%);
    --silver-lighter: hsl(0,0%,26%);
    --silver-darker: hsl(210,3%,61%);
    --bronze: hsl(28,38%,67%);
    --bronze-lighter: hsl(28,13%,27%);
    --bronze-darker: hsl(28,31%,52%);
    --gri-e-hapur: rgb(243, 243, 243);
    --gri-e-mesem: rgb(231, 228, 228);
    --gri: rgb(214, 213, 213);
    --buton-success:rgb(96, 185, 61);
    --buton-danger:rgb(240, 75, 46);
    --buton-alert:rgb(255, 187, 0);
    --buton:rgb(216, 216, 216);
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.navbar{    height: 80px;
    position: absolute;
    width: 100%;
    background-color: rgb(235 239 241);
    top: 0px;
    left: 0px;
    z-index: 1;}
.navbar ul{width: 100%;
    height: 100%;
    position: absolute;
    top: -17px;
    left: 0;
}

    .logo-img{width: 85px;
    height: 85px;
    display: block;
    top: -5px;
    position: relative;
    filter: grayscale(1);
    left: 37px;
    z-index: 999;}
    .div-logo{width: 13%;height:100%;position: absolute;top:0;left:0;float: left;}
    .div-li{ width: 83vw;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 250px;
        float: left; }
    .div-li li{    
        float: left;
        width: 15%;
        height: 100%;
        background-color: transparent;
        cursor: pointer;
        list-style: none;
        text-decoration: none;
        transition: .6s ease-in-out;
        font-family: 'El Messiri';
       }
    .div-li li:hover{float: left;
        list-style: none;
        text-decoration: none;
                     width: 15%;
                     height: 100%;
                     background-color: transparent;
                     cursor: pointer;
                     transition: .6s ease-in-out;
                    }

.center{text-align: center;}

.div-li li a{list-style: none;text-align: center;text-decoration: none;text-transform: capitalizes;line-height: 44px;color: #9e9e9e;    font-size: 2.4vh;}

.div-li li:hover a{list-style: none;
    text-align: center;
    text-decoration: none;
    text-transform: capitalizes;
    line-height: 44px;
    color: rgb(72, 94, 105); }

    .checkbtn{height: 40px;
        width: 40px;
        right: 3vw;
        background-color: transparent;
        z-index: 999;
        top: 23px;
        position: absolute;
        display: none;
    }
    .fa-bars{
        color: black;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 0px;
        font-size: 2vw;
        right: 0px;
        background: transparent;
        z-index: 2;
        display: none;

    }