.mod_mani_menu.rtl {
  position: relative;
  display: rtl;
  display: flex;
  align-items: center;
}
.mani_menu_box{
	position: relative; 
} 
.mod_mani_menu.rtl .navbar-nav{
	width: 100%;
	float: right;
	padding: 0;
	margin: 0;
	display: block;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first {
  float: right;
  list-style: none; 
  position: relative;
} 
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first:last-child{
	padding-left: 0 !important;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first:first-child{
	padding-right: 0 !important;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a{ 
  display: flex;
  cursor: pointer;
  padding: 0 !important;
  gap: 10px;
  align-items: center;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a .fa{
	font-size: 20px; 
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a .childs{
	height: 16px;
  font-size: 13px;
	display: inline-block;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a:focus,
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a:hover,
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a:focus .fa,
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a:hover .fa{
	text-decoration: none !important;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first.has_line::after {
	content: '';
	height: 20px;
	width: 1px; 
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first.has_line:last-child::after {
	display: none;
}
.mod_mani_menu.rtl .navbar-nav .menu_box{
	display: flex;
	align-items: flex-start;
}
.mod_mani_menu.rtl .navbar-nav .menu_box .bi{
	align-items: flex-start;
	display: flex;
}
.mod_mani_menu.rtl .navbar-nav .menu_box .menu_icon{
    width: 25px;
    margin-left: 4px;
    display: flex;
	font-size: 18px;
	align-items: flex-start;
}
.mod_mani_menu.rtl .navbar-nav .menu_box .menu_icon img{
	max-width: 100%;
} 
.mod_mani_menu.rtl .navbar-nav .navbar-nav .menu_box .title {
    font-family: vazir;
} 
.mod_mani_menu .title {
    font-family: 'vazir';
}
.navbar-nav .menu_box .desc {
    font-size: 12px;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > div{
    min-width: 250px;
    position: absolute;
    right: 0;
    top: 100%;
    border: 0 solid rgba(31,45,61,0);
    border-radius: 10px;
    box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.15),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.15);
    padding: 10px 0;
    z-index: 999;
    transition: all .2s ease;
    
    opacity: 0;
    visibility: hidden;
    transform: translateX(0) scale(0.7);
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first:hover > div{
	visibility: visible;
	opacity: 1;
	transform: translateX(0) scale(1);
}

.mod_mani_menu.rtl .bi.bi-caret-up-fill {
  position: absolute;
  right: 15px;
  top: -13px;
  font-size: 18px;
}
/******************************* second step *******************************/
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_second{
    float: right;
    width: 100%;
    list-style: none; 
    margin: 0;
    position: relative;
		padding: 0 15px;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > a{
	display: block;
    padding:10px 0;
    position: relative;
    cursor: pointer;
		border-bottom: 1px solid #efefef24;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second:last-child > a {
  border: none;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > a:focus,
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > a:hover{
	text-decoration: none !important;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_second:last-child > a{
	border: none;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > a .fa{
	font-size: 20px; 
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > a.has_child::after {
  content: "\f284";
  font-family: bootstrap-icons !important;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 12px;
  font-weight: 700;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second > div{
	min-width: 250px;
	position: absolute;
	right: 98%;
	top: 0;
	border: 0 solid rgba(31,45,61,0);
	border-radius:10px;
	box-shadow: -0.0625rem 0 0.625rem 0 rgba(0,0,0,0.15),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.154);
	padding:0;
	z-index: 999;
	transition: all .2s ease;
    
	opacity: 0;
	visibility: hidden; 
	transform: translateX(0) scale(0.7); 
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_second:hover > div{
	visibility: visible;
	opacity: 1;
	transform: translateX(0) scale(1);
}
/******************************* third step *******************************/
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_third{
	float: right;
	width: 100%;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	position: relative; 
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_third:last-child{
	border: none;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_third > a{
    display: block;
    padding: 10px 0px;
    position: relative;
    cursor: pointer;
		border-bottom: 1px solid #efefef24;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_third:last-child > a {
  border: none;
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_third > a .fa{
	font-size: 20px; 
}
.mod_mani_menu.rtl .navbar-nav li.mani_menu_third > a:focus,
.mod_mani_menu.rtl .navbar-nav li.mani_menu_third > a:hover{
	text-decoration: none !important;
}
@media (max-width : 992px) {
	.mod_mani_menu.rtl.hidden_mobile .mani_menu_box{
		display: none !important;
	}
	.mod_mani_menu.rtl .mod_mani_menu_responsive{
		display: block !important;
	}
}