.mod_mani_menu.rtl{
	position: relative;
	/* width: 100%; */
	float: right;
	direction: rtl; 
} 
.mani_menu_box{
	position: relative;
	width: 100%;
	float: right; 
} 
.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;
	padding: 0;
	margin: 0;
	position: relative;
}
.mod_mani_menu.rtl .navbar-nav > li.mani_menu_first > a{ 
	display: block;
	cursor: pointer;
	padding: 10px 10px 10px 5px !important;
}
.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: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 .menu_box{
	display: flex;
}
.mod_mani_menu.rtl .navbar-nav .menu_box .menu_icon{
    width: 20px;
    margin-left: 4px;
    display: flex;
    /*align-items: center;*/
    font-size: 16px; 
}
.mod_mani_menu.rtl .navbar-nav .menu_box .menu_icon img{
	max-width: 100%;
}
.mod_mani_menu.rtl .navbar-nav .menu_box .title {
    /* font-size: 15px; */
}
.mod_mani_menu.rtl .navbar-nav .navbar-nav .menu_box .title {
    font-weight: normal;
    /* font-size: 13px; */
}
.mod_mani_menu.rtl .navbar-nav .menu_box .desc {
    font-size: 12px;
    color: #ffffffc7 !important;
} 
.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.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04);
    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.07),0.3125rem 1.25rem 2.5rem 0 rgba(0,0,0,0.04);
	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 : 780px) {
	.mod_mani_menu.rtl .mani_menu_box{
		display: none !important;
	}
	.mod_mani_menu.rtl .mod_mani_menu_responsive{
		display: block !important;
	}
}