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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.contact{background-color:#fff;color:#333;padding:50px 20px;text-align:center}.contact-container{height:400px;margin:0 auto;max-width:400px}.contact-container h2{align-items:center;margin-right:60px}.contact form{display:flex;flex-direction:column}.contact input,.contact textarea{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}.contact button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.contact button,.contact button:hover{background-color:indigo}.contact-options{margin-top:20px;text-align:left}.contact-options h3{margin-bottom:10px}.contact-options p{margin:5px 0}.contact-options a{color:indigo;text-decoration:none}.contact-options a:hover{text-decoration:underline}.footer{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);color:#fff;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}.footer-container{margin:0 auto;max-width:800px}.container-cg{background-color:#000;background-image:url(/static/media/back.140bdb0c53b7741548c1.jpg);background-position:50%;background-size:cover;height:100vh;position:relative;width:100%}.overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.content{margin-left:40px;padding:130px 0;position:relative;text-align:left;z-index:2}.black-text,.content{color:#000}h1{margin-bottom:-10px;text-align:left}.home-buttons{text-align:center}.home-buttons .btn{background-color:indigo;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s}.home-buttons .btn:hover{background-color:#5e009a}.col-md-8.content{margin-bottom:20px;text-align:left}.container-bg{background-attachment:fixed;background-color:#fff;padding:70px 0}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.about{background-color:#f9f9f9;box-shadow:0 10px 20px #0000001a;color:#333;padding:90px 20px;text-align:center}.about-container{align-items:center;display:flex;height:450px;justify-content:center;margin:0 auto;max-width:1100px}.about-content{align-items:center;display:flex;gap:80px;justify-content:space-around;width:100%}.about-image{flex:1 1}.about-image img{border-radius:10px;box-shadow:0 10px 20px #0003;height:100%;max-width:100%;object-fit:cover}.about-text{flex:1.5 1;padding:20px;text-align:left}h2{margin-bottom:40px;margin-right:90px;text-align:center}p{font-size:18px}.bt{background-color:indigo;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.bt:hover{background-color:#6a0dad}.register-container{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);display:flex;flex-direction:row;height:100vh;justify-content:space-between;padding:40px}.register-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;flex:1 1;margin:40px 20px;max-width:400px;padding:40px;width:100%}.register-form h2{color:#000;font-size:24px;margin-bottom:20px}.register-form p{color:#000;margin-top:20px}.register-form .form-group{color:#000;margin-bottom:20px}.register-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.register-form .form-group input[type=email],.register-form .form-group input[type=text]{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.password-input-container{position:relative;width:100%}.password-input-container input{border:1px solid #ccc;border-radius:4px;padding:10px;width:calc(100% - 5px)}.password-toggle-icon{color:indigo;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.register-form .sign-in-link{color:indigo;display:block;margin-right:140px;margin-top:-19px;text-align:right;text-decoration:none}.register-form .sign-in-link:hover{text-decoration:underline}.register-form .register-button{background-color:indigo;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.register-form .register-button:hover{background-color:#6a0dad}.register-form .or-signup{margin:20px 0;text-align:center}.register-form .social-signup{display:flex;justify-content:space-between}.register-form .social-signup .facebook-button,.register-form .social-signup .google-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;text-align:center}.register-form .social-signup .google-button{margin-right:10px}.register-form .social-signup .facebook-button{margin-left:10px}.register-form .social-signup .facebook-button:hover,.register-form .social-signup .google-button:hover{border-color:indigo}.register-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.register-image img{border-radius:8px;max-height:70vh;width:auto}@media (max-width:768px){.register-container{flex-direction:column;justify-content:center;padding:10px}.register-image{margin-top:20px;order:2}.register-form{margin:20px 0}}@media (max-width:480px){.register-form{padding:20px}.register-form h2{font-size:20px}.register-form .form-group input[type=email],.register-form .form-group input[type=password],.register-form .form-group input[type=text]{padding:8px}.register-form .register-button{font-size:14px;padding:8px}.register-form .sign-in-link{font-size:14px;margin-right:170px;margin-top:-19px;text-align:right}}.login-container{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);display:flex;flex-direction:row;height:100vh;justify-content:space-between;padding:20px}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;flex:1 1;margin:40px 20px;max-width:400px;padding:40px;width:100%}.login-form h2{font-size:24px}.login-form .form-group,.login-form h2,.login-form p{color:#000;margin-bottom:20px}.login-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.login-form .form-group .password-input-container input,.login-form .form-group input[type=email]{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:12px;width:93%}.login-form .form-group .password-input-container{align-items:center;display:flex;position:relative}.login-form .form-group .password-input-container input{flex:1 1;padding-right:40px}.login-form .form-group .password-toggle-icon{color:indigo;cursor:pointer;position:absolute;right:10px}.login-form .forgot-password{color:indigo;display:block;margin-top:5px;text-align:center;text-decoration:none}.login-form .forgot-password:hover{text-decoration:underline}.login-form .login-button{background-color:indigo;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.login-form .login-button:hover{background-color:#6a0dad}.login-form .or-login{margin:20px 0;text-align:center}.login-form .social-login{display:flex;justify-content:space-between}.login-form .social-login .facebook-button,.login-form .social-login .google-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;text-align:center}.login-form .social-login .google-button{margin-right:10px}.login-form .social-login .facebook-button{margin-left:10px}.login-form .social-login .facebook-button:hover,.login-form .social-login .google-button:hover{border-color:indigo}.login-image{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.login-image img{border-radius:8px;max-height:70vh;width:auto}.error{color:red}.error,.success{font-size:14px;margin-top:5px}.success{color:green}@media (max-width:768px){.login-container{flex-direction:column;justify-content:center;padding:10px}.login-image{margin-top:20px;order:2}.login-form{margin:20px 0}}@media (max-width:480px){.login-form{padding:20px}.login-form h2{font-size:20px}.login-form .form-group .password-input-container input,.login-form .form-group input[type=email]{padding:10px}.login-form .login-button{font-size:14px;padding:8px}.login-form .forgot-password{font-size:14px}}body{background:#f6f3f8}h1{margin-top:70px}.course-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px}.course-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;max-width:300px;padding:16px;text-align:center;width:100%}.course-card img{border-bottom:1px solid #ddd;height:auto;margin-bottom:16px;width:100%}.course-card h3{color:#000;margin:16px 0}.course-card p{color:#000;margin:8px 0}.registration-date-container{color:#000;display:flex;font-size:14px;justify-content:space-between;margin-top:12px}.registration-date-label{flex-grow:1;text-align:left}.registration-date{text-align:right}.course-card button{background-color:indigo;border:none;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.course-card button:hover{background-color:#6a0dad}@media (max-width:768px){.course-card{margin:10px;padding:12px}.course-list{gap:10px;margin:10px}}@media (max-width:480px){.course-card{margin:5px;padding:10px}.course-list{gap:5px;margin:5px}.course-card h3{font-size:18px}.course-card p{font-size:14px}.course-card button{font-size:14px;padding:6px 12px}}body{color:#fff;padding:0}.enroll-container{background-color:#1e1e1e;padding:60px}.breadcrumb{background-color:#1e1e1e;border-radius:5px;font-size:14px;margin-bottom:20px;padding:10px}.breadcrumb a{color:#f5f5f5;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.enroll-content{align-items:center;display:flex;flex-direction:column}.enroll-details{flex:1 1;margin-bottom:20px;text-align:left}.label{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;margin-bottom:10px;padding:5px 10px}.enroll-details h1{color:#fff;font-size:36px;margin-bottom:20px;text-align:left}.enroll-details p{font-size:18px;margin-bottom:20px}.enroll-now{color:#ffeb3b;font-size:20px;font-weight:700}.enroll-image{margin-top:20px;text-align:center}.enroll-image img{border-radius:10px;max-width:100%}.features-section{align-items:center;display:flex;flex-direction:column;margin-top:40px}.features-left{flex:1 1;text-align:center}.features-left h2{color:#ffeb3b;font-size:28px;margin-bottom:20px}.features-right{align-items:end;margin-bottom:90px;max-width:800px}.feature{align-items:center;display:flex;justify-content:center;margin-bottom:15px;text-align:center}.feature .green-tick-icon{margin-right:10px;width:20px}.feature h3{color:#4caf50;font-size:20px;margin-bottom:5px}.feature p{color:#fff;font-size:16px}.enroll-button{background-color:indigo;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s}.enroll-button:hover{background-color:#6a0dad}.enroll-button:disabled{background-color:#28a745;cursor:not-allowed}@media (min-width:768px){.enroll-content{align-items:flex-start;flex-direction:row;justify-content:space-between}.enroll-details{margin-right:20px;text-align:left}.features-section{align-items:flex-start;flex-direction:row;justify-content:space-between}.features-left,.features-left h2{text-align:left;width:100%}.features-left h2{margin-right:130px}.features-right{margin-left:70px;margin-top:180px}.feature{justify-content:flex-start;text-align:left}}@media (max-width:480px){.enroll-container{padding:30px}.enroll-details h1{font-size:28px}.enroll-details p{font-size:16px}.features-section{margin-top:20px}.features-left h2{font-size:24px}.feature h3{font-size:18px}.feature p{font-size:14px}.enroll-button{font-size:16px;padding:8px 16px}}.popup{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:9999}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0003;padding:20px;text-align:center}.popup-content h2{color:indigo;margin-bottom:20px}.close-button{background-color:indigo;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.close-button:hover{background-color:#6a0dad}html{scroll-behavior:smooth}.navbar{background:linear-gradient(135deg,#3b4cca,indigo);padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin-left:35px}.navbar-logo{text-decoration:none}.menu-icon,.navbar-logo{color:#fff;font-size:24px}.menu-icon{cursor:pointer;display:none}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-right:40px}.nav-links{color:#fff;font-size:18px;position:relative;text-decoration:none;transition:color .3s,border-bottom-color .3s}.nav-links:hover{color:gold}.nav-links:hover:after{background-color:gold;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-item.dropdown{display:inline-block;position:center}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a,.dropdown-content span{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover,.dropdown-content span:hover{background-color:#f1f1f1}.nav-item.dropdown:hover .dropdown-content{display:block}.nav-item.dropdown .nav-links{align-items:center;cursor:pointer;display:flex}.nav-item.dropdown .nav-links svg{cursor:pointer;margin-left:8px}.logout-link{cursor:pointer}@media screen and (max-width:768px){.navbar-container{margin-left:0}.menu-icon{display:block}.nav-menu{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);display:flex;flex-direction:column;height:100%;justify-content:center;left:-100%;position:fixed;top:0;transition:left .3s ease-in-out;width:100%}.nav-menu.active{left:0}.nav-item{margin:20px 0}}.profile-page{background:linear-gradient(135deg,#3b4cca,indigo);padding:20px}.profile-container{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:130px auto 0;max-width:800px;padding:20px}.profile-details{color:#000;margin-bottom:20px}.profile-details p{color:#000;font-size:18px;line-height:1.6}h1{color:#333;text-align:center}h2{align-items:center;color:#000;font-size:18px;margin-left:90px}.course-list{list-style:none;padding:0}.course-list,.course-list li{color:#000;text-decoration:none}.course-list li{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);display:flex;height:100vh;justify-content:center}.forgot-password-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:40px;width:100%}.forgot-password-form h2{font-size:24px}.forgot-password-form .form-group,.forgot-password-form h2{color:#000;margin-bottom:20px}.forgot-password-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.forgot-password-form .form-group input[type=email]{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.forgot-password-form .forgot-password-button{background-color:indigo;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.forgot-password-form .forgot-password-button:hover{background-color:indigo}.forgot-password-form .error{color:red;font-size:14px}.forgot-password-form .success{color:green;font-size:14px}.forgot-password-form p{margin-top:10px}.forgot-password-form p a{color:indigo;text-decoration:none}.forgot-password-form p a:hover{text-decoration:underline}.reset-password-container{align-items:center;background:linear-gradient(135deg,#3b4cca,indigo);display:flex;height:100vh;justify-content:center}.reset-password-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:40px;width:100%}.reset-password-form h2{font-size:24px}.reset-password-form .form-group,.reset-password-form h2{color:#000;margin-bottom:20px}.reset-password-form .form-group label{color:#000;display:block;font-weight:700;margin-bottom:5px}.reset-password-form .form-group input[type=password]{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.reset-password-form .reset-password-button{background-color:indigo;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.reset-password-form .reset-password-button:hover{background-color:indigo}.reset-password-form .error{color:red;font-size:14px}.reset-password-form .success{color:green;font-size:14px}body{font-family:Arial,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.about,.contact,.home{flex:1 1;padding:20px}.about-container,.contact-container,.home-container{margin:0 auto;max-width:800px;text-align:center}.btn{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.btn:hover{background-color:#0056b3}
/*# sourceMappingURL=main.7f27f1a0.css.map*/