.elementor-24 .elementor-element.elementor-element-14ea769{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-14ea769:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-14ea769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-14ea769:hover{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-464f0fa{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-464f0fa:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-464f0fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-464f0fa:hover{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-fb1f36f{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-fb1f36f:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-fb1f36f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-fb1f36f:hover{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-4fe59fe{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-24 .elementor-element.elementor-element-4fe59fe:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-4fe59fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-24 .elementor-element.elementor-element-4fe59fe:hover{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-14ea769{--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-464f0fa{--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-fb1f36f{--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-4fe59fe{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-14ea769{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-464f0fa{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-fb1f36f{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-24 .elementor-element.elementor-element-4fe59fe{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-7ce2b36 *//* =========================================
   PRABHAT SUPPLEMENTS
   BEST SELLERS HERO SECTION
========================================= */

.ps-best-hero {
    position: relative;
    width: 100%;
    min-height: 680px;

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

    overflow: hidden;

    /* NEW IMAGE */
    background-image: url("http://prabhatsupplements.online/wp-content/uploads/2026/08/image-111.jpg");

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

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


/* =========================================
   DARK IMAGE OVERLAY
========================================= */

.ps-best-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.94) 0%,
            rgba(0, 0, 0, 0.78) 42%,
            rgba(0, 0, 0, 0.45) 100%
        );

    z-index: 1;
}


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

.ps-best-content {
    position: relative;
    z-index: 2;

    width: 90%;
    max-width: 1100px;

    margin: 0 auto;

    text-align: left;

    padding: 80px 20px;
}


/* =========================================
   BRAND TAG
========================================= */

.ps-best-tag {
    display: inline-block;

    margin-bottom: 20px;

    color: #C9A227;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 4px;
    text-transform: uppercase;
}


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

.ps-best-content h1 {
    margin: 0;
    padding: 0;

    color: #ffffff;

    font-size: clamp(52px, 8vw, 100px);

    line-height: 0.95;

    font-weight: 900;

    letter-spacing: -3px;

    text-transform: uppercase;
}


/* GOLD WORD */

.ps-best-content h1 span {
    color: #C9A227;
}


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

.ps-best-content p {
    max-width: 590px;

    margin: 28px 0 38px;

    color: #dddddd;

    font-size: 18px;

    line-height: 1.7;

    font-weight: 400;
}


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

.ps-best-buttons {
    display: flex;

    align-items: center;

    gap: 16px;

    flex-wrap: wrap;
}


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

.ps-btn {
    display: inline-flex;

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

    min-width: 210px;

    padding: 16px 26px;

    text-decoration: none !important;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

    transition:
        all 0.3s ease;

    cursor: pointer;
}


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

.ps-btn-gold {
    background: #C9A227;

    color: #080808 !important;

    border: 1px solid #C9A227;
}


.ps-btn-gold:hover {
    background: #ffffff;

    color: #080808 !important;

    border-color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.35);
}


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

.ps-btn-outline {
    background: rgba(0, 0, 0, 0.35);

    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.65);
}


.ps-btn-outline:hover {
    background: #C9A227;

    color: #080808 !important;

    border-color: #C9A227;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.35);
}


/* =========================================
   SCROLL INDICATOR
========================================= */

.ps-best-scroll {
    position: absolute;

    z-index: 2;

    right: 35px;
    bottom: 45px;

    display: flex;

    align-items: center;

    gap: 12px;

    color: #ffffff;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 2px;

    white-space: nowrap;

    transform: rotate(-90deg);

    transform-origin: right center;
}


.ps-best-scroll span {
    display: block;

    width: 45px;

    height: 1px;

    background: #C9A227;
}


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

@media (max-width: 900px) {

    .ps-best-hero {
        min-height: 600px;

        background-position: center center;
    }


    .ps-best-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.90),
                rgba(0, 0, 0, 0.65)
            );
    }


    .ps-best-content {
        width: 92%;

        padding: 70px 15px;

        text-align: center;
    }


    .ps-best-content p {
        margin-left: auto;
        margin-right: auto;
    }


    .ps-best-buttons {
        justify-content: center;
    }


    .ps-best-scroll {
        display: none;
    }
}


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

@media (max-width: 600px) {

    .ps-best-hero {
        min-height: 620px;

        background-position: center center;
    }


    /* Mobile Overlay */

    .ps-best-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.78) 0%,
                rgba(0, 0, 0, 0.94) 100%
            );
    }


    .ps-best-content {
        width: 100%;

        padding: 60px 20px;

        text-align: center;
    }


    /* Brand */

    .ps-best-tag {
        font-size: 10px;

        letter-spacing: 2.5px;

        margin-bottom: 16px;
    }


    /* Heading */

    .ps-best-content h1 {
        font-size: 48px;

        line-height: 1;

        letter-spacing: -1.5px;
    }


    /* Description */

    .ps-best-content p {
        max-width: 360px;

        margin: 22px auto 30px;

        font-size: 15px;

        line-height: 1.6;
    }


    /* Buttons */

    .ps-best-buttons {
        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 12px;
    }


    .ps-btn {
        width: 100%;

        min-width: 0;

        padding: 15px 18px;

        font-size: 11px;
    }


    /* Hide Scroll */

    .ps-best-scroll {
        display: none;
    }
}


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

@media (max-width: 380px) {

    .ps-best-content h1 {
        font-size: 42px;
    }


    .ps-best-content p {
        font-size: 14px;
    }


    .ps-best-hero {
        min-height: 600px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4baffc8 *//* =========================================
   PRABHAT SUPPLEMENTS
   BEST SELLERS - TEXT ONLY
========================================= */

.ps-bestsellers-text {
    width: 100%;
    padding: 95px 20px;
    background: #080808;
    font-family: "Montserrat", "Poppins", Arial, sans-serif;
    box-sizing: border-box;
}


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

.ps-bs-heading {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
}

.ps-bs-heading > span {
    display: block;
    margin-bottom: 15px;

    color: #C9A227;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 3px;
    text-transform: uppercase;
}

.ps-bs-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(32px, 5vw, 55px);

    line-height: 1.1;
    font-weight: 800;

    letter-spacing: -1px;
}

.ps-bs-heading h2 strong {
    color: #C9A227;
}

.ps-bs-heading p {
    max-width: 600px;

    margin: 20px auto 0;

    color: #999999;

    font-size: 16px;
    line-height: 1.7;
}


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

.ps-text-products {
    width: 100%;
    max-width: 1250px;

    margin: 0 auto;

    display: grid;

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

    gap: 20px;
}


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

.ps-text-card {
    position: relative;

    min-height: 330px;

    padding: 35px 28px 28px;

    background: #111111;

    border: 1px solid #242424;

    box-sizing: border-box;

    overflow: hidden;

    transition: all 0.35s ease;
}

.ps-text-card:hover {
    transform: translateY(-8px);

    border-color: #C9A227;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.45);
}


/* =========================================
   NUMBER
========================================= */

.ps-number {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #2a2a2a;

    font-size: 45px;

    font-weight: 900;

    line-height: 1;
}


/* =========================================
   CATEGORY
========================================= */

.ps-product-category {
    display: block;

    margin-bottom: 13px;

    color: #C9A227;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


/* =========================================
   PRODUCT NAME
========================================= */

.ps-text-card h3 {
    margin: 0;

    color: #ffffff;

    font-size: 25px;

    font-weight: 800;

    letter-spacing: 0.5px;
}


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

.ps-text-card > p {
    margin: 18px 0 22px;

    color: #999999;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================
   RATING
========================================= */

.ps-text-rating {
    color: #C9A227;

    font-size: 13px;

    letter-spacing: 1px;
}

.ps-text-rating b {
    margin-left: 7px;

    color: #888888;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 0;
}


/* =========================================
   BOTTOM
========================================= */

.ps-text-bottom {
    display: flex;

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

    gap: 10px;

    margin-top: 25px;

    padding-top: 20px;

    border-top: 1px solid #242424;
}

.ps-text-bottom strong {
    color: #ffffff;

    font-size: 22px;

    font-weight: 800;
}


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

.ps-explore-btn {
    display: inline-flex;

    align-items: center;

    color: #C9A227 !important;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.ps-explore-btn:hover {
    color: #ffffff !important;

    transform: translateX(4px);
}


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

@media (max-width: 1050px) {

    .ps-text-products {
        grid-template-columns: repeat(2, 1fr);

        max-width: 800px;
    }

    .ps-text-card {
        min-height: 320px;
    }
}


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

@media (max-width: 600px) {

    .ps-bestsellers-text {
        padding: 65px 15px;
    }

    .ps-bs-heading {
        margin-bottom: 38px;
    }

    .ps-bs-heading h2 {
        font-size: 32px;
    }

    .ps-bs-heading p {
        font-size: 14px;
    }

    .ps-text-products {
        grid-template-columns: 1fr;

        max-width: 430px;

        gap: 18px;
    }

    .ps-text-card {
        min-height: auto;

        padding: 30px 23px 25px;
    }

    .ps-text-card h3 {
        font-size: 23px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31d9a81 *//* =========================================
   PRABHAT SUPPLEMENTS
   WHY OUR BEST SELLERS
========================================= */

.ps-why-bestsellers {
    width: 100%;
    padding: 100px 20px;

    background: #0b0b0b;

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

    box-sizing: border-box;
}


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

.ps-why-heading {
    max-width: 850px;

    margin: 0 auto 60px;

    text-align: center;
}


.ps-why-heading > span {
    display: block;

    margin-bottom: 14px;

    color: #C9A227;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.ps-why-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(32px, 5vw, 52px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1px;
}


.ps-why-heading h2 strong {
    color: #C9A227;
}


.ps-why-heading p {
    max-width: 620px;

    margin: 20px auto 0;

    color: #999999;

    font-size: 15px;

    line-height: 1.7;
}


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

.ps-why-grid {
    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    display: grid;

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

    gap: 22px;
}


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

.ps-why-card {
    position: relative;

    min-height: 300px;

    padding: 35px 30px;

    background: #111111;

    border: 1px solid #252525;

    box-sizing: border-box;

    overflow: hidden;

    transition: all 0.35s ease;
}


.ps-why-card:hover {
    border-color: #C9A227;

    transform: translateY(-8px);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.45);
}


/* =========================================
   LARGE NUMBER
========================================= */

.ps-why-number {
    position: absolute;

    top: 15px;

    right: 22px;

    color: #252525;

    font-size: 58px;

    line-height: 1;

    font-weight: 900;
}


/* =========================================
   GOLD LINE
========================================= */

.ps-why-line {
    width: 45px;

    height: 3px;

    margin-bottom: 30px;

    background: #C9A227;

    transition: width 0.35s ease;
}


.ps-why-card:hover .ps-why-line {
    width: 80px;
}


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

.ps-why-card h3 {
    margin: 0 0 17px;

    color: #ffffff;

    font-size: 20px;

    line-height: 1.3;

    font-weight: 800;

    letter-spacing: 0.5px;
}


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

.ps-why-card p {
    max-width: 290px;

    margin: 0;

    color: #999999;

    font-size: 14px;

    line-height: 1.8;
}


/* =========================================
   LINK
========================================= */

.ps-why-link {
    position: absolute;

    left: 30px;

    bottom: 28px;

    color: #C9A227 !important;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}


.ps-why-link:hover {
    color: #ffffff !important;

    transform: translateX(5px);
}


/* =========================================
   GOLD HOVER GLOW
========================================= */

.ps-why-card::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background: #C9A227;

    transition: width 0.4s ease;
}


.ps-why-card:hover::before {
    width: 100%;
}


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

@media (max-width: 900px) {

    .ps-why-bestsellers {
        padding: 80px 20px;
    }


    .ps-why-grid {
        grid-template-columns: repeat(2, 1fr);

        max-width: 800px;
    }


    .ps-why-card:last-child {
        grid-column: 1 / -1;

        max-width: 390px;

        width: 100%;

        margin: 0 auto;
    }
}


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

@media (max-width: 600px) {

    .ps-why-bestsellers {
        padding: 65px 15px;
    }


    .ps-why-heading {
        margin-bottom: 38px;
    }


    .ps-why-heading h2 {
        font-size: 32px;
    }


    .ps-why-heading p {
        font-size: 14px;

        line-height: 1.6;
    }


    .ps-why-grid {
        grid-template-columns: 1fr;

        max-width: 430px;

        gap: 18px;
    }


    .ps-why-card {
        min-height: 285px;

        padding: 30px 25px;
    }


    .ps-why-card:last-child {
        grid-column: auto;

        max-width: none;
    }


    .ps-why-card h3 {
        font-size: 19px;
    }


    .ps-why-card p {
        font-size: 13px;
    }


    .ps-why-link {
        left: 25px;

        bottom: 25px;
    }
}


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

@media (max-width: 380px) {

    .ps-why-heading h2 {
        font-size: 28px;
    }


    .ps-why-card {
        min-height: 270px;

        padding: 28px 22px;
    }


    .ps-why-number {
        font-size: 48px;

        right: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ed182f *//* =========================================
   PRABHAT SUPPLEMENTS
   SHOP BY GOAL
========================================= */

.ps-goal-section {
    width: 100%;
    padding: 100px 20px;

    background: #080808;

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

    box-sizing: border-box;
}


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

.ps-goal-heading {
    max-width: 850px;

    margin: 0 auto 60px;

    text-align: center;
}


.ps-goal-heading > span {
    display: block;

    margin-bottom: 14px;

    color: #C9A227;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

    text-transform: uppercase;
}


.ps-goal-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 5vw, 54px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1px;
}


.ps-goal-heading h2 strong {
    color: #C9A227;
}


.ps-goal-heading p {
    max-width: 620px;

    margin: 20px auto 0;

    color: #999999;

    font-size: 15px;

    line-height: 1.7;
}


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

.ps-goal-grid {
    width: 100%;

    max-width: 1250px;

    margin: 0 auto;

    display: grid;

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

    gap: 20px;
}


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

.ps-goal-card {
    position: relative;

    min-height: 390px;

    padding: 32px 25px 25px;

    background: #111111;

    border: 1px solid #242424;

    box-sizing: border-box;

    overflow: hidden;

    transition: all 0.35s ease;
}


.ps-goal-card:hover {
    transform: translateY(-8px);

    border-color: #C9A227;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.5);
}


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

.ps-goal-icon {
    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

    background: #191919;

    border: 1px solid #2d2d2d;

    border-radius: 50%;

    font-size: 25px;

    transition: all 0.3s ease;
}


.ps-goal-card:hover .ps-goal-icon {
    background: #C9A227;

    border-color: #C9A227;

    transform: scale(1.08);
}


/* =========================================
   NUMBER
========================================= */

.ps-goal-number {
    position: absolute;

    top: 20px;

    right: 20px;

    color: #292929;

    font-size: 48px;

    line-height: 1;

    font-weight: 900;
}


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

.ps-goal-card h3 {
    margin: 0 0 15px;

    color: #ffffff;

    font-size: 18px;

    line-height: 1.35;

    font-weight: 800;

    letter-spacing: 0.3px;
}


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

.ps-goal-card > p {
    margin: 0;

    color: #999999;

    font-size: 13px;

    line-height: 1.75;
}


/* =========================================
   PRODUCT BOX
========================================= */

.ps-goal-product {
    margin-top: 25px;

    padding: 14px;

    background: #0b0b0b;

    border-left: 2px solid #C9A227;
}


.ps-goal-product span {
    display: block;

    margin-bottom: 5px;

    color: #777777;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.ps-goal-product strong {
    color: #C9A227;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.8px;
}


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

.ps-goal-btn {
    position: absolute;

    left: 25px;

    bottom: 25px;

    display: inline-flex;

    align-items: center;

    color: #C9A227 !important;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}


.ps-goal-btn:hover {
    color: #ffffff !important;

    transform: translateX(5px);
}


/* =========================================
   BOTTOM GOLD LINE
========================================= */

.ps-goal-card::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background: #C9A227;

    transition: width 0.4s ease;
}


.ps-goal-card:hover::after {
    width: 100%;
}


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

@media (max-width: 1050px) {

    .ps-goal-grid {
        grid-template-columns: repeat(2, 1fr);

        max-width: 800px;
    }

}


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

@media (max-width: 600px) {

    .ps-goal-section {
        padding: 70px 15px;
    }


    .ps-goal-heading {
        margin-bottom: 40px;
    }


    .ps-goal-heading h2 {
        font-size: 32px;
    }


    .ps-goal-heading p {
        font-size: 14px;

        line-height: 1.6;
    }


    .ps-goal-grid {
        grid-template-columns: 1fr;

        max-width: 430px;

        gap: 18px;
    }


    .ps-goal-card {
        min-height: 370px;

        padding: 30px 23px 25px;
    }


    .ps-goal-card h3 {
        font-size: 19px;
    }


    .ps-goal-card > p {
        font-size: 13px;
    }


    .ps-goal-btn {
        left: 23px;

        bottom: 23px;
    }
}


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

@media (max-width: 380px) {

    .ps-goal-heading h2 {
        font-size: 28px;
    }


    .ps-goal-card {
        min-height: 360px;
    }


    .ps-goal-number {
        font-size: 42px;
    }
}/* End custom CSS */