.navbar{background-color:#000;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center}.navbar img{height:7rem;width:14rem;cursor:pointer;margin-right:16px;border-radius:.5rem}.navbar-buttons{display:flex;gap:16px}.navbar-login-button{background:transparent}.navbar-login-button,.navbar-signup-button{width:10rem;height:3rem;margin-top:8px;padding:8px;border:2px solid #35c31e;font-weight:600;font-size:1rem;border-radius:.25rem;cursor:pointer;color:#fff}.navbar-signup-button{background:#35c31e}.navbar-login-button:hover{background-color:#35c31e}.navbar-signup-button:hover{background-color:transparent}.menu-button{width:2.5rem;height:2.5rem;border-radius:50%;background:none;cursor:pointer;display:none}.dropdown-menu{position:absolute;top:100%;right:16px;background-color:#000;border:1px solid #35c31e;border-radius:.5rem;z-index:50;padding:16px;box-shadow:0 8px 16px rgba(0,0,0,.2)}.dropdown-menu,.menu-content{display:flex;flex-direction:column;align-items:flex-start}.menu-buttons{display:flex;flex-direction:column;gap:16px}.menu-close-button{position:absolute;top:8px;right:8px;background-color:#fff;border-radius:.25rem;cursor:pointer}.menu-close-button svg{color:red;width:1.5rem;height:1.5rem}@media (max-width:768px){.navbar-login-button{margin-left:190px;background:transparent}.navbar-login-button,.navbar-signup-button{width:5rem;height:2rem;padding:0;border:2px solid #35c31e;font-weight:600;font-size:1rem;border-radius:.25rem;cursor:pointer;color:#fff}.navbar-signup-button{background:#35c31e}}.main-body-scroller{background-color:#000;color:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:6rem;z-index:10}.main-body-scroller .container{display:flex;justify-content:space-between;align-items:center}.main-body-scroller .nav-items{display:flex;gap:20px;overflow-x:auto}.main-body-scroller .nav-item{display:flex;flex-direction:column;align-items:center;border-bottom:2px solid transparent;cursor:pointer}.main-body-scroller .nav-item:hover{border-bottom:2px solid #fff}.slider-container{display:flex;flex-direction:column;height:100vh;width:100%;margin:auto;padding:16px 4px;position:relative;background-color:#000;overflow:hidden}.left-fade,.right-fade{position:absolute;height:100%;width:20%}.left-fade{left:0;background:linear-gradient(90deg,rgba(0,0,0,.8),transparent)}.right-fade{right:0;background:linear-gradient(270deg,rgba(0,0,0,.8),transparent)}.slider{width:90%;height:70%;margin:auto;border-radius:1rem;border:1px #fff;position:relative;overflow:hidden}.slider-image{position:absolute;top:0;left:0;width:90%;height:90%;object-fit:fill;transition:opacity 1s ease-in-out}.nav-button{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;padding:.5rem;background-color:rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s ease-in-out}.nav-button:hover{opacity:1}.left-button{left:.5rem}.right-button{right:.5rem}.play-button-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;border-radius:1rem;background:rgba(0,0,0,.4)}.play-button{background-color:#1e293b;border:2px solid #fff;margin-bottom:2rem;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .3s,color .3s,transform .3s}.play-button:hover{background-color:#fff;color:#1e293b;transform:scale(1.05)}.dots-container{position:absolute;bottom:1rem;width:100%;display:flex;justify-content:center;padding:.5rem}.dot{font-size:1.25rem;cursor:pointer;color:#fff;margin:0 .25rem;transition:transform .3s}.dot:hover{transform:scale(1.2)}.dot.active{color:#1e293b}.custom-table-auto{width:80%;min-width:80%;margin-left:auto;margin-right:auto;border-collapse:collapse}.custom-border-4{border-width:2px}.custom-border-2{border-width:1px}.custom-bg-blue-300{background-color:#7dd3fc}.custom-bg-green-300{background-color:#6ee7b7}.custom-bg-purple-300{background-color:#c4b5fd}.custom-bg-yellow-300{background-color:#fde68a}.custom-bg-black{background-color:#263351}.custom-bg-white{background-color:#fff}.custom-text-black{color:#000;font-weight:700}.custom-text-white{color:#fff}.custom-bold,.custom-font-bold{font-weight:700}.custom-py-2{padding-top:.5rem;padding-bottom:.5rem}.custom-p-2{padding:.5rem}.custom-p-4{padding:1rem}.custom-p-8{padding:2rem}.custom-px-4{padding-left:1rem;padding-right:1rem}.custom-m-4{margin:1rem}.custom-mt-4{margin-top:1rem}.custom-mb-2{margin-bottom:.5rem}.custom-mb-10{margin-bottom:2.5rem}.custom-ml-10{margin-left:2.5rem}.custom-w-auto{width:auto}.custom-w-full{width:100%}.custom-h-auto{height:auto}.custom-rounded-lg{border-radius:.5rem}.custom-rounded-xl{border-radius:1rem}.custom-shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.marquee-container{height:200px}.marquee-wrapper{width:100%;height:100%;overflow:hidden;position:relative;white-space:nowrap;padding:10px}.marquee-content{display:inline-block;font-weight:700;text-transform:uppercase;font-size:2rem;color:#fff;position:relative;animation:marquee 15s linear infinite,color-change 10s ease-in-out infinite;will-change:transform}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes color-change{0%{color:#ef4444}20%{color:#f97316}40%{color:#fbbf24}60%{color:#a3e635}80%{color:#4ade80}to{color:#5eead4}}@media (max-width:768px){.marquee-content{font-size:1rem;animation:marquee 12s linear infinite,color-change 10s ease-in-out infinite}}@media (max-width:480px){.marquee-content{font-size:1rem;animation:marquee 10s linear infinite,color-change 8s ease-in-out infinite}}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%;height:300px;background-color:--p1}.marquee{display:inline-block;white-space:nowrap;animation:scroll 30s linear infinite;margin-top:70px;margin-bottom:20px}.marquee-item{display:inline-block;width:280px;height:180px;background-size:cover;background-position:50%;margin-right:10px;border:2px solid hsla(0,0%,100%,.509);border-radius:10px;transition:border .3s ease}.marquee-item:hover{border:3px solid #35c31e}.marquee:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}