/* Main content */
.why-bisc-hero {
  padding: 24px 0 40px;
}

.why-bisc-story {
  background: var(--surface700);
  color: var(--surface50);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.why-bisc-story::after {
  content: "";
  position: absolute;
  width: 613px;
  height: 295px;
  left: calc(50% - 720px);
  top: 227px;
  background: #0f7346;
  filter: blur(50px);
  border-radius: 100%;
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: 0;
}

.why-bisc-story .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.why-bisc-caption {
  text-transform: uppercase;
  z-index: 1;
}

.why-bisc-info .why-bisc-caption,
.why-bisc-loop-img .why-bisc-caption,
.why-bisc-leadership .why-bisc-caption,
.why-bisc-partners .why-bisc-caption {
  color: var(--primary500);
}

.why-bisc-description .why-bisc-caption {
  color: var(--primary500);
  display: none;
}

.why-bisc-response .why-bisc-caption {
  color: var(--secondary500);
}

.why-bisc-story-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  z-index: 1;
}

.why-bisc-story-content h1,
.why-bisc-story-content h2,
.why-bisc-story-content h3,
.why-bisc-story-content h4,
.why-bisc-story-content h5,
.why-bisc-story-content h6 {
  font-family: "Roboto";
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
}

.why-bisc-story-content p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.why-bisc-info {
  background: var(--surface50);
  padding: 80px 0;
}

.why-bisc-info-wrapper {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 32px;
  border-top: 1px solid var(--surface150);
  padding: 60px 0;
}

.why-bisc-solution {
  background: var(--primary500);
  color: var(--surface50);
  text-align: center;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.why-bisc-solution::after {
  content: "";
  position: absolute;
  width: 963px;
  height: 463px;
  left: calc(50% - 963px / 2 + 0.5px);
  top: calc(50% - 463px / 2 + 0.5px);
  background: #09452a;
  filter: blur(50px);
  border-radius: 100%;
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: 0;
}

.why-bisc-solution .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  z-index: 1;
}

.why-bisc-description {
  background: var(--surface100);
  padding: 100px 0;
}

.why-bisc-description-wrapper,
.why-bisc-leadership-wrapper,
.why-bisc-partners-item {
  display: grid;
  grid-template-columns: 1fr 1.7fr;
  gap: 32px;
}

.why-bisc-description-img-wrapper {
  margin: auto;
} 

.why-bisc-description-img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 450 / 550;
}

.why-bisc-description-content-wrapper {
  display: flex;
  flex-direction: column;
}

.why-bisc-description-heading {
  color: var(--surface700);
  margin-bottom: 40px;
}

.why-bisc-description-content-wrapper h1,
.why-bisc-description-content-wrapper h2,
.why-bisc-description-content-wrapper h3,
.why-bisc-description-content-wrapper h4,
.why-bisc-description-content-wrapper h5,
.why-bisc-description-content-wrapper h6 {
  color: var(--surface700);
  font-family: "Roboto";
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 40px;
}

.why-bisc-description-content-wrapper p {
  color: var(--surface700);
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  margin-top: 32px;
}

.why-bisc-description-content-wrapper ul + p,
.why-bisc-description-content-wrapper ol + p {
  margin-top: 0;
}

.why-bisc-description-content-wrapper ul,
.why-bisc-description-content-wrapper ol {
  color: var(--surface300);
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 80px;
}

.why-bisc-description-content-wrapper li {
  position: relative;
  padding-left: 44.5px;
  font-family: "Inter";
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
}

.why-bisc-description-content-wrapper li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 8px;
  display: block;
  height: 12.5px;
  width: 12.5px;
  border-radius: 100%;
  background: var(--primary500);
  transform: translateY(-50%);
}

.why-bisc-description-list {
  color: var(--surface300);
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 80px;
}

.description-single-item {
  display: flex;
  align-items: center;
  gap: 24px;
}

.description-single-item::before {
  content: "";
  display: block;
  height: 12.5px;
  width: 12.5px;
  min-width: 12.5px;
  border-radius: 100%;
  background: var(--primary500);
  margin-left: 8px;
}

.why-bisc-description-conclusion {
  color: var(--surface700);
}

.why-bisc-loop-img {
  padding: 80px 0;
}

.why-bisc-loop-img .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.why-bisc-loop-img-wrapper {
  height: 400px;
  width: 400px;
}

.why-bisc-loop-img .why-bisc-caption {
  position: absolute;
  left: 50px;
  top: 0;
}

.why-bisc-loop-img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.why-bisc-response {
  background: var(--primary500);
  padding: 80px 0;
}

.why-bisc-response-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.why-bisc-description-title {
  display: flex;
  flex-direction: column;
  gap: 32px;
  color: var(--surface50);
}

.why-bisc-response-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.why-bisc-response-item {
  display: flex;
  flex-direction: column;
  color: var(--surface50);
  border-top: 1px solid var(--primary300);
  padding-top: 40px;
}

.why-bisc-response-item img {
  height: 50px;
  width: 50px;
  min-width: 50px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 32px;
}

.why-bisc-response-item .ff-heading,
.why-bisc-leadership-content .ff-heading {
  margin-bottom: 16px;
}

.why-bisc-leadership {
  padding: 80px 0;
}

.why-bisc-leadership .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.why-bisc-leadership-wrapper img {
  border-radius: 8px;
  height: 350px;
  width: 350px;
  object-fit: cover;
  object-position: center;
}

.why-bisc-leadership-content {
  display: flex;
  flex-direction: column;
  color: var(--surface700);
  margin-top: auto;
}

.why-bisc-leadership-content .why-bisc-caption {
  margin-bottom: 32px;
}

.why-bisc-leadership-content .ff-body {
  color: var(--surface300);
}

.why-bisc-partners {
  background: var(--surface100);
  padding: 80px 0;
  color: var(--surface700);
}

.why-bisc-partners .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.why-bisc-partners-item:not(:last-child) {
  border-bottom: 1px solid var(--surface150);
  padding-bottom: 40px;
}

.partners-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.partners-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.partners-item-wrapper .ff-body {
  color: var(--surface300);
}

@media (max-width: 768px) {
  /* Main content */
  .why-bisc-hero {
    padding: 24px 0;
  }

  .why-bisc-story,
  .why-bisc-solution,
  .why-bisc-response {
    padding: 60px 0;
  }

  .why-bisc-info {
    padding: 50px 0 60px;
  }

  .why-bisc-story::after {
    width: 613px;
    height: 295px;
    left: calc(50% - 613px / 2 + 0.5px);
    top: unset;
    bottom: -200px;
  }

  .why-bisc-solution::after {
    content: "";
    position: absolute;
    width: 527px;
    height: 253px;
    left: calc(50% - 527px / 2 + 0.5px);
    top: calc(50% - 253px / 2 + 0.5px);
  }

  .why-bisc-story .container,
  .why-bisc-info-wrapper,
  .why-bisc-description-wrapper,
  .why-bisc-loop-img .container,
  .why-bisc-leadership-wrapper,
  .why-bisc-partners-item {
    grid-template-columns: 1fr;
  }

  .why-bisc-info-wrapper {
    padding: 40px 0;
  }

  .why-bisc-description,
  .why-bisc-loop-img,
  .why-bisc-leadership,
  .why-bisc-partners {
    padding: 60px 0;
  }

  .why-bisc-description .why-bisc-caption {
    display: block;
  }

  .why-bisc-loop-img .container {
    flex-direction: column;
    gap: 40px;
  }

  .why-bisc-loop-img .why-bisc-caption {
    position: static;
    align-self: flex-start;
  }

  .why-bisc-description-img-wrapper {
    margin: unset;
    display: none;
  }

  .why-bisc-description-img-wrapper img {
    display: none;
  }

  .why-bisc-description-list {
    margin-bottom: 40px;
  }

  .why-bisc-description-content-wrapper h1,
  .why-bisc-description-content-wrapper h2,
  .why-bisc-description-content-wrapper h3,
  .why-bisc-description-content-wrapper h4,
  .why-bisc-description-content-wrapper h5,
  .why-bisc-description-content-wrapper h6 {
    font-size: 22px;
  }

  .why-bisc-description-content-wrapper p,
  .why-bisc-description-content-wrapper li {
    font-size: 16px;
  }

  .why-bisc-description-content-wrapper ul,
  .why-bisc-description-content-wrapper ol {
    margin-bottom: 40px;
  }

  .why-bisc-description-title,
  .partners-list-wrapper {
    gap: 24px;
  }

  .why-bisc-response-list,
  .why-bisc-partners .container {
    gap: 32px;
  }
  .why-bisc-response-item {
    padding-top: 32px;
  }

  .why-bisc-story-content h1,
  .why-bisc-story-content h2,
  .why-bisc-story-content h3,
  .why-bisc-story-content h4,
  .why-bisc-story-content h5,
  .why-bisc-story-content h6 {
    font-size: 30px;
  }

  .why-bisc-story-content p {
    font-size: 14px;
  }

  .why-bisc-partners-item:not(:last-child) {
    padding-bottom: 32px;
  }
}

@media (max-width: 550px) {
  .why-bisc-response-list {
    grid-template-columns: 1fr;
  }

  .why-bisc-leadership-wrapper img {
    height: auto;
    width: 100%;
    aspect-ratio: 350 / 350;
  }

  .why-bisc-loop-img-wrapper {
    height: auto;
    width: 100%;
    aspect-ratio: 400 / 400;
  }
}