body.single{ background:#fefefe;}
.single-sidebar {position:fixed; left:0px; top:150px;bottom: 0px; background:var(--v-white);padding:10px 70px 60px 300px;color:var(--v-black);z-index: 99;display:flex;justify-content:flex-end;}
.single-sidebar p.tit{ margin-bottom:22px;font-weight: 600;font-size: var(--fs-22);}
.single-sidebar.page-bottom{position: absolute;}
.single-sidebar .single-sidebar-box {width:230px;}
.single-sidebar span{ display:none;}
.single-sidebar a{margin-bottom:5px;font-weight: 500;cursor: pointer;transition:0.3s;padding-left:10px;margin-left:-10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.single-sidebar a:hover{transform:translateX(10px);  color: var(--v-red-dark);}
.single-sidebar a.active {color: var(--v-red-dark);position: relative;transform:translateX(10px);}
.single-sidebar a::after {content:'';display:none;width: 6px;height:6px;position: absolute;left:0px;top:50%;margin-top:-3px;background:var(--v-red-dark);}
.single-sidebar a.active::after { display:block;}

.single-sidebar-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:100;justify-content: flex-end;align-items: center; padding: 0 11px; display:none; cursor: pointer; backdrop-filter: blur(34px); -webkit-backdrop-filter: blur(34px); transition:all 0.3s linear .5s;}
.single-sidebar-show-btn.active{ opacity:0;}
.single-sidebar-show-btn img{max-width: 8px;}

.single-sidebar-hide-btn {position: absolute;width: 44px; height:44px;border-radius:12px 0 0 12px; background: rgba(99, 99, 99, 0.84);right:0;top:60px;z-index:100;justify-content: flex-start;align-items: center; padding: 0 11px; display: none; cursor: pointer; backdrop-filter: blur(34px); -webkit-backdrop-filter: blur(34px); transition:all 0.3s linear .5s; opacity:0;}
.single-sidebar-hide-btn.active{ opacity:1;}
.single-sidebar-hide-btn img{max-width: 8px; transform: rotateZ(180deg);}

footer {position: relative;z-index: 999;}




html[lang='ar-AE'] .single-sidebar .single-sidebar-box{ text-align:right;}
html[lang='ar-AE'] .single-sidebar a{ padding-left:0; padding-right:10px; margin-left:0; margin-right:-10px;}
html[lang='ar-AE'] .single-sidebar a::after{ left:auto; right:0px;}
html[lang='ar-AE'] .single-sidebar a.active{transform: translateX(-10px);}


@media (max-width:1700px){
	.single-sidebar {padding:10px 70px 60px 180px;}
}
@media (min-width:1401px){
	.single-wrapper .inner,
	.academy-three-area-wrap .inner{padding-left:500px;}
}
@media (max-width:1400px){
	.single-sidebar {width:auto;min-width: 350px;box-shadow: 0 3px 3px #ccc;left: 0px;transform:translateX(-110%);transition: .6s; padding-left:60px !important;}
	.single-sidebar.show {transform:translateX(0%);}
	.single-sidebar-hide-btn,
	.single-sidebar-show-btn {display:flex;}
}
@media (max-width:1024px){
	/*.single-sidebar-show-btn {left:20px;}*/
}
@media (max-width:768px){
	.single-sidebar {padding:10px 70px 60px;}
}
@media (max-width:510px){
	.single-sidebar {padding:10px 30px 30px !important;width: 100%;min-width:100%;justify-content: flex-start;}
	.single-sidebar .single-sidebar-box{ margin:0px auto;}
}