.elementor-29 .elementor-element.elementor-element-7afb6a3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-29 .elementor-element.elementor-element-d927838{--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:flex-end;--align-items:center;--overlay-opacity:0.2;border-style:solid;--border-style:solid;border-width:0px 0px 8px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:8px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d927838:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d927838 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wykebusinessprotection.co.uk/wp-content/uploads/2026/01/Introducers-hero.webp");background-position:center center;}.elementor-29 .elementor-element.elementor-element-d927838::before, .elementor-29 .elementor-element.elementor-element-d927838 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d927838 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d927838 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d927838 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d927838 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-da24d82{--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;}.elementor-29 .elementor-element.elementor-element-f0dd83e{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-9192017{background-color:#1014178F;padding:0px 30px 0px 70px;text-align:center;}.elementor-29 .elementor-element.elementor-element-9192017 .elementor-heading-title{font-size:var( --e-global-typography-1d7dd59-font-size );color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-22e4208{--display:flex;--min-height:65px;}.elementor-29 .elementor-element.elementor-element-22e4208:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-22e4208 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-22e4208.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-6eaeb1b{--display:flex;--min-height:65px;}.elementor-29 .elementor-element.elementor-element-6eaeb1b:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-6eaeb1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-6eaeb1b.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-2233fad{--display:flex;--min-height:65px;}.elementor-29 .elementor-element.elementor-element-2233fad:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2233fad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-2233fad.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-6418a55{--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;--align-items:center;}.elementor-29 .elementor-element.elementor-element-19da9e1{--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;}.elementor-29 .elementor-element.elementor-element-c1a8885{--display:flex;}.elementor-29 .elementor-element.elementor-element-fa3f964{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-fa3f964 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-895d516{font-size:1rem;font-weight:400;}.elementor-29 .elementor-element.elementor-element-220cd38{font-size:1rem;font-weight:400;}.elementor-29 .elementor-element.elementor-element-f1d896b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-1ea04f1 img{width:600px;height:600px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-c41b946{--display:flex;}.elementor-29 .elementor-element.elementor-element-26249cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-26249cb .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-498b860{--display:flex;}.elementor-29 .elementor-element.elementor-element-498b860:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-498b860 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://wykebusinessprotection.co.uk/wp-content/uploads/2026/01/A-Partnership-That-Works-Both-Ways-bg.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-3d10126{--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;--overlay-opacity:0.95;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-3d10126::before, .elementor-29 .elementor-element.elementor-element-3d10126 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-3d10126 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-3d10126 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-3d10126 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-3d10126 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-d28c394{--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;}.elementor-29 .elementor-element.elementor-element-7158373{--display:flex;}.elementor-29 .elementor-element.elementor-element-af89c41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-af89c41 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-5576cd1{font-size:1rem;font-weight:400;}.elementor-29 .elementor-element.elementor-element-f2b0c1f{--display:flex;}.elementor-29 .elementor-element.elementor-element-7152f68 img{width:600px;height:600px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-8333da0{--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;--overlay-opacity:0.95;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-8333da0::before, .elementor-29 .elementor-element.elementor-element-8333da0 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-8333da0 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-8333da0 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-8333da0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-8333da0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-44769d6{--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;}.elementor-29 .elementor-element.elementor-element-8def249{--display:flex;}.elementor-29 .elementor-element.elementor-element-8badf48 img{width:600px;height:600px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-7c6700f{--display:flex;}.elementor-29 .elementor-element.elementor-element-4837377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-4837377 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-27bbcc2{font-size:1rem;font-weight:400;}.elementor-29 .elementor-element.elementor-element-9c45672{--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;--align-items:center;}.elementor-29 .elementor-element.elementor-element-c3e303e{--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;}.elementor-29 .elementor-element.elementor-element-8dd8b99{--display:flex;}.elementor-29 .elementor-element.elementor-element-81b8b00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-81b8b00 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-a5ee0f5{font-size:1rem;font-weight:400;}.elementor-29 .elementor-element.elementor-element-ba20dd1{--display:flex;}.elementor-29 .elementor-element.elementor-element-29614c0 img{width:600px;height:600px;object-fit:cover;object-position:center center;}.elementor-29 .elementor-element.elementor-element-23c8916{--display:flex;}.elementor-29 .elementor-element.elementor-element-3e78aa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-3e78aa6 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-4991d5d{--display:flex;}.elementor-29 .elementor-element.elementor-element-4991d5d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-4991d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D3E5EF40;}.elementor-29 .elementor-element.elementor-element-cc3ad16{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-cc3ad16 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-2165d1e{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:1.2rem;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-8792146 .elementor-button{background-color:var( --e-global-color-primary );border-radius:3px 3px 3px 3px;}.elementor-29 .elementor-element.elementor-element-8792146 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-8792146 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-accent );}.elementor-29 .elementor-element.elementor-element-8792146 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-8792146 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-9192017{text-align:start;}.elementor-29 .elementor-element.elementor-element-9192017 .elementor-heading-title{font-size:var( --e-global-typography-1d7dd59-font-size );}.elementor-29 .elementor-element.elementor-element-6418a55{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-19da9e1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-fa3f964 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-f1d896b.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-26249cb .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-d28c394{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-af89c41 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-f2b0c1f.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-44769d6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-4837377 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-9c45672{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-c3e303e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-81b8b00 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-ba20dd1.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-3e78aa6 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-cc3ad16 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-d927838{--justify-content:flex-end;}.elementor-29 .elementor-element.elementor-element-f0dd83e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29 .elementor-element.elementor-element-9192017{padding:0px 40px 0px 40px;text-align:start;}.elementor-29 .elementor-element.elementor-element-9192017.elementor-element{--align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-9192017 .elementor-heading-title{font-size:var( --e-global-typography-1d7dd59-font-size );}.elementor-29 .elementor-element.elementor-element-fa3f964 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-1ea04f1 img{height:300px;}.elementor-29 .elementor-element.elementor-element-26249cb .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-af89c41 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-7152f68 img{height:300px;}.elementor-29 .elementor-element.elementor-element-8badf48 img{height:300px;}.elementor-29 .elementor-element.elementor-element-4837377 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-81b8b00 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-29614c0 img{height:300px;}.elementor-29 .elementor-element.elementor-element-3e78aa6 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}.elementor-29 .elementor-element.elementor-element-cc3ad16 .elementor-heading-title{font-size:var( --e-global-typography-05ef642-font-size );}}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-22e4208{--width:4%;}.elementor-29 .elementor-element.elementor-element-6eaeb1b{--width:4%;}.elementor-29 .elementor-element.elementor-element-2233fad{--width:4%;}}@media(min-width:1025px){.elementor-29 .elementor-element.elementor-element-498b860:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-498b860 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-9192017 */.elementor-29 .elementor-element.elementor-element-9192017 h1 {
    font-weight: 300!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d927838 */.hero-section {
  background-size: cover; /* keeps full image visible */
  background-repeat: no-repeat; /* prevent tiling */
  background-position: center center; /* keep centered */
  width: 100%; /* make it fluid */
  aspect-ratio: 1920 / 500; /* maintains proportion automatically */
}

@media (max-width: 500px) {
.hero-section {
  background-size: cover; /* keeps full image visible */
  background-repeat: no-repeat; /* prevent tiling */
  background-position: center center; /* keep centered */
  width: 100%;
  height: 220px!important;
} 
    
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1ea04f1 *//* Make the gap length animatable */
@property --g {
  syntax: "<length>";
  inherits: true;
  initial-value: 20px;
}

.elementor-29 .elementor-element.elementor-element-1ea04f1 img {
  --g: 15px;

  --_g: var(--g)/calc(50% - var(--g)) calc(50% - var(--g))
    no-repeat conic-gradient(#000 0 0);

  -webkit-mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);
  mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);

  transition: filter .3s linear;
  cursor: pointer;

  /* Hook into scroll */
  view-timeline-name: --gapScroll;
  view-timeline-axis: block;

  animation: gap-shrink 1 linear both;
  animation-timeline: --gapScroll;
  animation-range: cover 35% cover 50%;
  cursor: default;
}

/* Animate the CSS var based on scroll */
@keyframes gap-shrink {
  from { --g: 15px; }
  to   { --g: 0px; }
}

/* ===== Mobile override ===== */
@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-1ea04f1 img {
    --g: 0px;          /* force a fixed gap (or set to 0px if you want no gap) */
    animation: none;    /* stop the scroll animation */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7152f68 *//* Make the gap length animatable */
@property --g {
  syntax: "<length>";
  inherits: true;
  initial-value: 20px;
}

.elementor-29 .elementor-element.elementor-element-7152f68 img {
  --g: 15px;

  --_g: var(--g)/calc(50% - var(--g)) calc(50% - var(--g))
    no-repeat conic-gradient(#000 0 0);

  -webkit-mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);
  mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);

  transition: filter .3s linear;
  cursor: pointer;

  /* Hook into scroll */
  view-timeline-name: --gapScroll;
  view-timeline-axis: block;

  animation: gap-shrink 1 linear both;
  animation-timeline: --gapScroll;
  animation-range: cover 35% cover 50%;
  cursor: default;
}

/* Animate the CSS var based on scroll */
@keyframes gap-shrink {
  from { --g: 15px; }
  to   { --g: 0px; }
}

/* ===== Mobile override ===== */
@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-7152f68 img {
    --g: 0px;          /* force a fixed gap (or set to 0px if you want no gap) */
    animation: none;    /* stop the scroll animation */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8badf48 *//* Make the gap length animatable */
@property --g {
  syntax: "<length>";
  inherits: true;
  initial-value: 20px;
}

.elementor-29 .elementor-element.elementor-element-8badf48 img {
  --g: 15px;

  --_g: var(--g)/calc(50% - var(--g)) calc(50% - var(--g))
    no-repeat conic-gradient(#000 0 0);

  -webkit-mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);
  mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);

  transition: filter .3s linear;
  cursor: pointer;

  /* Hook into scroll */
  view-timeline-name: --gapScroll;
  view-timeline-axis: block;

  animation: gap-shrink 1 linear both;
  animation-timeline: --gapScroll;
  animation-range: cover 35% cover 50%;
  cursor: default;
}

/* Animate the CSS var based on scroll */
@keyframes gap-shrink {
  from { --g: 15px; }
  to   { --g: 0px; }
}

/* ===== Mobile override ===== */
@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-8badf48 img {
    --g: 0px;          /* force a fixed gap (or set to 0px if you want no gap) */
    animation: none;    /* stop the scroll animation */
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-29614c0 *//* Make the gap length animatable */
@property --g {
  syntax: "<length>";
  inherits: true;
  initial-value: 20px;
}

.elementor-29 .elementor-element.elementor-element-29614c0 img {
  --g: 15px;

  --_g: var(--g)/calc(50% - var(--g)) calc(50% - var(--g))
    no-repeat conic-gradient(#000 0 0);

  -webkit-mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);
  mask:
    left   var(--_i,) top    var(--_g),
    bottom var(--_i,) left   var(--_g),
    top    var(--_i,) right  var(--_g),
    right  var(--_i,) bottom var(--_g);

  transition: filter .3s linear;
  cursor: pointer;

  /* Hook into scroll */
  view-timeline-name: --gapScroll;
  view-timeline-axis: block;

  animation: gap-shrink 1 linear both;
  animation-timeline: --gapScroll;
  animation-range: cover 35% cover 50%;
  cursor: default;
}

/* Animate the CSS var based on scroll */
@keyframes gap-shrink {
  from { --g: 15px; }
  to   { --g: 0px; }
}

/* ===== Mobile override ===== */
@media (max-width: 767px) {
  .elementor-29 .elementor-element.elementor-element-29614c0 img {
    --g: 0px;          /* force a fixed gap (or set to 0px if you want no gap) */
    animation: none;    /* stop the scroll animation */
  }
}/* End custom CSS */