:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1407c95 *//* =========================================================
   LOGIN PAKISTAN - PAKISTANI GIFTS ARCHIVE HERO
========================================================= */

.lp-archive-hero,
.lp-archive-hero * {
    box-sizing: border-box;
}


.lp-archive-hero {

    --lp-green: #0b4b31;
    --lp-green-dark: #073a27;
    --lp-gold: #d3a243;
    --lp-text: #242824;
    --lp-muted: #4e554f;
    --lp-cream: #fbefd9;

    width: 100%;

    padding: 18px 24px 20px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
}



/* =========================================================
   MAIN HERO
========================================================= */

.lp-archive-hero-inner {

    width: 100%;

    max-width: 1380px;

    min-height: 315px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: center;

    border-radius: 16px;


    /* =====================================================
       HERO BACKGROUND IMAGE
       Replace image URL here
    ====================================================== */

    background-image:
        url("YOUR-PAKISTANI-GIFTS-HERO-IMAGE.webp");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    background-color: #faedd8;
}



/* =========================================================
   LEFT SIDE GRADIENT
   Keeps text readable while image stays visible
========================================================= */

.lp-archive-hero-inner::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255, 244, 223, 0.99) 0%,
            rgba(255, 244, 223, 0.97) 28%,
            rgba(250, 237, 216, 0.88) 42%,
            rgba(250, 237, 216, 0.45) 56%,
            rgba(250, 237, 216, 0.08) 68%,
            rgba(250, 237, 216, 0) 78%
        );
}



/* =========================================================
   LEFT CONTENT
========================================================= */

.lp-archive-hero-content {

    width: 53%;

    position: relative;

    z-index: 3;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        24px 30px 30px 58px;
}



/* =========================================================
   BREADCRUMB
========================================================= */

.lp-archive-breadcrumb {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 30px;

    color: #334238;

    font-size: 12px;

    font-weight: 500;

    line-height: 1;
}


.lp-archive-breadcrumb a {

    color: #334238;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.lp-archive-breadcrumb a:hover {

    color: var(--lp-green);
}


.lp-archive-breadcrumb > span:first-of-type {

    color: #79847d;

    font-size: 13px;
}



/* =========================================================
   TITLE WRAPPER
========================================================= */

.lp-archive-title-wrap {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 11px;
}



/* =========================================================
   TITLE
========================================================= */

.lp-archive-title-wrap h1 {

    margin: 0;

    color: var(--lp-green-dark);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: clamp(46px, 4.2vw, 64px);

    font-weight: 600;

    line-height: 1;

    letter-spacing: -1.5px;
}



/* =========================================================
   HEART
========================================================= */

.lp-archive-heart {

    width: 41px;

    height: 41px;

    flex: 0 0 41px;

    fill: none;

    stroke: var(--lp-gold);

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}



/* =========================================================
   DESCRIPTION
========================================================= */

.lp-archive-description {

    max-width: 520px;

    margin:
        0 0 29px;

    color: #303631;

    font-size: 17px;

    font-weight: 400;

    line-height: 1.55;
}



/* =========================================================
   FEATURES
========================================================= */

.lp-archive-features {

    display: flex;

    align-items: center;

    gap: 34px;
}


.lp-archive-feature {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #26362d;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.25;

    white-space: nowrap;
}



/* =========================================================
   FEATURE ICON
========================================================= */

.lp-archive-feature-icon {

    width: 30px;

    height: 30px;

    flex: 0 0 30px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.lp-archive-feature-icon svg {

    width: 100%;

    height: 100%;

    fill: none;

    stroke: var(--lp-green);

    stroke-width: 1.5;

    stroke-linecap: round;

    stroke-linejoin: round;
}



/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1450px) {

    .lp-archive-hero-inner {

        min-height: 325px;

        background-position:
            center center;
    }


    .lp-archive-title-wrap h1 {

        font-size: 62px;
    }


    .lp-archive-description {

        font-size: 17px;
    }

}



/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .lp-archive-hero-inner {

        min-height: 300px;

        background-position:
            58% center;
    }


    .lp-archive-hero-content {

        width: 56%;

        padding-left: 42px;
    }


    .lp-archive-title-wrap h1 {

        font-size: 48px;
    }


    .lp-archive-description {

        font-size: 15px;

        margin-bottom: 24px;
    }


    .lp-archive-features {

        gap: 20px;
    }


    .lp-archive-feature {

        gap: 6px;

        font-size: 10.5px;
    }


    .lp-archive-feature-icon {

        width: 27px;

        height: 27px;

        flex-basis: 27px;
    }

}



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

@media (max-width: 900px) {

    .lp-archive-hero {

        padding:
            14px 16px 18px;
    }


    .lp-archive-hero-inner {

        min-height: 380px;

        background-position:
            64% center;
    }


    .lp-archive-hero-inner::after {

        background:
            linear-gradient(
                90deg,
                rgba(255,244,223,0.99) 0%,
                rgba(255,244,223,0.96) 38%,
                rgba(250,237,216,0.68) 58%,
                rgba(250,237,216,0.12) 82%,
                rgba(250,237,216,0) 100%
            );
    }


    .lp-archive-hero-content {

        width: 65%;

        padding:
            26px 24px 30px 32px;
    }


    .lp-archive-breadcrumb {

        margin-bottom: 25px;
    }


    .lp-archive-title-wrap h1 {

        font-size: 44px;
    }


    .lp-archive-heart {

        width: 35px;

        height: 35px;

        flex-basis: 35px;
    }


    .lp-archive-description {

        max-width: 390px;

        font-size: 14px;
    }


    .lp-archive-features {

        max-width: 430px;

        flex-wrap: wrap;

        gap:
            13px 20px;
    }


    .lp-archive-feature {

        font-size: 11px;
    }

}



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

@media (max-width: 650px) {

    .lp-archive-hero {

        padding:
            12px 12px 16px;
    }


    .lp-archive-hero-inner {

        min-height: 470px;

        align-items: flex-start;

        border-radius: 12px;

        background-size: cover;

        background-position:
            68% center;
    }


    .lp-archive-hero-inner::after {

        background:
            linear-gradient(
                180deg,
                rgba(250,237,216,0.98) 0%,
                rgba(250,237,216,0.94) 42%,
                rgba(250,237,216,0.67) 68%,
                rgba(250,237,216,0.26) 100%
            );
    }


    .lp-archive-hero-content {

        width: 100%;

        padding:
            22px 20px 26px;
    }


    .lp-archive-breadcrumb {

        margin-bottom: 25px;

        font-size: 11px;
    }


    .lp-archive-title-wrap {

        gap: 10px;

        margin-bottom: 12px;
    }


    .lp-archive-title-wrap h1 {

        font-size: 39px;

        letter-spacing: -1px;
    }


    .lp-archive-heart {

        width: 31px;

        height: 31px;

        flex-basis: 31px;
    }


    .lp-archive-description {

        max-width: 330px;

        margin-bottom: 23px;

        font-size: 14px;

        line-height: 1.5;
    }


    .lp-archive-desktop-break {

        display: none;
    }


    .lp-archive-features {

        width: 100%;

        display: grid;

        grid-template-columns: 1fr;

        gap: 11px;
    }


    .lp-archive-feature {

        font-size: 11.5px;
    }


    .lp-archive-feature-icon {

        width: 27px;

        height: 27px;

        flex-basis: 27px;
    }

}/* End custom CSS */