.features-row > [class*="col-"] {
        display: flex;
        margin-bottom: 24px;
    }

    .features-row .features__item-two {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

/* =========================================
   REVEAL / PARALLAX FOOTER EFFECT
========================================= */

html,
body {
    overflow-x: hidden;
}

/* ===============================
   DESKTOP REVEAL FOOTER
=============================== */
@media (min-width: 992px) {

    /* Main content above footer */
    main.fix {
        position: relative;
        z-index: 2;
        background: #fff;
    }

    /* Fixed footer */
    footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
    }

    /* Space for footer */
    body {
        margin-bottom: 550px; /* adjust to your desktop footer height */
    }
}

/* ===============================
   MOBILE / TABLET NORMAL FOOTER
=============================== */
@media (max-width: 991px) {

    footer {
        position: relative;
        width: 100%;
        bottom: auto;
        left: auto;
    }

    body {
        margin-bottom: 0;
    }

    main.fix {
        position: relative;
        z-index: 1;
        background: #fff;
    }
}
/* =========================================
   HEADER LOGO SWITCHING
========================================= */

/* Default state */
.logo-dark {
    display: none;
}

.logo-white {
    display: block;
}

/* Sticky scrolled header */
.sticky-menu .logo-white {
    display: none;
}

.sticky-menu .logo-dark {
    display: block;
}

.tgmobile__menu {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
}

.tgmobile__menu-box {
    height: 100vh;
    overflow-y: auto;
}

.tgmobile__menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 999998;
}