.speakers-container {
  .inner {
    display: flex;
    align-items: center;
    gap: 50px;
  }
  
  :nth-child(odd) {
    flex-direction:row-reverse;
  }
  
  /* Animated Text Module */

  .dark h2,
  .dark p,
  .dark span {
    color: #00244d;
  }

  .light h2,
  .light p,
  .light span {
    color: #fff;
  }

  .watermelon h2,
  .watermelon p,
  .watermelon span {
    color: #f94868;
  }

  .mint h2,
  .mint p,
  .mint span {
    color: #00bfb8;
  }

  .plum h2,
  .plum p,
  .plum span {
    color: #A539B2;
  }

  .pineapple h2,
  .pineapple p,
  .pineapple span {
    color: #fbe232;
  }

  /* end animated text module */

  /* Animated Shape Image Module */

  .chevron-r {
    clip-path: polygon(10% 0%, 35% 50%, 10% 100%, 0% 100%, 25% 50%, 0% 0%);
  }

  .animate-chevron-r {
    clip-path: polygon(10% 0%, 35% 50%, 10% 100%, 0% 100%, 25% 50%, 0% 0%);
    animation: swoosh-r 3s infinite;
  }

  .chevron-sm {
    max-width: 150px;
  }

  .chevron-lg {
    max-width: 350px;
  }

  @keyframes swoosh-r {
    0% {  clip-path: polygon(10% 0%, 35% 50%, 10% 100%, 0% 100%, 25% 50%, 0% 0%);}
    100% { clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); }
  }

  .chevron-l {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 90% 100%, 65% 50%, 90% 0%);
  }

  .animate-chevron-l {
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 90% 100%, 65% 50%, 90% 0%);
    animation: swoosh-l 3s infinite;
  }

  @keyframes swoosh-l {
    0% {  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 90% 100%, 65% 50%, 90% 0%);}
    100% { clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); }
  }

  .hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  }

  .animate-hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    animation: zoom-in-zoom-out 2s ease infinite;
  }

  .hexagon-sm {
    max-width: 150px;
  }

  .hexagon-lg {
    max-width: 300px;
  }

  @keyframes shake {
    0% {  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
    100% { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
  }

  @keyframes zoom-in-zoom-out {
    0% {
      scale: 100%;
      transform: rotate(0deg):
    }
    50% {
      scale: 110%;
      transform: rotate(10deg);:
    }
    100% {
      scale: 100%;
      transform: rotate(0deg):
    }
  }

  .circle {
    border-radius: 50%;
  }

  .animate-circle {
   animation: fade-in 4s ease-in-out infinite;
   border-radius: 50%;
   opacity: .4;
  }

  .shape-container {
    display: flex;
  }

  .circle-sm {
    max-width: 150px;
  }

  .circle-lg {
    max-width: 350px;
  }

  @keyframes fade-in {
    0% {
      opacity: .2;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: .4;
    }
  }
}

@media (max-width: 768px) {
  .speakers-container {
    .inner {
      flex-direction: column;
      gap: unset;
    }
    
    .animated-rich-text {
      text-align: center;
    }

    .circle,
    .animate-circle,
    .chevron-lg,
    .chevron-sm,
    .hexagon-lg {
      display: inline-block;
      margin: 0 auto;
    }

    .chevron-lg {
      max-width: 300px;
    }
  }    
}