.dropdown-menu {
  margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
  vertical-align: middle;
  border-right: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
  right: 100%;
  top: 0%;
  margin: 0 20px;
  border-width: 0;
}

/****************************/
#navbarSupportedContent{margin-top: 32px;}
.offcanvas-body{margin-top: 32px;}

#main_navbar .navbar-nav {
    --bs-nav-link-padding-x: 14px;
	--bs-nav-link-padding-y: 0.5rem;}
#main_navbar .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
   	color: #87786C;
	text-align: right;
	font-family: Tajawal;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
    text-decoration: none;
    background: none;
    border: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
#main_navbar .nav-link:hover, #main_navbar .nav-link:active {color: var(--on_hover);}
#main_navbar .nav-link.active {
    color: #F16236;
font-family: Tajawal;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.dropdown-menu{
min-width: 253px;
padding: 16px 0px 16px 0px;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.16);
background: #FFF;
flex-direction: column;
justify-content: center;
align-items: flex-end;	
}
.dropdown-item{
    display: block;
    width: 100%;
    padding: 16px 16px;
    clear: both;
    color: #87786C;
	text-align: right;
	font-family: Tajawal;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;

	border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.offcanvas-body p { margin-bottom: 0px;}
.last-node{border-bottom: 0px}
/******************************/
@media (min-width: 1536px) {
#main_navbar .nav-link { font-size: 21px;}
}

@media (min-width: 1280px) {

}

@media (min-width: 768px) {
  .dropdown-menu .dropdown .dropdown-menu {
    margin: 0;
    border-width: 1px;
  }

  .dropdown-menu > li a:hover,
  .dropdown-menu > li.show {
    background: #fff;
    color: #F26530;
  }
  .dropdown-menu > li.show > a {
    color: #F26530;
  }
}