.elementor-937 .elementor-element.elementor-element-6c86139{--display:flex;--min-height:60vh;--justify-content:center;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-937 .elementor-element.elementor-element-6c86139:not(.elementor-motion-effects-element-type-background), .elementor-937 .elementor-element.elementor-element-6c86139 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131109;}.elementor-937 .elementor-element.elementor-element-4b10b39{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-937 .elementor-element.elementor-element-4b10b39.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-937 .elementor-element.elementor-element-b211d1d.elementor-element{--align-self:center;}.elementor-937 .elementor-element.elementor-element-b211d1d{z-index:999;}.elementor-937 .elementor-element.elementor-element-b211d1d .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;text-transform:capitalize;color:#ECE4D2;}.elementor-937 .elementor-element.elementor-element-18949dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-937 .elementor-element.elementor-element-4d19897 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:12.48px;font-weight:500;fill:#181206;color:#181206;border-radius:0px 0px 0px 0px;}.elementor-937 .elementor-element.elementor-element-4d19897{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-937 .elementor-element.elementor-element-0d198d0 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:12.48px;font-weight:500;fill:#181206;color:#181206;border-radius:0px 0px 0px 0px;}.elementor-937 .elementor-element.elementor-element-0d198d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-937 .elementor-element.elementor-element-79e2b3e{--display:flex;--min-height:70vh;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#8A6E36;--border-color:#8A6E36;--padding-top:120px;--padding-bottom:120px;--padding-left:60px;--padding-right:60px;}.elementor-937 .elementor-element.elementor-element-79e2b3e:not(.elementor-motion-effects-element-type-background), .elementor-937 .elementor-element.elementor-element-79e2b3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0A08;}.elementor-937 .elementor-element.elementor-element-f0c15b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-937 .elementor-element.elementor-element-82b7fd4{--display:flex;}.elementor-937 .elementor-element.elementor-element-e65599b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11.52px;font-weight:600;text-transform:uppercase;letter-spacing:0.32em;color:#C9A24A;}.elementor-937 .elementor-element.elementor-element-ed7c182 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;line-height:1.6em;color:#ECE4D2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-937 .elementor-element.elementor-element-3098741{width:var( --container-widget-width, 84.397% );max-width:84.397%;--container-widget-width:84.397%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#948C7B;}.elementor-937 .elementor-element.elementor-element-3098741.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-937 .elementor-element.elementor-element-3098741 p{margin-block-end:9px;}.elementor-937 .elementor-element.elementor-element-905dfd3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-937 .elementor-element.elementor-element-f1a3f14 .elementor-button{background-color:#61CE7000;}.elementor-937 .elementor-element.elementor-element-b4bdf63{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-937 .elementor-element.elementor-element-c8f8480{--display:flex;}.elementor-937 .elementor-element.elementor-element-6ef29a1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-937 .elementor-element.elementor-element-ea5260c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-937 .elementor-element.elementor-element-79e2b3e{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-937 .elementor-element.elementor-element-e65599b{text-align:center;}.elementor-937 .elementor-element.elementor-element-ed7c182{text-align:center;}.elementor-937 .elementor-element.elementor-element-ed7c182 .elementor-heading-title{font-size:32px;}.elementor-937 .elementor-element.elementor-element-3098741{--container-widget-width:582px;--container-widget-flex-grow:0;width:var( --container-widget-width, 582px );max-width:582px;text-align:center;}.elementor-937 .elementor-element.elementor-element-905dfd3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-937 .elementor-element.elementor-element-6ef29a1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-937 .elementor-element.elementor-element-18949dc{--width:42%;}}/* Start custom CSS for container, class: .elementor-element-6c86139 *//* =========================================================
   JERICHO OVERTROWN PUBLISHING
   TESTIMONIALS HERO — FINAL
   ELEMENTOR MAIN CONTAINER — CUSTOM CSS

   ✓ EXISTING HERO HEIGHT PRESERVED
   ✓ NO HEIGHT FORCE
   ✓ SAME CINEMATIC GOLD AURORA
   ✓ SAME AMBIENT LIGHT
   ✓ TITLE ANIMATION
   ✓ GOLD LINE UNDER TITLE
   ✓ BUTTON UNDER GOLD LINE
   ✓ RESPONSIVE
========================================================= */


/* =========================================================
   HERO BASE
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139 {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    /* IMPORTANT:
       Existing Elementor height will remain unchanged.
       No min-height / fixed height added here.
    */

    background:
        radial-gradient(
            650px 420px at 50% 40%,
            rgba(214, 167, 73, 0.13),
            transparent 68%
        ),
        radial-gradient(
            500px 500px at 10% 20%,
            rgba(178, 128, 39, 0.10),
            transparent 70%
        ),
        radial-gradient(
            550px 500px at 90% 80%,
            rgba(207, 157, 57, 0.075),
            transparent 70%
        ),
        #0d0c08;

    background-size:
        120% 120%,
        140% 140%,
        140% 140%,
        100% 100%;

    animation:
        joTestimonialBackground
        18s ease-in-out
        infinite alternate;

    border-bottom:
        1px solid rgba(201,157,64,.28);
}


/* =========================================================
   MOVING GOLDEN AURORA
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139::before {
    content: "";

    position: absolute;

    width: 75%;
    height: 180%;

    left: -25%;
    top: -45%;

    background:
        linear-gradient(
            105deg,
            transparent 20%,
            rgba(225,181,91,.025) 35%,
            rgba(225,181,91,.16) 48%,
            rgba(255,219,133,.07) 53%,
            rgba(225,181,91,.025) 60%,
            transparent 75%
        );

    filter: blur(28px);

    transform: rotate(-12deg);

    animation:
        joTestimonialAurora
        10s
        cubic-bezier(.45,.05,.55,.95)
        infinite alternate;

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   AMBIENT LIGHT / DEPTH
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139::after {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 45%;

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

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(224,180,84,.12) 0%,
            rgba(224,180,84,.055) 28%,
            rgba(224,180,84,.015) 50%,
            transparent 72%
        );

    filter: blur(20px);

    animation:
        joTestimonialAmbient
        7s
        ease-in-out
        infinite;

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   ELEMENTOR INNER CONTENT
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139 > .e-con-inner {
    position: relative;
    z-index: 5;
}


/* =========================================================
   PREMIUM LIGHT VIGNETTE
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139 > .e-con-inner::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.28),
            transparent 25%,
            transparent 75%,
            rgba(0,0,0,.28)
        );

    pointer-events: none;

    z-index: -1;
}


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

.elementor-937 .elementor-element.elementor-element-6c86139 .elementor-widget-heading {
    position: relative;

    z-index: 10;

    opacity: 0;

    animation:
        joTestimonialTitle
        1.2s
        cubic-bezier(.16,1,.3,1)
        .15s
        forwards;
}


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

.elementor-937 .elementor-element.elementor-element-6c86139 .elementor-heading-title {
    position: relative;

    text-shadow:
        0 2px 20px rgba(0,0,0,.45),
        0 0 35px rgba(211,165,72,.06);

    transition:
        text-shadow .5s ease,
        transform .5s ease;
}


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

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-widget-heading:hover
.elementor-heading-title {

    text-shadow:
        0 3px 25px rgba(0,0,0,.55),
        0 0 45px rgba(211,165,72,.13);

    transform:
        translateY(-2px);
}


/* =========================================================
   GOLD ACCENT LINE
   TITLE KE NEECHE
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-widget-heading::after {

    content: "";

    display: block;

    width: 0;
    height: 2px;

    margin:
        20px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #cda446,
            #f0ce7a,
            #cda446,
            transparent
        );

    box-shadow:
        0 0 12px rgba(205,164,70,.35);

    animation:
        joTestimonialGoldLine
        1.2s
        cubic-bezier(.16,1,.3,1)
        1s
        forwards;
}


/* =========================================================
   BUTTON WIDGET
   GOLD LINE KE BAAD BUTTON
========================================================= */

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-widget-button {

    position: relative;

    z-index: 10;

    opacity: 0;

    animation:
        joTestimonialButton
        1s
        cubic-bezier(.16,1,.3,1)
        .65s
        forwards;
}


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

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-button {

    position: relative;

    overflow: hidden;

    isolation: isolate;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease,
        background-color .4s ease;

    box-shadow:
        0 8px 25px rgba(0,0,0,.28);
}


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

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-button::before {

    content: "";

    position: absolute;

    width: 45%;
    height: 200%;

    top: -50%;
    left: -90%;

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

    transform:
        rotate(18deg);

    transition:
        left .7s cubic-bezier(.16,1,.3,1);

    z-index: -1;
}


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

.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-button:hover {

    transform:
        translateY(-5px)
        scale(1.025);

    box-shadow:
        0 15px 35px rgba(0,0,0,.42),
        0 0 30px rgba(210,166,73,.16);
}


.elementor-937 .elementor-element.elementor-element-6c86139
.elementor-button:hover::before {
    left: 145%;
}


/* =========================================================
   BACKGROUND ANIMATION
========================================================= */

@keyframes joTestimonialBackground {

    0% {
        background-position:
            45% 40%,
            5% 15%,
            95% 85%,
            center;
    }

    50% {
        background-position:
            55% 55%,
            18% 28%,
            82% 70%,
            center;
    }

    100% {
        background-position:
            50% 35%,
            30% 10%,
            70% 90%,
            center;
    }
}


/* =========================================================
   AURORA ANIMATION
========================================================= */

@keyframes joTestimonialAurora {

    0% {
        transform:
            translateX(-15%)
            rotate(-12deg)
            scale(.95);

        opacity: .35;
    }

    50% {
        opacity: .85;
    }

    100% {
        transform:
            translateX(95%)
            rotate(-12deg)
            scale(1.08);

        opacity: .40;
    }
}


/* =========================================================
   AMBIENT LIGHT ANIMATION
========================================================= */

@keyframes joTestimonialAmbient {

    0% {
        transform:
            translate(-50%,-50%)
            scale(.72);

        opacity: .45;
    }

    50% {
        transform:
            translate(-50%,-50%)
            scale(1.12);

        opacity: 1;
    }

    100% {
        transform:
            translate(-50%,-50%)
            scale(.82);

        opacity: .55;
    }
}


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

@keyframes joTestimonialTitle {

    0% {
        opacity: 0;

        transform:
            translateY(38px)
            scale(.96);

        filter:
            blur(8px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);

        filter:
            blur(0);
    }
}


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

@keyframes joTestimonialGoldLine {

    0% {
        width: 0;
    }

    100% {
        width: 55px;
    }
}


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

@keyframes joTestimonialButton {

    0% {
        opacity: 0;

        transform:
            translateY(25px)
            scale(.94);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


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

@media (max-width:1024px) {

    .elementor-937 .elementor-element.elementor-element-6c86139::after {
        width: 400px;
        height: 400px;
    }
}


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

@media (max-width:767px) {

    /*
       IMPORTANT:
       No height/min-height added here.
       Elementor ki existing hero height preserved rahegi.
    */

    .elementor-937 .elementor-element.elementor-element-6c86139 {

        background-size:
            180% 180%,
            190% 190%,
            190% 190%,
            100% 100%;
    }


    .elementor-937 .elementor-element.elementor-element-6c86139::before {

        width: 120%;

        left: -45%;

        filter:
            blur(24px);
    }


    .elementor-937 .elementor-element.elementor-element-6c86139::after {

        width: 300px;
        height: 300px;
    }


    .elementor-937 .elementor-element.elementor-element-6c86139
    .elementor-button:hover {

        transform:
            translateY(-3px)
            scale(1.01);
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

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

    .elementor-937 .elementor-element.elementor-element-6c86139,
    .elementor-937 .elementor-element.elementor-element-6c86139::before,
    .elementor-937 .elementor-element.elementor-element-6c86139::after,
    .elementor-937 .elementor-element.elementor-element-6c86139 .elementor-widget-heading,
    .elementor-937 .elementor-element.elementor-element-6c86139 .elementor-widget-button,
    .elementor-937 .elementor-element.elementor-element-6c86139 .elementor-widget-heading::after {

        animation:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905dfd3 *//* PREMIUM JERICHO BUTTON */

.elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background: linear-gradient(
        135deg,
        #e7c579 0%,
        #c9a24a 50%,
        #b88a35 100%
    );

    color: #131109;
    border: 1px solid rgba(240,206,122,.55);
    border-radius: 4px;

    padding: 15px 30px;

    box-shadow:
        0 8px 25px rgba(0,0,0,.28);

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        box-shadow .4s ease,
        background .4s ease;
}

.elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button::before {
    content: "";
    position: absolute;
    width: 45%;
    height: 220%;
    top: -60%;
    left: -100%;

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

    transform: rotate(18deg);
    transition: left .75s cubic-bezier(.16,1,.3,1);
    z-index: -1;
}

.elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button:hover {
    transform: translateY(-5px) scale(1.025);

    background: linear-gradient(
        135deg,
        #f0ce7a 0%,
        #d9b35e 50%,
        #c9a24a 100%
    );

    color: #0d0c08;

    box-shadow:
        0 15px 35px rgba(0,0,0,.42),
        0 0 30px rgba(210,166,73,.18);
}

.elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button:hover::before {
    left: 145%;
}

@media (max-width:767px) {
    .elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button {
        padding: 13px 24px;
    }

    .elementor-937 .elementor-element.elementor-element-905dfd3 .elementor-button:hover {
        transform: translateY(-3px) scale(1.01);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79e2b3e *//* ============================================================
   TESTIMONY ARCH — LUXURY GOLD GLOW EDITION
   Same Structure / Enhanced Glow / Premium Depth
============================================================ */

.arch-frame {
    position: relative;

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

    margin: 0 auto;

    background:
        radial-gradient(
            ellipse at 50% 20%,
            rgba(201,162,74,0.11) 0%,
            rgba(201,162,74,0.035) 30%,
            transparent 65%
        ),
        linear-gradient(
            145deg,
            #17150e 0%,
            #0d0d09 48%,
            #080806 100%
        );

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

    overflow: hidden;
    box-sizing: border-box;

    min-height: 0;

    padding-top: 55%;

    border: 1px solid rgba(201,162,74,0.25);

    box-shadow:
        0 25px 70px rgba(0,0,0,0.48),
        inset 0 0 60px rgba(201,162,74,0.025);

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


/* ============================================================
   SOFT AMBIENT GLOW
============================================================ */

.arch-frame {
    isolation: isolate;
}

.arch-frame::before,
.arch-frame::after {
    transition:
        border-color 0.5s ease,
        box-shadow 0.5s ease,
        filter 0.5s ease;
}


/* ============================================================
   OUTER ARCH
============================================================ */

.arch-frame::before {
    content: "";

    position: absolute;

    left: 10%;
    right: 10%;
    top: 0;

    height: 100%;

    background:
        radial-gradient(
            ellipse at 50% 12%,
            rgba(201,162,74,0.08),
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #0c0c09 0%,
            #080908 65%,
            #070806 100%
        );

    border: 1px solid #9A7835;
    border-bottom: none;

    border-radius: 280px 280px 0 0;

    box-sizing: border-box;

    z-index: 1;

    box-shadow:
        0 0 8px rgba(201,162,74,0.22),
        0 0 25px rgba(201,162,74,0.10),
        0 0 55px rgba(201,162,74,0.045),
        inset 0 0 30px rgba(201,162,74,0.025);
}


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

.arch-frame::after {
    content: "";

    position: absolute;

    left: 15%;
    right: 15%;
    top: 5%;

    height: 95%;

    border: 1px solid #C9A24A;
    border-bottom: none;

    border-radius: 240px 240px 0 0;

    box-sizing: border-box;

    z-index: 2;

    pointer-events: none;

    box-shadow:
        0 0 7px rgba(201,162,74,0.40),
        0 0 18px rgba(201,162,74,0.18),
        0 0 38px rgba(201,162,74,0.07),

        inset 0 0 10px rgba(201,162,74,0.05);
}


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

.arch-quote {
    position: relative;

    z-index: 5;

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

    padding: 0 22px 55px;

    box-sizing: border-box;

    text-align: center;
}


/* ============================================================
   TOP GOLD ORNAMENT
============================================================ */

.arch-quote::before {
    content: "✦";

    display: block;

    margin-bottom: 12px;

    font-family: "Cormorant Garamond", serif;

    font-size: 16px;

    line-height: 1;

    color: #C9A24A;

    text-shadow:
        0 0 6px rgba(201,162,74,0.75),
        0 0 18px rgba(201,162,74,0.35),
        0 0 32px rgba(201,162,74,0.16);
}


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

.arch-quote p {
    position: relative;

    margin: 0 0 22px 0 !important;

    font-family: "Cormorant Garamond", serif !important;

    font-style: italic !important;

    font-size: 22px !important;

    font-weight: 500 !important;

    line-height: 1.48 !important;

    color: #ECE4D2 !important;

    text-shadow:
        0 1px 14px rgba(0,0,0,0.8),
        0 0 18px rgba(201,162,74,0.035);
}


/* ============================================================
   DECORATIVE QUOTE MARK
============================================================ */

.arch-quote p::before {
    content: "“";

    position: absolute;

    left: 50%;
    top: -39px;

    transform: translateX(-50%);

    font-family: "Cormorant Garamond", serif;

    font-size: 58px;

    font-style: normal;

    line-height: 1;

    color: rgba(201,162,74,0.18);

    text-shadow:
        0 0 20px rgba(201,162,74,0.10);

    pointer-events: none;
}


/* ============================================================
   ATTRIBUTION
============================================================ */

.arch-quote span {
    position: relative;

    display: inline-block;

    margin: 0 !important;

    padding-top: 8px;

    font-family: "Inter", sans-serif !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 0.15em !important;

    text-transform: uppercase !important;

    color: #C9A24A !important;

    text-shadow:
        0 0 8px rgba(201,162,74,0.35),
        0 0 18px rgba(201,162,74,0.12);
}


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

.arch-quote span::before {
    content: "";

    display: inline-block;

    width: 32px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #C9A24A
        );

    margin-right: 10px;

    vertical-align: middle;

    box-shadow:
        0 0 7px rgba(201,162,74,0.65),
        0 0 15px rgba(201,162,74,0.25);
}


/* ============================================================
   BOTTOM GLOW ORNAMENT
============================================================ */

.arch-quote::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 26px;

    width: 55px;
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #C9A24A,
            transparent
        );

    box-shadow:
        0 0 8px rgba(201,162,74,0.65),
        0 0 20px rgba(201,162,74,0.28);
}


/* ============================================================
   HOVER — GOLD ENERGY
============================================================ */

.arch-frame:hover {
    border-color: rgba(201,162,74,0.48);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.58),
        0 0 35px rgba(201,162,74,0.08),
        inset 0 0 65px rgba(201,162,74,0.035);
}

.arch-frame:hover::before {
    border-color: #B99142;

    box-shadow:
        0 0 12px rgba(201,162,74,0.35),
        0 0 32px rgba(201,162,74,0.17),
        0 0 65px rgba(201,162,74,0.07),
        inset 0 0 35px rgba(201,162,74,0.035);

    filter: brightness(1.08);
}

.arch-frame:hover::after {
    border-color: #E0BA62;

    box-shadow:
        0 0 9px rgba(201,162,74,0.65),
        0 0 22px rgba(201,162,74,0.30),
        0 0 45px rgba(201,162,74,0.12),

        inset 0 0 15px rgba(201,162,74,0.07);

    filter: brightness(1.12);
}


/* ============================================================
   HIDE OLD SVG
============================================================ */

.arch-svg {
    display: none !important;
}


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

@media (max-width: 1024px) {

    .arch-frame {
        max-width: 480px;
        padding-top: 60%;
    }

    .arch-frame::before {
        left: 9%;
        right: 9%;

        border-radius: 240px 240px 0 0;
    }

    .arch-frame::after {
        left: 14%;
        right: 14%;

        border-radius: 205px 205px 0 0;
    }

    .arch-quote {
        padding: 0 36px 50px;
    }

    .arch-quote p {
        font-size: 21px !important;
    }
}


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

@media (max-width: 760px) {

    .arch-frame {
        width: 100%;
        max-width: 100%;

        padding-top: 78%;
    }

    .arch-frame::before {
        left: 7%;
        right: 7%;

        border-radius: 180px 180px 0 0;
    }

    .arch-frame::after {
        left: 13%;
        right: 13%;

        top: 5%;

        height: 95%;

        border-radius: 150px 150px 0 0;
    }

    .arch-quote {
        padding: 0 28px 42px;
    }

    .arch-quote::before {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .arch-quote p {
        font-size: 18px !important;
        line-height: 1.45 !important;
        margin-bottom: 18px !important;
    }

    .arch-quote p::before {
        top: -33px;
        font-size: 48px;
    }

    .arch-quote span {
        font-size: 9px !important;
        letter-spacing: 0.13em !important;
    }

    .arch-quote span::before {
        width: 22px;
        margin-right: 7px;
    }

    .arch-quote::after {
        width: 45px;
        bottom: 19px;
    }
}


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

@media (max-width: 480px) {

    .arch-frame {
        padding-top: 88%;
    }

    .arch-frame::before {
        left: 6%;
        right: 6%;

        border-radius: 150px 150px 0 0;
    }

    .arch-frame::after {
        left: 12%;
        right: 12%;

        border-radius: 125px 125px 0 0;
    }

    .arch-quote {
        padding: 0 22px 36px;
    }

    .arch-quote p {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }

    .arch-quote p::before {
        top: -29px;
        font-size: 43px;
    }

    .arch-quote span {
        font-size: 8px !important;
        letter-spacing: 0.11em !important;
    }

    .arch-quote span::before {
        width: 20px;
    }
}/* End custom CSS */