.sidebar_menu{min-width:270px;z-index:998;}
.sidebar_menu_box.active{position: fixed;top: 120px;bottom: 0px;}
.sidebar_menu .sidebar_menu_box{width: 270px;overflow-x: clip;}
.sidebar_menu .sidebar_menu_box .menu_list{margin-bottom: 9.5px;}
.sidebar_menu .sidebar_menu_box .menu_list.active{margin-bottom: 21px;}
.sidebar_menu .menu_list .menu_list_title{font-family:"PublicSans-SemiBold";font-size:18px;line-height:1.2;color:#323232;margin-bottom: 0px;padding-bottom:9.5px;border-bottom:1px solid #707070;}
.sidebar_menu .menu_list .menu_list_title:hover{color:#0051ff;}
.sidebar_menu .menu_list.active .menu_list_title{color:#0051FF;padding-bottom:5px;border-bottom:3px solid #0051FF;}
.sidebar_menu .sidebar_menu_box ul{margin-top:17.5px;position:relative;}
.sidebar_menu .sidebar_menu_box ul:before{position: absolute;left:4px;top: 6px;display: block;content: "";width: 1px;height: calc((var(--n) - 1) * 39px);background: url("../images/dottod.png");background-repeat: repeat-y; }
.sidebar_menu .sidebar_menu_box ul li{padding-left:25px;position:relative;cursor:pointer;width: fit-content;}
.sidebar_menu .sidebar_menu_box ul li:before{content:'';position:absolute;left:2px;top:5px;width:5px;height:5px;background-color: #0051FF;border-radius:50%;border:0px;}
.sidebar_menu .sidebar_menu_box ul .active:before{left:0px;width:9px;height:9px;background-color: #00F0FF;}
.sidebar_menu .sidebar_menu_box ul li p{position: relative;max-width: 227px;font-size:16px;line-height:1.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 19px;}
.sidebar_menu .sidebar_menu_box ul li p:hover{color: #031F45;}
.sidebar_menu .sidebar_menu_box ul li p:before {content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0;background-color: #007bff;transition: width 0.5s ease-in-out;} 
.sidebar_menu .sidebar_menu_box ul li p:hover:before {width: 0;} 
.sidebar_menu .sidebar_menu_box ul li.active p{color:#0051FF;}
.sidebar_menu .sidebar_menu_box ul li:not(.active) p:hover {color: #0051FF;}
.sidebar_menu .sidebar_menu_box ul li:not(.active) p:hover:before{width: 100%;}
.sidebar_menu .sidebar_menu_box ul li:last-child p{margin-bottom:0px;}
.sidebar_menu_box_btn{position: absolute;top: 24.5%;right: 0px;width: 44px;height: 44px;background: rgba(99, 99, 99, 0.84);border-radius: 12px 0 0 12px;cursor: pointer;backdrop-filter: blur(34px);display: none;justify-content: flex-start;padding: 0 11px;}
.sidebar_menu_box_btn img{transform: rotateZ(180deg);max-width: 8px;}
.sidebar_menu_show_btn {position: fixed;width: 44px;height: 44px;border-radius: 0 12px 12px 0;background: rgba(99, 99, 99, 0.84);left: 0;top: 34%;z-index: 999;justify-content: flex-end;align-items: center;padding: 0 11px;display: none;cursor: pointer;backdrop-filter: blur(34px);-webkit-backdrop-filter: blur(34px);}
.sidebar_menu_show_btn img{max-width:8px;}

/* mobile */
.mobile_sidebar_menu{position: fixed;right: 20px;bottom: 5%;z-index: 998;display: none;}
.mobile_sidebar_menu_icon{position: absolute;right: 0;bottom: 0;width: 54px;height: 54px;border-radius: 50%;background: url("../images/mobile_sidebar_menu_icon.png") center no-repeat;box-shadow: 1px 1px 10px #00000026;}
.mobile_sidebar_menu_box{display: none;width: 281px;height: auto;background: #EFEFEF;box-shadow: 0px 0px 12px #0000001C;border-radius: 13px;opacity: 0.95;padding: 20px 20px 30px 30px;}
.mobile_sidebar_menu_box .title{color: #031F45;font-family: "PublicSans-Bold";font-size: 20px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ccc;} 
.mobile_sidebar_menu_box li{position: relative;cursor: pointer;width: fit-content;padding-left: 15px;}
.mobile_sidebar_menu_box li.active:before{content: '';position: absolute;left: 2px;top: 5px;width: 5px;height: 5px;background-color: #0051FF;border-radius: 50%;border: 0px;}
.mobile_sidebar_menu_box li p{position: relative;font-size: 15px;line-height: 1.2;max-width: 227px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 15px;}
.mobile_sidebar_menu_error{position: absolute;right: 20px;bottom: 20px;width: 20px;height: 20px;}
.mobile_sidebar_menu_box .mobile_sidebar_menu_error::after, .mobile_sidebar_menu_box .mobile_sidebar_menu_error::before{position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 3px;background: #001a49;content: '';transform: rotate3d(0, 0, 1, 45deg);transform-origin: 50% 50%;}
.mobile_sidebar_menu_box .mobile_sidebar_menu_error::before{transform: rotate3d(0, 0, 1, -45deg);}
/* mobile */

html[lang='ar'] .sidebar_menu .sidebar_menu_box ul{direction: rtl;}
html[lang='ar']  .sidebar_menu .sidebar_menu_box ul li{padding-right: 25px;padding-left: 0;}
html[lang='ar'] .sidebar_menu .sidebar_menu_box ul li:before{left: auto;right: 2px;}
html[lang='ar'] .sidebar_menu .sidebar_menu_box ul .active:before{left: auto;right: 0;}
html[lang='ar'] .sidebar_menu .sidebar_menu_box ul:before{left: auto;right: 4px;}

html[lang='ar'] .mobile_sidebar_menu_box ul{direction: rtl;}
html[lang='ar'] .mobile_sidebar_menu_box li{padding-right: 15px;padding-left: 0;}
html[lang='ar'] .mobile_sidebar_menu_box li.active:before{right: 2px;left: auto;}

@media(max-width:1220px){
    .sidebar_menu{position: fixed;top: 87px;left:0px;box-shadow: 0 3px 3px #ccc;padding: 120px 40px 60px;background:#fff;height:100%;min-width: 370px;transform: translateX(-101%);transition: .3s;justify-content: center;z-index:98;}
    .sidebar_menu.active{transform: translateX(0%);}
    .sidebar_menu_box_btn{display:flex;}
    .sidebar_menu_show_btn{display:flex;opacity:1;transition: .6s;top: 49%;}
    .sidebar_menu_show_btn.active{opacity:0;transition: .6s;}
}
@media(max-width:540px){
    .sidebar_menu.active{transform: translateX(0%);}
    .sidebar_menu,
    .sidebar_menu_show_btn{display:none;}
    
    .mobile_sidebar_menu{display: block;}
}