Untitled

 avatar
unknown
plain_text
3 years ago
3.9 kB
6
Indexable
.eg-overview-container {
    padding: 0 30px 30px;
    margin-top: 32px;
    margin-bottom: -8%;
}

.eg-overview-wrapper {
    width: 100%;
    /* max-width: 1170px; */
    margin-inline: auto;
}

.eg-callouts-container {
    display: flex;
    /* gap: 20px; */
    justify-content: center !important;
}

.eg-callouts img {
    width: 30px;
    height: 30px;
    margin: auto;
    display: block;
}

.eg-callouts {
    position: relative;
    text-align: center;
    flex-basis: 19%;
    margin: auto;
}

.eg-callouts .eg-title {
    font-weight: 600;
    font-size: 16px;
    margin: 32px 0 8px 0;
    color: #000;
}

.eg-callouts .eg-info {
    font-size: 15px;
    line-height: 1.5;
    padding-top: 12px;
}


.eg-overview-wrapper>.eg-heading {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}

@media(max-width: 1099px) {
    .eg-callouts {
        flex-basis: 38%;
    }

    .eg-callouts-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 34px 0;
    }
}

@media(max-width: 767px) {
    .eg-callouts {
        flex-basis: 100%;
        max-width: 500px;
    }

    .eg-callouts-container {
        gap: 50px;
    }

    .eg-overview-wrapper>.eg-heading {
        margin-bottom: 50px;
    }
}

.featureLists--Cs4RX {
    display: none;
}

.ctaContainer--itgrz {
    margin: auto;
}

.featureLists--auHlK {
    display: none;
}

.ctaContainer--itgrz {
    margin: auto;
}

a.button--qGN2P.isTypePrimary--OMmef.isSizeLarge--GRx1i.isThemeLight--i5CVz.isResponsive--boW61 {
    width: 300px;
}













    let egOverviewHTML = `
    <section class="eg-overview-container">
        <div class="eg-overview-wrapper">
            <div class="eg-callouts-container">

                <!--Certified Translation-->
                <div class="eg-callouts">
                      <img src="https://expogrowth.in/wp-content/uploads/2022/12/convicon1.svg" alt="callout-icon">

                   <h3 class="eg-title">Your free credit score & report, updated weekly</h3>
                   <p class="eg-info">Enter your details once, and get free credit reports forever.</p>
                    
                </div>

                <!--Professional Translation-->
                <div class="eg-callouts">
                
                    <img src="https://expogrowth.in/wp-content/uploads/2022/12/convicon2.svg" alt="callout-icon">
               
                    <h3 class="eg-title">Support to <br/> improve your score
</h3>
                    <p class="eg-info">Get clear, personalised insights about your credit, plus tips on how to improve it.
</p>
                </div>

                <!--Academic Translation-->
                <div class="eg-callouts">
                    <img src="https://expogrowth.in/wp-content/uploads/2022/12/convicon3.svg" alt="callout-icon">
                    <h3 class="eg-title">The UK’s number 1 free credit score and report app</h3>
                    <p class="eg-info">Over 12 million people  trust ClearScore to help them with their financial future.</p>
                </div>

                <!--90+ Languages Supported-->
                <div class="eg-callouts">
                    <img src="https://expogrowth.in/wp-content/uploads/2022/12/convicon4.svg" alt="callout-icon">
                    <h3 class="eg-title">Personalised and pre-approved credit offers</h3>
                    <p class="eg-info">Get pre-approved for exclusive offers you won’t see anywhere else.
</p>
                </div>
            </div>
        </div>
    </section>`;





  document.querySelector("#gatsby-focus-wrapper > div.grid--dzRBT > div > div > section.featureSection--LIx35").insertAdjacentHTML("beforebegin" , egOverviewHTML )
Editor is loading...