.elementor-177 .elementor-element.elementor-element-fb40d34{--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-177 .elementor-element.elementor-element-fb40d34:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-fb40d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-177 .elementor-element.elementor-element-fb40d34:hover{background-color:transparent;background-image:linear-gradient(180deg, #100000 0%, #000000 100%);}.elementor-177 .elementor-element.elementor-element-d975220{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-760ba0b{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-bb29a0c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-1fad94d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-177 .elementor-element.elementor-element-1fad94d:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-1fad94d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030303;}.elementor-177 .elementor-element.elementor-element-1fad94d:hover{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);--overlay-opacity:0.5;}.elementor-177 .elementor-element.elementor-element-1fad94d::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .e-con-inner > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .e-con-inner > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-177 .elementor-element.elementor-element-1fad94d:hover::before, .elementor-177 .elementor-element.elementor-element-1fad94d:hover > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-1fad94d:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .elementor-background-slideshow:hover::before, .elementor-177 .elementor-element.elementor-element-1fad94d > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#000000;--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-177 .elementor-element.elementor-element-f03f844 img{border-radius:12px 12px 12px 12px;}.elementor-177 .elementor-element.elementor-element-5295d25 img{border-radius:12px 12px 12px 12px;}.elementor-177 .elementor-element.elementor-element-6337aab img{border-radius:12px 12px 12px 12px;}.elementor-177 .elementor-element.elementor-element-5187faa{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-5187faa:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-5187faa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #060202 0%, #000000 100%);}.elementor-177 .elementor-element.elementor-element-320c51d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-90b2614{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-177 .elementor-element.elementor-element-fb40d34{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-d975220{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-760ba0b{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-bb29a0c{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-1fad94d{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-5187faa{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-320c51d{--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-90b2614{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-fb40d34{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-d975220{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-760ba0b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-bb29a0c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-1fad94d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-5187faa{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-320c51d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-90b2614{--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-757c29f *//* =========================================
   PRABHAT SUPPLEMENTS - OUR GOAL
========================================= */

.ps-goal-section {
    width: 100%;
    padding: 110px 7%;
    background: #080808;
    color: #fff;
    overflow: hidden;
    font-family: "Montserrat", "Poppins", sans-serif;
}

.ps-goal-container {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 58% 42%;
    align-items: center;
    gap: 50px;
}

/* LABEL */

.ps-goal-label {
    display: inline-block;
    margin-bottom: 18px;
    color: #c9a227;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
}

/* HEADING */

.ps-goal-content h2 {
    margin: 0;
    max-width: 720px;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.ps-goal-content h2 span {
    display: block;
    margin-top: 8px;
    color: #c9a227;
    font-size: 0.72em;
    line-height: 1.1;
}

/* GOLD LINE */

.ps-goal-line {
    width: 70px;
    height: 3px;
    margin: 28px 0;
    background: #c9a227;
}

/* DESCRIPTION */

.ps-goal-content p {
    max-width: 650px;
    margin: 0 0 35px;
    color: #aaa;
    font-size: 16px;
    line-height: 1.9;
}

/* BUTTON */

.ps-goal-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 15px 25px;

    border: 1px solid #c9a227;
    color: #fff;
    background: transparent;

    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;

    transition: all 0.35s ease;
}

.ps-goal-btn span {
    color: #c9a227;
    font-size: 20px;
    transition: 0.35s ease;
}

.ps-goal-btn:hover {
    background: #c9a227;
    color: #080808;
    transform: translateY(-3px);
}

.ps-goal-btn:hover span {
    color: #080808;
    transform: translateX(6px);
}

/* RIGHT SIDE */

.ps-goal-visual {
    position: relative;
    height: 440px;

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

/* CIRCLE */

.ps-goal-circle {
    width: 330px;
    height: 330px;

    border: 1px solid rgba(201, 162, 39, 0.55);
    border-radius: 50%;

    animation: psGoalRotate 18s linear infinite;
}

.ps-goal-circle::before {
    content: "";
    position: absolute;

    width: 240px;
    height: 240px;

    margin: 44px;

    border: 1px solid rgba(201, 162, 39, 0.25);
    border-radius: 50%;
}

.ps-goal-circle::after {
    content: "";
    position: absolute;

    width: 10px;
    height: 10px;

    background: #c9a227;
    border-radius: 50%;

    transform: translateY(-5px);

    box-shadow: 0 0 20px rgba(201, 162, 39, 0.8);
}

/* NUMBER */

.ps-goal-number {
    position: absolute;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.ps-goal-number span {
    font-size: 95px;
    line-height: .9;
    font-weight: 800;

    color: transparent;
    -webkit-text-stroke: 1px #c9a227;
}

.ps-goal-number small {
    margin-top: 15px;

    color: #fff;
    font-size: 11px;
    line-height: 1.5;

    letter-spacing: 4px;
    font-weight: 700;
}

/* ANIMATION */

@keyframes psGoalRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* TABLET */

@media (max-width: 900px) {

    .ps-goal-section {
        padding: 80px 6%;
    }

    .ps-goal-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ps-goal-visual {
        height: 330px;
    }

    .ps-goal-circle {
        width: 260px;
        height: 260px;
    }

    .ps-goal-circle::before {
        width: 185px;
        height: 185px;
        margin: 36px;
    }

    .ps-goal-number span {
        font-size: 75px;
    }
}

/* MOBILE */

@media (max-width: 600px) {

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

    .ps-goal-label {
        font-size: 11px;
        letter-spacing: 3px;
    }

    .ps-goal-content h2 {
        font-size: 38px;
        line-height: 1.08;
    }

    .ps-goal-content h2 span {
        font-size: .75em;
    }

    .ps-goal-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .ps-goal-visual {
        height: 280px;
    }

    .ps-goal-circle {
        width: 220px;
        height: 220px;
    }

    .ps-goal-circle::before {
        width: 155px;
        height: 155px;
        margin: 31px;
    }

    .ps-goal-number span {
        font-size: 62px;
    }

    .ps-goal-number small {
        font-size: 9px;
        letter-spacing: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a72a5a *//* =========================================
   PRABHAT SUPPLEMENTS
   WHAT'S GOOD SECTION
========================================= */

.ps-good-section {
    width: 100%;
    padding: 90px 5%;
    background: #080808;
    overflow: hidden;
    box-sizing: border-box;
    font-family: "Montserrat", "Poppins", sans-serif;
}


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

.ps-good-heading {
    text-align: center;
    margin-bottom: 55px;
}

.ps-good-heading > span {
    display: block;
    color: #c9a227;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.ps-good-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ps-good-heading h2::after {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    margin: 18px auto;
    background: #c9a227;
}

.ps-good-heading p {
    margin: 0;
    color: #858585;
    font-size: 14px;
}


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

.ps-good-grid {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}


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

.ps-good-product {
    position: relative;
    min-width: 0;

    background: #0d0d0d;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.07);

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;

    animation: psProductFloat 5s ease-in-out infinite;
}


/* Different animation */

.ps-good-product:nth-child(2) {
    animation-delay: .5s;
}

.ps-good-product:nth-child(3) {
    animation-delay: 1s;
}

.ps-good-product:nth-child(4) {
    animation-delay: 1.5s;
}


/* =========================================
   HOVER
========================================= */

.ps-good-product:hover {
    transform: translateY(-12px);

    border-color: rgba(201,162,39,.65);

    box-shadow:
        0 25px 55px rgba(0,0,0,.6),
        0 0 25px rgba(201,162,39,.08);
}


/* =========================================
   FLOAT ANIMATION
========================================= */

@keyframes psProductFloat {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }

}


/* =========================================
   IMAGE AREA
========================================= */

.ps-good-image {
    position: relative;

    width: 100%;
    height: 335px;

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

    background: #f5f5f5;

    overflow: hidden;
}


/* Soft image glow */

.ps-good-image::after {
    content: "";

    position: absolute;

    width: 200px;
    height: 200px;

    border-radius: 50%;

    background: rgba(201,162,39,.08);

    filter: blur(55px);

    pointer-events: none;
}


/* Product image */

.ps-good-image img {
    position: relative;
    z-index: 2;

    width: 88%;
    height: 92%;

    object-fit: contain;

    transition:
        transform .65s cubic-bezier(.2,.8,.2,1);
}


/* Image hover */

.ps-good-product:hover .ps-good-image img {
    transform: scale(1.08) translateY(-8px);
}


/* =========================================
   PRE-WORKOUT WHITE BACKGROUND
========================================= */

.ps-good-image.ps-preworkout {
    background: #ffffff !important;
}


/* =========================================
   PRODUCT INFO
========================================= */

.ps-good-info {
    padding: 25px 22px 28px;
    text-align: center;
    background: #0d0d0d;
}


.ps-good-info > span {
    display: block;

    color: #c9a227;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 10px;
}


.ps-good-info h3 {
    margin: 0;

    color: #fff;

    font-size: 20px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.ps-good-info p {
    margin: 9px 0 20px;

    color: #777;

    font-size: 12px;

    line-height: 1.5;
}


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

.ps-good-btn {
    position: relative;

    display: inline-flex;

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

    gap: 13px;

    min-width: 135px;

    padding: 11px 20px;

    background: #c9a227;

    color: #080808;

    border: 1px solid #c9a227;

    border-radius: 3px;

    text-decoration: none;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    overflow: hidden;

    transition:
        all .35s ease;
}


/* Button shine */

.ps-good-btn::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );

    transition: .6s ease;
}


.ps-good-btn:hover::before {
    left: 130%;
}


/* Button hover */

.ps-good-btn:hover {
    background: transparent;

    color: #c9a227;

    transform: translateY(-3px);

    box-shadow:
        0 8px 25px rgba(201,162,39,.15);
}


/* Arrow */

.ps-good-btn b {
    font-size: 16px;
    font-weight: 400;

    line-height: 0;

    transition: transform .3s ease;
}


.ps-good-btn:hover b {
    transform: translateX(5px);
}


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

@media (max-width: 1100px) {

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

}


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

@media (max-width: 600px) {

    .ps-good-section {
        padding: 65px 18px;
    }

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

    .ps-good-heading h2 {
        font-size: 34px;
    }

    .ps-good-heading p {
        font-size: 12px;
    }

    .ps-good-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ps-good-image {
        height: 330px;
    }

    .ps-good-info {
        padding: 22px 15px 25px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2bcb81 *//* =========================================
   PRABHAT SUPPLEMENTS
   WHAT DRIVES US — OUR VALUES
========================================= */

.ps-values-section {
    width: 100%;
    padding: 110px 7%;
    background: #080808;
    color: #fff;
    font-family: "Montserrat", "Poppins", sans-serif;
    overflow: hidden;
}

.ps-values-container {
    max-width: 1250px;
    margin: auto;
}


/* =========================================
   HEADER
========================================= */

.ps-values-header {
    max-width: 750px;
    margin-bottom: 65px;
}

.ps-values-label {
    display: block;
    margin-bottom: 15px;

    color: #c9a227;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;
}

.ps-values-header h2 {
    margin: 0;

    font-size: clamp(45px, 6vw, 72px);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -2px;
}

.ps-values-header h2 strong {
    color: #c9a227;
}

.ps-values-header p {
    max-width: 650px;
    margin-top: 25px;

    color: #999;
    font-size: 15px;
    line-height: 1.8;
}


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

.ps-values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


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

.ps-value-card {
    position: relative;

    min-height: 245px;
    padding: 35px;

    background: #111;
    border: 1px solid #242424;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    overflow: hidden;

    transition:
        transform .4s ease,
        border-color .4s ease,
        background .4s ease;
}


/* GOLD TOP LINE */

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

    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background: #c9a227;

    transition: width .45s ease;
}


/* HOVER */

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

    border-color: #c9a227;
    background: #141414;
}

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


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

.ps-value-number {
    font-size: 14px;
    font-weight: 700;

    color: #c9a227;
    letter-spacing: 2px;
}


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

.ps-value-content {
    margin-top: 35px;
}

.ps-value-content h3 {
    margin: 0 0 12px;

    font-size: 25px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ps-value-content p {
    max-width: 430px;
    margin: 0;

    color: #888;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   ARROW
========================================= */

.ps-value-arrow {
    position: absolute;

    right: 30px;
    bottom: 27px;

    width: 38px;
    height: 38px;

    border: 1px solid #333;

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

    color: #c9a227;
    font-size: 18px;

    transition: all .4s ease;
}

.ps-value-card:hover .ps-value-arrow {
    background: #c9a227;
    border-color: #c9a227;
    color: #080808;

    transform: rotate(45deg);
}


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

@media (max-width: 800px) {

    .ps-values-section {
        padding: 80px 6%;
    }

    .ps-values-grid {
        grid-template-columns: 1fr;
    }

    .ps-value-card {
        min-height: 220px;
    }
}


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

@media (max-width: 500px) {

    .ps-values-section {
        padding: 70px 20px;
    }

    .ps-values-header {
        margin-bottom: 40px;
    }

    .ps-values-label {
        font-size: 10px;
        letter-spacing: 3px;
    }

    .ps-values-header h2 {
        font-size: 44px;
        letter-spacing: -1px;
    }

    .ps-values-header p {
        font-size: 14px;
    }

    .ps-values-grid {
        gap: 14px;
    }

    .ps-value-card {
        min-height: 210px;
        padding: 28px;
    }

    .ps-value-content h3 {
        font-size: 21px;
    }

    .ps-value-content p {
        font-size: 13px;
    }

    .ps-value-arrow {
        right: 22px;
        bottom: 22px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5f4001 *//* Google Font Import */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
  background-color: #0d0d0d;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 40px;
}

/* Container Layout */
.blog-section {
  display: flex;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Individual Card Styling */
.blog-card {
  flex: 1;
  background: #141414;
  border: 1px solid #222222;
  padding: 24px;
  border-radius: 12px;
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-5px);
  border-color: #d4af37; /* Hover Golden Glow */
}

/* Golden Heading */
.card-title {
  color: #d4af37; /* Metallic Premium Gold */
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
}

/* White Description Text */
.card-desc {
  color: #e0e0e0; /* Off-white for smooth reading */
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a145278 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');

body {
  background-color: #0f0f0f;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 40px;
}

/* Equal Height & Equal Width Grid Layout */
.category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  grid-auto-rows: 1fr; /* Ensures every row has exact same height */
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Card Styling with Uniform Sizing */
.category-card {
  background-color: #1a1a1a;
  border: 2px solid #d4af37;
  border-radius: 16px;
  padding: 50px 20px; /* Equal vertical padding */
  box-sizing: border-box; /* Includes padding in total height/width */
  
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Smooth Animation on Hover */
.category-card:hover {
  transform: translateY(-8px);
  border-color: #ffd700;
  box-shadow: 0 12px 25px rgba(212, 175, 55, 0.4);
  background-color: #222222;
}

/* Typography Inside Box */
.category-card span {
  color: #d4af37;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.4;
  transition: color 0.3s ease, transform 0.3s ease;
}

.category-card:hover span {
  color: #ffffff;
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8668e2a *//* =========================================
   PRABHAT SUPPLEMENTS
   PREMIUM CTA
========================================= */

.ps-cta-section {
    position: relative;
    width: 100%;
    padding: 120px 7%;

    background: #080808;
    color: #fff;

    overflow: hidden;

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

    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.ps-cta-glow {
    position: absolute;

    width: 500px;
    height: 500px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background: radial-gradient(
        circle,
        rgba(201, 162, 39, 0.12) 0%,
        rgba(201, 162, 39, 0.04) 35%,
        transparent 70%
    );

    pointer-events: none;
}


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

.ps-cta-container {
    position: relative;
    z-index: 2;

    max-width: 1000px;
    margin: auto;

    text-align: center;
}


/* =========================================
   LABEL
========================================= */

.ps-cta-label {
    display: block;

    margin-bottom: 25px;

    color: #c9a227;

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

    letter-spacing: 5px;
}


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

.ps-cta-container h2 {
    margin: 0;

    font-size: clamp(42px, 6vw, 78px);

    line-height: 1.02;

    font-weight: 800;

    letter-spacing: -2px;

    color: #fff;
}

.ps-cta-container h2 span {
    display: block;

    color: #c9a227;
}


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

.ps-cta-container p {
    margin: 28px auto 38px;

    max-width: 600px;

    color: #888;

    font-size: 15px;

    line-height: 1.8;
}


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

.ps-cta-btn {
    position: relative;

    display: inline-flex;

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

    gap: 20px;

    padding: 17px 30px;

    background: #c9a227;

    color: #080808;

    border: 1px solid #c9a227;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;

    overflow: hidden;

    transition: all .4s ease;
}


/* BUTTON SHINE */

.ps-cta-btn::before {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    background: rgba(255,255,255,.18);

    transform: skewX(-20deg);

    transition: left .5s ease;
}

.ps-cta-btn:hover::before {
    left: 120%;
}


/* ARROW */

.ps-cta-btn span {
    position: relative;

    font-size: 20px;

    transition: transform .35s ease;
}

.ps-cta-btn:hover {
    background: transparent;

    color: #c9a227;

    transform: translateY(-4px);

    box-shadow: 0 10px 35px rgba(201,162,39,.12);
}

.ps-cta-btn:hover span {
    transform: translateX(7px);
}


/* =========================================
   DECORATIVE LINES
========================================= */

.ps-cta-section::before,
.ps-cta-section::after {
    content: "";

    position: absolute;

    width: 120px;
    height: 1px;

    background: #c9a227;

    opacity: .5;

    top: 50%;
}

.ps-cta-section::before {
    left: 0;
}

.ps-cta-section::after {
    right: 0;
}


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

@media (max-width: 800px) {

    .ps-cta-section {
        padding: 90px 6%;
    }

    .ps-cta-container h2 {
        font-size: 52px;
    }

    .ps-cta-section::before,
    .ps-cta-section::after {
        display: none;
    }
}


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

@media (max-width: 500px) {

    .ps-cta-section {
        padding: 75px 22px;
    }

    .ps-cta-label {
        font-size: 9px;
        letter-spacing: 3px;
    }

    .ps-cta-container h2 {
        font-size: 39px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    .ps-cta-container p {
        font-size: 13px;
        margin: 22px auto 30px;
    }

    .ps-cta-btn {
        width: 100%;
        max-width: 300px;

        padding: 16px 20px;

        font-size: 11px;
    }

    .ps-cta-glow {
        width: 350px;
        height: 350px;
    }
}/* End custom CSS */