body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f9f9f9}.empty-banner{height:150px;background-color:#f9f9f9;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 1px;border-radius:20px}.logo-container{display:flex;align-items:center}.logo{height:130px}.nav-container{background-color:#5b1e65;padding:10px 20px;position:absolute;top:50%;right:0;width:calc(100% - 220px);transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;z-index:2;border-radius:20px}.nav-menu{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.nav-menu li{position:relative}.nav-menu a{text-decoration:none;color:#fff;font-size:18px;padding:10px 15px;display:inline-block}.nav-menu a:hover{background-color:#e22d2d;border-radius:5px}.dropdown-menu{display:none;position:absolute;background-color:#5b1e65;top:100%;left:0;list-style:none;padding:10px 0;border-radius:5px;z-index:10;min-width:150px}.dropdown-menu li{width:100%;padding:8px 15px}.nav-menu .dropdown:hover .dropdown-menu,.nav-menu .dropdown:focus-within .dropdown-menu{display:block}.menu-toggle{display:none;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.search-container{display:block}@media(max-width:768px){.empty-banner{flex-direction:column;align-items:center;height:auto}.logo-container{order:-1;width:100%;justify-content:center;height:auto;padding:10px 0}.logo{height:180px}.nav-container{flex-direction:column;align-items:center;width:100%;position:relative;top:auto;transform:none}.menu-toggle{display:block}.nav-menu{display:none;flex-direction:column;width:100%;background-color:#5b1e65;position:absolute;top:100%;left:0;padding:10px}.nav-menu.active{display:flex}.nav-menu li{width:100%;text-align:center;padding:10px 0}.dropdown-menu{position:relative;width:100%}.search-container{display:none}}.search-container{display:flex;align-items:center;gap:5px;border-radius:20px}.search-container input{padding:8px;border:1px solid #5b1e65;border-radius:5px 0 0 5px;outline:none;width:200px}.search-container button{padding:8px 15px;background-color:#e22d2d;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer}.search-container button:hover{background-color:#d51b1b}.footer-container{background-color:#5b1e65;color:#fff;padding:30px 20px;text-align:center;border-radius:10px}.footer-columns{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.footer-column{text-align:left}.footer-column h4{font-size:18px;margin-bottom:10px}.footer-column ul{list-style:none;padding:0}.footer-column ul li a{text-decoration:none;color:#fff;font-size:14px}.footer-column ul li a:hover{background-color:#e22d2d;border-radius:5px;padding:5px}.small-banner{background-color:#e22d2d;padding:10px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;border-radius:20px}.small-banner a{color:#fff;text-decoration:none;font-size:14px;padding:8px}.small-banner a:hover{background-color:#5b1e65;border-radius:5px}@media(max-width:768px){.nav-container{flex-direction:column;width:100%}.nav-menu{gap:10px;flex-wrap:wrap;justify-content:center}.dropdown-menu{position:relative;width:100%}.footer-columns{flex-direction:column;align-items:center}}@media(min-width:769px){.nav-container{flex-direction:row}}.advertisement-section{width:85%;height:70vh;margin:5px auto;overflow:hidden;position:relative;border-radius:15px}.ad-carousel{height:100%;display:flex;transition:transform .5s ease-in-out}.ad-slide{min-width:100%;height:100%;background-size:100% auto;background-position:center;background-repeat:no-repeat;text-align:center;padding:50px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-text{font-size:24px;font-weight:700;animation:fadeIn 2s ease-in-out infinite alternate}.ad-button{margin-top:20px;padding:10px 20px;background-color:#e22d2d;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ad-prev,.ad-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;font-size:24px;padding:10px;border-radius:50%}.ad-prev{left:10px}.ad-next{right:10px}@media(max-width:768px){.advertisement-section{width:90%}}.tab-section{width:100%;padding:20px;box-sizing:border-box;background-color:#f9f9f9}.tabs{display:flex;justify-content:space-around;position:relative}.tab{padding:10px 20px;border:none;background-color:#f1f1f1;cursor:pointer;transition:background-color .3s;border-right:1px solid #ccc}.tab:last-child{border-right:none}.tab.active{background-color:#f9f9f9;color:#000}.tab-line{height:2px;background-color:#ccc;margin:10px 0}.sub-container-wrapper{display:flex;align-items:center;overflow-x:auto;position:relative}.sub-container{display:none;flex-direction:row;align-items:center}.sub-container[data-active=true]{display:flex}.sub-container-item{padding:20px;background-color:#e2e2e2;margin:0 10px;border-radius:5px;min-width:100px;text-align:center}.scroll-button{background-color:#007bff;color:#fff;border:none;padding:10px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.scroll-button.left{left:0}.scroll-button.right{right:0}.scroll-button:hover{background-color:#0056b3}@media(max-width:600px){.tabs{flex-direction:column}.tab{width:100%;text-align:center;border-right:none}.scroll-button{display:none}}.learner-dashboard{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;display:flex;border-radius:15px}.learner-sidebar{width:250px;background:linear-gradient(to bottom,#2e0b45,#d00000);color:#fff;padding:20px;height:100vh;box-shadow:2px 0 5px #0000001a;border-radius:15px}.learner-sidebar img{width:100px;height:100px;border-radius:50%;display:block;margin:0 auto 10px}.learner-sidebar h2{text-align:center;margin:10px 0}.learner-sidebar p{text-align:center;margin:5px 0}.learner-nav-links{list-style:none;padding:0;margin-top:20px}.learner-nav-links li{padding:10px;text-align:center;background:#fff3;margin:5px 0;border-radius:5px}.learner-nav-links li:hover{background:#fff6;cursor:pointer}.learner-container{flex-grow:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.learner-progress{background:#ddd;border-radius:5px;overflow:hidden;margin:20px 0}.learner-progress-bar{width:70%;background:#d00000;color:#fff;padding:10px;text-align:center}.learner-courses{list-style:none;padding:0}.learner-courses li{background:#2e0b45;color:#fff;padding:15px;margin:10px 0;border-radius:5px;text-align:center}.learner-navigation{display:flex;justify-content:space-between;margin-top:20px}.learner-navigation button{padding:10px 20px;border:none;background:#d00000;color:#fff;border-radius:5px;cursor:pointer;font-size:16px}.learner-navigation button:hover{background:#a00000}.learner-hero{background:linear-gradient(to right,#2e0b45,#d00000);color:#fff;text-align:center;padding:50px 20px}.learner-section{padding:40px 20px;text-align:center;background:#e0e0e0;border-radius:15px}.learner-carousel{position:relative;max-width:90%;margin:auto;overflow:hidden}.learner-courses{display:flex;transition:transform .5s ease-in-out}.learner-course{width:200px!important;height:300px!important;margin:10px;background:#ffffffe6;color:#333;padding:20px;border-radius:10px;text-align:center;position:relative;box-shadow:0 4px 20px #0003,inset 0 -2px 8px #0000001a;transform-style:preserve-3d;transition:transform .5s;overflow:hidden;flex-shrink:0}.learner-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10}.learner-prev{left:10px}.learner-next{right:10px}@media(max-width:600px){.learner-courses{justify-content:center;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.learner-course{scroll-snap-align:center}.learner-carousel-btn{display:none}}.featured-main{background-color:#f9f9f9;color:#000;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:70vh;margin:1px auto;border-radius:15px;max-width:90%}.featured-section{max-width:100%;min-width:80%;overflow:hidden;position:relative;padding:5px;text-align:center;color:var(--jusaf-red)}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.carousel{display:flex;transition:transform .5s ease-in-out;width:100%}.course-card{flex:0 0 50%;display:flex;background:linear-gradient(to right,#2e1a47 60%,#6a1e47 80%),linear-gradient(to right,#ff1e1e 30% 100%);border:2px solid #ff1000;border-radius:10px;overflow:hidden;min-width:30%;height:300px;margin-right:10px;text-decoration:none;color:inherit}.course-card *,.course-card:hover,.course-card:focus,.course-card:visited{text-decoration:none}.course-image{width:40%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.course-info{padding:20px;flex:1}.course-info h2{margin:5px;font-size:28px;color:#fff}.course-info p{font-size:18px;color:#e2e2e2}.course-meta{display:flex;align-items:center;gap:10px;margin-top:10px}.badge{background:#ff1e1e;padding:5px 10px;border-radius:5px;font-size:25px}.level{background:#ff1e1e;padding:5px 10px;border-radius:5px;font-size:15px}.meta-icon{display:flex;align-items:center;gap:5px}.carousel-btn{background-color:#ff1e1e;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:10;font-size:24px;display:flex;align-items:center;justify-content:center;width:50px;height:50px}.prev{left:10px}.next{right:10px}@media(max-width:768px){.course-card{flex-direction:column;height:auto}.course-image{width:100%;height:200px}.carousel-btn{width:40px;height:40px;font-size:20px}}.testimonial-section{font-family:Arial,sans-serif;background:#f9f9f9;color:#000;text-align:center;padding:50px 20px;border-radius:15px;width:90%;margin:15px auto;box-shadow:0 4px 20px #0000001a}section{padding:50px 20px;background:#fff}.testimonials-title{font-size:2.2em;font-weight:700;margin-bottom:20px;color:var(--jusaf-red)}.testimonials-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.testimonial{background:linear-gradient(to right,#2d0b41,red);border-radius:10px;padding:20px;width:90%;max-width:350px;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out}.testimonial:hover{transform:translateY(-5px)}.testimonial p{font-size:1em;color:#fff}.testimonial .author{display:flex;align-items:center;margin-top:20px;justify-content:center}.testimonial img{width:40px;height:40px;border-radius:50%;margin-right:10px}.testimonial .name{font-weight:700;color:#fff}.testimonial .position{font-size:.9em;opacity:.8;color:var(--jusaf-light);font-style:italic}.read-more{margin-top:30px}.read-more button{background-color:var(--jusaf-blue);color:#fff;border:none;padding:10px 20px;font-size:1em;font-weight:700;border-radius:5px;cursor:pointer;transition:.3s}.read-more button:hover{background-color:var(--jusaf-red)}@media screen and (max-width:768px){.testimonials-title{font-size:1.8em}.testimonials-container{flex-direction:column;align-items:center}.testimonial{width:100%;max-width:400px}}.getstarted-section{background:var(--jusaf-light);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:90%;text-align:center;margin-top:20px;margin-left:auto;margin-right:auto}.getstarted-tabs{display:flex;justify-content:center;border-bottom:2px solid #ddd;margin-bottom:20px}.getstarted-tab{padding:12px 20px;cursor:pointer;font-size:16px;font-weight:700;color:var(--jusaf-purple);transition:.3s}.getstarted-tab.active{color:#fff;background:var(--jusaf-red);border-radius:5px}.getstarted-courses-wrapper{position:relative;overflow:hidden;padding:0 40px}.getstarted-courses-container{display:flex;gap:15px;overflow-x:auto;scroll-behavior:smooth;padding:10px;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.getstarted-courses-container::-webkit-scrollbar{display:none}.getstarted-course{min-width:280px;width:300px;background:var(--jusaf-purple);color:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:left;display:flex;flex-direction:column;align-items:center;transition:.3s;text-decoration:none}.getstarted-course:hover{background:var(--jusaf-red);transform:scale(1.05)}.getstarted-course-title{font-weight:700;font-size:20px;text-align:center}.getstarted-course-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin:10px 0}.getstarted-course-duration{font-size:14px;color:#d3d3d3}.getstarted-stars{color:gold;font-size:14px}.getstarted-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#d00000;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:50%;font-size:18px;transition:.3s}.getstarted-scroll-btn:hover{background:#9b0000}.getstarted-scroll-left{left:0}.getstarted-scroll-right{right:0}@media screen and (max-width:600px){.getstarted-tab{padding:10px;font-size:14px}.getstarted-course{min-width:250px}}.section-title{font-size:2.2em;font-weight:700;margin-bottom:20px}.team-section{background:#f9f9f9;padding:10px 5px;text-align:center;color:var(--jusaf-red);border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:5px auto;max-width:1200px}.team-intro{font-size:1.1em;color:var(--jusaf-purple);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.team-container{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.team-card{background:linear-gradient(to bottom right,#2e0b45,#d00000);color:#fff;width:260px;border-radius:15px;box-shadow:0 6px 12px #0003;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.team-card:hover{transform:translateY(-10px);box-shadow:0 8px 20px #0000004d}.team-image{width:100%;height:220px;background-size:cover;background-position:center;border-bottom:3px solid #ff1e1e}.team-name{font-size:20px;margin-top:15px;font-weight:700}.team-role{font-size:16px;color:#ffb3b3;margin:5px 0}.team-bio{font-size:14px;color:#fff;padding:0 15px;line-height:1.5;margin-bottom:15px}.team-socials{display:flex;gap:15px}.team-socials a{color:#fff;font-size:18px;transition:color .3s,transform .3s}.team-socials a:hover{color:#ffb3b3;transform:scale(1.2)}@media screen and (max-width:900px){.team-container{flex-direction:row;justify-content:center}.team-card{width:220px}}@media screen and (max-width:600px){.team-card{width:90%}.team-image{height:180px}}.registration-section{background:#f9f9f9;padding:60px 20px;border-radius:15px;box-shadow:0 4px 8px #0000001a;max-width:700px;margin:50px auto;text-align:center}.registration-section .section-title{font-size:2em;margin-bottom:10px;color:var(--jusaf-purple)}.form-intro{font-size:1.1em;color:var(--jusaf-red);margin-bottom:30px}.registration-form{display:flex;flex-direction:column;gap:20px;text-align:left}.form-group{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:6px;color:#2e0b45}input,select,textarea{padding:10px;border:1px solid #ccc;border-radius:10px;font-size:1em;transition:border .3s,box-shadow .3s}input:focus,select:focus,textarea:focus{border:1px solid #d00000;box-shadow:0 0 5px #d000004d;outline:none}.submit-btn{background:linear-gradient(to right,#2e0b45,#d00000);color:#fff;padding:12px 20px;border:none;border-radius:12px;font-size:1.1em;cursor:pointer;transition:background .4s,transform .3s}.submit-btn:hover{background:linear-gradient(to right,#d00000,#2e0b45);transform:scale(1.05)}@media(max-width:600px){.registration-section{padding:40px 15px}.submit-btn{font-size:1em}}:root{--jusaf-red: #b22222;--jusaf-purple: #5b1e65;--jusaf-light: #f9f9f9;--jusaf-blue: #2e0854}.partners{background-color:#fff;color:var(--jusaf-purple);text-align:center;padding:20px;width:90%;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:20px auto}.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;justify-items:center}.partner-card{background-color:var(--jusaf-light);border:2px solid var(--jusaf-red);border-radius:12px;width:100%;max-width:220px;padding:20px;box-shadow:0 4px 8px #2e085433;transition:transform .3s ease,box-shadow .3s ease}.partner-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #b222224d}:root{--jusaf-red: #b22222;--jusaf-purple: #2e0854;--jusaf-light: #f9f9f9}.partners{background-color:#fff;color:var(--jusaf-purple);text-align:center;padding:20px}.partners h2{font-size:2.2em;color:var(--jusaf-red);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-left:auto;margin-right:auto}.partners-logo{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;transition:transform .4s ease,width .4s ease,height .4s ease;cursor:pointer}.partners-logo:hover{transform:scale(1.5)}@media(max-width:768px){.partners-logo{width:150px;height:150px}.partners-logo:hover{transform:scale(1.4)}.partners h2{font-size:1.8em}}@media(max-width:480px){.partners-logo{width:120px;height:120px}.partners-logo:hover{transform:scale(1.35)}.partners h2{font-size:1.5em}}