.main_nav{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 1.2rem 2.5rem 0.82rem 1.5rem;
}
.row_flex{
    display: flex;
    flex-direction: row;
}
.marging_between *{
    margin: 0rem 0rem 0rem 1rem;
    cursor: pointer;
}
.marging_between i{
    margin: 0;
}
.marging_between div{
    position: relative;
    padding-bottom: 0.5rem;
}
.marging_between div:after{
    content: "";
    position: absolute;
    background-color:  #ff0000;
    height: 2.5px;
    width:0%;
    right: 0rem;
    bottom: 0rem;
    direction: rtl;
    transition:all 0.3s;
}
.marging_between div:hover:after{
    width:95%;
}
.right_nav_side div{
    color: rgb(117, 117, 117);
    font-size: 0.95rem;
    margin:0rem 0.1rem;
    font-size: 0.85rem;
    font-weight: 600;
}
.left_nav_side{
    font-size: 0.9rem;
    font-weight: 600;
}
#site_parts{
    font-size: 1.15rem;
    font-weight: 600;
    color: black;
}
.marging_between div:hover{
    color: black;
    font-weight:600;
}
i{
    font-size: 1.2rem;
}

/* main menu effect css ///////////////////////////////////////////////*/

.options_front_box{
    position: absolute;
    opacity: 0%;
    display: flex;
    top: 8.3rem;
    right: 2rem;
    z-index: 0;
    background-color: white;
    width: 93rem;
    height: 0rem;
    box-shadow:rgb(93, 93, 93) 0px 0px 3px 0px;
    border-radius:0px 0px 5px 5px;
    pointer-events:none;
}
.main_options{
    width: fit-content;
    border-left:solid rgb(220, 220, 220) 1px ;
}
.main_options li{
    display: flex;
    flex-flow: row;
    padding:0.8rem 0.2rem 0.8rem 3rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    color: rgb(41, 41, 41);
    transition: all 0.2s;
}
.main_options li a{
    display: flex;
    flex-flow: row;
    align-items: center;
}
.main_options li:hover{
    background-color: rgb(239, 239, 239);
    color: rgb(255, 0, 0);
}
.main_options svg{
    margin:0.5rem;
}
/* .container{
    filter:blur(2px);
} */
.grey_div{
    display: none;
    width: 100vw;
    height: 116.1%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(21, 21, 21, 0.786);
    z-index:3;
}
.category_parts{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-right:1rem;
}
.category_part{
    margin:0.7rem;
}
.category_part_header{
    border-right: solid green 2px;
    padding: 0rem 0.45rem;
    margin: 0.4rem 0rem;
    font-weight: 600;
    cursor: pointer;
    color: rgb(16, 16, 16);
    font-size: 0.95rem;
}
.category_part>ul>a{
    width: fit-content;
    font-size: 0.8rem;
    font-weight: 400;
    color: rgb(125, 125, 125);
    margin: 0.7rem;
    cursor: pointer;
}
.category_part_header:hover{
    color: red;
}
.category_part>ul>a:hover{
    color: red;
    font-weight: 600;
}
.menu_active{
    opacity:100%;
    display: flex;
    z-index: 5;
    height: 33rem;
    pointer-events:auto;
}
.menu_active_blur{
    filter:blur(2px);
}
.menu_transition{
    transition: all 0.4s;
}
.options_front_box_category{
    display: flex;
    flex-direction: row;
    align-items: center;
}