.elementor-36096 .elementor-element.elementor-element-52c0bd1{--display:flex;--position:fixed;--min-height:78.82px;--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;top:0px;--z-index:999;}body:not(.rtl) .elementor-36096 .elementor-element.elementor-element-52c0bd1{left:0px;}body.rtl .elementor-36096 .elementor-element.elementor-element-52c0bd1{right:0px;}.elementor-36096 .elementor-element.elementor-element-5a8484a{--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:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 25px 25px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-5a8484a:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-5a8484a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000075;}.elementor-36096 .elementor-element.elementor-element-5a8484a::before, .elementor-36096 .elementor-element.elementor-element-5a8484a > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-5a8484a > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-5a8484a > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-5a8484a > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-5a8484a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-b208fb9{--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-36096 .elementor-element.elementor-element-b208fb9.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36096 .elementor-element.elementor-element-0ce338a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-0ce338a{text-align:start;}.elementor-36096 .elementor-element.elementor-element-0ce338a img{width:75%;}.elementor-36096 .elementor-element.elementor-element-935f289{--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:flex-end;--align-items:center;--gap:3px 3px;--row-gap:3px;--column-gap:3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-935f289.e-con{--align-self:center;}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36096 .elementor-element.elementor-element-5a1d771{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-5a1d771:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-5a1d771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-5a1d771::before, .elementor-36096 .elementor-element.elementor-element-5a1d771 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-5a1d771 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-5a1d771 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-5a1d771 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-5a1d771 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-5a1d771.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--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:36px 36px;--row-gap:36px;--column-gap:36px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:56px;--padding-right:56px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-76fde8b::before, .elementor-36096 .elementor-element.elementor-element-76fde8b > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-76fde8b > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-76fde8b > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-76fde8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-76fde8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-9c63e82{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overflow:hidden;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.27);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-36096 .elementor-element.elementor-element-9c63e82:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-9c63e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cd69803 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-cd69803{z-index:1;}.elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cd69803.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg{height:26px;}.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 );}.elementor-36096 .elementor-element.elementor-element-3f51f6e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-3f51f6e.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-3f51f6e{text-align:start;}.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-d24c2e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:var( --e-global-color-b00544e );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button{background-color:#2151A3;font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:500;letter-spacing:0.01em;fill:#2151A3;color:#2151A3;transition-duration:0.2s;border-style:none;border-radius:0px 0px 0px 0px;padding:17px 38px 17px 38px;}.elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus{background-color:#2151A3;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-f7800c5{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-f7800c5.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-e5ea123{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;border-style:none;--border-style:none;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-36096 .elementor-element.elementor-element-e5ea123:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-e5ea123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-e5ea123.e-con{--align-self:stretch;}.elementor-36096 .elementor-element.elementor-element-e0ac338{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-18b3cc3 > .elementor-widget-container{border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-18b3cc3 img{width:46px;height:46px;object-fit:cover;object-position:top center;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-78b1c10 > .elementor-widget-container{margin:0px 0px 0px -18px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-78b1c10{z-index:2;}.elementor-36096 .elementor-element.elementor-element-78b1c10 img{width:46px;height:46px;object-fit:cover;object-position:top center;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-7e95f9c > .elementor-widget-container{margin:0px 0px 0px -18px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-7e95f9c{z-index:2;}.elementor-36096 .elementor-element.elementor-element-7e95f9c img{width:46px;height:46px;object-fit:cover;object-position:top center;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-83bf938 > .elementor-widget-container{margin:0px 0px 0px -18px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FFFFFF;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-83bf938{z-index:2;}.elementor-36096 .elementor-element.elementor-element-83bf938 img{width:46px;height:46px;object-fit:cover;object-position:top center;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c{width:auto;max-width:auto;z-index:2;text-align:start;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c > .elementor-widget-container{background-color:#2151A3;margin:0px 0px 0px -18px;padding:14px 13px 14px 13px;border-style:solid;border-width:4px 4px 4px 4px;border-color:#FFFFFF;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c.elementor-element{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-68690f3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-68690f3.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-68690f3{text-align:start;}.elementor-36096 .elementor-element.elementor-element-68690f3 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-9e4fb93 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:500;letter-spacing:0.01em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:none;border-radius:0px 0px 0px 0px;padding:17px 38px 17px 38px;}.elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus{background-color:#FFFFFF;color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9923598{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-9923598.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9a1e905{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-739f326{width:auto;max-width:auto;z-index:1;text-align:start;}.elementor-36096 .elementor-element.elementor-element-739f326 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:10px 7px 10px 7px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2151A3;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-739f326.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-739f326 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-05317d3{width:auto;max-width:auto;z-index:2;text-align:start;}.elementor-36096 .elementor-element.elementor-element-05317d3 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px -12px;padding:10px 8px 10px 8px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2151A3;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-05317d3.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-05317d3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-67c8c0f{width:auto;max-width:auto;z-index:2;text-align:start;}.elementor-36096 .elementor-element.elementor-element-67c8c0f > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px -12px;padding:10px 9px 10px 9px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2151A3;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-67c8c0f.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-67c8c0f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-1652490{width:auto;max-width:auto;z-index:2;text-align:start;}.elementor-36096 .elementor-element.elementor-element-1652490 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px -12px;padding:10px 8px 10px 8px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2151A3;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-1652490.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-1652490 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-22505c5{width:auto;max-width:auto;z-index:2;text-align:start;}.elementor-36096 .elementor-element.elementor-element-22505c5 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px -12px;padding:10px 9px 10px 9px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#2151A3;border-radius:999px 999px 999px 999px;}.elementor-36096 .elementor-element.elementor-element-22505c5.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-22505c5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:16px;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-fd59ea7:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-fd59ea7::before, .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-fd59ea7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-fd59ea7.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-be948f3{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:26px 26px;--row-gap:26px;--column-gap:26px;--grid-auto-flow:row;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-be948f3::before, .elementor-36096 .elementor-element.elementor-element-be948f3 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-be948f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-be948f3 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-be948f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-be948f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-fa71746{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-d65fd72 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-d65fd72{z-index:1;}.elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-d65fd72.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-51dad43{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-51dad43 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-51dad43.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-51dad43 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:400;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36096 .elementor-element.elementor-element-0a4fe94{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-97d0a5d{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-572424f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-572424f{z-index:1;}.elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-572424f.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-c63c4b1{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-c63c4b1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-c63c4b1.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-c63c4b1 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:400;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-eb19519{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-eb19519 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-a9028d3{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-061b3e2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-061b3e2{z-index:1;}.elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-061b3e2.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-c1e752a{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-c1e752a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-c1e752a.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-c1e752a .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:400;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-21bfcfb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-d1306f1{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e{z-index:1;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-747fd6e{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-747fd6e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-747fd6e.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-747fd6e .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:400;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-b888178{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-b888178 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-d1b07f8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:10px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 > .elementor-widget-container{margin:-16px 0px 0px 26px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-icon{padding-inline-end:1px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-d9d724a{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-ca04395 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-ca04395{z-index:1;}.elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ca04395.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-1e37204{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-1e37204 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-1e37204.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-1e37204 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:400;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-be104f4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-be104f4:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-be104f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-be104f4::before, .elementor-36096 .elementor-element.elementor-element-be104f4 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-be104f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-be104f4 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-be104f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-be104f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-be104f4.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-7a0b290::before, .elementor-36096 .elementor-element.elementor-element-7a0b290 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-7a0b290 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-7a0b290 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-7a0b290 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-7a0b290 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-7a0b290.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-a1298f1{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-ab66169 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-36096 .elementor-element.elementor-element-ab66169{z-index:1;}.elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ab66169.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-93be1bd{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-93be1bd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-93be1bd.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:24px;font-weight:500;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus{color:var( --e-global-color-b00544e );}.elementor-36096 .elementor-element.elementor-element-b4281ac{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-07bebc8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ed71ce1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-bdaec6a{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-c3308fd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-c3308fd{z-index:1;}.elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c3308fd.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon{font-size:26px;padding:3px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg{height:26px;}.elementor-36096 .elementor-element.elementor-element-2d0b431{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-2d0b431 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-2d0b431.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:24px;font-weight:500;line-height:1.08em;letter-spacing:-0.04em;color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus{color:var( --e-global-color-b00544e );}.elementor-36096 .elementor-element.elementor-element-15e0268{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-icon-list-icon-size:18px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-36096 .elementor-element.elementor-element-15e0268 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(2px/2);}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-2px/2);}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#2151A34A;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon i{color:#2151A3;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg{fill:#2151A3;transition:fill 0.3s;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-60f4ec8{--display:flex;--justify-content:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-60f4ec8:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-60f4ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-60f4ec8.e-con{--align-self:stretch;}.elementor-36096 .elementor-element.elementor-element-02f09eb{width:100%;max-width:100%;text-align:start;}.elementor-36096 .elementor-element.elementor-element-02f09eb > .elementor-widget-container{margin:0px 0px 6px 0px;padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-02f09eb.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-02f09eb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.08em;letter-spacing:-0.04em;color:#FFFFFF;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 > .elementor-widget-container{background-color:#FFFFFF1A;padding:8px 8px 8px 8px;border-radius:10px 10px 10px 10px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7:hover .elementor-widget-container{background-color:#0000004D;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-title{margin-block-end:4px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-framed:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-default:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-framed:has(:focus) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-6c8a3c7.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon{font-size:18px;padding:6px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:16px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-c55bae6 > .elementor-widget-container{background-color:#FFFFFF1A;padding:8px 8px 8px 8px;border-radius:10px 10px 10px 10px;}.elementor-36096 .elementor-element.elementor-element-c55bae6:hover .elementor-widget-container{background-color:#0000004D;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-title{margin-block-end:4px;}.elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-framed:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-default:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-framed:has(:focus) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c55bae6.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon{font-size:18px;padding:6px;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:16px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-93b02be > .elementor-widget-container{background-color:#FFFFFF1A;padding:8px 8px 8px 8px;border-radius:10px 10px 10px 10px;}.elementor-36096 .elementor-element.elementor-element-93b02be:hover .elementor-widget-container{background-color:#0000004D;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-title{margin-block-end:4px;}.elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-framed:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-default:has(:hover) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-framed:has(:focus) .elementor-icon, .elementor-36096 .elementor-element.elementor-element-93b02be.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon{font-size:18px;padding:6px;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:16px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-31b0411{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-31b0411:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-31b0411 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-31b0411::before, .elementor-36096 .elementor-element.elementor-element-31b0411 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-31b0411 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-31b0411 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-31b0411 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-31b0411 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-31b0411.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-123a092{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-123a092::before, .elementor-36096 .elementor-element.elementor-element-123a092 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-123a092 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-123a092 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-123a092 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-123a092 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-123a092.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-3623a85{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overflow:hidden;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-36096 .elementor-element.elementor-element-752dce8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-752dce8{z-index:1;}.elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-752dce8.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon{font-size:23px;padding:6px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg{height:23px;}.elementor-36096 .elementor-element.elementor-element-1a0644c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-1a0644c.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-1a0644c{text-align:start;}.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-e60de29 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:var( --e-global-color-b00544e );}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button{background-color:#2151A3;font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:500;text-transform:capitalize;letter-spacing:0.01em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:none;border-radius:8px 8px 8px 8px;padding:12px 18px 12px 18px;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus{background-color:#2151A3;color:#FFFFFF;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-304a433{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-304a433 > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-304a433.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-80cb0f9{--display:flex;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-80cb0f9:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-80cb0f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-36096 .elementor-element.elementor-element-80cb0f9.e-con{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-b681d73{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-36096 .elementor-element.elementor-element-b681d73.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-e542e46 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-e542e46.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-e542e46{text-align:start;}.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-cded329{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-cded329.e-con{--align-self:center;}.elementor-widget-loop-grid .elementor-pagination{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-36096 .elementor-element.elementor-element-da96397{--grid-columns:1;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-36096 .elementor-element.elementor-element-da96397 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-36096 .elementor-element.elementor-element-58d5f9c{--display:flex;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--border-radius:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-58d5f9c:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-58d5f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-58d5f9c.e-con{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-4121639{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-36096 .elementor-element.elementor-element-4121639.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-0331ef7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-0331ef7 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:22px;font-weight:500;text-transform:capitalize;line-height:40px;letter-spacing:-0.04em;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ef7ea8d{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-ef7ea8d.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-af19f8f{--grid-columns:1;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-e044c3e:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-e044c3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-e044c3e::before, .elementor-36096 .elementor-element.elementor-element-e044c3e > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-e044c3e > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-e044c3e > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-e044c3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-e044c3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-e044c3e.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:9;}.elementor-36096 .elementor-element.elementor-element-a9effe1::before, .elementor-36096 .elementor-element.elementor-element-a9effe1 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-a9effe1 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-a9effe1 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-a9effe1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-a9effe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-a9effe1.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-7c04671{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overflow:hidden;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-36096 .elementor-element.elementor-element-7c04671:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-7c04671 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-36096 .elementor-element.elementor-element-c28c721 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-c28c721{z-index:1;}.elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon-wrapper{text-align:start;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-stacked .elementor-icon{background-color:#2151A3;color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-default .elementor-icon{color:#2151A3;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-framed .elementor-icon, .elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-default .elementor-icon svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c28c721.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon{font-size:23px;padding:6px;border-radius:8px 8px 8px 8px;}.elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg{height:23px;}.elementor-36096 .elementor-element.elementor-element-d49d41c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-d49d41c.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-d49d41c{text-align:start;}.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-013cb08 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.6em;letter-spacing:0px;color:var( --e-global-color-b00544e );}.elementor-36096 .elementor-element.elementor-element-492a54b{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:flex-start;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-492a54b.e-con{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-851857e .elementor-button{background-color:#2151A3;font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.01em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus{background-color:#2151A3;color:#FFFFFF;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-851857e{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-851857e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-851857e.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-f3aea98{--display:flex;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-f3aea98:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-f3aea98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-36096 .elementor-element.elementor-element-f3aea98.e-con{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-9e56180{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-36096 .elementor-element.elementor-element-9e56180.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-65cb04d > .elementor-widget-container{margin:0px 0px 6px 0px;padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-65cb04d.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-65cb04d{text-align:start;}.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:22px;font-weight:600;line-height:1.15em;letter-spacing:-0.015em;color:var( --e-global-color-c69f4e1 );}.elementor-36096 .elementor-element.elementor-element-c3b3391{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-c3b3391.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-8928024 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b923863{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100000;}.elementor-36096 .elementor-element.elementor-element-b923863:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-b923863 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF7;}.elementor-36096 .elementor-element.elementor-element-b923863::before, .elementor-36096 .elementor-element.elementor-element-b923863 > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-b923863 > .e-con-inner > .elementor-background-video-container::before, .elementor-36096 .elementor-element.elementor-element-b923863 > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-b923863 > .e-con-inner > .elementor-background-slideshow::before, .elementor-36096 .elementor-element.elementor-element-b923863 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-36096 .elementor-element.elementor-element-b923863.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-688f565{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:18px;--n-menu-title-font-size:15px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-title-direction:row;--n-menu-icon-order:1;--n-menu-icon-align-items:initial;--n-menu-title-align-items-toggle:center;--n-menu-icon-size:14px;--n-menu-icon-gap:4px;--n-menu-dropdown-indicator-size:13px;--n-menu-dropdown-indicator-space:1px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-36096 .elementor-element.elementor-element-688f565 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-36096 .elementor-element.elementor-element-688f565 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-36096 .elementor-element.elementor-element-688f565 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-36096 .elementor-element.elementor-element-688f565 {--n-menu-title-color-hover:#4984E9FC;--n-menu-title-color-active:#4984E9FC;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button{background-color:#2151A300;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;letter-spacing:0.01em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:12px 16px 12px 16px;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button:focus{background-color:#2151A3;color:#FFFFFF;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-18a8d7b{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-18a8d7b > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-36096 .elementor-element.elementor-element-18a8d7b.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button{background-color:#2151A3;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:capitalize;letter-spacing:0.01em;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-style:none;border-radius:8px 8px 8px 8px;padding:12px 18px 12px 18px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:focus{background-color:#2151A3;color:#FFFFFF;border-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-ea26c7b{width:auto;max-width:auto;}.elementor-36096 .elementor-element.elementor-element-ea26c7b > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:hover svg, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-5e8bfca{--display:flex;--position:fixed;--min-height:78.82px;--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;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;top:0px;--z-index:998;}.elementor-36096 .elementor-element.elementor-element-5e8bfca:not(.elementor-motion-effects-element-type-background), .elementor-36096 .elementor-element.elementor-element-5e8bfca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000005E;}body:not(.rtl) .elementor-36096 .elementor-element.elementor-element-5e8bfca{left:0px;}body.rtl .elementor-36096 .elementor-element.elementor-element-5e8bfca{right:0px;}.elementor-36096 .elementor-element.elementor-element-a89213b{--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:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-c6d0137{--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-36096 .elementor-element.elementor-element-c6d0137.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-c52e98c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-c52e98c{text-align:start;}.elementor-36096 .elementor-element.elementor-element-c52e98c img{width:73%;}.elementor-36096 .elementor-element.elementor-element-c540627{--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:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-36096 .elementor-element.elementor-element-c540627:hover{border-style:none;}.elementor-36096 .elementor-element.elementor-element-c540627, .elementor-36096 .elementor-element.elementor-element-c540627::before{--border-transition:0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36096 .elementor-element.elementor-element-9e03bbc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:1px;padding-right:1px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item.highlighted, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item:focus{color:#4984E9FC;fill:#4984E9FC;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#4984E9FC;}.elementor-36096 .elementor-element.elementor-element-9e03bbc{--e-nav-menu-horizontal-menu-item-margin:calc( 34px / 2 );}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:34px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle{color:#2151A3;fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:none;border-radius:0px 0px 20px 20px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a:focus, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a.highlighted, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a:focus, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a.highlighted{background-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-item, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a{padding-left:25px;padding-right:25px;padding-top:10px;padding-bottom:10px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#2151A31A;border-bottom-width:1px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle{color:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle:focus{color:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle:hover svg, .elementor-36096 .elementor-element.elementor-element-9e03bbc div.elementor-menu-toggle:focus svg{fill:#2151A3;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle:hover, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-menu-toggle:focus{background-color:#02010100;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-36096 .elementor-element.elementor-element-5a8484a{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--padding-top:28px;--padding-bottom:28px;--padding-left:46px;--padding-right:46px;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-be948f3{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:28px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-be104f4{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--padding-top:28px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-ab66169{width:var( --container-widget-width, 32px );max-width:32px;--container-widget-width:32px;--container-widget-flex-grow:0;}.elementor-36096 .elementor-element.elementor-element-31b0411{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-123a092{--padding-top:28px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button{font-size:15px;padding:12px 15px 12px 15px;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--padding-top:28px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-492a54b{--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:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-36096 .elementor-element.elementor-element-851857e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b923863{--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-688f565{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button{font-size:14px;padding:12px 15px 12px 15px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button{font-size:14px;padding:12px 15px 12px 15px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc{--e-nav-menu-horizontal-menu-item-margin:calc( 18px / 2 );}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:18px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-item, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}}@media(max-width:1024px){.elementor-36096 .elementor-element.elementor-element-52c0bd1{--min-height:70px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-5a8484a{--border-radius:0px 0px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-0ce338a img{width:167px;}.elementor-36096 .elementor-element.elementor-element-935f289{--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:0px 0px 25px 25px;--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-9c63e82{--min-height:0px;}.elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon{font-size:22px;}.elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg{height:22px;}.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title{font-size:13px;line-height:1.2rem;}.elementor-36096 .elementor-element.elementor-element-f7800c5.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button{font-size:14px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-e5ea123{--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-68690f3 .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title{font-size:13px;line-height:1.2rem;}.elementor-36096 .elementor-element.elementor-element-9923598.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button{font-size:14px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-739f326 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-05317d3 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-67c8c0f .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-1652490 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-22505c5 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-be948f3{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--border-radius:0px 0px 25px 25px;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-36096 .elementor-element.elementor-element-fa71746{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-51dad43 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-97d0a5d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-c63c4b1 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-eb19519 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-eb19519{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-a9028d3{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-c1e752a .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-d1306f1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-747fd6e .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-b888178 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b888178{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 > .elementor-widget-container{margin:-10px 0px 0px 22px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:9px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-d1b07f8 .elementor-icon-list-item > a{font-size:11px;}.elementor-36096 .elementor-element.elementor-element-d9d724a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-1e37204 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-be104f4{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:0px 0px 25px 25px;--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-36096 .elementor-element.elementor-element-a1298f1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-07bebc8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-bdaec6a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon{font-size:13px;}.elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg{height:13px;}.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-15e0268 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-15e0268{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-icon-list-icon-size:16px;}.elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item > a{font-size:12px;}.elementor-36096 .elementor-element.elementor-element-60f4ec8{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-36096 .elementor-element.elementor-element-02f09eb .elementor-heading-title{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon{font-size:14px;padding:3px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-title a{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-6c8a3c7 .elementor-icon-box-description{font-size:10px;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon{font-size:14px;padding:3px;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-title a{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-c55bae6 .elementor-icon-box-description{font-size:10px;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon{font-size:14px;padding:3px;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-title, .elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-title a{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-93b02be .elementor-icon-box-description{font-size:10px;}.elementor-36096 .elementor-element.elementor-element-31b0411{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-123a092{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 25px 25px;--padding-top:32px;--padding-bottom:32px;--padding-left:18px;--padding-right:18px;}.elementor-36096 .elementor-element.elementor-element-3623a85{--min-height:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-752dce8 > .elementor-widget-container{padding:8px 0px 0px 4px;}.elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon{font-size:22px;}.elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg{height:22px;}.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title{font-size:13px;line-height:1.2rem;}.elementor-36096 .elementor-element.elementor-element-304a433 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-304a433.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button{font-size:13px;border-radius:0px 0px 0px 0px;padding:10px 12px 10px 12px;}.elementor-36096 .elementor-element.elementor-element-80cb0f9{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-da96397{--grid-columns:1;--grid-row-gap:18px;--grid-column-gap:18px;}.elementor-36096 .elementor-element.elementor-element-58d5f9c{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-36096 .elementor-element.elementor-element-0331ef7 .elementor-heading-title{font-size:36px;}.elementor-36096 .elementor-element.elementor-element-af19f8f{--grid-columns:1;--grid-row-gap:18px;--grid-column-gap:18px;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:0px 0px 25px 25px;--padding-top:32px;--padding-bottom:32px;--padding-left:18px;--padding-right:18px;}.elementor-36096 .elementor-element.elementor-element-7c04671{--min-height:0px;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-36096 .elementor-element.elementor-element-c28c721 > .elementor-widget-container{padding:8px 0px 0px 4px;}.elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon{font-size:22px;}.elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg{height:22px;}.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title{font-size:13px;line-height:1.2rem;}.elementor-36096 .elementor-element.elementor-element-492a54b{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-36096 .elementor-element.elementor-element-492a54b.e-con{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-851857e.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-851857e .elementor-button{font-size:14px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-f3aea98{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title{font-size:20px;}.elementor-36096 .elementor-element.elementor-element-8928024 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b923863{--border-radius:25px 25px 25px 25px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-36096 .elementor-element.elementor-element-688f565{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-title-space-between:8px;--n-menu-title-font-size:12px;--n-menu-icon-size:10px;--n-menu-dropdown-indicator-size:9px;--n-menu-dropdown-indicator-space:0px;}.elementor-36096 .elementor-element.elementor-element-18a8d7b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-18a8d7b.elementor-element{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button{font-size:12px;border-radius:8px 8px 8px 8px;padding:9px 10px 9px 10px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b > .elementor-widget-container{padding:0px 0px 0px 8px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b.elementor-element{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button{font-size:12px;border-radius:0px 0px 0px 0px;padding:10px 12px 10px 12px;}.elementor-36096 .elementor-element.elementor-element-5e8bfca{--min-height:78px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:998;}.elementor-36096 .elementor-element.elementor-element-a89213b{--border-radius:40px 40px 40px 40px;}.elementor-36096 .elementor-element.elementor-element-c52e98c img{width:167px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-item, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a{padding-left:22px;padding-right:22px;padding-top:8px;padding-bottom:8px;}}@media(max-width:767px){.elementor-36096 .elementor-element.elementor-element-52c0bd1{--min-height:65px;--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;--z-index:0;}.elementor-36096 .elementor-element.elementor-element-b208fb9{--width:80%;}.elementor-36096 .elementor-element.elementor-element-935f289{--width:20%;}.elementor-36096 .elementor-element.elementor-element-9c63e82{--min-height:0px;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-e5ea123{--border-radius:24px 24px 24px 24px;--padding-top:6px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-e3e5d1c .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-68690f3 .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-739f326{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-739f326 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-05317d3{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-05317d3 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-67c8c0f{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-67c8c0f .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-1652490{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-1652490 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-22505c5{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-22505c5 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-be948f3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36096 .elementor-element.elementor-element-51dad43{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-51dad43 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-c63c4b1{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-c63c4b1 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-eb19519{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-c1e752a{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-c1e752a .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-747fd6e{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-747fd6e .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-b888178{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-1e37204{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-1e37204 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-2d8f5cc{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-93be1bd{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-07bebc8{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-ed71ce1{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-2d0b431{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-15e0268{width:100%;max-width:100%;--e-icon-list-icon-size:22px;}.elementor-36096 .elementor-element.elementor-element-60f4ec8{--border-radius:24px 24px 24px 24px;--padding-top:6px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-02f09eb{width:100%;max-width:100%;}.elementor-36096 .elementor-element.elementor-element-02f09eb .elementor-heading-title{font-size:34px;}.elementor-36096 .elementor-element.elementor-element-3623a85{--min-height:0px;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:12px 15px 12px 15px;}.elementor-36096 .elementor-element.elementor-element-80cb0f9{--border-radius:24px 24px 24px 24px;--padding-top:6px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-cded329{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-da96397{--grid-columns:1;}.elementor-36096 .elementor-element.elementor-element-58d5f9c{--border-radius:24px 24px 24px 24px;--padding-top:6px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-0331ef7.elementor-element{--align-self:flex-start;}.elementor-36096 .elementor-element.elementor-element-0331ef7{text-align:start;}.elementor-36096 .elementor-element.elementor-element-0331ef7 .elementor-heading-title{font-size:30px;}.elementor-36096 .elementor-element.elementor-element-ef7ea8d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-af19f8f{--grid-columns:1;}.elementor-36096 .elementor-element.elementor-element-7c04671{--min-height:0px;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-492a54b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-36096 .elementor-element.elementor-element-851857e .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-f3aea98{--border-radius:24px 24px 24px 24px;--padding-top:6px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title{font-size:28px;}.elementor-36096 .elementor-element.elementor-element-c3b3391{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36096 .elementor-element.elementor-element-18a8d7b .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button{font-size:15.5px;border-radius:0px 0px 0px 0px;padding:17px 36px 17px 36px;}.elementor-36096 .elementor-element.elementor-element-5e8bfca{--min-height:70px;--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;--border-radius:0px 0px 25px 25px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-a89213b{--width:95%;}.elementor-36096 .elementor-element.elementor-element-c6d0137{--width:74%;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-36096 .elementor-element.elementor-element-c52e98c img{width:167px;}.elementor-36096 .elementor-element.elementor-element-c540627{--width:20%;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:999;}.elementor-36096 .elementor-element.elementor-element-c540627.e-con{--align-self:center;}.elementor-36096 .elementor-element.elementor-element-9e03bbc.elementor-element{--align-self:flex-end;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown{border-radius:0px 0px 20px 20px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--dropdown a{padding-top:11px;padding-bottom:11px;}.elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-36096 .elementor-element.elementor-element-9e03bbc .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:18px !important;}}@media(min-width:768px){.elementor-36096 .elementor-element.elementor-element-52c0bd1{--width:100%;}.elementor-36096 .elementor-element.elementor-element-5a8484a{--width:92%;}.elementor-36096 .elementor-element.elementor-element-b208fb9{--width:20%;}.elementor-36096 .elementor-element.elementor-element-935f289{--width:80%;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--width:92%;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--width:100%;}.elementor-36096 .elementor-element.elementor-element-9c63e82{--width:50%;}.elementor-36096 .elementor-element.elementor-element-e5ea123{--width:50%;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--width:92%;}.elementor-36096 .elementor-element.elementor-element-be948f3{--width:100%;}.elementor-36096 .elementor-element.elementor-element-be104f4{--width:92%;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--width:100%;}.elementor-36096 .elementor-element.elementor-element-a1298f1{--width:45%;}.elementor-36096 .elementor-element.elementor-element-bdaec6a{--width:27%;}.elementor-36096 .elementor-element.elementor-element-60f4ec8{--width:27%;}.elementor-36096 .elementor-element.elementor-element-31b0411{--width:92%;}.elementor-36096 .elementor-element.elementor-element-123a092{--width:100%;}.elementor-36096 .elementor-element.elementor-element-3623a85{--width:33.33%;}.elementor-36096 .elementor-element.elementor-element-80cb0f9{--width:33.33%;}.elementor-36096 .elementor-element.elementor-element-b681d73{--width:100%;}.elementor-36096 .elementor-element.elementor-element-cded329{--width:100%;}.elementor-36096 .elementor-element.elementor-element-58d5f9c{--width:33.33%;}.elementor-36096 .elementor-element.elementor-element-4121639{--width:100%;}.elementor-36096 .elementor-element.elementor-element-ef7ea8d{--width:100%;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--width:92%;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--width:100%;}.elementor-36096 .elementor-element.elementor-element-7c04671{--width:40%;}.elementor-36096 .elementor-element.elementor-element-f3aea98{--width:60%;}.elementor-36096 .elementor-element.elementor-element-9e56180{--width:100%;}.elementor-36096 .elementor-element.elementor-element-c3b3391{--width:100%;}.elementor-36096 .elementor-element.elementor-element-b923863{--width:92%;}.elementor-36096 .elementor-element.elementor-element-5e8bfca{--width:100%;}.elementor-36096 .elementor-element.elementor-element-a89213b{--width:76.42%;}.elementor-36096 .elementor-element.elementor-element-c6d0137{--width:20%;}.elementor-36096 .elementor-element.elementor-element-c540627{--width:35%;}}@media(max-width:1366px) and (min-width:768px){.elementor-36096 .elementor-element.elementor-element-5a8484a{--width:96%;}.elementor-36096 .elementor-element.elementor-element-b208fb9{--width:20%;}.elementor-36096 .elementor-element.elementor-element-935f289{--width:80%;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--width:96%;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--width:100%;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--width:96%;}.elementor-36096 .elementor-element.elementor-element-be948f3{--width:100%;}.elementor-36096 .elementor-element.elementor-element-be104f4{--width:96%;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--width:100%;}.elementor-36096 .elementor-element.elementor-element-31b0411{--width:96%;}.elementor-36096 .elementor-element.elementor-element-123a092{--width:100%;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--width:96%;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--width:100%;}.elementor-36096 .elementor-element.elementor-element-b923863{--width:96%;}}@media(max-width:1024px) and (min-width:768px){.elementor-36096 .elementor-element.elementor-element-5a8484a{--width:100%;}.elementor-36096 .elementor-element.elementor-element-b208fb9{--width:18%;}.elementor-36096 .elementor-element.elementor-element-935f289{--width:82%;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--width:100%;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--width:100%;}.elementor-36096 .elementor-element.elementor-element-e5ea123{--width:50%;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--width:100%;}.elementor-36096 .elementor-element.elementor-element-be948f3{--width:100%;}.elementor-36096 .elementor-element.elementor-element-be104f4{--width:100%;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--width:100%;}.elementor-36096 .elementor-element.elementor-element-bdaec6a{--width:23%;}.elementor-36096 .elementor-element.elementor-element-60f4ec8{--width:32%;}.elementor-36096 .elementor-element.elementor-element-31b0411{--width:100%;}.elementor-36096 .elementor-element.elementor-element-123a092{--width:100%;}.elementor-36096 .elementor-element.elementor-element-80cb0f9{--width:32%;}.elementor-36096 .elementor-element.elementor-element-58d5f9c{--width:32%;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--width:100%;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--width:100%;}.elementor-36096 .elementor-element.elementor-element-7c04671{--width:40%;}.elementor-36096 .elementor-element.elementor-element-f3aea98{--width:70%;}.elementor-36096 .elementor-element.elementor-element-b923863{--width:100%;}.elementor-36096 .elementor-element.elementor-element-a89213b{--width:95%;}.elementor-36096 .elementor-element.elementor-element-c6d0137{--width:20%;}.elementor-36096 .elementor-element.elementor-element-c540627{--width:85%;}}@media(min-width:2400px){.elementor-36096 .elementor-element.elementor-element-52c0bd1{--width:100%;}.elementor-36096 .elementor-element.elementor-element-5a8484a{--width:50%;}.elementor-36096 .elementor-element.elementor-element-935f289{--width:80%;}.elementor-36096 .elementor-element.elementor-element-5a1d771{--width:50%;}.elementor-36096 .elementor-element.elementor-element-76fde8b{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-36096 .elementor-element.elementor-element-9c63e82{--min-height:0px;}.elementor-36096 .elementor-element.elementor-element-fd59ea7{--width:50%;}.elementor-36096 .elementor-element.elementor-element-be948f3{--width:100%;--grid-auto-flow:row;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-36096 .elementor-element.elementor-element-0a4fe94 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-eb19519 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-21bfcfb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-b888178 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8 > .elementor-widget-container{margin:-16px 0px 0px 22px;}.elementor-36096 .elementor-element.elementor-element-d1b07f8{--icon-vertical-offset:3px;}.elementor-36096 .elementor-element.elementor-element-be104f4{--width:50%;}.elementor-36096 .elementor-element.elementor-element-7a0b290{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-36096 .elementor-element.elementor-element-15e0268 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-36096 .elementor-element.elementor-element-31b0411{--width:50%;}.elementor-36096 .elementor-element.elementor-element-123a092{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-36096 .elementor-element.elementor-element-3623a85{--min-height:0px;}.elementor-36096 .elementor-element.elementor-element-e044c3e{--width:50%;}.elementor-36096 .elementor-element.elementor-element-a9effe1{--width:100%;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-36096 .elementor-element.elementor-element-7c04671{--min-height:0px;}.elementor-36096 .elementor-element.elementor-element-492a54b{--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-36096 .elementor-element.elementor-element-b923863{--width:50%;}}/* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cd69803 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cd69803 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3f51f6e */.elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-3f51f6e .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d24c2e7 */.elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-d24c2e7 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7800c5 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #ffffff; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-f7800c5 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9c63e82 *//* ---------- ANIMATED GRADIENT BORDER, NATIVE BACKGROUND ---------- */ @property --bze-card-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-9c63e82 { position: relative; border: 4px solid transparent !important; /* removes native border, reserves space for the ring */ border-radius: 16px !important; /* background is completely untouched here — your native fill stays as-is */ } .elementor-36096 .elementor-element.elementor-element-9c63e82::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 4px; /* must match the border width above */ background: conic-gradient( from var(--bze-card-ang) at 50% 165%, #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: bze-card-spin 6s linear infinite; pointer-events: none; } @keyframes bze-card-spin { to { --bze-card-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9c63e82::before { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e4fb93 */.elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-9e4fb93 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9923598 *//* ---------- LEARN MORE · expanding circle ---------- */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button { --adm-size: 3rem; /* circle diameter = button height */ --adm-gap: 0.6rem; /* space between arrow & text */ --adm-padx: 2.375rem; /* breathing room on the right */ --adm-arrow: #2151A3; /* arrow colour */ --adm-ease: cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--adm-size) / 2) !important; overflow: visible; /* keeps Elementor's background-color as a *value* without painting it */ -webkit-background-clip: text; background-clip: text; } /* the circle that grows into a pill — takes the panel's Background Colour */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before { content: ""; position: absolute; top: 0; left: 0; width: var(--adm-size); height: 100%; border-radius: calc(var(--adm-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--adm-ease), background-color .45s var(--adm-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible::before { width: 100%; } /* content sits above the circle and sets the button's size */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--adm-size); padding-left: calc(var(--adm-size) + var(--adm-gap)); padding-right: var(--adm-padx); z-index: 1; } /* hide Elementor's icon — the arrow is drawn below */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-icon { display: none; } /* arrow shaft */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before { content: ""; position: absolute; left: 0.625rem; top: 50%; width: 1.125rem; height: 0.125rem; background: transparent; transform: translateY(-50%); transition: all .45s var(--adm-ease); } /* arrow head */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: 1.0625rem; top: 50%; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid var(--adm-arrow); border-right: 0.125rem solid var(--adm-arrow); transform: translateY(-50%) rotate(45deg); transition: all .45s var(--adm-ease); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::before { background: var(--adm-arrow); transform: translate(1rem, -50%); } .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translate(1rem, -50%) rotate(45deg); } /* label — inherits typography and colour from the Style panel */ .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; transition: color .45s var(--adm-ease); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-9923598 .elementor-button .elementor-button-text { transition-duration: .01ms; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d65fd72 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-d65fd72 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0a4fe94 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-0a4fe94 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-572424f *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-572424f .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-eb19519 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-eb19519 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-eb19519 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-061b3e2 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-061b3e2 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-21bfcfb *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-21bfcfb { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-21bfcfb .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-cf3ab9e *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-cf3ab9e .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-b888178 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-b888178 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-b888178 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ca04395 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ca04395 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-2d8f5cc *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-2d8f5cc .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ab66169 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-ab66169 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-93be1bd */.elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-93be1bd .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-07bebc8 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-07bebc8 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-07bebc8 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-ed71ce1 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ed71ce1 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c3308fd *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c3308fd .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d0b431 */.elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a { text-decoration: none; } .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-2d0b431 .elementor-heading-title a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-15e0268 *//* ---------- GRADIENT ICONS (matches the CTA button) ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-15e0268 { --adm-spin: 6s; --adm-origin: 165%; --adm-icon-url: url("https://bullzeyemediamarketing.com/wp-content/uploads/2026/07/button_icon-bullzeye.svg"); } /* the inline SVG stays in the flow but is no longer painted */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon svg { opacity: 0; } /* the wrapper becomes the gradient, cut to the icon silhouette */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: var(--icon-size, 20px); height: var(--icon-size, 26px); flex: 0 0 auto; background-image: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); -webkit-mask-image: var(--adm-icon-url); mask-image: var(--adm-icon-url); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; animation: adm-spin var(--adm-spin) linear infinite; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* stagger so the four icons don't pulse in unison */ .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon { animation-delay: -1.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon { animation-delay: -3s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:nth-child(4) .elementor-icon-list-icon { animation-delay: -4.5s; } .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-item:hover .elementor-icon-list-icon { --adm-spin: 3s; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { animation: none; } } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-15e0268 .elementor-icon-list-icon { width: calc(var(--icon-size, 20px) * 0.75); height: calc(var(--icon-size, 26px) * 0.75); } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-752dce8 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-752dce8 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a0644c */.elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-1a0644c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e60de29 */.elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-e60de29 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-304a433 *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-304a433 .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e542e46 */.elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-e542e46 .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-da96397 */@property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-bleed: 5px; --adm-spin: 6s; --adm-radius: 8px; --adm-origin: 165%; --adm-icon: 1.45em; --adm-icon-grow: 1.18; --adm-icon-shift: 6px; position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before { z-index: -1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { z-index: -2; opacity: .45; filter: blur(14px); transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button::after { animation: none; } .elementor-36096 .elementor-element.elementor-element-da96397 .e-loop__load-more .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c28c721 *//* ============================================================ Bullzeye — sweeping conic gradient for the ICON widget Same gradient, same stops, same timing as the button. Paste into: Icon widget → Advanced → Custom CSS Padding, icon size, border and border-radius stay under Elementor's control — this only replaces the flat background. ============================================================ */ @property --bzi-ang { syntax: ''; inherits: false; initial-value: 0deg; } /* ---------- the icon box ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon { --adm-bleed: 5px; /* how far the gradient extends past the box */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-origin: 165%; /* gradient centre, pushed below the box */ position: relative; z-index: 0; background-color: transparent !important; } /* keep the glyph above the gradient (colour stays from the panel) */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon svg, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon i { position: relative; z-index: 1; } /* ---------- the gradient face ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } /* ---------- soft halo ---------- */ .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: inherit; pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--bzi-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: bzi-spin var(--adm-spin) linear infinite; } @keyframes bzi-spin { to { --bzi-ang: 360deg; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::before, .elementor-36096 .elementor-element.elementor-element-c28c721 .elementor-icon::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d49d41c */.elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-d49d41c .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-013cb08 */.elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:visited { color: #2151A3; text-decoration: none; transition: text-decoration-color .2s ease; } .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:hover, .elementor-36096 .elementor-element.elementor-element-013cb08 .elementor-heading-title a:focus-visible { color: #2151A3; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-851857e *//* ============================================================ Start Listening — expanding pill + flipping glyph Paste into: Advanced → Custom CSS (Elementor button widget) ============================================================ */ /* ---------- 1. Root: tokens + reset ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 3rem; /* circle diameter = button height */ --pod-gap: 0.6rem; /* space between glyph and label */ --pod-padx: 2.375rem; /* breathing room on the right */ --pod-icon: 1.25rem; /* glyph box size */ --pod-slide: 0.35rem; /* how far the glyph drifts on hover */ --pod-arrow: #fff; /* glyph colour */ --pod-ease: cubic-bezier(0.65, 0, 0.076, 1); --pod-head: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%203a9%209%200%200%200-9%209v2h2v-2a7%207%200%200%201%2014%200v2h2v-2a9%209%200%200%200-9-9z'/%3E%3Crect%20x='2'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3Crect%20x='17'%20y='13'%20width='5'%20height='8'%20rx='2.5'/%3E%3C/svg%3E"); --pod-play: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M8%205v14l11-7z'/%3E%3C/svg%3E"); position: relative; display: inline-block; width: auto; padding: 0 !important; border: 0 !important; border-radius: calc(var(--pod-size) / 2) !important; overflow: visible; /* holds Elementor's Background Colour as a *value* without painting it, so the panel colour picker still drives the pill below */ -webkit-background-clip: text; background-clip: text; } /* ---------- 2. The circle that grows into a pill ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pod-size); height: 100%; border-radius: calc(var(--pod-size) / 2); background-color: inherit; background-clip: border-box; transition: width .45s var(--pod-ease); z-index: 0; } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible::before { width: 100%; } /* ---------- 3. Content wrapper sets the button's box ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper { position: relative; display: flex; align-items: center; height: var(--pod-size); padding-left: calc(var(--pod-size) + var(--pod-gap)); padding-right: var(--pod-padx); perspective: 420px; z-index: 1; } /* Elementor's own icon slot is unused — the glyphs are drawn below */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-icon { display: none; } /* ---------- 4. Glyphs: headphones (front) + play (back) ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { content: ""; position: absolute; left: calc((var(--pod-size) - var(--pod-icon)) / 2); top: 50%; width: var(--pod-icon); height: var(--pod-icon); background-color: var(--pod-arrow); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; backface-visibility: hidden; transition: transform .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before { -webkit-mask-image: var(--pod-head); mask-image: var(--pod-head); transform: translateY(-50%) rotateY(0deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { -webkit-mask-image: var(--pod-play); mask-image: var(--pod-play); transform: translateY(-50%) rotateY(-180deg); } /* ---------- 5. Hover / focus: flip and pulse ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::before { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(180deg); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-content-wrapper::after, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-content-wrapper::after { transform: translateY(-50%) translateX(var(--pod-slide)) rotateY(0deg); animation: pod-pulse .7s .35s var(--pod-ease) forwards; } @keyframes pod-pulse { 0% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } 30% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.22); } 55% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(0.94); } 78% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1.08); } 100% { transform: translateY(-50%) translateX(var(--pod-slide)) scale(1); } } /* ---------- 6. Label: brand blue at rest, white once the pill fills ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-text { font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; color: #2151A3; transition: color .45s var(--pod-ease); } .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:hover .elementor-button-text, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible .elementor-button-text { color: #fff; } /* ---------- 7. Focus ring for keyboard users ---------- */ .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button:focus-visible { outline: 2px solid var(--pod-arrow); outline-offset: 3px; } /* ---------- 8. Smaller on mobile ---------- */ @media (max-width: 767px) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button { --pod-size: 2.75rem; --pod-padx: 1.875rem; --pod-icon: 1.125rem; } } /* ---------- 9. Reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::before, .elementor-36096 .elementor-element.elementor-element-851857e .elementor-button .elementor-button-content-wrapper::after { transition-duration: .01ms; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-65cb04d */.elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { background: linear-gradient( 95deg, #2151A3 0%, #2151A3 40%, #000000 100% ); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; /* entrance + continuous shimmer */ animation: bze-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) both, bze-title-shine 6s ease-in-out 0.9s infinite; } /* gradient sweep */ @keyframes bze-title-shine { 0% { background-position: 0% center; } 50% { background-position: 100% center; } 100% { background-position: 0% center; } } /* fade + rise on load */ @keyframes bze-title-in { from { opacity: 0; transform: translateY(24px); filter: blur(6px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } /* respect reduced-motion users */ @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-65cb04d .elementor-heading-title { animation: bze-title-in 0.6s ease both; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-8928024 *//* ---------- 0. Reset Shortcode Spacing ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-widget-container, .elementor-36096 .elementor-element.elementor-element-8928024 .elementor-shortcode, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track { padding: 0 !important; margin: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_heading, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_load_more, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_guest, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_audio_el { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper { max-width: 100%; } /* Measure the menu area itself (not the screen) */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_carousel_shell { container: fmgrid / inline-size; } /* ---------- 1. Grid: 2 Columns x 3 Rows (6 Items) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: start; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:nth-child(n+7) { display: none !important; } /* ---------- 2. Card Layout ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { /* Size controls */ --pad: 10px; --thumb: 64px; --gap: 12px; --play: 34px; container: fmcard / inline-size; display: grid !important; /* Columns: Image | Play Btn (active) | Progress | Vol Btn | Vol Slider */ grid-template-columns: var(--thumb) auto minmax(0, 1fr) auto auto; /* Rows: spacer | Title | Duration | Controls | spacer */ grid-template-rows: 1fr auto auto auto 1fr; grid-auto-rows: 0; gap: 0 var(--gap) !important; /* Kills plugin's vertical gap */ height: auto !important; min-height: 0 !important; min-width: 0; padding: var(--pad) !important; box-sizing: border-box; background: linear-gradient(110deg, #eff4fa 0%, #ffffff 50%); border: 1px solid #b8cce6; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover { border-color: #8fb0db; box-shadow: 0 8px 20px rgba(33, 81, 163, 0.08); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing { border-color: #14BCE6; box-shadow: 0 0 0 3px rgba(20, 188, 230, 0.12); } /* Defensive: hide anything extra the plugin/theme injects */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::before { display: none !important; content: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card > :not(.fm_episode_thumb):not(.fm_episode_title):not(.fm_player) { display: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player > :not(.fm_play_btn):not(.fm_progress_track):not(.fm_time_duration):not(.fm_volume_btn):not(.fm_volume_slider) { display: none !important; } /* ---------- 3. Image (Left Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb { grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb) !important; margin: 0 !important; padding: 0 !important; border-radius: 6px; overflow: hidden; background: #e6eef8; z-index: 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_thumb img { aspect-ratio: 1 / 1 !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; transition: transform .4s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_thumb img { transform: scale(1.05); } /* Darken image when playing */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { content: ""; grid-column: 1 / 2; grid-row: 1 / -1; align-self: center; width: var(--thumb); height: var(--thumb); background: rgba(0, 0, 0, 0.4); border-radius: 6px; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 1; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing::after { opacity: 1; } /* ---------- 4. Text Content (Right Side) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { grid-column: 2 / 6; grid-row: 2 / 3; min-width: 0; padding: 0 !important; margin: 0 0 6px 0 !important; font-family: 'Fraunces', serif; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: capitalize; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: color .3s ease; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card:hover .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card.is-playing .fm_episode_title { color: #2151A3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { grid-column: 2 / 6; grid-row: 3 / 4; justify-self: start; margin: 0 !important; padding: 2px 8px; border: 1px solid #b8cce6; border-radius: 6px; font-family: 'Inter', sans-serif; font-size: 11px; line-height: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #666; background: #fff; } /* ---------- 5. Player Elements Setup ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_player { display: contents !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_summary, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_current, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider { display: none !important; } /* ---------- 6. Play Button (Idle State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn { grid-column: 1 / 2; grid-row: 1 / -1; place-self: center; width: var(--play); height: var(--play); padding: 0; margin: 0; border-radius: 50%; background: #fff; border: none; color: #14BCE6; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; z-index: 3; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 13px; height: 13px; } /* ---------- 7. Player Controls (Active State) ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn { grid-column: 2 / 3; grid-row: 4 / 5; place-self: center start; width: 26px; height: 26px; margin: 8px 0 0 0; box-shadow: none; background: rgba(20, 188, 230, 0.1); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn:hover { transform: none; background: rgba(20, 188, 230, 0.2); } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_play_btn svg { width: 12px; height: 12px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_progress_track { display: block !important; position: relative; grid-column: 3 / 4; grid-row: 4 / 5; align-self: center; width: 100%; height: 4px; margin: 8px 0 0 0; border-radius: 99px; background: #e2e2e8; cursor: pointer; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_track::before { content: ""; position: absolute; inset: -8px 0; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_progress_fill { height: 100%; border-radius: 99px; background: #14BCE6; transition: width .15s linear; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: flex !important; grid-column: 4 / 5; grid-row: 4 / 5; align-self: center; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; margin: 8px 0 0 0; background: transparent; border: none; color: #666; cursor: pointer; transition: color .2s ease; z-index: 2; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn:hover { color: #14BCE6; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn svg { width: 15px; height: 15px; } .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: block !important; grid-column: 5 / 6; grid-row: 4 / 5; align-self: center; width: 52px; height: 22px; margin: 8px 0 0 0; accent-color: #14BCE6; cursor: pointer; z-index: 2; } /* ---------- 8. Responsive (based on menu width) ---------- */ /* Compact: tablet / narrow mega menu */ @container fmgrid (max-width: 640px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { gap: 10px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --pad: 8px; --thumb: 56px; --gap: 10px; --play: 30px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 13px; line-height: 17px; margin-bottom: 5px !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_time_duration { font-size: 10px; line-height: 13px; padding: 2px 7px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn svg { width: 12px; height: 12px; } } /* Very narrow: single column */ @container fmgrid (max-width: 420px) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_track.fm_columns_3 { grid-template-columns: minmax(0, 1fr) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card { --thumb: 64px; --gap: 12px; --play: 34px; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_title { font-size: 15px; line-height: 19px; } } /* Narrow cards: trim player controls */ @container fmcard (max-width: 300px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_slider { display: none !important; } } @container fmcard (max-width: 230px) { .elementor-36096 .elementor-element.elementor-element-8928024 .is-playing .fm_volume_btn { display: none !important; } } /* ---------- 9. Accessibility ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_play_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_btn:focus-visible, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_volume_slider:focus-visible { outline: 2px solid #2151A3; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card *, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episode_card::after { transition: none !important; } } /* ---------- FIX: override plugin's forced heights ---------- */ .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card { grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr) !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; align-content: center !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_card::after { width: var(--thumb) !important; height: var(--thumb) !important; min-width: 0 !important; min-height: 0 !important; max-height: var(--thumb) !important; aspect-ratio: 1 / 1 !important; flex: none !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_thumb img { min-height: 0 !important; max-height: 100% !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_episode_title, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_time_duration, .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: auto; min-height: 0 !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .fm_play_btn { height: var(--play) !important; } .elementor-36096 .elementor-element.elementor-element-8928024 .fm_episodes_wrapper .fm_episodes_track .is-playing .fm_play_btn { height: 26px !important; }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-688f565 */.elementor-36096 .elementor-element.elementor-element-688f565 .e-n-menu-item { position: static !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ea26c7b *//* ---------- WIDE SWEEPING GRADIENT ---------- */ @property --adm-ang { syntax: ''; inherits: false; initial-value: 0deg; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button { --adm-bleed: 5px; /* how far the gradient extends past the button */ --adm-spin: 6s; /* one lap — higher = wider, calmer sweep */ --adm-radius: 8px; --adm-origin: 165%; /* gradient centre, pushed below the button */ position: relative; z-index: 0; background: transparent !important; border: 0 !important; border-radius: var(--adm-radius) !important; transition: filter .35s ease; } /* the gradient face */ .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button::before { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -1; border-radius: var(--adm-radius); pointer-events: none; background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; } /* soft halo */ .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button::after { content: ""; position: absolute; inset: calc(var(--adm-bleed) * -1); z-index: -2; border-radius: var(--adm-radius); pointer-events: none; opacity: .45; filter: blur(14px); background: conic-gradient( from var(--adm-ang) at 50% var(--adm-origin), #0B2450 0deg, #123566 55deg, #1D4894 105deg, #2F6BC4 150deg, #5AA7F0 190deg, #6FE3FF 215deg, #4D8DF7 245deg, #2151A3 290deg, #123566 330deg, #0B2450 360deg ); animation: adm-spin var(--adm-spin) linear infinite; transition: opacity .35s ease, filter .35s ease; } @keyframes adm-spin { to { --adm-ang: 360deg; } } /* label above the gradient */ .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-content-wrapper { position: relative; z-index: 1; text-shadow: 0 1px 3px rgba(6, 16, 36, .45); display: flex; align-items: center; justify-content: center; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-text { line-height: 1; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:hover, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:focus-visible { --adm-spin: 3s; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:hover::after, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:focus-visible::after { opacity: .85; filter: blur(18px); } @media (max-width: 1024px) { .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button { --adm-radius: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button::before, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button::after { animation: none; } } /* ---------- ICON SIZE + HOVER GROW + SLIDE ---------- */ .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button { --adm-icon: 1.45em; /* resting size */ --adm-icon-grow: 1.18; /* hover scale */ --adm-icon-shift: 6px; /* how far it travels */ } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-icon { display: inline-flex; align-items: center; line-height: 0; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-icon svg { width: var(--adm-icon) !important; height: auto !important; fill: currentColor; transform-origin: center; transition: transform .32s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:hover .elementor-button-icon svg, .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button:focus-visible .elementor-button-icon svg { transform: translateX(var(--adm-icon-shift)) scale(var(--adm-icon-grow)); } @media (prefers-reduced-motion: reduce) { .elementor-36096 .elementor-element.elementor-element-ea26c7b .elementor-button .elementor-button-icon svg { transition: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5a8484a *//* glass header (default) */ .elementor-36096 .elementor-element.elementor-element-5a8484a { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transition: background 0.35s ease; } /* over a light section → darken the glass so white text stays readable */ body.header-over-light .elementor-36096 .elementor-element.elementor-element-5a8484a { background: rgba(0, 0, 0, 0.3); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52c0bd1 */.custom-sticky-container { position: sticky !important; position: -webkit-sticky !important; top: 0; z-index: 9999; } #smooth-wrapper { position: relative !important; overflow: visible !important; height: auto !important; } #smooth-content { transform: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5e8bfca */.custom-sticky-container { position: sticky !important; position: -webkit-sticky !important; top: 0; z-index: 9999; } #smooth-wrapper { position: relative !important; overflow: visible !important; height: auto !important; } #smooth-content { transform: none !important; } .elementor-36096 .elementor-element.elementor-element-5e8bfca { background: rgba(255, 255, 255, 0.12); /* required for blur */ backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); }/* End custom CSS */