body {font-family: 'Inter', sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;background-color: #070707;}
.btn {font-family: "Inter", sans-serif;height: 44px;font-size: 16px;font-weight: 500;padding: 10px 28px;line-height: 1.3;box-shadow: 0px 6px 16px 0px rgba(255, 255, 255, .20);}
.btn:hover{background: #111112;border: 1px solid silver;color: #fff;}
.text-gold {color: #ff9900;}

header{padding: 20px 0;}
header a.btn{padding: 9px 18px;font-size: 14px;height: 40px;box-shadow: 0px 6px 20px 0px rgba(255, 255, 255, .4);}

.hero{position: relative;min-height: 500px;background-image: url(../images/banner-effect.png);background-repeat: no-repeat;background-size: 100% 100%;}
.hero h1 {font-weight: 600;font-size: 52px;line-height: 1.3;}
.hero h1 .first{font-weight: 300;}
.hero p{font-size: 24px;font-weight: 400;line-height: 1.5;}
.hero .download-sec {position: absolute;bottom: 40px;z-index: 2;}
.hero .download-sec .circle {background: #070707;width: 40px;height: 40px;border: 1px solid #E4E5E8;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.hero .right-img {position: absolute;bottom: 2px;right: 0px;text-align: right;z-index: 1;}
.hero .right-img img {max-height: 480px;}

.player-stat h3{font-size: 32px;line-height: 1.5;}
.player-stat p{font-size: 24px;line-height: 1.5;}

.card-sec .card-dark{border: 1px solid #484851;font-family: "Geist", sans-serif;height: 100%;border-radius: 16px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.02)), radial-gradient(62.08% 98.4% at 50% 1.6%, rgba(255, 153, 0, 0.2) 0%, rgba(255, 153, 0, 0.04) 100%);
}
.card-sec .card-dark img{margin-bottom: 15px;}
.card-sec .card-dark .top-box{height: 150px;}
.card-sec .card-dark h6{font-weight: 600;font-size: 24px;line-height: 1.5;}
.card-sec .card-dark p{font-weight: 400;font-size: 16px;line-height: 1.4;}

.cta{background-image: url('../images/cta-bg.png');height: 450px;background-repeat: no-repeat;
  background-size: 100% 100%;display: flex;align-items: center;justify-content: center;}
.cta h2{font-size: 46px;line-height: 1.5;}
.cta p{font-weight: 600;font-size: 24px;line-height: 1.5;}

.feature-sec .accordion button{font-size: 24px;font-weight: 400;line-height: 1.5;padding-left: 0;}
.feature-sec .accordion-item{border-bottom: 2px solid #D9D9D9 !important;}
.feature-sec .accordion-flush .accordion-item:first-child{border-top: 2px solid #D9D9D9;}
.feature-sec .accordion-flush .accordion-item:last-child{border-bottom: 0;}
.feature-sec .accordion-button:focus {box-shadow: none;}
.feature-sec .accordion-button::after{background-image: url(../images/plus-icon.png);background-color: #fff;
  padding: 15px;border-radius: 50%;background-size: 14px;background-position: center;transition: background-imgae 0.2 ease-in-out;
}
.feature-sec .accordion-button:not(.collapsed){box-shadow: none;}
.feature-sec .accordion-button:not(.collapsed)::after{transform: none;background-image: url(../images/minus-icon.png);}
.feature-sec .accordion-body{padding-left: 0;color: #fff !important;font-size: 16px;font-weight: 400;line-height: 1.4;padding-top: 10px;}

.hero-box{background-image: url(../images/hero-box-effect.png);background-repeat: no-repeat;background-size: 100% 100%;position: relative;min-height: 700px;overflow: hidden;}
.hero-box h2{font-weight: 300;font-size: 44px;line-height: 1.3;}
.hero-box img{position: absolute;bottom: 0;height: 500px;width: auto;left: 10%;}

.form-sec{background-image: url(../images/form-bg.png);padding-top: 100px;padding-bottom: 100px; background-repeat: no-repeat;background-size: 100% 100%;max-width: 100%;overflow: hidden;}
.form-sec .container-fluid{max-width: 1520px;}
.form-sec h2{line-height: 1.5;margin-bottom: 15px;}
.waitlist-form label {color: #fff;font-size: 20px;line-height: 1.5;margin-bottom: 2px;}
.waitlist-form .waitlist-input {background: transparent;border: 1px solid #FF9900;color: #fff;border-radius: 8px;
  padding: 4px 14px;font-weight: 400;font-size: 20px;line-height: 1.5;
}
.waitlist-form .waitlist-input:focus {border-color: #FF9900;box-shadow: none;background: transparent;color: #fff;}
.waitlist-form .waitlist-input.error {border-color: #ff4d4d;}
.waitlist-form .form-check label{font-weight: 400;}
.waitlist-form .form-check-input {background-color: transparent;border-color: #FF9900;border-radius: 0;}
.waitlist-form .form-check-input:checked {background-color: #d4af37;border-color: #FF9900;}
.waitlist-form .error-text {color: #ff4d4d;font-size: 12px;margin-top: 4px;}
.waitlist-form .form-control::placeholder {color: #777;}

.footer-top {background: #000;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer-title {color: #fff;font-size: 20px;font-weight: 400;line-height: 26px; margin-bottom: 16px;}
.footer-text {font-size: 14px;line-height: 24px;font-weight: 400;}
.footer-item {display: flex;gap: 10px;align-items: center;font-size: 14px;margin-bottom: 10px;font-weight: 400;line-height: 30px;}
.footer-item a, .links a {color: #fff;text-decoration: none;}
.footer-item .social-icon{font-size: 16px;background: #070707;width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #E4E5E8;}
.links{list-style-type: none;padding-left: 0;}
.links a{font-size: 14px;font-weight: 400;margin-bottom: 10px;}
.footer-item .icon {color: #FF9900;font-size: 14px;line-height: 1.4;}
.app-download img{height: 40px;display: block;}

footer{background-color: #FF9900;}
footer p{font-weight: 500;font-size: 14px;line-height: 20px;color: #000;}

@media (max-width: 1199px) {
  .hero h1{font-size: 44px;}
  .hero p{font-size: 20px;}
  .hero .right-img img{max-height: 450px;}

  .player-stat h3{font-size: 28px;}
  .player-stat p{font-size: 20px;}

  .card-sec .card-dark h6{font-size: 22px;}

  .cta{height: 350px;}
  .cta h2{font-size: 36px;}

  .feature-sec .accordion button{font-size: 20px;}

  .hero-box{min-height: 500px;}
  .hero-box h2{font-size: 36px;}
  .hero-box img{height: 330px;left: 20%;}

  .form-sec{padding-top: 50px;padding-bottom: 50px;}
  .waitlist-form .waitlist-input{font-size: 16px;}
  .waitlist-form label{font-size: 14px;}
}

@media (max-width: 991px) {
  .btn, header a.btn{height: 40px;font-size: 14px;padding: 9px 24px;}

  .hero h1{font-size: 40px;}
  .hero .right-img{right: -10px;}
  .hero .right-img img{max-height: 380px;}
  .hero .download-sec .icons{margin-left: 27px;}

  .player-stat img{max-width: 400px;}

  .card-sec .card-dark .top-box{height: auto;margin-bottom: 30px;}

  .cta h2{font-size: 28px;}
  .cta p{font-size: 20px;}

  .feature-sec img{max-width: 300px;}

  .hero-box img{left: 15%;}

  .form-sec{padding: 50px;}
  .form-sec .right-img{margin-right: -50px;}

  .footer-item{justify-content: center;}
  .app-download img{margin: auto;}
}

@media (max-width: 767px) {
  .hero{min-height: 450px;}
  .hero .right-img img{max-height: 300px;}

  .cta{height: 250px;}
}

@media (max-width: 575px) {
  .hero{min-height: 420px;}
  .hero h1{font-size: 36px;}
  .hero p{font-size: 20px;}
  .hero .right-img{right: -5px;}
  .hero .right-img img{max-height: 260px;}

  .player-stat img{max-width: 350px;}
  .player-stat h3{font-size: 24px;}
  .player-stat p{font-size: 16px;}

  .cta{height: 230px;}
  .cta h2{font-size: 24px;}
  .cta p{font-size: 16px;}

  .feature-sec .accordion button{font-size: 18px;padding-top: 10px;padding-bottom: 10px;}
  .feature-sec .accordion-body{font-size: 14px;padding-bottom: 10px;}

  .hero-box{min-height: 360px;}
  .hero-box h2{font-size: 28px;}
  .hero-box img{height: 250px;}

  .form-sec{padding: 20px 12px 40px;}
}

@media (max-width: 480px) {
    .btn, header a.btn {height: 36px;font-size: 12px;padding: 9px 16px;}

    .hero{min-height: 350px;padding: 20px !important;}
    .hero h1{font-size: 28px;}
    .hero p{font-size: 18px;}
    .hero .download-sec .icons{margin-left: 20px;margin-top: 10px !important;gap: 10px !important;}
    .hero .download-sec .circle{width: 35px;height: 35px;}
    .hero .download-sec .circle.apple img{width: 16px;}
    .hero .download-sec .circle.google-play img{width: 22px;}
    .hero .right-img img{max-height: 210px;}

    .cta{height: 200px;}
    .cta h2{font-size: 20px;}
    .feature-sec .accordion button{font-size: 16px;}

    .hero-box h2{font-size: 24px;}
}

@media (max-width: 380px) {
  .hero{padding: 10px !important;}
  .hero h1{font-size: 24px;}
  .hero p{font-size: 16px;}
  .hero .download-sec{position: unset;}
  .hero .download-sec .icons{margin-left: 5px;}
  .hero .right-img{right: -10px;}
}