h2{
    font: 700 46px / 50px 'Open Sans', sans-serif;
    margin: 0 0 40px;
    text-transform: capitalize;
}

/* ===== FINAL FIX FOR ZIGZAG SECTIONS ===== */

.feature-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0px !important;
    width: 100% !important;
    clear: both !important;
    overflow: visible !important;
    margin: 0 0 80px !important;
    padding: 0 !important;
}

.feature-row.reverse {
    flex-direction: row-reverse !important;
}

.feature-row > .column,
.feature-row > .app-img-holder,
.feature-row > .text-box {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    float: none !important;
    clear: none !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.feature-row .text-box {
    text-align: left !important;
    padding: 0 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.feature-row .text-box h2,
.feature-row .text-box p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

.feature-row .app-img-holder {
    text-align: center !important;
}

.feature-row .app-img-holder picture,
.feature-row .app-img-holder img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* old clearfix / floats ko neutralize karne ke liye */
.feature-row::before,
.feature-row::after {
    content: "" !important;
    display: table !important;
}

.feature-row::after {
    clear: both !important;
}

.appinfo_section {
    padding-bottom: 10% !important;
    padding-top: 5% !important;
}

/* ===== MOBILE ===== */
@media only screen and (max-width: 991px) {
    .feature-row,
    .feature-row.reverse {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 25px !important;
        margin: 0 0 50px !important;
    }

    .feature-row > .column,
    .feature-row > .app-img-holder,
    .feature-row > .text-box {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        clear: both !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
    }

    .feature-row .app-img-holder {
        order: 2 !important;
        text-align: center !important;
    }

    .feature-row .text-box {
        order: 1 !important;
        text-align: center !important;
        padding: 0 !important;
    }

    .feature-row .app-img-holder img {
        margin: 0 auto !important;
    }

    .appinfo_section:nth-child(2n) .app-img-holder img {
        margin: 0 auto !important;
    }
}
@media only screen and (min-width: 991px) {
    .appinfo_section:nth-child(2n) .app-img-holder img {
        margin: -1px 0 0 -50px !important;
    }
}