.ticker,form .btn-container input{background-color:#181818;color:#c4ff00}.overlay,.video-container{position:absolute;top:0;left:0}.hero,.menu,form{display:flex}.hero,.menu a:last-child,.ticker{text-align:center}.hero .call h3,.menu a{font-weight:300;color:#fff}.card,.quote p{margin-bottom:40px}.btn,.hero .call a,.menu a{transition:background-color .3s}@font-face{font-family:Futura;src:url('../fonts/FuturaRound.ttf') format('truetype');font-display:swap}@font-face{font-family:'Articulat Light';src:url('../fonts/ArticulatCF-Light.ttf') format('truetype');font-display:swap}@font-face{font-family:'Articulat Medium';src:url('../fonts/ArticulatCF-Medium.ttf') format('truetype');font-display:swap}*,::after,::before{box-sizing:border-box;font-family:Roboto,sans-serif}.highlight,.quote p{font-family:kepler-std-semicondensed,sans-serif}body,html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;padding:0;margin:0;outline:0;background:0 0;appearance:none}audio,img,video{max-width:100%;height:auto}.overlay,.video-container,video{width:100%;height:100%}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:#f2f2f2}body::-webkit-scrollbar-thumb{background-color:#c4ff00;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#d6ff00}body::-webkit-scrollbar-corner{background-color:#f2f2f2}body::-webkit-scrollbar-button{display:none}h1,h2,h3,h4,h5{font-family:Futura,sans-serif}form .btn-container input,h4,label{font-family:'Articulat Medium',sans-serif}a,div,input,p{font-family:'Articulat Light',sans-serif}.main-section{min-height:100vh;position:relative}.title h2{font-weight:100}form{flex-direction:column;text-align:left}form input{border:1px solid #000;padding:10px}form label{margin-top:20px}form .btn-container{text-align:center;padding:20px 0}form .btn-container input{cursor:pointer;min-width:50%;font-size:24px;padding:20px}.ticker{padding:15px;font-size:.75rem}.video-container{overflow:hidden;z-index:-1}.overlay{background-color:rgba(0,0,0,.5);z-index:1}video{object-fit:cover}.menu{gap:30px;align-items:center;justify-content:flex-end}.menu a{font-size:1.25rem}.menu a:last-child{border:1px solid #fff;padding:10px 20px}.hero{flex-direction:column;align-items:center;justify-content:center;margin-top:10rem}.btn,.hero .call a,.highlight{display:inline-block}.hero .title{color:#fff;font-size:2rem}.hero .call{margin-top:2rem;width:500px;max-width:100%}.hero .call h3{font-size:1.5rem}.btn,.highlight{font-weight:700}.hero .call a{color:#fff;border:1px solid #fff;padding:40px 80px;margin-top:2rem}.hero .call a:hover,.menu a:last-child:hover{background-color:rgba(255,255,255,.3)}.quote p{font-size:24px;font-weight:100}.quote p::first-letter{font-weight:700;font-size:350%;padding:0 3px;margin-right:6px;margin-top:-10px;float:left;font-family:kepler-std-condensed-display,sans-serif}.highlight{background:linear-gradient(to top,#d6ff00 40%,transparent 10%);background-clip:text;line-height:1}.card{padding:0 60px}.card img{width:100px;max-width:100%;margin-bottom:15px}.card h3{font-size:32px;margin-bottom:10px}.btn,.card p,.text{font-size:24px}.btn{background-color:#d6ff00;padding:40px 20px;color:#181818;cursor:pointer}.btn:hover{background-color:#c4ff00}.chapter,.subtitle{font-size:44px}@media (max-width:768px){.menu{display:none}.hero{margin-top:0}.chapter,.subtitle{font-size:24px;padding:0}.text,form .btn-container input{font-size:16px}h2{font-size:28px}}
.carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-images {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  flex: 0 0 100%;
  text-align: center;
}

.carousel-item img {
  max-width: 100%;
  display: block;
  margin: auto;
}

/* ... (rest of the CSS including prev and next buttons) ... */


.carousel-prev, .carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: black;
  text-decoration: none;
  background: white;
  padding: 10px;
  cursor: pointer;
}

.carousel-prev {
  left: 10px;
}

.carousel-next {
  right: 10px;
}

.only-mobile {
  @media (min-width: 768px) {
    display: none;
  }
}
.only-desktop {
  @media (max-width: 768px) {
    display: none;
  }
}