@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.container {
  width: 85%;
}
h1 {
  font-size: 2.25rem;
  font-weight: 400;
}
h2 {
  font-size: 1.875rem;
  font-weight: 400;
}
h4 {
  font-size: 1.5rem;
  font-weight: 300;
}
p {
  font-size: 1rem;
  font-weight: 300;
}
p.small {
  font-size: 0.75rem;
}
img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

@media screen and (max-width: 64rem) {
  .container {
    width: 88%;
  }
  h1 {
    font-size: 1.875rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1rem;
  }
}

nav {
  width: 100%;
  height: 5.5rem;
  position: fixed;
  z-index: 99;
  display: grid;
  place-items: center;
  transition: all 0.3s ease-out;
}
nav.scrolled {
  background: #fffaef !important;
}
nav.scrolled .container ul li a {
  color: #936440;
}
nav .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav .container .logo {
  width: 45%;
}
nav .container .nav__btn {
  display: none;
}
nav .container ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 3.2rem;
}
nav .container ul li {
  display: grid;
  place-items: center;
  position: relative;
}
nav .container ul li:hover::after {
  width: 110%;
}
nav .container ul li::after {
  content: "";
  width: 0%;
  height: 1.4px;
  position: absolute;
  bottom: -0.8rem;
  background: #e5ca8b;
  transition: all 0.3s ease-in;
}
nav .container ul li a {
  font-size: 0.8rem;
  color: #fffaef;
  transition: all 0.3s ease-out;
}
nav .container .nav__socials {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
nav .container .nav__socials a {
  transition: all 0.2s ease-in-out;
}
nav .container .nav__socials a:hover {
  transform: scale(0.85);
}
nav .container .nav__socials a img {
  width: 2.5rem;
  height: 5rem;
}
#nav__background {
  display: none;
}

@media screen and (min-width: 64rem) and (max-width: 87.5rem) {
  nav .container .logo {
    width: 20%;
  }
}

@media screen and (min-width: 87.5rem) {
  nav .container .logo {
    width: 20%;
  }
}
@media screen and (max-width: 64rem) {
  nav .container .logo {
    width: 80%;
  }
  nav .container ul {
    visibility: hidden;
    opacity: 0;
    width: 88%;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem 0;
    position: fixed;
    top: 6rem;
    padding: 1rem 2rem;
    background: #fffaef;
    transition: all 0.3s ease-out;
  }
  nav .container ul.active {
    visibility: visible;
    opacity: 1;
    top: 5.5rem;
  }
  nav .container ul li::after {
    display: none;
  }
  nav .container ul li a {
    font-size: 0.9rem;
    color: #93633f;
    padding: 1rem 0;
  }
  nav .container .nav__btn {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 105;
  }
  nav .container .nav__btn .btn {
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    z-index: 4;
    transition: 0.6s;
  }
  nav .container .nav__btn .btn:checked ~ .lines .line:nth-child(1) {
    opacity: 0;
  }
  nav .container .nav__btn .btn:checked ~ .lines .line:nth-child(3) {
    transform: rotate(45deg) translate(-1em, 0.2em);
  }
  nav .container .nav__btn .btn:checked ~ .lines .line:nth-child(2) {
    transform: rotate(-45deg) translate(-0.9em, -0.3em);
  }
  nav .container .nav__btn .lines {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  nav .container .nav__btn .lines .line {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 0.2em;
    pointer-events: none;
    transition: 0.3s;
    background: #fffaef;
  }
  nav .container .nav__btn .lines .line:nth-child(2) {
    top: 25%;
  }
  nav .container .nav__btn .lines .line:nth-child(3) {
    top: 75%;
  }
  nav .container .nav__socials {
    display: none;
  }
  #nav__background {
    visibility: hidden;
    opacity: 0;
    display: block;
    position: fixed;
    z-index: 98;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
    transition: all 0.3s ease-out;
  }
  #nav__background.active {
    visibility: visible;
    opacity: 1;
  }
}
header {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: url("../assets/images/home.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 64rem) {
  header {
    background: url("../assets/images/home-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
header .container {
  display: grid;
  grid-template-columns: 30%;
  place-items: center start;
  gap: 1rem 0;
  color: #fff;
}
header .container .header__socials {
  display: none;
}
header .container a {
  margin-top: 0.8rem;
}
header .container a button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #fffaef;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #93633f;
  background: #fffaef;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
header .container a button:hover {
  border: 2px solid #fffaef;
  background: rgba(0, 0, 0, 0);
  color: #fffaef;
}
@media screen and (min-width: 87.5rem) {
  header .container {
    grid-template-columns: 40%;
  }
}
@media screen and (max-width: 64rem) {
  header {
    place-items: end center;
  }
  header .container {
    grid-template-columns: 1fr;
    place-items: center;
    text-align: center;
    padding-bottom: 15%;
    gap: 0.5rem 0;
  }
  header .container .header__socials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1.1rem;
    margin-bottom: 0.8rem;
  }
  header .container .header__socials a img {
    width: 3rem;
    height: 2rem;
  }
  header .container h1 {
    width: 75%;
  }
  header .container h4 {
    width: 45%;
  }
}
#after__header {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  overflow: visible;
  padding: 0;
}
@media screen and (max-width: 64rem) {
  #after__header {
    padding: 3.5rem 0;
  }
}
#after__header .container {
  display: grid;
  place-items: center;
}
#after__header .container .cards__wrapper {
  width: 100%;
  display: grid;
  position: relative;
  top: -25%;
  grid-template-columns: repeat(4, 1fr);
  padding: 2rem 2rem;
  gap: 0 4rem;
  overflow: hidden;
}
#after__header .container .cards__wrapper .card {
  display: grid;
  place-items: center;
  text-align: center;
  padding: 2.2rem 0;
  border-radius: 0.6rem;
  gap: 1.6rem 0;
  box-shadow: 0px 6px 9px rgba(176, 132, 27, 0.1803921569);
  background: #fffaef;
  transition: all 0.3s ease-in;
  cursor: default;
}
#after__header .container .cards__wrapper .card img {
  width: 2.8rem;
  height: 2.8rem;
}
#after__header .container .cards__wrapper .card h2 {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #936440;
}
@media screen and (min-width: 87.5rem) {
  #after__header .container .cards__wrapper {
    width: 70%;
  }
}
@media screen and (max-width: 64rem) {
  #after__header {
    padding: 4rem 0 1rem 0;
  }
  #after__header .container .cards__wrapper {
    width: 100%;
    top: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding: 1rem;
  }
  #after__header .container .cards__wrapper .card {
    padding: 1.7rem;
    gap: 0.6rem 0;
  }
  #after__header .container .cards__wrapper .card h2 {
    font-size: 0.8rem;
  }
}
#about {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  padding: 0.7rem 0 5.5rem 0;
}
@media screen and (max-width: 64rem) {
  #about {
    padding: 3.5rem 0;
  }
}
#about .container {
  display: grid;
  place-items: center;
}
#about .container .title__moblie {
  display: none;
}
#about .container .about__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 37% 57%;
  gap: 0 6%;
  padding: 5.5rem 3rem;
  border-radius: 0.6rem;
  place-items: center;
  background: #93633f;
}
#about .container .about__wrapper .about__content {
  display: grid;
  place-items: center start;
  gap: 2rem 0;
  color: #fff;
}
#about .container .about__wrapper .about__content p {
  font-weight: 300;
  line-height: 1.5;
}
#about .container .about__wrapper .about__content a button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #fffaef;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #93633f;
  background: #fffaef;
  transition: all 0.3s ease-in;
  cursor: pointer;
  padding: 0.7rem 1.6rem;
}
#about .container .about__wrapper .about__content a button:hover {
  border: 2px solid #fff;
  background: #fff;
  color: #b0841b;
}
@media screen and (min-width: 100rem) {
  #about .container .about__wrapper {
    width: 80%;
  }
}
@media screen and (max-width: 64rem) {
  #about .container .about__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem 0;
    align-items: center;
    padding: 2.8rem;
  }
  #about .container .about__wrapper .title__moblie {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #fff;
  }
  #about .container .about__wrapper .about__content {
    place-items: center;
    grid-template-columns: 1fr;
  }
  #about .container .about__wrapper .about__content h2 {
    display: none;
  }
}
#banner1 {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: url("../assets/images/banner1.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-position-x: 10%;
}
@media screen and (max-width: 64rem) {
  #banner1 {
    background: url("../assets/images/banner1-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
#banner1 .container {
  display: grid;
  place-items: center start;
  gap: 0.5rem 0;
  color: #fff;
}
#banner1 .container p {
  width: 30%;
  line-height: 1.55;
}
@media screen and (min-width: 87.5rem) {
  #banner1 {
    height: 65vh;
  }
  #banner1 .container p {
    width: 40%;
  }
}
@media screen and (max-width: 64rem) {
  #banner1 {
    place-items: end center;
    background-position-x: center;
  }
  #banner1 .container {
    display: grid;
    place-items: center;
    gap: 0.75rem 0;
    text-align: center;
    padding-bottom: 10%;
  }
  #banner1 .container h2 {
    width: 70%;
  }
  #banner1 .container p {
    width: 69%;
  }
}
#treatments {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 64rem) {
  #treatments {
    padding: 3.5rem 0;
  }
}
#treatments .container {
  display: grid;
  grid-template-columns: 40% 40%;
  justify-content: space-between;
  align-items: center;
}
#treatments .container .treatments__title {
  display: grid;
  place-items: center start;
  gap: 2rem 0;
}
#treatments .container .treatments__title .title {
  display: grid;
  gap: 1rem 0;
}
#treatments .container .treatments__title .title h2 {
  color: #93633f;
}
#treatments .container .treatments__title .title p {
  color: #9b9b9b;
}
#treatments .container .treatments__title a button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #93633f;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #fff;
  background: #93633f;
  transition: all 0.3s ease-in;
  cursor: pointer;
  padding: 0.7rem 1.4rem;
}
#treatments .container .treatments__title a button:hover {
  border: 2px solid #93633f;
  background: rgba(0, 0, 0, 0);
  color: #b0841b;
}

#treatments .container .wrapper {
  position: relative;
}

#treatments .container .wrapper .arrows {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0 1rem;
  padding: 0 10px 1.4rem 0;
}

#treatments .container .wrapper .arrows img {
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
}

#treatments .container .wrapper .arrows .slide-arrow-right {
  transform: rotate(180deg);
}

#treatments .container .wrapper .treatments__wrapper {
  width: 100%;
  display: grid;
  position: static;
  place-items: center;
  gap: 1rem 0;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 1rem;
  padding: 0.7rem 0.5rem;
  border: 1px solid #93633f;
  border-radius: 0.6rem;
  gap: 1.8rem 0;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment:target {
  gap: 1.2rem 0;
  padding: 1.2rem 0;
  background: #93633f;
  transition: all 0.4s ease-out;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment:target
  .treatment__link {
  gap: 0 2rem;
  color: #fff;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment:target
  .treatment__link
  svg
  path {
  fill: #fffaef;
  transition: all 0.4s ease-out;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment:target
  .treatment__text {
  position: static;
  max-height: 13rem;
  padding: 0rem 0 1rem 0;
  overflow: visible;
  transition: all 0.4s ease-out;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment
  .treatment__link {
  width: 80%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0 5rem;
  font-size: 1.1rem;
  color: #93633f;
  transition: all 0.2s ease-out;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment
  .treatment__link
  svg {
  width: 2.2rem;
  height: 2.2rem;
}
#treatments
  .container
  .wrapper
  .treatments__wrapper
  .swiper-wrapper
  .treatment
  .treatment__text {
  width: 80%;
  max-height: 0;
  position: absolute;
  overflow: hidden;
  font-size: 0.75rem;
  color: #fff;
}

#treatments .container .wrapper .treatments__wrapper .swiper-pagination {
  display: none;
}
#treatments .container .wrapper .btn__moblie {
  display: none;
}
@media screen and (min-width: 87.5rem) {
  #treatments .container {
    width: 70%;
  }
  #treatments .container .wrapper .treatments__wrapper .swiper-button-next {
    right: 11%;
  }
}
@media screen and (max-width: 64rem) {
  #treatments .container {
    grid-template-columns: 1fr;
    place-items: center;
    gap: 2.5rem 0;
  }
  #treatments .container .treatments__title .title {
    place-items: center;
    text-align: center;
  }
  #treatments .container .treatments__title a {
    display: none;
  }
  #treatments .container .wrapper .treatments__wrapper {
    width: 80vw;
  }
  #treatments
    .container
    .wrapper
    .treatments__wrapper
    .swiper-wrapper
    .treatment {
    width: 100%;
  }
  #treatments
    .container
    .wrapper
    .treatments__wrapper
    .swiper-wrapper
    .treatment
    .treatment__link {
    gap: 0 3rem;
    font-size: 1rem;
  }

  #treatments .container .wrapper .treatments__wrapper .swiper-pagination {
    display: block;
    bottom: 13%;
  }
  #treatments
    .container
    .wrapper
    .treatments__wrapper
    .swiper-pagination
    .swiper-pagination-bullet {
    background: #b0841b;
    transition: all 0.3s ease-in-out;
  }
  #treatments .container .btn__moblie {
    display: block;
    margin-top: 2.5rem;
  }
  #treatments .container .btn__moblie button {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0.7rem 2.5rem;
    border: 2px solid #93633f;
    border-radius: 0.6rem;
    font-family: "Poppins";
    font-size: 0.938rem;
    font-weight: 400;
    color: #fff;
    background: #93633f;
    transition: all 0.3s ease-in;
    cursor: pointer;
  }
  #treatments .container .btn__moblie button:hover {
    border: 2px solid #b0841b;
    background: #b0841b;
    color: #fff;
  }
}
#results {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
}
@media screen and (max-width: 64rem) {
  #results {
    padding: 3.5rem 0;
  }
}
#results .container {
  display: grid;
  place-items: center;
  gap: 3.5rem 0;
}
#results .container .title {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.5rem 0;
}
#results .container .title h2 {
  color: #93633f;
}
#results .container .title p {
  color: #9b9b9b;
}
#results .container .photos__wrapper {
  width: 95%;
  display: grid;
}
#results .container .photos__wrapper .swiper-pagination {
  display: none;
}
@media screen and (max-width: 64rem) {
  #results {
    position: relative;
    padding: 1rem 0 5.5rem 0;
  }
  #results .container {
    gap: 2rem 0;
  }
  #results .container .title p {
    width: 66%;
  }
  #results .container .photos__wrapper {
    width: 80vw;
    position: static;
  }
  #results .container .photos__wrapper .swiper-pagination {
    display: block;
    bottom: 7%;
  }
  #results
    .container
    .photos__wrapper
    .swiper-pagination
    .swiper-pagination-bullet {
    background: #b0841b;
    transition: all 0.3s ease-out;
  }
}
#doctor__banner {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  padding: 3rem 0 3rem 0;
  background: #93633f;
}
@media screen and (max-width: 64rem) {
  #doctor__banner {
    padding: 3.5rem 0;
  }
}
#doctor__banner .container {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: url("../assets/images/banner2.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 82%;
  border-radius: 0.6rem;
}
@media screen and (max-width: 64rem) {
  #doctor__banner .container {
    background: url("../assets/images/banner2-mobile.png") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width: 64rem) {
  #doctor__banner {
    padding: 3.5rem 0 1rem 0;
  }
  #doctor__banner .container {
    width: 88%;
    height: 35vh;
  }
}
#harmonization {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 64rem) {
  #harmonization {
    padding: 3.5rem 0;
  }
}
#harmonization .container {
  display: grid;
  grid-template-columns: 40% 40%;
  justify-content: space-between;
  align-items: center;
}
#harmonization .container .harmonization__title {
  display: grid;
  place-items: center start;
  gap: 2rem 0;
}
#harmonization .container .harmonization__title .title {
  display: grid;
  gap: 1rem 0;
}
#harmonization .container .harmonization__title .title h2 {
  color: #93633f;
}
#harmonization .container .harmonization__title .title p {
  color: #9b9b9b;
}
#harmonization .container .harmonization__title a button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #93633fb;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #fff;
  background: #93633f;
  transition: all 0.3s ease-in;
  cursor: pointer;
  padding: 0.7rem 1.4rem;
}
#harmonization .container .harmonization__title a button:hover {
  border: 2px solid #b0841b;
  background: rgba(0, 0, 0, 0);
  color: #b0841b;
}

#harmonization .container .wrapper {
  position: relative;
}

#harmonization .container .wrapper .arrows {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0 1rem;
  padding: 0 10px 1.4rem 0;
}

#harmonization .container .wrapper .arrows img {
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
}

#harmonization .container .wrapper .arrows .slide-arrow-right {
  transform: rotate(180deg);
}

#harmonization .container .wrapper .harmonization__wrapper {
  width: 100%;
  display: grid;
  position: static;
  place-items: center;
  gap: 1rem 0;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 1rem;
  padding: 0.7rem 0.5rem;
  border: 1px solid #93633f;
  border-radius: 0.6rem;
  gap: 1.8rem 0;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization:target {
  gap: 1.2rem 0;
  padding: 1.2rem 0;
  background: #93633f;
  transition: all 0.4s ease-out;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization:target
  .harmonization__link {
  gap: 0 2rem;
  color: #fff;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization:target
  .harmonization__link
  svg
  path {
  fill: #fffaef;
  transition: all 0.4s ease-out;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization:target
  .harmonization__text {
  position: static;
  max-height: 20rem;
  padding: 0rem 0 1rem 0;
  overflow: visible;
  transition: all 0.4s ease-out;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization:target
  .harmonization__text
  p {
  margin-top: 0.4rem;
  font-size: 0.75rem;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization
  .harmonization__link {
  width: 80%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0 5rem;
  font-size: 1.1rem;
  color: #93633f;
  transition: all 0.2s ease-out;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization
  .harmonization__link
  svg {
  width: 2.2rem;
  height: 2.2rem;
}
#harmonization
  .container
  .wrapper
  .harmonization__wrapper
  .swiper-wrapper
  .harmonization
  .harmonization__text {
  width: 80%;
  max-height: 0;
  position: absolute;
  overflow: hidden;
  font-size: 0.75rem;
  color: #fff;
}

#harmonization .container .wrapper .harmonization__wrapper .swiper-pagination {
  display: none;
}
#harmonization .container .btn__moblie {
  display: none;
}
@media screen and (min-width: 87.5rem) {
  #harmonization .container {
    width: 70%;
  }
}
@media screen and (max-width: 64rem) {
  #harmonization .container {
    grid-template-columns: 1fr;
    place-items: center;
    gap: 2.5rem 0;
  }
  #harmonization .container .harmonization__title .title {
    place-items: center;
    text-align: center;
  }
  #harmonization .container .harmonization__title a {
    display: none;
  }
  #harmonization .container .wrapper .harmonization__wrapper {
    width: 80vw;
  }
  #harmonization
    .container
    .wrapper
    .harmonization__wrapper
    .swiper-wrapper
    .harmonization {
    width: 100%;
  }
  #harmonization
    .container
    .wrapper
    .harmonization__wrapper
    .swiper-wrapper
    .harmonization:nth-child(1)
    .harmonization__link {
    font-size: 0.9rem;
  }
  #harmonization
    .container
    .wrapper
    .harmonization__wrapper
    .swiper-wrapper
    .harmonization
    .harmonization__link {
    gap: 0 3rem;
    font-size: 1rem;
  }

  #harmonization
    .container
    .wrapper
    .harmonization__wrapper
    .swiper-pagination {
    display: block;
    bottom: 13%;
  }
  #harmonization
    .container
    .wrapper
    .harmonization__wrapper
    .swiper-pagination
    .swiper-pagination-bullet {
    background: #b0841b;
    transition: all 0.3s ease-in-out;
  }
  #harmonization .container .btn__moblie {
    display: block;
    margin-top: 2.5rem;
  }
  #harmonization .container .btn__moblie button {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0.7rem 2.5rem;
    border: 2px solid #93633f;
    border-radius: 0.6rem;
    font-family: "Poppins";
    font-size: 0.938rem;
    font-weight: 400;
    color: #fff;
    background: #93633f;
    transition: all 0.3s ease-in;
    cursor: pointer;
  }
  #harmonization .container .btn__moblie button:hover {
    border: 2px solid #b0841b;
    background: #b0841b;
    color: #fff;
  }
}
#testimonials {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 64rem) {
  #testimonials {
    padding: 3.5rem 0;
  }
}
#testimonials .container {
  display: grid;
  place-items: center;
  gap: 3rem 0;
}
#testimonials .container .title {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.4rem 0;
}
#testimonials .container .title h4 {
  width: 63%;
  font-weight: 400;
  color: #93633f;
}
#testimonials .container .title p {
  color: #9b9b9b;
}
#testimonials .container .testimonials__wrapper {
  width: 40vw;
  height: 12rem;
  position: static;
  display: grid;
  place-items: center;
  border: 1px solid #93633f;
  border-radius: 0.6rem;
}
#testimonials .container .testimonials__wrapper .swiper-wrapper .testimonial {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  gap: 0.8rem 0;
}
#testimonials
  .container
  .testimonials__wrapper
  .swiper-wrapper
  .testimonial
  .client__name {
  font-weight: 400;
  color: #93633f;
}
#testimonials .container .testimonials__wrapper .swiper-wrapper .testimonial p {
  width: 60%;
  margin: 0 auto;
  line-height: 1.5;
  color: #9b9b9b;
}
#testimonials .container .testimonials__wrapper .swiper-pagination {
  display: none;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev,
#testimonials .container .testimonials__wrapper .swiper-button-next {
  width: 3rem;
  height: 3rem;
  top: 63%;
  display: grid;
  place-items: center;
  border-radius: 0.6rem;
  background: #93633f;
  transition: all 0.3s ease-out;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev::after,
#testimonials .container .testimonials__wrapper .swiper-button-next::after {
  display: none;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev svg,
#testimonials .container .testimonials__wrapper .swiper-button-next svg {
  width: 1rem;
  height: 1rem;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev svg path,
#testimonials .container .testimonials__wrapper .swiper-button-next svg path {
  fill: #fff;
  transition: all 0.3s ease-out;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev:hover,
#testimonials .container .testimonials__wrapper .swiper-button-next:hover {
  background: #fff !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
}
#testimonials
  .container
  .testimonials__wrapper
  .swiper-button-prev:hover
  svg
  path,
#testimonials
  .container
  .testimonials__wrapper
  .swiper-button-next:hover
  svg
  path {
  fill: #b0841b !important;
}
#testimonials .container .testimonials__wrapper .swiper-button-disabled {
  opacity: 1 !important;
  background: #e5ca8b;
}
#testimonials .container .testimonials__wrapper .swiper-button-prev {
  left: 30%;
}
#testimonials .container .testimonials__wrapper .swiper-button-next {
  right: 30%;
}
#testimonials .container .testimonials__wrapper .swiper-button-next svg {
  transform: rotateZ(180deg);
}
@media screen and (max-width: 64rem) {
  #testimonials {
    padding: 3.5rem 0 5rem 0;
  }
  #testimonials .container .title h4 {
    width: 90%;
    font-size: 1.4rem;
  }
  #testimonials .container .title p {
    width: 50%;
  }
  #testimonials .container .testimonials__wrapper {
    width: 80vw;
  }
  #testimonials
    .container
    .testimonials__wrapper
    .swiper-wrapper
    .testimonial
    p {
    width: 80%;
  }
  #testimonials .container .testimonials__wrapper .swiper-button-prev,
  #testimonials .container .testimonials__wrapper .swiper-button-next {
    display: none;
  }
  #testimonials .container .testimonials__wrapper .swiper-pagination {
    display: inline-block;
    bottom: 8%;
  }
  #testimonials
    .container
    .testimonials__wrapper
    .swiper-pagination
    .swiper-pagination-bullet {
    background: #b0841b;
    transition: all 0.3s ease-out;
  }
}
#banner2 {
  width: 100%;
  height: 65vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: url("../assets/images/banner3.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 64rem) {
  #banner2 {
    background: url("../assets/images/banner3-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width: 64rem) {
  #banner2 {
    height: 35vh;
  }
}
#specialties {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  position: relative;
}
@media screen and (max-width: 64rem) {
  #specialties {
    padding: 3.5rem 0;
  }
}
#specialties .container {
  display: grid;
  grid-template-columns: 40% 40%;
  justify-content: space-between;
  align-items: center;
}
#specialties .container .specialties__title {
  display: grid;
  place-items: center start;
  gap: 2rem 0;
}
#specialties .container .specialties__title .title {
  display: grid;
  gap: 1rem 0;
}
#specialties .container .specialties__title .title h2 {
  color: #93633f;
}
#specialties .container .specialties__title .title p {
  color: #9b9b9b;
}
#specialties .container .specialties__title a button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #93633f;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #fff;
  background: #93633f;
  transition: all 0.3s ease-in;
  cursor: pointer;
  padding: 0.7rem 1.4rem;
}
#specialties .container .specialties__title a button:hover {
  border: 2px solid #b0841b;
  background: rgba(0, 0, 0, 0);
  color: #b0841b;
}
#specialties .container .wrapper {
  position: relative;
}

#specialties .container .wrapper .arrows {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0 1rem;
  padding: 0 10px 1.4rem 0;
}

#specialties .container .wrapper .arrows img {
  width: 1.75rem;
  height: 1.75rem;
  cursor: pointer;
}

#specialties .container .wrapper .arrows .slide-arrow-right {
  transform: rotate(180deg);
}

#specialties .container .wrapper .specialties__wrapper {
  width: 100%;
  display: grid;
  place-items: center;
  position: static;
  gap: 1rem 0;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 1rem;
  padding: 0.7rem 0.5rem;
  border: 1px solid #93633f;
  border-radius: 0.6rem;
  gap: 1.8rem 0;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty:target {
  gap: 1.2rem 0;
  padding: 1.2rem 0;
  background: #93633f;
  transition: all 0.4s ease-out;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty:target
  .specialty__link {
  gap: 0 2rem;
  color: #fff;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty:target
  .specialty__link
  svg
  path {
  fill: #fffaef;
  transition: all 0.4s ease-out;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty:target
  .specialty__text {
  position: static;
  max-height: 13rem;
  padding: 0rem 0 1rem 0;
  overflow: visible;
  transition: all 0.4s ease-out;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty
  .specialty__link {
  width: 80%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0 5rem;
  font-size: 1.1rem;
  color: #93633f;
  transition: all 0.2s ease-out;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty
  .specialty__link
  svg {
  width: 2.2rem;
  height: 2.2rem;
}
#specialties
  .container
  .wrapper
  .specialties__wrapper
  .swiper-wrapper
  .specialty
  .specialty__text {
  width: 80%;
  max-height: 0;
  position: absolute;
  overflow: hidden;
  font-size: 0.75rem;
  color: #fff;
}

#specialties .container .wrapper .specialties__wrapper .swiper-pagination {
  display: none;
}
#specialties .container .wrapper .btn__moblie {
  display: none;
}
@media screen and (max-width: 64rem) {
  #specialties {
    padding: 3.5rem 0 5rem 0;
  }
  #specialties .container {
    grid-template-columns: 1fr;
    place-items: center;
    gap: 2.5rem 0;
  }
  #specialties .container .wrapper .specialties__title .title {
    place-items: center;
    text-align: center;
  }
  #specialties .container .wrapper .specialties__title a {
    display: none;
  }
  #specialties .container .wrapper .specialties__wrapper {
    width: 80vw;
  }
  #specialties
    .container
    .wrapper
    .specialties__wrapper
    .swiper-wrapper
    .specialty {
    width: 100%;
  }
  #specialties
    .container
    .wrapper
    .specialties__wrapper
    .swiper-wrapper
    .specialty
    .specialty__link {
    gap: 0 3rem;
    font-size: 1rem;
  }
  #specialties .container .wrapper .specialties__wrapper .swiper-button-next,
  #specialties .container .wrapper .specialties__wrapper .swiper-button-prev {
    display: none;
  }
  #specialties .container .wrapper .specialties__wrapper .swiper-pagination {
    display: block;
    bottom: 15%;
  }
  #specialties
    .container
    .wrapper
    .specialties__wrapper
    .swiper-pagination
    .swiper-pagination-bullet {
    background: #b0841b;
    transition: all 0.3s ease-in-out;
  }
  #specialties .container .btn__moblie {
    display: block;
    margin-top: 2.5rem;
  }
  #specialties .container .btn__moblie button {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0.7rem 2.5rem;
    border: 2px solid #93633f;
    border-radius: 0.6rem;
    font-family: "Poppins";
    font-size: 0.938rem;
    font-weight: 400;
    color: #fff;
    background: #93633f;
    transition: all 0.3s ease-in;
    cursor: pointer;
  }
  #specialties .container .btn__moblie button:hover {
    border: 2px solid #b0841b;
    background: #b0841b;
    color: #fff;
  }
}
#team {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  background: #fffaef;
}
@media screen and (max-width: 64rem) {
  #team {
    padding: 3.5rem 0;
  }
}
#team .container {
  display: grid;
  place-items: center;
  gap: 3rem 0;
}
#team .container .title {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.8rem 0;
}
#team .container .title h2 {
  color: #93633f;
}
#team .container .title p {
  width: 55%;
  line-height: 1.4;
  color: #9b9b9b;
}
#team .container .team__wrapper {
  width: 88%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 3.5rem;
}
#team .container .team__wrapper .doctor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem 0;
  border: 1.5px solid #b0841b;
  border-radius: 0.6rem;
  padding: 3rem 2rem;
}
#team .container .team__wrapper .doctor img {
  width: 8.5rem;
  height: 8.5rem;
}
#team .container .team__wrapper .doctor .doctor__info {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.4rem 0;
}
#team .container .team__wrapper .doctor .doctor__info .doctor__name {
  font-size: 1.2rem;
  color: #93633f;
}
#team .container .team__wrapper .doctor .doctor__info .specialty {
  font-size: 0.9rem;
  color: #9b9b9b;
}
#team .container .team__wrapper .doctor .doctor__info .cro {
  font-weight: 300;
  color: #9b9b9b;
}
@media screen and (max-width: 64rem) {
  #team .container .title p {
    width: 80%;
  }
  #team .container .team__wrapper {
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
  #team .container .team__wrapper .doctor {
    padding: 2rem;
  }
}
#contact {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
  background: #93633f;
}
@media screen and (max-width: 64rem) {
  #contact {
    padding: 3.5rem 0;
  }
}
#contact .container {
  display: grid;
  place-items: center;
  gap: 4rem 0;
}
#contact .container h4 {
  width: 29%;
  text-align: center;
  font-weight: 400;
  color: #fff;
}
#contact .container .contact__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 45%);
  justify-content: space-between;
  align-items: center;
}
#contact .container .contact__wrapper form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.8rem 0;
}
#contact .container .contact__wrapper form .form__field {
  width: 100%;
  height: 3.3rem;
  display: flex;
  align-items: center;
  gap: 0 1rem;
  padding: 1.25rem;
  border-radius: 0.4rem;
  background: #fff;
}
#contact .container .contact__wrapper form .form__field label {
  font-weight: 400;
  color: #b0841b;
}
#contact .container .contact__wrapper form .form__field input {
  width: 100%;
  height: 3.3rem;
  outline: none;
  color: #9b9b9b;
}
#contact
  .container
  .contact__wrapper
  form
  .form__field
  input::-moz-placeholder {
  opacity: 0.85;
  font-family: "Poppins";
  color: #9b9b9b;
}
#contact .container .contact__wrapper form .form__field input::placeholder {
  opacity: 0.85;
  font-family: "Poppins";
  color: #9b9b9b;
}
#contact .container .contact__wrapper form button {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0.7rem 2.5rem;
  border: 2px solid #fff;
  border-radius: 0.6rem;
  font-family: "Poppins";
  font-size: 0.938rem;
  font-weight: 400;
  color: #93633f;
  background: #fff;
  transition: all 0.3s ease-in;
  cursor: pointer;
  padding: 0.5rem 2.9rem;
}
#contact .container .contact__wrapper form button:hover {
  border: 2px solid #fff;
  background: #fff;
  color: #b0841b;
}
#contact .container .contact__wrapper .contact__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem 0;
}
#contact .container .contact__wrapper .contact__box .contact__address {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem 0;
}
#contact .container .contact__wrapper .contact__box .contact__address .address {
  display: flex;
  align-items: center;
  gap: 0 0.65rem;
  font-size: 1rem;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__address
  .address
  img {
  width: 1.5rem;
  height: 2rem;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__address
  .address
  a {
  color: #fff;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__address
  .address
  a
  span {
  padding-right: 0.3rem;
  color: #fff;
}
#contact .container .contact__wrapper .contact__box .contact__socials {
  display: grid;
  gap: 0.95rem 0;
  margin-bottom: 1.8rem;
}
#contact .container .contact__wrapper .contact__box .contact__socials p {
  font-weight: 400;
  color: #fff;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__socials
  .socials__wrapper {
  display: flex;
  height: 3rem;
  align-items: center;
  gap: 0 1.1rem;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__socials
  .socials__wrapper
  a {
  transition: all 0.3s ease-in-out;
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__socials
  .socials__wrapper
  a:hover {
  animation: socialsHoverAnimation 0.4s;
}
@keyframes socialsHoverAnimation {
  0% {
    margin: 0;
  }
  30% {
    margin-top: 0.4rem;
  }
  60% {
    margin-top: 0;
    margin-bottom: 0.4rem;
  }
  90% {
    margin-bottom: 0;
  }
}
#contact
  .container
  .contact__wrapper
  .contact__box
  .contact__socials
  .socials__wrapper
  a
  img {
  width: 2rem;
  height: 3rem;
}
@media screen and (min-width: 87.5rem) {
  #contact .container {
    width: 70%;
  }
}
@media screen and (max-width: 64rem) {
  #contact .container {
    gap: 2rem 0;
  }
  #contact .container h4 {
    width: 83%;
    font-size: 1.4rem;
  }
  #contact .container .contact__wrapper {
    grid-template-columns: 1fr;
    gap: 3.4rem 0;
  }
  #contact .container .contact__wrapper form button {
    margin: 0 auto;
  }
  #contact .container .contact__wrapper .contact__box {
    gap: 2.5rem 0;
  }
  #contact .container .contact__wrapper .contact__box .contact__address {
    order: 2;
    width: 85%;
    margin: 0 auto;
  }
  #contact
    .container
    .contact__wrapper
    .contact__box
    .contact__address
    .address {
    align-items: start;
  }
  #contact
    .container
    .contact__wrapper
    .contact__box
    .contact__address
    .address
    img {
    width: 1.5rem;
    height: 1.5rem;
  }
  #contact .container .contact__wrapper .contact__box .contact__socials {
    order: 1;
    place-items: center;
    margin: 0 auto;
  }
}
footer {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4rem 0 0.7rem 0;
  display: grid;
  place-items: center;
}
footer .container {
  display: grid;
  place-items: center;
  gap: 2.5rem 0;
}
footer .container img {
  width: 20%;
}
footer .container #copyrights {
  display: grid;
  place-items: center;
  text-align: center;
  font-size: 0.65rem;
  color: #9b9b9b;
  opacity: 0.65;
}
footer .container #copyrights .copyright a {
  color: #9b9b9b;
}
@media screen and (max-width: 64rem) {
  footer .container img {
    width: 45%;
  }
  footer .container #copyrights {
    font-size: 0.45rem;
  }
}
#support__page__banner {
  width: 100%;
  height: 40vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: url("../assets/images/banner-pag-de-apoio.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 64rem) {
  #support__page__banner {
    background: url("../assets/images/banner-pag-de-apoio.jpg") no-repeat;
    background-size: cover;
    background-position: center;
  }
}
#support__page__title {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
}
@media screen and (max-width: 64rem) {
  #support__page__title {
    padding: 3.5rem 0;
  }
}
#support__page__title .container {
  display: grid;
  place-items: center;
  gap: 4rem 0;
}
#support__page__title .container .title {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.4rem 0;
}
#support__page__title .container .title p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #9b9b9b;
}
#support__page__title .container .title h2 {
  color: #93633f;
}
#support__page__title .container .items__wrapper {
  width: 85%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 3rem;
  place-items: center;
}
#support__page__title .container .items__wrapper .item {
  width: 100%;
  display: grid;
  place-items: center;
  padding: 2rem;
  gap: 1.5rem 0;
  border-radius: 0.6rem;
  background: #fffaef;
  box-shadow: 0px 6px 9px rgba(176, 132, 27, 0.1803921569);
}
#support__page__title .container .items__wrapper .item img {
  width: 3.5rem;
  height: 3.5rem;
}
#support__page__title .container .items__wrapper .item .item__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.35rem 0;
}
#support__page__title .container .items__wrapper .item .item__title span {
  font-weight: 400;
  font-size: 1rem;
  color: #93633f;
}
#clinic__structure {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 5rem 0;
}
@media screen and (max-width: 64rem) {
  #clinic__structure {
    padding: 3.5rem 0;
  }
}
#clinic__structure .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#clinic__structure .container .clinic__structure__text {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 2rem 0;
  padding: 4rem 3rem;
}
#clinic__structure .container .clinic__structure__text h2 {
  width: 100%;
  text-align: start;
  color: #93633f;
}
#clinic__structure .container .clinic__structure__text p {
  color: #9b9b9b;
  line-height: 1.5;
}
@media screen and (min-width: 100rem) {
  #support__page__banner {
    height: 30vh;
  }
  #support__page__title .container .items__wrapper {
    width: 70%;
  }
  #clinic__structure .container {
    width: 70%;
  }
  #clinic__structure .container .clinic__structure__text p {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 64rem) {
  #support__page__banner {
    height: 25vh;
  }
  #support__page__title .container .items__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  #support__page__title .container .items__wrapper .item {
    padding: 1.7rem 1rem;
    gap: 0.8rem 0;
  }
  #support__page__title .container .items__wrapper .item img {
    width: 2.2rem;
    height: 2.2rem;
  }
  #support__page__title .container .items__wrapper .item .item__title {
    gap: 0.2rem 0;
  }
  #support__page__title .container .items__wrapper .item .item__title span {
    font-size: 0.8rem;
  }
  #clinic__structure .container {
    grid-template-columns: 1fr;
  }
  #clinic__structure .container .first {
    order: 1;
  }
  #clinic__structure .container .second {
    order: 2;
  }
  #clinic__structure .container .third {
    order: 3;
  }
  #clinic__structure .container .fourth {
    order: 4;
  }
  #clinic__structure .container .clinic__structure__text {
    padding: 3rem 0;
  }
  #clinic__structure .container .clinic__structure__text h2 {
    text-align: center;
  }
}
/*# sourceMappingURL=style.min.css.map */