:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b1af5fe *//* =========================================================
   LOGINPAKISTAN ABOUT PAGE — HERO
   Scoped CSS — does not affect other sections
========================================================= */

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


/* =========================================================
   SECTION
========================================================= */

.lp-about-hero {
    width: 100%;

    padding:
        15px 22px 15px;

    background: #ffffff;

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


/* =========================================================
   HERO CONTAINER
========================================================= */

.lp-about-hero__inner {
    width: 100%;
    max-width: 1380px;

    min-height: 345px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    border-radius: 12px;

    display: flex;
    align-items: center;

    padding:
        46px 68px;

    /*
     * REPLACE THIS URL WITH THE CLEAN HERO IMAGE
     */
    background-image:
        linear-gradient(
            90deg,
            rgba(255, 247, 232, 0.96) 0%,
            rgba(255, 247, 232, 0.84) 27%,
            rgba(255, 247, 232, 0.22) 55%,
            rgba(255, 247, 232, 0) 75%
        ),
        url("https://loginpakistan.com/wp-content/uploads/2026/09/about-banner.webp");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;

    isolation: isolate;
}


/* subtle warm texture */
.lp-about-hero__inner::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(211, 162, 67, 0.08),
            transparent 25%
        );
}


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

.lp-about-hero__content {
    width: 100%;
    max-width: 485px;

    position: relative;
    z-index: 2;
}


/* =========================================================
   EYEBROW
========================================================= */

.lp-about-hero__eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #0b4b31;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}


/* =========================================================
   HEADING
========================================================= */

.lp-about-hero__title {
    margin:
        0 0 12px;

    color: #111111;

    font-family:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(
        44px,
        4.4vw,
        65px
    );

    font-weight: 600;

    line-height: 0.94;

    letter-spacing: -1.8px;
}


/* HEART */
.lp-about-hero__heart {
    display: inline-block;

    margin-left: 5px;

    position: relative;
    top: 3px;

    color: #c98524;

    font-family:
        Georgia,
        serif;

    font-size: 0.78em;

    font-weight: 400;

    line-height: 1;
}


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

.lp-about-hero__description {
    max-width: 430px;

    margin:
        0 0 18px;

    color: #1f2420;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.45;
}


/* =========================================================
   BUTTON
========================================================= */

.lp-about-hero__button {
    min-width: 220px;
    min-height: 42px;

    padding:
        12px 25px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid #0b4b31;

    border-radius: 4px;

    background: #0b4b31;

    color: #ffffff !important;

    font-size: 11px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 1.35px;

    text-decoration: none !important;

    text-transform: uppercase;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.lp-about-hero__button:hover,
.lp-about-hero__button:focus {
    background: #073a27;

    border-color: #073a27;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px
        rgba(11, 75, 49, 0.16);
}


.lp-about-hero__button:focus-visible {
    outline:
        2px solid #d3a243;

    outline-offset: 3px;
}


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

@media (max-width: 1200px) {

    .lp-about-hero__inner {
        min-height: 330px;

        padding:
            42px 55px;

        background-position:
            57% center;
    }


    .lp-about-hero__content {
        max-width: 455px;
    }


    .lp-about-hero__title {
        font-size: 52px;
    }

}


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

@media (max-width: 900px) {

    .lp-about-hero {
        padding:
            0 16px 14px;
    }


    .lp-about-hero__inner {
        min-height: 375px;

        align-items: flex-end;

        padding:
            35px;

        background-image:
            linear-gradient(
                90deg,
                rgba(255, 247, 232, 0.97) 0%,
                rgba(255, 247, 232, 0.91) 43%,
                rgba(255, 247, 232, 0.36) 72%,
                rgba(255, 247, 232, 0.12) 100%
            ),
            url("PASTE-YOUR-HERO-IMAGE-URL-HERE");

        background-position:
            62% center;
    }


    .lp-about-hero__content {
        max-width: 430px;
    }


    .lp-about-hero__title {
        font-size: 46px;
    }

}


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

@media (max-width: 600px) {

    .lp-about-hero {
        padding:
            0 12px 12px;
    }


    .lp-about-hero__inner {
        min-height: 505px;

        align-items: flex-end;

        padding:
            26px 22px;

        border-radius: 10px;

        background-image:
            linear-gradient(
                180deg,
                rgba(255, 247, 232, 0.05) 0%,
                rgba(255, 247, 232, 0.25) 30%,
                rgba(255, 247, 232, 0.91) 64%,
                rgba(255, 247, 232, 0.99) 100%
            ),
            url("PASTE-YOUR-HERO-IMAGE-URL-HERE");

        background-position:
            64% center;
    }


    .lp-about-hero__eyebrow {
        margin-bottom: 7px;

        font-size: 10px;

        letter-spacing: 1.8px;
    }


    .lp-about-hero__title {
        margin-bottom: 11px;

        font-size: 39px;

        line-height: 0.98;

        letter-spacing: -1px;
    }


    .lp-about-hero__description {
        margin-bottom: 16px;

        font-size: 13px;

        line-height: 1.5;
    }


    .lp-about-hero__button {
        min-width: 205px;

        min-height: 41px;

        padding:
            11px 20px;

        font-size: 10px;
    }

}


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

@media (max-width: 390px) {

    .lp-about-hero__inner {
        min-height: 480px;

        padding:
            24px 18px;
    }


    .lp-about-hero__title {
        font-size: 35px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db38a39 *//* =========================================================
   LOGINPAKISTAN ABOUT — OUR STORY
   Completely scoped
========================================================= */

.lp-about-story,
.lp-about-story * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.lp-about-story {
    width: 100%;

    padding:
        0 22px 18px;

    background: #ffffff;

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


/* =========================================================
   INNER CONTAINER
========================================================= */

.lp-about-story__inner {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.96fr)
        minmax(0, 1.04fr);

    align-items: center;

    gap: 38px;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.lp-about-story__media {
    width: 100%;

    overflow: hidden;

    border-radius: 14px;

    background: #f5eee3;
}


.lp-about-story__image {
    width: 100%;
    height: 265px;

    display: block;

    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.lp-about-story__content {
    width: 100%;

    padding:
        5px 4px 5px 0;
}


/* =========================================================
   HEADING
========================================================= */

.lp-about-story__heading-wrap {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;
}


.lp-about-story__title {
    margin: 0;

    color: #111111;

    font-family:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 39px;

    font-weight: 600;

    line-height: 1.05;

    letter-spacing: -0.8px;
}


.lp-about-story__heart {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    position: relative;

    top: 2px;

    color: #c98524;

    font-family:
        Georgia,
        serif;

    font-size: 40px;

    font-weight: 400;

    line-height: 1;
}


/* =========================================================
   BODY TEXT
========================================================= */

.lp-about-story__text {
    max-width: 620px;
}


.lp-about-story__text p {
    margin:
        0 0 10px;

    color: #3f423f;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.48;
}


.lp-about-story__text p:last-child {
    margin-bottom: 0;
}


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

@media (max-width: 1200px) {

    .lp-about-story__inner {
        max-width: 1080px;

        gap: 30px;
    }


    .lp-about-story__image {
        height: 255px;
    }


    .lp-about-story__title {
        font-size: 36px;
    }

}


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

@media (max-width: 900px) {

    .lp-about-story {
        padding:
            0 16px 20px;
    }


    .lp-about-story__inner {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    .lp-about-story__media {
        max-width: none;
    }


    .lp-about-story__image {
        height: 360px;
    }


    .lp-about-story__content {
        padding: 0;
    }


    .lp-about-story__text {
        max-width: none;
    }

}


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

@media (max-width: 600px) {

    .lp-about-story {
        padding:
            0 12px 20px;
    }


    .lp-about-story__inner {
        gap: 19px;
    }


    .lp-about-story__media {
        border-radius: 11px;
    }


    .lp-about-story__image {
        height: 245px;
    }


    .lp-about-story__heading-wrap {
        gap: 7px;

        margin-bottom: 9px;
    }


    .lp-about-story__title {
        font-size: 32px;
    }


    .lp-about-story__heart {
        font-size: 33px;
    }


    .lp-about-story__text p {
        margin-bottom: 11px;

        font-size: 13px;

        line-height: 1.55;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b2f155 *//* =========================================================
   LOGINPAKISTAN ABOUT — MISSION / VISION / PROMISE
========================================================= */

.lp-about-values,
.lp-about-values * {
    box-sizing: border-box;
}


/* SECTION */
.lp-about-values {
    width: 100%;

    padding:
        18px 44px 18px;

    background: #ffffff;

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


/* INNER GRID */
.lp-about-values__inner {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;
}


/* CARD */
.lp-about-values__card {
    min-height: 145px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding:
        22px 22px;

    border:
        1px solid #eadbc5;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fbf4e9 100%
        );

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


.lp-about-values__card:hover {
    transform: translateY(-2px);

    border-color: rgba(201, 133, 36, 0.42);

    box-shadow:
        0 7px 18px
        rgba(80, 53, 24, 0.06);
}


/* ICON */
.lp-about-values__icon {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.lp-about-values__icon svg {
    width: 52px;
    height: 52px;

    display: block;

    fill: none;

    stroke: #c98524;

    stroke-width: 2.2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* CONTENT */
.lp-about-values__content {
    flex: 1;

    min-width: 0;
}


.lp-about-values__content h3 {
    margin:
        0 0 8px;

    color: #173526;

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

    font-size: 22px;

    font-weight: 600;

    line-height: 1.1;
}


.lp-about-values__content p {
    margin: 0;

    color: #454945;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.48;
}


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

@media (max-width: 1100px) {

    .lp-about-values {
        padding:
            0 24px 18px;
    }


    .lp-about-values__card {
        padding:
            20px 18px;

        gap: 14px;
    }


    .lp-about-values__icon {
        width: 50px;
        height: 50px;

        flex-basis: 50px;
    }


    .lp-about-values__icon svg {
        width: 46px;
        height: 46px;
    }


    .lp-about-values__content h3 {
        font-size: 20px;
    }

}


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

@media (max-width: 850px) {

    .lp-about-values__inner {
        grid-template-columns:
            1fr;
    }


    .lp-about-values__card {
        min-height: auto;
    }

}


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

@media (max-width: 600px) {

    .lp-about-values {
        padding:
            0 12px 18px;
    }


    .lp-about-values__inner {
        gap: 10px;
    }


    .lp-about-values__card {
        padding:
            18px 16px;

        border-radius: 11px;
    }


    .lp-about-values__icon {
        width: 45px;
        height: 45px;

        flex-basis: 45px;
    }


    .lp-about-values__icon svg {
        width: 40px;
        height: 40px;
    }


    .lp-about-values__content h3 {
        margin-bottom: 6px;

        font-size: 19px;
    }


    .lp-about-values__content p {
        font-size: 12px;

        line-height: 1.5;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e4c379 *//* =========================================================
   LOGINPAKISTAN ABOUT — WHY LOGINPAKISTAN
========================================================= */

.lp-about-why,
.lp-about-why * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.lp-about-why {
    width: 100%;

    padding:
        18px 22px 25px;

    background:
        linear-gradient(
            180deg,
            #fffaf3 0%,
            #fffdf9 100%
        );

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


/* =========================================================
   INNER
========================================================= */

.lp-about-why__inner {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.lp-about-why__heading {
    margin-bottom: 17px;

    text-align: center;
}


.lp-about-why__heading h2 {
    margin:
        0 0 6px;

    color: #111111;

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

    font-size: 34px;

    font-weight: 600;

    line-height: 1.1;

    letter-spacing: -0.5px;
}


/* =========================================================
   DECORATIVE DIVIDER
========================================================= */

.lp-about-why__divider {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;
}


.lp-about-why__divider span {
    width: 37px;
    height: 1px;

    background: #c98524;
}


.lp-about-why__divider svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: #c98524;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   GRID
========================================================= */

.lp-about-why__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 0;
}


/* =========================================================
   ITEM
========================================================= */

.lp-about-why__item {
    position: relative;

    min-width: 0;

    padding:
        0 28px;

    text-align: center;
}


/* SEPARATOR */
.lp-about-why__item:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 14px;
    right: 0;

    width: 1px;
    height: 78px;

    background:
        rgba(201, 133, 36, 0.30);
}


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

.lp-about-why__icon {
    width: 56px;
    height: 56px;

    margin:
        0 auto 6px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.lp-about-why__icon svg {
    width: 50px;
    height: 50px;

    fill: none;

    stroke: #c98524;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.lp-about-why__item h3 {
    margin:
        0 0 5px;

    color: #163426;

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

    font-size: 17px;

    font-weight: 600;

    line-height: 1.2;
}


/* =========================================================
   TEXT
========================================================= */

.lp-about-why__item p {
    max-width: 210px;

    margin:
        0 auto;

    color: #4b504c;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.45;
}


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

@media (max-width: 900px) {

    .lp-about-why {
        padding:
            5px 16px 24px;
    }


    .lp-about-why__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        row-gap: 28px;
    }


    .lp-about-why__item {
        padding:
            0 24px;
    }


    .lp-about-why__item:nth-child(2)::after {
        display: none;
    }


    .lp-about-why__item:nth-child(3)::after {
        display: block;
    }

}


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

@media (max-width: 600px) {

    .lp-about-why {
        padding:
            4px 12px 22px;
    }


    .lp-about-why__heading {
        margin-bottom: 20px;
    }


    .lp-about-why__heading h2 {
        font-size: 29px;
    }


    .lp-about-why__grid {
        grid-template-columns: 1fr;

        gap: 0;
    }


    .lp-about-why__item {
        padding:
            18px 10px;
    }


    .lp-about-why__item:not(:last-child) {
        border-bottom:
            1px solid rgba(201, 133, 36, 0.20);
    }


    .lp-about-why__item::after {
        display: none !important;
    }


    .lp-about-why__icon {
        width: 51px;
        height: 51px;

        margin-bottom: 5px;
    }


    .lp-about-why__icon svg {
        width: 46px;
        height: 46px;
    }


    .lp-about-why__item h3 {
        font-size: 18px;
    }


    .lp-about-why__item p {
        max-width: 280px;

        font-size: 12.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b821961 *//* =========================================================
   LOGINPAKISTAN ABOUT — MADE WITH HEART BANNER
========================================================= */

.lp-about-heart-banner,
.lp-about-heart-banner * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.lp-about-heart-banner {
    width: 100%;

    padding:
        18px 22px 18px;

    background: #ffffff;

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


/* =========================================================
   BANNER
========================================================= */

.lp-about-heart-banner__inner {
    width: 100%;
    max-width: 1380px;

    min-height: 175px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    display: flex;
    align-items: center;

    padding:
        28px 70px;

    border-radius: 12px;

    background-image:
        linear-gradient(
            90deg,
            rgba(5, 75, 47, 0.98) 0%,
            rgba(5, 75, 47, 0.94) 35%,
            rgba(5, 75, 47, 0.50) 58%,
            rgba(5, 75, 47, 0.08) 82%
        ),
        url("https://loginpakistan.com/wp-content/uploads/2026/09/why-love.webp");

    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


/* =========================================================
   LEFT DECORATIVE PATTERN
========================================================= */

.lp-about-heart-banner__inner::before {
    content: "";

    position: absolute;

    left: -28px;
    bottom: -32px;

    width: 160px;
    height: 160px;

    opacity: 0.24;

    pointer-events: none;

    background:
        radial-gradient(
            circle at center,
            transparent 32%,
            #d3a243 33%,
            transparent 35%
        );

    border:
        1px solid rgba(211, 162, 67, 0.45);

    transform: rotate(45deg);
}


/* =========================================================
   RIGHT DECORATIVE DETAIL
========================================================= */

.lp-about-heart-banner__inner::after {
    content: "";

    position: absolute;

    top: -65px;
    right: -65px;

    width: 180px;
    height: 180px;

    border:
        1px solid rgba(211, 162, 67, 0.35);

    transform: rotate(45deg);

    opacity: 0.45;

    pointer-events: none;
}


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

.lp-about-heart-banner__content {
    width: 100%;
    max-width: 540px;

    position: relative;
    z-index: 2;
}


/* HEADING */
.lp-about-heart-banner__content h2 {
    margin:
        0 0 8px;

    color: #ffffff;

    font-family:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 36px;

    font-weight: 600;

    line-height: 1.03;

    letter-spacing: -0.5px;
}


/* HEART */
.lp-about-heart-banner__content h2 span {
    display: inline-block;

    margin-left: 6px;

    position: relative;
    top: 3px;

    color: #e2ad4f;

    font-family:
        Georgia,
        serif;

    font-size: 38px;

    font-weight: 400;

    line-height: 1;
}


/* DESCRIPTION */
.lp-about-heart-banner__content p {
    max-width: 520px;

    margin: 0;

    color: rgba(255, 255, 255, 0.94);

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5;
}


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

@media (max-width: 1100px) {

    .lp-about-heart-banner__inner {
        min-height: 165px;

        padding:
            25px 50px;

        background-position:
            62% center;
    }


    .lp-about-heart-banner__content {
        max-width: 470px;
    }


    .lp-about-heart-banner__content h2 {
        font-size: 33px;
    }

}


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

@media (max-width: 850px) {

    .lp-about-heart-banner {
        padding:
            0 16px 18px;
    }


    .lp-about-heart-banner__inner {
        min-height: 210px;

        align-items: flex-end;

        padding:
            28px 32px;

        background-image:
            linear-gradient(
                90deg,
                rgba(5, 75, 47, 0.96) 0%,
                rgba(5, 75, 47, 0.87) 45%,
                rgba(5, 75, 47, 0.35) 75%,
                rgba(5, 75, 47, 0.16) 100%
            ),
            url("PASTE-YOUR-BANNER-IMAGE-URL-HERE");

        background-position:
            66% center;
    }


    .lp-about-heart-banner__content {
        max-width: 430px;
    }

}


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

@media (max-width: 600px) {

    .lp-about-heart-banner {
        padding:
            0 12px 18px;
    }


    .lp-about-heart-banner__inner {
        min-height: 355px;

        align-items: flex-end;

        padding:
            24px 22px;

        border-radius: 10px;

        background-image:
            linear-gradient(
                180deg,
                rgba(5, 75, 47, 0.08) 0%,
                rgba(5, 75, 47, 0.24) 35%,
                rgba(5, 75, 47, 0.90) 70%,
                rgba(5, 75, 47, 0.98) 100%
            ),
            url("PASTE-YOUR-BANNER-IMAGE-URL-HERE");

        background-position:
            67% center;
    }


    .lp-about-heart-banner__content h2 {
        margin-bottom: 8px;

        font-size: 29px;

        line-height: 1.05;
    }


    .lp-about-heart-banner__content h2 span {
        font-size: 31px;
    }


    .lp-about-heart-banner__content p {
        font-size: 12.5px;

        line-height: 1.5;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b05113d *//* =========================================================
   LOGINPAKISTAN ABOUT — WHAT WE BELIEVE
========================================================= */

.lp-about-believe,
.lp-about-believe * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.lp-about-believe {
    width: 100%;

    padding:
        18px 22px 18px;

    background: #ffffff;

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


/* =========================================================
   INNER
========================================================= */

.lp-about-believe__inner {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.lp-about-believe__heading {
    margin-bottom: 14px;

    text-align: center;
}


.lp-about-believe__heading h2 {
    margin:
        0 0 5px;

    color: #111111;

    font-family:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 33px;

    font-weight: 600;

    line-height: 1.1;

    letter-spacing: -0.5px;
}


/* =========================================================
   DECORATIVE DIVIDER
========================================================= */

.lp-about-believe__divider {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;
}


.lp-about-believe__divider span {
    width: 38px;
    height: 1px;

    background: #c98524;
}


.lp-about-believe__divider svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: #c98524;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   GRID
========================================================= */

.lp-about-believe__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
}


/* =========================================================
   CARD
========================================================= */

.lp-about-believe__card {
    min-height: 126px;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding:
        18px 17px;

    border:
        1px solid #eadbc5;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #fffdf9 0%,
            #fbf4e9 100%
        );

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.lp-about-believe__card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(201, 133, 36, 0.45);

    box-shadow:
        0 7px 18px
        rgba(63, 45, 20, 0.06);
}


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

.lp-about-believe__icon {
    width: 51px;
    height: 51px;

    flex: 0 0 51px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.lp-about-believe__icon svg {
    width: 47px;
    height: 47px;

    display: block;

    fill: none;

    stroke: #c98524;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.lp-about-believe__content {
    min-width: 0;

    flex: 1;
}


.lp-about-believe__content h3 {
    margin:
        0 0 7px;

    color: #173526;

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

    font-size: 18px;

    font-weight: 600;

    line-height: 1.15;
}


.lp-about-believe__content p {
    margin: 0;

    color: #484c49;

    font-size: 11.5px;

    font-weight: 400;

    line-height: 1.48;
}


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

@media (max-width: 1100px) {

    .lp-about-believe__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }


    .lp-about-believe__card {
        min-height: 120px;
    }

}


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

@media (max-width: 768px) {

    .lp-about-believe {
        padding:
            0 16px 18px;
    }


    .lp-about-believe__heading h2 {
        font-size: 30px;
    }

}


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

@media (max-width: 600px) {

    .lp-about-believe {
        padding:
            0 12px 18px;
    }


    .lp-about-believe__heading {
        margin-bottom: 16px;
    }


    .lp-about-believe__heading h2 {
        font-size: 28px;
    }


    .lp-about-believe__grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .lp-about-believe__card {
        min-height: auto;

        padding:
            17px 15px;

        border-radius: 11px;
    }


    .lp-about-believe__icon {
        width: 46px;
        height: 46px;

        flex-basis: 46px;
    }


    .lp-about-believe__icon svg {
        width: 42px;
        height: 42px;
    }


    .lp-about-believe__content h3 {
        margin-bottom: 5px;

        font-size: 18px;
    }


    .lp-about-believe__content p {
        font-size: 12px;

        line-height: 1.5;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbeab83 *//* =========================================================
   LOGINPAKISTAN ABOUT — LOVED BY OUR CUSTOMERS
========================================================= */

.lp-about-testimonials,
.lp-about-testimonials * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.lp-about-testimonials {
    width: 100%;

    padding:
        0 22px 14px;

    background: #ffffff;

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


/* =========================================================
   INNER
========================================================= */

.lp-about-testimonials__inner {
    width: 100%;
    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.lp-about-testimonials__heading {
    margin-bottom: 14px;

    text-align: center;
}


.lp-about-testimonials__heading h2 {
    margin:
        0 0 5px;

    color: #111111;

    font-family:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 33px;

    font-weight: 600;

    line-height: 1.1;

    letter-spacing: -0.5px;
}


/* =========================================================
   DIVIDER
========================================================= */

.lp-about-testimonials__divider {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;
}


.lp-about-testimonials__divider span {
    width: 38px;
    height: 1px;

    background: #c98524;
}


.lp-about-testimonials__divider svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: #c98524;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   GRID
========================================================= */

.lp-about-testimonials__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}


/* =========================================================
   CARD
========================================================= */

.lp-about-testimonials__card {
    min-height: 135px;

    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding:
        16px 20px 14px;

    border:
        1px solid #eadbc5;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #fffefd 0%,
            #fffaf3 100%
        );

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


.lp-about-testimonials__card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(201, 133, 36, 0.42);

    box-shadow:
        0 7px 18px
        rgba(66, 44, 18, 0.06);
}


/* =========================================================
   QUOTE
========================================================= */

.lp-about-testimonials__quote {
    flex: 0 0 31px;

    margin-top: -3px;

    color: #0b4b31;

    font-family:
        Georgia,
        serif;

    font-size: 49px;

    font-weight: 700;

    line-height: 0.85;
}


/* =========================================================
   BODY
========================================================= */

.lp-about-testimonials__body {
    flex: 1;

    min-width: 0;
}


/* REVIEW */
.lp-about-testimonials__review {
    min-height: 53px;

    margin:
        0 0 5px;

    color: #3c403d;

    font-size: 11.5px;

    font-style: italic;

    font-weight: 400;

    line-height: 1.42;
}


/* =========================================================
   STARS
========================================================= */

.lp-about-testimonials__stars {
    display: flex;

    align-items: center;

    gap: 1px;

    margin-bottom: 4px;

    color: #f5a800;

    font-size: 15px;

    line-height: 1;
}


/* =========================================================
   CUSTOMER
========================================================= */

.lp-about-testimonials__customer {
    display: flex;

    flex-direction: column;

    gap: 1px;
}


.lp-about-testimonials__customer strong {
    color: #1c3026;

    font-size: 11.5px;

    font-weight: 600;

    line-height: 1.25;
}


.lp-about-testimonials__customer span {
    color: #7a7e7a;

    font-size: 9.5px;

    font-weight: 400;

    line-height: 1.2;
}


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

@media (max-width: 900px) {

    .lp-about-testimonials {
        padding:
            0 16px 16px;
    }


    .lp-about-testimonials__grid {
        grid-template-columns: 1fr;

        gap: 11px;
    }


    .lp-about-testimonials__card {
        min-height: auto;
    }


    .lp-about-testimonials__review {
        min-height: auto;
    }

}


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

@media (max-width: 600px) {

    .lp-about-testimonials {
        padding:
            0 12px 15px;
    }


    .lp-about-testimonials__heading {
        margin-bottom: 16px;
    }


    .lp-about-testimonials__heading h2 {
        font-size: 28px;
    }


    .lp-about-testimonials__grid {
        gap: 10px;
    }


    .lp-about-testimonials__card {
        gap: 11px;

        padding:
            16px 15px;

        border-radius: 11px;
    }


    .lp-about-testimonials__quote {
        flex-basis: 27px;

        font-size: 44px;
    }


    .lp-about-testimonials__review {
        margin-bottom: 7px;

        font-size: 12px;

        line-height: 1.5;
    }


    .lp-about-testimonials__stars {
        font-size: 14px;
    }


    .lp-about-testimonials__customer strong {
        font-size: 12px;
    }


    .lp-about-testimonials__customer span {
        font-size: 10px;
    }

}/* End custom CSS */