.bio {
  float: left;
}

.bgPink {
  background: linear-gradient(180deg, #FFFBFA 24.1%, #FEF3F0 60.61%, #FFF1ED 97.2%);
}

.bio-foundation-img {
  text-align: center;

  img {
    max-width: 100%;
    border-radius: 24px;
  }
}

.bioFacility {
  margin-top: 0;

  ul {
    gap: 36px;

    li {
      width: calc(33.3333% - 24px);
    }
  }
}

.bioTxt {
  width: 100%;
  float: left;
  margin-bottom: 42px;

  h2 {
    margin-bottom: 24px;
  }

  h2.mb0 {
    margin-bottom: 0;
  }

  p:not(:last-child) {
    margin-bottom: 16px;
  }

  ul {
    margin-bottom: 10px;
    width: 100%;
    float: left;

    li {
      position: relative;
      padding-left: 25px;
      width: 100%;
      float: left;
      font-size: 18px;
      list-style: none;
      margin-bottom: 10px;
      line-height: 1.44;
      padding-right: 10px;

      &::before {
        width: 10px;
        height: 10px;
        content: '';
        background: #FA4616;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 8px
      }

      ul {
        margin-top: 10px;

        li {
          padding-left: 20px;

          &::before {
            width: 10px;
            height: 5px;
            content: '';
            background: #FA4616;
            border-radius: 3px;
            position: absolute;
            left: 0;
            top: 11px
          }
        }
      }

    }
  }
}

.bioTxt.mb0 {
  margin-bottom: 0;
}

.bioExperts {
  position: relative;
  padding-bottom: 16px;

  .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 36px;
    /* justify-content: center; */
  }

  .swiper-slide {
    width: calc(33.3333% - 24px);

    .temp12-link {
      justify-content: flex-end;
    }
  }
}

.bioExperts .swiper-pagination {
  top: 50%;
  width: 89%;
}

.bioExperts .temp6-progNav {
  display: none;
}

.bioExperts-prev,
.bioExperts-next {
  cursor: pointer;
}


.bioTab {
  width: 100%;
  margin-bottom: 32px;
  float: left;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding-bottom: 12px;
}

.bioTabItem {
  height: 48px;
  padding: 0 24px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: #333;
  outline: 0;
  border-radius: 24px;
  border: 1px solid #EE4223;
  background: #fff;
  cursor: pointer;
  transition: all .4s linear;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.bioTabItem.active,
.bioTabItem:hover {
  color: #fff;
  border-color: #e84324;
  background: #e84324;
}

.bioResSlider {
  position: relative;
  overflow: initial;
}

.bioResSlider .swiper-pagination {
  top: 50%;
  width: 89%;
}

/* equal-height cards: swiper's own default is align-items:flex-start, which
   lets each card size to its own content instead of matching the tallest
   card in the row */
.bioResSlider .swiper-wrapper {
  align-items: stretch;
}

.bioResSlider .swiper-slide {
  height: auto;
}

.bioResSlider .temp6-slider-item {
  height: 100%;
  display: flex;
}

.bioResSlider .temp6-sliderTxt {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.bioResSlider .temp6-readMoreBtn {
  margin-top: auto;
}

.bioResSlider .swiper-slide.bioRes-hidden {
  display: none !important;
}

.bioResSlider.bioResSlider--static .temp6-progNav {
  display: none;
}

.bioResSlider.bioResSlider--static .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  transform: none !important;
}

.bioResSlider.bioResSlider--static .swiper-slide {
  flex: 0 0 auto;
  width: calc(33.3333% - 27px) !important;
}

.temp2-item.noLink:hover .temp2-itemTxt {
  transform: translateY(calc(100% - 100px));
}

.temp50hMainLeft,
.temp19-tTxt {
  ul {
    padding-left: 25px;
    margin-bottom: 20px;
    position: relative;

    li {
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.3;
      letter-spacing: 0;

      &::before {
        width: 10px;
        height: 10px;
        content: '';
        background: #FA4616;
        border-radius: 100%;
        position: absolute;
        left: 0;
        margin-top: 4px;
      }
    }
  }
}

.temp20b-leftImg {
  display: flex;
  align-items: center;
  width: calc(44% - 36px);

  img {
    max-width: 100%;
    float: left;
  }
}

.temp20b-rtxt {
  h2 {
    margin-bottom: 16px;
  }

  .temp28b-btm {
    margin-top: 10px;
  }
}

.bio .payloadAdc {
  margin-bottom: 0;
  padding: 0;
}

.temp27-bioImg {
  width: 100%;
  float: left;

  img {
    width: 100%;
    float: left;
  }
}

.bioPartner {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.5%;
}

.bioPartnerTxt {
  min-width: 50%;
  float: left;

  h2 {
    margin-bottom: 32px;
  }

  p,
  h4 {
    margin-bottom: 16px;
  }

  ul {
    margin-bottom: 10px;
    width: 100%;
    float: left;

    li {
      position: relative;
      padding-left: 25px;
      width: 100%;
      float: left;
      font-size: 18px;
      list-style: none;
      margin-bottom: 10px;
      line-height: 1.44;
      word-break: break-word;
      padding-right: 10px;

      &::before {
        width: 10px;
        height: 10px;
        content: '';
        background: #FA4616;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 8px
      }

      ul {
        margin-top: 10px;

        li {
          padding-left: 20px;

          &::before {
            width: 10px;
            height: 5px;
            content: '';
            background: #FA4616;
            border-radius: 3px;
            position: absolute;
            left: 0;
            top: 11px
          }
        }
      }

    }
  }

}

.bioPartnerImg {
  min-width: 33.3333%;
  float: left;

  img {
    max-width: 100%;
    float: left;
  }
}

.bioSuplyChainImg {
  width: 100%;
  float: left;

  img {
    width: 100%;
    max-width: 100%;
    float: left;
    border-radius: 24px;
  }
}

.temp50hMainRight {
  img {
    border-radius: 24px;
  }
}

.temp20b-left .bioTextTransformNone {
  text-transform: none;
}


@media only screen and (max-width: 1700px) {
  .ptb100 {
    padding-block: 90px;
  }

  .bioTabItem {
    height: 44px;
    font-size: 18px;
  }

  .temp50hMainLeft,
  .temp19-tTxt {
    ul {

      li {
        font-size: 16px;
      }
    }
  }
}

@media only screen and (max-width: 1600px) {
  .temp2-item.noLink:hover .temp2-itemTxt {
    transform: translateY(calc(100% - 90px));
  }
}

@media only screen and (max-width: 1500px) {
  .ptb100 {
    padding-block: 60px;
  }

  .bioTxt {
    margin-bottom: 36px;

    h2 {
      margin-bottom: 16px;
    }
  }

  .bioFacility {
    ul {
      gap: 30px;

      li {
        width: calc(33.3333% - 20px);
      }
    }
  }

  .bioExperts {
    .swiper-wrapper {
      gap: 24px 30px;
    }

    .swiper-slide {
      width: calc(33.3333% - 20px);
    }
  }

  .bioTab {
    gap: 16px;
    margin-bottom: 24px;
  }

  .bioTabItem {
    height: 42px;
    font-size: 16px;
  }

  .bioPartnerTxt,
  .bioTxt {

    ul {
      li {
        font-size: 16px;
      }
    }
  }
}

@media only screen and (max-width: 1366px) {
  .temp2-item.noLink:hover .temp2-itemTxt {
    transform: translateY(calc(100% - 85px));
  }

  .bioPartnerTxt {

    h2 {
      margin-bottom: 24px;
    }

    ul {
      li {
        margin-bottom: 7px;

        ul {
          margin-top: 7px;
        }
      }
    }
  }

  .bioTxt {
    ul {
      li {
        margin-bottom: 7px;

        ul {
          margin-top: 7px;
        }
      }
    }
  }

  .temp50hMainLeft,
  .temp19-tTxt {
    ul {

      li {
        margin-bottom: 7px;
      }
    }
  }

}

@media only screen and (max-width: 1100px) {
  .ptb100 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .bioTxt {
    margin-bottom: 32px;
  }

  .bioFacility {
    ul {
      gap: 24px;

      li {
        width: calc(33.3333% - 16px);
      }
    }
  }

  .bioExperts {
    .swiper-wrapper {
      gap: 20px 24px;
    }

    .swiper-slide {
      width: calc(33.3333% - 16px);
    }
  }

  .bioTab {
    gap: 12px;
    margin-bottom: 16px;
  }

  .bioTabItem {
    height: 36px;
    padding: 0 16px;
    font-size: 14px;
  }

  .temp2-item.noLink:hover .temp2-itemTxt {
    transform: none;
  }

  .bioSuplyChainImg {
    img {
      border-radius: 16px;
    }
  }

}

@media only screen and (max-width: 1000px) {
  .ptb100 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .bioExperts {
    padding-bottom: 0;
  }

  .bioFacility .temp19-progNav {
    display: block;
  }

  .bioFacility .swiper-wrapper {
    flex-wrap: nowrap;
    gap: 0;
  }

  .bioFacility .swiper-slide {
    width: 300px;
    flex-shrink: 0;
  }

  .bioResSlider.bioResSlider--static .swiper-slide {
    width: 300px !important;
  }

  .bioExperts .temp6-progNav {
    display: flex;
  }

  .bioExperts .swiper-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
  }

  .bioExperts .swiper-slide {
    width: 300px;
    flex-shrink: 0;
  }

  .bioTab {
    gap: 12px;
    margin-bottom: 12px;
  }

  .bioExperts {
    width: 100%;
    padding-inline: 0;
    overflow: initial;
  }

  .bioResSlider .swiper-button-disabled,
  .bioExperts .swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
  }

  .temp20b-leftImgWrapper {
    flex-direction: column-reverse;
    gap: 32px;
  }

  .temp20b-leftImg {
    width: 100%;
    margin-bottom: 0;
  }

  .temp50hMainRight {
    img {
      border-radius: 12px;
    }
  }

}

@media only screen and (max-width: 680px) {

  .bio {
    padding-inline: 20px;
  }

  .bioTabItem {
    font-size: 12px;
  }

  .bioFacility {
    width: 100%;
    overflow: initial;
  }

  .bioResSlider .swiper-pagination,
  .bioExperts .swiper-pagination {
    width: 70%;
  }

  .bioResSlider .temp6-nav,
  .bioExperts .temp6-nav {
    padding: 0;
    gap: 16px;
  }

  .bio .temp2-list {
    padding: 0;
  }

  .bio .payloadAdc {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .bioPartner {
    gap: 24px;
    flex-wrap: wrap;
  }

}