.header{width:100%;position:fixed;top:0}.header-container{flex-wrap:wrap;width:100%;padding:16px 20px;display:flex}.logo-cont{border-radius:1px solid white;width:6rem}.logo-cont Img{border-radius:1px solid white}.header-container .nav-box{border:2px solid #2e2e2e;border-radius:2rem;align-items:center;height:60px;display:flex;overflow:hidden}.nav-cont{align-items:center;min-width:30%;margin-left:4rem;display:flex}.header-container .nav-box a{color:#c5c5c5;border-radius:3rem;padding:.4rem 2rem;font-size:12px;line-height:55px;text-decoration:none}.header-container .nav-box a:hover{background-color:#202020}.login-btn{border:1px solid #000;border-radius:6px;padding:8px 16px;text-decoration:none}body.light{color:#2f2f2f;background:#fff}body.dark{color:#c8c8c8;background:#000}.footer-nav{padding:.4rem;font-size:11px}.footer-nav a{padding:.4rem}.footer-copy{color:#595959;padding:.4rem;font-size:11px;position:fixed;bottom:0;right:5px}.footer{position:fixed;bottom:0}.footer-container{padding:.4rem;display:flex}.toggle-bt-style{cursor:pointer;padding:2rem;font-size:12px;position:absolute;right:10px}.theme-switch{cursor:pointer}.switch-track{background:#ccc;border-radius:50px;width:50px;height:26px;transition:background .3s;position:relative}.switch-track.dark{background:#4f46e5}.switch-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:2px;left:2px}.switch-track.dark .switch-thumb{transform:translate(24px)}.heading-banner-cont{align-items:center;height:30rem;display:flex}.heading-banner-01{width:50%;margin-left:8rem;font-size:30px;font-weight:50}.style-grey-01{color:#a0a0a0;border:1px solid #545454;border-radius:.4rem;margin-left:4rem;padding:.4rem .8rem}.style-grey-01:hover{background-color:#242424}