.section-read__img {
  position: relative;
  width: 100%;
  height: 100%;
}

.section-read__container {
  height: 100%;
  width: 100%;
}

.section-read__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 79.56%,
    rgba(0, 0, 0, 0) 87.55%,
    #000000 97.53%
  );
}

.section-read__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-read {
  background-color: #000000;
}

.section__what-we-do {
  background-color: #000000;
  padding-top: 1rem;
}

.section-read__flex {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.section-read__flex--1 {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: flex-start;
}

.read__primary-heading {
  font-weight: 400;
  font-size: 1.6rem;
  color: white;
  background-color: #ffffff40;
  padding: 0.8rem;
  border-radius: 4px;
}

.read__secoundary-heading {
  font-weight: 500;
  font-size: 4rem;
  color: white;
}

.section-read__flex--2 p,
.feature-hadline,
.read-feature__info {
  font-weight: 400;
  font-size: 1.6rem;
  color: #ffffff99;
}

.section-read__flex--2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.section-read__flex--2 strong {
  color: white;
}

.read-feature__info {
  display: flex;
  align-items: top;
  gap: 1.6rem;
}

.key-feature {
  font-weight: 500;
  font-size: 2rem;
  color: #fffffff2;
}

.read-feature__info strong {
  color: #ffffffde;
  font-weight: 500;
}

.section-read__flex--3,
.read-feature {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.read-feature__info::before {
  content: url(../../assets/images/otc_arrow.svg);
}

.section-read__flex--3.section-quant {
  padding-top: 10rem;
}

.section-quant .quant-disclamer {
  font-weight: 400;
  font-style: Italic;
  font-size: 1.6rem;
  color: #ffffff99;
}

@media (max-width: 1024px) {
  .section-read__img {
    padding-top: 2rem;
  }

  .section-read {
    height: 40vh;
  }
}

@media (max-width: 576px) {
  .section-read__img {
    padding-top: 0rem;
  }
}
