body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--light-separator-color:#e1e1e1;--active-nav-btn-color:#5541d7;--active-nav-text-color:#f7f7fc;--inactive-nav-icon-color:#9a9ab0;--active-nav-icon-color:#fff;--card-background-color:#fff;--app-black-text-color:#11142d;--app-green-text-color:#42bda1;--content-view-background-color:#f8f8fc}@font-face{font-family:Mulish;font-weight:700;src:url(/static/media/Mulish-Regular.06ce9c37c31ae94797a2.ttf)}@font-face{font-family:Mulish Bold;font-weight:700;src:url(/static/media/Mulish-Bold.1f6c3935d7359190d7dd.ttf)}*{font-family:Mulish}*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:.2em}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000}::-webkit-scrollbar-thumb{background-color:#0000001a;outline:1px solid #708090}.App{color:#11142d;color:var(--app-black-text-color);max-width:100vw;overflow-x:hidden}.app-header{position:sticky;top:0}.clear-fix{clear:both}@keyframes scaleCard{0%{transform:scale(1)}to{transform:scale(1.075)}}@media screen and (max-width:320px){.header{border-bottom:1px solid var(--light-separator-color);flex-direction:column;justify-content:center;position:fixed;top:0;z-index:1}.header,.upper-header{align-items:center;display:flex;height:80px;width:100%}.upper-header{flex-direction:row;justify-content:space-between;padding-left:10px;padding-right:10px}.lower-header,.tab-nav-container{display:none}.left-group{align-items:center;display:flex;flex-direction:row;height:29px;justify-content:space-between;width:175px}.left-group img{height:29px;width:29px}.left-group span{font-size:1.5em;height:29px;text-decoration:none;text-transform:none;width:126px}.right-group{align-items:center;display:none;flex-direction:row;height:70px;justify-content:space-evenly;width:400px}.hamburger-menu{height:40px;width:40px}.hamburger-menu img{height:100%;width:100%}.hamburger-menu-items{border:1px solid green;border-bottom-left-radius:8px;height:600px;position:absolute;width:200px}}@media screen and (min-width:320px){.header{background-color:#fff;border-bottom:1px solid var(--light-separator-color);position:fixed;top:0;z-index:1}.header,.upper-header{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:space-between;width:100%}.upper-header{padding-left:10px;padding-right:10px}.lower-header,.tab-nav-container{display:none}.left-group{align-items:center;display:flex;flex-direction:row;height:29px;justify-content:space-between;width:175px}.left-group img{height:29px;width:29px}.left-group span{color:var(--active-nav-btn-color);font-family:Mulish Bold;font-size:1.5em;height:29px;text-decoration:none;text-transform:none;width:126px}.right-group{align-items:center;display:none;flex-direction:row;height:70px;justify-content:space-evenly;width:400px}.notification-container{margin-left:-175px;margin-top:60px;position:absolute;top:0}.hamburger-menu{cursor:pointer}.hamburger-menu,.hamburger-menu img{height:40px;width:40px}}@media screen and (min-width:672px){.header{border-bottom:1px solid var(--light-separator-color);display:flex;flex-direction:column;height:120px;justify-content:space-evenly;position:fixed;top:0;width:100%;z-index:1}.upper-header{flex-direction:row;justify-content:space-between;padding-left:10px;padding-right:10px}.lower-header,.upper-header{align-items:center;display:flex;height:60px;width:100%}.lower-header{justify-content:center}.tab-nav-container{height:60px;width:640px}.left-group,.tab-nav-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.left-group{height:29px;width:175px}.left-group img{height:29px;width:29px}.left-group span{font-size:1.5em;height:29px;text-decoration:none;text-transform:none;width:126px}.right-group{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:space-between;width:300px}.love-block{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;font-size:24px;height:50px;justify-content:center;width:60px}.love-block img{height:20px;width:20px}.notification-block{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;font-size:24px;height:50px;justify-content:center;width:60px}.notification-block img{height:20px;width:20px}.user-block{flex-direction:row;height:50px;justify-content:space-between;width:200px}.user-avatar,.user-block{align-items:center;display:flex}.user-avatar{border-radius:50%;height:45px;justify-content:center;width:45px}.user-avatar img{border-radius:50%;height:40px;width:40px}.logon-user{align-items:center;display:flex;flex-direction:column;height:50px;justify-content:center;width:150px}.user-name{color:var(--app-black-text-color);font-size:.9em}.email,.user-name{align-items:center;display:flex;font-family:Mulish;height:25px;justify-content:center;width:150px}.email{color:var(--light-separator-color);font-size:.68em}.hamburger-menu,.hamburger-menu-items{display:none}}@media screen and (min-width:1024px){.header{justify-content:center;position:fixed;top:0;z-index:1}.header,.upper-header{align-items:center;border-bottom:1px solid var(--light-separator-color);display:flex;flex-direction:row;height:80px;width:100%}.upper-header{justify-content:space-between;padding-left:10px;padding-right:10px}.lower-header,.tab-nav-container{display:none}.left-group{align-items:center;display:flex;flex-direction:row;height:29px;justify-content:space-between;text-decoration:none;text-transform:none;width:175px}.left-group img{height:29px;width:29px}.left-group span{font-size:1.5em;height:29px;text-decoration:none;text-transform:none;width:126px}.right-group{align-items:center;display:block;display:flex;flex-direction:row;height:70px;justify-content:space-evenly;width:400px}.love-block{align-items:flex-start;display:flex;flex-direction:column;height:70px;justify-content:center;width:80px}.love-block img{height:20px;width:20px}.notification-block{align-items:flex-start;display:flex;flex-direction:column;height:70px;justify-content:center;position:relative;width:80px}.notification-block img{height:20px;width:20px}.user-block{cursor:pointer;flex-direction:row;height:70px;justify-content:space-between;width:260px}.user-avatar,.user-block{align-items:center;display:flex}.user-avatar{border-radius:50%;height:60px;justify-content:center;width:60px}.user-avatar img{border-radius:50%;height:100%;width:100%}.logon-user{align-items:center;display:flex;flex-direction:column;height:70px;justify-content:center;width:180px}.user-name{font-size:1em;justify-content:center}.email,.user-name{align-items:center;color:var(--active-nav-btn-color);display:flex;font-family:Mulish;height:35px;width:180px}.email{font-size:.7em;justify-content:flex-start}.user-menu{background-color:var(--active-nav-btn-color);border:1px solid green;border-radius:0 0 0 8px;box-shadow:1px 1px 2px 1px silver;display:none;height:200px;margin-top:80px;position:absolute;right:0;top:0;width:260px;z-index:1}.user-menu ul{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.user-menu ul>li{align-items:center;border-bottom:1px solid var(--light-separator-color);color:#fff;cursor:pointer;display:flex;flex-direction:row-reverse;height:50px;justify-content:space-between;list-style:none;margin-left:5%;width:90%}.user-menu ul>li:last-child{border-bottom:none}.user-menu ul>li:hover{background-color:var(--light-separator-color);border-radius:5px;color:var(--active-nav-btn-color);transition:all .3s ease-in}.user-menu ul>li>span:first-child{width:80%}.user-menu ul>li>span:first-child,.user-menu ul>li>span:nth-child(2){align-items:center;color:inherit;display:flex;font-size:20px;height:100%;padding-left:15px}.user-menu ul>li>span:nth-child(2){width:20%}.hamburger-menu,.hamburger-menu-items{display:none}}@media screen and (max-width:320px){.tabnavbutton{display:none}}@media screen and (min-width:320px){.tabnavbutton{display:none}}@media screen and (min-width:672px){.tabnavbutton{border-radius:8px;color:var(--app-black-text-color)}.tabnavbutton,.tabnavbutton-active{align-items:center;cursor:pointer;display:flex;font-family:Mulish Bold;font-size:.9em;height:40px;justify-content:center;width:100px}.tabnavbutton-active{background-color:var(--active-nav-btn-color);border:1px solid var(--active-nav-btn-color);border-radius:8px;color:var(--active-nav-text-color)}}@media screen and (min-width:1024px){.tabnavbutton{display:none}}@media screen and (min-width:320px){.notifications{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;width:350px}.notification-header{align-items:center;display:flex;justify-content:space-between}.settings-btn{background:none;border:none;cursor:pointer}.notification-list{list-style-type:none;margin:16px 0;padding:0}.see-all{margin-top:16px;text-align:center}.see-all a{color:#6b5bff;font-weight:700;text-decoration:none}}@media screen and (min-width:768px){.notification{align-items:center;display:flex;margin-bottom:12px}.avatar-placeholder{background-color:#e0e0e0;border-radius:50%;height:40px;margin-right:12px;width:40px}.notification-content{flex:1 1}.notification-text{font-size:14px;margin:0}.notification-time{color:#888;font-size:12px;margin:4px 0 0}}@media screen and (max-width:320px){.hamburger-menu-items{background-color:var(--active-nav-btn-color);border-bottom-left-radius:8px;box-shadow:2px 2px 3px 2px gray;box-sizing:border-box;height:500px;margin-left:calc(100% - 300px);padding:0;position:absolute;top:0;width:300px}.close-div{border-bottom:1px solid silver;height:62.5px;position:relative;width:100%}.nav-close-btn{align-items:center;border-radius:16px;color:var(--active-nav-text-color);cursor:pointer;display:flex;flex-direction:row;font-size:32px;height:32px;justify-content:center;margin-left:calc(100% - 45px);margin-top:15.25px;padding-top:-8px;position:absolute;width:32px}.menu-user-div{border-bottom:1px solid silver;height:187.5px;padding-left:15px}.menu-user-div,.nav-btn-div{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.nav-btn-div{height:250px;padding-bottom:15px;padding-left:20px}.user-pref-icon{cursor:pointer;justify-content:space-between;width:250px}.pref-icon-img,.user-pref-icon{align-items:center;display:flex;flex-direction:row;height:46.87px}.pref-icon-img{justify-content:center;width:50px}.pref-icon-img img{height:25px;width:25px}.pref-icon-title{align-items:center;color:var(--active-nav-text-color);display:flex;flex-direction:row;font-family:Mulish Bold;font-size:18px;height:46.87px;justify-content:flex-start;width:200px}.sm-logon-user{justify-content:space-between;width:250px}.sm-logon-user,.sm-user-icon{align-items:center;display:flex;flex-direction:row;height:93.75px}.sm-user-icon{justify-content:center;width:60px}.sm-user-icon img{border-radius:20px;height:40px;width:40px}.logon-user-title{align-items:flex-start;display:flex;flex-direction:column;height:93.75px;justify-content:space-around;width:190px}.sm-user-name{align-items:flex-end;color:var(--active-nav-text-color);display:flex;flex-direction:row;font-size:18px;height:46.9px;width:180px}.sm-user-email{color:silver;font-size:13px;height:46.9px;width:180px}}@media screen and (min-width:320px){.hamburger-menu-items{background-color:var(--active-nav-btn-color);border-bottom-left-radius:8px;box-shadow:1px 1px 2px 1px gray;box-sizing:border-box;height:fit-content;margin-left:calc(100% - 300px);padding:0;position:absolute;top:0;width:300px;z-index:1}.close-div{border-bottom:1px solid silver;height:62.5px;position:relative;width:100%}.nav-close-btn{align-items:center;border-radius:16px;color:var(--active-nav-icon-color);cursor:pointer;display:flex;flex-direction:row;font-size:32px;height:32px;justify-content:center;margin-left:calc(100% - 45px);margin-top:15.25px;padding-top:-8px;position:absolute;width:32px}.menu-user-div{border-bottom:1px solid silver;justify-content:space-evenly;padding-left:15px}.menu-user-div,.sm-user-menu-container{align-items:flex-start;display:flex;flex-direction:column;height:fit-content;width:100%}.sm-user-menu-container{border-top:1px solid var(--light-separator-color);gap:3px;justify-content:flex-start}.sm-user-menu{align-items:center;display:flex;flex-direction:row-reverse;height:46.87px;justify-content:space-between;width:100%}.sm-user-menu span:first-child{justify-content:flex-start;width:80%}.sm-user-menu span:first-child,.sm-user-menu span:nth-child(2){align-items:center;color:#fff;display:flex;flex-direction:row;font-size:18px;height:100%}.sm-user-menu span:nth-child(2){justify-content:center;width:20%}.nav-btn-div{align-items:flex-start;display:flex;flex-direction:column;height:250px;justify-content:space-evenly;padding-bottom:15px;padding-left:20px;width:100%}.user-pref-icon{cursor:pointer;justify-content:space-between;width:250px}.pref-icon-img,.user-pref-icon{align-items:center;display:flex;flex-direction:row;height:46.87px}.pref-icon-img{color:#fff;font-size:24px;justify-content:center;width:50px}.pref-icon-img img{height:25px;width:25px}.pref-icon-title{color:var(--active-nav-text-color);font-family:Mulish Bold;font-size:18px;height:46.87px;justify-content:flex-start;width:200px}.pref-icon-title,.sm-logon-user{align-items:center;display:flex;flex-direction:row}.sm-logon-user{height:93.75px;justify-content:space-between;width:270px}.sm-chevron-div{color:#fff}.sm-user-icon{align-items:center;display:flex;flex-direction:row;height:93.75px;justify-content:center;width:60px}.sm-user-icon img{border-radius:20px;height:40px;width:40px}.logon-user-title{align-items:flex-start;display:flex;flex-direction:column;height:93.75px;justify-content:space-around;width:190px}.sm-user-name{align-items:flex-end;color:var(--active-nav-text-color);display:flex;flex-direction:row;font-size:18px;height:46.9px;width:180px}.sm-user-email{color:silver;font-size:13px;height:46.9px;width:180px}}@media screen and (min-width:320px){.smallnavbtn{background-color:initial;border:none;border-radius:5px;color:var(--active-nav-icon-color)}.small-menu-btn-active,.smallnavbtn{align-items:cent;cursor:pointer;display:flex;flex-direction:row;font-family:Mulish Bold;font-size:20px;height:50px;justify-content:space-around;width:200px}.small-menu-btn-active{background-color:var(--active-nav-text-color);border:1px solid var(--active-nav-text-color);border-radius:5px;color:var(--app-black-text-color)}.small-menu-btn-icon{align-content:center;align-items:center;display:flex;height:50px;justify-content:flex-start;padding-left:10px;width:60px}.small-menu-btn-icon img{height:30px;width:30px}.small-menu-btn-title{align-content:center;height:50px;text-align:left;width:140px}}@media screen and (max-width:320px){.asidenav{display:none}}@media screen and (min-width:320px){.asidenav{display:none}}@media screen and (min-width:672px){.asidenav{display:none}}@media screen and (min-width:1024px){.asidenav{border-right:1px solid var(--light-separator-color);display:block;height:calc(100vh - 80px);margin-left:0;margin-top:80px;position:fixed;width:256px}.nav-btn-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;margin-left:calc(50% - 100px);margin-top:15px;width:200px}}@media screen and (min-width:320px){.navbutton{align-items:center;border:none;border-radius:5px;color:var(--app-black-text-color);cursor:pointer;display:flex;flex-direction:row;font-family:Mulish Bold!important;font-size:16px;height:40px;justify-content:space-around;width:180px}.navbutton:hover{background-color:violet;color:#fff;height:41px;transition:background-color .4s ease-in;width:185px}.btn-icon{align-content:center;align-items:center;display:flex;height:40px;justify-content:center;width:60px}.btn-icon img{height:20px;width:20px}.btn-title{align-content:center;height:40px;text-align:left;width:120px}.btn-active{align-items:center;background-color:var(--active-nav-btn-color);border:1px solid var(--active-nav-btn-color);border-radius:5px;color:var(--active-nav-text-color);cursor:pointer;display:flex;flex-direction:row;font-family:Mulish Bold;font-size:16px;height:40px;justify-content:space-around;width:180px}}@media screen and (max-width:320px){.contentview{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:calc(100vh - 80px);overflow-x:hidden;width:100%}}@media screen and (min-width:320px){.contentview{align-items:center;background-color:var(--content-view-background-color);display:flex;flex-direction:row;justify-content:center;margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;width:100%}}@media screen and (min-width:672px){.contentview{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:0;margin-top:120px;min-height:calc(100vh - 120px);overflow-x:hidden;width:100%}}@media screen and (min-width:1024px){.contentview{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:256px;margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;position:absolute;width:calc(100vw - 256px)}}@keyframes scroll-horizontal{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media screen and (max-width:320px){.dash-learning-title{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-top:20px;width:60%}.dash-learning-title span:first-child{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:24px}.dash-learning-title span:nth-child(2){color:var(--active-nav-btn-color);cursor:pointer;font-family:Mulish Bold;font-size:14px}.dash-learning-title span:nth-child(2):hover{color:var(--app-green-text-color)}.dashboard-learning{box-sizing:border-box;display:block;margin-top:30px;width:100%}.dash-learning-left{flex-direction:column;float:left;width:60%}.dash-learning-left,.dash-learning-right{align-items:center;display:flex;height:fit-content}.dash-learning-right{flex-direction:row;float:right;justify-content:center;width:40%}.recommended-title{height:50px;margin-top:50px;width:100%}.recommended-title span{font-family:Mulish Bold;font-size:31px}.recommended-courses{align-items:center;display:flex;flex-direction:column;gap:25px;height:fit-content;justify-content:space-evenly;margin-top:30px;width:100%}.recommended-courses:hover{animation-play-state:paused}}@media screen and (min-width:320px){.dashboard{height:fit-content;padding-top:20px;width:95%}.dash-learning-title{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-left:2.5%;margin-top:20px;width:95%}.dash-learning-title span:first-child{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:24px}.dash-learning-title span:nth-child(2){color:var(--active-nav-btn-color);cursor:pointer;font-family:Mulish Bold;font-size:14px}.dash-learning-title span:nth-child(2):hover{color:var(--app-green-text-color)}.dashboard-learning{display:flex;flex-direction:column-reverse;height:fit-content;margin-top:10px;width:100%}.dash-learning-left{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px}.dash-learning-left,.dash-learning-right{align-items:center;display:flex;height:fit-content;width:100%}.dash-learning-right{flex-direction:column;justify-content:center}.recommended-title{height:50px;margin-top:50px;width:100%}.recommended-title span{font-family:Mulish Bold;font-size:31px}.recommended-courses{align-items:center;animation:scroll-horizontal 50s linear infinite;animation-delay:1s;display:flex;flex-direction:row;gap:25px;height:fit-content;justify-content:space-between;margin-top:30px;width:fit-content}.recommended-courses:hover{animation-play-state:paused}}@media screen and (min-width:672px){.dash-learning-title{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-left:2.5%;margin-top:20px;width:95%}.dash-learning-title span:first-child{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:31px}.dash-learning-title span:nth-child(2){color:var(--active-nav-btn-color);cursor:pointer;font-family:Mulish Bold;font-size:16px}.dash-learning-title span:nth-child(2):hover{color:var(--app-green-text-color)}.dashboard-learning{box-sizing:border-box;display:block;margin-top:30px;width:100%}.dash-learning-left{flex-direction:column;float:left;width:60%}.dash-learning-left,.dash-learning-right{align-items:center;display:flex;height:fit-content}.dash-learning-right{flex-direction:row;float:right;justify-content:center;width:40%}.recommended-title{height:50px;margin-top:50px;width:100%}.recommended-title span{font-family:Mulish Bold;font-size:31px}.recommended-courses{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:fit-content;justify-content:space-between;margin-top:30px}}@media screen and (min-width:1024px){.dash-learning-title{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-left:2.5%;margin-top:20px;width:95%}.dash-learning-title span:first-child{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:31px}.dash-learning-title span:nth-child(2){color:var(--active-nav-btn-color);cursor:pointer;font-family:Mulish Bold;font-size:16px}.dash-learning-title span:nth-child(2):hover{color:var(--app-green-text-color)}.dashboard-learning{box-sizing:border-box;display:block;margin-top:30px;width:100%}.dash-learning-left{flex-direction:column;float:left;width:60%}.dash-learning-left,.dash-learning-right{align-items:center;display:flex;height:fit-content}.dash-learning-right{flex-direction:row;float:right;justify-content:flex-end;width:40%}.recommended-title{height:50px;margin-top:50px;width:100%}.recommended-title span{font-family:Mulish Bold;font-size:31px}.recommended-courses{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:fit-content;justify-content:space-between;margin-top:30px}}@media screen and (min-width:320px){.progress-calendar{background-color:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:1px 1px 2px 1px gray;margin-top:20px;padding:20px;width:300px}.progress-calendar:hover{animation:scaleCard .1s linear 0s 1 forwards}.progress-header{display:flex;height:20px;justify-content:space-between;margin-bottom:10px;width:260px}.progress-header h5{font-size:16px;margin:0}.calendar{display:flex;flex-direction:column;height:190px;width:260px}.weekdays{color:#888;font-size:12px;height:15px;margin-bottom:5px}.week,.weekdays{display:flex;justify-content:space-between;width:260px}.day{border-radius:5px;height:30px;margin:2px;width:30px}.level-0{background-color:#f0f0f0}.level-1{background-color:#cceadf}.level-2{background-color:#99d5bf}.level-3{background-color:#66c0a0}.level-4{background-color:#33ab80}.legend{align-items:center;display:flex;font-size:12px;margin-top:10px}.legend span{margin:0 5px}.legend-box{border-radius:3px;height:20px;margin:0 2px;width:20px}}@media screen and (min-width:320px){.successhabit{align-items:flex-start;background-color:#dcdce6;background-position:50%;background-size:cover;border-radius:10px;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:column;height:400px;justify-content:center;padding-left:15px;position:relative;width:100%}.overlay-content{color:#1b1b1d;font-family:Mulish Bold;padding:20px;position:absolute;text-align:left}.overlay-content h1{color:#fff;font-size:48px;font-weight:700;margin-bottom:8px}.overlay-content p{color:#666;font-family:Mulish;font-size:16px;margin-bottom:16px}.explore-button{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:16px;padding:10px 20px}.explore-button:hover{background-color:#5a4ecc}}@media screen and (min-width:320px){.mylearning{min-height:calc(100vh - 80px);width:100%}.my-learning-title{background-color:var(--card-background-color);box-shadow:1px 1px 2px 1px gray;font-family:Mulish Bold;font-size:24px;justify-content:flex-start;padding:25px;position:fixed;width:100%;z-index:1}.learning-heading-tabs,.my-learning-title{align-items:center;display:flex;flex-direction:row;height:60px}.learning-heading-tabs{justify-content:space-around;margin-top:70px;max-width:500px}.learning-heading-tabs span{border-radius:8px;color:var(--active-nav-btn-color);font-family:Mulish;font-size:12px;height:35px;min-width:90px;padding-top:7px;text-align:center}.my-learning-bottom{display:flex;flex-direction:column-reverse;min-height:350px;width:100%}.learning-bottom-left{flex-direction:column}.learning-bottom-left,.learning-bottom-right{align-items:center;display:flex;justify-content:center;width:100%}.learning-bottom-right{flex-direction:row;margin-bottom:30px}}@media screen and (min-width:672px){.mylearning{min-height:calc(100vh - 80px)}.learning-heading-tabs{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:space-around;margin-top:70px;max-width:500px}.learning-heading-tabs span{border-radius:8px;font-family:Mulish;font-size:16px;height:35px;min-width:130px;padding-top:7px;text-align:center}.my-learning-bottom{box-sizing:border-box;display:block;min-height:350px;width:100%}.learning-bottom-left{flex-direction:column;float:left;min-height:fit-content;padding-top:30px;width:55%}.learning-bottom-left,.learning-bottom-right{align-items:center;display:flex;justify-content:center}.learning-bottom-right{flex-direction:row;float:right;min-height:350px;width:45%}}@media screen and (min-width:1024px){.mylearning{min-height:calc(100vh - 80px)}.learning-heading-tabs{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:space-around;margin-top:70px;max-width:600px}.learning-heading-tabs span{border-radius:8px;height:45px;min-width:180px;padding-top:10px;text-align:center}.learning-heading-tabs span:hover{border-bottom:1px solid silver;box-shadow:1px 1px 2px 1px gray;cursor:pointer;font-family:Mulish Bold}.my-learning-bottom{box-sizing:border-box;display:block;min-height:350px;width:100%}.learning-bottom-left{flex-direction:column;float:left;min-height:fit-content;padding-top:30px;width:60%}.learning-bottom-left,.learning-bottom-right{align-items:center;display:flex;justify-content:center}.learning-bottom-right{flex-direction:row;float:right;min-height:350px;width:40%}}@media screen and (max-width:320px){.courseprogresscard{align-items:center;background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:column;height:350px;justify-content:space-evenly;margin-bottom:25px;width:300px}.courseprogresscard:hover{animation:scaleCard .1s linear 0s 1 forwards}.progress-card-image{background-color:#dcdce6;border-radius:15px;height:280px;margin-top:5px;overflow:hidden;width:280px}.progress-card-image img{height:280px;object-fit:fill;width:280px}.progress-card-content{align-items:flex-start;display:flex;flex-direction:column;height:130px;justify-content:space-between;width:280px}.card-title{color:#1b1b1d;font-size:18px;font-weight:700;margin-bottom:5px}.card-subtitle{color:#666;font-size:14px;margin-bottom:10px}.progress-info{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:25px;width:100%}.progress-text{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:12px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:5px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background-color:var(--active-nav-btn-color);height:100%}.resume-button{height:120px;position:relative;width:280px}.resume-button button{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:14px;height:30px;margin-top:25px;position:absolute;width:280px}.resume-button button:hover{background-color:#5a4ecc}}@media screen and (min-width:320px){.courseprogresscard{align-items:center;background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:column;height:350px;justify-content:space-evenly;margin-bottom:25px;width:300px}.courseprogresscard:hover{animation:scaleCard .1s linear 0s 1 forwards}.progress-card-image{background-color:#dcdce6;border-radius:15px;height:280px;margin-top:5px;overflow:hidden;width:280px}.progress-card-image img{height:280px;object-fit:fill;width:280px}.progress-card-content{align-items:flex-start;display:flex;flex-direction:column;height:130px;justify-content:space-between;width:280px}.card-title{color:#1b1b1d;font-size:18px;font-weight:700;margin-bottom:5px}.card-subtitle{color:#666;font-size:14px;margin-bottom:10px}.progress-info{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:25px;width:100%}.progress-text{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:12px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:5px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background-color:var(--active-nav-btn-color);height:100%}.resume-button{height:120px;position:relative;width:280px}.resume-button button{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:14px;height:30px;margin-top:25px;position:absolute;width:280px}.resume-button button:hover{background-color:#5a4ecc}}@media screen and (min-width:672px){.courseprogresscard{align-items:center;background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:150px;justify-content:space-evenly;margin-bottom:25px;width:400px}.progress-card-image{background-color:#dcdce6;border-radius:10px;height:130px;overflow:hidden;width:150px}.progress-card-image img{height:130px;object-fit:cover;width:150px}.progress-card-content{align-items:flex-start;display:flex;flex-direction:column;height:130px;justify-content:space-between;width:146.67px}.progress-card-title{color:#1b1b1d;font-size:18px;font-weight:700;margin-bottom:5px}.progress-card-subtitle{color:#666;font-size:14px;margin-bottom:10px}.progress-info{align-items:flex-start;display:flex;flex-direction:column;height:25px;width:100%}.progress-text{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:12px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:5px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background-color:var(--active-nav-btn-color);height:100%}.resume-button{align-items:flex-end;display:flex;flex-direction:row;height:130px;justify-content:center;width:73.3px}.resume-button button{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:14px;height:30px;width:70px}.resume-button button:hover{background-color:#5a4ecc}}@media screen and (min-width:1024px){.courseprogresscard{align-items:center;background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:150px;justify-content:space-evenly;margin-bottom:25px;width:600px}.progress-card-image{background-color:#dcdce6;border-radius:10px;height:130px;overflow:hidden;width:150px}.progress-card-image img{height:130px;object-fit:cover;width:150px}.progress-card-content{align-items:flex-start;display:flex;flex-direction:column;height:130px;justify-content:space-between;width:280px}.progress-card-title{color:#1b1b1d;font-size:18px;font-weight:700;margin-bottom:5px}.progress-card-subtitle{color:#666;font-size:14px;margin-bottom:10px}.progress-info{align-items:flex-start;display:flex;flex-direction:column;height:25px;width:100%}.progress-text{color:var(--app-black-text-color);font-family:Mulish Bold;font-size:12px}.progress-bar{background-color:#e0e0e0;border-radius:3px;height:5px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background-color:var(--active-nav-btn-color);height:100%}.resume-button{align-items:flex-end;display:flex;flex-direction:row;height:130px;justify-content:center;width:140px}.resume-button button{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:14px;height:30px;width:70px}.resume-button button:hover{background-color:#5a4ecc}}@media screen and (min-width:320px){.videoplayer{background-color:#e6e6f0;border-radius:10px;box-shadow:1px 1px 2px 1px gray;height:350px;overflow:hidden;position:relative;width:95%}.videoplayer iframe{border-radius:10px;height:100%}.video{background-color:#dcdce6;display:block;width:100%}.controls{align-items:center;background-color:#000c;bottom:0;color:#fff;display:flex;left:0;padding:10px;position:absolute;right:0}.fullscreen-btn,.play-pause-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-right:10px}.progress-bar{-webkit-appearance:none;appearance:none;background-color:#ccc;cursor:pointer;flex:1 1;height:5px;margin-right:10px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;cursor:pointer;height:15px;width:15px}.progress-bar::-moz-range-thumb{background-color:#3b82f6;border-radius:50%;cursor:pointer;height:15px;width:15px}.time{font-size:14px;margin-right:10px}}@media screen and (min-width:320px){.coursesaccordion{padding:10px;width:100%}.accordion-item,.coursesaccordion{background-color:var(--card-background-color)}.accordion-item{border-bottom:1px solid silver;font-family:Mulish;overflow:hidden}.accordion-header{align-items:center;cursor:pointer;display:flex;font-family:Mulish Bold;font-size:16px;font-weight:500;justify-content:space-between;padding:15px}.accordion-header h3{margin:0}.accordion-content{background-color:#fafafa;border-top:1px solid #e6e6e6;font-family:Mulish;padding:10px 15px}.lesson-item{border-bottom:1px solid #e6e6e6;cursor:pointer;display:flex;font-family:Mulish;font-size:14px;justify-content:space-between;padding:8px 0}.lesson-item:last-child{border-bottom:none}.lesson-title{align-items:center;display:flex}.lesson-duration{color:#888;font-size:12px}.video-icon{margin-right:5px}}@media screen and (min-width:320px){.videopage{min-height:calc(100vh - 80px);width:100%}.video-body{width:100%}.video-bottom{font-family:Arial,sans-serif;font-family:Mulish;margin-left:2.5%;margin-top:50px;width:95%}h1{font-family:Mulish Bold;font-size:1.8rem;margin-bottom:10px}.tab-header{display:flex;justify-content:space-around;margin-bottom:20px}.tab-header button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#555;cursor:pointer;font-size:1rem;padding:10px 20px;transition:border-color .3s ease}.tab-header button.active{border-bottom:2px solid #000;color:#000}.tab-content{color:#555;font-size:1rem;line-height:1.6}.tab-content a{color:#007bff;font-weight:700;text-decoration:none}.tab-content a:hover{text-decoration:underline}}@media screen and (min-width:1024px){.videopage{min-height:calc(100vh - 80px);width:100%}.video-body{box-sizing:border-box;display:block;height:fit-content;margin-left:2.5%;margin-top:100px;width:95%}.video-body-left{float:left;height:fit-content;width:60%}.video-body-right{align-items:flex-start;float:right;justify-content:space-evenly;min-height:600px;width:40%}.video-body-right,.video-top{display:flex;flex-direction:row}.video-top{align-items:center;justify-content:center}.video-course-content{font-family:Mulish Bold;font-size:24px;margin-top:15px;padding-left:15px}.video-accordion-container{background-color:var(--card-background-color);border-radius:15px;box-shadow:1px 1px 2px 1px gray;min-height:500px;width:80%}}@media screen and (max-width:320px){.explore{height:1000px;padding-top:120px;position:absolute;top:0;width:95%}.result-heading{font-family:Mulish Bold;font-size:31px;margin-top:30px}.search-result-container{align-items:center;display:flex;flex-direction:column;gap:25px;height:fit-content;justify-content:center;margin-top:30px;min-height:500px}}@media screen and (min-width:320px){.explore{height:1000px;padding-top:120px;position:absolute;top:0;width:95%}.result-heading{align-items:center;display:flex;flex-direction:row;font-family:Mulish Bold;justify-content:space-between;margin-top:30px;padding:0 35px 0 10px}.result-heading>span:first-child{color:var(--active-nav-btn-color);font-size:31px}.cart-container{color:var(--active-nav-btn-color);display:flex;flex-direction:column;font-size:18px;height:50px;width:50px}.cart-container span:first-child{display:flex;flex-direction:row;font-size:18px;justify-content:flex-end}.cart-container span:nth-child(2){display:flex;flex-direction:row;font-size:31px;justify-content:center}.search-result-container{flex-direction:column;gap:25px;height:fit-content;margin-bottom:100px;margin-top:30px;min-height:500px}.no-result,.search-result-container{align-items:center;display:flex;justify-content:center}.no-result{color:var(--active-nav-btn-color);flex-direction:row;font-family:Mulish Bold;font-size:1.2em;height:50px;margin-left:calc(50% - 200px);position:absolute;width:400px}}@media screen and (min-width:672px){.explore{height:100%;padding-top:160px;width:95%}.search-result-container{grid-row-gap:30px;align-items:center;display:grid;grid-template-columns:50% 50%;height:fit-content;justify-content:center;margin-top:30px;min-height:500px;row-gap:30px}}@media screen and (min-width:1024px){.explore{height:100%;padding-bottom:150px;padding-top:20px;width:95%}.search-result-container{grid-row-gap:30px;align-items:center;display:grid;grid-template-columns:33.33% 33.33% 33.33%;height:fit-content;justify-content:center;margin-top:30px;min-height:500px;row-gap:30px}}@media screen and (min-width:320px){.searchinput{align-items:center;border:1px solid silver;border-radius:5px;display:flex;flex-direction:row;font-family:Mulish;font-size:16px;height:45px;justify-content:space-between;margin-top:75px;overflow:hidden;position:relative;width:100%}.search-input{border:none;border-radius:0 5px 5px 0;font-size:16px;height:45px;outline:none;padding:10px 40px 10px 20px;width:90%}.search-icon{align-items:center;background-color:var(--card-background-color);border-radius:5px 0 0 5px;border-right:1px solid silver;display:flex;font-size:18px;height:45px;justify-content:center;width:10%}.search-icon:hover{background-color:var(--active-nav-btn-color);color:#fff}}@media screen and (min-width:1024px){.searchinput{border-radius:10px;overflow:hidden}.search-icon{border-radius:10px 0 0 10px}.search-input{border-radius:0 10px 10px 0;outline:none}}@media screen and (max-width:320px){.coursecard{align-self:center;background-color:#f8f8fc;border:1px solid var(--light-separator-color);border-radius:10px;box-shadow:0 1px 4px #0000001a;box-sizing:border-box;display:block;font-family:"Arial, sans-serif";height:330px;justify-self:center;overflow:hidden;padding:0;width:300px}.sm-card-image-dashboard{background-color:#dcdce6;border-radius:10px;height:132px;margin-left:calc(50% - 140px);margin-top:10px;overflow:hidden;position:relative;width:280px}.sm-card-image-dashboard img{height:100%;object-fit:cover;width:100%}.sm-best-seller-badge{background-color:initial;border-radius:5px;color:var(--active-nav-btn-color);font-family:Mulish Bold;font-size:12px;padding:3px 8px;position:absolute;right:8px;top:8px}.sm-card-content{font-family:Mulish Bold;height:198px;padding-left:15px;width:300px}.sm-card-title{color:#333;font-family:Mulish Bold;font-size:24px;font-weight:600}.sm-author-info{align-items:center;display:flex;margin-bottom:8px}.sm-author-avatar{background-color:#ccc;border-radius:50%;height:36px;margin-right:8px;width:36px}.sm-author-name{color:#666;font-size:14px}.sm-rating-info{align-items:center;color:#f59e0b;display:flex;font-size:14px;margin-bottom:8px}.sm-rating-star{margin-right:5px}.sm-reviews{color:#888}.sm-price-info{align-items:center;display:flex;margin-bottom:10px}.sm-current-price{color:#10b981;font-size:20px;font-weight:700;margin-right:8px}.sm-original-price{color:#888;font-size:14px;text-decoration:line-through}.sm-price-cart-div{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:space-between;margin-left:-15px;padding:0 10px;position:absolute;width:300px}.sm-add-to-cart-btn{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:16px;height:35px;width:120px}.sm-add-to-cart-btn:hover{background-color:#5a4ecc}}@media screen and (min-width:320px){.coursecard{align-self:center;background-color:var(--card-background-color);border:1px solid var(--light-separator-color);border-radius:10px;box-shadow:1px 1px 2px 1px gray;box-sizing:border-box;display:block;font-family:"Arial, sans-serif";height:330px;justify-self:center;overflow:hidden;padding:0;width:300px}.coursecard:hover{animation:scaleCard .1s linear 0s 1 forwards}.sm-card-image-dashboard{background-color:#dcdce6;border-radius:10px;cursor:pointer;height:132px;margin-left:calc(50% - 140px);margin-top:10px;overflow:hidden;position:relative;width:280px}.sm-card-image-dashboard img{height:100%;object-fit:cover;width:100%}.sm-best-seller-badge{background-color:initial;border-radius:5px;color:var(--active-nav-btn-color);font-family:Mulish Bold;font-size:12px;padding:3px 8px;position:absolute;right:8px;top:8px}.sm-card-content{font-family:Mulish Bold;height:198px;padding-left:15px;width:300px}.sm-card-title{color:#333;flex-direction:row;font-family:Mulish Bold;font-size:18px;font-weight:600;height:60px;justify-content:flex-start}.sm-author-info,.sm-card-title{align-items:center;display:flex}.sm-author-info{margin-bottom:8px}.sm-author-avatar{background-color:#ccc;border-radius:50%;height:36px;margin-right:8px;width:36px}.sm-author-name{color:#666;font-size:14px}.sm-rating-info{align-items:center;color:#f59e0b;display:flex;font-size:14px;margin-bottom:8px}.sm-rating-star{margin-right:5px}.sm-reviews{color:#888}.sm-price-info{align-items:center;display:flex;margin-bottom:10px}.sm-current-price{color:#10b981;font-size:20px;font-weight:700;margin-right:8px}.sm-original-price{color:#888;font-size:14px;text-decoration:line-through}.sm-price-cart-div{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:space-between;margin-left:-15px;padding:0 60px 0 25px;position:absolute;width:300px}.sm-add-to-cart-btn{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:.8em;height:35px;width:120px}.sm-add-to-cart-btn:hover{background-color:violet;transition:background-color .4s ease-in}}@media screen and (min-width:672px){.sm-card-title{align-items:center;color:#333;display:flex;flex-direction:row;font-family:Mulish Bold;font-size:20px;font-weight:600;height:60px;justify-content:flex-start}.sm-add-to-cart-btn{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:.8em;height:35px;width:120px}.sm-price-cart-div{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:space-between;margin-left:-15px;padding:0 10px;position:absolute;width:300px}}@media screen and (min-width:1024px){.sm-card-title{align-items:center;color:#333;display:flex;flex-direction:row;font-family:Mulish Bold;font-size:20px;font-weight:600;height:60px;justify-content:flex-start}.sm-add-to-cart-btn{background-color:var(--active-nav-btn-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish Bold;font-size:.8em;height:35px;width:120px}.sm-price-cart-div{align-items:center;display:flex;flex-direction:row;height:50px;justify-content:space-between;margin-left:-15px;padding:0 10px;position:absolute;width:300px}}@media screen and (min-width:320px){.coursedetailcard{background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 3px 1px #000;height:450px;margin-bottom:20px;padding:20px;position:relative;width:90%}.card-image{background-color:#dcdce6;border-radius:10px;height:220px;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.card-detail-bottom{box-sizing:border-box;display:block;height:85px;margin-top:15px;width:100%}.card-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;float:left;height:100%;margin-bottom:20px;width:75%}.card-title{color:#1b1b1d;font-size:20px;font-weight:700;height:100%}.card-meta,.card-title{margin-bottom:10px;width:100%}.card-meta{align-items:center;color:#665;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start}.card-meta span{margin-right:25px}.detail-star{color:#daa520;font-size:18px}.card-author{color:#333;font-size:14px;margin-bottom:15px;width:100%}.card-info{align-items:center;color:#666;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;justify-content:flex-start}.card-info span{margin-right:45px}.card-actions{align-items:flex-start;display:flex;flex-direction:row;float:right;height:100%;justify-content:space-between;margin-top:15px;padding:0 3px;width:25%}.card-actions i{color:#000;font-size:20px}.heart-button,.share-button{background:none;border:none;cursor:pointer;font-size:18px}.heart-button:hover,.share-button:hover{color:#6b5bff}}@media screen and (min-width:672px){.coursedetailcard{border-radius:10px;box-shadow:1px 1px 3px 1px #000;height:450px;margin-bottom:20px;padding:20px;position:relative;width:90%}.card-image{background-color:#dcdce6;border-radius:10px;height:220px;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.card-detail-bottom{box-sizing:border-box;display:block;height:85px;margin-top:15px;width:100%}.card-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;float:left;height:100%;margin-bottom:20px;width:80%}.card-title{color:#1b1b1d;font-size:31px;font-weight:700;height:100%}.card-meta,.card-title{margin-bottom:10px;width:100%}.card-meta{align-items:center;color:#666;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start}.card-meta span{margin-right:25px}.detail-star{color:#daa520;font-size:18px}.card-author{color:#333;font-size:14px;margin-bottom:15px;width:100%}.card-info{align-items:center;color:#666;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;justify-content:flex-start}.card-info span{margin-right:45px}.card-actions{align-items:flex-start;display:flex;flex-direction:row;float:right;height:100%;justify-content:space-between;margin-top:15px;padding:0 15px;width:20%}.card-actions i{color:#000;font-size:20px}.heart-button,.share-button{background:none;border:none;cursor:pointer;font-size:18px}.heart-button:hover,.share-button:hover{color:#6b5bff}}@media screen and (min-width:1024px){.coursedetailcard{border-radius:10px;box-shadow:1px 1px 3px 1px gray;height:450px;margin-bottom:20px;padding:20px;position:relative;width:90%}.card-image{background-color:#dcdce6;border-radius:10px;height:220px;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.card-detail-bottom{box-sizing:border-box;display:block;height:85px;margin-top:15px;width:100%}.card-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;float:left;height:100%;margin-bottom:20px;width:80%}.card-title{color:#1b1b1d;font-size:31px;font-weight:700;height:100%}.card-meta,.card-title{margin-bottom:10px;width:100%}.card-meta{align-items:center;color:#666;display:flex;flex-direction:row;font-size:14px;justify-content:flex-start}.card-meta span{margin-right:25px}.detail-star{color:#daa520;font-size:18px}.card-author{color:#333;font-size:14px;margin-bottom:15px;width:100%}.card-info{align-items:center;color:#666;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;justify-content:flex-start}.card-info span{margin-right:45px}.card-actions{align-items:flex-start;display:flex;flex-direction:row;float:right;height:100%;justify-content:space-between;margin-top:15px;padding:0 15px;width:20%}.card-actions i{color:#000;font-size:20px}.heart-button,.share-button{background:none;border:none;cursor:pointer;font-size:18px}.heart-button:hover,.share-button:hover{color:#6b5bff}}@media screen and (min-width:320px){.coursedetailprice{background-color:var(--card-background-color);border-radius:10px;box-shadow:1px 1px 3px 1px #000;padding:20px;width:300px}.price-section{align-items:baseline;display:flex;gap:10px;margin-bottom:15px}.current-price{color:#20c997;font-size:24px;font-weight:700}.original-price{color:#999;font-size:16px;text-decoration:line-through}.course-includes{margin-bottom:20px}.course-includes p{font-weight:700;margin-bottom:10px}.course-includes ul{list-style-type:none;padding-left:0}.course-includes li{align-items:center;display:flex;margin-bottom:8px}.course-includes li:before{color:#20c997;margin-right:8px}.actions{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.add-to-cart,.buy-now{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px}.add-to-cart{background-color:#6c63ff;color:#fff;cursor:pointer}.buy-now{background-color:#fff;border:2px solid #6c63ff;color:#6c63ff;cursor:pointer}.guarantee{color:#666;font-size:14px;text-align:center}}@media screen and (min-width:672px){.coursedetailprice{margin-right:-25px}}@media screen and (min-width:320px){.whatyouwilllearn{background-color:var(--card-background-color);padding:20px;width:100%}.whatyouwilllearn h2{color:#000;font-family:Mulish Bold;font-size:31px;margin-bottom:15px;text-align:left}.learning-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.learning-item{align-items:center;display:flex;font-family:Mulish;font-size:16px}.checkmark{color:#000;margin-right:10px}}@media screen and (min-width:320px){.courserequirements{background-color:var(--card-background-color);padding:20px;width:100%}.courserequirements h2{color:#000;font-family:Mulish Bold;font-size:31px;margin-bottom:15px;text-align:left}.courserequirements ul{list-style-type:none;padding-left:0}.requirement-item{align-items:center;display:flex;font-family:Mulish;font-size:16px;margin-bottom:10px;text-align:justify}.bullet{color:#d3bffa;font-family:Mulish;font-size:14px;margin-right:10px}}@media screen and (min-width:320px){.coursedescription{background-color:var(--card-background-color);padding:20px;width:100%}.coursedescription h2{color:#000;font-family:Mulish Bold;font-size:31px;margin-bottom:15px;text-align:left}.coursedescription p{color:#4a4a4a;line-height:1.5;margin-bottom:15px;text-align:justify}.coursedescription p,.see-more{font-family:Mulish;font-size:16px}.see-more{background:none;border:none;color:#6a0dad;cursor:pointer;text-decoration:underline}.see-more:hover{color:#4a0a8a}}@media screen and (min-width:320px){.coursedetailbreadcrumbs{color:#7d7d7d;font-size:14px;width:600px}.bread-crumb-btn,.coursedetailbreadcrumbs{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.bread-crumb-btn{border-radius:8px;cursor:pointer;height:100%;margin-right:25px;min-width:80px;padding-right:8px}.bread-crumb-btn:hover{background-color:silver;box-shadow:1px 1px 3px 1px gray;font-family:Mulish Bold}.bread-crumb-btn span:hover,.bread-crumb-btn:hover{color:var(--active-nav-btn-color)}.bread-crumb-btn span{align-items:center;display:flex;flex-direction:row;height:35px;justify-content:center;justify-self:left;min-width:20px}.separator{color:#a0a0a0;margin-right:5px}}@media screen and (min-width:672px){.bread-crumb-btn{border-radius:8px;cursor:pointer;height:100%;justify-content:flex-start;margin-right:25px;min-width:80px;padding-right:8px}.bread-crumb-btn,.bread-crumb-btn span{align-items:center;display:flex;flex-direction:row}.bread-crumb-btn span{font-size:16px;height:35px;justify-content:center;justify-self:left;min-width:20px}}@media screen and (min-width:1024px){.bread-crumb-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:flex-start;margin-right:25px;min-width:80px;padding-right:8px}}@media screen and (min-width:320px){.reviewcard{background-color:var(--content-view-background-color);border-top:1px solid silver;display:flex;flex-direction:column;font-family:Mulish;margin-top:25px;padding:15px;width:100%}.user-avatar{background-color:#e0e0e0;border-radius:50%;height:60px;margin-right:10px;width:60px}.user-details{align-items:flex-start;display:flex;flex-direction:column}.user-details,.user-name{justify-content:flex-start}.user-name{color:#333;font-family:Mulish Bold;font-size:1.1rem;font-weight:700;text-align:left}.user-time{color:#999;font-size:.9rem}.user-rating{margin-bottom:10px}.stars{color:#fa0}.user-review{color:#555;font-size:1rem;line-height:1.5;text-align:justify;width:100%}.image-rating-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:15px;width:250px}}@media screen and (max-width:320px){.course-detail-middle{box-sizing:border-box;display:block;height:fit-content;margin-top:80px;width:100%}}@media screen and (min-width:320px){.coursedetailpage{min-height:calc(100vh - 80px);width:100%}.bread-crumbs-container{align-items:center;background-color:#fff;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:50px;justify-content:flex-start;padding-left:5px;position:fixed;width:100%;z-index:1}.course-detail-middle{box-sizing:border-box;height:fit-content;margin-top:80px}.course-emphasis{box-shadow:1px 1px 3px 1px gray;height:fit-content;overflow:hidden}.course-detail-content,.course-emphasis{background-color:var(--card-background-color);border-radius:15px;width:90%}.course-detail-content{box-shadow:1px 1px 2px 1px gray;margin-top:25px;padding:10px}.course-detail-right{margin-bottom:30px;margin-top:30px;order:1}.course-detail-left,.course-detail-right{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-left:2.5%;width:95%}.course-detail-left{order:2}.course-detail-middle{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.accordion-title{font-family:Mulish Bold;font-size:31px;margin-left:2.5%;width:95%}.course-detail-bottom{margin-top:25px;width:90%}.student-review-heading{font-family:Mulish Bold;font-size:31px;margin-bottom:15px;margin-top:35px}.student-rating-div{height:120px;margin-bottom:15px;width:100%}.review-card-div{background-color:var(--content-view-background-color);height:fit-content;margin-top:25px;width:100%}}@media screen and (min-width:672px){.bread-crumbs-container{align-items:center;background-color:#fff;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:50px;justify-content:flex-start;padding-left:35px;position:fixed;width:100%;z-index:1}.course-detail-middle{box-sizing:border-box;display:block;height:fit-content;margin-top:80px;max-width:100%}.course-detail-left{align-items:flex-start;display:flex;flex-direction:column;float:left;justify-content:flex-start;margin-bottom:30px;width:55%}.course-detail-right{display:block;float:right;margin-top:0;width:45%}}@media screen and (min-width:1024px){.coursedetailpage{height:fit-content;min-height:calc(100vh - 80px);width:100%}.bread-crumbs-container{align-items:center;background-color:#fff;box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:50px;justify-content:flex-start;padding-left:35px;position:fixed;width:100%;z-index:1}.course-detail-middle{box-sizing:border-box;display:block;height:fit-content;margin-top:80px;width:100%}.course-detail-left{flex-direction:column;float:left;margin-bottom:30px;width:60%}.course-detail-left,.course-detail-right{align-items:center;display:flex;padding:0}.course-detail-right{flex-direction:row;float:right;justify-content:space-evenly;width:40%}}@media screen and (min-width:320px){.studentrating{flex-direction:row;font-family:Arial,sans-serif;margin:auto;width:100%}.rating-summary,.studentrating{align-items:center;display:flex;justify-content:space-between}.rating-summary{flex-direction:column;margin-bottom:10px;width:20%}.rating-number{font-size:2.5rem;font-weight:700}.total-reviews{color:#999;font-size:1rem}.rating-breakdown{width:80%}.rating-row{align-items:center;display:flex;margin-bottom:5px}.stars{color:#f4b400;font-size:1rem;width:50px;width:20%}.progress-bar{background-color:#eee;border-radius:5px;height:10px;margin:0 10px;position:relative;width:75%}.filled-bar{background-color:#4caf50;border-radius:5px;height:100%}.percentage{font-size:.9rem;width:5%}}@media screen and (min-width:320px){.instructorprofilecard{background-color:var(--card-background-color);border:1px solid #ddd;border-radius:8px;box-shadow:1px 1px 2px 1px gray;font-family:Arial,sans-serif;min-height:500px;padding:20px;text-align:center;width:90%}.profile-header{margin-bottom:20px}.profile-image{background-color:#e0e0e0;border-radius:50%;height:150px;margin:0 auto 10px;width:150px}h2{font-size:1.5rem;margin:0}p{color:#555;margin:5px 0}.profile-stats{display:flex;justify-content:space-between;margin-left:5%;width:90%}.profile-bio,.profile-stats{font-size:.9rem;margin-bottom:20px}.profile-bio{color:#666}.profile-social{flex-wrap:wrap;justify-content:space-evenly;margin-left:10%;width:80%}.profile-social,.social-btn{display:flex;flex-direction:row}.social-btn{align-items:center;background-color:initial;border:none;color:#555;cursor:pointer;justify-content:flex-start;min-width:110px;padding:10px;transition:color .3s ease}.social-btn span{margin-right:5px}.social-btn span,.social-btn span:hover,.social-btn:hover{color:var(--active-nav-btn-color)}}@media screen and (min-width:1024px){.instructorprofilecard{background-color:var(--card-background-color);border:1px solid #ddd;border-radius:8px;box-shadow:1px 1px 2px 1px gray;font-family:Arial,sans-serif;min-height:500px;padding:20px;text-align:center;width:90%}.profile-stats{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;margin-left:25%;width:50%}.profile-social{display:flex;justify-content:space-around}.social-btn{align-items:center;background-color:initial;border:none;color:#555;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;min-width:110px;padding:10px;transition:color .3s ease}.social-btn span{margin-right:5px}.social-btn span,.social-btn span:hover,.social-btn:hover{color:var(--active-nav-btn-color)}}@media screen and (max-width:320px){.instructorprofilepage{min-height:calc(100vh - 80px);width:100%}.instructor-page-title{background-color:#fff;box-shadow:1px 1px 2px 1px gray;font-family:Mulish Bold;font-size:24px;height:60px;padding:15px;position:fixed;width:300px}.instructor-card-container{align-items:center;display:flex;flex-direction:row;height:600px;justify-content:center;margin-left:2.5%;margin-top:110px;width:285px}}@media screen and (min-width:320px){.instructorprofilepage{min-height:calc(100vh - 80px);width:100%}.instructor-page-title{background-color:#fff;box-shadow:1px 1px 2px 1px gray;font-family:Mulish Bold;font-size:24px;height:60px;padding:15px;position:fixed;width:100%;z-index:1}.instructor-card-container{align-items:center;display:flex;flex-direction:row;height:600px;justify-content:center;margin-bottom:120px;margin-left:2.5%;margin-top:180px;width:95%}.instructor-page-bottom{margin-left:2.5%;margin-top:20px;min-height:120px;width:95%}.instructor-bottom-title{font-family:Mulish Bold;font-size:24px;padding-left:15px;width:100%}.instructor-top-courses{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:15px;min-height:350px;padding-left:calc(50% - 130px);width:100%}}@media screen and (min-width:672px){.instructor-card-container{align-items:center;display:flex;flex-direction:row;height:600px;justify-content:center;margin-bottom:15px;margin-left:2.5%;margin-top:70px;width:95%}.instructor-page-title{background-color:#fff;box-shadow:1px 1px 2px 1px gray;font-family:Mulish Bold;font-size:24px;height:60px;padding:15px;position:fixed;width:100%;z-index:1}.instructor-top-courses{align-content:center;display:grid;grid-template-columns:50% 50%;justify-content:center;margin-top:15px;min-height:350px;padding-left:25px;width:100%}}@media screen and (min-width:1024px){.instructor-card-container{align-items:center;display:flex;flex-direction:row;height:600px;justify-content:center;margin-left:2.5%;margin-top:70px;padding-left:15px;width:95%}.instructor-top-courses{align-content:center;display:grid;grid-template-columns:33.33% 33.33% 33.33%;justify-content:center;margin-top:15px;min-height:350px;width:100%}}@media screen and (min-width:320px){.settings{width:100%}.settings-header{align-items:center;background-color:var(--card-background-color);box-shadow:1px 1px 2px 1px gray;display:flex;flex-direction:row;height:60px;justify-content:space-between;padding:15px;position:fixed;width:100%;z-index:1}.settings-header,.settings-header span:first-child{font-family:Mulish Bold;font-size:24px}.chevron{align-items:center;box-shadow:.5px .5px 1px .5px silver;display:flex;flex-direction:row;font-size:14px;height:25px;justify-content:center;width:25px}.sm-settings-menu{background-color:#fff;display:none;left:0;margin-left:calc(100vw - 120px);margin-top:60px;position:absolute;top:0;width:120px}.settings-middle{display:block;margin-top:80px;min-height:500px;width:100%}.settings-middle-left{align-items:flex-start;display:flex;flex-direction:row;height:fit-content;justify-content:center;padding-left:0;width:100%}.settings-middle-right{display:none;float:left;height:fit-content;width:100%}}@media screen and (min-width:672px){.settings{width:100%}.settings-header{box-shadow:1px 1px 2px 1px gray;height:60px;padding:15px;position:fixed;width:100%;z-index:1}.settings-header span:first-child{font-family:Mulish Bold;font-size:24px}.chevron,.sm-settings-menu{display:none}.settings-middle{box-sizing:border-box;display:block;margin-top:120px;min-height:500px;width:100%}.settings-middle-left{align-items:flex-start;display:flex;flex-direction:column;float:left;height:fit-content;justify-content:center;padding-left:45px;width:70%}.settings-middle-right{display:block;float:left;height:fit-content;width:30%}}@media screen and (min-width:1024px){.settings{width:100%}.settings-header{box-shadow:1px 1px 2px 1px gray;height:60px;padding:15px;position:fixed;width:100%;z-index:1}.settings-header,.settings-header span:first-child{font-family:Mulish Bold;font-size:24px}.chevron,.sm-settings-menu{display:none}.settings-middle{box-sizing:border-box;display:block;margin-top:120px;min-height:500px;width:100%}.settings-middle-left{align-items:flex-start;display:flex;flex-direction:column;float:left;height:fit-content;justify-content:center;padding-left:45px;width:70%}.settings-middle-right{display:block;float:left;height:fit-content;width:30%}}@media screen and (min-width:320px){.accountsettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}.account-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.account-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.change-password-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.change-password-button:hover{background-color:#ff2a37}}@media screen and (min-width:1024px){.accountsettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.account-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.account-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.change-password-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.change-password-button:hover{background-color:#ff2a37}}@media screen and (min-width:320px){.settingsmenu{background-color:#f9f9f9;border-radius:0 0 0 8px;padding:20px;width:150px}.menu-list{list-style:none;padding:0}.menu-item{color:#888;cursor:pointer;font-size:14px;padding:8px 0}.menu-item:hover{color:#000}.menu-heading{color:#000;cursor:default;font-size:16px;font-weight:700;padding-bottom:12px}.close-account{color:#ff4a57}.close-account:hover{color:#ff2a37}}@media screen and (min-width:672px){.settingsmenu{background-color:#f9f9f9;border-radius:8px;padding:20px;width:200px}.menu-list{list-style:none;padding:0}.menu-item{color:#888;cursor:pointer;font-size:14px;padding:8px 0}.menu-item:hover{color:#000}.menu-heading{color:#000;cursor:default;font-size:16px;font-weight:700;padding-bottom:12px}.close-account{color:#ff4a57}.close-account:hover{color:#ff2a37}}@media screen and (min-width:1024px){.settingsmenu{background-color:#f9f9f9;border-radius:8px;padding:20px;width:200px}.menu-list{list-style:none;padding:0}.menu-item{color:#888;cursor:pointer;font-size:14px;padding:8px 0}.menu-item:hover{color:#000}.menu-heading{color:#000;cursor:default;font-size:16px;font-weight:700;padding-bottom:12px}.close-account{color:#ff4a57}.close-account:hover{color:#ff2a37}}@media screen and (min-width:320px){.profilesettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}.profile-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.profile-input,.profile-textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.profile-textarea{height:80px;resize:vertical}.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-button:hover{background-color:#45a049}}@media screen and (min-width:672px){.profilesettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.profile-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.profile-input,.profile-textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.profile-textarea{height:80px;resize:vertical}.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-button:hover{background-color:#45a049}}@media screen and (min-width:1024px){.profilesettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.profile-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.profile-input,.profile-textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.profile-textarea{height:80px;resize:vertical}.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-button:hover{background-color:#45a049}}@media screen and (min-width:320px){.notificationsettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}h2{font-size:18px;margin-bottom:10px}p{color:#555;margin-bottom:20px}.notification-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-item label{color:#888;font-size:14px}input[type=checkbox]{transform:scale(1.3)}.save-notification-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:100%}.save-notification-button:hover{background-color:#ff2a37}}@media screen and (min-width:672px){.notificationsettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}h2{font-size:18px;margin-bottom:10px}p{color:#555;margin-bottom:20px}.notification-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-item label{color:#888;font-size:14px}input[type=checkbox]{transform:scale(1.3)}.save-notification-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:100%}.save-notification-button:hover{background-color:#ff2a37}}@media screen and (min-width:1024px){.notificationsettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}h2{font-size:18px;margin-bottom:10px}p{color:#555;margin-bottom:20px}.notification-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-item label{color:#888;font-size:14px}input[type=checkbox]{transform:scale(1.3)}.save-notification-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:100%}.save-notification-button:hover{background-color:#ff2a37}}@media screen and (min-width:320px){.paymentmethods{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}.payment-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.payment-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.save-payment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-payment-button:hover{background-color:#218838}}@media screen and (min-width:672px){.paymentmethods{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.payment-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.payment-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.save-payment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-payment-button:hover{background-color:#218838}}@media screen and (min-width:1024px){.paymentmethods{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.payment-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.payment-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.save-payment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-payment-button:hover{background-color:#218838}}@media screen and (min-width:320px){.privacysettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}.privacy-form{display:flex;flex-direction:column}.privacy-form-group{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:15px;width:100%}.privacy-form-group label{color:#333;font-size:14px;margin-left:10px}.save-changes-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-changes-button:hover{background-color:#ff2a37}}@media screen and (min-width:672px){.privacysettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.privacy-form{display:flex;flex-direction:column}.privacy-form-group{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:15px;width:100%}.privacy-form-group label{color:#333;font-size:14px;margin-left:10px}.save-changes-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-changes-button:hover{background-color:#ff2a37}}@media screen and (min-width:1024px){.privacysettings{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.privacy-form{display:flex;flex-direction:column}.privacy-form-group{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:15px;width:100%}.privacy-form-group label{color:#333;font-size:14px;margin-left:10px}.save-changes-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.save-changes-button:hover{background-color:#ff2a37}}@media screen and (min-width:320px){.closeaccount{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:300px}.closeaccount h2{color:#000;font-size:18px;margin-bottom:10px}.closeaccount p{color:#666;font-size:14px;margin-bottom:20px}.close-account-form{display:flex;flex-direction:column}.close-account-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.close-account-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.close-account-button:hover{background-color:#ff2a37}.confirmation-message{color:green;font-size:14px}}@media screen and (min-width:672px){.closeaccount{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.closeaccount h2{color:#000;font-size:18px;margin-bottom:10px}.closeaccount p{color:#666;font-size:14px;margin-bottom:20px}.close-account-form{display:flex;flex-direction:column}.close-account-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.close-account-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.close-account-button:hover{background-color:#ff2a37}.confirmation-message{color:green;font-size:14px}}@media screen and (min-width:1024px){.closeaccount{background-color:var(--card-background-color);border-radius:8px;box-shadow:1px 1px 2px 1px gray;padding:20px;width:400px}.closeaccount h2{color:#000;font-size:18px;margin-bottom:10px}.closeaccount p{color:#666;font-size:14px;margin-bottom:20px}.close-account-form{display:flex;flex-direction:column}.close-account-input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.close-account-button{background-color:#ff4a57;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.close-account-button:hover{background-color:#ff2a37}.confirmation-message{color:green;font-size:14px}}@media screen and (min-width:320px){.login{font-family:Mulish;height:100vh}.login,.login-form{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center}.login-form{width:300px}.login-card{background:#fff;border-radius:10px;flex-direction:column;padding:30px;text-align:center;width:300px}.login-card,.login-title{align-items:center;display:flex}.login-title{color:#5e4b9e;flex-direction:row;font-family:Mulish Bold;font-size:18px;gap:10px;margin-bottom:20px;width:150px}.input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px;width:100%}.input-group input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-top:5px;padding:12px;width:100%}.input-group input:focus{box-shadow:0 0 6.25px 1.875px #48abe0;outline:none;transform:scale(1.05,1.1)}.login-btn{background-color:#6d55c0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:10px 0;width:100%}.login-btn:hover{background-color:violet;transform:scale(1.05,1.1);transition:all .4s ease-in}.social-login{color:var(--active-nav-btn-color);display:flex;flex-direction:row;justify-content:space-evenly;margin-top:20px;width:280px}.social-item{cursor:pointer}.social-item:hover{color:violet;transform:scale(1.3);transition:all .2s ease-in}.social-login img{cursor:pointer;margin:0 10px;width:30px}.register-suggestion{font-size:14px}.register-suggestion span{color:var(--active-nav-btn-color);cursor:pointer}.register-suggestion span:hover{color:#fff;transition:color .5s ease-in}}@media screen and (min-width:768px){.login-form{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;width:400px}.login-card{background:#fff;border-radius:10px;padding:30px;text-align:center;width:400px}}@media screen and (min-width:1024px){.login-form{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;width:400px}.login-card{background:#fff;border-radius:10px;padding:30px;text-align:center;width:400px}}@media screen and (min-width:320px){.registration{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex-direction:column;font-family:Mulish;font-size:16px;justify-content:center;max-height:95vh;padding:10px 0 20px;width:300px}.register-title,.registration{align-items:center;display:flex}.register-title{color:#5e4b9e;flex-direction:row;font-family:Mulish Bold;font-size:18px;gap:10px;margin-bottom:20px;width:150px}.registration form{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;width:80%}h2{color:#6c49c1;font-family:Mulish Bold;font-size:32px;margin-bottom:20px;text-align:center}.profile-pix{border-radius:30px;height:60px;width:60px}.form-input{border:1px solid #ccc;border-radius:5px;font-family:Mulish;font-size:16px;margin:10px 0;padding:10px;width:100%}.form-input:focus{box-shadow:0 0 6.25px 1.875px #48abe0;outline:none;transform:scale(1.05,1.1)}input[type=submit]{background-color:#6c49c1;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Mulish;font-size:18px;padding:10px;width:100%}input[type=submit]:hover{background-color:violet;transform:scale(1.05,1.1);transition:all .4s ease-in}.social-icons{display:flex;justify-content:center;margin-top:20px}.social-icons img{cursor:pointer;height:30px;margin:0 10px;width:30px}.login-link{font-size:14px;margin-top:10px;text-align:center}.login-link span{color:var(--active-nav-btn-color)}.login-link span:hover{color:#fff;cursor:pointer;transition:color .5s ease-in}}@media screen and (min-width:768px){.registration{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-family:Mulish;font-size:16px;justify-content:center;max-height:95vh;padding:10px 0 20px;width:400px}}@media screen and (min-width:1024px){.registration{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-family:Mulish;font-size:16px;justify-content:center;max-height:95vh;padding:10px 0 20px;width:400px}}@media screen and (min-width:320px){.dropzone{align-items:center;background-color:#f9f9f9;border:2px dashed #6c49c1;border-radius:10px;cursor:pointer;display:flex;height:60px;justify-content:center;padding:10px;text-align:center;transition:background-color .3s ease;width:100%}.dropzone.active{background-color:#e0e0ff}.dropzone p{color:#6c49c1;font-size:12px}}
/*# sourceMappingURL=main.6db1879c.css.map*/