@import url(./fonts.css);
body {
    font-family: 'Gilroy', sans-serif;
    font-weight: 400;
  }


  .iti{
    display:block !important;
  }
  section{
    margin-top:13%;
  }
  
  .iti__selected-dial-code{
    color:black !important;
  }
  
  .iti__selected-flag{
    border-radius:13px !important;
    background:white !important;
  }
  
  .iti__flag{
    border-radius:50% !important;
  }
  
  .iti__country-list{
    background-color: #222121 !important;
  }
  
  .input-field-phone::placeholder {
      color: transparent !important;
      text-align:center !important;
  }
  
  .large-screen-font {
      font-size: 62.11px;
      width: 708px;
    }
  
    .bg-black {
      overflow-x: hidden;
      font-family:Gilroy !important;
    }
  
    .container {
      max-width: 70%;
      padding: 0 1rem;
    }
  
    .cta-sec{
    width: 100%;
    max-width: 76%;
    margin: Auto;
    border-radius: 10px;
    background-image: url("/assets/img/landing/CTA.png");
    background-size: cover;
    background-repeat: no-repeat;
    }
  
  
    .ellipse {
      right:3%;
  }
  
    .header {
      text-align: center;
    }
  
    .cta-section{
      width:100%;
      max-width: 80%;
    }
  
    .bg-grid-section {
      background: linear-gradient(
        270deg,
        rgba(62, 24, 138, 0.11) 0%,
        rgba(74, 37, 169, 0.11) 100%
      );
      border: 0.691675px solid rgba(64, 62, 62, 0.53);
      border-radius: 20.4964px;
    }
    .text-2xl {
      color: #ffffff;
    }
  
    .text-gray-700 {
      color: #ffffff;
    }
  
    .text-indigo-900 {
      color: #ffffff;
    }
    .bg-gray-900 {
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(16.3047px);
      border-radius: 16.3047px;
    }
  
    .text-base {
      color: white;
      font-size: 18px;
    }
  
    .button-trial {
      background: rgba(255, 255, 255, 0.08);
      border: 1.27422px solid rgba(255, 255, 255, 0.06);
      backdrop-filter: blur(20.3875px);
    }
  
    .bg-gray-700 {
      background: linear-gradient(
        180deg,
        rgba(97, 85, 153, 0) 0%,
        #7164b3 38%,
        #8172cc 61%,
        rgba(161, 142, 255, 0) 100%
      );
    }
  
    .bg-purple-500 {
      justify-items: start;
    }
  
    .top-8 {
      top: 1rem;
    }
  
    .text-4xl {
      font-size: 45px;
    }
  
    .mb-10 {
      margin-bottom: 0.5rem;
      margin-top: 1.5rem;
      color: white;
      font-weight: 500;
    }
    .text-white-300 {
      font-style: normal;
      font-weight: 700;
      font-size: 40.1385px;
      line-height: 64px;
    }
  
    .text-purple-500 {
      font-style: normal;
      font-weight: 700;
      font-size: 59.404px;
      line-height: 78px;
      text-align: center;
      color: rgba(191, 144, 255, 1);
      font-family: Gilroy;
    }
  
    .text-3xl {
      font-size: 3rem;
    }
    .cards {
      background: linear-gradient(
        270deg,
        rgba(62, 24, 138, 0.11) 0%,
        rgba(74, 37, 169, 0.11) 100%
      );
      border: 0.691675px solid rgba(85, 85, 85, 0.53);
      border-radius: 20.4964px;
    }
  
    .card-2 {
      background: linear-gradient(
        180deg,
        rgba(8, 6, 24, 0.6) 0%,
        rgba(28, 22, 65, 0.6) 24%,
        rgba(37, 24, 83, 0.6) 60.5%,
        rgba(138, 51, 181, 0.6) 88%
      );
      border: 0.691675px solid rgba(85, 85, 85, 0.53);
      border-radius: 20.4964px;
    }
  
    .prices {
      font-style: normal;
      font-weight: 700;
      font-size: 40px;
      text-align: center;
      color: #beefc2;
      margin-bottom:40px;
    }
  
    .fee {
      font-style: normal;
      font-weight: 700;
      font-size: 37.7402px;
      line-height: 50px;
      text-align: center;
      color: #ffffff;
    }
  
    .user {
      margin-top: 20px;
      font-weight: 700;
      font-size: 25px;
      font-family:Gilroy;
    }
    .border-gray-800 {
      border-color: #282a66;
    }
  
    .second-section{
      background-image: url("/assets/img/landing/flare.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      
    }
  
  
    .candlestick{
      background-image: url("/assets/img/landing/Candlestick.svg");
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
    }
  
    .mission-banner {
    background-image: url("/assets/img/landing/CTA.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 2rem;
    border-radius: 1rem;
    position: relative;
    min-height: 410px;
  }
  
  .mission-banner .overlay {
    position: absolute;
    inset: 0;
    opacity: 0.1;
    pointer-events: none;
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  }
  
  .banner-content {
    position: absolute;
    z-index: 3;
  }
  
    .tracking-wide {
      font-size: 2rem;
      font-weight: 500;
      margin-bottom: 20px;
    }
    .tracking {
      font-size: 15px;
    }
  
    .md\:p-16 {
      padding: 10rem;
    }
   
    .text-white-400{
      color:white;
    }
  
  
    .section-banner {
      width: 100%;
      color: white;  
      margin-top:70px;
      }
  
      .left-side p{
            margin-bottom:60px;
      }
  
  
    @media (max-width: 1200px) {
      .text-3xl {
        font-size: 2rem;
      }
      .container{
      max-width:90%;
    }
    .mission-banner{
      min-height: 310px;
    }
    .cta-section{
      max-width: 90%;
    }
  
    .left-side h1{
      margin-bottom: 40px;
    font-size: 28px;
    line-height: 30px;
           }
    }
  
  
    @media (max-width: 780px) {
  
      .section-banner {
                  grid-template-columns: 1fr;
                  gap: 10px;
                  text-align: center;
              }
  
              .section-banner .left-side {
                  order: 1;
              }
  
              .section-banner .right-side {
                  order: 2;
                  justify-self: center;
              }
  
              .left-side h1{
              font-size: 30px;
              line-height: 35px;
              }
  
              .buttons{
                width:100%;
              }
  
              .right-side img{
                max-width:100%;
              }
              .text-purple-500{
                font-size: 45px;
                line-height: 55px;
              }
             
      .text-3xl {
        font-size: 2rem;
      }
  
    .md\:text-lg {
      font-size: 15px;
      text-align: left;
    }
  
      .header h1 {
        font-size: 2rem;
      }
  
      .pricing-tip {
        float: none;
        margin: 0 auto 2rem;
        display: block;
        text-align: center;
        max-width: 300px;
      }
  
      .pricing-cards {
        flex-direction: column;
        align-items: center;
      }
  
      .pricing-card {
        max-width: 100%;
        width: 100%;
      }
  
      .features-grid {
        grid-template-columns: 1fr;
      }
  
      .main-content {
        flex-direction: column;
        gap: 40px;
      }
  
      .left-section,
      .right-section {
        width: 100%;
        margin-right: 0;
      }
  
      .main-heading {
        font-size: 2.5rem;
      }
      .features-section {
        flex-direction: column;
      }
  
      .steps-container {
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }
  
      .progress-line {
        display: none;
      }
  
      .promo-banner {
        padding: 10px 5%;
      }
  
      .action-buttons {
        flex-direction: column;
      }
  
      .main-heading {
        font-size: 2rem;
      }
  
      .logo-container,
      .partner-logo {
        font-size: 1rem;
      }
  
      .mission-banner {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        padding: 2rem;
        border-radius: 1rem;
        position: relative;
        min-height: 400px;
        padding: 1rem;
      }
      .bg-24funded {
        background: linear-gradient(94deg, #6700E4 55.97%, #4A00A5 81.98%, #6700E4 96.49%);
  }
  
    @media (max-width: 640px) {
    .mission-banner {
      padding: 3rem;
      min-height: 400px;
    }
  
    .mission-banner .overlay {
      background-size: 10px 10px;
    }
  
    .banner-content {
      padding: 1rem;
    }
  }
  
    @media (max-width: 480px) {
        .container {
          padding: 1rem;
          max-width:100%;
        }
  
        .header h1 {
          font-size: 1.75rem;
        }
      }
    }
  
    .wave-bg {
        background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23a28cfa' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
      }
     
      .bg-card-blue {
        background: linear-gradient(to bottom, #40d0e0, #2ba7c4);
      }
      
      .bg-card-purple {
        background: linear-gradient(to bottom, #c4b5fb, #9c7af7);
      }
      
      .bg-card-center {
        background: linear-gradient(to bottom, #8046b4, #5e1e96);
      }
  
     
   .carousel-title {
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
  }
  
  .carousel-wrapper {
      display: flex;
      align-items: center;
      position: relative;
  }
  
  .carousel {
      display: flex;
      transition: transform 0.3s ease;
  }
  
  .carousel-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .card-content {
    text-align: center;
    padding:20px;
  }
  
  .carousel-card img {
    max-width: 100%;
    height: auto;
  }
  
  .carousel-card p {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
  }
  
  
  .carousel-card img {
      width: 100%;
      border-radius: 8px;
  }
  
  .carousel-button {
    background: #6126d5;
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 18px;
      cursor: pointer;
      z-index: 10;
      flex-shrink: 0;
  }
  
  #prevBtn {
     left: 0rem;
  }
  
  #nextBtn{
    right:0rem;
  }
  
  
  .three-section{
    background-image: url("/assets/img/landing/background.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
  
  }
  
   @media (max-width: 640px) {
              .carousel-card {
                 
                  margin: 0 20px;
              }
          }
 
       .iti {
          display: block !important;
        }
  
        .iti__flag-container {
          position: absolute;
          bottom: 0;
          right: 0;
          padding: 1px;
          height: 51px !important;
          top: 27px !important;
        }
  
        #phone {
          margin-top: 6px !important;
        }
  
        .iti__selected-flag {
          font-size: 15px;
          color: #6d6d6d !important;
          font-family: Gilroy;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px;
          height: 0% !important;
        }
  
        #countryDropdown {
          color: #6d6d6d !important;
          font-family: Gilroy;
        }
  
        #country {
          max-width: 100%;
          width: 100%;
          background: #eee;
          border: none;
          padding: 12px 15px;
          margin: 8px 0;
          width: 100%;
          color: #6c6c6c;
          border-radius: 10px;
          font-family: Gilroy !important;
          font-size: 16px;
        }
  
        .error-message {
          float: left;
          font-size: 15px;
          color: red;
          font-family: Gilroy !important;
          text-align: left;
        }
  
        #btnRegister {
          grid-column: 1 / 3;
        }
  
        #telephone {
          margin: 8px 0 !important;
        }
  
        /*new style for nav-dropdown */
        .nav-dropdown {
          display: none;
          position: absolute;
          z-index: 1;
          width: 100%;
        }
  
        .nav-item:hover .nav-dropdown {
          display: block;
        }
  
        .nav-dropdown {
          background-color: #fff;
          padding: 10px 20px;
          border-radius: 10px;
        }
  
        .table-challenge-mobile {
          display: none;
        }
  
        .nav-dropdown > a {
          display: block;
          margin-bottom: 10px;
        }
  
        .nav-dropdown > a:nth-child(1) {
          padding-bottom: 10px;
          margin-top: 5px;
          border-bottom: 1px solid #ddd;
        }
        #newdrop {
          width: 408% !important;
        }
        .nav-dropdown {
          width: 208% !important;
        }
  
        .consent-wrapper {
          grid-column: 1 / 3;
          margin: 10px 0;
        }
  
        .consent-checkbox {
          display: flex;
          align-items: center;
          gap: 10px;
        }
  
        .consent-checkbox input[type="checkbox"] {
          width: auto;
        }
  
        .consent-checkbox label {
          font-size: 14px;
          line-height: 1.4;
          float: none;
          color: #1d2129;
        }
  
        .consent-checkbox a {
          color: #00bcd4;
          text-decoration: none;
        }
  
        .consent-checkbox a:hover {
          text-decoration: underline;
        }
  
        .error-message {
          margin-left: 25px;
          color: #ff0000;
          font-size: 14px;
        }