*{margin:0;padding:0;box-sizing:border-box}.sidebar{position:fixed;top:15%;left:5px;height:700px;width:260px;background:var(--cd_kd-700);z-index:100;transition:all .5s ease;border-radius:15px}.sidebar.close{width:60px}.sidebar .logo-details{height:60px;width:100%;display:flex;align-items:center}.sidebar .logo-details i{font-size:30px;color:#fff;height:50px;min-width:60px;text-align:center;line-height:50px}.sidebar .logo-details .logo_name{font-size:22px;color:#fff;font-weight:600;transition:.3s ease;transition-delay:.1s}.sidebar.close .logo-details .logo_name{transition-delay:0s;opacity:0;pointer-events:none}.sidebar .nav-links{height:100%;padding:30px 0 150px;overflow:auto}.sidebar.close .nav-links{overflow:visible}.sidebar .nav-links::-webkit-scrollbar{display:none}.sidebar .nav-links li{position:relative;list-style:none;transition:all .4s ease}.sidebar .nav-links li:hover{background:var(--cd_kd-500)}.sidebar .nav-links li .icon-link{display:flex;align-items:center;justify-content:space-between}.sidebar.close .nav-links li .icon-link{display:block}.sidebar .nav-links li i{height:50px;min-width:60px;text-align:center;line-height:50px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.sidebar .nav-links li.showMenu i.arrow{transform:rotate(-180deg)}.sidebar.close .nav-links i.arrow{display:none}.sidebar .nav-links li a{display:flex;align-items:center;text-decoration:none}.sidebar .nav-links li a .link_name{font-size:18px;font-weight:600;font-stretch:105%;transition:all .4s ease;color:#fff;padding:0 0 10px}.sidebar.close .nav-links li a .link_name{opacity:0;pointer-events:none}.sidebar .nav-links li .sub-menu{padding:6px 6px 14px 80px;margin-top:-10px;background:var(--cd_kd-500);display:none}.sidebar .nav-links li.showMenu .sub-menu{display:block}.sidebar .nav-links .sub-menu .offline a,.sidebar .nav-links .sub-menu .offline a:hover{color:#999;font-size:15px;padding:5px 0;white-space:nowrap;opacity:1;transition:all .3s ease}.sidebar .nav-links li .sub-menu a{color:#fff;font-size:15px;font-weight:400;font-stretch:105%;padding:5px 0;white-space:nowrap;opacity:1;transition:all .3s ease;margin-left:2px}.sidebar .nav-links li .sub-menu a:hover{opacity:.5}.sidebar .nav-links li .sub-menu hr{height:.5px;border-width:0;background-color:#5fcac5;margin:5px}.sidebar.close .nav-links li .sub-menu{position:absolute;left:100%;top:-10px;margin-top:0;padding:10px 20px;border-radius:0 6px 6px 0;opacity:0;display:block;pointer-events:none;transition:0s}.sidebar.close .nav-links li:hover .sub-menu{top:0;opacity:1;pointer-events:auto;transition:all .4s ease}.sidebar .nav-links li .sub-menu .link_name{display:none}.sidebar.close .nav-links li .sub-menu .link_name{font-size:18px;font-weight:600;opacity:1;display:block;color:#fff;padding:0 0 10px}.sidebar .nav-links li .sub-menu.blank{pointer-events:auto;padding:3px 20px 6px 16px;opacity:0;pointer-events:none}.sidebar .nav-links li:hover .sub-menu.blank{top:50%;transform:translateY(-50%)}.one{width:80%;margin-left:10%;background-color:#000;height:400px}.sidebar .settings{position:fixed;bottom:0}.sidebar .profile-details{position:fixed;bottom:2%;width:260px;display:flex;align-items:center;justify-content:space-between;background:var(--cd_kd-900);padding:12px 0;transition:all .5s ease;border-radius:15px}.sidebar.close .profile-details{background:none;width:78px}.sidebar .profile-details .profile-content{display:flex;align-items:center}.sidebar .profile-details img{height:52px;width:52px;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin:0 14px 0 12px;background:var(--cd_kd-900);transition:all .5s ease}.sidebar.close .profile-details img{padding:10px}.sidebar .profile-details .profile_name,.sidebar .profile-details .job{color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.sidebar.close .profile-details i,.sidebar.close .profile-details .profile_name,.sidebar.close .profile-details .job{display:none}.sidebar .profile-details .job{font-size:12px}.home-section{position:relative;height:50vh;left:260px;width:calc(100% - 260px);transition:all .5s ease}.sidebar.close~.home-section{left:78px;width:calc(100% - 78px)}.home-section .home-content{height:0px;display:flex;align-items:center}.home-section .home-content .bx-menu,.home-section .home-content .text{color:#006064;font-size:35px}.home-section .home-content .bx-menu{margin:0 15px;cursor:pointer}.home-section .home-content .text{font-size:26px;font-weight:600}@media (max-width: 420px){.sidebar.close .nav-links li .sub-menu{display:none}}.display-none{display:none}