.sidebar-menu {position:fixed; inset-inline-start:0px; top:150px;bottom: 0px; background:var(--v-white); padding-block:60px; padding-inline:260px 70px; color:var(--v-black);z-index: 99;display:flex;justify-content:flex-end; overflow-y: auto; text-align: start;}
.sidebar-menu.page-bottom{position: absolute;}
.sidebar-menu .sidebar-menu-box {width:230px; overflow-x: clip;}
.sidebar-menu .menu-h2 {text-transform: uppercase;margin-bottom:5px;font-weight: 600;font-size: var(--fs-22);}
.sidebar-menu .menu-h3 {font-weight: 500;font-size:var(--fs-18); text-transform: uppercase;margin:25px 0px 10px;border-bottom: 2px solid #dfdfdf;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidebar-menu .menu-h3:hover {color: var(--v-red-dark);}
.sidebar-menu .menu-h3.active {color: var(--v-red-dark);border-color:var(--v-red-dark);}
.sidebar-menu ul {margin-bottom:35px;}
.sidebar-menu ul li {margin-bottom:5px;cursor: pointer;transition:0.3s; padding-inline-start:10px; margin-inline-start:-10px;}
.sidebar-menu ul li:hover{transform:translateX(10px);  color: var(--v-red-dark);}
.sidebar-menu ul li.active {color: var(--v-red-dark);position: relative;transform:translateX(10px);}
.sidebar-menu ul li.active::after {content:'';display:block;width: 6px;height:6px;position: absolute; inset-inline-start:0px; top:50%;margin-top:-3px;background:var(--v-red-dark);}
.sidebar-menu ul li p {margin: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 400; padding-inline-end:5px;}

.sidebar-menu-show-btn {position:fixed;width: 44px; height:44px;/* border-radius: 0 12px 12px 0; */ border-start-end-radius:12px; border-end-end-radius:12px; background: rgba(99, 99, 99, 0.84); inset-inline-start:0;top:34%;z-index:100;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.active{/* border-radius: 12px 0 0 12px; */ border-start-end-radius:0px; border-end-end-radius:0px;  border-start-start-radius:12px; border-end-start-radius:12px; justify-content: flex-start;}
.sidebar-menu-show-btn.active img{transform: rotateZ(180deg);}
.sidebar-menu-show-btn img{max-width: 8px;}
footer {position: relative;z-index: 999;}

html[dir="rtl"] .sidebar-menu-show-btn img{transform: rotateZ(180deg);}
html[dir="rtl"] .sidebar-menu-show-btn.active img{transform: rotateZ(0deg);}

html[lang='ar-AE'] .sidebar-menu-show-btn img{transform: rotateZ(180deg);}
html[lang='ar-AE'] .sidebar-menu-show-btn.active img{transform: rotateZ(0deg);}

html[lang='ar-AE'] main.ar-wrapper{direction:rtl;}
  
/* @media (min-width:1400px){
  .third-level-page .inner {padding-left:420px;}
} */

html[lang='ar-AE'] .sidebar-menu ul li.active{transform: translateX(-10px);}
html[lang='ar-AE'] .sidebar-menu ul li:hover{transform:translateX(-10px);}

html[lang='ar'] .sidebar-menu ul li.active{transform: translateX(-10px);}
html[lang='ar'] .sidebar-menu ul li:hover{transform:translateX(-10px);}

html[div='rtl'] .sidebar-menu ul li.active{transform: translateX(-10px);}
html[div='rtl'] .sidebar-menu ul li:hover{transform:translateX(-10px);}


html[lang='en-US'] .sidebar-menu ul li p, html[lang='en-IN'] .sidebar-menu ul li p, html[lang='en-ZA'] .sidebar-menu ul li p, html[lang='ms-MY'] .sidebar-menu ul li p, html[lang='id-ID'] .sidebar-menu ul li p {text-transform: capitalize;}

@media (max-width:1700px){
  .sidebar-menu { padding-block:57px 60px; padding-inline:90px 70px; }
}
@media (max-width:1500px){
  .sidebar-menu { padding-inline-start:100px !important; padding-inline-end:30px; }
}
@media (max-width:1400px){
  .sidebar-menu {min-width: 370px;box-shadow: 0 3px 3px #ccc; inset-inline-start:0px; transform:translateX(-110%);transition: .6s; padding-block:60px !important; padding-inline:0 !important; justify-content: center;}
  .sidebar-menu.show {transform:translateX(0%);}
  .sidebar-menu-show-btn {display:flex;}

  html[dir="rtl"] .sidebar-menu{ transform:translateX(110%)}
  html[dir="rtl"] .sidebar-menu.show {transform:translateX(0%);}  
  
  html[lang='ar-AE'] .sidebar-menu{ transform:translateX(110%)}
  html[lang='ar-AE'] .sidebar-menu.show {transform:translateX(0%);}  
}
@media (max-width:993px){
    .sidebar-menu-show-btn {top: 27%;}
  }
@media (max-width:768px){
  .sidebar-menu-show-btn {top: 34%;}
}
@media (max-width:510px){
  .sidebar-menu {padding-block:60px !important; width: 100%;min-width:100%;justify-content:center;}
  .sidebar-menu-show-btn.active{ inset-inline-start:calc(100% - 44px) !important;}
}
/* ! vantagemarekts|2026-05-11 10:00:00 ! */