.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-repeater-item-f50ed9c .swiper-slide-bg{background-color:#145206;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-repeater-item-f50ed9c .swiper-slide-contents{margin-right:auto;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-repeater-item-f50ed9c .swiper-slide-inner{align-items:center;text-align:start;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-button{background-color:var( --e-global-color-7dba3a4 );border-width:0px;color:var( --e-global-color-secondary );border-color:var( --e-global-color-7dba3a4 );}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-button:hover{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );border-color:var( --e-global-color-d49ac81 );}.elementor-1008474 .elementor-element.elementor-element-2018ea82 > .elementor-widget-container{margin:6px 0px 12px 0px;border-radius:8px 8px 8px 8px;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide{height:220px;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide-contents{max-width:50%;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide-inner{text-align:center;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:21px;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-heading{color:var( --e-global-color-d49ac81 );font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-description{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;line-height:1.1em;letter-spacing:-2px;}@media(max-width:1024px){.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide{height:335px;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-heading{font-size:var( --e-global-typography-520c191-font-size );}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-description{font-size:36px;}}@media(max-width:767px){.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide{height:265px;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .swiper-slide-contents{max-width:70%;}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-heading{font-size:var( --e-global-typography-520c191-font-size );}.elementor-1008474 .elementor-element.elementor-element-2018ea82 .elementor-slide-description{font-size:28px;}}/* Start custom CSS for slides, class: .elementor-element-2018ea82 */.elementor-slides .swiper-slide-bg {
    background-position: top center !important
}

/* ===== FixYourDeck slide (matches any slide linking to /fix-your-deck/) ===== */
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) { overflow: hidden; border-radius: 8px; container-type: inline-size; }
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg {
  background:
    radial-gradient(circle at 80% 18%, rgba(254,215,3,.30), rgba(254,215,3,0) 38%),
    url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 220" preserveAspectRatio="none"%3E %3Cstyle%3E .g%7Bstroke:%23fff;stroke-opacity:.07;stroke-width:1;fill:none%7D .c%7Bfill:none;stroke:%23FED703;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1100; stroke-dashoffset:1100;animation:d 7s cubic-bezier(.6,0,.2,1) infinite%7D .h%7Bfill:none;stroke:%23FED703;stroke-opacity:.18;stroke-width:10;stroke-linecap:round; stroke-dasharray:1100;stroke-dashoffset:1100;animation:d 7s cubic-bezier(.6,0,.2,1) infinite%7D %40keyframes d%7B0%25%7Bstroke-dashoffset:1100%7D40%25,85%25%7Bstroke-dashoffset:0%7D100%25%7Bstroke-dashoffset:-1100%7D%7D %3C/style%3E %3Cdefs%3E%3ClinearGradient id="f"%3E%3Cstop offset="0" stop-color="%23fff" stop-opacity="0"/%3E%3Cstop offset=".35" stop-color="%23fff"/%3E%3C/linearGradient%3E%3Cmask id="m"%3E%3Crect width="800" height="220" fill="url(%23f)"/%3E%3C/mask%3E%3C/defs%3E%3Cg mask="url(%23m)"%3E %3Cpath class="g" d="M0 0V220"/%3E%3Cpath class="g" d="M50 0V220"/%3E%3Cpath class="g" d="M100 0V220"/%3E%3Cpath class="g" d="M150 0V220"/%3E%3Cpath class="g" d="M200 0V220"/%3E%3Cpath class="g" d="M250 0V220"/%3E%3Cpath class="g" d="M300 0V220"/%3E%3Cpath class="g" d="M350 0V220"/%3E%3Cpath class="g" d="M400 0V220"/%3E%3Cpath class="g" d="M450 0V220"/%3E%3Cpath class="g" d="M500 0V220"/%3E%3Cpath class="g" d="M550 0V220"/%3E%3Cpath class="g" d="M600 0V220"/%3E%3Cpath class="g" d="M650 0V220"/%3E%3Cpath class="g" d="M700 0V220"/%3E%3Cpath class="g" d="M750 0V220"/%3E%3Cpath class="g" d="M800 0V220"/%3E %3Cpath class="g" d="M0 10H800"/%3E%3Cpath class="g" d="M0 50H800"/%3E%3Cpath class="g" d="M0 90H800"/%3E%3Cpath class="g" d="M0 130H800"/%3E%3Cpath class="g" d="M0 170H800"/%3E%3Cpath class="g" d="M0 210H800"/%3E %3Cpath class="h" d="M0 150 C60 150 90 96 160 92 S300 88 380 90 S520 86 600 92 S700 120 740 150 S770 196 800 210"/%3E%3Cpath class="c" d="M0 150 C60 150 90 96 160 92 S300 88 380 90 S520 86 600 92 S700 120 740 150 S770 196 800 210"/%3E%3C/g%3E%3C/svg%3E') right center / 66% 100% no-repeat,
    linear-gradient(115deg, #26830A 0%, #145206 52%, #0B2E03 100%) !important;
  transform: none !important; animation: none !important;
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::before,
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::after {
  content: ""; position: absolute; aspect-ratio: 720 / 1477;
  background: center / contain no-repeat;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.45));
  animation: fyd-float 6s ease-in-out infinite;
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::after {            /* front phone: Home dashboard */
  background-image: url('https://fixyouraudio.com/wp-content/uploads/2026/10/fyd-phone-home.webp');
  width: 150px; right: 7%; top: 22px; rotate: -6deg;
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::before {           /* back phone: MOL / SOL curve */
  background-image: url('https://fixyouraudio.com/wp-content/uploads/2026/10/fyd-phone-mol-sol.webp');
  width: 128px; right: calc(7% + 128px); top: 58px; rotate: -15deg;
  opacity: .92; animation-delay: -3s;
}
@keyframes fyd-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -10px; } }

.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner { padding: 24px 44px; }
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-contents { max-width: 54%; }

/* Pill: the slide Heading */
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner .elementor-slide-heading {
  display: inline-block; position: relative; overflow: hidden;
  margin: 0 0 12px; padding: 5px 13px; border-radius: 40px;
  background: #FED703; color: #132A36 !important;
  font: 700 12px/1.2 "Inter", sans-serif; letter-spacing: 1.5px; text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(254,215,3,.35);
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner .elementor-slide-heading::after {
  content: ""; position: absolute; inset: 0; translate: -120% 0;
  background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.75) 50%, transparent 70%);
  animation: fyd-shine 4s ease-in-out 1s infinite;
}
@keyframes fyd-shine { 0% { translate: -120% 0; } 35%,100% { translate: 120% 0; } }

/* Title + subtitle: the slide Description */
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner .elementor-slide-description {
  margin: 0 0 16px; color: #FFFFFF !important;
  font: 700 38px/1.05 "Poppins", sans-serif; letter-spacing: -1.5px;
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .fyd-sub {
  display: block; margin-top: 8px; color: rgba(255,255,255,.85);
  font: 400 16px/1.4 "Inter", sans-serif; letter-spacing: 0;
}

/* Button */
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .elementor-slide-button {
  background: #FED703 !important; color: #132A36 !important; border: 0 !important;
  font: 600 14px/1 "Inter", sans-serif; padding: 11px 18px; border-radius: 8px;
  transition: background .2s, color .2s, transform .2s;
}
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .elementor-slide-button::after { content: "  \2192"; white-space: pre; display: inline-block; transition: translate .2s; }
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner:hover .elementor-slide-button { background: #FFFFFF !important; transform: translateY(-1px); }
.elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner:hover .elementor-slide-button::after { translate: 4px 0; }

/* Sized by the slider's own width, not the window's */
@container (max-width: 880px) {
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-contents { max-width: 60%; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::before { display: none; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::after { width: 140px; right: 5%; top: 34px; }
}
@container (max-width: 560px) {
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner { padding: 22px; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-contents { max-width: 70%; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner .elementor-slide-description { font-size: 28px; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .fyd-sub { font-size: 14px; }
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::after { width: 118px; right: -22px; top: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::before, .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-bg::after,
  .elementor-slides .swiper-slide:has(a[href*="fix-your-deck"]) .swiper-slide-inner .elementor-slide-heading::after { animation: none; }
}/* End custom CSS */