.right-left-content {
  --font-family-heading: "Oswald", sans-serif;
  --font-size-heading-h2: 4.8rem;
  --font-size-heading-h3: 4rem;
  --font-size-heading-h4: 3rem;
  --font-family-body: "Gill Sans Nova", serif;
  --font-size-body-lg: 2rem;
  --font-size-body-md: 1.6rem;
  --font-size-body-sm: 1.4rem;
  --section-background-color: #202122;
  --quote-background-color: #F8F8FF26;
  --text-color-white: #F8F8FF;
  padding: 8.6rem 0 14.4rem;
  background-color: var(--section-background-color);
  color: var(--text-color-white);
}
@media (max-width: 1024px) {
  .right-left-content {
    --font-size-heading-h2: 4rem;
    --font-size-heading-h3: 3.2rem;
    --font-size-heading-h4: 2.4rem;
    --font-size-heading-h6: 1.8rem;
    --font-size-body-lg: 1.8rem;
    padding: 5.6rem 0;
  }
}
@media (max-width: 767px) {
  .right-left-content {
    --font-size-heading-h2: 3.2rem;
    --font-size-heading-h3: 2.4rem;
    --font-size-heading-h4: 2rem;
    --font-size-heading-h6: 1.6rem;
    --font-size-body-lg: 1.6rem;
    padding: 5.6rem 0;
  }
}
@media (min-width: 2560px) {
  .right-left-content {
    --font-size-heading-h2: 6.4rem;
    --font-size-heading-h3: 5.6rem;
    --font-size-heading-h4: 4.8rem;
    --font-size-heading-h6: 3.6rem;
    --font-size-body-lg: 3.2rem;
    padding: 12.4rem 0;
  }
}
.right-left-content h1,
.right-left-content h2,
.right-left-content h3,
.right-left-content h4,
.right-left-content h5,
.right-left-content h6,
.right-left-content p {
  margin: 0;
}
.right-left-content h2 {
  font-family: var(--font-family-heading);
  font-weight: 700;
  font-size: var(--font-size-heading-h2);
  line-height: 1.1em;
  text-align: center;
  text-transform: uppercase;
}
.right-left-content .container {
  width: 119.4rem;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .right-left-content .container {
    max-width: 72rem;
  }
}
@media (max-width: 767px) {
  .right-left-content .container {
    max-width: 44.8rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .container {
    width: 172.2rem;
  }
}
.right-left-content .items {
  display: flex;
  flex-direction: column;
  gap: 8.8rem;
  margin: 8.8rem auto 0;
  width: 112.2rem;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .right-left-content .items {
    margin-top: 6.4rem;
    gap: 6.4rem;
  }
}
@media (max-width: 767px) {
  .right-left-content .items {
    margin-top: 4.8rem;
    gap: 4.8rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .items {
    margin-top: 9.6rem;
    width: 100%;
    gap: 9.6rem;
  }
}
.right-left-content .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10.9rem;
}
@media (max-width: 1024px) {
  .right-left-content .item {
    gap: 2.4rem;
  }
}
@media (max-width: 767px) {
  .right-left-content .item {
    flex-direction: column-reverse;
    gap: 4rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .item {
    gap: 17.8rem;
  }
}
.right-left-content .item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .right-left-content .item:nth-child(2n) {
    flex-direction: column-reverse;
  }
}
.right-left-content .item img {
  flex-shrink: 0;
  width: 46rem;
  height: auto;
}
@media (max-width: 1024px) {
  .right-left-content .item img {
    width: 35.1rem;
    height: 36rem;
  }
}
@media (max-width: 767px) {
  .right-left-content .item img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 2560px) {
  .right-left-content .item img {
    width: 69.8rem;
  }
}
.right-left-content .item .text-content {
  width: 100%;
  flex-grow: 1;
}
.right-left-content .item .text-content h3 {
  font-family: var(--font-family-heading);
  font-weight: 500;
  font-size: var(--font-size-heading-h4);
  line-height: 1.2em;
  text-transform: uppercase;
}
.right-left-content .item .text-content p {
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: var(--font-size-body-lg);
  line-height: 1.2em;
}
.right-left-content .item .text-content p:not(:first-child) {
  margin-top: 2.4rem;
}
@media (max-width: 1024px) {
  .right-left-content .item .text-content p:not(:first-child) {
    margin-top: 1.6rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .item .text-content p:not(:first-child) {
    margin-top: 4rem;
  }
}
.right-left-content .item .text-content ul.triangle-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.right-left-content .item .text-content ul.triangle-list li {
  position: relative;
  margin: 0;
  padding: 0 0 0 1.2em;
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: var(--font-size-body-lg);
  line-height: 1.2em;
}
.right-left-content .item .text-content ul.triangle-list li::before {
  content: '';
  position: absolute;
  top: 0.1em;
  left: 0;
  display: block;
  height: 1em;
  width: 0.8em;
  background-image: url("../../../../../assets/images/svg/triangle-accent.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.right-left-content .item .text-content ul:not(:first-child) {
  margin-top: 3.2rem;
}
@media (max-width: 1024px) {
  .right-left-content .item .text-content ul:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .item .text-content ul:not(:first-child) {
    margin-top: 4.8rem;
  }
}
.right-left-content .item .text-content .quote {
  padding: 1.6rem;
  background-color: var(--quote-background-color);
  font-weight: 400;
}
@media (min-width: 2560px) {
  .right-left-content .item .text-content .quote {
    padding: 2.4rem;
  }
}
.right-left-content .item .text-content .quote:not(:first-child) {
  margin-top: 3.2rem;
}
@media (max-width: 1024px) {
  .right-left-content .item .text-content .quote:not(:first-child) {
    margin-top: 2.4rem;
  }
}
@media (min-width: 2560px) {
  .right-left-content .item .text-content .quote:not(:first-child) {
    margin-top: 4.8rem;
  }
}
.right-left-content .item .text-content .quote span {
  font-weight: 500;
}
/*# sourceMappingURL=index.css.map */