*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif}body{margin:0;padding:0;background:#f8f9fa}a{text-decoration:none}ul{list-style:none}.sidebar{position:fixed;left:0;top:50%;height:auto;width:60px;background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:50px;transform:translateY(-50%);margin-left:15px;border:1px solid #cccccccc}.sidebar .link{display:block;padding:15px;text-align:center;color:#333;transition:.3s;margin:2px 0}.sidebar .link:hover{background:#f1f1f1;border-radius:10px}.sidebar i{font-size:25px}.content{width:100%;max-width:1024px;margin:0 auto;padding-top:10px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.card{border:none;box-shadow:0 4px 10px #0000001a;border-radius:10px;transition:all .3s;height:300px;display:flex;justify-content:end;overflow:hidden;transition:all .3s ease-in-out}.card-inner{transform:translateY(45px);transition:all .3s ease-in-out}.card-title{font-weight:600}.text-muted{color:#a3a3a3!important}.card i{transition:all .3s ease-in-out}.card:hover .card-inner{transform:translateY(0)}.card:hover i{transform:scale(.8);transition:all .3s ease-in-out}.card:hover{background:#f4f4f4!important}.get-btn{font-size:13px;color:#333;font-weight:600;display:flex;align-items:center}.get-btn i{margin-left:5px;font-size:18px}.card .icon_box i{font-size:50px}.about-box .col-md-3{padding:0}.about-box .card{border-radius:0;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 12px 24px #0000000d;height:256px}.about-box .card:hover{background:#fff}.about-box .card .text-muted{font-size:14px}