@font-face {
    font-family: "RubikFont";
    src: url("../fonts/Rubik/static/Rubik-Bold.ttf");   
}

@font-face {
    font-family: "CairoFont";
    /* src: url("assets/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf"); */
    src: url("../fonts/Cairo/static/Cairo-Bold.ttf");  
}

html{
    height: 100% !important;
}

body{
    height: 100% !important;
    background-color: #f8fbfb !important;
    font-family: Arial, sans-serif !important;
    direction: rtl;
    font-family: "RubikFont" !important;
}

.b-nav{
    height: 15%;
    border-bottom: 4px solid #bb6328;
    border-radius: 92px;
}

.b-logo-img{
    width: 12%;
    margin-right: 44%;
}

.b-container{
    height: 80%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5%;
}

.b-categories{
    width: 20%;
    height: 100%;
    padding: 1%;
    overflow-y: scroll;
}

.b-items{
    width: 80%;
    height: 100%;
    padding: 1%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
}

.b-menu-button{
    width: 100%;
    margin-bottom: 1%;
    height: 9.9%;
    border: 3px solid #bb6328;
    border-radius: 40px 0;
    background-color: white;
    font-size: 18pt;
    font-weight: 900;
}

.active{
    background-color: #175634;
    color: white;
}

.menu-single-product {
    width: 23%;
    text-align: center;
    margin: 1%;
    font-size: 16pt;
    font-weight: 900;
}

.b-item-img{
    width: 100%;
    border-radius: 15px;
}

.b-footer{
    height: 5%;
    padding: 0.2%;
    background-color: #bb6328;
    border-radius: 60px 60px 0 0;
}

.my-logo-div{
    width: 23%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #f8fbfb;
    border-radius: 50px;
}

.my-logo-img{
    height: 100%;
}

.dropdown{
    position: absolute !important;
    top:1% !important;
    left:10% !important;
}

.lang-btn{
    background-color: #bb6328 !important;
    color: white !important;
    width: 200% !important;
}