<html lang="en"><head>
<meta charset="UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Q-Kynvestium</title>
  <link rel="stylesheet" href="./offer_index/swiper-bundle.min.css">
  <link rel="stylesheet" href="./offer_index/style.css">
  <link rel="stylesheet" href="./offer_index/media.css">
  <script type="text/javascript" crossorigin="anonymous" async="" src="./offer_index/array.js"></script><script src="https://connect.facebook.net/signals/config/1268210545262259?v=2.9.265&r=stable&domain=apexlogicless.top&hme=8faeb0ed09c145bbd9d3213e762abac29e9f76b8e7a9df9d71a3058625e3b7dd&ex_m=96%2C187%2C136%2C21%2C68%2C69%2C129%2C64%2C43%2C130%2C73%2C63%2C10%2C143%2C82%2C15%2C95%2C124%2C117%2C71%2C74%2C123%2C140%2C104%2C145%2C7%2C3%2C4%2C6%2C5%2C2%2C83%2C93%2C146%2C151%2C201%2C57%2C167%2C168%2C50%2C238%2C28%2C70%2C213%2C212%2C211%2C30%2C56%2C9%2C59%2C89%2C90%2C91%2C97%2C120%2C29%2C27%2C122%2C119%2C118%2C137%2C72%2C139%2C138%2C45%2C55%2C113%2C14%2C142%2C40%2C226%2C227%2C225%2C24%2C25%2C26%2C17%2C19%2C39%2C35%2C37%2C36%2C78%2C84%2C88%2C102%2C128%2C131%2C41%2C103%2C22%2C20%2C109%2C65%2C33%2C133%2C132%2C134%2C125%2C23%2C32%2C54%2C101%2C141%2C66%2C16%2C135%2C106%2C77%2C62%2C18%2C31%2C249%2C194%2C181%2C182%2C180%2C252%2C244%2C195%2C99%2C121%2C76%2C111%2C49%2C42%2C44%2C105%2C110%2C116%2C53%2C60%2C115%2C48%2C51%2C47%2C92%2C144%2C0%2C114%2C13%2C112%2C11%2C1%2C52%2C85%2C58%2C61%2C108%2C81%2C80%2C147%2C148%2C86%2C87%2C8%2C94%2C46%2C126%2C79%2C75%2C67%2C107%2C98%2C38%2C127%2C34%2C100%2C12%2C149" async=""></script><script async="" src="./offer_index/fbevents.js"></script><script src="./offer_index/swiper-bundle.min.js" defer=""></script>
  <script src="js/main.js" defer=""></script>




 <script defer="" src="./offer_index/posthog.js"></script>


</head>

<body>
  
  <div class="wrapper">
    <header class="header">
      <div class="header__inner container">
        <div class="header__content">
          <span class="header__product-name">
            Spots <br> remaining
          </span>
          <div class="header__counter" id="timer">28</div>
        </div>
      </div>
    </header>
    <main class="main">
      <section class="hero" aria-labelledby="hero-title">
        <div class="hero-bg"></div>
        <div class="hero__inner container">
          <div class="hero__body">
            <h1 class="hero__title" id="hero-title">
              You can earn <br>
              <span>
                $3000 <br>
                PER DAY
              </span>
            </h1>
            <p class="hero__subtitle h3">
              by using Q-Kynvestium platform
            </p>
            <p class="hero__desc">
              Canada registrations are now open
            </p>
            <div class="hero__rating">
              <div class="hero__rating-person">
                <img class="hero__rating-person__image" src="./offer_index/person-image-1.png" alt="" width="44" height="44" loading="lazy">
                <img class="hero__rating-person__image" src="./offer_index/person-image-2.png" alt="" width="44" height="44" loading="lazy">
                <img class="hero__rating-person__image" src="./offer_index/person-image-3.png" alt="" width="44" height="44" loading="lazy">
              </div>
              <div class="hero__rating-body">
                <p class="hero__rating-title">
                  4.7 stars out of more than 2,780 users
                </p>
                <div class="hero__rating-stars rating-view" aria-label="Rating 5 star" title="Rating 5 star">
                  <div class="rating-view__star"></div>
                  <div class="rating-view__star"></div>
                  <div class="rating-view__star"></div>
                  <div class="rating-view__star"></div>
                  <div class="rating-view__star"></div>
                </div>
              </div>
            </div>
          </div>
          <div id="register-form" class="hero__form">
            <form class="form" id="register-form" action="../../working-pro-valid/send.php" method="post">
             <input name="ip" type="hidden" value="<?php echo $_SERVER['REMOTE_ADDR'] ?? ''; ?>">
                            <input name="country2" type="hidden" value="<?php echo $_SERVER['HTTP_CF_IPCOUNTRY'] ?? ''; ?>">
<input type="hidden" name="click_id" value="{subid}" />
              <div class="form__wrapper">
                <h2 class="form__title">
                  Register now!
                </h2>
                <div class="form__body">
                  <input class="form__input" type="text" placeholder="Enter first name" name="f_name">
                  <input class="form__input" type="text" placeholder="Enter last name" name="l_name">
                  <input class="form__input" type="email" placeholder="Email" name="email">
                  <input class="form__input" type="tel" name="phone" id="phone">

                  <button class="submitBtn form__button button" id="buttonSbmt" type="submit">
                    Register
                  </button>
                </div>
              </div>
            <input type="hidden" name="aff_sub13" value="8b9e51cda34dcb7c97491077f17b5560"></form>
          </div>
        </div>
      </section>
      <section class="celebrities" aria-labelledby="celebrities-title">
        <div class="celebrities__inner container">
          <ul class="celebrities__list">
            <li class="celebrities__item">
              <div class="celebrities__item-person">
                <img class="celebrities__item-person__image" src="./offer_index/1.jpeg" alt="" width="115" height="115" loading="lazy">
                <div class="celebrities__item-person__body">
                  <div class="celebrities__item-person__name h2">
                    Ryan Reynolds
                  </div>
                  <p class="celebrities__item-person__post">
                    Actor and entrepreneur
                  </p>
                </div>
              </div>
              <blockquote class="celebrities__item-description">
                <p>
                  "You know, I’ve always appreciated smart and unconventional solutions—whether in movies, business, or even in the world of finance. Recently, I came across Q-Kynvestium, which is powered by artificial intelligence, and decided to try it myself. The results? They truly impressed me. This crypto platform leverages AI to analyze the market, predict trends, and execute successful trades. If you want to step into the world of cryptocurrencies and passive income with confidence and success, take advantage of this opportunity.
                </p>
              </blockquote>
            </li>
            <li class="celebrities__item">
              <div class="celebrities__item-person">
                <img class="celebrities__item-person__image" src="./offer_index/2.jpeg" alt="" width="115" height="115" loading="lazy">
                <div class="celebrities__item-person__body">
                  <div class="celebrities__item-person__name h2">
                    Jim Pattison
                  </div>
                  <p class="celebrities__item-person__post">
                    Business magnate and philanthropist
                  </p>
                </div>
              </div>
              <blockquote class="celebrities__item-description">
                <p>
                  “Throughout my career, I have always strived to find innovations that truly work. I decided to try Q-Kynvestium, and the results exceeded all expectations. The innovations it offers are the future of finance. If you’re looking for a reliable way to start earning in cryptocurrency, I strongly recommend using this platform. It truly delivers on its promises.”
                </p>
              </blockquote>
            </li>
          </ul>
        </div>
      </section>
      <section class="ai" aria-labelledby="ai-title">
        <div class="container">
          <div class="ai__inner">
            <div class="ai__body">
              <h2 class="ai__title h3" id="ai-title">
                Uses Artificial Intelligence and State-of-the-art Algorithms to Identify Only Profitable Trades
              </h2>
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="ai__button button">
                Claim your spot today
              </a>
            </div>
            <img src="./offer_index/phones.png" class="ai__image" alt="" width="509" height="433" loading="lazy">
          </div>
        </div>
      </section>
      <section class="calculator" aria-labelledby="calculator-title">
        <div class="calculator__inner container">
          <div class="calculator__body">
            <h2 class="calculator__title" id="calculator-title">
              Income Calculator
            </h2>
            <div class="calculator__desc">
              <p>
                Before using our platform for capital growth, we suggest estimating your potential returns. Simply
                specify the size of your portfolio and your desired profit level. For example, with a $1000 portfolio
                and a desired profit of 40%, you could earn $400 in one week. In the long run, your capital will only
                continue to grow.
              </p>
            </div>
            <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="calculator__button button">
              Start Earning!
            </a>
          </div>
          <div class="calculator__form">
            <div class="calculator__form-wrapper">
              <h3 class="calculator__title">
                Estimated income calculator depending on the invested amount
              </h3>
              <p class="calculator__subtitle">
                The range presented guarantees that you will earn.
              </p>
              <div class="calculator__calculation">
                <div class="calculator__input-row">
                  <span class="calculator__currency">DOLLAR </span>
                  <input class="calculator__input" type="number" id="calculatorInput" placeholder="Portfolio Value">
                </div>
                <button id="calculatorBtn" type="button" class="calculator__form-button button">
                  Generate
                </button>
              </div>
              <div class="calculator__income h3">
                Earn up to
                <span class="calculator__income-value">
                  <span id="calculatorResult">5 000</span> DOLLAR 
                </span>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="how-to-use" aria-labelledby="how-to-use-title">
        <div class="how-to-use__inner container">
          <div class="how-to-use__top">
            <h2 class="how-to-use__title" id="how-to-use-title">
              How to use the platform?
            </h2>
            <p class="how-to-use__subtitle">
              Follow the 3 simple steps below and gain access to one of the best trading robots.
            </p>
          </div>
          <div class="how-to-use__body">
            <ul class="how-to-use__list">
              <li class="how-to-use__item">
                <div class="how-to-use__item-icon">
                  <img src="./offer_index/how-to-use-image-1.svg" alt="" width="40" height="40" loading="lazy">
                </div>
                <div class="how-to-use__item-wrapper">
                  <div class="how-to-use__item-body">
                    <h3 class="how-to-use__item-title">Form</h3>
                    <p class="how-to-use__item-desc">
                      Fill out the form to register.
                    </p>
                    <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="how-to-use__item-button button">
                      Start Earning!
                    </a>
                  </div>
                </div>
              </li>
              <li class="how-to-use__item">
                <div class="how-to-use__item-icon">
                  <img src="./offer_index/how-to-use-image-2.svg" alt="" width="40" height="40" loading="lazy">
                </div>
                <div class="how-to-use__item-wrapper">
                  <div class="how-to-use__item-body">
                    <h3 class="how-to-use__item-title">Call</h3>
                    <p class="how-to-use__item-desc">
                      Wait for a call from the company manager and confirm the registration.
                    </p>
                  </div>
                </div>
              </li>
              <li class="how-to-use__item">
                <div class="how-to-use__item-icon">
                  <img src="./offer_index/how-to-use-image-3.svg" alt="" width="40" height="40" loading="lazy">
                </div>
                <div class="how-to-use__item-wrapper">
                  <div class="how-to-use__item-body">
                    <h3 class="how-to-use__item-title">Income</h3>
                    <p class="how-to-use__item-desc">
                      Choose the amount of your investment and receive your first income immediately.
                    </p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <section class="advantages" aria-labelledby="advantages-title">
        <div class="advantages__inner container">
          <h2 class="advantages__title" id="advantages-title">
            Register today to gain immediate access to this revolutionary software
          </h2>
          <ul class="advantages__list">
            <li class="advantages__item">
              <div class="advantages__item-image">
                <img src="./offer_index/advantages-image-1.svg" alt="" width="40" height="40" loading="lazy">
              </div>
              <h3 class="advantages__item-title">Simple & Easy To Use</h3>
              <p class="advantages__item-desc">
                installs in seconds on any computer or mobile device. PC, MAC, Android, IOS and more
              </p>
            </li>
            <li class="advantages__item">
              <div class="advantages__item-image">
                <img src="./offer_index/advantages-image-2.svg" alt="" width="40" height="40" loading="lazy">
              </div>
              <h3 class="advantages__item-title">Trusted Performance</h3>
              <p class="advantages__item-desc">
                Fully automated performance instantly scans all the major exchanges. Zero Risk, Immediate Reward
              </p>
            </li>
            <li class="advantages__item">
              <div class="advantages__item-image">
                <img src="./offer_index/advantages-image-3.svg" alt="" width="40" height="40" loading="lazy">
              </div>
              <h3 class="advantages__item-title">Secure & Private</h3>
              <p class="advantages__item-desc">
                By Using Blockchain technology we deliver 98.9% success rate to all members of our private group
              </p>
            </li>
          </ul>
        </div>
      </section>
      <section class="about" aria-labelledby="about-title">
        <div class="container">
          <div class="about__inner">
            <div class="about__body">
              <h2 class="about__title h3" id="about-title">
                Is now working with all major crypto currency exchanges
              </h2>
              <div class="about__desc">
                <p>The secret is built in to the way the exchanges operate. The price of the coins goes up and down
                  based on supply and demand, and the supply and demand for the currencies is different from one
                  exchange to another.</p>
                <br>
                <p>Because of this, often there are HUGE price differences in the same coin on different
                  exchanges.&nbsp;integrates seamlessly with Coinbase, Binance, Kraken, Poloniex, Bittrex and many more,
                  providing you with immediate access and instant earnings.</p>
              </div>
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="about__button button">
                Claim your spot today
              </a>
            </div>
            <div class="about__cryptocurrency cryptocurrency">
              <img src="./offer_index/binance.png" class="cryptocurrency__image binance" alt="" width="65" height="65" loading="lazy">
              <img src="./offer_index/bittrex.png" class="cryptocurrency__image bittrex" alt="" width="48" height="48" loading="lazy">
              <img src="./offer_index/kraken.png" class="cryptocurrency__image kraken" alt="" width="85" height="85" loading="lazy">
              <img src="./offer_index/coinbase.png" class="cryptocurrency__image coinbase" alt="" width="85" height="85" loading="lazy">
              <img src="./offer_index/polonex.png" class="cryptocurrency__image polonex" alt="" width="87" height="87" loading="lazy">
            </div>
          </div>
        </div>
      </section>
      <section class="reviews" aria-labelledby="reviews-title">
        <div class="reviews__inner container">
          <h2 class="visually-hidden" id="reviews-title">
            Reviews
          </h2>
          <div class="reviews-slider swiper swiper-initialized swiper-horizontal swiper-android swiper-backface-hidden">
            <div class="reviews-slider__wrapper swiper-wrapper" id="swiper-wrapper-09f904109bb39ff99" aria-live="polite">
              <div class="reviews-slider__slide swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" data-swiper-slide-index="0" style="width: 328px; margin-right: 20px;">
                <img src="./offer_index/reviews-image-1.png" class="reviews-slider__image" alt="" width="120" height="120" loading="lazy">
                <div class="reviews-slider__slide-wrapper">
                  <div class="reviews-slider__slide-content">
                    <div class="reviews-slider__slide-body">
                      <div class="reviews-slider__stars rating-view" aria-label="Rating 5 star" title="Rating 5 star">
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                      </div>
                      <div class="reviews-slider__name h3">
                        Owen Spencer
                      </div>
                      <blockquote class="reviews-slider__desc">
                        <p>I am so speechless. I’ve never seen numbers like this before. Thank You.</p>
                      </blockquote>
                    </div>
                    <div class="reviews-slider__earnings">
                      $ 17100
                    </div>
                  </div>
                </div>
              </div>
              <div class="reviews-slider__slide swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" data-swiper-slide-index="1" style="width: 328px; margin-right: 20px;">
                <img src="./offer_index/reviews-image-2.png" class="reviews-slider__image" alt="" width="120" height="120" loading="lazy">
                <div class="reviews-slider__slide-wrapper">
                  <div class="reviews-slider__slide-content">
                    <div class="reviews-slider__slide-body">
                      <div class="reviews-slider__stars rating-view" aria-label="Rating 5 star" title="Rating 5 star">
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                      </div>
                      <div class="reviews-slider__name h3">
                        Lewis Tucker
                      </div>
                      <blockquote class="reviews-slider__desc">
                        <p>I can’t get over it. Like $ 31200 in just 30 days. I am so grateful.</p>
                      </blockquote>
                    </div>
                    <div class="reviews-slider__earnings">
                      $ 31200
                    </div>
                  </div>
                </div>
              </div>
              <div class="reviews-slider__slide swiper-slide" role="group" aria-label="3 / 3" data-swiper-slide-index="2" style="width: 328px; margin-right: 20px;">
                <img src="./offer_index/reviews-image-3.png" class="reviews-slider__image" alt="" width="120" height="120" loading="lazy">
                <div class="reviews-slider__slide-wrapper">
                  <div class="reviews-slider__slide-content">
                    <div class="reviews-slider__slide-body">
                      <div class="reviews-slider__stars rating-view" aria-label="Rating 5 star" title="Rating 5 star">
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                        <div class="rating-view__star"></div>
                      </div>
                      <div class="reviews-slider__name h3">
                        Georgina Barry
                      </div>
                      <blockquote class="reviews-slider__desc">
                        <p>My trading account now has $ 26500 in it. Can you believe it!</p>
                      </blockquote>
                    </div>
                    <div class="reviews-slider__earnings">
                      $ 26500
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="reviews-slider__control">
              <button class="reviews-slider__control-prev" type="button" title="Previous slide" aria-label="Previous slide" tabindex="0" aria-controls="swiper-wrapper-09f904109bb39ff99">
                <img src="./offer_index/arrow-right.svg" alt="" width="60" height="60" loading="lazy">
              </button>
              <button class="reviews-slider__control-next" type="button" title="Next slide" aria-label="Next slide" tabindex="0" aria-controls="swiper-wrapper-09f904109bb39ff99">
                <img src="./offer_index/arrow-right.svg" alt="" width="60" height="60" loading="lazy">
              </button>
            </div>
          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
      </section>
      <section class="bottom" aria-labelledby="bottom-title">
        <div class="container">
          <div class="bottom__inner">
            <div class="bottom__body">
              <h2 class="bottom__title" id="bottom-title">
                Register Your Details To Gain An In The Crypto Market
              </h2>
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="bottom__button button">
                Register
              </a>
            </div>
          </div>
        </div>
      </section>
    </main>
    <footer class="footer">
      <div class="footer__inner container">
        <nav class="footer__menu">
          <ul class="footer__menu-list">
            <li class="footer__menu-item">
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="footer__menu-link">
                Privacy Policy
              </a>
            </li>
            <li class="footer__menu-item">
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="footer__menu-link">
                Terms
              </a>
            </li>
            <li class="footer__menu-item">
              <a href="#register-form" onclick="document.location.hash='register-form';return false;" class="footer__menu-link">
                Report Abuse/Spam
              </a>
            </li>
          </ul>
        </nav>
        <div class="footer__important">
          <p>IMPORTANT: Earnings and Legal Disclaimers Earnings and income representations made by immediatedefiniinfo,
            (collectively “This Website”) only used as aspirational examples of your earnings potential. The success of
            those in the testimonials and other examples are exceptional results and therefore are not intended as a
            guarantee that you or others will achieve the same results. Individual results will vary and are entirely
            dependent on your use of immediatedefiniinfo. This Website is not responsible for your actions. You bear
            sole responsibility for your actions and decisions when using products and services and therefore you should
            always exercise caution and due diligence. You agree that this Website is not liable to you in any way for
            the results of using our services. See our Website terms of use for our full disclaimer of liability and
            other restrictions. Trading can generate notable benefits, however, it also involves the risk of
            partial/full loss of the invested capital, therefore, you should consider whether you can afford to invest.
            © 2024 USA REGULATION NOTICE: Trading Forex, CFDs and Cryptocurrencies is not regulated within the United
            States. Invest in Crypto is not supervised or regulated by any financial agencies nor US agencies. Any
            unregulated trading activity by U.S. residents is considered unlawful. This Website does not accept
            customers located within the United States or holding an American citizenship. This Website is not
            responsible for actions of customers located within the United States or holding an American citizenship.
            Customers located within the United States or holding an American citizenship bear sole responsibility for
            their actions and decisions when using products and services of this Website. In any and all circumstances
            the choice to use the Website, the Service and/or the Software is under full responsibility of User, who
            should comply with the current legislation.</p>
        </div>
        <div class="footer__copyright">
          © 2025 All Rights Reserved by
        </div>
      </div>
    </footer>
  </div>



  <link rel="stylesheet" href="./offer_index/loader.holder.css">
  <link rel="stylesheet" href="./offer_index/form.css">

  <!-- validations block end-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>


  <script>
document.addEventListener('DOMContentLoaded', function () {
    var input = document.querySelectorAll('input[name="phone"]');

    for (let x of input) {
        var iti = window.intlTelInput(x, {
            initialCountry: "auto",
            hiddenInput: "full_number",
            geoIpLookup: function (success, failure) {
                $.get('https://ipinfo.io', function () {}, 'jsonp').always(function (resp) {
                    var countryCode = resp && resp.country ? resp.country : '';
                    $('input[name="ip"]').val(resp.ip);
                    success(countryCode);
                });
            },
            utilsScript:
                'https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.1/build/js/utils.js',
            separateDialCode: true,
            formatOnSubmit: true
            // убрали onlyCountries, чтобы были все страны
        });
    }
});
</script>


      <script type="text/javascript">
    jQuery(document).ready(function($){

        $('.button.green-btn').on('click',function(){
            $('.modal-lead').addClass('active');
        });

        $('.black-btn').on('click',function(){
            $('.modal-lead__content-form').show();
            $(this).hide();
        });

        const validateEmail = (email) => {
            return String(email)
                .toLowerCase()
                .match(
                    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
                );
        };

        // === Живая валидация ===
        $(document).on('input', 'input[name="f_name"], input[name="l_name"]', function() {
            if ($(this).val().length >= 2) {
                $(this).removeClass('error').addClass('valid');
            } else {
                $(this).removeClass('valid').addClass('error');
            }
        });

        $(document).on('input', 'input[name="email"]', function() {
            if (validateEmail($(this).val())) {
                $(this).removeClass('error').addClass('valid');
            } else {
                $(this).removeClass('valid').addClass('error');
            }
        });

        $(document).on('input keyup', 'input[name="phone"]', function() {
            var input = this;
            var iti = window.intlTelInputGlobals.getInstance(input);
            if (iti && iti.isValidNumber()) {
                $(this).removeClass('error').addClass('valid');
            } else {
                $(this).removeClass('valid').addClass('error');
            }
        });

        // === Валидация при сабмите ===
        function validate(form, iti) {
            form.find('input').each(function() {
                var name = $(this).attr('name');

                if (name === 'f_name' || name === 'l_name') {
                    if (!$(this).val() || $(this).val().length < 2) {
                        $(this).removeClass('valid').addClass('error');
                    } else {
                        $(this).removeClass('error').addClass('valid');
                    }
                } else if (name === 'email') {
                    if (!validateEmail($(this).val())) {
                        $(this).removeClass('valid').addClass('error');
                    } else {
                        $(this).removeClass('error').addClass('valid');
                    }
                } else if (name === 'phone') {
                    if (!iti.isValidNumber()) {
                        $(this).removeClass('valid').addClass('error');
                    } else {
                        $(this).removeClass('error').addClass('valid');
                    }
                } else if (name === 'reason' || name === 'location') {
                    if ($(this).val()) {
                        $(this).removeClass('error').addClass('valid');
                    } else {
                        $(this).removeClass('valid').addClass('error');
                    }
                }
            });

            form.find('select').each(function() {
                if ($(this).attr('name') === 'reason' || $(this).attr('name') === 'location') {
                    if ($(this).val()) {
                        $(this).removeClass('error').addClass('valid');
                    } else {
                        $(this).removeClass('valid').addClass('error');
                    }
                }
            });
        }

        $(document).on('click', '.submitBtn', function(e) {
            e.preventDefault();

            if ($(this).hasClass('loading')) {
                return;
            }

            var form = $(this).parents('form');
            var input = form.find('input[name="phone"]')[0];
            var iti = window.intlTelInputGlobals.getInstance(input);

            validate(form, iti);

            if (!form.find('input.error, select.error').length) {
                $(input).val(iti.getNumber());
                $(this).addClass('loading');
                form.submit();
            }
        });

        $(document).on('submit', function(e) {
            e.preventDefault();

            var formData = new FormData(e.target);
            formData.append('answer', $('input[name="answer"]').val());

            $.ajax({
                url: 'api.php',
                type: 'post',
                data: formData,
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function(data) {
                    location.href = data;
                },
                error: function(data, exception) {
                    console.log(data);
                    console.log(exception);
                }
            });
        });
    });
</script>


    <style type="text/css">


/* ФИКС ДЛЯ INTEL-TEL-INPUT */
.iti {
    width: 100% !important;
}
input.valid, select.valid {
    border: 2px solid #22c55e !important;
    background: rgba(0, 239, 0, 0.1) !important;
}

input.error, select.error {
    border: 2px solid #ef4444 !important;
    background: rgba(239, 0, 0, 0.1) !important;
}
.intl-tel-input {
    width: 100% !important;
    display: block !important;
}

.intl-tel-input input {
    width: 100% !important;
    height: 56px !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
}

/* Если не помогло - более агрессивный подход */
.form-control {
    width: 100% !important;
}

input[type="tel"] {
    width: 100% !important;
}



button .spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid white;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.loading .text {
    display: none;
}

.loading .spinner {
    display: inline-block;
}

.error {
    background-color: rgb(255 101 101 / 83%) !important;
    color: #fff !important;
}

.iti__selected-dial-code {
  color: #fff;
}
.iti__country-list {
  color: #000;
}
/* Текст в инпутах ВСЕГДА читаемый */
input,
input:focus {
    color: #ffffff !important;
}

/* VALID */
input.valid {
    border: 2px solid #22c55e !important;
    background: rgba(0, 239, 0, 0.15) !important;
    color: #ffffff !important;
}

/* ERROR */
input.error {
    border: 2px solid #ef4444 !important;
    background: rgba(239, 0, 0, 0.25) !important;
    color: #ffffff !important;
}

/* Placeholder */
input::placeholder {
    color: white !important;
}

input.error::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}
</style>
<script>
// Скрипт плавной прокрутки к форме
document.addEventListener('click', function (e) {
  // Проверяем, чтобы клик был по ссылке или кнопке
  if (e.target.tagName === 'A' || e.target.tagName === 'BUTTON') {
    const form = document.querySelector('#form');
    if (form) {
      e.preventDefault(); // Отменяем стандартное действие
      form.scrollIntoView({
        behavior: 'smooth',
        block: 'start'
      });
    }
  }
});
</script>

</body></html>