.elementor-1663 .elementor-element.elementor-element-61fcc40{--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-1663 .elementor-element.elementor-element-61fcc40:not(.elementor-motion-effects-element-type-background), .elementor-1663 .elementor-element.elementor-element-61fcc40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131109;}.elementor-1663 .elementor-element.elementor-element-313ec32{--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-1663 .elementor-element.elementor-element-313ec32.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-1663 .elementor-element.elementor-element-c7fc1d7.elementor-element{--align-self:center;}.elementor-1663 .elementor-element.elementor-element-c7fc1d7{z-index:999;}.elementor-1663 .elementor-element.elementor-element-c7fc1d7 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;text-transform:capitalize;color:#ECE4D2;}.elementor-1663 .elementor-element.elementor-element-3157f45{--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-1663 .elementor-element.elementor-element-279bc94 .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-1663 .elementor-element.elementor-element-279bc94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1663 .elementor-element.elementor-element-094f76c .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-1663 .elementor-element.elementor-element-094f76c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1663 .elementor-element.elementor-element-dbb81b8{--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(min-width:768px){.elementor-1663 .elementor-element.elementor-element-3157f45{--width:42%;}}@media(max-width:767px){.elementor-1663 .elementor-element.elementor-element-c7fc1d7{text-align:center;}.elementor-1663 .elementor-element.elementor-element-c7fc1d7 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-61fcc40 *//* =========================================================
   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-1663 .elementor-element.elementor-element-61fcc40 {
    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-1663 .elementor-element.elementor-element-61fcc40::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-1663 .elementor-element.elementor-element-61fcc40::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-1663 .elementor-element.elementor-element-61fcc40 > .e-con-inner {
    position: relative;
    z-index: 5;
}


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

.elementor-1663 .elementor-element.elementor-element-61fcc40 > .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-1663 .elementor-element.elementor-element-61fcc40 .elementor-widget-heading {
    position: relative;

    z-index: 10;

    opacity: 0;

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


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

.elementor-1663 .elementor-element.elementor-element-61fcc40 .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-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40
.elementor-widget-button {

    position: relative;

    z-index: 10;

    opacity: 0;

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


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

.elementor-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40
.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-1663 .elementor-element.elementor-element-61fcc40::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-1663 .elementor-element.elementor-element-61fcc40 {

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


    .elementor-1663 .elementor-element.elementor-element-61fcc40::before {

        width: 120%;

        left: -45%;

        filter:
            blur(24px);
    }


    .elementor-1663 .elementor-element.elementor-element-61fcc40::after {

        width: 300px;
        height: 300px;
    }


    .elementor-1663 .elementor-element.elementor-element-61fcc40
    .elementor-button:hover {

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


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

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

    .elementor-1663 .elementor-element.elementor-element-61fcc40,
    .elementor-1663 .elementor-element.elementor-element-61fcc40::before,
    .elementor-1663 .elementor-element.elementor-element-61fcc40::after,
    .elementor-1663 .elementor-element.elementor-element-61fcc40 .elementor-widget-heading,
    .elementor-1663 .elementor-element.elementor-element-61fcc40 .elementor-widget-button,
    .elementor-1663 .elementor-element.elementor-element-61fcc40 .elementor-widget-heading::after {

        animation:
            none !important;
    }
}/* End custom CSS */