.elementor-1005 .elementor-element.elementor-element-8ead674{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1005 .elementor-element.elementor-element-7f317d4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1005 .elementor-element.elementor-element-331a79f{--grid-columns:5;--grid-row-gap:15px;--grid-column-gap:15px;}@media(max-width:1024px){.elementor-1005 .elementor-element.elementor-element-331a79f{--grid-columns:3;}}@media(max-width:1024px) and (min-width:768px){.elementor-1005 .elementor-element.elementor-element-7f317d4{--content-width:95%;}}@media(max-width:767px){.elementor-1005 .elementor-element.elementor-element-7f317d4{--content-width:90%;}.elementor-1005 .elementor-element.elementor-element-331a79f{--grid-columns:2;--grid-row-gap:12px;--grid-column-gap:12px;}}/* Start custom CSS for html, class: .elementor-element-5536365 *//* =========================================================
   FAMILY HALAL MART
   DEALS & OFFERS — HERO
   BRAND CONSISTENT VERSION
========================================================= */

.fhm-deals-hero {

    --fhm-green: #064B32;
    --fhm-dark: #043A27;
    --fhm-lime: #B7E65D;
    --fhm-deal: #F2861D;

    --fhm-bg: #F7FAF5;
    --fhm-text: #26352E;
    --fhm-muted: #68776F;
    --fhm-border: #DDE8DF;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    font-family: inherit;

    color: var(--fhm-text);
}


.fhm-deals-hero *,
.fhm-deals-hero *::before,
.fhm-deals-hero *::after {
    box-sizing: border-box;
}


.fhm-deals-hero__container {

    width: 100%;

    max-width: 1120px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 25px;
    padding-right: 25px;
}


/* =========================================================
   HERO BLOCK
========================================================= */

.fhm-deals-hero__inner {

    width: 100%;

    padding: 70px 25px 60px;

    background:
        radial-gradient(
            circle at 16% 30%,
            rgba(183,230,93,.20),
            transparent 26%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(242,134,29,.14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #F5FAF2 0%,
            #FFFFFF 72%
        );

    border-bottom: 1px solid #E1EAE2;
}


.fhm-deals-hero__inner-center {

    max-width: 1120px;

    margin: 0 auto;

    text-align: center;
}


.fhm-deals-hero__badge {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 8px 17px;

    border-radius: 50px;

    background: #FDEEDD;

    border: 1px solid #F6D6AF;

    color: var(--fhm-deal);

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 1.1px;

    text-transform: uppercase;

    margin-bottom: 22px;
}


.fhm-deals-hero__badge span {

    font-size: 12px;
}


.fhm-deals-hero__inner h1 {

    margin: 0;

    color: var(--fhm-green);

    font-size: clamp(42px, 4.8vw, 60px);

    line-height: 1.06;

    font-weight: 800;

    letter-spacing: -2.4px;
}


.fhm-deals-hero__inner h1 span {

    color: var(--fhm-lime);
}


.fhm-deals-hero__line {

    width: 55px;
    height: 5px;

    margin: 24px auto 20px;

    border-radius: 20px;

    background: var(--fhm-deal);
}


.fhm-deals-hero__inner > p {

    max-width: 560px;

    margin: 0 auto;

    color: var(--fhm-muted);

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================================
   QUICK STAT PILLS
========================================================= */

.fhm-deals-hero__stats {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 11px;

    margin-top: 30px;
}


.fhm-deals-hero__stat {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 11px 18px;

    border-radius: 50px;

    background: #FFFFFF;

    border: 1px solid var(--fhm-border);

    box-shadow: 0 8px 20px rgba(6,75,50,.05);
}


.fhm-deals-hero__stat-icon {

    width: 26px;
    height: 26px;

    flex: 0 0 26px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--fhm-green);

    color: var(--fhm-lime);

    font-size: 11px;

    font-weight: 800;
}


.fhm-deals-hero__stat span.fhm-deals-hero__stat-text {

    color: var(--fhm-text);

    font-size: 11.5px;

    font-weight: 700;

    white-space: nowrap;
}


.fhm-deals-hero__stat-text strong {

    color: var(--fhm-deal);
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .fhm-deals-hero__inner {

        padding: 60px 30px 52px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .fhm-deals-hero__inner {

        padding: 48px 18px 44px;
    }


    .fhm-deals-hero__badge {

        font-size: 8px;

        letter-spacing: .7px;

        padding: 7px 13px;
    }


    .fhm-deals-hero__inner h1 {

        font-size: 34px;

        letter-spacing: -1.5px;
    }


    .fhm-deals-hero__inner > p {

        font-size: 13px;

        line-height: 1.75;
    }


    .fhm-deals-hero__stats {

        margin-top: 26px;

        gap: 8px;
    }


    .fhm-deals-hero__stat {

        padding: 9px 14px;
    }


    .fhm-deals-hero__stat span.fhm-deals-hero__stat-text {

        font-size: 10.5px;
    }

}/* End custom CSS */