.home-speakers button {
        cursor: pointer;
        font: inherit;
      }

      .home-speakers img {
        display: block;
        max-width: 100%;
      }

      .home-speakers .eyebrow {
        margin: 0 0 12px;
        color: #246bfe;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: uppercase;
      }

      .home-speakers .button {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 0;
        border-radius: 8px;
        padding: 12px 18px;
        font-weight: 800;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease,
          box-shadow 180ms ease;
      }

      .home-speakers .button:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(28, 39, 51, 0.16);
      }

      .home-speakers .button-primary {
        background: #2642bd;
        color: #ffffff;
      }

      .home-speakers .section-heading {
        max-width: 700px;
        margin-bottom: 30px;
      }

      .home-speakers {
        background: #ffffff;
      }

      .home-speakers .home-speakers-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 28px;
      }

      .home-speakers .home-speakers-head .section-heading {
        margin-bottom: 0;
      }

      .home-speakers .speaker-carousel-shell {
        position: relative;
        opacity: 0;
        animation: fadeUp 700ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }

      .home-speakers .speaker-carousel-window {
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 18px 40px rgba(28, 39, 51, 0.08);
      }

      .home-speakers .speaker-carousel-track {
        display: flex;
        transition: transform 560ms cubic-bezier(0.2, 0.8, 0.2, 1);
      }

      .home-speakers .home-speaker-slide {
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1fr);
        min-height: 390px;
        background: #14213d;
        color: #ffffff;
      }

      .home-speakers .home-speaker-slide img {
        width: 100%;
        height: 100%;
        min-height: 390px;
        object-fit: cover;
      }

      .home-speakers .home-speaker-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 36px;
      }

      .home-speakers .home-speaker-topic {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        align-self: flex-start;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
        font-weight: 900;
        padding: 9px 11px;
        margin-bottom: 20px;
      }

      .home-speakers .home-speaker-topic svg,
      .home-speakers .button svg,
      .home-speakers .carousel-control svg {
        flex: 0 0 auto;
      }

      .home-speakers .home-speaker-content h3 {
        color: #ffffff;
        font-size: 3rem;
        margin-bottom: 6px;
      }

     .home-speakers .home-speaker-content .home-speaker-role {
        color: #7596ff;
        font-weight: 900;
        margin-bottom: 18px;
      }

      .home-speakers .home-speaker-content p {
        max-width: 540px;
        color: #dce6ef;
        margin-bottom: 0;
      }

      .home-speakers .carousel-control {
        position: absolute;
        top: 50%;
        z-index: 3;
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 8px;
        background: #ffffff;
        color: #1d2733;
        box-shadow: 0 12px 28px rgba(28, 39, 51, 0.16);
        transform: translateY(-50%);
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease;
      }

      .home-speakers .carousel-control:hover {
        background: #246bfe;
        color: #ffffff;
        transform: translateY(-50%) scale(1.05);
      }

      .home-speakers .carousel-prev {
        left: -24px;
      }

      .home-speakers .carousel-next {
        right: -24px;
      }

      .home-speakers .speaker-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 18px;
      }

      .home-speakers .speaker-dot {
        width: 10px;
        height: 10px;
        border: 0;
        border-radius: 999px;
        background: #bcc8d4;
        padding: 0;
        transition:
          width 180ms ease,
          background 180ms ease,
          transform 180ms ease;
      }

      .home-speakers .speaker-dot:hover {
        transform: scale(1.15);
      }

      .home-speakers .speaker-dot-active {
        width: 30px;
        background: #2642bd;
      }

      @keyframes fadeUp {
        from {
          opacity: 0;
          transform: translateY(22px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .home-speakers .section-heading > * {
        opacity: 0;
        animation: fadeUp 700ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }

      .home-speakers .section-heading > *:nth-child(2) {
        animation-delay: 90ms;
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          animation-duration: 0.01ms !important;
          animation-iteration-count: 1 !important;
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }
      }

      @media (max-width: 900px) {
        .home-speakers .home-speakers-head {
          display: grid;
          align-items: start;
        }

        .home-speakers .home-speaker-slide {
          grid-template-columns: 1fr;
        }

        .home-speakers .home-speaker-slide img {
          aspect-ratio: 16 / 10;
          min-height: 280px;
        }
      }

      

      @media (max-width: 560px) {
       

        .home-speakers .button {
          width: 100%;
        }

        .home-speakers .home-speaker-content {
          padding: 28px;
        }

       .home-speakers .home-speaker-content h3 {
          font-size: 2.45rem;
        }

        .home-speakers .carousel-prev {
          left: 10px;
        }

        .home-speakers .carousel-next {
          right: 10px;
        }

        .home-speakers .carousel-control {
          top: 140px;
          background: rgba(255, 255, 255, 0.92);
        }
      }