.elementor-7547 .elementor-element.elementor-element-4997608{--display:flex;--min-height:397px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7547 .elementor-element.elementor-element-b402f51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7547 .elementor-element.elementor-element-ded2f2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7547 .elementor-element.elementor-element-ded2f2a:not(.elementor-motion-effects-element-type-background), .elementor-7547 .elementor-element.elementor-element-ded2f2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EDD8;}.elementor-7547 .elementor-element.elementor-element-766533d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7547 .elementor-element.elementor-element-766533d:not(.elementor-motion-effects-element-type-background), .elementor-7547 .elementor-element.elementor-element-766533d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EDD8;}.elementor-7547 .elementor-element.elementor-element-2a9b071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-899ebe3 *//* PAGE HERO */
            .page-hero {
                position: relative;
                height: 420px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden
            }

            .ph-bg {
                position: absolute;
                inset: 0
            }

            .ph-bg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center 30%;
                animation: imgpan 20s ease-in-out infinite alternate;
                filter: brightness(.5) saturate(1.05)
            }

            .ph-grad {
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg,#090e09cc 0%,#14281099 40%,#090e09e0 100%)
            }

            .ph-amber {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 35%;
                background: linear-gradient(to top,#b8820a26,transparent)
            }

            .ph-ring {
                position: absolute;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                pointer-events: none;
                z-index: 2
            }

            .ph-r1 {
                width: 340px;
                height: 340px;
                border: 1px solid #e8c04026;
                animation: nat-spin 40s linear infinite;
                transform: translate(-50%,-50%)
            }

            .ph-r2 {
                width: 220px;
                height: 220px;
                border: 1px dashed #e8c0401a;
                animation: nat-spin 26s linear infinite reverse;
                transform: translate(-50%,-50%)
            }

            .ph-content {
                position: relative;
                z-index: 10;
                text-align: center;
                padding: 0 44px
            }

            .ph-om {
                font-family: serif;
                font-size: 40px;
                color: #e8c040;
                text-shadow: 0 0 30px #e8c0408c;
                display: block;
                margin-bottom: 10px;
                opacity: 0;
                animation: reveal .9s ease forwards .2s
            }

            .ph-eyebrow {
                font-size: 9px;
                letter-spacing: 5px;
                color: #f0dca080;
                font-weight: 300;
                text-transform: uppercase;
                opacity: 0;
                animation: reveal .9s ease forwards .4s;
                margin-bottom: 12px
            }

            .ph-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 58px;
                font-weight: 300;
                color: #fdf8ee;
                line-height: 1.05;
                opacity: 0;
                animation: reveal 1s ease forwards .6s
            }

            .ph-title em {
                font-style: italic;
                color: #e8c040
            }

            .ph-sub {
                font-size: 12px;
                color: #f0dca080;
                letter-spacing: 2.5px;
                font-weight: 300;
                margin-top: 14px;
                opacity: 0;
                animation: reveal .9s ease forwards 1s
            }
            
            .ph-content {
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 0 44px;
}
/* 1. Animation fix (VERY IMPORTANT) */
@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. Make text visible always */
.ph-om,
.ph-eyebrow,
.ph-title,
.ph-sub {
  opacity: 1;
}

/* 3. Bring text on top */
.ph-content {
  position: relative;
  z-index: 20;
}

/* 4. Darken background so text pops */
.ph-bg img {
  filter: brightness(0.4);
}

/* 5. Title glow */
.ph-title {
  color: #fff;
  text-shadow: 0 0 20px rgba(232,192,64,0.6);
}

.ph-title em {
  color: #e8c040;
}

/* 6. OM glow */
.ph-om {
  color: #e8c040;
  text-shadow: 0 0 25px rgba(232,192,64,0.8);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b320743 *//* DIYA BAR */
            .diya-bar {
                background: #1e3c18;
                padding: 11px 44px;
                overflow: hidden;
                position: relative
            }

            .diya-bar::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg,#b8810a0d,#b8820a1a,#b8820a0d)
            }

            .diya-inner {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 22px;
                flex-wrap: wrap
            }

            .diya-txt {
                font-family: 'Cormorant Garamond',serif;
                font-size: 14px;
                font-style: italic;
                color: #f0dca094;
                letter-spacing: 2.5px;
                font-weight: 300
            }

            .flm {
                animation: flicker .5s ease-in-out infinite alternate
            }

            /* SCROLL ANIM JS */
            .scroll-obs {
                opacity: 0;
                transform: translateY(24px);
                transition: opacity .85s ease,transform .85s ease
            }

            .scroll-obs.in {
                opacity: 1;
                transform: none
            }
@media (max-width: 768px) {
    .diya-inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
    }

    .diya-inner::-webkit-scrollbar {
        display: none;
    }

    .diya-txt {
        white-space: nowrap;
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f02eb9 *//* ═══ SERVICES PAGE SPECIFIC ═══ */
            /* SERVICE CARDS GRID */
            .services-sec {
                padding: 88px 44px;
                background: #f7edd8
            }

            .services-intro {
                text-align: center;
                max-width: 680px;
                margin: 0 auto 64px
            }

            .services-intro-body {
                font-size: 14px;
                color: #2c1c0c;
                line-height: 1.9;
                font-weight: 300;
                margin-top: 16px
            }

            .srv-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 22px;
                max-width: 1300px;
                margin: 0 auto
            }

            .srv-card {
                background: #fdf8ee;
                border: 1px solid #b8820a1f;
                border-radius: 4px;
                overflow: hidden;
                cursor: pointer;
                transition: transform .4s,box-shadow .4s,border-color .4s;
                position: relative;
                display: flex;
                flex-direction: column
            }

            .srv-card:hover {
                transform: translateY(-10px);
                box-shadow: 0 28px 65px #14281021;
                border-color: #b8820a61
            }

            .srv-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, #b8820a, #c45a10);
                transform: scaleX(0);
                transition: transform .4s
            }

            .srv-card:hover::after {
                transform: scaleX(1)
            }

            /* Top colour band per service */
            .srv-band {
                height: 6px;
                width: 100%
            }

            .band-astro {
                background: linear-gradient(90deg, #4A1A60, #8B40A0)
            }

            .band-spiritual {
                background: linear-gradient(90deg, #142810,#5A8040)
            }

            .band-energise {
                background: linear-gradient(90deg, #c45a10, #e8c040)
            }

            .band-puja {
                background: linear-gradient(90deg, #8B0000, #c45a10)
            }

            .band-chakra {
                background: linear-gradient(90deg, #0A4A6A, #1A8A7A)
            }

            .band-free {
                background: linear-gradient(90deg, #2a5220, #5a8040)
            }

            .srv-body {
                padding: 32px 28px;
                flex: 1;
                display: flex;
                flex-direction: column
            }

            .srv-icon-wrap {
                width: 68px;
                height: 68px;
                border-radius: 50%;
                background: #f7edd8;
                border: 1px solid #b8820a2e;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 30px;
                margin-bottom: 20px;
                transition: all .35s;
                flex-shrink: 0
            }

            .srv-card:hover .srv-icon-wrap {
                background: #142810;
                box-shadow: 0 0 22px #14281033;
                border-color: var(--forest)
            }

            .srv-cat {
                font-size: 8px;
                letter-spacing: 4px;
                color: #b8820a;
                font-weight: 300;
                margin-bottom: 6px;
                text-transform: uppercase
            }

            .srv-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 26px;
                color: #2c1c0c;
                margin-bottom: 12px;
                line-height: 1.15
            }

            .srv-desc {
                font-size: 12.5px;
                color: #6a5040;
                line-height: 1.85;
                font-weight: 300;
                flex: 1;
                margin-bottom: 20px
            }

            .srv-features {
                display: flex;
                flex-direction: column;
                gap: 7px;
                margin-bottom: 22px
            }

            .srv-feat {
                display: flex;
                align-items: flex-start;
                gap: 9px;
                font-size: 11px;
                color: #6a5040;
                font-weight: 300
            }

            .srv-feat-dot {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #b8820a;
                flex-shrink: 0;
                margin-top: 5px
            }

            .srv-price-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-top: 18px;
                border-top: 1px solid #b8820a1a
            }

            .srv-price {
                font-family: 'Cormorant Garamond',serif;
                font-size: 22px;
                color: #c45a10
            }

            .srv-price-sub {
                font-size: 9px;
                letter-spacing: 1.5px;
                color: #6a5040;
                font-weight: 300;
                margin-top: 2px
            }

            .srv-cta-btn {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 10px 18px;
                background: #142810;
                color: #fdf8ee;
                border: none;
                cursor: pointer;
                font-family: 'DM Sans',sans-serif;
                transition: all .28s;
                border-radius: 2px
            }

            .srv-cta-btn:hover {
                background: #c45a10;
                transform: translateY(-2px)
            }

            /* ═══ FEATURED — ENERGISATION (FULL WIDTH) ═══ */
            .energise-feature {
                background: #c45a10;
                padding: 88px 44px;
                position: relative;
                overflow: hidden
            }

            .ef-ring {
                position: absolute;
                border-radius: 50%;
                border: 1px solid #e8c04012;
                animation: nat-spin 50s linear infinite;
                pointer-events: none
            }

            .ef-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 72px;
                align-items: center;
                max-width: 1300px;
                margin: 0 auto;
                position: relative;
                z-index: 2
            }

            .ef-img {
                border-radius: 4px;
                overflow: hidden;
                aspect-ratio: 4/5;
                position: relative
            }

            .ef-img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 22px;
                background: #f0dca00a;
                display: block;
                transition: transform .7s
            }

            .ef-img:hover img {
                transform: scale(1.04)
            }

            .ef-badge {
                position: absolute;
                top: 18px;
                left: 18px;
                background: #c45a10;
                color: white;
                font-size: 8px;
                letter-spacing: 2.5px;
                padding: 6px 14px
            }

            .ef-text {
            }

            .ef-eyebrow {
                font-size: 9px;
                letter-spacing: 5px;
                color: #c89a20;
                font-weight: 300;
                margin-bottom: 10px;
                text-transform: uppercase
            }

            .ef-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 46px;
                color: #fdf8ee;
                font-weight: 300;
                line-height: 1.05;
                margin-bottom: 18px
            }

            .ef-title em {
                font-style: italic;
                color: #b8820a
            }

            .ef-rule {
                width: 50px;
                height: 1.5px;
                background: linear-gradient(90deg, #e8c040, #e8c04026);
                margin-bottom: 22px
            }

            .ef-body {
                font-size: 13px;
                color: #f0dca080;
                line-height: 1.95;
                font-weight: 300;
                margin-bottom: 24px
            }

            .ef-body p {
                margin-bottom: 12px
            }

            .ef-steps {
                display: flex;
                flex-direction: column;
                gap: 14px;
                margin-bottom: 28px
            }

            .ef-step {
                display: flex;
                gap: 14px;
                align-items: flex-start
            }

            .ef-step-num {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background: #b8820a26;
                border: 1px solid #b8820a40;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Cormorant Garamond',serif;
                font-size: 16px;
                color: #e8c040;
                flex-shrink: 0
            }

            .ef-step-body {
                font-size: 12px;
                color: #f0dca080;
                line-height: 1.7;
                font-weight: 300;
                padding-top: 5px
            }

            .ef-step-body strong {
                color: #f0dca0d9;
                font-weight: 500
            }

            /* ═══ PROCESS STRIP ═══ */
            .process-strip {
                padding: 72px 44px;
                background: #fdf8ee;
                text-align: center
            }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1b7d99 *//* ═══ SERVICES PAGE SPECIFIC ═══ */
            /* SERVICE CARDS GRID */
            .services-sec {
                padding: 88px 44px;
                background: #f7edd8
            }

            .services-intro {
                text-align: center;
                max-width: 680px;
                margin: 0 auto 64px
            }

            .services-intro-body {
                font-size: 14px;
                color: #2c1c0c;
                line-height: 1.9;
                font-weight: 300;
                margin-top: 16px
            }

            .srv-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 22px;
                max-width: 1300px;
                margin: 0 auto
            }

            .srv-card {
                background: #fdf8ee;
                border: 1px solid #b8820a1f;
                border-radius: 4px;
                overflow: hidden;
                cursor: pointer;
                transition: transform .4s,box-shadow .4s,border-color .4s;
                position: relative;
                display: flex;
                flex-direction: column
            }

            .srv-card:hover {
                transform: translateY(-10px);
                box-shadow: 0 28px 65px #14281021;
                border-color: #b8820a61
            }

            .srv-card::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: linear-gradient(90deg, #b8820a, #c45a10);
                transform: scaleX(0);
                transition: transform .4s
            }

            .srv-card:hover::after {
                transform: scaleX(1)
            }

            /* Top colour band per service */
            .srv-band {
                height: 6px;
                width: 100%
            }

            .band-astro {
                background: linear-gradient(90deg, #4A1A60, #8B40A0)
            }

            .band-spiritual {
                background: linear-gradient(90deg, #142810,#5A8040)
            }

            .band-energise {
                background: linear-gradient(90deg, #c45a10, #e8c040)
            }

            .band-puja {
                background: linear-gradient(90deg, #8B0000, #c45a10)
            }

            .band-chakra {
                background: linear-gradient(90deg, #0A4A6A, #1A8A7A)
            }

            .band-free {
                background: linear-gradient(90deg, #2a5220, #5a8040)
            }

            .srv-body {
                padding: 32px 28px;
                flex: 1;
                display: flex;
                flex-direction: column
            }

            .srv-icon-wrap {
                width: 68px;
                height: 68px;
                border-radius: 50%;
                background: #f7edd8;
                border: 1px solid #b8820a2e;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 30px;
                margin-bottom: 20px;
                transition: all .35s;
                flex-shrink: 0
            }

            .srv-card:hover .srv-icon-wrap {
                background: #142810;
                box-shadow: 0 0 22px #14281033;
                border-color: var(--forest)
            }

            .srv-cat {
                font-size: 8px;
                letter-spacing: 4px;
                color: #b8820a;
                font-weight: 300;
                margin-bottom: 6px;
                text-transform: uppercase
            }

            .srv-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 26px;
                color: #2c1c0c;
                margin-bottom: 12px;
                line-height: 1.15
            }

            .srv-desc {
                font-size: 12.5px;
                color: #6a5040;
                line-height: 1.85;
                font-weight: 300;
                flex: 1;
                margin-bottom: 20px
            }

            .srv-features {
                display: flex;
                flex-direction: column;
                gap: 7px;
                margin-bottom: 22px
            }

            .srv-feat {
                display: flex;
                align-items: flex-start;
                gap: 9px;
                font-size: 11px;
                color: #6a5040;
                font-weight: 300
            }

            .srv-feat-dot {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #b8820a;
                flex-shrink: 0;
                margin-top: 5px
            }

            .srv-price-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding-top: 18px;
                border-top: 1px solid #b8820a1a
            }

            .srv-price {
                font-family: 'Cormorant Garamond',serif;
                font-size: 22px;
                color: #c45a10
            }

            .srv-price-sub {
                font-size: 9px;
                letter-spacing: 1.5px;
                color: #6a5040;
                font-weight: 300;
                margin-top: 2px
            }

            .srv-cta-btn {
                font-size: 9px;
                letter-spacing: 2.5px;
                padding: 10px 18px;
                background: #142810;
                color: #fdf8ee;
                border: none;
                cursor: pointer;
                font-family: 'DM Sans',sans-serif;
                transition: all .28s;
                border-radius: 2px
            }

            .srv-cta-btn:hover {
                background: #c45a10;
                transform: translateY(-2px)
            }

            /* ═══ FEATURED — ENERGISATION (FULL WIDTH) ═══ */
            .energise-feature {
                background: #c45a10;
                padding: 88px 44px;
                position: relative;
                overflow: hidden
            }

            .ef-ring {
                position: absolute;
                border-radius: 50%;
                border: 1px solid #e8c04012;
                animation: nat-spin 50s linear infinite;
                pointer-events: none
            }

            .ef-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 72px;
                align-items: center;
                max-width: 1300px;
                margin: 0 auto;
                position: relative;
                z-index: 2
            }

            .ef-img {
                border-radius: 4px;
                overflow: hidden;
                aspect-ratio: 4/5;
                position: relative
            }

            .ef-img img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                padding: 22px;
                background: #f0dca00a;
                display: block;
                transition: transform .7s
            }

            .ef-img:hover img {
                transform: scale(1.04)
            }

            .ef-badge {
                position: absolute;
                top: 18px;
                left: 18px;
                background: #c45a10;
                color: white;
                font-size: 8px;
                letter-spacing: 2.5px;
                padding: 6px 14px
            }

            .ef-text {
            }

            .ef-eyebrow {
                font-size: 9px;
                letter-spacing: 5px;
                color: #c89a20;
                font-weight: 300;
                margin-bottom: 10px;
                text-transform: uppercase
            }

            .ef-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 46px;
                color: #fdf8ee;
                font-weight: 300;
                line-height: 1.05;
                margin-bottom: 18px
            }

            .ef-title em {
                font-style: italic;
                color: #b8820a
            }

            .ef-rule {
                width: 50px;
                height: 1.5px;
                background: linear-gradient(90deg, #e8c040, #e8c04026);
                margin-bottom: 22px
            }

            .ef-body {
                font-size: 13px;
                color: #f0dca080;
                line-height: 1.95;
                font-weight: 300;
                margin-bottom: 24px
            }

            .ef-body p {
                margin-bottom: 12px
            }

            .ef-steps {
                display: flex;
                flex-direction: column;
                gap: 14px;
                margin-bottom: 28px
            }

            .ef-step {
                display: flex;
                gap: 14px;
                align-items: flex-start
            }

            .ef-step-num {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background: #b8820a26;
                border: 1px solid #b8820a40;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Cormorant Garamond',serif;
                font-size: 16px;
                color: #e8c040;
                flex-shrink: 0
            }

            .ef-step-body {
                font-size: 12px;
                color: #f0dca080;
                line-height: 1.7;
                font-weight: 300;
                padding-top: 5px
            }

            .ef-step-body strong {
                color: #f0dca0d9;
                font-weight: 500
            }

            /* ═══ PROCESS STRIP ═══ */
            .process-strip {
                padding: 72px 44px;
                background: #fdf8ee;
                text-align: center
            }
            
            /* ═══ MOBILE FIXES ═══ */
@media (max-width: 992px) {

    /* SERVICES GRID → 2 columns */
    .srv-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* POLICY LAYOUT → stack sidebar + content */
    .policy-layout {
        grid-template-columns: 1fr;
        padding: 24px 16px 60px;
    }

    .policy-sidebar {
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }

    /* POLICY HEADER */
    .pol-header {
        padding: 28px 20px;
    }

    .pol-body {
        padding: 24px 18px;
    }

    .pol-h-title {
        font-size: 28px;
    }

    /* TABLE SCROLL FIX */
    .pol-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* CONTACT BOX STACK */
    .pol-contact-box {
        flex-direction: column;
        align-items: flex-start;
    }

    /* SERVICES SECTION PADDING */
    .services-sec {
        padding: 60px 18px;
    }

    /* FEATURE GRID */
    .ef-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ef-title {
        font-size: 32px;
    }
}

@media (max-width: 600px) {

    /* SERVICES → 1 column */
    .srv-grid {
        grid-template-columns: 1fr;
    }

    .srv-body {
        padding: 22px 18px;
    }

    .srv-title {
        font-size: 22px;
    }

    .srv-desc {
        font-size: 12px;
    }

    /* BUTTON FULL WIDTH */
    .srv-price-row {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .srv-cta-btn {
        width: 100%;
        text-align: center;
    }

    /* POLICY TITLE SMALL */
    .pol-h-title {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3556a7f *//* ═══ PROCESS STRIP ═══ */
            .process-strip {
                padding: 72px 44px;
                background: #fdf8ee;
                text-align: center
            }

            .proc-steps {
                display: flex;
                gap: 0;
                max-width: 1100px;
                margin: 44px auto 0;
                position: relative
            }

            .proc-steps::before {
                content: '';
                position: absolute;
                top: 28px;
                left: 10%;
                right: 10%;
                height: 1px;
                background: linear-gradient(90deg,transparent, #b8820a40 20%, #b8820a40 80%,transparent)
            }

            .proc-step {
                flex: 1;
                text-align: center;
                position: relative;
                z-index: 2
            }

            .proc-circle {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                background: #f7edd8;
                border: 1.5px solid #b8820a40;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 14px;
                font-family: 'Cormorant Garamond',serif;
                font-size: 22px;
                color: #b8820a;
                transition: all .35s
            }

            .proc-step:hover .proc-circle {
                background: #142810;
                color: #e8c040;
                border-color: #142810;
                box-shadow: 0 0 18px #14281033
            }

            .proc-step-title {
                font-family: 'Cormorant Garamond',serif;
                font-size: 16px;
                color: #2C1C0C;
                margin-bottom: 5px
            }

            .proc-step-desc {
                font-size: 11px;
                color: #6a5040;
                font-weight: 300;
                line-height: 1.65;
                max-width: 130px;
                margin: 0 auto
            }
/* PRIMARY BUTTON */
.btn-saffron{
  background:#7a2a10 !important;
  color:#fff !important;
  border:1px solid #7a2a10 !important;
}

/* HOVER */
.btn-saffron:hover{
  background:#5e2017 !important;
  border-color:#5e2017 !important;
}

/* OUTLINE BUTTON */
.btn-outline{
  background:transparent !important;
  color:#7a2a10 !important;
  border:1px solid #7a2a10 !important;
}

/* OUTLINE HOVER */
.btn-outline:hover{
  background:#7a2a10 !important;
  color:#fff !important;
}


/* ═══ PROCESS 2 COLUMN MOBILE ═══ */
@media (max-width: 768px){

  .process-strip{
    padding:50px 16px;
  }

  /* TITLE */
  .process-strip .h2{
    font-size:24px;
    text-align:center;
  }

  /* ⭐ MAIN GRID FIX */
  .proc-steps{
    display:grid;
    grid-template-columns:repeat(2, 1fr); /* 2 column */
    gap:14px;
    margin-top:30px;
  }

  /* remove timeline line */
  .proc-steps::before{
    display:none;
  }

  /* CARD STYLE */
  .proc-step{
    background:#f7edd8;
    padding:16px 10px;
    border:1px solid #b8820a1f;
    border-radius:6px;
    text-align:center;
  }

  /* CIRCLE */
  .proc-circle{
    width:44px;
    height:44px;
    font-size:16px;
    margin:0 auto 8px;
  }

  /* TITLE */
  .proc-step-title{
    font-size:14px;
  }

  /* DESC */
  .proc-step-desc{
    font-size:11px;
    max-width:100%;
    line-height:1.4;
  }

  /* BUTTONS */
  .bcta-btns{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:28px;
    align-items:center;
    font-size: 10px
  }
  .bcta-btns .btn{
  text-align:center;
  line-height:1.2;
  font-size: 10px
}

  .bcta-btns .btn{
    width:100%;
    max-width:260px;
  }
}

.btn:not(.black):not(.active):not(.bordered):not(.style-custom):hover, .content-product .product-details .button:hover, .woocommerce-Button:hover, .et_load-posts .btn a:hover, .et_shop-load-more:not(.finished) a:hover, .sb-infinite-scroll-load-more:not(.finished) a:hover, form #qna-ask-input button:hover, body #wcmp-store-conatiner input[type="submit"]:hover {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    font-size: 10px;
}/* End custom CSS */