/** Homepage sections below the products grid **/

.funfact-block-one .inner-box .count-outer {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .funfact-section.pb_120 {
        padding-bottom: 0;
    }

    .funfact-section .funfact-block-one .inner-box {
        margin-bottom: 0;
    }

    .funfact-section .row {
        row-gap: 24px;
    }

    #why-us.pt_120 {
        padding-top: 64px;
    }

    #why-us.pb_90 {
        padding-bottom: 72px;
    }

    #why-us .sec-title {
        padding-bottom: 40px;
    }

    /* Equal-height cards with "Learn More" pinned to the bottom */
    #why-us .row {
        row-gap: 24px;
    }

    #why-us .chooseus-block {
        display: flex;
    }

    .chooseus-block-one {
        display: flex;
        flex: 1 1 auto;
    }

    .chooseus-block-one .inner-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 0;
        padding: 36px 32px;
        box-shadow: 0 8px 30px rgba(17, 17, 17, 0.05);
    }

    .chooseus-block-one .inner-box .icon-box {
        margin-bottom: 22px;
    }

    .chooseus-block-one .inner-box p {
        margin-bottom: 0;
    }

    .chooseus-block-one .inner-box .link {
        margin-top: auto;
        padding-top: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .funfact-section,
    #why-us,
    #process,
    #news {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .funfact-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    #why-us .sec-title,
    #process .sec-title,
    #news .sec-title {
        padding-bottom: 28px;
    }

    #why-us .sec-title h2,
    #process .sec-title h2,
    #news .sec-title h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    /* Stats: one compact strip with four columns */
    .funfact-section .row {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin: 0;
        padding: 14px 4px;
        border: 1px solid #e7e7e7;
        border-radius: 16px;
        background: #fff;
    }

    .funfact-section .funfact-block {
        width: auto;
        max-width: none;
        padding: 0;
    }

    .funfact-section .funfact-block + .funfact-block {
        border-left: 1px solid #ececec;
    }

    .funfact-block-one .inner-box {
        margin-bottom: 0;
        padding: 2px 4px;
        border: 0;
        border-radius: 0;
        background: none;
    }

    .funfact-block-one .inner-box .count-outer {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 4px;
        white-space: nowrap;
    }

    .funfact-block-one .inner-box p {
        font-size: 11px;
        line-height: 1.25;
        margin: 0;
    }

    /* Why choose us: compact rows with the icon beside the text */
    #why-us .pattern-layer {
        display: none;
    }

    #why-us .inner-container {
        margin: 0;
    }

    #why-us .row {
        display: grid;
        gap: 12px;
        margin: 0;
    }

    #why-us .chooseus-block {
        width: auto;
        max-width: none;
        padding: 0;
    }

    .chooseus-block-one .inner-box {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 14px;
        align-items: start;
        margin-bottom: 0;
        padding: 18px 16px;
        border-radius: 14px;
        box-shadow: 0 6px 24px rgba(17, 17, 17, 0.06);
    }

    .chooseus-block-one .inner-box .icon-box {
        grid-row: span 3;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 22px;
        margin: 0;
    }

    .chooseus-block-one .inner-box h3 {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 4px;
    }

    .chooseus-block-one .inner-box p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 6px;
    }

    .chooseus-block-one .inner-box .link a {
        font-size: 14px;
        line-height: 1.4;
        padding-right: 20px;
    }

    .chooseus-block-one .inner-box .link a i {
        top: 4px;
        font-size: 11px;
    }

    /* How it works: numbered steps joined by a line */
    #process .row {
        position: relative;
        display: grid;
        gap: 12px;
        margin: 0;
    }

    #process .processing-block {
        width: auto;
        max-width: none;
        padding: 0;
    }

    .processing-block-one {
        margin-bottom: 0;
        padding: 18px 16px;
        border-radius: 14px;
    }

    .processing-block-one .inner-box {
        padding-left: 44px;
    }

    .processing-block-one .inner-box .count-text {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    .processing-block-one .inner-box h3 {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 6px;
    }

    .processing-block-one .inner-box p {
        font-size: 14px;
        line-height: 1.55;
        margin: 0;
    }

    /* News: swipeable row of cards */
    #news .row {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        margin: 0 -15px;
        padding: 0 15px 6px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 0 15px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #news .row::-webkit-scrollbar {
        display: none;
    }

    #news .news-block {
        flex: 0 0 80%;
        width: auto;
        max-width: none;
        padding: 0;
        scroll-snap-align: start;
    }

    .news-block-one .inner-box {
        display: flex;
        align-items: flex-end;
        height: 280px;
        margin-bottom: 0;
        padding: 20px 18px;
        border-radius: 16px;
    }

    .news-block-one .inner-box .content-box .post-date {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .news-block-one .inner-box .content-box h4 {
        font-size: 17px;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-block-one .inner-box .content-box h4 a {
        display: inline;
    }

    #news .btn-box {
        margin-top: 24px;
    }

    /* Subscribe banner */
    .subscribe-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .subscribe-section .content-box h2 {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .subscribe-section .content-box p {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .subscribe-section .content-box .form-inner .form-group input[type='email'] {
        height: 54px;
        padding: 10px 18px 10px 46px;
        font-size: 15px;
    }

    .subscribe-section .content-box .form-inner .form-group .icon-box {
        left: 18px;
        top: 18px;
    }

    .subscribe-section .content-box .form-inner .form-group button[type='submit'] {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: 10px;
    }
}