Untitled

 avatar
unknown
plain_text
2 years ago
7.6 kB
6
Indexable
(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 .eg-steps-container {        background: white;        padding-top: 15px;        padding-bottom: 40px;    }    html body .eg-steps-wrapper {        max-width: 281px;        margin-left: auto;        margin-right: auto;        width: 100%;    }    html body .eg-steps-content {        display: flex;        padding: 24px 16px;        flex-direction: column;        grid-gap: 32px;        max-width: 100%;        background: #F6F6F6;    }    html body .eg-steps-container .eg-heading {        color: #313131;        text-align: center;        font-family: Poppins;        font-size: 20px;        font-style: normal;        font-weight: 600;        line-height: 120%;        /* 24px */    }    html body .eg-steps-container .eg-steps {        list-style: none;        display: flex;        flex-direction: column;        grid-gap: 26px;        position: relative;        isolation: isolate;    }    html body .eg-steps-container .eg-step-item {        display: flex;        align-items: flex-start;        grid-gap: 20px;    }    html body .eg-steps-container .eg-step-item .eg-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 .eg-steps-container .eg-step-item .eg-content {        margin-bottom: 0;        display: flex;        flex-direction: column;    }    html body .eg-steps-container .eg-step-item .eg-content .eg-title {        color: #313131;        font-family: Poppins;        font-size: 15px;        font-style: normal;        font-weight: 600;        line-height: 120%;        /* 18px */    }    html body .eg-steps-container .eg-step-item .eg-content .eg-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 .eg-steps-container .eg-steps::before {        content: "";        position: absolute;        width: 3px;        background: rgba(42, 86, 146, 0.11);        height: 79%;        left: 9px;    }    html body .eg-steps-container .eg-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 .eg-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 () {
  try {
    var debug = 0;
    var variation_name = "";
    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }
    var newHTML = '' +
      '  <div class="eg-steps-container">' +
      '      <div class="eg-steps-wrapper">' +
      '          <div class="eg-steps-content">' +
      '              <span class="eg-heading">How it works</span>' +
      '              <ul class="eg-steps">' +
      '                  <li class="eg-step-item">' +
      '                      <span class="eg-num">1</span>' +
      '                      <p class="eg-content">' +
      '                          <span class="eg-title">Let’s talk & share Ideas</span>' +
      '                          <span class="eg-para">Speak to an expert with firsthand destination experience.</span>' +
      '                      </p>' +
      '                  </li>' +
      '                  <li class="eg-step-item">' +
      '                      <span class="eg-num">2</span>' +
      '                      <p class="eg-content">' +
      '                          <span class="eg-title">Craft Your Trip</span>' +
      '                          <span class="eg-para">We create a personalized journey built completely around you.</span>' +
      '                      </p>' +
      '                  </li>' +
      '                  <li class="eg-step-item">' +
      '                      <span class="eg-num">3</span>' +
      '                      <p class="eg-content">' +
      '                          <span class="eg-title">Your Dream Adventure</span>' +
      '                          <span class="eg-para">You travel on your dream holiday, we support you all the way.</span>' +
      '                      </p>' +
      '                  </li>' +
      '              </ul>' +
      '          </div>' +
      '          <p class="eg-info">' +
      "              Don't wait any longer - Reach out and create your dream holiday." +
      '          </p><a class="eg-lets-go-cta" href="https://freedomdestinations.co.uk/enquire">Let’s Plan Your Holiday</a>' +
      '      </div>' +
      '  </div>';
    init = function () {
      if (!document.querySelector(".eg-steps-container") && screen.width < 769) document.querySelector("#countries").insertAdjacentHTML("beforebegin", newHTML);
    }
    waitForElement('#countries', init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();



})();
Editor is loading...