.pos-theme-light {
  --quotation-mark-img: url("../../../images/about-us/quotation-light.png");
}

.pos-theme-dark {
  --quotation-mark-img: url("../../../images/about-us/quotation-dark.png");
}

.our-story {
  padding-bottom: calc(var(--pos-gap-section-section) + 100px) !important;
  margin-bottom: -100px ;
}

.story-content {
  display: flex;
  flex-direction: column;
  gap: var(--pos-gap-text-content);
}

.story-description-container {
  padding-right: 40px;
}

.content-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  z-index: 1;
}

.testimonial-card {
  display: flex;
  padding: var(--pos-gap-card-card);
  gap: var(--pos-gap-card-elements);
  position: relative;
  border-radius: 3px;

  background:
    url("../../../images/about-us/card-bg.avif") no-repeat top -2px left -2px / 300px 400px,
    linear-gradient(
      to bottom right,
      var(--card-bg-color-from),
      var(--card-bg-color-to)
    ) padding-box,
    linear-gradient(
      to bottom right,
      var(--card-border-gradient-from) 0%,
        var(--card-border-gradient-to) 90%
    ) border-box;
}


#testimonial-paragraph {
  padding-top: 50px;
}

.profile img {
  height: 180px;
  width: 180px;
  border-radius: 3px;
}

.card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--pos-gap-text-content);

  background-image: var(--quotation-mark-img);
  background-size: 67.72px 53px;
  background-position: top right;
  background-repeat: no-repeat;
}

.card-content > div {
  flex: 1;
}

@media (max-width: 1100px) {
  .content-grid {
    grid-template-columns: 2fr;
    gap: 20px;
  }

  .testimonial-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .story-description-container {
    padding-right: 0;
  }
}