*{box-sizing:border-box;font-family:Cairo,sans-serif;padding:0}*,body{margin:0}.modal-footer button{display:block!important}.sidebar{background:#d34cbc;height:100%;left:0;position:fixed;top:0;transition:all .5s ease;width:25%;z-index:100}.sidebar.closee{width:60px}.sidebar .logo-details{align-items:center;display:flex;height:60px;width:100%}.sidebar .logo-details i{color:#fff;font-size:30px;height:50px;line-height:50px;min-width:50px;text-align:center}.sidebar .logo-details .logo_name{color:#fff;font-size:20px;font-weight:600;text-align:center;transition:.3s ease;transition-delay:.1s;width:100%}.sidebar.closee .logo-details .logo_name{opacity:0;pointer-events:none;transition-delay:0s}.sidebar .nav-links{height:100%;overflow:auto;padding:30px 0 150px}.sidebar.closee .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{color:#fff;cursor:pointer;list-style:none;position:relative;text-align:center;transition:all .4s ease;width:100%}.sidebar .nav-links li:hover{background:#6a085a}.sidebar .nav-links li .iocn-link{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.sidebar .nav-links li .iocn-linkk{align-items:center;display:flex;justify-content:space-between;margin-left:-60px}.sidebar.closee .nav-links li .iocn-link{display:block}.sidebar .nav-links li i{color:#fff;cursor:pointer;font-size:30px;height:50px;line-height:50px;min-width:50px;text-align:center;transition:all .3s ease}.closee .nav-links li div.iocn-linkk i.left{opacity:0}.sidebar li.showMenuu .nav-links div.iocn-linkk i.left{opacity:1}.sidebar .nav-links li.showMenu,.sidebar .nav-links li.showMenu ul{background-color:#6a085a}.sidebar .nav-links li.showMenu i.arrow,.sidebar .nav-links li.showMenuu i.arroww{transform:rotate(-180deg)}.sidebar.closee .nav-links i.arrow,.sidebar.closee .nav-links span{display:none}.sidebar.closee .nav-links span.link_namee{display:block}.sidebar .nav-links li a{align-items:center;display:flex;justify-content:center;text-decoration:none}.sidebar .nav-links li span.link_name{color:#fff;font-size:18px;font-weight:400;margin-left:15px;text-align:center;transition:all .4s ease;width:100%}.sidebar .nav-links li span.link_namee{color:#fff;font-size:15px;transition:all .4s ease;width:100%}.sidebar .nav-links li a .link_name{color:#fff;font-size:18px;font-weight:400;transition:all .4s ease}.sidebar.closee .nav-links li a .link_name{opacity:0;pointer-events:none}.sidebar .nav-links li .sub-menu{background:#d34cbc;display:none;margin-top:-10px}.sidebar .nav-links li .ssub-menu{background:#2313de;display:none;margin-top:-10px;padding:6px 6px 14px 0}.sidebar .nav-links li.showMenu .sub-menu,.sidebar .nav-links li.showMenuu .ssub-menu{display:block}.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;opacity:.6;padding:5px 55px;transition:all .3s ease;white-space:nowrap}.sidebar .nav-links li .sub-menu a:hover{opacity:1}.sidebar.closee .nav-links li .sub-menu{border-radius:6px 0 0 6px;display:block;margin-top:0;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:-10px;transition:0s}.sidebar.closee .nav-links li:hover .sub-menu{background-color:#6a085a;left:50px;opacity:1;pointer-events:auto;top:0;transition:all .4s ease}.sidebar .nav-links li .sub-menu .link_name{display:none}.sidebar.closee .nav-links li .sub-menu .link_name{display:block;font-size:18px;opacity:1}.sidebar .nav-links li .sub-menu.blank{opacity:1;opacity:0;padding:3px 20px 6px 16px;pointer-events:auto;pointer-events:none}.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%)}.sidebar .profile-details{align-items:center;background:#2e24a1;bottom:0;display:flex;justify-content:space-between;padding:12px 0;position:fixed;transition:all .5s ease;width:260px}.sidebar.closee .profile-details{background:none;width:78px}.sidebar .profile-details .profile-content{align-items:center;display:flex}.sidebar .profile-details img{background:#1d1b31;border-radius:16px;height:52px;margin:0 14px 0 12px;-o-object-fit:cover;object-fit:cover;transition:all .5s ease;width:52px}.sidebar.closee .profile-details img{padding:10px}.sidebar .profile-details .job,.sidebar .profile-details .profile_name{color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.sidebar.closee .profile-details .job,.sidebar.closee .profile-details .profile_name,.sidebar.closee .profile-details i{display:none}.sidebar .profile-details .job{font-size:12px}.home-section{background-color:#e9e9e9;height:auto;position:absolute;right:0;transition:all .5s ease;width:75%}.sidebar.closee~.home-section{left:60px;width:calc(100% - 60px)}.home-section .home-content{align-items:center;background:#d34cbc;box-shadow:0 -4px 15px #000;display:flex;height:60px;justify-content:space-between;padding:0 10px;position:sticky;top:0;z-index:1}.home-section .home-content button.logout{background-color:#11101d;border-radius:4px;color:#fff;cursor:pointer;margin-left:15px;padding:6px 21px}.home-section .home-content .bx-menu,.home-section .home-content .text{color:#fff;font-size:35px}.home-section .home-content .bx-menu{cursor:pointer;font-size:45px;margin:0 15px}.home-section .home-content .text{font-size:26px;font-weight:600}@media (max-width:420px){.sidebar.closee .nav-links li .sub-menu{display:none}}div.containerr .info{align-items:center;display:flex;height:40vh;justify-content:space-around;margin:0 auto;width:90%}div.containerr .info .img,div.containerr .info .left,div.containerr .info .right{height:100%;width:30%}div.containerr .info .img{align-items:center;display:flex;justify-content:center}div.containerr .info .img img{height:85%}@media only screen and (max-width:767px){.sidebar{width:50%}.sidebar.closee{width:50px}.home-section{background:var(--back);height:auto;left:0;position:relative;transition:all .5s ease;width:50%}.sidebar.closee~.home-section{right:50px;width:calc(100% - 50px)}}