html,body{background-color:#000;color:#fff;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}ul{list-style:none}a{text-decoration:none}.buttons-main{display:flex;gap:20px}.buttons-main button{border:none;background-color:transparent;position:relative}.buttons-main button a{color:#fff;font-size:1rem}.line-blue-main{position:absolute;background-color:#186aff;height:2px;border-radius:.5px;bottom:-6px}.about-heading h1{text-align:center;font-size:5rem;font-weight:900}.about h1{color:#186aff}.about-heading p{text-align:center;font-size:1.3rem;width:40rem}.about-heading{margin-top:150px;display:flex;gap:25px;flex-direction:column;align-items:center}.about-components{margin-top:250px;display:flex;flex-direction:column;align-items:center}.about-components h1{font-size:2.8rem;font-weight:800}.about-end-content{width:38rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;margin-bottom:100px}.about-end-para{margin-top:30px}@media(max-width:600px){.about-heading h1{font-size:4rem;font-weight:900}.about-heading p{text-align:center;font-size:1rem;width:22rem}.about-end-content{width:auto}}.about-comp-content{background-color:#32323265;border-radius:20px;padding:2.5vw;width:38vw;margin:50px 4vw;position:relative}.about-comp{position:relative;width:100vw}.line-fill{height:100%;right:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;overflow:hidden}.vr-circle-container{position:relative;width:20px;height:20px;border-radius:50%;overflow:hidden;background-color:#2e2d2d86}.vr-circle{width:100%;height:100%}.vr-circle-fill{position:absolute;width:100%;height:100%;opacity:0;background-color:#fff}.vr-container{height:90%;width:5px;background-color:#2e2d2d86;position:relative}.vr-fill{position:absolute;width:100%;height:0;background-color:#fff}.nav{margin-top:40px;background-color:#181818;position:sticky;margin-left:6vw;border-radius:10px;width:88vw}.main-nav{position:relative;height:80px;width:88vw;display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.main-nav a{color:#fff}.main-nav img{height:32px;border-radius:4px}.main-nav ul{list-style:none}.logo{display:flex;align-items:center;font-size:24px;gap:8px;font-weight:700}.logo:hover{opacity:70%}.nav-list{display:flex;align-items:center;gap:4vw;font-weight:550;font-size:1rem}.nav-list li{position:relative}.line-blue{position:absolute;background-color:#186aff;height:2px;border-radius:.5px;bottom:-16px}.nav-buttons{display:flex;align-items:center;gap:20px}.nav-buttons button{color:#fff;font-size:.9rem;font-weight:500;cursor:pointer}.nav-button-1{background-color:transparent;border:1px solid white;padding:14px 16px;border-radius:6px}.nav-button-1:hover{background-color:#6e6e6e}.nav-button-2{padding:14px 16px;background-color:#186aff;border:none;border-radius:6px;display:inline-block}.nav-button-2:hover{background-color:#1869ffac}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger div{background-color:#fff;border-radius:2px;width:25px;height:3px}.hamburger .line-remove{height:2px}.hamburger{display:none;margin-left:40px}.hamburger .line-2,.hamburger .line-1{position:relative}@media(max-width:1000px){.hamburger{display:flex;cursor:pointer}.nav-close .nav-list{display:none;height:80px}.nav-open .nav-list{position:absolute;top:calc(100% + 40px);display:flex;flex-direction:column;align-items:flex-start}.nav-open{height:calc(100vh - 60px)}}.search-bar{margin-top:40px;margin-left:20px;width:300px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.search-bar input{flex:1;padding:6px 10px;font-size:14px;border-radius:4px;border:1px solid #ccc}.search-bar button{padding:6px 12px;font-size:14px;border-radius:4px;border:none;background-color:#0074d9;color:#fff;cursor:pointer}.search-bar button:hover{background-color:#005bb5}.main-text{margin-top:70px;display:flex;flex-direction:column;gap:40px;align-items:center}.main-text a{color:#fff}.first-part{font-weight:700;font-size:4.5rem;text-align:center;line-height:5.5rem}.first-part div{transform:translate3d(0,150%,0) scale3d(1.3,1.3,1) rotateX(0) rotateY(0) rotate(0) skew(0);transform-style:preserve-3d;overflow:hidden}.start-animation{position:relative;transform:translateY(100%)}.visibility-hidden{visibility:hidden}.blue-part{color:#186aff}.second-part{width:28rem;text-align:center}.benefit-text-container{margin-top:70px;display:flex;flex-direction:column;gap:40px;align-items:center;padding-bottom:70px}.green-buttons{display:flex;background-color:#424249;border-radius:45px;padding:15px;justify-content:space-between;margin:auto 20px}.green-button{border-radius:14px;padding:8px 20px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.active-button{background-color:#bf0;color:#000}.white-container{padding-top:70px;background-color:#e8e6e6;border-radius:15px;color:#000}.resources{margin-left:8vw;margin-right:4vw;padding-right:4vw;display:flex;gap:40px;overflow-x:scroll;overflow-y:hidden}.resources a{color:#000}.resources .resource{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;flex-shrink:0;justify-content:flex-start;width:400px;border:1px solid black;overflow:hidden;border-radius:12px;padding:40px 30px;transition:background-color .4s ease}.resource .part2{align-self:end}.resources .resource:hover{background-color:#fff;border:1px solid white}.resources .date{background-color:#ad55ff;color:#fff;font-family:Inter,sans-serif;font-weight:600;display:inline-block;padding:6px;border-radius:5px;margin-bottom:15px}.resources .heading{font-size:1.2rem;font-weight:600;margin-bottom:20px}.resources .separator{width:100%;margin:auto;background-color:#000;height:1px}.resources .paragraph{margin-bottom:90px;font-weight:100}.learn-more{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:20px;font-weight:700}.flex-container{display:flex;flex-direction:column}.frequently-asked-questions{padding-bottom:70px}.frequently-asked-questions .heading{margin-top:70px;font-size:2rem;text-align:center}.frequently-asked-questions .question{font-weight:600;font-size:1.1rem;margin-left:10vw;margin-right:10vw}.frequently-asked-questions .separator{width:100%;height:1px;background-color:#000;margin-top:20px;margin-bottom:20px}.question-wrapper{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.plus{position:relative;width:14px;height:14px;cursor:pointer}.plus-1{top:7px;width:14px;height:2px;position:absolute;background-color:#000}.plus-2{top:7px;width:14px;transform:rotate(90deg);background-color:#000;height:2px;position:absolute}.answer{font-weight:lighter;font-size:.9rem;margin:20px 0}.benefit-text{margin:auto 20px;text-align:center}@media(max-width:550px){.green-buttons{flex-wrap:wrap;background-color:transparent;justify-content:center;gap:9px}.green-button{background-color:#424249}.active-button{background-color:#bf0}}footer{background-color:#272932;padding:40px 20px;width:100vw}footer a{color:#fff}footer img{height:32px;border-radius:4px}footer .logo-span{font-weight:500;font-size:1.1rem}.footer-flex-container{display:flex;align-items:center;gap:100px}.social-media{display:flex;flex-direction:column}.social-media p{margin-bottom:10px}.footer-columns{margin:40px 20px;display:flex;gap:40px}.background-signin{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.sign-form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px;line-height:25px}.signin-up h2{overflow:hidden;line-height:2.1rem}.signin-up-p{font-size:medium;color:#5f5d5d}.signin-up-a{color:#fff}.signin-up-a:hover{color:#5f5d5d}hr{border:.5px solid rgb(54,52,52);margin:40px 0}.signin-list{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;width:230px}.guest-button{position:relative;right:7.5px;height:calc(2.5rem + 5px);border-radius:16px}.sign-button{margin-top:5px;border:2px solid white;background-color:transparent;color:#fff;width:215px;border-radius:10px;cursor:pointer;padding:10px}.sign-button:hover{background-color:#fff;color:#333232}.recommend-sign{position:absolute;top:1px;right:2px;color:#186aff}.email-input{width:215px;background-color:#363434;border:2px solid rgb(54,52,52);border-bottom:2px solid rgb(154,154,154);height:36px;padding:5px 5px 1px;color:#fff}.signform-input input:focus{outline:none;border-color:#186aff}.margin-10px{margin-bottom:10px}.course-details{padding:16px 16px 16px 40px;margin-bottom:100px}.search-suggestions>li{border:none;outline:none;padding:6px;cursor:pointer;color:#000;background-color:#fff}.search-suggestions .active{background-color:#c4c4c4}.search-suggestions>li:hover{background-color:#c4c4c4}.search-input{box-sizing:border-box;width:calc(65vw - 20px);margin-right:4px;border:none;outline:none;background-color:transparent;font-size:16px;position:relative;top:1px}.search-suggestions{width:calc(65vw - 25px);border:1px solid black;margin-left:20px;border-radius:4px;position:absolute;display:flex;flex-direction:column;top:44px}.search-input:focus{border:none}.search-form{padding:6px;display:flex;margin:20px;justify-content:center;gap:2px;flex-wrap:wrap;margin-bottom:calc(4rem + 64px)}.search-form>button{padding:6px 16px;background-color:#186aff;color:#fff;border:none;border-radius:4px;cursor:pointer}.search-form select{padding:6px 16px;background-color:transparent;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer}.search-input-box{box-sizing:border-box;padding:6px 12px;display:flex;background-color:#fff;align-items:center;gap:12px;border-radius:22px;height:44px;position:relative}.search-input-box svg{width:15px;height:15px}.searched-course>ul{list-style:disc;list-style-position:inside}.course-details h2{margin-top:20px;position:relative;left:-24px;margin-bottom:4px}.searched-suggestions .suggested-course-code{text-decoration:underline;display:inline-block;cursor:pointer;margin-right:8px;color:#186aff;line-height:24px}.graph-component{border:2px solid #186aff;margin:100px 5vw;height:1000px;margin-top:10px}.graph-area{position:relative;min-height:1000px}.graph-area select{padding:6px;border-radius:4px;width:80vw;border:none;margin:20px 10vw}.graph-page-overlay{position:absolute;z-index:2;background-color:#000;width:100%;height:100%;opacity:.5}.usage-message{position:absolute;z-index:3;background-color:#272932;width:calc(180px + 15vw);padding:20px;border-radius:6px;left:50%;transform:translate(-50%);top:10%}.button-design{padding:6px 16px;background-color:#186aff;color:#fff;border:none;border-radius:4px;cursor:pointer}.graph-button{margin-top:10px;position:relative;left:50%;transform:translate(-50%)}.button-design:hover{opacity:.7}.graph-overlay{position:absolute;width:100%;height:100%;z-index:1;background-color:transparent}.graph-overlay-helper{position:relative}.usage-message ul{list-style:disc;list-style-position:inside;padding:4px 0}.background-ofbutton{display:inline-block;width:40px;height:18px;border-radius:8px;background-color:#272932;cursor:pointer;margin-left:8px;position:relative;top:.75px}.button-circle{margin:0;display:inline-block;height:16px;width:16px;background-color:#fff;border-radius:50%;position:relative;bottom:-1px;left:1px;cursor:pointer}.button-design-circle p{display:inline-block}.button-design-circle{margin-left:5vw;margin-top:80px}.otp-form{gap:50px}.otp-list{display:flex;flex-direction:column;align-items:center}.otp-enter-design{background-color:transparent;font-size:3rem;color:#fff;width:3rem;outline:none;border:1.5px solid rgb(54,52,52);border-radius:4px;text-align:center;caret-color:transparent}.otp-enter-design:focus{border-color:#fff}.otp-input{display:flex;justify-content:center;gap:10px}.error-msg-otp{margin-top:40px}@media(max-width:400px){.otp-enter-design{font-size:2.5rem;width:2.5rem}}.add-course-main{display:flex;flex-direction:column;align-items:center;margin-top:100px;margin-bottom:30px;gap:9px}.add-course-main input{height:3rem;padding:4px 8px;background-color:#e6e6e6;border:4px solid rgb(230,230,230);border-radius:3px;width:60vw}.add-course-main input:focus{outline:none;border:3px solid #186aff}.add-course-main select{padding:4px 8px;height:2rem;border-radius:3px;border:none;width:60vw}.add-course-main button{max-width:150px;padding:4px 8px;height:2.2rem;cursor:pointer;color:#fff;background-color:#186aff;border:none;outline:none;border-radius:3px}.add-course-main button:hover{opacity:.7}.selected-prereqs{margin-left:20px}.selected-prereqs #prereqs-list{margin:10px 70px 0 20px;list-style:disc}.removeCourse{font-size:2.5rem;color:#ff4141;cursor:pointer;position:relative;left:70px;bottom:-.4rem}.course-error{text-align:center;margin:auto;width:200px;color:red}.course-page{padding-bottom:70px}.update-name{display:flex;flex-direction:column;gap:4px}.update-name div{display:flex;align-items:center;gap:4px}.update-name div input{height:auto;width:auto}.users{margin-top:40px;display:flex;flex-direction:column;gap:20px}.user{position:relative;display:flex;flex-direction:column;background-color:#e6e6e6;border-radius:4px;margin:0 20px;padding:14px 10px}.remove-user{position:absolute;font-size:2.5rem;font-weight:200;color:red;right:30px;top:.8rem;cursor:pointer}.admin-area{background-color:#fff;min-height:100vh;min-width:100vw;color:#000;position:relative}.dashboard-headings{font-size:2rem;text-align:center;padding-top:100px}.confirmation{position:absolute;background-color:#e6e6e6;display:flex;flex-direction:column;align-items:center;gap:30px;padding:15px 20px;border-radius:6px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.confirmation button{cursor:pointer;color:#fff;background-color:#186aff;border:none;outline:none;border-radius:3px;padding:4px 8px}.confirmation div{display:flex;gap:30px;justify-content:center}.dashboard-overlay{position:absolute;z-index:1;background-color:#000;height:100%;width:100vw;opacity:50%;display:none}.dashboard-options-right{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:5px;position:relative;gap:4px}.dashboard-options svg{width:30px;height:30px}.dashboard-options-right img{width:36px;height:36px;position:relative}.dashboard-main-heading{margin-top:100px;text-align:center;color:#4b4f4b}.dashboard-box{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:40px;background-color:#e6e6e6;border-radius:6px}.dashboard-box:hover{opacity:.7}.dashboard-boxes{padding:40px;display:flex;flex-wrap:wrap;gap:40px}.dashboard-boxes a{color:#000}.profile-hover{display:flex;min-width:60px;padding:4px;gap:0px;align-items:center;position:relative}.profile-hover svg{width:18px;height:18px;position:relative;right:2px;cursor:pointer;top:2px}.profile-hover p{background-color:#e6e6e6;font-weight:200;padding:6px 4px;border-radius:4px;position:absolute;top:42px;max-width:100px;overflow:hidden;right:2px;transition:opacity .5s ease}.dashboard-options{display:flex;justify-content:space-between;position:relative;top:.5px;padding:2px}.logout-button{position:relative;top:4px;max-width:150px;padding:4px 8px;height:2.2rem;cursor:pointer;color:#fff;background-color:#186aff;border:none;outline:none;border-radius:3px}.logout-button:hover{opacity:.7}.nav-logo{display:flex;align-items:center;font-size:16px;gap:5px;font-weight:700;color:#000}.nav-logo img{height:28px;border-radius:4px}.left-side{display:flex;align-items:center;gap:8px}.degree-display{margin-top:60px;min-height:80vh;padding:0 10px;position:relative}.degree-display h2{font-size:3rem;text-align:center}.degree-display select{padding:6px;border-radius:4px;width:80vw;border:none;margin:20px 10vw}.degree-display>h3{margin-top:40px}.degree-details{margin-top:10px;margin-bottom:40px}.degree-area{overflow-x:scroll;display:flex;gap:80px;flex-direction:row}.semester{background-color:#272932;border-radius:4px;padding:8px}.semester ul{width:22rem;list-style:disc;list-style-position:outside;padding-left:12px;padding-bottom:40px}.semester h3{margin-bottom:16px;text-align:center}.semester ul .title{font-size:.8rem}.semester ul li{margin-top:8px;cursor:pointer}.degree-overlay{width:100%;height:100%;position:absolute;background-color:#0006;z-index:2}.degree-overlay-msg{position:absolute;z-index:3;width:350px;left:50%;transform:translate(-50%);top:15%;background-color:#272932;border-radius:6px;padding:10px 8px}.degree-overlay-msg ul{margin-top:10px;list-style:disc;list-style-position:inside}.degree-overlay-msg button{position:relative;left:50%;transform:translate(-50%);padding:6px 16px;background-color:#186aff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.contact-us{display:flex;align-items:flex-start;flex-direction:column;padding:30px;width:350px;margin:60px auto;background:linear-gradient(#186aff,#5f7bad);border-radius:6px}.contact-us p{margin-left:8px;margin-top:4px;margin-bottom:16px;cursor:pointer;display:flex;align-items:center;gap:16px}.contact-us p svg{opacity:0;transition:opacity .4s ease}.contact-us .message{margin-left:0;cursor:auto}.chatbot{height:calc(100vh - 170px);margin-top:30px;padding:20px;position:relative;width:100vw}.typearea{border:1px solid rgb(47,47,47);position:absolute;height:120px;border-radius:8px;width:calc(100vw - 42px);bottom:20px;display:flex;flex-direction:column;padding:8px;gap:10px;background-color:#000}.typearea button{background-color:transparent;border:none;cursor:pointer;position:absolute;bottom:8px;right:8px}.sendsvg{width:24px;height:24px}.typearea textarea{resize:none;background-color:transparent;color:#fff;border:none;padding:2px 6px}.typearea textarea:focus{border:none;outline:none}.typearea select{padding:5px;border-radius:2px;border:none;size:3;background-color:transparent;color:#fff;border:1px solid rgb(100,100,100)}.message-area{position:absolute;width:calc(100% - 42px);left:21px;height:calc(100vh - 240px);padding:8px 14px 250px;overflow-y:scroll;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.response-msg{padding:4px;width:90%;height:auto;flex-shrink:0;overflow:hidden;word-break:break-word;margin-bottom:20px}.error-msg{color:red}.request-msg{background-color:#2f2f2f;padding:12px 10px;display:inline-block;width:40%;border-radius:12px;height:auto;flex-shrink:0;overflow:hidden;position:relative;align-self:flex-end;word-break:break-word}.dot{background-color:#fff;width:6px;height:6px;border-radius:3px;transform:scale(2);flex-shrink:0}