<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>SpaceX Foundation - Home</title>
    <meta name="description" content="Ironik - ICO & Crypto Landing Page Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/default-icons.css">
    <link rel="stylesheet" href="assets/css/default.css">
    <link rel="stylesheet" href="assets/css/odometer.css">
    <link rel="stylesheet" href="assets/css/tg-cursor.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

    <!--Preloader-->
    <div id="preloader">
        <div id="loader" class="loader"></div>
    </div>
    <!--Preloader-end -->

    <!-- Scroll-top -->
    <button class="scroll__top scroll-to-target" data-target="html">
        <i class="fas fa-chevron-up"></i>
    </button>
    <!-- Scroll-top-end-->

    <!-- header-area -->
    <header id="header" class="transparent-header">
        <div id="header-fixed-height"></div>
        <div id="sticky-header" class="tg-header__area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="tgmenu__wrap">
                            <nav class="tgmenu__nav">
                                <div class="logo">
                                    <a href="index.php"><img src="assets/img/logo/spx.png" alt="Logo"></a>
                                </div>
                                <div class="tgmenu__navbar-wrap tgmenu__main-menu d-none d-xl-flex">
                                    <ul class="navigation">
                                        <li class="active"><a href="#home" class="section-link">Home</a></li>
                                        <li><a href="#partners" class="section-link">Partners</a></li>
                                        <li><a href="#stock-info" class="section-link">Stock Information</a></li>
                                        <li><a href="#leadership" class="section-link">Leadership</a></li>
                                    </ul>
                                </div>
                                <div class="tgmenu__action">
                                    <ul class="list-wrap">
                                        <li class="header-btn">
                                            <a href="#contact" class="tg-btn">
                                                <img src="assets/img/icons/btn_right_arrow.svg" alt="icon" class="right_arrow">
                                                <span>
                                                    <img src="assets/img/icons/btn_icon.svg" alt="">
                                                    Join the IPO
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Mobile Menu  -->
        <div class="tgmobile__menu">
            <nav class="tgmobile__menu-box">
                <div class="close-btn"><i class="tg-flaticon-close-1"></i></div>
                <div class="tgmobile__menu-outer">
                    <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                </div>
            </nav>
        </div>
        <div class="tgmobile__menu-backdrop"></div>
        <!-- End Mobile Menu -->

    </header>
    <!-- header-area-end -->



    <!-- main-area -->
    <main class="main-area fix">

        <!-- area-bg -->
        <div class="area__bg" data-background="assets/img/bg/area_bg.jpg">

            <!-- banner-area -->
            <section class="banner__area" id="home">
                <div class="banner__video-bg" aria-hidden="true">
                    <video class="banner__video" autoplay muted loop playsinline preload="metadata" poster="assets/img/bg/area_bg.jpg">
                        <source src="assets/video/video101.mp4" type="video/mp4">
                    </video>
                    <div class="banner__video-overlay"></div>
                </div>
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6 order-0 order-lg-2">
                            <!-- <div class="banner__img text-center">
                                <img src="assets/img/images/banner_img.svg" alt="img" class="alltuchtopdown">
                            </div> -->
                        </div>
                        <div class="col-lg-6">
                            <div class="banner__content">
                                <span class="sub-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z" fill="currentColor"/>
                                    </svg>
                                    Join the SpaceX IPO
                                </span>
                                <h2 class="title">Revolutionizing <span>space</span> technology</h2>
                                <div class="banner__btn">
                                    <!-- <a href="blog-details.html" class="tg-btn">
                                        <img src="assets/img/icons/btn_right_arrow.svg" alt="icon" class="right_arrow">
                                        <span>
                                            <img src="assets/img/icons/btn_icon_02.svg" alt="icon">
                                            whitepaper
                                        </span>
                                    </a> -->
                                    <a href="#contact" class="tg-btn tg-btn-two">
                                        <!-- <img src="assets/img/icons/btn_right_arrow.svg" alt="icon" class="right_arrow"> -->
                                        <span>
                                            <!-- <img src="assets/img/icons/btn_icon_03.svg" alt="icon"> -->
                                            purchase Shares
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- banner-area-end -->

              <!-- brand-area -->
              <div class="brand__area" id="partners">
                <div class="container">
                    <div class="brand__inner-wrap">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <h6 class="brand-title">Backed by global brands</h6>
                            </div>
                        </div>
                        <div class="swiper-container brand-active fix">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/1.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/2.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/3.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/4.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/5.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/6.png" alt="img">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="brand__item">
                                        <img src="assets/img/Partner/7.png" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- brand-area-end -->

            <!-- features-area -->
            <section class="features__area" id="stock-info">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center mb-50">
                            <h2 class="title">Stock Information</h2>
                            <p class="stock__live-badge"><span class="stock__pulse"></span> Live · Nasdaq:SPCX</p>
                        </div>
                        <div class="col-lg-6">
                            <div class="token__wrap">
                                <h3 class="title">Live share price</h3>
                                <div class="stock__price-hero">
                                    <span class="stock__price" id="spcx-price">—</span>
                                    <span class="stock__change" id="spcx-change">—</span>
                                </div>
                                <div class="coin__progress-wrap">
                                    <ul class="list-wrap coin__progress-title">
                                        <li><span>52W low</span> <span id="spcx-52w-low">—</span></li>
                                        <li><span>52W high</span> <span id="spcx-52w-high">—</span></li>
                                    </ul>
                                    <div class="progress" role="progressbar" aria-label="Price within 52-week range" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar" id="spcx-range-bar" style="width: 0%"></div>
                                    </div>
                                    <ul class="list-wrap coin__progress-cap">
                                        <li><span>Day low</span> <span id="spcx-day-low">—</span></li>
                                        <li><span>Day high</span> <span id="spcx-day-high">—</span></li>
                                    </ul>
                                </div>
                                <!-- <p class="stock__updated">Last updated: <span id="spcx-updated">—</span></p> -->
                                <div class="coin__progress-wrap allocation__progress-wrap">
                                    <ul class="list-wrap coin__progress-title">
                                        <li><span>Shares Allocation</span> </li>
                                        <li><span>81%</span></li>
                                    </ul>
                                    <div class="progress" role="progressbar" aria-label="Shares allocation progress" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
                                        <div class="progress-bar allocation-bar" style="width: 80%"></div>
                                    </div>
                                    <p class="stock__updated">This offering is limited to a select number of individual investors.</p>
                                </div>
                                <div class="text-center">
                                    <a href="https://finance.yahoo.com/quote/SPCX" target="_blank" rel="noopener noreferrer" class="yahoo-btn">
                                        <img src="assets/img/icons/btn_icon_03.svg" alt="icon">
                                        view on yahoo finance
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="token__sales-info">
                                <h2 class="title">Market data</h2>
                                <ul class="list-wrap" id="spcx-market-data">
                                    <li><span>Company</span><span id="spcx-company">Space Exploration Technologies Corp.</span></li>
                                    <li><span>Ticker</span><span id="spcx-symbol">SPCX</span></li>
                                    <li><span>Exchange</span><span id="spcx-exchange">Nasdaq</span></li>
                                    <li><span>Last price</span><span id="spcx-last-price">—</span></li>
                                    <li><span>Change</span><span id="spcx-change-detail">—</span></li>
                                    <li><span>Volume</span><span id="spcx-volume">—</span></li>
                                    <li><span>Market cap</span><span id="spcx-market-cap">—</span></li>
                                    <li><span>IPO price</span><span>$135.00</span></li>
                                    <li><span>52-week range</span><span id="spcx-52w-range">—</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- features-area-end -->

            <!-- marquee-area -->
            <!-- <section class="marquee__area">
                <div class="slider__marquee clearfix marquee-wrap">
                    <div class="marquee_mode marquee__group">
                        <h6 class="marquee__item">Most powerful & optimistic solutions for ICO platform</h6>
                        <h6 class="marquee__item">Most powerful & optimistic solutions for ICO platform</h6>
                    </div>
                </div>
            </section> -->
            <!-- marquee-area-end -->

        </div>
        <!-- area-bg-end -->

        <!-- area-bg -->
        <div class="area__bg-two" data-background="assets/img/bg/area_bg_02.png">

            <!-- choose-area -->
            <!-- <section id="features" class="choose__area">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="section__title text-center mb-80">
                                <span class="sub-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z" fill="currentColor" />
                                    </svg>
                                    why choose us
                                </span>
                                <h2 class="title">Core features of Iconic</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center gutter-y-30">
                        <div class="col-lg-4 col-md-6">
                            <div class="choose__item text-center">
                                <div class="choose__icon">
                                    <img src="assets/img/icons/choose-icon01.svg" alt="icon">
                                </div>
                                <div class="choose__content">
                                    <h4 class="title">Lower transaction fee</h4>
                                    <p>A decentralized all-in-one platform accessible to consumers & brands with lower transaction fees & operational costs.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="choose__item text-center">
                                <div class="choose__icon">
                                    <img src="assets/img/icons/choose-icon02.svg" alt="icon">
                                </div>
                                <div class="choose__content">
                                    <h4 class="title">C2C transactions</h4>
                                    <p>A decentralized all-in-one platform accessible to consumers & brands with lower transaction fees & operational costs.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="choose__item text-center">
                                <div class="choose__icon">
                                    <img src="assets/img/icons/choose-icon03.svg" alt="icon">
                                </div>
                                <div class="choose__content">
                                    <h4 class="title">Secure & flexibility</h4>
                                    <p>A decentralized all-in-one platform accessible to consumers & brands with lower transaction fees & operational costs.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> -->
            <!-- choose-area-end -->

          

        </div>
        <!-- area-bg-end -->

        <!-- roadMap-area -->
        <!-- <section id="roadmap" class="roadMap__area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="roadMap__content-wrap">
                            <div class="section__title mb-50">
                                <span class="sub-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z" fill="currentColor" />
                                    </svg>
                                    roadmap
                                </span>
                                <h2 class="title">Timeline about details funding & development goals.</h2>
                            </div>
                            <div class="roadMap__img">
                                <img src="assets/img/images/roadmap_img.png" alt="img" class="alltuchtopdown">
                            </div>
                            <div class="roadMap__shape">
                                <img src="assets/img/images/roadmap_shape.png" alt="shape">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="roadMap__item-wrap">
                            <div class="roadMap__line">
                                <span class="progress-line"></span>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">January 21, 2025</span>
                                <h4 class="title">Creation of the idea of iconic project</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">February 01, 2025</span>
                                <h4 class="title">Creation of the idea of iconic project</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">March 29, 2025</span>
                                <h4 class="title">Start of ICO project worldwide</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">May 15, 2025</span>
                                <h4 class="title">Creation of the idea of iconic project</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">August 10, 2025</span>
                                <h4 class="title">Launch of the tutorial and resource</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">October 25, 2025</span>
                                <h4 class="title">Launch of crypto converter</h4>
                            </div>
                            <div class="roadMap__item">
                                <span class="date">December 31, 2025</span>
                                <h4 class="title">Launch of Iconic mobile version (iOs)</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- roadMap-area-end -->

        <!-- area-bg -->
        <div class="area__bg-three" data-background="assets/img/bg/area_bg_03.jpg">

            <!-- advisors-area -->
            <section class="advisors__area" id="leadership">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-6">
                            <div class="section__title text-center mb-80">
                                <span class="sub-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z"
                                            fill="currentColor" />
                                    </svg>
                                    Leadership
                                </span>
                                <h2 class="title">Meet our leadership</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center gutter-y-30 gutter-50">
                        <div class="col-lg-4 col-md-6">
                            <div class="advisors__item">
                                <div class="advisors__thumb">
                                    <img src="assets/img/leadership/1.png" alt="img">
                                </div>
                                <div class="advisors__content">
                                    <div class="advisors__content-left">
                                        <span>Founder & CEO</span>
                                        <h3 class="title">Elon Musk</h3>
                                    </div>
                                    <ul class="list-wrap advisors__social">
                                        <li>
                                            <span class="advisors__social-icon" aria-hidden="true">
                                                <img src="assets/img/icons/x-twitter.svg" alt="">
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="advisors__item">
                                <div class="advisors__thumb">
                                    <img src="assets/img/leadership/2.png" alt="img">
                                </div>
                                <div class="advisors__content">
                                    <div class="advisors__content-left">
                                        <span>President & COO</span>
                                        <h3 class="title">Gwynne Shotwell</h3>
                                    </div>
                                    <ul class="list-wrap advisors__social">
                                        <li>
                                            <span class="advisors__social-icon" aria-hidden="true">
                                                <img src="assets/img/icons/x-twitter.svg" alt="">
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="advisors__item">
                                <div class="advisors__thumb">
                                    <img src="assets/img/leadership/3.png" alt="img">
                                </div>
                                <div class="advisors__content">
                                    <div class="advisors__content-left">
                                        <span>Chief Financial Officer</span>
                                        <h3 class="title">Bret Johnsen</h3>
                                    </div>
                                    <ul class="list-wrap advisors__social">
                                        <li>
                                            <span class="advisors__social-icon" aria-hidden="true">
                                                <img src="assets/img/icons/x-twitter.svg" alt="">
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- advisors-area-end -->

            <!-- ticker-area -->
            <!-- <div class="ticker__area">
                <div class="swiper-container ticker-active mb-30">
                    <div class="swiper-wrapper slide-transition">
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon01.png" alt="img">
                                    <span>StealthFi</span>
                                </div>
                                <span class="price">+$0.462</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon02.png" alt="img">
                                    <span>VeilCrypto</span>
                                </div>
                                <span class="price">-$0.839</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon03.png" alt="img">
                                    <span>RuneToken</span>
                                </div>
                                <span class="price">+$0.567</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon04.png" alt="img">
                                    <span>MysticHash</span>
                                </div>
                                <span class="price">-$1.004</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon05.png" alt="img">
                                    <span>PhantomLedger</span>
                                </div>
                                <span class="price">-$0.562</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon06.png" alt="img">
                                    <span>MirageCoin</span>
                                </div>
                                <span class="price">+$1.493</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon07.png" alt="img">
                                    <span>MirageCoin</span>
                                </div>
                                <span class="price">+$1.493</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div dir="rtl" class="swiper-container ticker-active">
                    <div class="swiper-wrapper slide-transition">
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon08.png" alt="img">
                                    <span>StealthFi</span>
                                </div>
                                <span class="price">+$0.462</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon03.png" alt="img">
                                    <span>VeilCrypto</span>
                                </div>
                                <span class="price">-$0.839</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon09.png" alt="img">
                                    <span>RuneToken</span>
                                </div>
                                <span class="price">+$0.567</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon04.png" alt="img">
                                    <span>MysticHash</span>
                                </div>
                                <span class="price">-$1.004</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon06.png" alt="img">
                                    <span>PhantomLedger</span>
                                </div>
                                <span class="price">-$0.562</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon01.png" alt="img">
                                    <span>MirageCoin</span>
                                </div>
                                <span class="price">+$1.493</span>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ticker__item">
                                <div class="ticker__item-left">
                                    <img src="assets/img/icons/ticker_icon03.png" alt="img">
                                    <span>MirageCoin</span>
                                </div>
                                <span class="price">+$1.493</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- ticker-area-end -->

            <!-- section-divider -->
            <div class="section-divider">
                <div class="container">
                    <span></span>
                </div>
            </div>
            <!-- section-divider -->

            <!-- summary-area -->
            <!-- <section class="summary__area section-py-120">
                <div id="particles-js"></div>
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="summary__img">
                                <img src="assets/img/images/summary_img.png" alt="img">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="summary__content">
                                <div class="section__title mb-50">
                                    <span class="sub-title">
                                        <svg width="8" height="16" viewBox="0 0 8 16" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z"
                                                fill="currentColor" />
                                        </svg>
                                        summary of ico
                                    </span>
                                    <h2 class="title">Token allocation summary</h2>
                                </div>
                                <div class="progress__wrap">
                                    <div class="progress__item">
                                        <div class="progress__item-top">
                                            <h3 class="progress__title">Token Offer - <span>46.000.000</span></h3>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 75%;"></div>
                                        </div>
                                    </div>
                                    <div class="progress__item">
                                        <div class="progress__item-top">
                                            <h3 class="progress__title">UTO Bounties - <span>11.500.000</span></h3>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 90%;"></div>
                                        </div>
                                    </div>
                                    <div class="progress__item">
                                        <div class="progress__item-top">
                                            <h3 class="progress__title">UTO Community Reserve - <span>423.000.000</span></h3>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 60%;"></div>
                                        </div>
                                    </div>
                                    <div class="progress__item">
                                        <div class="progress__item-top">
                                            <h3 class="progress__title">UTO Community Building - <span>23.000.000</span></h3>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 80%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> -->
            <!-- summary-area-end -->

        </div>
        <!-- area-bg-end -->

        <!-- counter-area -->
        <!-- <section class="counter__area">
            <div class="container">
                <div class="counter__item-wrap">
                    <div class="row gx-0">
                        <div class="col-lg-4">
                            <div class="counter__item">
                                <span class="title">pre-sales</span>
                                <h2 class="count"><span class="odometer" data-count="25"></span>%</h2>
                                <p>early bonus</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="counter__item">
                                <span class="title">ICO SALE-WEEK 1</span>
                                <h2 class="count"><span class="odometer" data-count="15"></span>%</h2>
                                <p>early bonus</p>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="counter__item">
                                <span class="title">ICO SALE-WEEK 2</span>
                                <h2 class="count"><span class="odometer" data-count="1"></span>%</h2>
                                <p>early bonus</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="counter__btn text-center">
                    <a href="#contact" class="tg-btn">
                        <img src="assets/img/icons/btn_right_arrow.svg" alt="icon" class="right_arrow">
                        <span>
                            <img src="assets/img/icons/btn_icon_03.svg" alt="">
                            purchase now
                        </span>
                    </a>
                </div>
            </div>
        </section> -->
        <!-- counter-area-end -->

        <!-- faq-area -->
        <!-- <section id="faq" class="faq__area section-py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="faq__content">
                            <div class="section__title mb-20">
                                <span class="sub-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z" fill="currentColor" />
                                    </svg>
                                    available platform
                                </span>
                                <h2 class="title">Our Iconic is available in multi-device</h2>
                            </div>
                            <p>Try it now for free on iOS, Android, PC, Web - whatever your flavor, we’ve got you covered.</p>
                            <ul class="download__icon-wrap list-wrap">
                                <li>
                                    <a href="#!" class="download__icon">
                                        <div class="icon-shape">
                                            <img src="assets/img/icons/download_icon_shape.svg" alt="icon">
                                        </div>
                                        <img src="assets/img/icons/ios.svg" alt="icon" class="icon">
                                    </a>
                                </li>
                                <li>
                                    <a href="#!" class="download__icon">
                                        <div class="icon-shape">
                                            <img src="assets/img/icons/download_icon_shape.svg" alt="icon">
                                        </div>
                                        <img src="assets/img/icons/android.svg" alt="icon" class="icon">
                                    </a>
                                </li>
                                <li>
                                    <a href="#!" class="download__icon">
                                        <div class="icon-shape">
                                            <img src="assets/img/icons/download_icon_shape.svg" alt="icon">
                                        </div>
                                        <img src="assets/img/icons/pc.svg" alt="icon" class="icon">
                                    </a>
                                </li>
                                <li>
                                    <a href="#!" class="download__icon">
                                        <div class="icon-shape">
                                            <img src="assets/img/icons/download_icon_shape.svg" alt="icon">
                                        </div>
                                        <img src="assets/img/icons/web.svg" alt="icon" class="icon">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="faq__wrap">
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            How does blockchain ensure transaction security?
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Once a transaction is recorded in a block and added to the blockchain, it cannot be altered without consensus from the network, ensuring data integrity. Ensure that all participants agree on the validity of transac-tions before they are added to the blockchain.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            How do you store cryptocurrencies securely?
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Once a transaction is recorded in a block and added to the blockchain, it cannot be altered without consensus from the network, ensuring data integrity. Ensure that all participants agree on the validity of transac-tions before they are added to the blockchain.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                            What factors influence cryptocurrency price volatility?
                                        </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Once a transaction is recorded in a block and added to the blockchain, it cannot be altered without consensus from the network, ensuring data integrity. Ensure that all participants agree on the validity of transac-tions before they are added to the blockchain.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                            What are the benefits of decentralization?
                                        </button>
                                    </h2>
                                    <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Once a transaction is recorded in a block and added to the blockchain, it cannot be altered without consensus from the network, ensuring data integrity. Ensure that all participants agree on the validity of transac-tions before they are added to the blockchain.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- faq-area-end -->

        <!-- contact-area -->
        <section id="contact" class="contact__area">
            <div class="container">
                <div class="contact__inner-wrap">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="section__title text-center mb-50">
                                <span class="sub-title white-title">
                                    <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M2 0H0V1V15V16H2V13.25L7.13991 8.75258C7.59524 8.35417 7.59524 7.64584 7.13991 7.24742L2 2.75V0Z"
                                            fill="currentColor" />
                                    </svg>
                                   SpaceX Foundation
                                </span>
                                <h2 class="title">Reserve your shares Now

                                </h2>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-8">
                            <form action="send-application.php" method="post" class="contact__form quiz-form" id="contact-form">

                                <div class="quiz-progress">
                                    <div class="quiz-progress__bar">
                                        <span class="quiz-progress__fill" style="width: 20%;"></span>
                                    </div>
                                    <span class="quiz-progress__label">Step <span class="quiz-progress__current">1</span> of 5</span>
                                </div>

                                <div class="quiz-step active" data-step="1">
                                    <h4 class="quiz-step__title">How would you describe your investment experience?</h4>
                                    <div class="quiz-options">
                                        <label class="quiz-option">
                                            <input type="radio" name="experience" value="Beginner">
                                            <span class="quiz-option__dot"></span>
                                            <span>Beginner</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="experience" value="Intermediate">
                                            <span class="quiz-option__dot"></span>
                                            <span>Intermediate</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="experience" value="Experienced">
                                            <span class="quiz-option__dot"></span>
                                            <span>Experienced</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="experience" value="Professional">
                                            <span class="quiz-option__dot"></span>
                                            <span>Professional</span>
                                        </label>
                                    </div>
                                    <p class="quiz-step__error">Please select an option to continue.</p>
                                    <div class="quiz-nav">
                                        <button type="button" class="tg-btn tg-btn-two quiz-next"><span>Next</span></button>
                                    </div>
                                </div>

                                <div class="quiz-step" data-step="2">
                                    <h4 class="quiz-step__title">How long do you expect to hold your investment?</h4>
                                    <div class="quiz-options">
                                        <label class="quiz-option">
                                            <input type="radio" name="duration" value="Less than 1 year">
                                            <span class="quiz-option__dot"></span>
                                            <span>Less than 1 year</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="duration" value="1-3 years">
                                            <span class="quiz-option__dot"></span>
                                            <span>1–3 years</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="duration" value="3-5 years">
                                            <span class="quiz-option__dot"></span>
                                            <span>3–5 years</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="duration" value="5+ years">
                                            <span class="quiz-option__dot"></span>
                                            <span>5+ years</span>
                                        </label>
                                    </div>
                                    <p class="quiz-step__error">Please select an option to continue.</p>
                                    <div class="quiz-nav">
                                        <button type="button" class="tg-btn quiz-back"><span>Back</span></button>
                                        <button type="button" class="tg-btn tg-btn-two quiz-next"><span>Next</span></button>
                                    </div>
                                </div>

                                <div class="quiz-step" data-step="3">
                                    <h4 class="quiz-step__title">How would you describe your current budget for this investment?</h4>
                                    <div class="quiz-options">
                                        <label class="quiz-option">
                                            <input type="radio" name="budget" value="Under $10k">
                                            <span class="quiz-option__dot"></span>
                                            <span>Under $10k</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="budget" value="$10k-50k">
                                            <span class="quiz-option__dot"></span>
                                            <span>$10k – $50k</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="budget" value="$50k-100k">
                                            <span class="quiz-option__dot"></span>
                                            <span>$50k – $100k</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="budget" value="Over $100k">
                                            <span class="quiz-option__dot"></span>
                                            <span>Over $100k</span>
                                        </label>
                                    </div>
                                    <p class="quiz-step__error">Please select an option to continue.</p>
                                    <div class="quiz-nav">
                                        <button type="button" class="tg-btn quiz-back"><span>Back</span></button>
                                        <button type="button" class="tg-btn tg-btn-two quiz-next"><span>Next</span></button>
                                    </div>
                                </div>

                                <div class="quiz-step" data-step="4">
                                    <h4 class="quiz-step__title">If accepted, are you ready to start immediately and commit to the program's process?</h4>
                                    <div class="quiz-options">
                                        <label class="quiz-option">
                                            <input type="radio" name="readiness" value="Yes, immediately">
                                            <span class="quiz-option__dot"></span>
                                            <span>Yes, immediately</span>
                                        </label>
                                        <label class="quiz-option">
                                            <input type="radio" name="readiness" value="No, I am exploring options">
                                            <span class="quiz-option__dot"></span>
                                            <span>No, I am exploring options</span>
                                        </label>
                                    </div>
                                    <p class="quiz-step__error">Please select an option to continue.</p>
                                    <div class="quiz-nav">
                                        <button type="button" class="tg-btn quiz-back"><span>Back</span></button>
                                        <button type="button" class="tg-btn tg-btn-two quiz-next"><span>Next</span></button>
                                    </div>
                                </div>

                                <div class="quiz-step" data-step="5">
                                    <h4 class="quiz-step__title">Almost done — how can we reach you?</h4>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-grp">
                                                <label for="name">Full name</label>
                                                <input id="name" name="name" type="text" placeholder="E.g. John Smith" required>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-grp">
                                                <label for="email">Email address</label>
                                                <input id="email" name="email" type="email" placeholder="E.g. john@email.com" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-grp">
                                        <label for="phone">Phone number</label>
                                        <div class="quiz-phone">
                                            <select id="phone-country-code" name="phone_country_code" aria-label="Country code">
                                                <option value="+93">Afghanistan +93</option>
                                                <option value="+355">Albania +355</option>
                                                <option value="+213">Algeria +213</option>
                                                <option value="+376">Andorra +376</option>
                                                <option value="+244">Angola +244</option>
                                                <option value="+1">Antigua and Barbuda +1</option>
                                                <option value="+54">Argentina +54</option>
                                                <option value="+374">Armenia +374</option>
                                                <option value="+61">Australia +61</option>
                                                <option value="+43">Austria +43</option>
                                                <option value="+994">Azerbaijan +994</option>
                                                <option value="+1">Bahamas +1</option>
                                                <option value="+973">Bahrain +973</option>
                                                <option value="+880">Bangladesh +880</option>
                                                <option value="+1">Barbados +1</option>
                                                <option value="+375">Belarus +375</option>
                                                <option value="+32">Belgium +32</option>
                                                <option value="+501">Belize +501</option>
                                                <option value="+229">Benin +229</option>
                                                <option value="+975">Bhutan +975</option>
                                                <option value="+591">Bolivia +591</option>
                                                <option value="+387">Bosnia and Herzegovina +387</option>
                                                <option value="+267">Botswana +267</option>
                                                <option value="+55">Brazil +55</option>
                                                <option value="+673">Brunei +673</option>
                                                <option value="+359">Bulgaria +359</option>
                                                <option value="+226">Burkina Faso +226</option>
                                                <option value="+257">Burundi +257</option>
                                                <option value="+238">Cabo Verde +238</option>
                                                <option value="+855">Cambodia +855</option>
                                                <option value="+237">Cameroon +237</option>
                                                <option value="+1">Canada +1</option>
                                                <option value="+236">Central African Republic +236</option>
                                                <option value="+235">Chad +235</option>
                                                <option value="+56">Chile +56</option>
                                                <option value="+86">China +86</option>
                                                <option value="+57">Colombia +57</option>
                                                <option value="+269">Comoros +269</option>
                                                <option value="+242">Congo (Republic of the) +242</option>
                                                <option value="+243">Congo (DR) +243</option>
                                                <option value="+506">Costa Rica +506</option>
                                                <option value="+385">Croatia +385</option>
                                                <option value="+53">Cuba +53</option>
                                                <option value="+357">Cyprus +357</option>
                                                <option value="+420">Czechia +420</option>
                                                <option value="+45">Denmark +45</option>
                                                <option value="+253">Djibouti +253</option>
                                                <option value="+1">Dominica +1</option>
                                                <option value="+1">Dominican Republic +1</option>
                                                <option value="+593">Ecuador +593</option>
                                                <option value="+20">Egypt +20</option>
                                                <option value="+503">El Salvador +503</option>
                                                <option value="+240">Equatorial Guinea +240</option>
                                                <option value="+291">Eritrea +291</option>
                                                <option value="+372">Estonia +372</option>
                                                <option value="+268">Eswatini +268</option>
                                                <option value="+251">Ethiopia +251</option>
                                                <option value="+679">Fiji +679</option>
                                                <option value="+358">Finland +358</option>
                                                <option value="+33">France +33</option>
                                                <option value="+241">Gabon +241</option>
                                                <option value="+220">Gambia +220</option>
                                                <option value="+995">Georgia +995</option>
                                                <option value="+49">Germany +49</option>
                                                <option value="+233">Ghana +233</option>
                                                <option value="+30">Greece +30</option>
                                                <option value="+1">Grenada +1</option>
                                                <option value="+502">Guatemala +502</option>
                                                <option value="+224">Guinea +224</option>
                                                <option value="+245">Guinea-Bissau +245</option>
                                                <option value="+592">Guyana +592</option>
                                                <option value="+509">Haiti +509</option>
                                                <option value="+504">Honduras +504</option>
                                                <option value="+852">Hong Kong +852</option>
                                                <option value="+36">Hungary +36</option>
                                                <option value="+354">Iceland +354</option>
                                                <option value="+91">India +91</option>
                                                <option value="+62">Indonesia +62</option>
                                                <option value="+98">Iran +98</option>
                                                <option value="+964">Iraq +964</option>
                                                <option value="+353">Ireland +353</option>
                                                <option value="+972">Israel +972</option>
                                                <option value="+39">Italy +39</option>
                                                <option value="+225">Ivory Coast +225</option>
                                                <option value="+1">Jamaica +1</option>
                                                <option value="+81">Japan +81</option>
                                                <option value="+962">Jordan +962</option>
                                                <option value="+7">Kazakhstan +7</option>
                                                <option value="+254">Kenya +254</option>
                                                <option value="+686">Kiribati +686</option>
                                                <option value="+383">Kosovo +383</option>
                                                <option value="+965">Kuwait +965</option>
                                                <option value="+996">Kyrgyzstan +996</option>
                                                <option value="+856">Laos +856</option>
                                                <option value="+371">Latvia +371</option>
                                                <option value="+961">Lebanon +961</option>
                                                <option value="+266">Lesotho +266</option>
                                                <option value="+231">Liberia +231</option>
                                                <option value="+218">Libya +218</option>
                                                <option value="+423">Liechtenstein +423</option>
                                                <option value="+370">Lithuania +370</option>
                                                <option value="+352">Luxembourg +352</option>
                                                <option value="+853">Macau +853</option>
                                                <option value="+261">Madagascar +261</option>
                                                <option value="+265">Malawi +265</option>
                                                <option value="+60">Malaysia +60</option>
                                                <option value="+960">Maldives +960</option>
                                                <option value="+223">Mali +223</option>
                                                <option value="+356">Malta +356</option>
                                                <option value="+692">Marshall Islands +692</option>
                                                <option value="+222">Mauritania +222</option>
                                                <option value="+230">Mauritius +230</option>
                                                <option value="+52">Mexico +52</option>
                                                <option value="+691">Micronesia +691</option>
                                                <option value="+373">Moldova +373</option>
                                                <option value="+377">Monaco +377</option>
                                                <option value="+976">Mongolia +976</option>
                                                <option value="+382">Montenegro +382</option>
                                                <option value="+212">Morocco +212</option>
                                                <option value="+258">Mozambique +258</option>
                                                <option value="+95">Myanmar +95</option>
                                                <option value="+264">Namibia +264</option>
                                                <option value="+674">Nauru +674</option>
                                                <option value="+977">Nepal +977</option>
                                                <option value="+31">Netherlands +31</option>
                                                <option value="+64">New Zealand +64</option>
                                                <option value="+505">Nicaragua +505</option>
                                                <option value="+227">Niger +227</option>
                                                <option value="+234">Nigeria +234</option>
                                                <option value="+850">North Korea +850</option>
                                                <option value="+389">North Macedonia +389</option>
                                                <option value="+47">Norway +47</option>
                                                <option value="+968">Oman +968</option>
                                                <option value="+92">Pakistan +92</option>
                                                <option value="+680">Palau +680</option>
                                                <option value="+970">Palestine +970</option>
                                                <option value="+507">Panama +507</option>
                                                <option value="+675">Papua New Guinea +675</option>
                                                <option value="+595">Paraguay +595</option>
                                                <option value="+51">Peru +51</option>
                                                <option value="+63">Philippines +63</option>
                                                <option value="+48">Poland +48</option>
                                                <option value="+351">Portugal +351</option>
                                                <option value="+974">Qatar +974</option>
                                                <option value="+40">Romania +40</option>
                                                <option value="+7">Russia +7</option>
                                                <option value="+250">Rwanda +250</option>
                                                <option value="+1">Saint Kitts and Nevis +1</option>
                                                <option value="+1">Saint Lucia +1</option>
                                                <option value="+1">Saint Vincent and the Grenadines +1</option>
                                                <option value="+685">Samoa +685</option>
                                                <option value="+378">San Marino +378</option>
                                                <option value="+239">Sao Tome and Principe +239</option>
                                                <option value="+966">Saudi Arabia +966</option>
                                                <option value="+221">Senegal +221</option>
                                                <option value="+381">Serbia +381</option>
                                                <option value="+248">Seychelles +248</option>
                                                <option value="+232">Sierra Leone +232</option>
                                                <option value="+65">Singapore +65</option>
                                                <option value="+421">Slovakia +421</option>
                                                <option value="+386">Slovenia +386</option>
                                                <option value="+677">Solomon Islands +677</option>
                                                <option value="+252">Somalia +252</option>
                                                <option value="+27">South Africa +27</option>
                                                <option value="+82">South Korea +82</option>
                                                <option value="+211">South Sudan +211</option>
                                                <option value="+34">Spain +34</option>
                                                <option value="+94">Sri Lanka +94</option>
                                                <option value="+249">Sudan +249</option>
                                                <option value="+597">Suriname +597</option>
                                                <option value="+46">Sweden +46</option>
                                                <option value="+41">Switzerland +41</option>
                                                <option value="+963">Syria +963</option>
                                                <option value="+886">Taiwan +886</option>
                                                <option value="+992">Tajikistan +992</option>
                                                <option value="+255">Tanzania +255</option>
                                                <option value="+66">Thailand +66</option>
                                                <option value="+670">Timor-Leste +670</option>
                                                <option value="+228">Togo +228</option>
                                                <option value="+676">Tonga +676</option>
                                                <option value="+1">Trinidad and Tobago +1</option>
                                                <option value="+216">Tunisia +216</option>
                                                <option value="+90">Turkey +90</option>
                                                <option value="+993">Turkmenistan +993</option>
                                                <option value="+688">Tuvalu +688</option>
                                                <option value="+256">Uganda +256</option>
                                                <option value="+380">Ukraine +380</option>
                                                <option value="+971">United Arab Emirates +971</option>
                                                <option value="+44">United Kingdom +44</option>
                                                <option value="+1" selected>United States +1</option>
                                                <option value="+598">Uruguay +598</option>
                                                <option value="+998">Uzbekistan +998</option>
                                                <option value="+678">Vanuatu +678</option>
                                                <option value="+379">Vatican City +379</option>
                                                <option value="+58">Venezuela +58</option>
                                                <option value="+84">Vietnam +84</option>
                                                <option value="+967">Yemen +967</option>
                                                <option value="+260">Zambia +260</option>
                                                <option value="+263">Zimbabwe +263</option>
                                            </select>
                                            <input id="phone" name="phone" type="tel" placeholder="e.g. 555 123 4567" required>
                                        </div>
                                    </div>
                                    <label class="quiz-checkbox">
                                        <input type="checkbox" name="agree_terms" id="agree-terms" required>
                                        <span>I agree to the <a href="#" target="_blank">Terms &amp; Conditions</a> and <a href="#" target="_blank">Privacy Policy</a>.</span>
                                    </label>
                                    <p class="quiz-note">Note: if eligible, you will be automatically assigned a dedicated support representative exclusively on the Signal messaging app.</p>
                                    <div class="quiz-nav">
                                        <button type="button" class="tg-btn quiz-back"><span>Back</span></button>
                                        <button type="submit" class="tg-btn tg-btn-two"><span>Submit</span></button>
                                    </div>
                                </div>
                            </form>

                            <div class="quiz-result" id="quiz-result">
                                <div class="quiz-result__spinner" id="quiz-processing">
                                    <span class="quiz-spinner"></span>
                                    <p class="quiz-result__text">Processing your application…</p>
                                </div>
                                <div class="quiz-result__success" id="quiz-success">
                                    <span class="quiz-result__icon"><i class="fas fa-check-circle"></i></span>
                                    <h4 class="quiz-result__title">Congratulations!</h4>
                                    <p class="quiz-result__text">You are eligible for allocation. Redirecting you to complete your deposit…</p>
                                </div>
                                <div class="quiz-result__error" id="quiz-error">
                                    <span class="quiz-result__icon"><i class="fas fa-times-circle"></i></span>
                                    <h4 class="quiz-result__title">Something went wrong</h4>
                                    <p class="quiz-result__text" id="quiz-error-text">We couldn't submit your application. Please try again.</p>
                                    <button type="button" class="tg-btn tg-btn-two quiz-retry"><span>Try Again</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="contact__shape-wrap">
                        <img src="assets/img/images/contact_shape01.png" alt="img" class="alltuchtopdown">
                        <img src="assets/img/images/contact_shape02.png" alt="img">
                    </div>
                </div>
            </div>
        </section>
        <!-- contact-area-end -->

    </main>
    <!-- main-area-end -->


    <!-- footer-area -->
    <footer class="footer__area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="copyright-text">
                        <p>@2026 SpaceX Foundation</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer-area-end -->






    <!-- JS here -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jquery.odometer.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/jquery.marquee.min.js"></script>
    <script src="assets/js/tg-cursor.min.js"></script>
    <script src="assets/js/contact-wizard.js"></script>
    <script src="assets/js/jquery.countdown.min.js"></script>
    <script src="assets/js/particles.min.js"></script>
    <script src="assets/js/particles-config.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/spacex-stock.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>