body {
  background-color: #fbfbfb;
  overflow-x: hidden;
  margin-bottom: 10px;
}

/* Commmon */
.discount-pill {
  font-size: 10px;
  color: #19aa2a;
  background-color: #d0eed3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px 5px 10px;
  border-radius: 20px;
}

.view-all-btn {
  color: white;
  background-color: #9347ad;
  padding: 7px 15px 7px 15px;
  font-size: 12px;
  border: none;
  border-radius: 20px;
}

/* Service Slider  && Blogs Slider */

.service-slider .slick-track,
.blogs-slider .slick-track {
  padding-top: 10px !important;
}

.service-slider .slide {
  background-color: white;
  border-radius: 18px;
  padding-bottom: 10px;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: margin-top 0.3s, box-shadow 0.3s;
}

.blogs-slider .slide {
  background-color: white;
  border-radius: 18px;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
  margin-top: 20px;
  margin-bottom: 20px;
  transition: margin-top 0.3s, box-shadow 0.3s;
  min-height: 250px;
}

@media (max-width: 1399px) {
  .blogs-slider .slide {
    min-height: 220px;
  }
}
@media (max-width: 1199px) {
  .blogs-slider .slide {
    min-height: 190px;
  }
}
@media (max-width: 1099px) {
  .blogs-slider .slide {
    min-height: 240px;
  }
}
@media (max-width: 991px) {
  .blogs-slider .slide {
    min-height: 255px;
  }
}
@media (max-width: 767px) {
  .blogs-slider .slide {
    min-height: 225px;
  }
}
@media (max-width: 575px) {
  .blogs-slider .slide {
    min-height: 230px;
  }
}
@media (max-width: 540px) {
  .blogs-slider .slide {
    min-height: 215px;
  }
}
@media (max-width: 500px) {
  .blogs-slider .slide {
    min-height: 205px;
  }
}
@media (max-width: 450px) {
  .blogs-slider .slide {
    min-height: 188px;
  }
}

.service-slider .slide:hover,
.blogs-slider .slide:hover {
  box-shadow: 0px 0px 13px grey;
  cursor: pointer;
  z-index: 200;
  margin-top: -1px;
}

.service-slider .slide h1 {
  margin-top: 20px;
  font-size: 12px !important;
  text-align: center;
  font-weight: 500;
}

.blogs-slider .slide h1 {
  font-size: 12px !important;
  text-align: center;
  font-weight: 500;
  margin-top: 15px;
  margin: revert;
  padding-left: 5px;
  padding-right: 5px;
}

.service-slider .slick-prev,
.blogs-slider .slick-prev,
.service-slider .slick-next,
.blogs-slider .slick-next {
  width: 60px;
  height: 60px;
  z-index: 2;
}

/* Round Slider */
.round-slider .slick-prev,
.round-slider .slick-next {
  width: 60px;
  height: 60px;
  z-index: 2;
}

.round-slider .slide .circle {
  padding: 20px;
  border-radius: 50%;
  background-color: white;
  height: 150px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.round-slider .slide .circle:hover {
  box-shadow: 0px 0px 15px lightgray;
}

.round-slider .slide h1 {
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
  width: 150px !important;
}
.round-slider .slide a {
  text-decoration: none;
  color: black;
}

/* Categories Section */
#categories {
  margin-top: 30px;
}

#categories .link {
  text-decoration: none !important;
  color: black !important;
}

#categories .category {
  padding: 30px 10px 30px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-bottom: 15px;
}

#categories .category:hover {
  background-color: white;
  box-shadow: 0px 0px 30px lightgray;
  cursor: pointer;
}

@media (max-width: 1199px) {
  #categories .category {
    box-shadow: 0px 0px 2px lightgray;

    background-color: rgba(255, 255, 255, 0.271);
  }
}

@media (max-width: 460px) {
  #categories .category h6 {
    font-size: 12px;
  }
  #categories .category img {
    height: 80px;
    width: 80px;
  }
}

/* Athina Care Plan Section */

#care-plan {
  margin-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
}

#care-plan .row {
  border: 1px solid #840089;
  border-radius: 8px;
}

#care-plan .price {
  background-color: #840089;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: white;
  padding: 20px;
  display: flex;
  align-items: center;
}

#care-plan .price h2 {
  font-size: 24px !important;
  font-weight: 600;
  margin-bottom: 5px;
}

#care-plan .content {
  display: flex;
  align-items: center;
  padding: 15px;
}

#care-plan .content button {
  border: none;
  background-color: #9347ad;
  color: white;
  padding: 5px 20px 5px 20px;
  border-radius: 20px;
}

@media (max-width: 991px) {
  #care-plan {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  #care-plan .price {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    color: white;
  }
}

/* Body Checkup */

#body-checkup {
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

/* Organs Section */
#organs {
  margin-top: 40px;
  background-color: #fff4ff;
  padding-top: 50px;
  padding-bottom: 50px;
}
#organs .container {
  padding-left: 50px;
  padding-right: 50px;
}

/* Lab Tests Section */
#lab-tests {
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

/* Popular Radiology */
#popular-radiology {
  margin-top: 40px;
  background-color: #fff4ff;
  padding-top: 50px;
  padding-bottom: 50px;
}
#popular-radiology .container {
  padding-left: 50px;
  padding-right: 50px;
}

/* Radiology Tests */
#radiology-tests {
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

#radiology-tests .round-slider .circle {
  background-color: #fff4ff;
}

/* Special Surgery */
#special-surgery {
  /* margin-top: 40px; */
  background-color: #fff4ff;
  /* padding-top: 50px; */
  padding-bottom: 50px;
}
#special-surgery .container {
  padding-left: 50px;
  padding-right: 50px;
}

/* Home HealthCare Section */
#home-healthcare {
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

/* Blogs Section */
#blogs {
  margin-top: 30px;
  background-color: #fff4ff;
  padding-top: 50px;
  padding-bottom: 50px;
}
#blogs .container {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 767px) {
  #body-checkup,
  #organs .container,
  #lab-tests,
  #popular-radiology .container,
  #radiology-tests,
  #special-surgery .container,
  #home-healthcare,
  #blogs .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Testimonials Section */
#testimonials {
  margin-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 767px) {
  #testimonials {
    padding-left: 10px;
    padding-right: 10px;
  }
}