.elementor-15 .elementor-element.elementor-element-8b029d4{--display:flex;}.elementor-15 .elementor-element.elementor-element-aaf2e37{margin:-87px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:-1;}.elementor-15 .elementor-element.elementor-element-24c6461{width:var( --container-widget-width, 100% );max-width:100%;margin:-99px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-24c6461.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-e5cb3e6{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-517d33b{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-a06bedf */@import url(
    "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;500;600;700;800&display=swap"
);

/* =====================================================
ABOUT PAGE — COMPACT HERO BANNER
===================================================== */

.stf-about-hero {
    --stf-about-green: #083d14;
    --stf-about-dark-green: #031f0a;
    --stf-about-orange: #f4743b;
    --stf-about-white: #ffffff;
    --stf-about-wave-height: clamp(58px, 6vw, 90px);

    position: relative;
    isolation: isolate;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: clamp(500px, 62vh, 610px);

    margin: 0;

    padding:
        clamp(66px, 7vw, 90px)
        24px
        calc(
            clamp(45px, 5vw, 68px) +
            var(--stf-about-wave-height)
        );

    overflow: hidden;

    color: var(--stf-about-white);

    background-color: var(--stf-about-dark-green);

    background-image:
        linear-gradient(
            90deg,
            rgba(3, 31, 10, 0.98) 0%,
            rgba(3, 31, 10, 0.94) 30%,
            rgba(3, 31, 10, 0.78) 52%,
            rgba(3, 31, 10, 0.4) 75%,
            rgba(3, 31, 10, 0.16) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.06) 0%,
            rgba(0, 0, 0, 0.16) 100%
        ),
        url("YOUR-ABOUT-HERO-IMAGE-URL");

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

/* Prevent inherited sizing problems */

.stf-about-hero *,
.stf-about-hero *::before,
.stf-about-hero *::after {
    box-sizing: border-box;
}

/* =====================================================
SUBTLE BACKGROUND LIGHT
===================================================== */

.stf-about-hero::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(255, 255, 255, 0.07),
            transparent 27%
        ),
        linear-gradient(
            105deg,
            transparent 35%,
            rgba(255, 255, 255, 0.025) 65%,
            transparent 100%
        );

    pointer-events: none;
}

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

.stf-about-hero__container {
    position: relative;
    z-index: 2;

    width: min(100%, 1220px);
    margin: 0 auto;
}

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

.stf-about-hero__content {
    width: 100%;
    max-width: 610px;

    text-align: left;
}

/* Eyebrow */

.stf-about-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin: 0 0 14px;

    color: var(--stf-about-orange);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-about-hero__eyebrow::before {
    content: "";

    display: block;

    width: 31px;
    height: 2px;
    flex: 0 0 31px;

    background: currentColor;
}

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

.stf-about-hero h1 {
    max-width: 610px;

    margin: 0;
    padding: 0;

    color: var(--stf-about-white);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(58px, 7vw, 96px);
    font-weight: 400;
    line-height: 0.86;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-about-hero h1 span {
    display: block;

    color: var(--stf-about-orange);
}

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

.stf-about-hero__description {
    width: 100%;
    max-width: 530px;

    margin: 19px 0 0;
    padding: 0;

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

    font-family: "Poppins", sans-serif;
    font-size: clamp(14px, 1.1vw, 17px);
    font-weight: 400;
    line-height: 1.65;
    text-align: left;
}

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

.stf-about-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 50px;

    margin-top: 22px;
    padding: 0 22px;

    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 999px;

    background: var(--stf-about-orange);
    color: var(--stf-about-white) !important;

    box-shadow:
        0 12px 27px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;

    transition:
        background-color 220ms ease,
        color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        transform 220ms ease;
}

.stf-about-hero__button svg {
    display: block;

    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 220ms ease;
}

.stf-about-hero__button:hover {
    border-color: var(--stf-about-white);

    background: var(--stf-about-white);
    color: var(--stf-about-green) !important;

    box-shadow:
        0 15px 32px rgba(0, 0, 0, 0.22),
        0 0 0 4px rgba(244, 116, 59, 0.18);

    transform: translateY(-2px);
}

.stf-about-hero__button:hover svg {
    transform: translateX(3px);
}

.stf-about-hero__button:focus-visible {
    outline: 3px solid var(--stf-about-white);
    outline-offset: 4px;
}

/* =====================================================
COMPACT BOTTOM SINUS WAVE
===================================================== */

.stf-about-hero__wave {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: 3;

    display: block;

    width: 100%;
    height: var(--stf-about-wave-height);

    overflow: hidden;

    color: var(--stf-about-white);

    pointer-events: none;
    user-select: none;
}

.stf-about-hero__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-about-hero__wave path {
    fill: currentColor;
    stroke: none;
}

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

@media (min-width: 601px) and (max-width: 900px) {
    .stf-about-hero {
        --stf-about-wave-height: 66px;

        min-height: 540px;

        padding:
            68px
            24px
            calc(48px + var(--stf-about-wave-height));

        background-position: 65% center;

        background-image:
            linear-gradient(
                90deg,
                rgba(3, 31, 10, 0.98) 0%,
                rgba(3, 31, 10, 0.91) 48%,
                rgba(3, 31, 10, 0.56) 78%,
                rgba(3, 31, 10, 0.3) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.06),
                rgba(0, 0, 0, 0.18)
            ),
            url("YOUR-ABOUT-HERO-IMAGE-URL");
    }

    .stf-about-hero__content {
        max-width: 550px;
    }

    .stf-about-hero h1 {
        max-width: 540px;

        font-size: clamp(58px, 10vw, 78px);
    }

    .stf-about-hero__description {
        max-width: 500px;
    }
}

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

@media (max-width: 600px) {
    .stf-about-hero {
        --stf-about-wave-height: 52px;

        min-height: 545px;

        padding:
            68px
            18px
            calc(42px + var(--stf-about-wave-height));

        background-position: 68% center;

        background-image:
            linear-gradient(
                90deg,
                rgba(3, 31, 10, 0.97) 0%,
                rgba(3, 31, 10, 0.91) 56%,
                rgba(3, 31, 10, 0.72) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0, 0, 0, 0.08),
                rgba(0, 0, 0, 0.2)
            ),
            url("YOUR-ABOUT-HERO-IMAGE-URL");
    }

    .stf-about-hero__eyebrow {
        margin-bottom: 13px;

        font-size: 10px;
        letter-spacing: 0.12em;
    }

    .stf-about-hero h1 {
        max-width: 450px;

        font-size: clamp(53px, 16vw, 72px);
        line-height: 0.88;
    }

    .stf-about-hero__description {
        max-width: 410px;

        margin-top: 17px;

        font-size: 13px;
        line-height: 1.6;
    }

    .stf-about-hero__button {
        width: 100%;
        min-height: 49px;

        margin-top: 21px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aaf2e37 *//* =====================================================
   ABOUT PAGE — OUR STORY
===================================================== */

.stf-about-story {
    --stf-story-green: #083d14;
    --stf-story-dark-green: #031f0a;
    --stf-story-orange: #f4743b;
    --stf-story-white: #ffffff;
    --stf-story-line: rgba(8, 61, 20, 0.16);

    position: relative;
    isolation: isolate;

    width: 100%;

    padding:
        clamp(95px, 10vw, 155px)
        24px;

    overflow: hidden;

    background: var(--stf-story-white);

    color: var(--stf-story-green);
}


/* =====================================================
   BACKGROUND LEAF
===================================================== */

.stf-about-story__leaf {
    position: absolute;
    z-index: 1;

    right: 980px;
    bottom: -120px;

    display: block;

    width: clamp(300px, 34vw, 540px);
    height: auto;

    opacity: 0.1;

    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1738%)
        hue-rotate(82deg)
        brightness(88%)
        contrast(104%);

    transform: rotate(60deg);

    object-fit: contain;

    pointer-events: none;
    user-select: none;
}


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

.stf-about-story__container {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(300px, 0.9fr)
        minmax(420px, 1.1fr);

    gap: clamp(60px, 10vw, 150px);

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    align-items: start;
}


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

.stf-about-story__heading {
    position: relative;

    width: 100%;
    max-width: 510px;

    text-align: left;
}

.stf-about-story__number {
    display: block;

    margin-bottom: 42px;

    color: rgba(8, 61, 20, 0.48);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-about-story__eyebrow {
    display: flex;

    margin: 0 0 20px;

    align-items: center;

    gap: 12px;

    color: var(--stf-story-orange);

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.stf-about-story__eyebrow::before {
    content: "";

    width: 32px;
    height: 2px;

    flex: 0 0 32px;

    background: currentColor;
}

.stf-about-story__heading h2 {
    max-width: 510px;

    margin: 0;

    color: var(--stf-story-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(62px, 7vw, 102px);
    font-weight: 400;
    line-height: 0.88;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-about-story__heading h2 span {
    display: block;

    color: var(--stf-story-orange);
}


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

.stf-about-story__content {
    width: 100%;
    max-width: 650px;

    padding-top: 49px;

    text-align: left;
}

.stf-about-story__lead {
    margin: 0;

    color: var(--stf-story-green);

    font-family: "Poppins", sans-serif;
    font-size: clamp(22px, 2.1vw, 31px);
    font-weight: 600;
    line-height: 1.45;
}

.stf-about-story__divider {
    width: 100%;
    height: 1px;

    margin: 34px 0;

    background:
        linear-gradient(
            90deg,
            var(--stf-story-orange) 0 80px,
            var(--stf-story-line) 80px 100%
        );
}

.stf-about-story__content > p:not(.stf-about-story__lead) {
    margin: 0 0 22px;

    color: rgba(3, 31, 10, 0.74);

    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.stf-about-story__content > p:last-of-type {
    margin-bottom: 0;
}


/* =====================================================
   LOCATION HIGHLIGHT
===================================================== */

.stf-about-story__highlight {
    display: grid;

    grid-template-columns: 54px 1fr;

    gap: 18px;

    width: 100%;

    margin-top: 40px;
    padding: 24px;

    align-items: center;

    background:
        linear-gradient(
            135deg,
            rgba(244, 116, 59, 0.1),
            rgba(244, 116, 59, 0.035)
        );

    border: 1px solid rgba(244, 116, 59, 0.22);
    border-radius: 18px;
}

.stf-about-story__highlight-icon {
    display: grid;

    width: 54px;
    height: 54px;

    place-items: center;

    color: var(--stf-story-orange);

    background: #ffffff;

    border: 1px solid rgba(244, 116, 59, 0.2);
    border-radius: 50%;

    box-shadow:
        0 10px 24px rgba(8, 61, 20, 0.08);
}

.stf-about-story__highlight-icon svg {
    display: block;

    width: 25px;
    height: 25px;
}

.stf-about-story__highlight span {
    display: block;

    margin-bottom: 5px;

    color: var(--stf-story-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.stf-about-story__highlight p {
    margin: 0;

    color: rgba(3, 31, 10, 0.68);

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
}


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

@media (max-width: 900px) {

    .stf-about-story__container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .stf-about-story__heading {
        max-width: 650px;
    }

    .stf-about-story__heading h2 {
        max-width: 650px;
    }

    .stf-about-story__number {
        margin-bottom: 30px;
    }

    .stf-about-story__content {
        max-width: 720px;

        padding-top: 0;
    }

}


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

@media (max-width: 600px) {

    .stf-about-story {
        padding:
            80px
            20px
            90px;
    }

    .stf-about-story__container {
        gap: 40px;
    }

    .stf-about-story__number {
        margin-bottom: 24px;
    }

    .stf-about-story__heading h2 {
        font-size: clamp(56px, 17vw, 76px);
    }

    .stf-about-story__lead {
        font-size: 21px;
    }

    .stf-about-story__content > p:not(.stf-about-story__lead) {
        font-size: 14px;
        line-height: 1.75;
    }

    .stf-about-story__highlight {
        grid-template-columns: 46px 1fr;

        gap: 14px;

        margin-top: 32px;
        padding: 18px;
    }

    .stf-about-story__highlight-icon {
        width: 46px;
        height: 46px;
    }

    .stf-about-story__highlight-icon svg {
        width: 22px;
        height: 22px;
    }

    .stf-about-story__leaf {
        right: 130px;
        bottom: -70px;

        width: 350px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24c6461 *//* =====================================================
   OUR PURPOSE SECTION
===================================================== */

.stf-about-purpose {
    --stf-purpose-orange: #f4743b;
    --stf-purpose-dark-orange: #df5b25;
    --stf-purpose-light-orange: #ff8e5a;
    --stf-purpose-green: #083d14;
    --stf-purpose-dark-green: #031f0a;
    --stf-purpose-wave-height: clamp(60px, 6vw, 90px);

    position: relative;
    isolation: isolate;

    width: 100%;

    padding:
        calc(var(--stf-purpose-wave-height) + 38px)
        24px
        calc(var(--stf-purpose-wave-height) + 38px);

    overflow: hidden;

    color: var(--stf-purpose-dark-green);

    background:
        radial-gradient(
            circle at 10% 40%,
            rgba(255, 255, 255, 0.17),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 60%,
            rgba(255, 255, 255, 0.12),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--stf-purpose-dark-orange),
            var(--stf-purpose-orange) 52%,
            var(--stf-purpose-light-orange)
        );
}


/* =====================================================
   WAVES
===================================================== */

.stf-about-purpose__wave {
    position: absolute;
    z-index: 8;

    right: 0;
    left: 0;

    width: 100%;
    height: var(--stf-purpose-wave-height);

    overflow: hidden;

    color: #ffffff;

    pointer-events: none;
}

.stf-about-purpose__wave--top {
    top: -1px;
}

.stf-about-purpose__wave--bottom {
    bottom: -1px;
}

.stf-about-purpose__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-about-purpose__wave path {
    fill: currentColor;
    stroke: none;
}


/* =====================================================
   BACKGROUND LEAF
===================================================== */

.stf-about-purpose__background-leaf {
    position: absolute;
    z-index: 1;

    right: -130px;
    bottom: -130px;

    width: clamp(320px, 34vw, 520px);
    height: auto;

    opacity: 0.1;

    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1700%)
        hue-rotate(82deg)
        brightness(80%)
        contrast(110%);

    transform: rotate(-35deg);

    pointer-events: none;
    user-select: none;
}


/* =====================================================
   ONE-LINE SECTION LAYOUT
===================================================== */

.stf-about-purpose__container {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(270px, 0.72fr)
        minmax(600px, 1.28fr);

    gap: clamp(55px, 7vw, 95px);

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    align-items: center;
}


/* =====================================================
   SMALLER LEFT HEADER
===================================================== */

.stf-about-purpose__heading {
    position: relative;
    z-index: 4;

    width: 100%;
    max-width: 390px;

    text-align: left;
}

.stf-about-purpose__number {
    display: block;

    margin-bottom: 19px;

    color: rgba(3, 31, 10, 0.58);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-about-purpose__eyebrow {
    display: flex;

    margin: 0 0 14px;

    align-items: center;

    gap: 11px;

    color: var(--stf-purpose-green);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-about-purpose__eyebrow::before {
    content: "";

    width: 29px;
    height: 2px;

    flex: 0 0 29px;

    background: currentColor;
}

.stf-about-purpose__heading h2 {
    margin: 0;

    color: var(--stf-purpose-dark-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(50px, 5vw, 72px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-about-purpose__heading h2 span {
    display: block;

    color: #ffffff;
}


/* =====================================================
   GLASS FEATURE BOX
===================================================== */

.stf-about-purpose__feature {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 390px;

    overflow: visible;

    background:
        linear-gradient(
            140deg,
            rgba(255, 255, 255, 0.43),
            rgba(255, 255, 255, 0.19)
        );

    border: 1px solid rgba(255, 255, 255, 0.66);
    border-radius: 27px;

    box-shadow:
        0 24px 55px rgba(75, 23, 5, 0.19),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}


/* =====================================================
   PORTRAIT ON LEFT EDGE OF BOX
===================================================== */

.stf-about-purpose__portrait {
    position: absolute;
    z-index: 4;

    bottom: 0;
    left: -120px;

    width: 330px;
    height: 480px;

    pointer-events: none;
}


/* Portrait glow */

.stf-about-purpose__portrait-glow {
    position: absolute;
    z-index: 1;

    right: 0;
    bottom: 20px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.48),
            rgba(255, 255, 255, 0.12) 54%,
            transparent 73%
        );
}


/* Leaf behind portrait */

.stf-about-purpose__portrait-leaf {
    position: absolute;
    z-index: 2;

    right: -30px;
    bottom: -5px;

    width: 290px;
    height: auto;

    opacity: 0.13;

    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1700%)
        hue-rotate(82deg)
        brightness(80%)
        contrast(110%);

    transform: rotate(-42deg);
}


/* Nisha PNG */

.stf-about-purpose__portrait-image {
    position: absolute;
    z-index: 3;

    right: 0;
    bottom: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    filter:
        drop-shadow(0 22px 22px rgba(61, 18, 4, 0.23));
}


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

.stf-about-purpose__quote {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 390px;

    margin: 0;

    padding:
        38px
        clamp(30px, 4vw, 52px)
        38px
        235px;

    flex-direction: column;
    justify-content: center;

    color: var(--stf-purpose-dark-green);
}

.stf-about-purpose__quote-mark {
    display: block;

    height: 48px;

    margin-bottom: 9px;

    color: var(--stf-purpose-green);

    font-family: Georgia, serif;
    font-size: 90px;
    font-weight: 400;
    line-height: 0.7;
}

.stf-about-purpose__quote > p {
    max-width: 520px;

    margin: 0;

    color: rgba(3, 31, 10, 0.9);

    font-family: "Poppins", sans-serif;
    font-size: clamp(16px, 1.45vw, 20px);
    font-weight: 500;
    line-height: 1.6;
}


/* =====================================================
   NAME UNDER PARAGRAPH
===================================================== */

.stf-about-purpose__quote-footer {
    display: flex;

    margin-top: 25px;

    align-items: center;

    gap: 13px;
}

.stf-about-purpose__quote-line {
    width: 37px;
    height: 2px;

    flex: 0 0 37px;

    background: var(--stf-purpose-green);
}

.stf-about-purpose__quote-footer div {
    display: flex;

    flex-direction: column;

    gap: 3px;
}

.stf-about-purpose__quote-footer cite {
    color: var(--stf-purpose-dark-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.stf-about-purpose__quote-footer div > span {
    color: rgba(3, 31, 10, 0.62);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}


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

@media (max-width: 1050px) {

    .stf-about-purpose__container {
        grid-template-columns:
            minmax(220px, 0.65fr)
            minmax(500px, 1.35fr);

        gap: 40px;
    }

    .stf-about-purpose__heading h2 {
        font-size: clamp(47px, 5.8vw, 64px);
    }

    .stf-about-purpose__feature {
        min-height: 360px;
    }

    .stf-about-purpose__portrait {
        left: -90px;

        width: 280px;
        height: 420px;
    }

    .stf-about-purpose__quote {
        min-height: 360px;

        padding:
            30px
            28px
            30px
            195px;
    }

    .stf-about-purpose__quote > p {
        font-size: 16px;
    }

}


/* =====================================================
   SMALL TABLET
   Header moves above, but image and quote remain connected
===================================================== */

@media (max-width: 800px) {

    .stf-about-purpose__container {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .stf-about-purpose__heading {
        max-width: 580px;
    }

    .stf-about-purpose__heading h2 {
        max-width: 580px;

        font-size: clamp(50px, 9vw, 68px);
    }

    .stf-about-purpose__feature {
        width: calc(100% - 60px);

        min-height: 360px;

        margin-left: 60px;
    }

    .stf-about-purpose__portrait {
        left: -70px;

        width: 260px;
        height: 410px;
    }

    .stf-about-purpose__quote {
        min-height: 360px;

        padding-left: 190px;
    }

}


/* =====================================================
   MOBILE
   Portrait stays attached to left of quote
===================================================== */

@media (max-width: 600px) {

    .stf-about-purpose {
        --stf-purpose-wave-height: 52px;

        padding:
            calc(var(--stf-purpose-wave-height) + 27px)
            14px
            calc(var(--stf-purpose-wave-height) + 28px);
    }

    .stf-about-purpose__container {
        gap: 27px;
    }

    .stf-about-purpose__number {
        margin-bottom: 14px;

        font-size: 9px;
    }

    .stf-about-purpose__eyebrow {
        margin-bottom: 11px;

        font-size: 9px;
    }

    .stf-about-purpose__heading h2 {
        max-width: 430px;

        font-size: clamp(45px, 14vw, 58px);
    }

    .stf-about-purpose__feature {
        width: calc(100% - 38px);
        min-height: 330px;

        margin-left: 38px;

        border-radius: 20px;
    }

    .stf-about-purpose__portrait {
        left: -47px;

        width: 175px;
        height: 350px;
    }

    .stf-about-purpose__portrait-glow {
        right: -15px;
        bottom: 18px;

        width: 185px;
        height: 185px;
    }

    .stf-about-purpose__portrait-leaf {
        right: -30px;

        width: 175px;
    }

    .stf-about-purpose__quote {
        min-height: 330px;

        padding:
            22px
            14px
            22px
            125px;
    }

    .stf-about-purpose__quote-mark {
        height: 35px;

        margin-bottom: 7px;

        font-size: 65px;
    }

    .stf-about-purpose__quote > p {
        font-size: clamp(12px, 3.25vw, 14px);
        line-height: 1.5;
    }

    .stf-about-purpose__quote-footer {
        margin-top: 17px;

        gap: 8px;
    }

    .stf-about-purpose__quote-line {
        width: 18px;

        flex-basis: 18px;
    }

    .stf-about-purpose__quote-footer cite {
        font-size: 17px;
    }

    .stf-about-purpose__quote-footer div > span {
        font-size: 7px;
    }

}


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

@media (max-width: 390px) {

    .stf-about-purpose__feature {
        width: calc(100% - 30px);

        margin-left: 30px;
    }

    .stf-about-purpose__portrait {
        left: -38px;

        width: 150px;
        height: 320px;
    }

    .stf-about-purpose__quote {
        min-height: 315px;

        padding:
            18px
            10px
            18px
            104px;
    }

    .stf-about-purpose__quote > p {
        font-size: 11.5px;
    }

    .stf-about-purpose__quote-footer cite {
        font-size: 15px;
    }

}

/* =====================================================
   PORTRAIT AND TEXT POSITION CONTROLS
===================================================== */

/* Desktop controls */

.stf-about-purpose__feature {
    /*
     * Less negative = image moves further inside.
     * Example: -120px to -65px moves it 55px right.
     */
    --stf-portrait-left: -35px;

    /* Controls portrait size */
    --stf-portrait-width: 330px;
    --stf-portrait-height: 480px;

    /*
     * Larger number = quote moves further right.
     */
    --stf-quote-left-space: 295px;
}

.stf-about-purpose__portrait {
    left: var(--stf-portrait-left);

    width: var(--stf-portrait-width);
    height: var(--stf-portrait-height);
}

.stf-about-purpose__quote {
    padding-left: var(--stf-quote-left-space);
}


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

@media (max-width: 1050px) {

    .stf-about-purpose__feature {
        --stf-portrait-left: -42px;
        --stf-portrait-width: 280px;
        --stf-portrait-height: 420px;
        --stf-quote-left-space: 235px;
    }

}


/* =====================================================
   SMALL TABLET CONTROLS
===================================================== */

@media (max-width: 800px) {

    .stf-about-purpose__feature {
        --stf-portrait-left: -28px;
        --stf-portrait-width: 250px;
        --stf-portrait-height: 400px;
        --stf-quote-left-space: 215px;
    }

}


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

@media (max-width: 600px) {

    .stf-about-purpose__feature {
        --stf-portrait-left: -20px;
        --stf-portrait-width: 170px;
        --stf-portrait-height: 345px;
        --stf-quote-left-space: 148px;
    }

}


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

@media (max-width: 390px) {

    .stf-about-purpose__feature {
        --stf-portrait-left: 162px;
        --stf-portrait-width: 102px;
        --stf-portrait-height: 315px;
        --stf-quote-left-space: 13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01f49c4 *//* =====================================================
   ABOUT PAGE — BRIGHT GREEN GLASS VALUES
===================================================== */

.stf-about-values {
    --stf-values-green: #083d14;
    --stf-values-dark-green: #031f0a;
    --stf-values-orange: #f4743b;
    --stf-values-bright-green: #79c94b;
    --stf-values-light-green: #dff4d4;

    position: relative;
    isolation: isolate;

    width: 100%;

    padding:
        clamp(62px, 7vw, 88px)
        24px;

    overflow: hidden;

    color: var(--stf-values-green);

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(121, 201, 75, 0.08),
            transparent 29%
        ),
        #ffffff;
}


/* =====================================================
   ORIGINAL PNG BACKGROUND LEAF
===================================================== */

.stf-about-values__background-leaf {
    position: absolute;
    z-index: 1;

    top: -100px;
    right: -85px;

    display: block;

    width: clamp(260px, 28vw, 430px);
    height: auto;

    opacity: 0.045;

    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1700%)
        hue-rotate(82deg)
        brightness(80%)
        contrast(110%);

    transform: rotate(-37deg);

    object-fit: contain;

    pointer-events: none;
    user-select: none;
}


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

.stf-about-values__container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1180px;

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


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

.stf-about-values__header {
    width: 100%;
    max-width: 650px;

    margin: 0 0 34px;

    text-align: left;
}

.stf-about-values__section-number {
    display: block;

    margin-bottom: 15px;

    color: rgba(8, 61, 20, 0.48);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-about-values__eyebrow {
    display: flex;

    margin: 0 0 11px;

    align-items: center;

    gap: 10px;

    color: var(--stf-values-orange);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-about-values__eyebrow::before {
    content: "";

    width: 26px;
    height: 2px;

    flex: 0 0 26px;

    background: currentColor;
}

.stf-about-values__header h2 {
    max-width: 650px;

    margin: 0;

    color: var(--stf-values-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(48px, 5.5vw, 68px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-about-values__header h2 span {
    color: var(--stf-values-orange);
}

.stf-about-values__introduction {
    width: 100%;
    max-width: 540px;

    margin: 15px 0 0;

    color: rgba(3, 31, 10, 0.65);

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    text-align: left;
}


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

.stf-about-values__grid {
    display: grid;

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

    gap: 18px;
}


/* =====================================================
   BRIGHT GREEN GLASS CARD
===================================================== */

.stf-about-values__card {
    position: relative;

    min-width: 0;
    min-height: 215px;

    padding: 23px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(175, 229, 143, 0.5),
            rgba(121, 201, 75, 0.18)
        );

    border: 1px solid rgba(89, 172, 65, 0.3);
    border-radius: 20px;

    box-shadow:
        0 15px 35px rgba(8, 61, 20, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);

    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);

    transition:
        border-color 200ms ease,
        box-shadow 200ms ease,
        transform 200ms ease;
}

.stf-about-values__card::after {
    content: "";

    position: absolute;

    top: -55px;
    right: -45px;

    width: 130px;
    height: 130px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.55),
            transparent 68%
        );

    pointer-events: none;
}

.stf-about-values__card:hover {
    border-color: rgba(89, 172, 65, 0.52);

    box-shadow:
        0 19px 42px rgba(8, 61, 20, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

    transform: translateY(-3px);
}


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

.stf-about-values__card-header {
    position: relative;
    z-index: 2;

    display: flex;

    margin-bottom: 28px;

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


/* =====================================================
   CIRCULAR SVG CONTAINERS
===================================================== */

.stf-about-values__icon-circle {
    display: grid;

    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    place-items: center;

    color: var(--stf-values-green);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(230, 248, 219, 0.78)
        );

    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;

    box-shadow:
        0 9px 20px rgba(8, 61, 20, 0.1),
        inset 0 1px 0 #ffffff;
}


/* Default SVG dimensions */

.stf-about-values__icon-circle svg {
    display: block;

    width: 26px;
    height: 26px;

    overflow: visible;
}


/* Default SVG paths */

.stf-about-values__icon-circle svg path {
    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =====================================================
   SPECIAL VEGETARIAN LEAF SVG
===================================================== */

.stf-about-values__icon-circle--vegetarian svg {
    width: 31px;
    height: 37px;

    fill: none;
    overflow: visible;
}

.stf-about-values__icon-circle--vegetarian svg path {
    fill: none !important;

    stroke: currentColor !important;
    stroke-width: 17;
    stroke-linecap: round;
    stroke-linejoin: round;
}


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

.stf-about-values__card-number {
    color: rgba(8, 61, 20, 0.45);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.07em;
}


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

.stf-about-values__card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    color: var(--stf-values-dark-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 29px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.015em;
    text-transform: uppercase;
}

.stf-about-values__card p {
    position: relative;
    z-index: 2;

    margin: 0;

    color: rgba(3, 31, 10, 0.68);

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
}


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

@media (max-width: 850px) {

    .stf-about-values__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .stf-about-values__card:last-child {
        grid-column: 1 / -1;

        min-height: 185px;
    }

}


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

@media (max-width: 600px) {

    .stf-about-values {
        padding:
            58px
            20px
            66px;
    }

    .stf-about-values__header {
        margin-bottom: 28px;
    }

    .stf-about-values__header h2 {
        font-size: clamp(45px, 14vw, 58px);
    }

    .stf-about-values__introduction {
        margin-top: 13px;

        font-size: 12px;
    }

    .stf-about-values__grid {
        grid-template-columns: 1fr;

        gap: 13px;
    }

    .stf-about-values__card,
    .stf-about-values__card:last-child {
        grid-column: auto;

        min-height: 0;

        padding: 20px;

        border-radius: 18px;
    }

    .stf-about-values__card-header {
        margin-bottom: 20px;
    }

    .stf-about-values__icon-circle {
        width: 47px;
        height: 47px;

        flex-basis: 47px;
    }

    .stf-about-values__icon-circle svg {
        width: 23px;
        height: 23px;
    }

    .stf-about-values__icon-circle--vegetarian svg {
        width: 28px;
        height: 33px;
    }

    .stf-about-values__card h3 {
        font-size: 27px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-952f7cf *//* =====================================================
   ABOUT PAGE — ADITYA NADDA
===================================================== */

.stf-aditya {
    --stf-aditya-green: #083d14;
    --stf-aditya-dark-green: #031f0a;
    --stf-aditya-light-green: #79c94b;
    --stf-aditya-orange: #f4743b;
    --stf-aditya-white: #ffffff;
    --stf-aditya-wave-height: clamp(60px, 6vw, 90px);

    position: relative;
    isolation: isolate;

    width: 100%;

    padding:
        calc(var(--stf-aditya-wave-height) + 38px)
        24px
        calc(var(--stf-aditya-wave-height) + 38px);

    overflow: hidden;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 35%,
            rgba(121, 201, 75, 0.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(244, 116, 59, 0.09),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--stf-aditya-dark-green),
            var(--stf-aditya-green) 55%,
            #0a4818
        );
}


/* =====================================================
   WAVES
===================================================== */

.stf-aditya__wave {
    position: absolute;
    z-index: 8;

    right: 0;
    left: 0;

    width: 100%;
    height: var(--stf-aditya-wave-height);

    overflow: hidden;

    color: #ffffff;

    pointer-events: none;
}

.stf-aditya__wave--top {
    top: -1px;
}

.stf-aditya__wave--bottom {
    bottom: -1px;
}

.stf-aditya__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-aditya__wave path {
    fill: currentColor;
    stroke: none;
}


/* =====================================================
   BACKGROUND LEAF
===================================================== */

.stf-aditya__background-leaf {
    position: absolute;
    z-index: 1;

    right: -130px;
    bottom: -140px;

    display: block;

    width: clamp(320px, 35vw, 540px);
    height: auto;

    opacity: 0.065;

    filter: brightness(0) invert(1);

    transform: rotate(-38deg);

    pointer-events: none;
    user-select: none;
}


/* =====================================================
   ONE-LINE LAYOUT
===================================================== */

.stf-aditya__container {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(270px, 0.72fr)
        minmax(600px, 1.28fr);

    gap: clamp(55px, 7vw, 95px);

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    align-items: center;
}


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

.stf-aditya__heading {
    position: relative;
    z-index: 4;

    width: 100%;
    max-width: 390px;

    text-align: left;
}

.stf-aditya__section-number {
    display: block;

    margin-bottom: 19px;

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

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-aditya__eyebrow {
    display: flex;

    margin: 0 0 14px;

    align-items: center;

    gap: 11px;

    color: var(--stf-aditya-orange);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-aditya__eyebrow::before {
    content: "";

    width: 29px;
    height: 2px;

    flex: 0 0 29px;

    background: currentColor;
}

.stf-aditya__heading h2 {
    margin: 0;

    color: #ffffff;

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(50px, 5vw, 72px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-aditya__heading h2 span {
    display: block;

    color: var(--stf-aditya-orange);
}


/* =====================================================
   CONNECTED GLASS FRAME
===================================================== */

.stf-aditya__feature {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 420px;

    overflow: visible;

    background:
        linear-gradient(
            140deg,
            rgba(144, 213, 104, 0.28),
            rgba(255, 255, 255, 0.09)
        );

    border: 1px solid rgba(255, 255, 255, 0.23);
    border-radius: 27px;

    box-shadow:
        0 24px 55px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}


/* =====================================================
   PORTRAIT
===================================================== */

.stf-aditya__portrait {
    position: absolute;
    z-index: 4;

    bottom: 0;
    left: -75px;

    width: 330px;
    height: 490px;

    pointer-events: none;
}

.stf-aditya__portrait-glow {
    position: absolute;
    z-index: 1;

    right: -5px;
    bottom: 18px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(121, 201, 75, 0.34),
            rgba(255, 255, 255, 0.08) 55%,
            transparent 73%
        );
}

.stf-aditya__portrait-leaf {
    position: absolute;
    z-index: 2;

    right: -30px;
    bottom: -5px;

    width: 290px;
    height: auto;

    opacity: 0.1;

    filter: brightness(0) invert(1);

    transform: rotate(-42deg);
}

.stf-aditya__portrait-image {
    position: absolute;
    z-index: 3;

    right: 0;
    bottom: 0;

    display: block;

    width: 83%;
    height: 80%;

    object-fit: contain;
    object-position: center bottom;

    filter:
        drop-shadow(0 22px 22px rgba(0, 0, 0, 0.25));
}


/* =====================================================
   BIOGRAPHY
===================================================== */

.stf-aditya__biography {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 420px;

    padding:
        38px
        clamp(30px, 4vw, 50px)
        38px
        275px;

    flex-direction: column;
    justify-content: center;
}

.stf-aditya__biography-label {
    display: block;

    margin-bottom: 13px;

    color: var(--stf-aditya-orange);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.stf-aditya__lead {
    margin: 0 0 18px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: clamp(17px, 1.45vw, 21px);
    font-weight: 600;
    line-height: 1.5;
}

.stf-aditya__biography > p:not(.stf-aditya__lead) {
    margin: 0 0 13px;

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

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
}

.stf-aditya__biography > p:last-of-type {
    margin-bottom: 0;
}


/* =====================================================
   FOCUS LABELS
===================================================== */

.stf-aditya__focus {
    display: flex;

    margin-top: 21px;

    flex-wrap: wrap;

    gap: 7px;
}

.stf-aditya__focus span {
    display: inline-flex;

    min-height: 27px;

    padding: 0 11px;

    align-items: center;

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

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}


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

@media (max-width: 1050px) {

    .stf-aditya__container {
        grid-template-columns:
            minmax(220px, 0.65fr)
            minmax(500px, 1.35fr);

        gap: 40px;
    }

    .stf-aditya__heading h2 {
        font-size: clamp(47px, 5.8vw, 64px);
    }

    .stf-aditya__feature,
    .stf-aditya__biography {
        min-height: 390px;
    }

    .stf-aditya__portrait {
        left: -45px;

        width: 280px;
        height: 440px;
    }

    .stf-aditya__biography {
        padding:
            30px
            27px
            30px
            240px;
    }

}


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

@media (max-width: 800px) {

    .stf-aditya__container {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .stf-aditya__heading {
        max-width: 580px;
    }

    .stf-aditya__feature {
        width: calc(100% - 55px);

        margin-left: 55px;
    }

    .stf-aditya__portrait {
        left: -35px;

        width: 255px;
        height: 420px;
    }

    .stf-aditya__biography {
        padding-left: 225px;
    }

}


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

@media (max-width: 600px) {

    .stf-aditya {
        --stf-aditya-wave-height: 52px;

        padding:
            calc(var(--stf-aditya-wave-height) + 27px)
            14px
            calc(var(--stf-aditya-wave-height) + 28px);
    }

    .stf-aditya__container {
        gap: 27px;
    }

    .stf-aditya__section-number {
        margin-bottom: 14px;

        font-size: 9px;
    }

    .stf-aditya__eyebrow {
        margin-bottom: 11px;

        font-size: 9px;
    }

    .stf-aditya__heading h2 {
        font-size: clamp(45px, 14vw, 58px);
    }

    .stf-aditya__feature {
        width: calc(100% - 34px);
        min-height: 375px;

        margin-left: 34px;

        border-radius: 20px;
    }

    .stf-aditya__portrait {
        left: -20px;

        width: 170px;
        height: 365px;
    }

    .stf-aditya__portrait-glow {
        right: -10px;
        bottom: 18px;

        width: 180px;
        height: 180px;
    }

    .stf-aditya__portrait-leaf {
        right: -30px;

        width: 175px;
    }

    .stf-aditya__biography {
        min-height: 375px;

        padding:
            22px
            14px
            22px
            145px;
    }

    .stf-aditya__biography-label {
        font-size: 7px;
    }

    .stf-aditya__lead {
        margin-bottom: 12px;

        font-size: 13px;
        line-height: 1.45;
    }

    .stf-aditya__biography > p:not(.stf-aditya__lead) {
        margin-bottom: 9px;

        font-size: 10.5px;
        line-height: 1.5;
    }

    .stf-aditya__focus {
        margin-top: 14px;

        gap: 5px;
    }

    .stf-aditya__focus span {
        min-height: 22px;

        padding: 0 7px;

        font-size: 6.5px;
    }

}


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

@media (max-width: 390px) {

    .stf-aditya__feature {
        width: calc(100% - 27px);

        margin-left: 10px;
    }

    .stf-aditya__portrait {
        left: -35px;

        width: 148px;
        height: 340px;
    }

    .stf-aditya__biography {
        min-height: 360px;

        padding:
            18px
            19px
            10px
            125px;
    }

    .stf-aditya__lead {
        font-size: 12px;
    }

    .stf-aditya__biography > p:not(.stf-aditya__lead) {
        font-size: 9.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71652f7 *//* =====================================================
   ABOUT PAGE — CHEF RAMESH NEGI
   COMPACT WARM BRAND VERSION
===================================================== */


/* =====================================================
   01. SECTION VARIABLES AND FOUNDATION
===================================================== */

.stf-ramesh {
    /* Saffron Tastie Foods brand colours */
    --stf-ramesh-green: #083d14;
    --stf-ramesh-dark-green: #031f0a;
    --stf-ramesh-orange: #f4733a;
    --stf-ramesh-dark-orange: #d95724;
    --stf-ramesh-cream: #f8e7d8;
    --stf-ramesh-white: #ffffff;

    /* Main section controls */
    --stf-ramesh-wave-height: clamp(60px, 6vw, 90px);
    --stf-ramesh-side-padding: 24px;
    --stf-ramesh-container-width: 1180px;

    /* Desktop portrait controls */
    --stf-ramesh-portrait-width: 300px;
    --stf-ramesh-portrait-height: 450px;
    --stf-ramesh-portrait-right: -58px;
    --stf-ramesh-portrait-image-width: 85%;

    position: relative;
    isolation: isolate;

    width: 100%;
    overflow: hidden;

    padding:
        calc(var(--stf-ramesh-wave-height) + 38px)
        var(--stf-ramesh-side-padding)
        calc(var(--stf-ramesh-wave-height) + 38px);

    color: var(--stf-ramesh-dark-green);

    background:
        radial-gradient(
            circle at 12% 35%,
            rgba(255, 255, 255, 0.36),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(244, 115, 58, 0.2),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #f9ede2 0%,
            #f5b184 52%,
            var(--stf-ramesh-orange) 100%
        );
}


/* Consistent box sizing within the section */

.stf-ramesh *,
.stf-ramesh *::before,
.stf-ramesh *::after {
    box-sizing: border-box;
}


/* =====================================================
   02. TOP AND BOTTOM WAVES
===================================================== */

.stf-ramesh__wave {
    position: absolute;
    z-index: 8;

    right: 0;
    left: 0;

    width: 100%;
    height: var(--stf-ramesh-wave-height);

    overflow: hidden;

    color: #ffffff;

    line-height: 0;
    pointer-events: none;
}

.stf-ramesh__wave--top {
    top: -1px;
}

.stf-ramesh__wave--bottom {
    bottom: -1px;
}

.stf-ramesh__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-ramesh__wave path {
    fill: currentColor;
    stroke: none;
}


/* =====================================================
   03. BACKGROUND LEAF
===================================================== */

.stf-ramesh__background-leaf {
    position: absolute;
    z-index: 1;

    bottom: -135px;
    left: -120px;

    display: block;

    width: clamp(320px, 35vw, 540px);
    height: auto;

    opacity: 0.085;

    /* Changes the black leaf to brand green */
    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1700%)
        hue-rotate(82deg)
        brightness(80%)
        contrast(110%);

    transform: rotate(24deg);

    pointer-events: none;
    user-select: none;
}


/* =====================================================
   04. MAIN TWO-COLUMN LAYOUT
===================================================== */

.stf-ramesh__container {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(600px, 1.28fr)
        minmax(270px, 0.72fr);

    align-items: center;

    gap: clamp(55px, 7vw, 95px);

    width: 100%;
    max-width: var(--stf-ramesh-container-width);

    margin: 0 auto;
}


/* =====================================================
   05. CONNECTED GLASS FEATURE
===================================================== */

.stf-ramesh__feature {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 400px;

    overflow: visible;

    background:
        linear-gradient(
            140deg,
            rgba(255, 255, 255, 0.55),
            rgba(255, 255, 255, 0.22)
        );

    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 27px;

    box-shadow:
        0 24px 55px rgba(91, 31, 8, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}


/* Subtle glass highlight */

.stf-ramesh__feature::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 1px;
    right: 25px;
    left: 25px;

    height: 1px;

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

    pointer-events: none;
}


/* =====================================================
   06. BIOGRAPHY
===================================================== */

.stf-ramesh__biography {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 400px;

    padding:
        32px
        245px
        32px
        clamp(28px, 3.5vw, 46px);

    flex-direction: column;
    justify-content: center;
}


/* Biography label */

.stf-ramesh__biography-label {
    display: block;

    margin-bottom: 12px;

    color: var(--stf-ramesh-dark-orange);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}


/* Lead paragraph */

.stf-ramesh__lead {
    max-width: 440px;

    margin: 0 0 16px;

    color: var(--stf-ramesh-dark-green);

    font-family: "Poppins", sans-serif;
    font-size: clamp(15px, 1.3vw, 19px);
    font-weight: 600;
    line-height: 1.48;
}


/* Standard biography paragraphs */

.stf-ramesh__biography > p:not(.stf-ramesh__lead) {
    max-width: 470px;

    margin: 0 0 12px;

    color: rgba(3, 31, 10, 0.69);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.62;
}

.stf-ramesh__biography > p:last-of-type {
    margin-bottom: 0;
}


/* =====================================================
   07. SPECIALITY LABELS
===================================================== */

.stf-ramesh__focus {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 19px;
}

.stf-ramesh__focus span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 27px;
    padding: 0 11px;

    color: var(--stf-ramesh-green);

    background: rgba(255, 255, 255, 0.4);

    border: 1px solid rgba(8, 61, 20, 0.13);
    border-radius: 999px;

    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 6px 15px rgba(8, 61, 20, 0.05);

    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
}

.stf-ramesh__focus span:hover {
    color: #ffffff;

    background: var(--stf-ramesh-green);
    border-color: var(--stf-ramesh-green);

    transform: translateY(-2px);
}


/* =====================================================
   08. PORTRAIT AREA
===================================================== */

.stf-ramesh__portrait {
    position: absolute;
    z-index: 4;

    right: var(--stf-ramesh-portrait-right);
    bottom: 0;

    width: var(--stf-ramesh-portrait-width);
    height: var(--stf-ramesh-portrait-height);

    overflow: visible;

    pointer-events: none;
}


/* Soft glow behind the portrait */

.stf-ramesh__portrait-glow {
    position: absolute;
    z-index: 1;

    bottom: 18px;
    left: 50%;

    width: 275px;
    height: 275px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.65),
            rgba(244, 115, 58, 0.12) 55%,
            transparent 73%
        );

    transform: translateX(-50%);
}


/* Decorative leaf behind portrait */

.stf-ramesh__portrait-leaf {
    position: absolute;
    z-index: 2;

    bottom: -5px;
    left: -18px;

    width: 245px;
    height: auto;

    opacity: 0.12;

    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(31%)
        saturate(1700%)
        hue-rotate(82deg)
        brightness(80%)
        contrast(110%);

    transform: rotate(42deg);

    pointer-events: none;
}


/* Main portrait image */

.stf-ramesh__portrait-image {
    position: absolute;
    z-index: 3;

    bottom: 0;
    left: 50%;

    display: block;

    width: var(--stf-ramesh-portrait-image-width);
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    transform: translateX(-50%);

    filter:
        drop-shadow(0 20px 20px rgba(91, 31, 8, 0.2));
}


/* =====================================================
   09. RIGHT-SIDE HEADING
===================================================== */

.stf-ramesh__heading {
    position: relative;
    z-index: 4;

    width: 100%;
    max-width: 360px;

    text-align: left;
}


/* Section number */

.stf-ramesh__section-number {
    display: block;

    margin-bottom: 18px;

    color: rgba(3, 31, 10, 0.53);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}


/* Chef role */

.stf-ramesh__eyebrow {
    display: flex;
    align-items: center;

    gap: 10px;

    margin: 0 0 13px;

    color: var(--stf-ramesh-green);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-ramesh__eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;
    flex: 0 0 28px;

    background: currentColor;
}


/* Chef name */

.stf-ramesh__heading h2 {
    margin: 0;

    color: var(--stf-ramesh-dark-green);

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(48px, 4.7vw, 68px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-ramesh__heading h2 span {
    display: block;

    color: #ffffff;
}


/* Heading description */

.stf-ramesh__heading-description {
    max-width: 300px;

    margin: 16px 0 0;

    color: rgba(3, 31, 10, 0.67);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
}


/* =====================================================
   10. LARGE TABLET
===================================================== */

@media (max-width: 1050px) {

    .stf-ramesh {
        --stf-ramesh-portrait-width: 265px;
        --stf-ramesh-portrait-height: 415px;
        --stf-ramesh-portrait-right: -42px;
    }

    .stf-ramesh__container {
        grid-template-columns:
            minmax(500px, 1.35fr)
            minmax(220px, 0.65fr);

        gap: 40px;
    }

    .stf-ramesh__feature,
    .stf-ramesh__biography {
        min-height: 380px;
    }

    .stf-ramesh__biography {
        padding:
            28px
            220px
            28px
            27px;
    }

    .stf-ramesh__heading h2 {
        font-size: clamp(46px, 5.6vw, 62px);
    }
}


/* =====================================================
   11. SMALL TABLET
===================================================== */

@media (max-width: 800px) {

    .stf-ramesh {
        --stf-ramesh-portrait-width: 235px;
        --stf-ramesh-portrait-height: 390px;
        --stf-ramesh-portrait-right: -30px;
    }

    .stf-ramesh__container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .stf-ramesh__heading {
        grid-row: 1;

        max-width: 560px;
    }

    .stf-ramesh__feature {
        grid-row: 2;

        width: calc(100% - 48px);
        min-height: 375px;

        margin-right: 48px;
    }

    .stf-ramesh__biography {
        min-height: 375px;

        padding:
            27px
            205px
            27px
            25px;
    }

    .stf-ramesh__portrait-glow {
        width: 225px;
        height: 225px;
    }

    .stf-ramesh__portrait-leaf {
        width: 210px;
    }
}


/* =====================================================
   12. MOBILE
===================================================== */

@media (max-width: 600px) {

    .stf-ramesh {
        --stf-ramesh-wave-height: 52px;
        --stf-ramesh-side-padding: 14px;

        --stf-ramesh-portrait-width: 156px;
        --stf-ramesh-portrait-height: 335px;
        --stf-ramesh-portrait-right: -16px;
        --stf-ramesh-portrait-image-width: 86%;

        padding:
            calc(var(--stf-ramesh-wave-height) + 27px)
            var(--stf-ramesh-side-padding)
            calc(var(--stf-ramesh-wave-height) + 28px);
    }

    .stf-ramesh__container {
        gap: 25px;
    }

    .stf-ramesh__section-number {
        margin-bottom: 13px;
        font-size: 8px;
    }

    .stf-ramesh__eyebrow {
        margin-bottom: 10px;
        font-size: 8.5px;
    }

    .stf-ramesh__heading h2 {
        font-size: clamp(43px, 13vw, 55px);
    }

    .stf-ramesh__heading-description {
        margin-top: 12px;
        font-size: 10.5px;
    }

    .stf-ramesh__feature {
        width: calc(100% - 30px);
        min-height: 370px;

        margin-right: 30px;

        border-radius: 20px;
    }

    .stf-ramesh__biography {
        min-height: 370px;

        padding:
            20px
            132px
            20px
            13px;
    }

    .stf-ramesh__portrait-glow {
        bottom: 15px;

        width: 165px;
        height: 165px;
    }

    .stf-ramesh__portrait-leaf {
        bottom: -2px;
        left: -20px;

        width: 155px;
    }

    .stf-ramesh__biography-label {
        margin-bottom: 9px;
        font-size: 6.5px;
    }

    .stf-ramesh__lead {
        margin-bottom: 10px;

        font-size: 11.5px;
        line-height: 1.42;
    }

    .stf-ramesh__biography > p:not(.stf-ramesh__lead) {
        margin-bottom: 7px;

        font-size: 8.5px;
        line-height: 1.45;
    }

    .stf-ramesh__focus {
        margin-top: 12px;
        gap: 4px;
    }

    .stf-ramesh__focus span {
        min-height: 21px;

        padding: 0 6px;

        font-size: 5.7px;
    }

    .stf-ramesh__background-leaf {
        bottom: -80px;
        left: -125px;

        width: 340px;
        opacity: 0.065;
    }
}


/* =====================================================
   13. VERY SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

    .stf-ramesh {
        --stf-ramesh-portrait-width: 140px;
        --stf-ramesh-portrait-height: 320px;
        --stf-ramesh-portrait-right: -12px;
    }

    .stf-ramesh__feature {
        width: calc(100% - 24px);
        margin-right: 24px;
    }

    .stf-ramesh__biography {
        min-height: 365px;

        padding:
            17px
            116px
            17px
            9px;
    }

    .stf-ramesh__lead {
        font-size: 10.5px;
    }

    .stf-ramesh__biography > p:not(.stf-ramesh__lead) {
        font-size: 7.8px;
    }

    .stf-ramesh__focus span {
        font-size: 5.2px;
    }
}


/* =====================================================
   14. REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .stf-ramesh__focus span {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5cb3e6 *//* =====================================================
   ABOUT PAGE — CHANAKA
===================================================== */

.stf-chanaka {
    --stf-chanaka-maroon: #8b2e24;
    --stf-chanaka-dark-maroon: #541813;
    --stf-chanaka-orange: #f4743b;
    --stf-chanaka-peach: #ffb17c;
    --stf-chanaka-green: #083d14;
    --stf-chanaka-wave-height: clamp(60px, 6vw, 90px);

    position: relative;
    isolation: isolate;

    width: 100%;

    padding:
        calc(var(--stf-chanaka-wave-height) + 38px)
        24px
        calc(var(--stf-chanaka-wave-height) + 38px);

    overflow: hidden;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 35%,
            rgba(255, 177, 124, 0.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(244, 116, 59, 0.13),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            var(--stf-chanaka-dark-maroon),
            var(--stf-chanaka-maroon) 55%,
            #a43a2c
        );
}


/* =====================================================
   WAVES
===================================================== */

.stf-chanaka__wave {
    position: absolute;
    z-index: 8;

    right: 0;
    left: 0;

    width: 100%;
    height: var(--stf-chanaka-wave-height);

    overflow: hidden;

    color: #ffffff;

    pointer-events: none;
}

.stf-chanaka__wave--top {
    top: -1px;
}

.stf-chanaka__wave--bottom {
    bottom: -1px;
}

.stf-chanaka__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-chanaka__wave path {
    fill: currentColor;
    stroke: none;
}


/* =====================================================
   BACKGROUND LEAF
===================================================== */

.stf-chanaka__background-leaf {
    position: absolute;
    z-index: 1;

    right: -130px;
    bottom: -140px;

    display: block;

    width: clamp(320px, 35vw, 540px);
    height: auto;

    opacity: 0.065;

    filter: brightness(0) invert(1);

    transform: rotate(-38deg);

    pointer-events: none;
    user-select: none;
}


/* =====================================================
   ONE-LINE LAYOUT
===================================================== */

.stf-chanaka__container {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(270px, 0.72fr)
        minmax(600px, 1.28fr);

    gap: clamp(55px, 7vw, 95px);

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    align-items: center;
}


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

.stf-chanaka__heading {
    position: relative;
    z-index: 4;

    width: 100%;
    max-width: 390px;

    text-align: left;
}

.stf-chanaka__section-number {
    display: block;

    margin-bottom: 19px;

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

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.stf-chanaka__eyebrow {
    display: flex;

    margin: 0 0 14px;

    align-items: center;

    gap: 11px;

    color: var(--stf-chanaka-peach);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-chanaka__eyebrow::before {
    content: "";

    width: 29px;
    height: 2px;

    flex: 0 0 29px;

    background: currentColor;
}

.stf-chanaka__heading h5 {
    margin: 0;

    color: #ffffff;

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(55px, 5vw, 23px);
    font-weight: 300;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;
}

.stf-chanaka__heading h5 span {
    display: block;

    color: var(--stf-chanaka-peach);
}

.stf-chanaka__name {
    max-width: 350px;

    margin: 18px 0 0;

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

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.04em;
}


/* =====================================================
   CONNECTED GLASS FRAME
===================================================== */

.stf-chanaka__feature {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 420px;

    overflow: visible;

    background:
        linear-gradient(
            140deg,
            rgba(255, 177, 124, 0.27),
            rgba(255, 255, 255, 0.08)
        );

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 27px;

    box-shadow:
        0 24px 55px rgba(41, 7, 5, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.26);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}


/* =====================================================
   PORTRAIT
===================================================== */

.stf-chanaka__portrait {
    position: absolute;
    z-index: 4;

    bottom: 0;
    left: -75px;

    width: 330px;
    height: 490px;

    pointer-events: none;
}

.stf-chanaka__portrait-glow {
    position: absolute;
    z-index: 1;

    right: -5px;
    bottom: 18px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 177, 124, 0.35),
            rgba(255, 255, 255, 0.07) 55%,
            transparent 73%
        );
}

.stf-chanaka__portrait-leaf {
    position: absolute;
    z-index: 2;

    right: -30px;
    bottom: -5px;

    width: 290px;
    height: auto;

    opacity: 0.09;

    filter: brightness(0) invert(1);

    transform: rotate(-42deg);
}

.stf-chanaka__portrait-image {
    position: absolute;
    z-index: 3;

    right: 0;
    bottom: 0;

    display: block;

    width: 85%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    filter:
        drop-shadow(0 22px 22px rgba(31, 4, 3, 0.28));
}


/* =====================================================
   BIOGRAPHY
===================================================== */

.stf-chanaka__biography {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 420px;

    padding:
        38px
        clamp(30px, 4vw, 50px)
        38px
        275px;

    flex-direction: column;
    justify-content: center;
}

.stf-chanaka__biography-label {
    display: block;

    margin-bottom: 13px;

    color: var(--stf-chanaka-peach);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.stf-chanaka__lead {
    margin: 0 0 18px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: clamp(17px, 1.45vw, 21px);
    font-weight: 600;
    line-height: 1.5;
}

.stf-chanaka__biography > p:not(.stf-chanaka__lead) {
    margin: 0 0 13px;

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

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
}

.stf-chanaka__biography > p:last-of-type {
    margin-bottom: 0;
}


/* =====================================================
   FOCUS LABELS
===================================================== */

.stf-chanaka__focus {
    display: flex;

    margin-top: 21px;

    flex-wrap: wrap;

    gap: 7px;
}

.stf-chanaka__focus span {
    display: inline-flex;

    min-height: 27px;

    padding: 0 11px;

    align-items: center;

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

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}


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

@media (max-width: 1050px) {

    .stf-chanaka__container {
        grid-template-columns:
            minmax(220px, 0.65fr)
            minmax(500px, 1.35fr);

        gap: 40px;
    }

    .stf-chanaka__heading h2 {
        font-size: clamp(47px, 5.8vw, 64px);
    }

    .stf-chanaka__feature,
    .stf-chanaka__biography {
        min-height: 390px;
    }

    .stf-chanaka__portrait {
        left: -45px;

        width: 280px;
        height: 440px;
    }

    .stf-chanaka__biography {
        padding:
            30px
            27px
            30px
            240px;
    }

}


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

@media (max-width: 800px) {

    .stf-chanaka__container {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .stf-chanaka__heading {
        max-width: 580px;
    }

    .stf-chanaka__feature {
        width: calc(100% - 55px);

        margin-left: 55px;
    }

    .stf-chanaka__portrait {
        left: -35px;

        width: 255px;
        height: 420px;
    }

    .stf-chanaka__biography {
        padding-left: 225px;
    }

}


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

@media (max-width: 600px) {

    .stf-chanaka {
        --stf-chanaka-wave-height: 52px;

        padding:
            calc(var(--stf-chanaka-wave-height) + 27px)
            14px
            calc(var(--stf-chanaka-wave-height) + 28px);
    }

    .stf-chanaka__container {
        gap: 27px;
    }

    .stf-chanaka__section-number {
        margin-bottom: 14px;

        font-size: 9px;
    }

    .stf-chanaka__eyebrow {
        margin-bottom: 11px;

        font-size: 9px;
    }

    .stf-chanaka__heading h2 {
        font-size: clamp(45px, 14vw, 58px);
    }

    .stf-chanaka__name {
        margin-top: 13px;

        font-size: 10px;
    }

    .stf-chanaka__feature {
        width: calc(100% - 34px);
        min-height: 375px;

        margin-left: 34px;

        border-radius: 20px;
    }

    .stf-chanaka__portrait {
        left: -20px;

        width: 170px;
        height: 365px;
    }

    .stf-chanaka__portrait-glow {
        right: -10px;
        bottom: 18px;

        width: 180px;
        height: 180px;
    }

    .stf-chanaka__portrait-leaf {
        right: -30px;

        width: 175px;
    }

    .stf-chanaka__biography {
        min-height: 375px;

        padding:
            22px
            14px
            22px
            145px;
    }

    .stf-chanaka__biography-label {
        font-size: 7px;
    }

    .stf-chanaka__lead {
        margin-bottom: 12px;

        font-size: 13px;
        line-height: 1.45;
    }

    .stf-chanaka__biography > p:not(.stf-chanaka__lead) {
        margin-bottom: 9px;

        font-size: 10.5px;
        line-height: 1.5;
    }

    .stf-chanaka__focus {
        margin-top: 14px;

        gap: 5px;
    }

    .stf-chanaka__focus span {
        min-height: 22px;

        padding: 0 7px;

        font-size: 6.5px;
    }

}


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

@media (max-width: 390px) {

    .stf-chanaka__feature {
        width: calc(75% - 27px);

        margin-left: -3px;
    }

    .stf-chanaka__portrait {
        left: -24px;

        width: 148px;
        height: 340px;
    }

    .stf-chanaka__biography {
        min-height: 360px;

        padding:
            18px
            9px
            18px
            125px;
    }

    .stf-chanaka__lead {
        font-size: 10px;
    }

    .stf-chanaka__biography > p:not(.stf-chanaka__lead) {
        font-size: 9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-517d33b *//* =====================================================
   ABOUT PAGE — CHEF RAJEEV KUMAR
   OFFICIAL SAFFRON TASTIE FOODS BLUE VERSION
===================================================== */


/* =====================================================
   01. SECTION VARIABLES AND FOUNDATION
===================================================== */

.stf-rajeev {
    /* Official brand colours */
    --stf-rajeev-blue: #002c4e;
    --stf-rajeev-dark-blue: #001c32;
    --stf-rajeev-orange: #f4733a;
    --stf-rajeev-white: #ffffff;

    /* Layout controls */
    --stf-rajeev-wave-height: clamp(60px, 6vw, 90px);
    --stf-rajeev-side-padding: 24px;
    --stf-rajeev-content-width: 1180px;

    position: relative;
    isolation: isolate;

    width: 100%;
    overflow: hidden;

    padding:
        calc(var(--stf-rajeev-wave-height) + 38px)
        var(--stf-rajeev-side-padding)
        calc(var(--stf-rajeev-wave-height) + 38px);

    color: var(--stf-rajeev-white);

    /* Official blue background with subtle depth */
    background:
        radial-gradient(
            circle at 12% 35%,
            rgba(255, 255, 255, 0.07),
            transparent 31%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(244, 115, 58, 0.1),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            var(--stf-rajeev-blue) 0%,
            var(--stf-rajeev-blue) 58%,
            var(--stf-rajeev-dark-blue) 100%
        );
}


/* Consistent sizing inside this section */

.stf-rajeev *,
.stf-rajeev *::before,
.stf-rajeev *::after {
    box-sizing: border-box;
}


/* Soft background light */

.stf-rajeev::before {
    content: "";

    position: absolute;
    z-index: 0;
    top: 16%;
    left: 4%;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.055);
    filter: blur(90px);

    pointer-events: none;
}


/* Subtle orange light near the heading */

.stf-rajeev::after {
    content: "";

    position: absolute;
    z-index: 0;
    right: 4%;
    bottom: 12%;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    background: rgba(244, 115, 58, 0.08);
    filter: blur(95px);

    pointer-events: none;
}


/* =====================================================
   02. TOP AND BOTTOM WAVES
===================================================== */

.stf-rajeev__wave {
    position: absolute;
    z-index: 8;

    right: 0;
    left: 0;

    width: 100%;
    height: var(--stf-rajeev-wave-height);
    overflow: hidden;

    color: #ffffff;

    pointer-events: none;
}

.stf-rajeev__wave--top {
    top: -1px;
}

.stf-rajeev__wave--bottom {
    bottom: -1px;
}

.stf-rajeev__wave svg {
    display: block;

    width: 100%;
    height: 100%;
}

.stf-rajeev__wave path {
    fill: currentColor;
    stroke: none;
}


/* =====================================================
   03. BACKGROUND LEAF
===================================================== */

.stf-rajeev__background-leaf {
    position: absolute;
    z-index: 1;

    bottom: -135px;
    left: -120px;

    display: block;

    width: clamp(320px, 35vw, 540px);
    height: auto;

    opacity: 0.1;

    /* Turns the original black leaf PNG white */
    filter:
        brightness(0)
        saturate(100%)
        invert(100%);

    transform: rotate(24deg);

    pointer-events: none;
    user-select: none;
}


/* =====================================================
   04. MAIN TWO-COLUMN LAYOUT
===================================================== */

.stf-rajeev__container {
    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        minmax(600px, 1.28fr)
        minmax(270px, 0.72fr);

    align-items: center;

    gap: clamp(55px, 7vw, 95px);

    width: 100%;
    max-width: var(--stf-rajeev-content-width);

    margin: 0 auto;
}


/* =====================================================
   05. CONNECTED GLASS FEATURE
===================================================== */

.stf-rajeev__feature {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 440px;

    overflow: visible;

    background:
        linear-gradient(
            140deg,
            rgba(255, 255, 255, 0.94),
            rgba(236, 245, 250, 0.82)
        );

    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 27px;

    box-shadow:
        0 25px 60px rgba(0, 12, 24, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}


/* Subtle glass highlight */

.stf-rajeev__feature::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 1px;
    right: 24px;
    left: 24px;

    height: 1px;

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

    pointer-events: none;
}


/* =====================================================
   06. BIOGRAPHY
===================================================== */

.stf-rajeev__biography {
    position: relative;
    z-index: 3;

    display: flex;

    min-height: 440px;

    padding:
        34px
        275px
        34px
        clamp(30px, 4vw, 50px);

    flex-direction: column;
    justify-content: center;
}


/* Small biography label */

.stf-rajeev__biography-label {
    display: block;

    margin-bottom: 13px;

    color: var(--stf-rajeev-orange);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}


/* Main biography introduction */

.stf-rajeev__lead {
    margin: 0 0 17px;

    color: var(--stf-rajeev-blue);

    font-family: "Poppins", sans-serif;
    font-size: clamp(16px, 1.4vw, 20px);
    font-weight: 600;
    line-height: 1.48;
}


/* Biography paragraphs */

.stf-rajeev__biography > p:not(.stf-rajeev__lead) {
    margin: 0 0 12px;

    color: rgba(0, 44, 78, 0.72);

    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.62;
}

.stf-rajeev__biography > p:last-of-type {
    margin-bottom: 0;
}


/* =====================================================
   07. SPECIALITY LABELS
===================================================== */

.stf-rajeev__focus {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 20px;
}

.stf-rajeev__focus span {
    display: inline-flex;

    min-height: 27px;
    padding: 0 11px;

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

    color: var(--stf-rajeev-blue);

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(0, 44, 78, 0.17);
    border-radius: 999px;

    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.07em;
    text-transform: uppercase;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 6px 15px rgba(0, 44, 78, 0.07);

    transition:
        color 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
}

.stf-rajeev__focus span:hover {
    color: #ffffff;

    background: var(--stf-rajeev-orange);
    border-color: var(--stf-rajeev-orange);

    transform: translateY(-2px);
}


/* =====================================================
   08. PORTRAIT AREA
===================================================== */

.stf-rajeev__portrait {
    position: absolute;
    z-index: 4;

    right: -75px;
    bottom: 0;

    width: 330px;
    height: 490px;

    pointer-events: none;
}


/* Circular glow behind portrait */

.stf-rajeev__portrait-glow {
    position: absolute;
    z-index: 1;

    bottom: 18px;
    left: -5px;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.56),
            rgba(244, 115, 58, 0.12) 54%,
            rgba(0, 44, 78, 0.08) 66%,
            transparent 74%
        );
}


/* Decorative leaf behind portrait */

.stf-rajeev__portrait-leaf {
    position: absolute;
    z-index: 2;

    bottom: -5px;
    left: -30px;

    width: 290px;
    height: auto;

    opacity: 0.16;

    /* Turns the leaf PNG into brand orange */
    filter:
        brightness(0)
        saturate(100%)
        invert(53%)
        sepia(93%)
        saturate(1882%)
        hue-rotate(337deg)
        brightness(101%)
        contrast(91%);

    transform: rotate(42deg);
}


/* Main portrait image */

.stf-rajeev__portrait-image {
    position: absolute;
    z-index: 3;

    bottom: 0;
    left: 0;

    display: block;

    width: 85%;
    height: 100%;

    object-fit: contain;
    object-position: center bottom;

    filter:
        drop-shadow(0 22px 22px rgba(0, 12, 24, 0.4));
}


/* =====================================================
   09. RIGHT-SIDE HEADING
===================================================== */

.stf-rajeev__heading {
    position: relative;
    z-index: 4;

    width: 100%;
    max-width: 390px;

    text-align: left;
}


/* Section number */

.stf-rajeev__section-number {
    display: block;

    margin-bottom: 19px;

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

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}


/* Chef role eyebrow */

.stf-rajeev__eyebrow {
    display: flex;

    margin: 0 0 14px;

    align-items: center;

    gap: 11px;

    color: var(--stf-rajeev-orange);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.stf-rajeev__eyebrow::before {
    content: "";

    width: 29px;
    height: 2px;

    flex: 0 0 29px;

    background: currentColor;
}


/* Chef name */

.stf-rajeev__heading h2 {
    margin: 0;

    color: #ffffff;

    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: clamp(50px, 5vw, 72px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-align: left;
    text-transform: uppercase;

    text-shadow:
        0 8px 25px rgba(0, 12, 24, 0.34);
}

.stf-rajeev__heading h2 span {
    display: block;

    color: var(--stf-rajeev-orange);
}


/* Heading description */

.stf-rajeev__heading-description {
    max-width: 320px;

    margin: 17px 0 0;

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

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.65;
}


/* =====================================================
   10. TABLET
===================================================== */

@media (max-width: 1050px) {

    .stf-rajeev__container {
        grid-template-columns:
            minmax(500px, 1.35fr)
            minmax(220px, 0.65fr);

        gap: 40px;
    }

    .stf-rajeev__heading h2 {
        font-size: clamp(47px, 5.8vw, 64px);
    }

    .stf-rajeev__feature,
    .stf-rajeev__biography {
        min-height: 420px;
    }

    .stf-rajeev__portrait {
        right: -45px;

        width: 280px;
        height: 440px;
    }

    .stf-rajeev__biography {
        padding:
            28px
            240px
            28px
            27px;
    }
}


/* =====================================================
   11. SMALL TABLET
===================================================== */

@media (max-width: 800px) {

    .stf-rajeev__container {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .stf-rajeev__heading {
        grid-row: 1;

        max-width: 580px;
    }

    .stf-rajeev__feature {
        grid-row: 2;

        width: calc(100% - 55px);
        margin-right: 55px;
    }

    .stf-rajeev__portrait {
        right: -35px;

        width: 255px;
        height: 420px;
    }

    .stf-rajeev__biography {
        padding-right: 225px;
    }
}


/* =====================================================
   12. MOBILE
===================================================== */

@media (max-width: 600px) {

    .stf-rajeev {
        --stf-rajeev-wave-height: 52px;
        --stf-rajeev-side-padding: 14px;

        padding:
            calc(var(--stf-rajeev-wave-height) + 27px)
            var(--stf-rajeev-side-padding)
            calc(var(--stf-rajeev-wave-height) + 28px);
    }

    .stf-rajeev__container {
        gap: 27px;
    }

    .stf-rajeev__section-number {
        margin-bottom: 14px;
        font-size: 9px;
    }

    .stf-rajeev__eyebrow {
        margin-bottom: 11px;
        font-size: 9px;
    }

    .stf-rajeev__heading h2 {
        font-size: clamp(45px, 14vw, 58px);
    }

    .stf-rajeev__heading-description {
        margin-top: 13px;
        font-size: 11px;
    }

    .stf-rajeev__feature {
        width: calc(100% - 34px);
        min-height: 410px;

        margin-right: 34px;

        border-radius: 20px;
    }

    .stf-rajeev__portrait {
        right: -20px;

        width: 170px;
        height: 385px;
    }

    .stf-rajeev__portrait-glow {
        bottom: 18px;
        left: -10px;

        width: 180px;
        height: 180px;
    }

    .stf-rajeev__portrait-leaf {
        left: -30px;
        width: 175px;
    }

    .stf-rajeev__biography {
        min-height: 410px;

        padding:
            20px
            145px
            20px
            14px;
    }

    .stf-rajeev__biography-label {
        font-size: 7px;
    }

    .stf-rajeev__lead {
        margin-bottom: 11px;

        font-size: 12.5px;
        line-height: 1.42;
    }

    .stf-rajeev__biography > p:not(.stf-rajeev__lead) {
        margin-bottom: 8px;

        font-size: 9.5px;
        line-height: 1.45;
    }

    .stf-rajeev__focus {
        margin-top: 13px;
        gap: 5px;
    }

    .stf-rajeev__focus span {
        min-height: 22px;

        padding: 0 7px;

        font-size: 6px;
    }
}


/* =====================================================
   13. VERY SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

    .stf-rajeev__feature {
        width: calc(100% - 27px);
        margin-right: 27px;
    }

    .stf-rajeev__portrait {
        right: -14px;

        width: 148px;
        height: 365px;
    }

    .stf-rajeev__biography {
        min-height: 405px;

        padding:
            17px
            125px
            17px
            9px;
    }

    .stf-rajeev__lead {
        font-size: 11px;
    }

    .stf-rajeev__biography > p:not(.stf-rajeev__lead) {
        font-size: 8.5px;
    }

    .stf-rajeev__focus span {
        font-size: 5.5px;
    }
}


/* =====================================================
   14. REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .stf-rajeev__focus span {
        transition: none;
    }
}/* End custom CSS */