Untitled

(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    /* all Pure helper functions */
    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 eg_htmlString =''+ 
    // '      <div class="eg_popup">'+ 
    // '          <img src="https://expogrowth.in/wp-content/uploads/2022/09/dp.svg" alt="" srcset="">'+ 
    // '          <p class="eg_name">Katie</p>'+ 
    // '          <abbr>Destination Specialist</abbr>'+ 
    // '          <h4>Plan your dream trip</h4>'+ 
    // '          <p class="eg_detail">There’s no question too small. Start planning your dream Africa trip by talking to our Destination Specialists.</p>'+ 
    // '          <div class="eg_inr">'+ 
    // '              <a class="eg_contact" href="tel:02081062403">020 8106 2403</a>'+ 
    // '              <p>call us today from 09:00 - 17:30</p>'+ 
    // '          </div>'+ 
    // '          <p class="eg_btm">- OR -</p>'+ 
    // '          <a href="https://calendly.com/valentina-gaggero/30min?month=2022-09">BOOK AN APPOINTMENT</a>'+ 
    // '      </div>';
    
    var eg_htmlString =''+ 
    '      <div class="eg_popup">'+ 
    '          <img src="https://expogrowth.in/wp-content/uploads/2022/09/dp.svg" alt="" srcset="">'+ 
    '          <p class="eg_name">Katie</p>'+ 
    '          <abbr>Destination Specialist</abbr>'+ 
    '          <h4>Plan your dream trip</h4>'+ 
    '          <p class="eg_detail">There’s no question too small. Start planning your dream Africa trip by talking to our Destination Specialists.</p>'+ 
    '          <a class="eg_inr" href="tel:02081062403">'+ 
    '              <h3>020 8106 2403</h3>'+ 
    '              <p>Call us today from 09:00 - 17:30</p>'+ 
    '          </a>'+ 
    '          <p class="eg_btm">- OR -</p>'+ 
    '          <a href="https://calendly.com/valentina-gaggero/30min?month=2022-09">BOOK AN APPOINTMENT</a>'+ 
    '      </div>';

    function init() {
      document.querySelector("body > main > div.lp-form-banner > div.lp-form-banner__image-wrapper").insertAdjacentHTML("beforebegin", eg_htmlString)
    }

    waitForElement("body > main > div.lp-form-banner > div.lp-form-banner__image-wrapper", init, 100, 35000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();













.eg_popup {
  background-color: #fff;
  border-radius: 10px;
  position: absolute !important;
  top: 10%;
  right: 2%;
  text-align: center;
  padding: 0 35px 35px;
  color: #333;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  font-family: 'proxima-nova';
  max-width: 475px !important;
}

.eg_name {
  margin-top: 18px !important;
  font-size: 20px;
}

.eg_popup abbr {
  margin-top: -30px !important;
  font-size: 14px;
  color: #858585;
  text-transform: uppercase;
}

.eg_popup h4 {
  padding-top: 20px;
  font-weight: 600;
}

p.eg_detail {
  padding-top: 10px;
  line-height: 1.3;
  font-size: 19px;
  color: #1c1c1c;
}

.eg_popup .eg_inr h3 {
  font-family: 'proxima-nova';
  font-weight: 600;
  margin-bottom: 0 !important;
  font-size: 24px;
}

.eg_popup img {
  width: 74px;
  margin-top: -38px;
  border-radius: 50%;
  margin-inline: auto;
}

.eg_popup h2 {
  font-size: 3rem;
  font-weight: 500;
  margin: 30px 0 10px;
}

.eg_popup a {
  padding: 10px 50px;
  background-color: #248fb5;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.eg_popup a.eg_inr {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 8px;
  color: #000;
  background: none !important;
  box-shadow: none;
}

p.eg_btm {
  margin-block: 10px;
  color: #858585;
}

body > main > .lp-form-banner.section > .lp-form-banner__bottom> .lp-form-banner__form {
  display: none !important;
  opacity: 0;
}

.eg_popup a.eg_inr p{
  font-size: 15px;
}


@media screen and (max-width: 767px) {
  .lp-awards-reviews__awards {
    padding-top: 480px !important;
  }

  body > main > .lp-awards-reviews > div > div > .lp-awards-reviews__awards > .h2{
    margin-top: 10% !important;
  }

  .eg_popup {
    box-shadow: 1px 2px 20px rgb(0 0 0 / 20%) !important;
    top: 325px;
    left: 2%; 
    right: 2%; 
    margin-left: auto; 
    margin-right: auto; 
    border-radius: 3px;
  }
  p.eg_detail{
    font-size: 18px !important;
  }
  .eg_popup a.eg_inr {
    background-color: #248fb5 !important;
    color: #fff !important;
    border: none !important;
  }

  .eg_popup a{
    background: none !important;
    color: #000;
    border: 2px solid #000;
    padding-block: 17px;
  }

  div.eg_popup > a:last-of-type{
    font-size: 16px;
    line-height: 1 !important;
      font-weight: 600;
  }
  .eg_popup a.eg_inr p {
    font-size: 15px;
    color: #ddd;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
  .eg_popup {
    max-width: 375px !important;
    top: 8% !important;
    right: 1.4%;
  }
  .eg_name {
    margin-top: 5px !important;
  }
  p.eg_detail {
    padding-top: 2px;
  }
  .eg_popup a.eg_inr{
    padding: 2px;
    margin-top: -8px;
  }
  .eg_popup a {
    padding: 6px 50px;
    margin-bottom: -5px;
  }
}


@media (min-width: 991px) and (max-width: 1050px) {
  .eg_popup {
    max-width: 375px !important;
    top: 8% !important;
    right: 1%;
  }
  .eg_popup img {
    margin-top: -35px;
  }
  .eg_name{
    margin-top: 6px !important;
  }
  .eg_popup abbr {
    margin-top: -25px;
  }
  .eg_popup .eg_inr {
    margin-top: -10px;
  }
  .eg_popup h4{
    padding-top: 10px;
  }
}









{
	"files": [
		"./variationB/variation.css",
		"./variationB/variation.js"
	],
	"urls": ["https://www.hayesandjarvis.co.uk/ppc-landing-pages/africa-tour"],
	"inject": ""
}