document.getElementById("herq-promo").innerHTML = `<div id="footer-herq" class="horizontal promo-color-light" data-animation="fadeInUp">
    <div class="herq-container">

                    <div class="df">
                <div class="w-30" id="horizontal-img-side">
                    <a class="h-100 df j-c a-c" href="http://www.herq.me?utm_source=website&amp;utm_medium=certificate&amp;utm_campaign=barvogal&amp;utm_id=Refferal+barvogal">
                        <img class="horizontal-img herq-img"
                             src="https://herq.me/data/images/Certificate/certificate.png"
                             alt="">
                    </a>
                </div>
                                <div class="w-70 pad-l-20" id="horizontal-texts-side">
                                        <div class="herq-text">
                        <div class="herq-top-text"><a title="Lost and found" href="https://www.rewardhero.com/en/lost-and-found-service/">LOST AND FOUND</a> ALLIANCE CERTIFIED PARTNERS.</div>
                    </div>
                                        <div class="herq-certificate-text">
                        <div class="txt-alg-l">
                            Enter code <b>BARVOGAL</b>
                            <br>& get <b>1000</b> HERQ tokens.
                        </div>
                    </div>
                                        <div class="herq-app-buttons">
                        <a class="herq-android-url herq-app-button" href="https://play.google.com/store/apps/details?id=com.rewardhero.herqApp
  ">
                            <img width="100" height="47" src="https://herq.me/data/images/Certificate/play_store.png"
                                 alt="https://play.google.com/store/apps/details?id=com.rewardhero.herqApp
  ">
                        </a>
                        <a class="herq-ios-url herq-app-button" href="https://apps.apple.com/us/app/herq/id6446286673">
                            <img width="100" height="47" src="https://herq.me/data/images/Certificate/apple_store.png"
                                 alt="https://apps.apple.com/us/app/herq/id6446286673">
                        </a>
                    </div>

                </div>
            </div>
            </div>
</div>

<style>
    .horizontal-img{
        height: auto;
        max-width: 100%;
    }
    #footer-herq .herq-app-button img {
        max-height: 35px;
    }

    #footer-herq.horizontal .herq-certificate-text {
        padding: 5px 0px;
    }

    .promo-color-dark .herq-container {
        background-color: #000;
        color: #fff;
    }

    .promo-color-light .herq-text{
        color: #000;
    }

    .promo-color-dark .herq-text .herq-top-text,
    .promo-color-dark .herq-top-text a{
        color: #fff !important;
    }

    .promo-color-light .herq-certificate-text {
        color: #000;
    }

    .pad-l-20 {
        padding-left: 20px;
    }

    .txt-alg-c {
        text-align: center;
    }

    .txt-alg-l {
        text-align: left;
    }

    .j-c {
        justify-content: center;
    }

    .a-c {
        align-items: center;
    }

    .h-100 {
        height: 100%;
    }

    .w-30 {
        width: 30%;
    }

    .w-70 {
        width: 70%;
    }

    .w-50 {
        width: 50%;
    }

    .df {
        display: flex;
    }

  /*  #horizontal-texts-side .herq-text a {
        font-size: 15px;
    }*/

    #horizontal-texts-side .herq-certificate-text {
        font-size: 14px;
    }

    @media screen and (min-width: 480px) {
        #footer-herq.horizontal {
            width: 400px;
            overflow-x: visible;
            overflow-y: hidden;
        }

    }

    .vertical .herq-img {
        max-width: 67px;
    }

    /*.horizontal .herq-img {
        max-width: 150px;
    }*/

    .herq-img-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .herq-top-text {
        font-weight: bold;
        /*display: flex;*/
    }

    .herq-app-buttons {
        display: flex;

    }

    .herq-app-button {
        width: 50%;
    }

    #footer-herq a {
        text-decoration: none;
        color: #000;
    }

    #footer .vertical a {
        text-align: center;
    }

    #footer-herq.vertical {
        width: 200px;
        overflow: hidden;
    }

    .herq-container {
        background-color: #fff;
        height: auto;
        border-radius: 15px;
        padding: 10px;
    }

    @media screen and (max-width: 480px) {
        #footer-herq.horizontal {
            margin: 10px;
            width: 90%;
        }

        #herq-promo {
            display: flex;
            justify-content: center;
        }
    }

    @media screen and (max-width: 991px) {
        #footer-herq.horizontal .herq-app-buttons{
            flex-direction: column;
            gap: 5px;
        }
        #herq-promo {
            width: 100%;
        }
    }

    @media screen and (min-width: 992px) {
        #herq-promo {
            width: 25%;
        }
    }

    /*.herq-android-url {
        position: absolute;
        height: 35px;
        width: 108px;
        transform: translate(-50%, -50%);
        top: 91%;
        left: auto;
        display: block !important;
    }

    .herq-ios-url {
        position: absolute;
        height: 35px;
        width: 108px;
        transform: translate(-50%, -50%);
        top: 91%;
        left: 71%;
        display: block !important;
    }*/
</style>


<!--<script src="/data/js/herq_promo.js"></script>-->
`;