.widget-heading {
    font-size: 18px !important;
    font-weight: bold;
}

.stake-img {
    border-radius: 20px;
}

.stake-title {
    line-height: 1.1;
}

@media (max-width: 991.98px) {
    .stake-title {
        font-size: 1.8rem;
    }

    .stake-img {
        max-height: 360px;
        object-fit: cover;
    }
}

.brand-logos img {
    height: 150px;
    width: auto; /* keeps aspect ratio */
    object-fit: contain;
}

.packages-section h2 {
    color: #121b46;
    line-height: 1.1;
}

.training-card {
    background: #f5f7fb; /* light, similar to your screenshot */
    border-radius: 20px;
}

.training-img {
    height: 200px; /* adjust to taste (e.g., 220px) */
    object-fit: cover;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.training-card p {
    color: #1b2a57;
}

.training-card .btn-get-started {
    border-radius: 999px;
    padding: 8px 18px;
}

@media (max-width: 991.98px) {
    .training-img {
        height: 180px;
    }
}

.training-img {
    height: 220px; /* all images will have the same height */
    width: 100%;
    object-fit: cover; /* crops edges to fill the space without distortion */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}


.results-section h2 {
    color: #121b46;
    line-height: 1.1;
}

/* Outer rounded pill */
.results-shell {
    background: #f4f6f9;
    border-radius: 32px;
    padding: 32px 24px;
    max-width: 980px;
}

/* Inner card */
.result-card {
    background: #fff;
    border-radius: 12px;
    margin: 0 auto;
    padding: 28px 28px 22px;
    max-width: 760px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.result-card blockquote {
    font-style: italic;
    color: #2a3359;
    margin: 0 0 16px 0;
}

.result-card figcaption {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #7c859f;
}

.result-card figcaption strong {
    color: #121b46;
}

/* Swiper sizing */
.results-swiper {
    padding: 8px 48px;
}

.swiper-button-prev, .swiper-button-next {
    color: #121b46;
}

.swiper-pagination-bullet-active {
    background: #121b46;
}

@media (max-width: 991.98px) {
    .results-shell {
        border-radius: 24px;
        padding: 24px 16px;
    }

    .result-card {
        max-width: 100%;
        padding: 22px 18px;
    }

    .results-swiper {
        padding: 8px 32px;
    }
}

.section-content {
    padding-top: 20px;
}

/* Hero sizing: no white gaps on mobile */
.page-hero {
    position: relative;
    overflow: hidden;
}

.page-hero .hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Optional: overlay for contrast */
.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
    z-index: 1;
}

/* Heights per breakpoint */
@media (max-width: 575.98px) {
    .page-hero {
        height: 200px;
    }

    .section {
        padding-top: 20px;
    }
}

@media (min-width: 576px) {
    .page-hero {
        height: 280px;
    }

}


/* HERO STYLES*/

/* HERO (lean & mobile-friendly) */
.hero-nocrop {
    position: relative;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.hero-nocrop::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55); /* black overlay, adjust opacity */
    z-index: 0; /* sits below text but above image */
}

.hero-img {
    display: block;
    width: 100%;
    height: auto; /* no cropping on desktop */
}

.hero-content {
    position: absolute;
    top: 50%;           /* move to middle vertically */
    left: 32px;         /* keep your horizontal offset */
    transform: translateY(-50%); /* pull it up by half its height */
    color: #fff;
    text-align: left;
    max-width: 800px;
    width: calc(100% - 64px);
    padding: 32px;
    z-index: 1;
}

/* Typography tuned for responsiveness */
.hero-content h1 {
    margin: 0 0 12px;
    line-height: 1.1;
    font-size: 60px;
}

.hero-content h4 {
    margin: 0 0 20px;
    line-height: 1.25;
    font-size: clamp(1rem, 3.4vw, 1.25rem);
}

/* Keep button on one line and slightly compact on small screens */
.hero-content .btn-get-started {
    display: inline-block;
    white-space: nowrap;
    padding: 10px 18px;
    font-size: clamp(0.95rem, 3.2vw, 1rem);
}

/* Phones */
@media (max-width: 576px) {
    .hero-img {
        height: 50vh;
        object-fit: cover;
    }

    .hero-content {
        padding: 16px;
        width: calc(100% - 32px);
        left: 16px;
    }
}


/*** ticker timer */
  /* Ticker base */
  .brand-ticker { background:#fff; }
  .brand-ticker .ticker-viewport{
    overflow:hidden;
    mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
  }
  .brand-ticker .ticker-track{
    --gap: 6rem;         /* space between logos */
    --speed: 38s;        /* lower = faster */
    display:flex;
    align-items:center;
    gap: var(--gap);
    width: max-content;  /* fits content so translate works cleanly */
    animation: ticker-scroll var(--speed) linear infinite;
    will-change: transform;
  }
  .brand-ticker li{ list-style:none; display:flex; align-items:center; }
  .brand-ticker img{
    height:48px;         /* tweak to match your screenshot */
    width:auto;
    display:block;
    filter: drop-shadow(0 0 0 rgba(0,0,0,0)); /* avoids anti-aliasing blur on some browsers */
  }

  /* Hover pause */
  .brand-ticker .ticker-viewport:hover .ticker-track{ animation-play-state: paused; }

  /* Mobile sizing */
  @media (max-width: 768px){
    .brand-ticker .ticker-track{ --gap: 3rem; --speed: 32s; }
    .brand-ticker img{ height:36px; }
  }

  /* Reduced motion respect */
  @media (prefers-reduced-motion: reduce){
    .brand-ticker .ticker-track{ animation: none; }
  }

  /* Keyframes: move the width of the first set (50%) */
  @keyframes ticker-scroll{
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }