.elementor-358 .elementor-element.elementor-element-6a4d073{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta .elementor-cta__bg, .elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta .elementor-cta__bg-overlay{transition-duration:300ms;}.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content{text-align:start;padding:4% 0% 0% 0%;background-color:#02010100;}.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__bg-wrapper{min-width:100%;min-height:320px;}.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-primary );}.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__title:not(:last-child){margin-bottom:15px;}.jet-listing-item.single-jet-engine.elementor-page-358 > .elementor{width:530px;margin-left:auto;margin-right:auto;}@media(max-width:1366px){.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for call-to-action, class: .elementor-element-192dbba */.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__bg-wrapper {
  border-radius: 10px;
}

/* Make the content a positioning context */
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content { position: relative; }

/* Headline crossfade */
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content h4{
  position: relative;
  z-index: 1;                         /* sits under the pseudos */
  transition: opacity .35s ease .20s; /* fade IN after pseudos fade out */
}

/* On hover: fade the h3 out immediately (no delay) */
.elementor-358 .elementor-element.elementor-element-192dbba:hover .elementor-cta__content h4{
  opacity: 0;
  transition-delay: 0s;
}

/* PSEUDO ELEMENTS (unchanged logic, just ensure they’re above the h3) */
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content::before,
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content::after{
  position: absolute;
  opacity: 0;
  transform: translateX(-6px);
  content: "";
  z-index: 2;                         /* above the h3 */
}

/* before = "Shop Now" text */
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content::before{
  content: "Shop Now";
  top: 20px;
  left: 0;
  font-size: var(--e-global-typography-text-font-size);
  line-height: var(--e-global-typography-text-line-height);
  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-primary);
  transition: opacity .35s ease .10s, transform .35s ease .10s;
}

/* after = icon */
.elementor-358 .elementor-element.elementor-element-192dbba .elementor-cta__content::after{
  top: 20px;
  right: 0;
  width: 23px; height: 23px;
  background: url(https://www.eastcoastmobility.co.uk/wp-content/uploads/2025/09/Icon-awesome-arrow-circle-right.svg)
              no-repeat right / contain;
  transition: opacity .35s ease .25s, transform .35s ease .25s; /* staggered */
}

/* Hover only changes animatable props */
.elementor-358 .elementor-element.elementor-element-192dbba:hover .elementor-cta__content::before,
.elementor-358 .elementor-element.elementor-element-192dbba:hover .elementor-cta__content::after{
  opacity: 1;
  transform: translateX(0);
}/* End custom CSS */