.main #home .banner {
  position: relative;
  z-index: 1;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("../../images/pages/home/home-banner-mobile.png") no-repeat top center;
  background-size: cover;
  border-bottom: 1px solid #707070;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 3.5rem 1rem;
}
.main #home .banner .top-block {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main #home .banner .top-block .bottom-text {
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
}
.main #home .banner .text-block {
  margin: clamp(0.75rem, 0.3929rem + 1.7857vw, 2rem) 0;
}
.main #home .banner .text-block .h1 {
  font-size: clamp(1rem, 0.7143rem + 1.4286vw, 2rem);
  margin-left: calc(-1 * clamp(0rem, -1.4286rem + 7.1429vw, 5rem));
}
.main #home .banner .text-block p {
  margin-top: 0.25rem;
  font-size: clamp(0.65rem, 0.55rem + 0.5vw, 1rem);
  text-align: center;
  font-weight: 300;
}
@media only screen and (min-width: 540px) {
  .main #home .banner {
    aspect-ratio: 480/320;
    padding: 5% 7.5%;
  }
}
@media only screen and (min-width: 540px) and (min-width: 768px) {
  .main #home .banner {
    aspect-ratio: 1945/1100;
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("../../images/pages/home/home-banner.png") no-repeat top center;
    background-size: cover;
  }
}
@media only screen and (min-width: 540px) and (min-width: 768px) and (min-width: 1024px) {
  .main #home .banner {
    aspect-ratio: 1960/950;
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url("../../images/pages/home/home-banner.png") no-repeat top center;
    background-size: cover;
    padding-top: 15%;
  }
  .main #home .banner .contact-btn-block {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
.main #home .block-ctn {
  position: relative;
  margin-top: -10%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.main #home .block-ctn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F1F1F1;
  z-index: -1;
}
.main #home .block-ctn .block {
  position: relative;
  width: clamp(15rem, 13.5714rem + 7.1429vw, 20rem);
  aspect-ratio: 430/300;
  background-color: #fff;
  box-shadow: var(--bottom-box-shadow);
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid #F1F1F1;
  margin: 0.5rem 1rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main #home .block-ctn .block h2 {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: var(--clr-primary);
}
.main #home .block-ctn .block .info-block {
  display: flex;
  align-items: flex-start;
  margin: 0.5rem 0;
  min-width: 80%;
}
.main #home .block-ctn .block .info-block img {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  width: 1rem;
}
.main #home .block-ctn .block .info-block span {
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
}
@media only screen and (min-width: 1024px) {
  .main #home .block-ctn {
    margin-top: -5%;
    justify-content: center;
  }
  .main #home .block-ctn .block {
    aspect-ratio: 430/260;
    margin: 0.5rem 2rem;
  }
}
.main #home .whyus-section {
  padding: 4rem 1rem 2rem;
  background-color: #F1F1F1;
  display: flex;
  flex-direction: column;
}
.main #home .whyus-section .title-block {
  margin-left: 1.5rem;
}
.main #home .whyus-section .three-circles-ctn {
  align-self: center;
  margin-top: 3rem;
}
.main #home .whyus-section .three-circles-ctn .third {
  background: url("../../images/pages/home/doctor-1.png") no-repeat top center;
  background-size: cover;
}
.main #home .whyus-section .text-block {
  margin: 4rem 0 4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main #home .whyus-section .text-block p {
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  text-align: center;
  font-weight: 300;
  margin: 1rem 0 1rem;
}
.main #home .whyus-section .text-block ul {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main #home .whyus-section .text-block ul li {
  font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem);
  font-weight: 300;
  list-style: disc;
}
.main #home .whyus-section .text-block ul li::marker {
  color: var(--clr-primary);
}
@media only screen and (min-width: 540px) {
  .main #home .whyus-section {
    padding: 4rem 10%;
  }
}
@media only screen and (min-width: 540px) and (min-width: 768px) {
  .main #home .whyus-section {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
  }
  .main #home .whyus-section .title-block {
    grid-column: 1/1;
    grid-row: 1/1;
  }
  .main #home .whyus-section .three-circles-ctn {
    grid-column: 2/2;
    grid-row: 1/3;
  }
  .main #home .whyus-section .text-block {
    grid-column: 1/1;
    grid-row: 2/2;
    width: 80%;
    place-self: center;
    margin: 4rem 0 4rem;
    align-items: flex-start;
  }
  .main #home .whyus-section .text-block p {
    text-align: left;
    font-weight: 100;
  }
  .main #home .whyus-section .text-block ul {
    align-items: flex-start;
  }
  .main #home .whyus-section .text-block ul li {
    font-weight: 100;
    list-style-position: inside;
  }
}
.main #home .home-block4 {
  padding: 2rem 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main #home .home-block4 .title-block {
  margin: 4rem 0 0;
}
.main #home .home-block4 .image-blocks {
  width: 100%;
  margin: 0 0 8rem;
}/*# sourceMappingURL=home.css.map */