@charset "UTF-8";

:root {
  --fitfest-gradient: linear-gradient(90deg, #48C7F4 0%, #efeb5f 100%);
  --fitfest-hover: linear-gradient(90deg, #efeb5f 0%, #48C7F4 100%);
}


.btn.btn-gradient {
    background: var(--fitfest-gradient) !important;
    border: 0 !important;
    color: #000 !important;
    transition: all 0.3s ease-in-out !important;
}


.btn.btn-gradient:hover,
.btn.btn-gradient:focus {
    background: var(--fitfest-hover) !important;
    color: #000 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(219, 91, 161, 0.5);
}


/* === Fit Fest Override: CTA Arrow === */
.arrow-primary2 svg {
    fill: #efeb5f !important;
}

.arrow-primary2 {
    color: #efeb5f !important;
}

.arrow-primary2 svg * {
    stroke: #efeb5f !important;
}





/* =========================================
   HERO-8 MOBILE IMAGE POSITION FIX
   Keep image on the RIGHT, but lift it UP
========================================= */

@media (max-width: 575.98px) {

  .hero-section.hero-8 .hero-8-image {
    bottom: auto !important;   /* stop anchoring to bottom */
    top: 140px;                /* anchor from top instead */
  }

  .hero-section.hero-8 .hero-8-image img {
    width: 300px;
    max-width: 85vw;
  }
}



.straight-line-wrapper .straight-line {
  background: #48C7F4;
}