:root {
  --logos-background: #000;
  --logos-text-color: #fff;
  --prime-bg: #ffffff;
  --sec-bg: #f1f1f1;
  --prime-color: #000;
  --sec-color: #000;
  --sub-head-bg: #000;
  --img-ovrly: rgba(0, 0, 0, 0.50);
  --sub-head-col: #fff;
}
#hero-container {
  gap: 4rem;
  justify-content: flex-start;
}
.home-heading {
  font-size: clamp(2rem, 0.669vw + 1.786rem, 2.7rem);
}
.home-heading, .home-heading-s {
  text-align: center;
}
.home-txt p {
  text-align: center;
  max-width: 80rem;
}
.home-txt {
  align-items: center;
}
#hero-section {
  padding-top: clamp(7.5rem, 2.39vw + 6.735rem, 10rem);
  padding-right: 1rem;
  padding-bottom: clamp(7.5rem, 2.39vw + 6.735rem, 10rem);
  padding-left: 1rem;
  text-align: left;
  min-height: 100%;
}
.hero-content, .hero-content h1 {
  color: #ffffff;
}
.hero-text p {
  font-size: clamp(1.8rem, 0.191vw + 1.739rem, 2rem);
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.hero-button {
  background: #ff0000;
  color: #fff;
}
.hero-button:nth-child(n+2) {
  background: #000;
  color: #fff;
}
.hero-button:hover {
  background: #000;
  color: #fff;
}
.hero-button:nth-child(n+2):hover {
  background: #dd3333;
  color: #fff;
}
#hero-buttons {
  justify-content: flex-start;
}
#benefit-cards img {
  max-height: clamp(5rem, 4.78vw + 3.47rem, 10rem);
  max-width: 15rem;
}
#logo-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  gap: 3rem;
}
#hero-img img {
  width: 100%;
}
.dynamic-prods, .dynamic-slide-prods .splide__list {
  gap: 2rem;
}
.dynamic-txts {
  gap: 3rem;
}
.pick-em .prod-card {
  background: #fff;
}
.p-by-cat .prod-card {
  background: #fff;
}

/* breakpoints-css-start for elem-cym6rstj0 */
                #elem-cym6rstj0 { grid-template-columns: repeat(4, 1fr); }
                @media(max-width:1200px) { #elem-cym6rstj0 { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:991px) { #elem-cym6rstj0 { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:767px) { #elem-cym6rstj0 { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:600px) { #elem-cym6rstj0 { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:478px) { #elem-cym6rstj0 { grid-template-columns: repeat(1, 1fr); } }
                /* breakpoints-css-end for elem-cym6rstj0 */

/* breakpoints-css-start for elem-1ebqa8p5y */
                #elem-1ebqa8p5y { grid-template-columns: repeat(4, 1fr); }
                @media(max-width:1200px) { #elem-1ebqa8p5y { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:991px) { #elem-1ebqa8p5y { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:767px) { #elem-1ebqa8p5y { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:600px) { #elem-1ebqa8p5y { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:478px) { #elem-1ebqa8p5y { grid-template-columns: repeat(1, 1fr); } }
                /* breakpoints-css-end for elem-1ebqa8p5y */

/* breakpoints-css-start for elem-tfozajjd1 */
                #elem-tfozajjd1 { grid-template-columns: repeat(2, 1fr); }
                @media(max-width:1200px) { #elem-tfozajjd1 { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:991px) { #elem-tfozajjd1 { grid-template-columns: repeat(3, 1fr); } }
                @media(max-width:767px) { #elem-tfozajjd1 { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:600px) { #elem-tfozajjd1 { grid-template-columns: repeat(2, 1fr); } }
                @media(max-width:478px) { #elem-tfozajjd1 { grid-template-columns: repeat(1, 1fr); } }
                /* breakpoints-css-end for elem-tfozajjd1 */