.elementor-94 .elementor-element.elementor-element-0ede13c{--display:flex;--justify-content:flex-end;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:95px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-0ede13c:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-0ede13c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pclips.co.uk/wp-content/uploads/2026/01/Hero-Background-temp.webp");background-position:center right;background-size:cover;}.elementor-94 .elementor-element.elementor-element-351dcce{--display:flex;}.elementor-94 .elementor-element.elementor-element-288c7ec{--display:flex;}.elementor-94 .elementor-element.elementor-element-288c7ec.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-94 .elementor-element.elementor-element-2176899{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-2176899 .elementor-heading-title{font-size:3rem;line-height:1.2em;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-widget-text-editor{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-94 .elementor-element.elementor-element-de4a8f1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-size:1rem;font-weight:500;line-height:1.4em;text-shadow:0px 0px 10px #000000;color:#EEEEEE;}.elementor-94 .elementor-element.elementor-element-de4a8f1 > .elementor-widget-container{padding:15px 0px 25px 0px;}.elementor-94 .elementor-element.elementor-element-009ad0d{--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 10px;--row-gap:0px;--column-gap:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-7412468 .elementor-button{background-color:var( --e-global-color-271690e );font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:4px 4px 4px 4px;padding:17px 20px 17px 20px;}.elementor-94 .elementor-element.elementor-element-7412468 .elementor-button:hover, .elementor-94 .elementor-element.elementor-element-7412468 .elementor-button:focus{background-color:#114EAF;}.elementor-94 .elementor-element.elementor-element-7412468 > .elementor-widget-container:hover{--e-transform-translateY:-2px;}.elementor-94 .elementor-element.elementor-element-7412468 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-94 .elementor-element.elementor-element-7412468 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-widget-global .elementor-button{background-color:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button{background-color:#F5F5F5;font-weight:600;fill:#051633E0;color:#051633E0;border-style:none;border-radius:4px 4px 4px 4px;padding:17px 20px 17px 20px;}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button:hover, .elementor-94 .elementor-element.elementor-global-14490 .elementor-button:focus{background-color:var( --e-global-color-271690e );color:#FFFFFF;}.elementor-94 .elementor-element.elementor-global-14490 > .elementor-widget-container:hover{--e-transform-translateY:-2px;}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button:hover svg, .elementor-94 .elementor-element.elementor-global-14490 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-0186e9a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:auto;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF14;--border-color:#FFFFFF14;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-0186e9a:not(.elementor-motion-effects-element-type-background), .elementor-94 .elementor-element.elementor-element-0186e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1D2D6E;}.elementor-94 .elementor-element.elementor-element-ecde907{--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 30px;--row-gap:0px;--column-gap:30px;--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-94 .elementor-element.elementor-element-a613295{--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 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-a613295.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-94 .elementor-element.elementor-element-e134ad8{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-e134ad8.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-e134ad8 img{width:100%;}.elementor-94 .elementor-element.elementor-element-4e41b19{--display:flex;}.elementor-94 .elementor-element.elementor-element-4e41b19.e-con{--align-self:center;}.elementor-94 .elementor-element.elementor-element-d5b5478{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-466b37e{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-94 .elementor-element.elementor-element-d76e332{--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 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-d76e332.e-con{--align-self:center;}.elementor-94 .elementor-element.elementor-element-9301848{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-9301848.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-9301848 img{width:100%;}.elementor-94 .elementor-element.elementor-element-892cf59{--display:flex;--justify-content:center;}.elementor-94 .elementor-element.elementor-element-6492e0f{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-75aceb3{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-94 .elementor-element.elementor-element-cdfbacf{--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 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-cdfbacf.e-con{--align-self:center;}.elementor-94 .elementor-element.elementor-element-eaa3cfc{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-eaa3cfc.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-eaa3cfc img{width:100%;}.elementor-94 .elementor-element.elementor-element-f2881ba{--display:flex;--justify-content:center;}.elementor-94 .elementor-element.elementor-element-a78a5f7{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-05bf56a{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-94 .elementor-element.elementor-element-c11fae4{--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 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-c11fae4.e-con{--align-self:center;}.elementor-94 .elementor-element.elementor-element-707cdca{width:var( --container-widget-width, 21% );max-width:21%;--container-widget-width:21%;--container-widget-flex-grow:0;}.elementor-94 .elementor-element.elementor-element-707cdca.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-707cdca img{width:100%;}.elementor-94 .elementor-element.elementor-element-b101c80{--display:flex;}.elementor-94 .elementor-element.elementor-element-0d7ebd9{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-c4cebef{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-94 .elementor-element.elementor-element-4894c7b{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-56aaeb0{--display:flex;}.elementor-94 .elementor-element.elementor-element-8097fab{--display:flex;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-4804fca{--display:flex;}.elementor-94 .elementor-element.elementor-element-9568875{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-9cf8d0c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-24845eb > .elementor-widget-container{background-color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-94 .elementor-element.elementor-element-24845eb.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-eca5177{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-94 .elementor-element.elementor-element-7412468 .elementor-button{line-height:1.3em;}.elementor-94 .elementor-element.elementor-global-14490 .elementor-button{line-height:1.3em;}.elementor-94 .elementor-element.elementor-element-9568875{--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-94 .elementor-element.elementor-element-9cf8d0c{--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-24845eb{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-0ede13c{--content-width:100%;}.elementor-94 .elementor-element.elementor-element-288c7ec{--width:85%;}.elementor-94 .elementor-element.elementor-element-0186e9a{--width:100%;}.elementor-94 .elementor-element.elementor-element-ecde907{--width:85%;}.elementor-94 .elementor-element.elementor-element-a613295{--width:25%;}.elementor-94 .elementor-element.elementor-element-d76e332{--width:25%;}.elementor-94 .elementor-element.elementor-element-cdfbacf{--width:25%;}.elementor-94 .elementor-element.elementor-element-c11fae4{--width:25%;}.elementor-94 .elementor-element.elementor-element-4804fca{--content-width:100%;}}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-0ede13c{--content-width:100%;--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-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-351dcce{--width:80%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-94 .elementor-element.elementor-element-351dcce.e-con{--align-self:center;}.elementor-94 .elementor-element.elementor-element-288c7ec{--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-94 .elementor-element.elementor-element-2176899{width:100%;max-width:100%;}.elementor-94 .elementor-element.elementor-element-2176899 .elementor-heading-title{font-size:2.3rem;}.elementor-94 .elementor-element.elementor-element-de4a8f1{width:100%;max-width:100%;font-size:1rem;}.elementor-94 .elementor-element.elementor-element-009ad0d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-94 .elementor-element.elementor-element-0186e9a{--width:100%;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-ecde907{--width:100%;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 12px;--row-gap:0px;--column-gap:12px;--flex-wrap:nowrap;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-ecde907.e-con{--flex-grow:0;}.elementor-94 .elementor-element.elementor-element-a613295{--width:auto;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:050px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-94 .elementor-element.elementor-element-a613295.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-94 .elementor-element.elementor-element-4e41b19{--width:auto;}.elementor-94 .elementor-element.elementor-element-4e41b19.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-94 .elementor-element.elementor-element-d76e332{--width:auto;--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;--flex-wrap:nowrap;}.elementor-94 .elementor-element.elementor-element-d76e332.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-94 .elementor-element.elementor-element-cdfbacf{--width:auto;--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-50px;--margin-right:0px;}.elementor-94 .elementor-element.elementor-element-cdfbacf.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-94 .elementor-element.elementor-element-c11fae4{--width:auto;--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;--flex-wrap:nowrap;}.elementor-94 .elementor-element.elementor-element-4894c7b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-9568875{--content-width:85%;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-94 .elementor-element.elementor-element-24845eb{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}}/* Start custom CSS for button, class: .elementor-element-7412468 */.elementor-94 .elementor-element.elementor-element-7412468 svg {
    height: 0.8em;
    width: 0.5em;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-14490 */.elementor-94 .elementor-element.elementor-global-14490 svg {
    height: 0.8em;
    width: 0.8em;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a613295 */.hero-shoutout-item { 
    position: relative; 
    padding-right: 20px; 
} 

.hero-shoutout-item:not(:last-child)::after { content: ""; 
    position: absolute; 
    top: 15%; 
    right: 0; 
    width: 1px; 
    height: 70%; 
    background: rgba(255, 255, 255, 0.12); 
}

@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d76e332 */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdfbacf */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c11fae4 */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0186e9a */@media (max-width: 1024px){

  /* Parent: force stable stacking of hero content + shoutouts */
  .hero-outer{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .hero-content-inner{
    width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Viewport */
  .hero-shoutouts-outer{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
  }

  /* Track — JS owns transform (DO NOT set transform in CSS) */
  .hero-shoutout-inner{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    width: max-content !important;
    max-width: none !important;

    will-change: transform;
  }

  /* Slides — stable widths (avoid vw-driven snapping) */
  .hero-shoutout-item{
    flex: 0 0 auto !important;
    width: 320px !important;     /* stable */
    max-width: 88vw !important;  /* still responsive, but not the driver */
  }
}













@media (max-width: 1024px){

  /* ...your existing rules... */

  /* Marquee animation (required) */
  .hero-shoutout-inner.is-marquee{
    -webkit-animation: heroMarquee var(--marquee-duration, 12s) linear infinite;
    animation: heroMarquee var(--marquee-duration, 12s) linear infinite;
    will-change: transform;
  }

  .hero-shoutout-inner.is-marquee.is-paused{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

  @-webkit-keyframes heroMarquee{
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    to   { -webkit-transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0);
           transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0); }
  }

  @keyframes heroMarquee{
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    to   { -webkit-transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0);
           transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0); }
  }

  /* iOS-safe width behaviour (optional but recommended) */
  .hero-shoutout-inner{
    width: auto !important;              /* avoid max-content quirks */
    white-space: nowrap;                 /* belt-and-braces */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ede13c */.hero-styles { 
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden; /* prevents any overlay bleed if something weird happens */
}

.hero-styles::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    /* 1) TOP EDGE BLEND (NEW): helps the hero visually tuck under the header */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.75) 0%,
      rgba(7, 18, 34, 0.45) 10%,
      rgba(7, 18, 34, 0.18) 22%,
      rgba(7, 18, 34, 0.00) 32%
    ),

    /* 2) HORIZONTAL READABILITY GRADIENT (your original, kept in spirit) */
    linear-gradient(
      90deg,
      rgba(7, 18, 34, 0.85) 0%,
      rgba(7, 18, 34, 0.65) 35%,
      rgba(7, 18, 34, 0.35) 55%,
      rgba(7, 18, 34, 0.10) 70%,
      rgba(7, 18, 34, 0.00) 100%
    ),

    /* 3) BOTTOM BLEND INTO SHOUTOUTS (your original, slightly tidied for smoother ramp) */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.00) 0%,
      rgba(7, 18, 34, 0.18) 52%,
      rgba(7, 18, 34, 0.45) 72%,
      rgba(7, 18, 34, 0.85) 100%
    );

  z-index: 1;
}

.hero-styles > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 1024px){

  /* Parent that contains hero-main-content + shoutouts */
  .hero-top-wrap{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    /* prevent shrink/collapse weirdness */
    min-width: 0 !important;
  }

  /* Keep hero content visible and above */
  .hero-top-wrap .hero-main-content{
    order: 1 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;

    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
  }

  /* Shoutouts sits below content and must not steal layout */
  .hero-top-wrap .hero-shoutouts-outer{
    order: 2 !important;
    flex: 0 0 auto !important;

    /* your working setting */
    width: auto !important;

    /* but never exceed screen */
    max-width: 100% !important;

    position: relative !important;
    z-index: 2 !important;

    overflow: hidden !important;
  }
}


@media (max-width: 1024px){

  /* Parent stack fix can stay */
  .hero-top-wrap{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
  }

  /* Hero content stays visible */
  .hero-top-wrap .hero-main-content{
    order:1 !important;
    width:100% !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    position:relative !important;
    z-index:3 !important;
  }

  /* Shoutouts can be shrink-to-fit but must not break the track */
  .hero-top-wrap .hero-shoutouts-outer{
    order:2 !important;
    flex:0 0 auto !important;
    width:auto !important;         /* your required setting */
    max-width:100% !important;     /* never exceed screen */
    overflow:hidden !important;
    position:relative !important;
    z-index:2 !important;
  }

  /* CRITICAL: track must be allowed to exceed viewport */
  .hero-top-wrap .hero-shoutout-inner{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    max-width:none !important;
    will-change:transform;
  }

  /* Slides fixed sizing */
  .hero-top-wrap .hero-shoutout-item{
    flex:0 0 auto !important;
    width:clamp(260px, 82vw, 380px) !important;
  }
}







@media (max-width: 1024px){
  .hero-shoutout-inner.is-marquee{
    animation: heroShoutoutMarquee var(--marquee-duration, 12s) linear infinite;
    will-change: transform;
  }

  .hero-shoutout-inner.is-marquee.is-paused{
    animation-play-state: paused;
  }

  @keyframes heroShoutoutMarquee{
    from { transform: translate3d(0,0,0); }
    to   { transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0); }
  }
}/* End custom CSS */