.elementor-512 .elementor-element.elementor-element-da8f87b.elementor-arrows-yes .elementor-main-swiper{width:calc( 66% - 40px );}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-main-swiper{width:66%;}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-swiper-button{font-size:20px;}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-testimonial__text{color:var( --e-global-color-bc04560 );font-family:"Poppins", Sans-serif;font-size:40px;font-weight:800;font-style:normal;line-height:1.2em;}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-testimonial__name{color:var( --e-global-color-bc04560 );font-family:"Poppins", Sans-serif;font-size:1.6rem;font-weight:600;}@media(max-width:767px){.elementor-512 .elementor-element.elementor-element-da8f87b.elementor-arrows-yes .elementor-main-swiper{width:calc( 90% - 40px );}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-main-swiper{width:90%;}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-testimonial__text{font-size:20px;}.elementor-512 .elementor-element.elementor-element-da8f87b .elementor-testimonial__name{font-size:1rem;}}/* Start custom CSS *//* ===== What's on the menu: rotating cards =====
   Order: Marketing plan (left) / Logo package (front) / Essentials website (right).
   Front card = yellow, side cards = blue. Hover pauses rotation and highlights the hovered card. */

@media (min-width: 1025px) {
  .elementor .elementor-element-1045df19 { position: relative; min-height: 540px; }
  .elementor .elementor-element-1045df19 > .elmnt-infoBox {
    position: absolute; top: 50%; left: 50%; margin: 0;
    animation: g2g-menu-rotate 15s infinite;
    transition: background-color .35s ease, box-shadow .35s ease, scale .35s ease;
  }
  /* Starting slots (also the static layout if motion is reduced) */
  .elementor .elementor-element-1045df19 > .elementor-element-295db6ef { animation-delay: -5s;
    transform: translate(calc(-50% - 321px), -50%) scale(.803); z-index: 1; }
  .elementor .elementor-element-1045df19 > .elementor-element-25be8e70 { animation-delay: 0s;
    transform: translate(-50%, -50%); z-index: 3; background-color: #E2BD74; box-shadow: 0 18px 40px rgba(74,46,35,.18); }
  .elementor .elementor-element-1045df19 > .elementor-element-4461d3e5 { animation-delay: -10s;
    transform: translate(calc(-50% + 321px), -50%) scale(.803); z-index: 1; }

  /* Hover: pause, highlight the hovered card, bring it forward */
  .elementor .elementor-element-1045df19:hover > .elmnt-infoBox { animation-play-state: paused; }
  .elementor .elementor-element-1045df19 > .elmnt-infoBox:hover { background-color: #E2BD74 !important; box-shadow: 0 18px 40px rgba(74,46,35,.18) !important; z-index: 5 !important; scale: 1.03; }
  .elementor .elementor-element-1045df19:has(> .elmnt-infoBox:hover) > .elmnt-infoBox:not(:hover) { background-color: #8EA9B6 !important; box-shadow: none !important; }
}

@keyframes g2g-menu-rotate {
  0%, 28%, 100% { transform: translate(-50%, -50%); z-index: 3; background-color: #E2BD74; box-shadow: 0 18px 40px rgba(74,46,35,.18); }
  33.33%, 61.67% { transform: translate(calc(-50% - 321px), -50%) scale(.803); z-index: 1; background-color: #8EA9B6; box-shadow: 0 0 0 rgba(74,46,35,0); }
  62%, 66.4% { z-index: 0; }
  66.67%, 95% { transform: translate(calc(-50% + 321px), -50%) scale(.803); z-index: 1; background-color: #8EA9B6; box-shadow: 0 0 0 rgba(74,46,35,0); }
}

/* Tablet & mobile: cards stack, the yellow highlight still cycles */
@media (max-width: 1024px) {
  .elementor .elementor-element-1045df19 > .elmnt-infoBox { animation: g2g-menu-colour 15s infinite; transition: background-color .35s ease; }
  .elementor .elementor-element-1045df19 > .elementor-element-295db6ef { animation-delay: -5s; }
  .elementor .elementor-element-1045df19 > .elementor-element-4461d3e5 { animation-delay: -10s; }
  .elementor .elementor-element-1045df19 > .elmnt-infoBox:hover { background-color: #E2BD74 !important; }
}
@keyframes g2g-menu-colour {
  0%, 28%, 100% { background-color: #E2BD74; }
  33.33%, 95% { background-color: #8EA9B6; }
}

@media (prefers-reduced-motion: reduce) {
  .elementor .elementor-element-1045df19 > .elmnt-infoBox { animation: none !important; }
}/* End custom CSS */