/********************
Horiontal Scroll
********************/

.scroller {
  margin-top: 5.5rem;
  display: flex;
  gap: 5.8rem;
  justify-content: flex-start;

  overflow-x: auto;
  overscroll-behavior-inline: contain;

  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 1rem; /* no idea why this isn'tcreating padding*/
  padding: 2.3rem 2rem;
}
/* #featured .scroller {
  justify-content: center;
} */

.scroller > * {
  scroll-snap-align: start;
}

/********************
Comapre Component
********************/
.compare-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5rem;
}