.elementor-11 .elementor-element.elementor-element-9863bca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-11 .elementor-element.elementor-element-9863bca:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9863bca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #00000000 36%);}.elementor-11 .elementor-element.elementor-element-9863bca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-a995803{z-index:0;}.elementor-11 .elementor-element.elementor-element-a995803 img{opacity:1;}.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-11 .elementor-element.elementor-element-09ce7eb{text-align:center;}.elementor-11 .elementor-element.elementor-element-09ce7eb .elementor-heading-title{font-family:var( --e-global-typography-e4d5745-font-family ), Sans-serif;font-weight:var( --e-global-typography-e4d5745-font-weight );letter-spacing:var( --e-global-typography-e4d5745-letter-spacing );word-spacing:var( --e-global-typography-e4d5745-word-spacing );color:var( --e-global-color-5ea3ad8 );}.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-11 .elementor-element.elementor-element-5c4722e{text-align:center;font-family:"Aldrich", Sans-serif;font-weight:normal;line-height:9px;color:var( --e-global-color-5ea3ad8 );}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-wrapper{max-width:72%;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-item{background-color:#00000000;}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-digits{font-family:"destra", Sans-serif;font-weight:400;}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-label{font-family:"Aldrich", Sans-serif;font-weight:normal;line-height:9px;}.elementor-11 .elementor-element.elementor-element-9462b8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-11 .elementor-element.elementor-element-9462b8d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9462b8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #00000000 36%);}.elementor-11 .elementor-element.elementor-element-9462b8d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-5516bf3{text-align:center;font-family:"Aldrich", Sans-serif;font-size:45px;font-weight:900;line-height:11px;text-shadow:0px 0px 6px rgba(205, 0, 0, 0.9019607843137255);color:#000000;}.elementor-11 .elementor-element.elementor-element-b8c008e{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 36px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"destra", Sans-serif;font-size:45px;font-weight:900;line-height:11px;text-shadow:0px 0px 6px rgba(205, 0, 0, 0.9019607843137255);color:#000000;}.elementor-11 .elementor-element.elementor-element-b8c008e.elementor-element{--align-self:stretch;}.elementor-11 .elementor-element.elementor-element-b8c008e p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-e1ec758{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:0;}.elementor-11 .elementor-element.elementor-element-e1ec758:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-e1ec758 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #00000000 36%);}.elementor-11 .elementor-element.elementor-element-e1ec758.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text-cursor{-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-11 .elementor-element.elementor-element-2ee149e.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text{text-align:center;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text a{text-align:center;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text-preffix{color:#FFFFFF;font-family:"Aldrich", Sans-serif;font-size:18px;font-weight:500;padding-top:4px;padding-bottom:3px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text{color:#000000;background-color:#800000;padding:4px 0px 3px 10px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text{color:#000000;background-color:#800000;padding:4px 0px 3px 10px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text-selected {color:#FF0000;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text b, .elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text b i,.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text,.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text{font-family:"destra", Sans-serif;font-size:18px;line-height:18px;letter-spacing:1.7px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text-suffuix{padding-top:4px;padding-bottom:3px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text-suffix{color:#333333;}.elementor-11 .elementor-element.elementor-element-4bc29c0{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;box-shadow:0px 0px 18px 1px rgba(168.99999999999997, 0, 0, 0.7019607843137254);}.elementor-11 .elementor-element.elementor-element-4bc29c0.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-4bc29c0 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-11 .elementor-element.elementor-element-a20c96c{--spacer-size:50px;}.elementor-11 .elementor-element.elementor-element-a7663a6{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;z-index:100;border-style:solid;box-shadow:0px 0px 18px 1px rgba(168.99999999999997, 0, 0, 0.7019607843137254);}.elementor-11 .elementor-element.elementor-element-a7663a6.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-label{align-items:flex-end;justify-content:flex-end;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-image-container{border-style:none;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-divider-icons:before{background-color:#A90000B3;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-divider-icons:after{background-color:#A90000B3;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-divider-icons .fa{color:#E8E8E8;font-size:14px;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-divider-icons{background-color:#131111;border-color:#A90000B3;border-style:solid;border-width:2px;border-radius:50px 50px 50px 50px;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-horizontal .wpr-ba-divider-icons:before{width:2px;left:calc(14px - 2px / 2 + 2px);bottom:calc(50% + 2px + 40px / 2 - 0.7px);}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-horizontal .wpr-ba-divider-icons:after{width:2px;left:calc(14px - 2px / 2 + 2px);top:calc(50% + 2px + 40px / 2 + 0.1px);}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-vertical .wpr-ba-divider-icons:before{height:2px;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-vertical .wpr-ba-divider-icons:after{height:2px;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-horizontal .wpr-ba-divider-icons .fa{width:14px;height:40px;line-height:40px;}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-horizontal .wpr-ba-divider{margin-left:calc(-14px - 2px);}.elementor-11 .elementor-element.elementor-element-a7663a6 .wpr-ba-label > div{color:#FFFFFF;background-color:#605BE5;border-color:#E8E8E8;border-style:none;padding:7px 15px 7px 15px;border-radius:0px 0px 0px 0px;margin:0px;}.elementor-11 .elementor-element.elementor-element-bdc3372{--spacer-size:50px;}.elementor-11 .elementor-element.elementor-element-72c866e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text-cursor{-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-11 .elementor-element.elementor-element-dc225a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-dc225a2.elementor-element{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-advanced-text{text-align:center;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-advanced-text a{text-align:center;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-advanced-text-preffix{color:#FFFFFF;font-family:"Aldrich", Sans-serif;font-size:18px;padding-top:4px;padding-bottom:3px;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text{color:#000000;background-color:#800000;padding:4px 0px 3px 10px;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text{color:#000000;background-color:#800000;padding:4px 0px 3px 10px;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text-selected {color:#FF0000;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text b, .elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text b i,.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-anim-text,.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-highlighted-text{font-family:"destra", Sans-serif;font-size:18px;line-height:18px;letter-spacing:1.7px;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-advanced-text-suffuix{padding-top:4px;padding-bottom:3px;}.elementor-11 .elementor-element.elementor-element-dc225a2 .wpr-advanced-text-suffix{color:#333333;}.elementor-11 .elementor-element.elementor-element-7ee198c{--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;}.elementor-11 .elementor-element.elementor-element-47211a7{--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-11 .elementor-element.elementor-element-47211a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-c76a5ad{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;box-shadow:0px 0px 18px 1px rgba(168.99999999999997, 0, 0, 0.7019607843137254);}.elementor-11 .elementor-element.elementor-element-c76a5ad.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-c76a5ad .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-11 .elementor-element.elementor-element-09678a0{--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-11 .elementor-element.elementor-element-8c75f6b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;border-style:solid;box-shadow:0px 0px 18px 1px rgba(168.99999999999997, 0, 0, 0.7019607843137254);}.elementor-11 .elementor-element.elementor-element-8c75f6b.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-label{align-items:flex-end;justify-content:flex-end;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-image-container{border-style:none;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-divider-icons:before{background-color:#A90000B3;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-divider-icons:after{background-color:#A90000B3;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-divider-icons .fa{color:#E8E8E8;font-size:14px;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-divider-icons{background-color:#131111;border-color:#A90000B3;border-style:solid;border-width:2px;border-radius:50px 50px 50px 50px;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-horizontal .wpr-ba-divider-icons:before{width:2px;left:calc(14px - 2px / 2 + 2px);bottom:calc(50% + 2px + 40px / 2 - 0.7px);}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-horizontal .wpr-ba-divider-icons:after{width:2px;left:calc(14px - 2px / 2 + 2px);top:calc(50% + 2px + 40px / 2 + 0.1px);}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-vertical .wpr-ba-divider-icons:before{height:2px;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-vertical .wpr-ba-divider-icons:after{height:2px;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-horizontal .wpr-ba-divider-icons .fa{width:14px;height:40px;line-height:40px;}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-horizontal .wpr-ba-divider{margin-left:calc(-14px - 2px);}.elementor-11 .elementor-element.elementor-element-8c75f6b .wpr-ba-label > div{color:#FFFFFF;background-color:#605BE5;border-color:#E8E8E8;border-style:none;padding:7px 15px 7px 15px;border-radius:0px 0px 0px 0px;margin:0px;}.elementor-11 .elementor-element.elementor-element-b1206d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-79f0c1d img{width:54%;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-7ee198c{--content-width:963px;}.elementor-11 .elementor-element.elementor-element-47211a7{--width:36.5%;}.elementor-11 .elementor-element.elementor-element-09678a0{--width:66.6666%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-09ce7eb .elementor-heading-title{letter-spacing:var( --e-global-typography-e4d5745-letter-spacing );word-spacing:var( --e-global-typography-e4d5745-word-spacing );}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-wrapper{max-width:93%;}.elementor-11 .elementor-element.elementor-element-4bc29c0{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-11 .elementor-element.elementor-element-a7663a6{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-11 .elementor-element.elementor-element-c76a5ad{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-11 .elementor-element.elementor-element-8c75f6b{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-09ce7eb .elementor-heading-title{letter-spacing:var( --e-global-typography-e4d5745-letter-spacing );word-spacing:var( --e-global-typography-e4d5745-word-spacing );}.elementor-11 .elementor-element.elementor-element-5c4722e{font-size:20px;line-height:1.5em;}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-wrapper{max-width:96%;}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-digits{font-size:36px;}.elementor-11 .elementor-element.elementor-element-f881233 .elementor-countdown-label{font-size:15px;}.elementor-11 .elementor-element.elementor-element-5516bf3{font-size:30px;line-height:0.6em;}.elementor-11 .elementor-element.elementor-element-b8c008e{font-size:30px;line-height:0.6em;}.elementor-11 .elementor-element.elementor-element-2ee149e{width:var( --container-widget-width, 327px );max-width:327px;--container-widget-width:327px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-2ee149e.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text{text-align:center;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text a{text-align:center;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-advanced-text-preffix{font-size:18px;letter-spacing:5.6px;}.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text b, .elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text b i,.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-anim-text,.elementor-11 .elementor-element.elementor-element-2ee149e .wpr-highlighted-text{font-size:15px;}.elementor-11 .elementor-element.elementor-element-4bc29c0{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-11 .elementor-element.elementor-element-a20c96c{--spacer-size:9px;}.elementor-11 .elementor-element.elementor-element-a7663a6{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-11 .elementor-element.elementor-element-bdc3372{--spacer-size:9px;}.elementor-11 .elementor-element.elementor-element-1a94b60 img{width:81%;}.elementor-11 .elementor-element.elementor-element-c76a5ad{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}.elementor-11 .elementor-element.elementor-element-8c75f6b{--container-widget-width:300px;--container-widget-flex-grow:0;width:var( --container-widget-width, 300px );max-width:300px;}}/* Start custom CSS for image, class: .elementor-element-a995803 */.elementor-11 .elementor-element.elementor-element-a995803 img { filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.3)) !important; animation: flicker 8s infinite ease-in-out !important; transition: filter 0.3s ease !important; will-change: opacity, filter; } /* Targets the container if a background image or specific wrapper is used */ .elementor-11 .elementor-element.elementor-element-a995803 .elementor-widget-container { overflow: visible !important; /* Ensures drop-shadow is not clipped */ } @keyframes flicker { 0%, 79%, 100% { opacity: 1; filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.3)); } 81% { opacity: 0.15; filter: drop-shadow(0 0 2px rgba(255, 0, 0, 0.05)); } 82% { opacity: 1; filter: drop-shadow(0 0 25px rgba(255, 0, 0, 0.6)); } 84% { opacity: 0.4; filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.2)); } 85% { opacity: 1; filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.3)); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e9e97fd *//* ============================================================ YOKAI SEPARATOR — RITUAL GRUNGE DIVIDER HOW IT WORKS: Three layers build the separator: — A central line with jagged uneven glow (the main slash) — ::before — left wing: fades out toward the edge — ::after — right wing: mirrors left A central diamond/mark sits at the midpoint. Two animations run: a slow blood-pulse on the glow, and a rare "ritual flare" that briefly overloads the line as if energy just passed through it. USAGE IN ELEMENTOR: Add a Divider widget or an HTML widget with:
Then target with .elementor-11 .elementor-element.elementor-element-e9e97fd. ✏️ QUICK EDITS: width — how wide the separator is (default 100%) line-color — base colour of the line glow-color — rgba in drop-shadow / box-shadow pulse-speed — "5s" on sep-pulse flare-speed — "9s" on sep-flare (how often it fires) diamond-size — the width/height on .elementor-11 .elementor-element.elementor-element-e9e97fd::before center ============================================================ */ /* ── Outer wrapper ──────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-e9e97fd { display: flex; align-items: center; justify-content: center; width: 100%; /* ✏️ separator width */ position: relative; padding: 12px 0; /* ✏️ vertical breathing room */ overflow: visible; } /* ── Left line ──────────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-e9e97fd::before { content: ''; flex: 1; height: 1px; /* ✏️ line thickness */ /* ✏️ Gradient fades to nothing at the far left edge */ background: linear-gradient( to right, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, /* ✏️ */ sep-flare 9s ease-in-out infinite; /* ✏️ */ } /* ── Right line (mirrors left) ──────────────────────────── */ .elementor-11 .elementor-element.elementor-element-e9e97fd::after { content: ''; flex: 1; height: 1px; background: linear-gradient( to left, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, sep-flare 9s ease-in-out infinite; } /* ── Center mark — diamond ──────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-e9e97fd span { display: block; width: 8px; /* ✏️ diamond size */ height: 8px; background: #ff1100; /* ✏️ diamond fill colour */ transform: rotate(45deg); flex-shrink: 0; margin: 0 14px; /* ✏️ gap between diamond and lines */ position: relative; box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); animation: diamond-breathe 5s ease-in-out infinite; /* ✏️ */ } /* Optional: second smaller inner diamond */ .elementor-11 .elementor-element.elementor-element-e9e97fd span::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 3px; /* ✏️ inner mark size */ height: 3px; background: #ffffff; opacity: 0.8; } /* ── Glow pulse on the lines ────────────────────────────── */ @keyframes sep-pulse { 0%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Peak — raise blur/alpha for more aggressive bloom */ 50% { box-shadow: 0 0 5px rgba(255, 60, 0, 0.9), 0 0 15px rgba(220, 0, 0, 0.6), 0 0 35px rgba(180, 0, 0, 0.4); opacity: 1; } } /* ── Ritual flare — energy pulse runs along the line ────── */ @keyframes sep-flare { 0%, 12%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Flare peak — full overload */ 4% { box-shadow: 0 0 8px rgba(255, 120, 0, 1.0), 0 0 20px rgba(255, 40, 0, 0.9), 0 0 50px rgba(220, 0, 0, 0.7), 0 0 90px rgba(180, 0, 0, 0.4); opacity: 1; } 8% { box-shadow: 0 0 4px rgba(255, 40, 0, 0.8), 0 0 10px rgba(200, 0, 0, 0.5), 0 0 24px rgba(160, 0, 0, 0.3); opacity: 0.9; } } /* ── Diamond breathe (in sync with lines) ───────────────── */ @keyframes diamond-breathe { 0%, 100% { box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); transform: rotate(45deg) scale(1); } /* ✏️ Peak — diamond flares larger */ 50% { box-shadow: 0 0 6px rgba(255, 80, 0, 1.0), 0 0 20px rgba(255, 20, 0, 0.9), 0 0 45px rgba(220, 0, 0, 0.6), 0 0 80px rgba(180, 0, 0, 0.3); transform: rotate(45deg) scale(1.3); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4cf3596 *//* ============================================================ YOKAI SEPARATOR — RITUAL GRUNGE DIVIDER HOW IT WORKS: Three layers build the separator: — A central line with jagged uneven glow (the main slash) — ::before — left wing: fades out toward the edge — ::after — right wing: mirrors left A central diamond/mark sits at the midpoint. Two animations run: a slow blood-pulse on the glow, and a rare "ritual flare" that briefly overloads the line as if energy just passed through it. USAGE IN ELEMENTOR: Add a Divider widget or an HTML widget with:
Then target with .elementor-11 .elementor-element.elementor-element-4cf3596. ✏️ QUICK EDITS: width — how wide the separator is (default 100%) line-color — base colour of the line glow-color — rgba in drop-shadow / box-shadow pulse-speed — "5s" on sep-pulse flare-speed — "9s" on sep-flare (how often it fires) diamond-size — the width/height on .elementor-11 .elementor-element.elementor-element-4cf3596::before center ============================================================ */ /* ── Outer wrapper ──────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4cf3596 { display: flex; align-items: center; justify-content: center; width: 100%; /* ✏️ separator width */ position: relative; padding: 12px 0; /* ✏️ vertical breathing room */ overflow: visible; } /* ── Left line ──────────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4cf3596::before { content: ''; flex: 1; height: 1px; /* ✏️ line thickness */ /* ✏️ Gradient fades to nothing at the far left edge */ background: linear-gradient( to right, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, /* ✏️ */ sep-flare 9s ease-in-out infinite; /* ✏️ */ } /* ── Right line (mirrors left) ──────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4cf3596::after { content: ''; flex: 1; height: 1px; background: linear-gradient( to left, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, sep-flare 9s ease-in-out infinite; } /* ── Center mark — diamond ──────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4cf3596 span { display: block; width: 8px; /* ✏️ diamond size */ height: 8px; background: #ff1100; /* ✏️ diamond fill colour */ transform: rotate(45deg); flex-shrink: 0; margin: 0 14px; /* ✏️ gap between diamond and lines */ position: relative; box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); animation: diamond-breathe 5s ease-in-out infinite; /* ✏️ */ } /* Optional: second smaller inner diamond */ .elementor-11 .elementor-element.elementor-element-4cf3596 span::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 3px; /* ✏️ inner mark size */ height: 3px; background: #ffffff; opacity: 0.8; } /* ── Glow pulse on the lines ────────────────────────────── */ @keyframes sep-pulse { 0%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Peak — raise blur/alpha for more aggressive bloom */ 50% { box-shadow: 0 0 5px rgba(255, 60, 0, 0.9), 0 0 15px rgba(220, 0, 0, 0.6), 0 0 35px rgba(180, 0, 0, 0.4); opacity: 1; } } /* ── Ritual flare — energy pulse runs along the line ────── */ @keyframes sep-flare { 0%, 12%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Flare peak — full overload */ 4% { box-shadow: 0 0 8px rgba(255, 120, 0, 1.0), 0 0 20px rgba(255, 40, 0, 0.9), 0 0 50px rgba(220, 0, 0, 0.7), 0 0 90px rgba(180, 0, 0, 0.4); opacity: 1; } 8% { box-shadow: 0 0 4px rgba(255, 40, 0, 0.8), 0 0 10px rgba(200, 0, 0, 0.5), 0 0 24px rgba(160, 0, 0, 0.3); opacity: 0.9; } } /* ── Diamond breathe (in sync with lines) ───────────────── */ @keyframes diamond-breathe { 0%, 100% { box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); transform: rotate(45deg) scale(1); } /* ✏️ Peak — diamond flares larger */ 50% { box-shadow: 0 0 6px rgba(255, 80, 0, 1.0), 0 0 20px rgba(255, 20, 0, 0.9), 0 0 45px rgba(220, 0, 0, 0.6), 0 0 80px rgba(180, 0, 0, 0.3); transform: rotate(45deg) scale(1.3); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9863bca */.elementor-11 .elementor-element.elementor-element-9863bca { position: relative; z-index: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9462b8d */.elementor-11 .elementor-element.elementor-element-9462b8d { position: relative; z-index: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a41b58 *//* ============================================================ YOKAI SEPARATOR — RITUAL GRUNGE DIVIDER HOW IT WORKS: Three layers build the separator: — A central line with jagged uneven glow (the main slash) — ::before — left wing: fades out toward the edge — ::after — right wing: mirrors left A central diamond/mark sits at the midpoint. Two animations run: a slow blood-pulse on the glow, and a rare "ritual flare" that briefly overloads the line as if energy just passed through it. USAGE IN ELEMENTOR: Add a Divider widget or an HTML widget with:
Then target with .elementor-11 .elementor-element.elementor-element-3a41b58. ✏️ QUICK EDITS: width — how wide the separator is (default 100%) line-color — base colour of the line glow-color — rgba in drop-shadow / box-shadow pulse-speed — "5s" on sep-pulse flare-speed — "9s" on sep-flare (how often it fires) diamond-size — the width/height on .elementor-11 .elementor-element.elementor-element-3a41b58::before center ============================================================ */ /* ── Outer wrapper ──────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-3a41b58 { display: flex; align-items: center; justify-content: center; width: 100%; /* ✏️ separator width */ position: relative; padding: 12px 0; /* ✏️ vertical breathing room */ overflow: visible; } /* ── Left line ──────────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-3a41b58::before { content: ''; flex: 1; height: 1px; /* ✏️ line thickness */ /* ✏️ Gradient fades to nothing at the far left edge */ background: linear-gradient( to right, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, /* ✏️ */ sep-flare 9s ease-in-out infinite; /* ✏️ */ } /* ── Right line (mirrors left) ──────────────────────────── */ .elementor-11 .elementor-element.elementor-element-3a41b58::after { content: ''; flex: 1; height: 1px; background: linear-gradient( to left, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, sep-flare 9s ease-in-out infinite; } /* ── Center mark — diamond ──────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-3a41b58 span { display: block; width: 8px; /* ✏️ diamond size */ height: 8px; background: #ff1100; /* ✏️ diamond fill colour */ transform: rotate(45deg); flex-shrink: 0; margin: 0 14px; /* ✏️ gap between diamond and lines */ position: relative; box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); animation: diamond-breathe 5s ease-in-out infinite; /* ✏️ */ } /* Optional: second smaller inner diamond */ .elementor-11 .elementor-element.elementor-element-3a41b58 span::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 3px; /* ✏️ inner mark size */ height: 3px; background: #ffffff; opacity: 0.8; } /* ── Glow pulse on the lines ────────────────────────────── */ @keyframes sep-pulse { 0%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Peak — raise blur/alpha for more aggressive bloom */ 50% { box-shadow: 0 0 5px rgba(255, 60, 0, 0.9), 0 0 15px rgba(220, 0, 0, 0.6), 0 0 35px rgba(180, 0, 0, 0.4); opacity: 1; } } /* ── Ritual flare — energy pulse runs along the line ────── */ @keyframes sep-flare { 0%, 12%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Flare peak — full overload */ 4% { box-shadow: 0 0 8px rgba(255, 120, 0, 1.0), 0 0 20px rgba(255, 40, 0, 0.9), 0 0 50px rgba(220, 0, 0, 0.7), 0 0 90px rgba(180, 0, 0, 0.4); opacity: 1; } 8% { box-shadow: 0 0 4px rgba(255, 40, 0, 0.8), 0 0 10px rgba(200, 0, 0, 0.5), 0 0 24px rgba(160, 0, 0, 0.3); opacity: 0.9; } } /* ── Diamond breathe (in sync with lines) ───────────────── */ @keyframes diamond-breathe { 0%, 100% { box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); transform: rotate(45deg) scale(1); } /* ✏️ Peak — diamond flares larger */ 50% { box-shadow: 0 0 6px rgba(255, 80, 0, 1.0), 0 0 20px rgba(255, 20, 0, 0.9), 0 0 45px rgba(220, 0, 0, 0.6), 0 0 80px rgba(180, 0, 0, 0.3); transform: rotate(45deg) scale(1.3); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e1ec758 */.elementor-11 .elementor-element.elementor-element-e1ec758 { position: relative; z-index: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4c8eac0 *//* ============================================================ YOKAI SEPARATOR — RITUAL GRUNGE DIVIDER HOW IT WORKS: Three layers build the separator: — A central line with jagged uneven glow (the main slash) — ::before — left wing: fades out toward the edge — ::after — right wing: mirrors left A central diamond/mark sits at the midpoint. Two animations run: a slow blood-pulse on the glow, and a rare "ritual flare" that briefly overloads the line as if energy just passed through it. USAGE IN ELEMENTOR: Add a Divider widget or an HTML widget with:
Then target with .elementor-11 .elementor-element.elementor-element-4c8eac0. ✏️ QUICK EDITS: width — how wide the separator is (default 100%) line-color — base colour of the line glow-color — rgba in drop-shadow / box-shadow pulse-speed — "5s" on sep-pulse flare-speed — "9s" on sep-flare (how often it fires) diamond-size — the width/height on .elementor-11 .elementor-element.elementor-element-4c8eac0::before center ============================================================ */ /* ── Outer wrapper ──────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4c8eac0 { display: flex; align-items: center; justify-content: center; width: 100%; /* ✏️ separator width */ position: relative; padding: 12px 0; /* ✏️ vertical breathing room */ overflow: visible; } /* ── Left line ──────────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4c8eac0::before { content: ''; flex: 1; height: 1px; /* ✏️ line thickness */ /* ✏️ Gradient fades to nothing at the far left edge */ background: linear-gradient( to right, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, /* ✏️ */ sep-flare 9s ease-in-out infinite; /* ✏️ */ } /* ── Right line (mirrors left) ──────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4c8eac0::after { content: ''; flex: 1; height: 1px; background: linear-gradient( to left, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, sep-flare 9s ease-in-out infinite; } /* ── Center mark — diamond ──────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-4c8eac0 span { display: block; width: 8px; /* ✏️ diamond size */ height: 8px; background: #ff1100; /* ✏️ diamond fill colour */ transform: rotate(45deg); flex-shrink: 0; margin: 0 14px; /* ✏️ gap between diamond and lines */ position: relative; box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); animation: diamond-breathe 5s ease-in-out infinite; /* ✏️ */ } /* Optional: second smaller inner diamond */ .elementor-11 .elementor-element.elementor-element-4c8eac0 span::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 3px; /* ✏️ inner mark size */ height: 3px; background: #ffffff; opacity: 0.8; } /* ── Glow pulse on the lines ────────────────────────────── */ @keyframes sep-pulse { 0%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Peak — raise blur/alpha for more aggressive bloom */ 50% { box-shadow: 0 0 5px rgba(255, 60, 0, 0.9), 0 0 15px rgba(220, 0, 0, 0.6), 0 0 35px rgba(180, 0, 0, 0.4); opacity: 1; } } /* ── Ritual flare — energy pulse runs along the line ────── */ @keyframes sep-flare { 0%, 12%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Flare peak — full overload */ 4% { box-shadow: 0 0 8px rgba(255, 120, 0, 1.0), 0 0 20px rgba(255, 40, 0, 0.9), 0 0 50px rgba(220, 0, 0, 0.7), 0 0 90px rgba(180, 0, 0, 0.4); opacity: 1; } 8% { box-shadow: 0 0 4px rgba(255, 40, 0, 0.8), 0 0 10px rgba(200, 0, 0, 0.5), 0 0 24px rgba(160, 0, 0, 0.3); opacity: 0.9; } } /* ── Diamond breathe (in sync with lines) ───────────────── */ @keyframes diamond-breathe { 0%, 100% { box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); transform: rotate(45deg) scale(1); } /* ✏️ Peak — diamond flares larger */ 50% { box-shadow: 0 0 6px rgba(255, 80, 0, 1.0), 0 0 20px rgba(255, 20, 0, 0.9), 0 0 45px rgba(220, 0, 0, 0.6), 0 0 80px rgba(180, 0, 0, 0.3); transform: rotate(45deg) scale(1.3); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ee0eba0 *//* ============================================================ YOKAI SEPARATOR — RITUAL GRUNGE DIVIDER HOW IT WORKS: Three layers build the separator: — A central line with jagged uneven glow (the main slash) — ::before — left wing: fades out toward the edge — ::after — right wing: mirrors left A central diamond/mark sits at the midpoint. Two animations run: a slow blood-pulse on the glow, and a rare "ritual flare" that briefly overloads the line as if energy just passed through it. USAGE IN ELEMENTOR: Add a Divider widget or an HTML widget with:
Then target with .elementor-11 .elementor-element.elementor-element-ee0eba0. ✏️ QUICK EDITS: width — how wide the separator is (default 100%) line-color — base colour of the line glow-color — rgba in drop-shadow / box-shadow pulse-speed — "5s" on sep-pulse flare-speed — "9s" on sep-flare (how often it fires) diamond-size — the width/height on .elementor-11 .elementor-element.elementor-element-ee0eba0::before center ============================================================ */ /* ── Outer wrapper ──────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-ee0eba0 { display: flex; align-items: center; justify-content: center; width: 100%; /* ✏️ separator width */ position: relative; padding: 12px 0; /* ✏️ vertical breathing room */ overflow: visible; } /* ── Left line ──────────────────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-ee0eba0::before { content: ''; flex: 1; height: 1px; /* ✏️ line thickness */ /* ✏️ Gradient fades to nothing at the far left edge */ background: linear-gradient( to right, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, /* ✏️ */ sep-flare 9s ease-in-out infinite; /* ✏️ */ } /* ── Right line (mirrors left) ──────────────────────────── */ .elementor-11 .elementor-element.elementor-element-ee0eba0::after { content: ''; flex: 1; height: 1px; background: linear-gradient( to left, transparent 0%, #550000 20%, #cc0000 60%, #ff1100 88%, #ff3300 100% ); box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); animation: sep-pulse 5s ease-in-out infinite, sep-flare 9s ease-in-out infinite; } /* ── Center mark — diamond ──────────────────────────────── */ .elementor-11 .elementor-element.elementor-element-ee0eba0 span { display: block; width: 8px; /* ✏️ diamond size */ height: 8px; background: #ff1100; /* ✏️ diamond fill colour */ transform: rotate(45deg); flex-shrink: 0; margin: 0 14px; /* ✏️ gap between diamond and lines */ position: relative; box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); animation: diamond-breathe 5s ease-in-out infinite; /* ✏️ */ } /* Optional: second smaller inner diamond */ .elementor-11 .elementor-element.elementor-element-ee0eba0 span::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 3px; /* ✏️ inner mark size */ height: 3px; background: #ffffff; opacity: 0.8; } /* ── Glow pulse on the lines ────────────────────────────── */ @keyframes sep-pulse { 0%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Peak — raise blur/alpha for more aggressive bloom */ 50% { box-shadow: 0 0 5px rgba(255, 60, 0, 0.9), 0 0 15px rgba(220, 0, 0, 0.6), 0 0 35px rgba(180, 0, 0, 0.4); opacity: 1; } } /* ── Ritual flare — energy pulse runs along the line ────── */ @keyframes sep-flare { 0%, 12%, 100% { box-shadow: 0 0 3px rgba(255, 20, 0, 0.7), 0 0 8px rgba(200, 0, 0, 0.4), 0 0 18px rgba(150, 0, 0, 0.2); opacity: 0.85; } /* ✏️ Flare peak — full overload */ 4% { box-shadow: 0 0 8px rgba(255, 120, 0, 1.0), 0 0 20px rgba(255, 40, 0, 0.9), 0 0 50px rgba(220, 0, 0, 0.7), 0 0 90px rgba(180, 0, 0, 0.4); opacity: 1; } 8% { box-shadow: 0 0 4px rgba(255, 40, 0, 0.8), 0 0 10px rgba(200, 0, 0, 0.5), 0 0 24px rgba(160, 0, 0, 0.3); opacity: 0.9; } } /* ── Diamond breathe (in sync with lines) ───────────────── */ @keyframes diamond-breathe { 0%, 100% { box-shadow: 0 0 4px rgba(255, 30, 0, 1.0), 0 0 12px rgba(255, 0, 0, 0.7), 0 0 28px rgba(200, 0, 0, 0.4), 0 0 55px rgba(150, 0, 0, 0.2); transform: rotate(45deg) scale(1); } /* ✏️ Peak — diamond flares larger */ 50% { box-shadow: 0 0 6px rgba(255, 80, 0, 1.0), 0 0 20px rgba(255, 20, 0, 0.9), 0 0 45px rgba(220, 0, 0, 0.6), 0 0 80px rgba(180, 0, 0, 0.3); transform: rotate(45deg) scale(1.3); } }/* End custom CSS */