Untitled

(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    var $;
    /* 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);
    }

    let egLogo = `
      <div class="eg-trust-logo">
        <div class="eg-logo">
           <div class="egImg">
            <img src="https://expogrowth.in/wp-content/uploads/2023/05/Lifetime-_Warranty.png"/>
           </div>
           <div class="eg-desc">LIFETIME <br/> WARRANTY</div>
        </div>
        <div class="eg-logo">
           <div class="egImg">
            <img src="https://expogrowth.in/wp-content/uploads/2023/05/refunds.png"/>
           </div>
             <div class="eg-desc">HASSLE-FREE <br/> RETURNS</div>
        </div>
        <div class="eg-logo">
           <div class="egImg">
            <img src="https://expogrowth.in/wp-content/uploads/2023/05/SLL-ENCRYPTED_CHECKOUT.png"/>
           </div>
              <div class="eg-desc">SSL ENCRYPTED <br/> CHECKOUT</div>
        </div>
      </div> `;


    /* Variation Init */
    function init() {
      /* start your code here */
      document.querySelector(".dynamic-checkout__title").innerHTML = `<h2 class="eg-check">EXPRESS <br/> CHECKOUT</h2>`;
      if (!document.querySelector(".eg-trust-logo")) {
        document.querySelector(".step .edit_checkout ").insertAdjacentHTML("afterend", egLogo);
      }
    }

    /* Initialize variation */
    waitForElement('.step .edit_checkout ', init, 150, 15000);

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();



<style>
  
  @font-face {
                font-family: "termina_medium";
                src: url('https://cdn.shopify.com/s/files/1/0645/3677/2820/files/termina_medium.woff2?v=13372164580961939860') format("woff2"), url('https://cdn.shopify.com/s/files/1/0645/3677/2820/files/termina_medium.woff?v=13372164580961939860') format("woff");
            }
  
@media screen and (max-width: 750px) {

    html body {
        background-position: 0% -10% !important;
    }

    .step__footer__previous-link {
        display: none !important;
    }
}

@media screen and (min-width: 751px) {
    .eg-trust-logo {
        justify-content: space-between !important;
    }

    .main__content {
        padding-bottom: 1.2rem !important;
    }
}

@media screen and (min-width: 1800px) {
    .wrap {
        margin: -1em auto !important;
    }
}

@media screen and (max-width: 377px) {
    .eg-desc {
        font-size: 9px !important;
    }
}

.eg-check {
    font-size: 13px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-family: "termina_medium";
    font-weight: 700;
    line-height: 18px;
}
  
.dynamic-checkout__title h2.eg-check {
	font-size: 13px;
	line-height: 18px;
}

h2.section__title {
	letter-spacing: 6px;
    text-transform: uppercase;
    font-family: "termina_medium";
    font-size: 13px !important;
}
.dynamic-checkout__title::before {
    margin-right: 3rem !important;
}

.dynamic-checkout__title::after {
    margin-left: 3rem !important;
}

#main-header,
#section-delivery-title {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-family: "termina_medium";
}

.section__content .field__input-wrapper .field__input {
    border: 1px solid #e2e2e2 !important;
    border-radius: 3px !important;
    background-color: rgba(255, 255, 255, 0.7);
}

#continue_button,
.custom-button {
    border-radius: 3px !important;
}

.eg-trust-logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.eg-logo {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.egImg img {
    width: 40px;
}

.egImg {
    padding-bottom: 5px;
}

div.eg-logo:nth-child(2)>div:nth-child(1) {
    padding-bottom: 13px;
}

.eg-desc {
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: 2.5px;
    padding-top: 5px !important;
}

div.eg-logo:nth-child(1) {
    margin-right: 30px;
}

div.eg-logo:nth-child(3) {
    margin-left: 20px;
}

div.eg-logo:nth-child(3) .egImg {
    padding-bottom: 2px !important;
}

div.eg-logo:nth-child(2)>div:nth-child(1) {
    padding-bottom: 7px !important;
    padding-top: 6px !important;
}

div.eg-logo:nth-child(1)>div:nth-child(1)>img:nth-child(1) {
    width: 39px;
}

div.eg-logo:nth-child(2)>div:nth-child(1)>img:nth-child(1) {
    width: 46px;
}

div.eg-logo:nth-child(3)>div:nth-child(1)>img:nth-child(1) {
    width: 36px;
}

div.eg-logo:nth-child(1)>div:nth-child(2) {
    padding-top: 0 !important;
}

div.eg-logo:nth-child(2)>div:nth-child(2) {
    padding-top: 4px !important;
}
  body {
    height: auto !important;
  }
</style>