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 newModule = `
    <section class="eg-container container section">
    <div class="section-title margin-small">
        <h1>Pricing starting at<br> $11/per month
        </h1>
    </div>
    <p>With transparent pricing and no hidden fees, find the plan<br> and products that work for your team.</p>

    <!--start-->
    <div class="eg-all-product-module">

        <div class="after-cards-accordion">
            <div class="section-title margin-small">
                <h4>
                    All products include
                </h4>
            </div>
            <div class="grid-2-col eg-list-container">
                <ul class="list features body-small eg-list" role="list">
                    <li>Regular status updates</li>
                    <li>Single sign-on (SSO) and SCIM</li>
                    <li>Mobile app</li>
                    <li>Personalized 1:1 agendas and tracking</li>
                    <li>Employee praise and recognition</li>
                </ul>
                <ul class="list features body-small eg-list" role="list">
                    <li>Slack, Google Apps, Microsoft Teams, and Outlook integrations</li>
                    <li>HRIS integrations</li>
                    <li>Real-time feedback</li>
                    <li>Change Management Hub</li>
                    <li>Lattice University</li>
                </ul>
            </div>
        </div><a class="btn btn-primary btn-price">Get started</a>

    </div>
    <!--end-->
</section>
    `;

    const init = () => {
      if ((window.location.href.indexOf("/lp") !== -1) && (!document.querySelector(".eg-container"))) {
        document.querySelector('main #g2').parentElement.insertAdjacentHTML("afterend", newModule);
        document.querySelector('.eg-all-product-module a').addEventListener('click', function () {
          window.scrollTo({ top: 0, behavior: 'smooth' });
        });
      }

    }
    waitForElement('main #g2', init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();


.eg-container.container.section {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

.eg-all-product-module div h4 {
    font-size: 1.4em !important;
    margin-bottom: 0 !important
}

.eg-all-product-module {
    border-radius: 16px;
    padding: 28px 10px 0 !important;
}

.eg-all-product-module>h3,
.eg-container>p {
    text-align: center;
}

.eg-all-product-module>a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0 !important;
    background: #046663 !important;
    color: #fff !important;
    font-size: 16px !important;
    transition: ease-out-cubic 200ms !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 14px 40px !important;
    border: none !important;
    width: 100% !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-align: center !important;
    cursor: pointer;
    display: block;
    width: max-content !important;
}

.eg-all-product-module>a:hover {
    filter: brightness(110%) !important;
}


.eg-container>p {
    margin-top: 1rem !important;
    margin-bottom: 0rem !important;
}

.eg-list {
    list-style: disc;
    grid-row-gap: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
}

.eg-list>li {
    list-style: none !important;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.4;
    position: relative;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 8px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    color: #404040 !important;
}

.eg-list>li::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTAgOEMwIDMuNTgxNzIgMy41ODE3MiAwIDggMFYwQzEyLjQxODMgMCAxNiAzLjU4MTcyIDE2IDhWOEMxNiAxMi40MTgzIDEyLjQxODMgMTYgOCAxNlYxNkMzLjU4MTcyIDE2IDAgMTIuNDE4MyAwIDhWOFonIGZpbGw9JyNFMUVCRUInLz48cGF0aCBkPSdNNC4xNTQzMyA3LjU2NTEzQzMuOTk5MjMgNy40NDY2OSAzLjc4MTMgNy40NTc0NiAzLjYzODYzIDcuNTkwNjFMMy41MTMzMSA3LjcwNzU4QzMuMzQzODggNy44NjU3MiAzLjM0Mzg4IDguMTM0MjkgMy41MTMzMSA4LjI5MjQzTDUuODA5NzcgMTAuNDM1OEM2LjI3MDgyIDEwLjg2NjEgNi45ODYyOSAxMC44NjYxIDcuNDQ3MzQgMTAuNDM1OEwxMi40ODY3IDUuNzMyNDFDMTIuNjU2MSA1LjU3NDI4IDEyLjY1NjEgNS4zMDU3IDEyLjQ4NjcgNS4xNDc1N0wxMi4zNzI1IDUuMDQwOTlDMTIuMjI1IDQuOTAzMzIgMTEuOTk4IDQuODk3MDYgMTEuODQzMiA1LjAyNjM4TDcuMDczMDUgOS4wMDk4NUM2Ljc4NjIxIDkuMjQ5MzkgNi4zNzE3NCA5LjI1ODQzIDYuMDc0NzMgOS4wMzE2Mkw0LjE1NDMzIDcuNTY1MTNaJyBmaWxsPScjMDQ2NjYzJy8+PC9zdmc+Cg==);
    width: 1.1em;
    height: 1.1em;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.eg-list-container {
    max-width: 570px !important;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .eg-list-container {
        grid-row-gap: 15px !important;
    }

    .eg-list {
        margin-top: 0 !important;
    }

    .eg-container>p br {
        display: none !important;
    }

    .eg-list {
        grid-template-columns: 1fr;
    }

    html body .eg-container .section-title>h1 {
        font-size: 1.6rem;
    }

    html body .eg-container .section-title>h1>br {
        display: none !important;
    }

    html body .eg-container {
        margin-top: 5px !important;
    }
}

@media only screen and (min-width:767px) and (max-width:1024px) {
    html body .eg-container .section-title>h1 {
        font-size: 3.2rem;
    }
}