Untitled

mail@pastecode.io avatar
unknown
plain_text
6 months ago
8.4 kB
2
Indexable
Never
(function(){
    var style=document.createElement('style');style.type='text/css';style.appendChild(document.createTextNode('@media(max-width:768px) {    html body .main>.section:nth-child(1) {        margin-bottom: 0;    }    html body .main>.section:nth-child(1) .container>.row {        height: 100% !important;        align-items: flex-end !important;        min-height: unset !important;    }    html body .main>.section:nth-child(1) .content {        padding: 32px 24px;        width: 100%;        max-width: 80%;        background: white;        margin-bottom: -1px;    }    html body .main>.section:nth-child(1) .content .heading {        color: #313131 !important;        text-align: center !important;        font-family: Poppins !important;        font-size: 28px !important;        font-style: normal !important;        font-weight: 600 !important;        line-height: 150% !important;        /* 42px */        text-shadow: none !important;        max-width: 266px;        margin-left: auto;        margin-right: auto;        margin-bottom: 12px !important;    }    html body .main>.section:nth-child(1) .content .description {        margin-bottom: 0 !important;        color: rgba(49, 49, 49, 0.70) !important;        text-align: center !important;        font-family: Roboto !important;        font-size: 15px !important;        font-style: normal !important;        font-weight: 400 !important;        line-height: 140% !important;        /* 21px */        text-shadow: none !important;    }    html body .cv-steps-container {        background: white;        padding-top: 15px;        padding-bottom: 40px;    }    html body .cv-steps-wrapper {        max-width: 281px;        margin-left: auto;        margin-right: auto;        width: 100%;    }    html body .cv-steps-content {        display: flex;        padding: 24px 16px;        flex-direction: column;        grid-gap: 32px;        max-width: 100%;        background: #F6F6F6;    }    html body .cv-steps-container .cv-heading {        color: #313131;        text-align: center;        font-family: Poppins;        font-size: 20px;        font-style: normal;        font-weight: 600;        line-height: 120%;        /* 24px */    }    html body .cv-steps-container .cv-steps {        list-style: none;        display: flex;        flex-direction: column;        grid-gap: 26px;        position: relative;        isolation: isolate;    }    html body .cv-steps-container .cv-step-item {        display: flex;        align-items: flex-start;        grid-gap: 20px;    }    html body .cv-steps-container .cv-step-item .cv-num {        min-width: 23px;        min-height: 23px;        border-radius: 100vmax;        background: #2A5692;        max-width: 23px;        max-height: 23px;        color: white;        display: flex;        justify-content: center;        align-items: center;    }    html body .cv-steps-container .cv-step-item .cv-content {        margin-bottom: 0;        display: flex;        flex-direction: column;    }    html body .cv-steps-container .cv-step-item .cv-content .cv-title {        color: #313131;        font-family: Poppins;        font-size: 15px;        font-style: normal;        font-weight: 600;        line-height: 120%;        /* 18px */    }    html body .cv-steps-container .cv-step-item .cv-content .cv-para {        color: rgba(49, 49, 49, 0.70);        font-family: Roboto;        font-size: 15px;        font-style: normal;        font-weight: 400;        line-height: 140%;        /* 21px */    }    html body .cv-steps-container .cv-steps::before {        content: "";        position: absolute;        width: 3px;        background: rgba(42, 86, 146, 0.11);        height: 79%;        left: 9px;    }    html body .cv-steps-container .cv-info {        color: rgba(49, 49, 49, 0.70);        text-align: center;        font-family: Roboto;        font-size: 15px;        font-style: normal;        font-weight: 400;        line-height: 140%;        /* 21px */        margin-top: 24px;        margin-bottom: 24px;    }    html body .cv-lets-go-cta {        border-radius: 2px;        background: linear-gradient(180deg, #E48531 0%, #D95B26 100%);        display: flex;        padding: 10px 32px;        justify-content: center;        align-items: center;        gap: 10px;        color: #FFF;        font-family: Roboto;        font-size: 15px;        font-style: normal;        font-weight: 600;        line-height: 150%;        /* 22.5px */        letter-spacing: 1.2px;        text-transform: uppercase;    }    html body .main>.section:nth-child(1) .slide {        height: 413.66px !important;        min-height: unset !important;    }}'));document.head.appendChild(style);
(function (w) {
  "use strict";

  var tag = "cv",
    debug = document.cookie.indexOf("cfQA") > -1,
    window = typeof unsafeWindow !== "undefined" ? unsafeWindow : w,
     newHTML = '' +
      '  <div class="cv-steps-container">' +
      '      <div class="cv-steps-wrapper">' +
      '          <div class="cv-steps-content">' +
      '              <span class="cv-heading">How it works</span>' +
      '              <ul class="cv-steps">' +
      '                  <li class="cv-step-item">' +
      '                      <span class="cv-num">1</span>' +
      '                      <p class="cv-content">' +
      '                          <span class="cv-title">Let’s talk & share Ideas</span>' +
      '                          <span class="cv-para">Speak to an expert with firsthand destination experience.</span>' +
      '                      </p>' +
      '                  </li>' +
      '                  <li class="cv-step-item">' +
      '                      <span class="cv-num">2</span>' +
      '                      <p class="cv-content">' +
      '                          <span class="cv-title">Craft Your Trip</span>' +
      '                          <span class="cv-para">We create a personalized journey built completely around you.</span>' +
      '                      </p>' +
      '                  </li>' +
      '                  <li class="cv-step-item">' +
      '                      <span class="cv-num">3</span>' +
      '                      <p class="cv-content">' +
      '                          <span class="cv-title">Your Dream Adventure</span>' +
      '                          <span class="cv-para">You travel on your dream holiday, we support you all the way.</span>' +
      '                      </p>' +
      '                  </li>' +
      '              </ul>' +
      '          </div>' +
      '          <p class="cv-info">' +
      "              Don't wait any longer - Reach out and create your dream holiday." +
      '          </p><a class="cv-lets-go-cta" href="https://freedomdestinations.co.uk/enquire">Let’s Plan Your Holiday</a>' +
      '      </div>' +
      '  </div>';

  window[tag] = {
    log: function (msg) {
      if (debug) console.log("[CV]", tag, "-->", msg);
    },

    waitForElement: function (cssSelector, callback) {
      var stop,
        elementCached,
        timeout,
        check = function () {
          try {
            elementCached = document.querySelector(cssSelector);

            if (stop) return;

            if (elementCached) {
              callback(elementCached);
              clearTimeout(timeout);

              window[tag].log(cssSelector + " found");
            } else {
              window.requestAnimationFrame(check);
            }
          } catch (err) {
            window[tag].log(err.message);
          }
        };

      window.requestAnimationFrame(check);

      timeout = setTimeout(function () {
        stop = true;
        window[tag].log(cssSelector + " not found");
      }, 15000);
    },

    testStart: function () {
      try {
        this.waitForElement("body", function (docBody) {
          docBody.classList.add(tag);
        });

        // INITIALIZE THE TEST
        initVariation();

        window[tag].log("test running");
      } catch (err) {
        window[tag].log(err.message);
      }
    },
  };
  window[tag].testStart();

  function initVariation() {
    window[tag].waitForElement("#countries", () => {
      if (window.screen.width < 767) {
       document.querySelector("#countries").insertAdjacentHTML("beforebegin", newHTML);
        }
    });
  }
})(window);
})();