/* MAIN BANNER */
.main-banner {
  background: url(/assets/img/banner-main-3.jpg) center / cover;
}

/* MAIN BANNER */

/* ABOUT */
.about {
  padding-block: 13vh;
}

.about h3 {
  font-size: 30px;
  line-height: 32px;
  padding-inline: 12%;
}

.about h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-inline: 12%;
}

@media (max-width: 756px) {
  .about h3 {
    font-size: 22px;
    line-height: 27px;
    padding-inline: 0;
  }

  .about h4 {
    font-size: 16px;
    line-height: 27px;
    padding-inline: 0;
  }

  .about br {
    display: none;
  }
}

/* ABOUT */

/* OUR VALUES */
.our-values {
  padding-block: 12vh;
  background-color: var(--secondary-color);
}

.our-values h4 {
  color: #f5f5f5;
  font-size: clamp(16px, 1vw, 18px);
  font-weight: 400;
}

.our-values h2 {
  font-size: clamp(38px, 3vw, 48px);
}

.our-values .cards div {
  padding-inline: 4.03%;
}

.our-values .cards h4 {
  font-size: 30px;
}

@media (max-width: 756px) {
  .our-values .cards div {
    padding-inline: 7%;
  }
}

/* OUR VALUES */

/* THE DOCTOR */
.the-doctor {
  background-color: #333333;
}

.the-doctor .infos {
  padding-top: 100px;
  padding-bottom: 70px;
  padding-left: 4%;
  padding-right: 12%;
}

.the-doctor img {
  object-fit: cover;
  object-position: 67%;
}

.the-doctor .infos h3 {
  font-size: 24px;
  font-weight: 700;
}

.the-doctor h5 {
  font-size: 16px;
  font-weight: 300;
}

.the-doctor p {
  line-height: 32px;
  font-weight: 400;
  font-size: clamp(16px, 1vw, 20px);
}

@media (max-width: 1440px) {
  .the-doctor .infos {
    padding-right: 10%;
  }
}

@media (max-width: 992px) {
  .the-doctor .image {
    height: 50vh;
  }

  .the-doctor img {
    object-position: top;
  }

  .the-doctor .infos {
    padding-left: 8%;
    padding-right: 8%;
  }
}

@media (max-width: 992px) {
  .the-doctor .infos {
    padding-left: 4.3%;
    padding-right: 4.3%;
  }
}

/* THE DOCTOR */

/* QUALITYS */
.qualitys {
  background-color: #F6BCC9;
  padding-block: 10vh;
}

.qualitys p {
  color: black;
  font-size: 24px;
}

.qualitys strong {
  font-weight: 700;
}

.qualitys .container {
  padding-inline: 8%;
}

@media(max-width: 756px) {
  .qualitys p {
    font-size: 18px;
  }

  .qualitys .container {
    padding-inline: 5%;
  }
}
/* QUALITYS */

/* PROJECTS */
.projects {
  background-color: #333333;
  padding-block: 10vh;
}

.projects p {
  color: #fff;
  font-size: 24px;
}

.projects strong {
  font-weight: 700;
}

.projects .container {
  padding-inline: 8%;
}

@media(max-width: 756px) {
  .projects p {
    font-size: 18px;
  }

  .projects .container {
    padding-inline: 5%;
  }
}
/* PROJECTS */

/* WHY BIOETHICAL */
.why-bioethical {
  padding-block: 8vh;
}

.why-bioethical h2 {
  font-size: clamp(42px, 4.3vw, 68px);
  font-weight: 300;
}

.why-bioethical p {
  padding-inline: 29%;
}

.why-bioethical .mt-custom {
  margin-top: 3vh !important;
}

@media (max-width: 756px) {

  .why-bioethical .btn-primary,
  .why-bioethical .btn-secondary {
    width: 100%;
  }

  .why-bioethical p {
    padding-inline: 0;
  }
}

/* WHY BIOETHICAL */

/* BANNER MID 2 */
.banner-mid-two {
  background: url(/assets/img/bg-banner-mid-two.jpg);
  background-size: cover;
  background-position: center;
  height: 70vh;
}
.banner-mid-two .container {
  padding-inline: 10%;
}

@media (max-width: 756px) {
  .banner-mid-two h2 {
    font-size: 36px;
  }
}

/* BANNER MID 2 */


/* TESTIMONIALS */
.testimonials {
  padding-block: 12vh;
}

.testimonials p {
  font-size: 22px;
}

.testimonials h4 {
  font-size: 22px;
  font-weight: 700;
}

.testimonials h5 {
  font-size: 16px;
  font-weight: 300;
}

.testimonials .glide__slide {
  padding-inline: 6%;
}

@media(max-width: 756px) {
  .testimonials .glide__slide {
    padding-inline: 0%;
  }
}

/* TESTIMONIALS */

/* SLIDE */
.slide {
  background-color: #ffffff;
  height: 40vh;
}

/* SLIDE */

/* TALK-TO-US */
.talk-to-us {
  padding-block: 8vh;
}

.talk-to-us img {
  border-right: 40px solid var(--secondary-color);
}

.talk-to-us .card {
  border-radius: 0;
  background-color: var(--secondary-color);
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  padding-inline: 70px;
  height: 80%;
}

.talk-to-us .card h3 {
  font-size: clamp(30px, 2vw, 40px);
  font-weight: 300;
}

.talk-to-us .card .btn-secondary {
  width: max-content;
  padding-inline: 70px;
  border: 2px solid #fff;
}

.talk-to-us .card .btn-secondary:hover {
  background-color: #000;
}

@media (max-width: 992px) {
  .talk-to-us .card {
    height: 90%;
  }
}

@media (max-width: 992px) {
  .talk-to-us .card {
    position: static;
    transform: none;
    padding-inline: 30px;
    padding-block: 40px;
  }

  .talk-to-us img {
    border-right: 0;
    /* border-top: 40px solid var(--secondary-color); */
  }
}

/* TALK-TO-US */