.elementor-1025 .elementor-element.elementor-element-29a83a6{--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-1025 .elementor-element.elementor-element-29a83a6:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-29a83a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131109;}.elementor-1025 .elementor-element.elementor-element-a1f7c01{--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-1025 .elementor-element.elementor-element-a1f7c01.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-1025 .elementor-element.elementor-element-46f5dd7.elementor-element{--align-self:center;}.elementor-1025 .elementor-element.elementor-element-46f5dd7{z-index:999;}.elementor-1025 .elementor-element.elementor-element-46f5dd7 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;text-transform:capitalize;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-19a01fb{--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-1025 .elementor-element.elementor-element-0b5f622 .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-1025 .elementor-element.elementor-element-0b5f622{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1025 .elementor-element.elementor-element-2ae1532 .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-1025 .elementor-element.elementor-element-2ae1532{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1025 .elementor-element.elementor-element-be4a61f{--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-1025 .elementor-element.elementor-element-be4a61f:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-be4a61f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0A08;}.elementor-1025 .elementor-element.elementor-element-9fffe41{--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-1025 .elementor-element.elementor-element-e977400{--display:flex;}.elementor-1025 .elementor-element.elementor-element-fb6e934 .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-1025 .elementor-element.elementor-element-17a2d23 .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-1025 .elementor-element.elementor-element-7a66fe0{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-1025 .elementor-element.elementor-element-7a66fe0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1025 .elementor-element.elementor-element-7a66fe0 p{margin-block-end:9px;}.elementor-1025 .elementor-element.elementor-element-4ca973c{--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-1025 .elementor-element.elementor-element-e8a08d3 .elementor-button{background-color:#61CE7000;}.elementor-1025 .elementor-element.elementor-element-a83c169{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1025 .elementor-element.elementor-element-f3c1eae{--display:flex;}.elementor-1025 .elementor-element.elementor-element-d41870f{--display:flex;--padding-top:0120px;--padding-bottom:120px;--padding-left:48px;--padding-right:48px;}.elementor-1025 .elementor-element.elementor-element-d41870f:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-d41870f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0A08;}.elementor-1025 .elementor-element.elementor-element-8a72749{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-1025 .elementor-element.elementor-element-27ae22e .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-1025 .elementor-element.elementor-element-2f66f8b{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-1025 .elementor-element.elementor-element-2f66f8b .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;line-height:1.6em;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-76b8027{width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-76b8027 p{margin-block-end:9px;}.elementor-1025 .elementor-element.elementor-element-e1a82cc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1025 .elementor-element.elementor-element-2f5fa40{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C9A24A29;--border-color:#C9A24A29;--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-1025 .elementor-element.elementor-element-ad05079{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-1025 .elementor-element.elementor-element-83789c1{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 1px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:048px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1025 .elementor-element.elementor-element-83789c1:hover{background-color:#17140D;}.elementor-1025 .elementor-element.elementor-element-09f71b0{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--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-1025 .elementor-element.elementor-element-7bcf122 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-f7e0d0b{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-8ae51f6{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;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:#C9A24A29;--border-color:#C9A24A29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:44px;}.elementor-1025 .elementor-element.elementor-element-8ae51f6:hover{background-color:#17140D;}.elementor-1025 .elementor-element.elementor-element-38f5db5{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1025 .elementor-element.elementor-element-7d9ea7c .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-981b518{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-f9c3025{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1025 .elementor-element.elementor-element-8d85e0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 1px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9A24A29;--border-color:#C9A24A29;--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-1025 .elementor-element.elementor-element-8d85e0b:hover{background-color:#17140D;}.elementor-1025 .elementor-element.elementor-element-3a9aead{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1025 .elementor-element.elementor-element-cba3e3d{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1025 .elementor-element.elementor-element-833cf6a{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1025 .elementor-element.elementor-element-833cf6a .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-c7c6f70{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-5dfe70d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;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:#C9A24A29;--border-color:#C9A24A29;--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-1025 .elementor-element.elementor-element-5dfe70d:hover{background-color:#17140D;}.elementor-1025 .elementor-element.elementor-element-148d1bd{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:44px;--padding-right:44px;}.elementor-1025 .elementor-element.elementor-element-1d1e233{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1025 .elementor-element.elementor-element-e1cb177 .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:22.4px;font-weight:600;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-2d9064f{font-family:"Inter", Sans-serif;font-size:15.4px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-1bcc1cb{--display:flex;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:#C9A24A52;--border-color:#C9A24A52;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1025 .elementor-element.elementor-element-1bcc1cb:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-1bcc1cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0A08;}.elementor-1025 .elementor-element.elementor-element-60ccc11{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1025 .elementor-element.elementor-element-275f03e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1025 .elementor-element.elementor-element-275f03e.elementor-element{--align-self:center;}.elementor-1025 .elementor-element.elementor-element-275f03e .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-1025 .elementor-element.elementor-element-50f315e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-1025 .elementor-element.elementor-element-50f315e.elementor-element{--align-self:center;}.elementor-1025 .elementor-element.elementor-element-50f315e .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:43.2px;font-weight:600;color:#ECE4D2;}.elementor-1025 .elementor-element.elementor-element-147e9e1{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#948C7B;}.elementor-1025 .elementor-element.elementor-element-147e9e1 p{margin-block-end:9px;}.elementor-1025 .elementor-element.elementor-element-acbd86e{--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-1025 .elementor-element.elementor-element-e7b1974 .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-1025 .elementor-element.elementor-element-e7b1974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1025 .elementor-element.elementor-element-b6ddb64 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:12.48px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9A24A52;}.elementor-1025 .elementor-element.elementor-element-b6ddb64{padding:0px 0px 0px 0px;}.elementor-1025 .elementor-element.elementor-element-b6ddb64 .elementor-button:hover, .elementor-1025 .elementor-element.elementor-element-b6ddb64 .elementor-button:focus{color:#F0B533;}.elementor-1025 .elementor-element.elementor-element-b6ddb64 .elementor-button:hover svg, .elementor-1025 .elementor-element.elementor-element-b6ddb64 .elementor-button:focus svg{fill:#F0B533;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1025 .elementor-element.elementor-element-19a01fb{--width:42%;}.elementor-1025 .elementor-element.elementor-element-2f5fa40{--width:95%;}.elementor-1025 .elementor-element.elementor-element-acbd86e{--width:52%;}}@media(max-width:767px){.elementor-1025 .elementor-element.elementor-element-46f5dd7{text-align:center;}.elementor-1025 .elementor-element.elementor-element-46f5dd7 .elementor-heading-title{font-size:36px;}.elementor-1025 .elementor-element.elementor-element-be4a61f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1025 .elementor-element.elementor-element-fb6e934{text-align:center;}.elementor-1025 .elementor-element.elementor-element-17a2d23{text-align:center;}.elementor-1025 .elementor-element.elementor-element-17a2d23 .elementor-heading-title{font-size:28px;}.elementor-1025 .elementor-element.elementor-element-7a66fe0{--container-widget-width:825px;--container-widget-flex-grow:0;width:var( --container-widget-width, 825px );max-width:825px;text-align:center;}.elementor-1025 .elementor-element.elementor-element-4ca973c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1025 .elementor-element.elementor-element-d41870f{--padding-top:50px;--padding-bottom:050px;--padding-left:20px;--padding-right:20px;}.elementor-1025 .elementor-element.elementor-element-8a72749{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1025 .elementor-element.elementor-element-27ae22e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -41px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1025 .elementor-element.elementor-element-27ae22e.elementor-element{--align-self:flex-start;}.elementor-1025 .elementor-element.elementor-element-2f66f8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -13px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-1025 .elementor-element.elementor-element-2f66f8b .elementor-heading-title{font-size:28px;}.elementor-1025 .elementor-element.elementor-element-76b8027{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -28px;--container-widget-width:744px;--container-widget-flex-grow:0;width:var( --container-widget-width, 744px );max-width:744px;text-align:center;}.elementor-1025 .elementor-element.elementor-element-ad05079{--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;}.elementor-1025 .elementor-element.elementor-element-50f315e{--container-widget-width:403px;--container-widget-flex-grow:0;width:var( --container-widget-width, 403px );max-width:403px;}.elementor-1025 .elementor-element.elementor-element-147e9e1{--container-widget-width:307px;--container-widget-flex-grow:0;width:var( --container-widget-width, 307px );max-width:307px;}}/* Start custom CSS for container, class: .elementor-element-29a83a6 *//* =========================================================
   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-1025 .elementor-element.elementor-element-29a83a6 {
    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-1025 .elementor-element.elementor-element-29a83a6::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-1025 .elementor-element.elementor-element-29a83a6::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-1025 .elementor-element.elementor-element-29a83a6 > .e-con-inner {
    position: relative;
    z-index: 5;
}


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

.elementor-1025 .elementor-element.elementor-element-29a83a6 > .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-1025 .elementor-element.elementor-element-29a83a6 .elementor-widget-heading {
    position: relative;

    z-index: 10;

    opacity: 0;

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


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

.elementor-1025 .elementor-element.elementor-element-29a83a6 .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-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6
.elementor-widget-button {

    position: relative;

    z-index: 10;

    opacity: 0;

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


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

.elementor-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6
.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-1025 .elementor-element.elementor-element-29a83a6::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-1025 .elementor-element.elementor-element-29a83a6 {

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


    .elementor-1025 .elementor-element.elementor-element-29a83a6::before {

        width: 120%;

        left: -45%;

        filter:
            blur(24px);
    }


    .elementor-1025 .elementor-element.elementor-element-29a83a6::after {

        width: 300px;
        height: 300px;
    }


    .elementor-1025 .elementor-element.elementor-element-29a83a6
    .elementor-button:hover {

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


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

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

    .elementor-1025 .elementor-element.elementor-element-29a83a6,
    .elementor-1025 .elementor-element.elementor-element-29a83a6::before,
    .elementor-1025 .elementor-element.elementor-element-29a83a6::after,
    .elementor-1025 .elementor-element.elementor-element-29a83a6 .elementor-widget-heading,
    .elementor-1025 .elementor-element.elementor-element-29a83a6 .elementor-widget-button,
    .elementor-1025 .elementor-element.elementor-element-29a83a6 .elementor-widget-heading::after {

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

.elementor-1025 .elementor-element.elementor-element-4ca973c .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-1025 .elementor-element.elementor-element-4ca973c .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-1025 .elementor-element.elementor-element-4ca973c .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-1025 .elementor-element.elementor-element-4ca973c .elementor-button:hover::before {
    left: 145%;
}

@media (max-width:767px) {
    .elementor-1025 .elementor-element.elementor-element-4ca973c .elementor-button {
        padding: 13px 24px;
    }

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

.arch-frame {
    position: relative;

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

    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: 120%;

    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: 100%;

    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 */
/* Start custom CSS for container, class: .elementor-element-09f71b0 */.elementor-1025 .elementor-element.elementor-element-09f71b0 {
    width: 44px;
    height: 44px;
    margin-bottom: 28px;
    position: relative;
}

.elementor-1025 .elementor-element.elementor-element-09f71b0::before {
    content: "";
    position: absolute;
    inset: 7px;

    border: 1.5px solid #D8A83E;
    border-bottom: none;

    border-radius: 28px 28px 0 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38f5db5 */.elementor-1025 .elementor-element.elementor-element-38f5db5 {
    width: 44px;
    height: 44px;
    margin-bottom: 28px;
    position: relative;
}

.elementor-1025 .elementor-element.elementor-element-38f5db5::before {
    content: "";
    position: absolute;
    inset: 7px;

    border: 1.5px solid #D8A83E;
    border-bottom: none;

    border-radius: 28px 28px 0 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cba3e3d */.elementor-1025 .elementor-element.elementor-element-cba3e3d {
    width: 44px;
    height: 44px;
    margin-bottom: 28px;
    position: relative;
}

.elementor-1025 .elementor-element.elementor-element-cba3e3d::before {
    content: "";
    position: absolute;
    inset: 7px;

    border: 1.5px solid #D8A83E;
    border-bottom: none;

    border-radius: 28px 28px 0 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d1e233 */.elementor-1025 .elementor-element.elementor-element-1d1e233 {
    width: 44px;
    height: 44px;
    margin-bottom: 28px;
    position: relative;
}

.elementor-1025 .elementor-element.elementor-element-1d1e233::before {
    content: "";
    position: absolute;
    inset: 7px;

    border: 1.5px solid #D8A83E;
    border-bottom: none;

    border-radius: 28px 28px 0 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1a82cc *//* ============================================================
   JERICHO OVERTHROWN — FEATURED FREE READS
   EQUAL CARDS + STRONG GOLD GLOW HOVER
============================================================ */

.jericho-featured {
    --gold: #C9A24A;
    --gold-bright: #F2CE72;
    --gold-soft: #E0BD68;
    --cream: #ECE4D2;
    --muted: #958C7A;

    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);

    padding: 125px 60px 145px;

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

    background:
        radial-gradient(
            ellipse at 50% -10%,
            rgba(201,162,74,.13),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #0d0b08 0%,
            #080705 100%
        );
}


/* ============================================================
   BACKGROUND GOLD AURA
============================================================ */

.jericho-featured::before {
    content: "";

    position: absolute;

    top: -240px;
    left: 50%;

    width: 1000px;
    height: 550px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(201,162,74,.15) 0%,
            rgba(201,162,74,.045) 38%,
            transparent 72%
        );

    filter: blur(28px);

    pointer-events: none;
    z-index: -1;
}


.jericho-featured::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 10% 80%,
            rgba(201,162,74,.025),
            transparent 25%
        ),
        radial-gradient(
            circle at 90% 60%,
            rgba(201,162,74,.025),
            transparent 25%
        );

    pointer-events: none;
    z-index: -1;
}


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

.featured-header {
    position: relative;
    z-index: 5;

    max-width: 780px;

    margin: 0 auto 78px;

    text-align: center;
}


.featured-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    margin: 0 0 20px;

    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: .36em;
    text-transform: uppercase;

    color: var(--gold);

    text-shadow:
        0 0 14px rgba(201,162,74,.35);
}


.featured-eyebrow::before,
.featured-eyebrow::after {
    content: "";

    width: 40px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gold)
        );

    box-shadow:
        0 0 9px rgba(201,162,74,.35);
}


.featured-eyebrow::after {
    background:
        linear-gradient(
            90deg,
            var(--gold),
            transparent
        );
}


.featured-heading {
    margin: 0;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: clamp(42px, 5vw, 60px);

    font-weight: 500;

    line-height: 1.05;

    letter-spacing: -.025em;

    color: var(--cream);

    text-shadow:
        0 8px 35px rgba(0,0,0,.55);
}


.featured-heading em {
    color: var(--gold-soft);
    font-style: italic;

    text-shadow:
        0 0 24px rgba(201,162,74,.22);
}


.featured-desc {
    max-width: 680px;

    margin: 22px auto 0;

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

    font-size: 14px;

    line-height: 1.9;

    color: var(--muted);
}


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

.featured-grid {
    position: relative;
    z-index: 5;

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

    margin: 0 auto;

    display: grid;

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

    gap: 26px;

    align-items: stretch;
}


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

.featured-card {
    position: relative;

    min-height: 385px;

    height: 100%;

    padding: 40px 34px 31px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    overflow: hidden;
    isolation: isolate;

    border-radius: 2px;

    border-top: 1px solid rgba(201,162,74,.17);

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(201,162,74,.065),
            transparent 50%
        ),
        linear-gradient(
            145deg,
            #17140e 0%,
            #100e0a 50%,
            #0a0907 100%
        );

    box-shadow:
        0 20px 55px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.025);

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


/* ============================================================
   INNER GOLD FRAME
============================================================ */

.featured-card::before {
    content: "";

    position: absolute;

    inset: 8px;

    border-top: 1px solid rgba(201,162,74,.055);

    pointer-events: none;

    z-index: 1;

    transition:
        border-color .4s ease,
        box-shadow .5s ease;
}


/* ============================================================
   GOLD LIGHT BEAM
============================================================ */

.featured-card::after {
    content: "";

    position: absolute;

    top: -20%;
    left: -80%;

    width: 65%;
    height: 150%;

    transform: rotate(18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(242,206,114,.16),
            rgba(242,206,114,.04),
            transparent
        );

    filter: blur(10px);

    opacity: 0;

    pointer-events: none;

    z-index: 2;

    transition:
        left .9s cubic-bezier(.16,1,.3,1),
        opacity .3s ease;
}


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

.card-read-label {
    position: relative;
    z-index: 5;

    margin: 0;

    display: flex;
    align-items: center;
    gap: 10px;

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

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .27em;

    text-transform: uppercase;

    color: var(--gold);

    text-shadow:
        0 0 10px rgba(201,162,74,.22);
}


.card-read-label::before {
    content: "";

    width: 25px;
    height: 1px;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--gold),
            transparent
        );

    box-shadow:
        0 0 8px rgba(201,162,74,.35);
}


/* ============================================================
   CORNER GOLD DETAIL
============================================================ */

.card-read-label::after {
    content: "";

    position: absolute;

    top: -40px;
    left: -34px;

    width: 55px;
    height: 55px;

    border-top: 1px solid rgba(201,162,74,.6);
    border-left: 1px solid rgba(201,162,74,.6);

    opacity: .7;

    transition:
        width .45s ease,
        height .45s ease,
        border-color .4s ease,
        filter .4s ease;
}


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

.card-title {
    position: relative;
    z-index: 5;

    margin: 21px 0 7px;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: 35px;

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -.015em;

    color: var(--cream);

    transition:
        color .35s ease,
        text-shadow .35s ease,
        transform .4s ease;
}


/* ============================================================
   GENRE
============================================================ */

.card-genre {
    position: relative;
    z-index: 5;

    margin: 0 0 17px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .20em;

    text-transform: uppercase;

    color: #70685A;
}


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

.card-desc {
    position: relative;
    z-index: 5;

    flex: 1;

    margin: 0;

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

    font-size: 13.5px;

    line-height: 1.82;

    color: #918879;

    transition:
        color .35s ease;
}


/* ============================================================
   ACTIONS
============================================================ */

.card-actions {
    position: relative;
    z-index: 5;

    margin-top: 27px;
    padding-top: 19px;

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

    border-top: 1px solid rgba(201,162,74,.10);

    transition:
        border-color .4s ease;
}


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

.card-btn {
    position: relative;

    display: inline-flex;
    align-items: center;

    gap: 10px;

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

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .19em;

    text-transform: uppercase;

    text-decoration: none !important;

    color: var(--gold);

    transition:
        color .3s ease,
        gap .4s ease,
        text-shadow .3s ease;
}


.card-btn::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 0;
    height: 1px;

    background: var(--gold-bright);

    box-shadow:
        0 0 10px rgba(242,206,114,.7);

    transition:
        width .4s cubic-bezier(.16,1,.3,1);
}


.btn-arrow {
    font-size: 16px;

    line-height: 1;

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


.card-meta-tag {
    font-family: "Inter", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: .15em;

    text-transform: uppercase;

    color: #5B5449;
}


/* ============================================================
   ============================================================
   STRONG GOLD HOVER
   ============================================================
============================================================ */

.featured-card:hover {

    transform: translateY(-11px);

    border-color: var(--gold-bright);

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(242,206,114,.18),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #211b0e 0%,
            #121008 50%,
            #090806 100%
        );

    box-shadow:

        /* MAIN GOLD OUTER GLOW */
        0 0 0 1px rgba(242,206,114,.12),

        /* CLOSE GLOW */
        0 0 22px rgba(201,162,74,.28),

        /* MEDIUM GLOW */
        0 0 55px rgba(201,162,74,.15),

        /* LARGE ATMOSPHERIC GLOW */
        0 0 105px rgba(201,162,74,.07),

        /* DEPTH */
        0 32px 75px rgba(0,0,0,.65),

        /* INNER HIGHLIGHT */
        inset 0 1px 0 rgba(242,206,114,.22),

        inset 0 0 35px rgba(201,162,74,.035);
}


.featured-card:hover::before {

    border-color: rgba(242,206,114,.28);

    box-shadow:
        inset 0 0 25px rgba(201,162,74,.06),
        0 0 18px rgba(201,162,74,.08);
}


.featured-card:hover::after {

    left: 125%;

    opacity: 1;
}


.featured-card:hover .card-read-label {

    color: var(--gold-bright);

    text-shadow:
        0 0 8px rgba(242,206,114,.55),
        0 0 22px rgba(201,162,74,.35);
}


.featured-card:hover .card-read-label::before {

    background:
        linear-gradient(
            90deg,
            var(--gold-bright),
            transparent
        );

    box-shadow:
        0 0 12px rgba(242,206,114,.75);
}


.featured-card:hover .card-read-label::after {

    width: 72px;
    height: 72px;

    border-color: rgba(242,206,114,.95);

    filter:
        drop-shadow(0 0 8px rgba(242,206,114,.65));
}


.featured-card:hover .card-title {

    color: #F5D681;

    transform: translateX(3px);

    text-shadow:
        0 0 12px rgba(242,206,114,.20),
        0 0 30px rgba(201,162,74,.12);
}


.featured-card:hover .card-desc {

    color: #B0A592;
}


.featured-card:hover .card-actions {

    border-color: rgba(201,162,74,.28);
}


.featured-card:hover .card-btn {

    color: var(--gold-bright);

    gap: 15px;

    text-shadow:
        0 0 10px rgba(242,206,114,.5),
        0 0 20px rgba(201,162,74,.25);
}


.featured-card:hover .card-btn::after {

    width: 100%;

    background: var(--gold-bright);

    box-shadow:
        0 0 12px rgba(242,206,114,.8);
}


.featured-card:hover .btn-arrow {

    transform: translateX(5px);

    text-shadow:
        0 0 12px rgba(242,206,114,.7);
}


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

@media (max-width: 1024px) {

    .jericho-featured {
        padding: 105px 40px 120px;
    }

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

    .featured-card {
        min-height: 375px;
    }

}


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

@media (max-width: 767px) {

    .jericho-featured {
        padding: 80px 20px 90px;
    }

    .featured-header {
        margin-bottom: 50px;
    }

    .featured-eyebrow {
        font-size: 8px;
        letter-spacing: .25em;
    }

    .featured-eyebrow::before,
    .featured-eyebrow::after {
        width: 20px;
    }

    .featured-heading {
        font-size: 36px;
    }

    .featured-desc {
        font-size: 13px;
        line-height: 1.8;
    }

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

    .featured-card {
        min-height: 350px;
        padding: 34px 25px 29px;
    }

    .featured-card:hover {
        transform: translateY(-7px);
    }

}


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

@media (max-width: 480px) {

    .jericho-featured {
        padding: 70px 16px 80px;
    }

    .featured-heading {
        font-size: 32px;
    }

    .featured-card {
        min-height: 335px;
        padding: 31px 22px 27px;
    }

    .card-title {
        font-size: 29px;
    }

    .card-desc {
        font-size: 13px;
    }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

    .featured-card,
    .featured-card::before,
    .featured-card::after,
    .card-title,
    .card-btn,
    .btn-arrow {
        transition: none !important;
    }

    .featured-card:hover {
        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acbd86e *//* =========================================================
   PREMIUM BUTTON SYSTEM
========================================================= */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    font-family: 'Inter', sans-serif;
    font-size: 0.78rem;
    line-height: 1;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;

    min-height: 48px;
    padding: 13px 26px;

    border-radius: 2px;
    border: 1px solid #C9A24A;

    color: #15110b !important;

    background: linear-gradient(
        180deg,
        #E7C579,
        #C9A24A
    );

    transition:
        color .3s var(--ease),
        background .3s var(--ease),
        border-color .3s var(--ease),
        transform .3s var(--ease),
        box-shadow .3s var(--ease);

    white-space: nowrap;
    cursor: pointer;

    text-decoration: none !important;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}


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

.btn:hover {
    color: #15110b !important;

    background: linear-gradient(
        180deg,
        #E7C579,
        #C9A24A
    );

    border-color: #E0C477;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(91, 63, 28, 0.18);
}


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

.btn:active {
    transform: translateY(0);

    box-shadow:
        0 4px 12px rgba(91, 63, 28, 0.12);
}


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

.btn-ghost {
    background: transparent !important;
    color: #C9A24A52 !important;
    border: 1px solid #C9A24A52 !important;

    box-shadow: none;
    text-decoration: none !important;

    transition:
        color .3s var(--ease),
        border-color .3s var(--ease),
        background .3s var(--ease),
        transform .3s var(--ease),
        box-shadow .3s var(--ease);
}


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

.btn-ghost:hover {
    background: transparent !important;
    color: #ECE4D2 !important;
    border-color: #C9A24A !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.16);
}


/* =========================================================
   GHOST ACTIVE
========================================================= */

.btn-ghost:active {
    background: transparent !important;
    color: #ECE4D2 !important;

    transform: translateY(0);

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.10);
}


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

.btn:focus,
.btn:focus-visible,
.btn-ghost:focus,
.btn-ghost:focus-visible {
    outline: none !important;
    box-shadow: none;
}


/* =========================================================
   ICON
========================================================= */

.btn svg,
.btn i {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;

    color: currentColor;

    transition:
        color .3s var(--ease),
        transform .3s var(--ease);
}


/* =========================================================
   NORMAL BUTTON ICON HOVER
========================================================= */

.btn:not(.btn-ghost):hover svg,
.btn:not(.btn-ghost):hover i {
    color: #C9A24A !important;
    transform: translateX(3px);
}


/* =========================================================
   GHOST BUTTON ICON HOVER
========================================================= */

.btn-ghost:hover svg,
.btn-ghost:hover i {
    color: #C9A24A !important;
    transform: translateX(3px);
}


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

@media (max-width: 767px) {
    .btn-ghost {
        padding: 12px 22px;
    }
}/* End custom CSS */