@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}.dark{background-color:#222;color:#e6e6e6}body{background:rgb(243,241,240)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);background-clip:padding-box;border:4px solid transparent;border-radius:8px}::-webkit-scrollbar-track-piece{margin:5px}::-webkit-scrollbar-corner{display:none}.navbar{width:100vw;height:4rem;display:flex;align-items:center;padding:0 .6rem;justify-content:space-between}#darkmode{cursor:pointer}.left{display:flex;width:55vw;align-items:center;justify-content:space-between}.searchbox{background-color:#e5e5e5;width:35vw;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;height:2rem;border-radius:1.7rem}.dark .searchbox{background-color:#867979}.right{display:flex;flex:.4;justify-content:space-around;align-items:center;height:1.7rem;padding:0 1rem}i{margin:0% .5rem}.profile{background:white;border-radius:100%;padding:5px}.dark .profile{background-color:#333}.verticalnav{height:calc(100vh - 3rem);width:4rem}.top{display:flex;flex-direction:column;align-items:center;padding:3rem 0;gap:2rem}.house{background:rgb(255,255,255);border-radius:100%;padding:5px}.dark .house{background-color:#333}.homesection{display:flex}.home{background:rgb(241,232,232);width:calc(100vw - 4rem);padding:1rem;border-radius:2.5rem 2.5rem 0 0}.dark .home{background-color:#333}.sidemenu{position:fixed;height:calc(100vh - 20px);width:260px;bottom:0;left:0;padding:1rem;border-radius:0 2rem 2rem 0;background:#999;z-index:1000;transform:translate(0);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.dark .sidemenu{background-color:#1f1a1a}.sidemenu-heading{display:flex;justify-content:center;justify-content:space-between}.sidemenufunctions{display:flex;flex-direction:column;justify-content:center;margin-top:2rem;gap:1.5rem}#menuclose{cursor:pointer}.sidemenu-footer img{height:50px;width:50px;border-radius:100%;margin-left:.5rem}.sidemenu-footer{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;gap:2.7rem}.hideSidemenu{transform:translate(-260px)}.calender-head{display:flex;justify-content:center;justify-content:space-between}.calender-heading{margin-top:2rem;padding:1rem}.calenderview{background:rgb(51,194,177);height:250px;display:grid;grid-template-columns:repeat(7,1fr);border-radius:20px;padding:1rem}.dark .calenderview{background-color:#271f1f}.btn{margin:.35rem;height:30px;width:30px;background-color:#f6f7f0;border-radius:100%;border:0}.timeslot{margin-top:.5rem;padding:1rem}.available-time{display:flex;justify-content:space-between;flex-wrap:wrap}.time-select{background:yellow;height:40px;width:45%;padding:.8rem;margin:.5rem;border-radius:20px;justify-content:center}.dark .time-select{background-color:#271f1f}.message-slot{padding:.2rem;margin-left:1rem}.message{padding:.5rem;margin-left:1rem;border-radius:20px;align-items:center;width:90%}.book-slot{position:absolute;right:0;padding:.5rem;margin:3rem 1.5rem;border-radius:20px}.calender-field{position:fixed;height:calc(100vh - 20px);width:360px;bottom:0;left:0;padding:1.5rem 1rem;border-radius:0 2rem 2rem 0;background:rgb(226,226,200);z-index:1000;box-shadow:0 15px 2rem #3a353533;transform:translate(0);transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;overflow-x:hidden}.dark .calender-field{background-color:#434242}.calender-field-close{transform:translate(-360px)}.status{display:flex;flex-direction:column;padding:1rem;align-items:center}.numbers,.heading{display:flex}.result{flex:1;padding:.5rem 1rem}.resultheading{padding:0 1.5rem}.iconright{flex:1}.date,.icon{text-align:right;padding:.5rem 1rem}.category-box{display:flex;overflow-y:hidden;padding-bottom:1rem}.category{position:relative;width:-moz-max-content;width:max-content;display:flex;margin:1rem;justify-content:center}.category-thumbnail{width:170px;height:170px;border-radius:999px;background:rgb(204,192,255)}.category-heading{position:absolute;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;padding:12px 24px;bottom:-20px;background:orange;border-radius:150px}.video-container{display:flex;flex-wrap:wrap;margin-top:.8rem;justify-content:center}.video-header{display:flex;justify-content:space-between}.video-box{height:auto;padding:1rem;width:325px;margin:.8rem;background:rgb(178,229,186);position:relative;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.dark .video-box{background-color:#333}.video{height:130px;width:100%;margin:.7rem auto;background:rgb(216,143,209);border-radius:15px}.video-rating{display:flex}.heading-rating{display:flex;justify-content:space-between}.videobox-button{padding:.4rem .8rem;background:rgb(236,10,217);width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;align-self:flex-end;color:#fff;border-radius:1rem}