/* ================================
   CUSTOM SITE RESTORE CSS
   Add after meciy-responsive.css
================================ */

/* Global image safety */
img {
  max-width: 100%;
}

/* Banner slider */
#slider {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.slide {
  width: 100%;
  display: none;
  animation-name: fade;
  animation-duration: 1s;
}

.slide img {
  width: 100%;
  display: block;
}

@keyframes fade {
  from { opacity: 0.5; }
  to { opacity: 1; }
}

.controls {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  font-size: 16px;
  padding: 15px 10px;
  background: #fff;
  color: #61b7b9;
  cursor: pointer;
  z-index: 5;
}

#left-arrow {
  left: 0;
}

#right-arrow {
  right: 0;
}

.doui {
  display: none;
}

/* Homepage services */
.sertt {
  padding: 60px 0;
}

.sertt h2 {
  font-size: 40px;
  color: #000;
  text-align: center;
}

.servcoij {
  padding-top: 40px;
}

.servcoij img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border: 1px solid #b9f7f9;
  border-radius: 8px;
}

.servnhi h3 {
  text-align: center;
}

.servnhi h3 a {
  font-size: 16px;
  color: #000;
  display: block;
  background-color: #b9f7f9;
  padding: 10px 6px;
  min-height: 70px;
  font-weight: 500;
  line-height: 28px;
}

.clak {
  width: 20%;
}

.eichd,
.jiskol,
.sitorp {
  position: relative;
}

.line {
  position: absolute;
  width: 18%;
  top: 81%;
  right: 41%;
}

/* Testimonials homepage */
.temp {
  padding-top: 60px;
  padding-bottom: 60px;
  background-size: cover;
}

.sitorp {
  margin-bottom: 20px;
}

.sitorp h2 {
  color: #000;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 10px;
}

.mains {
  padding: 20px;
  margin-top: 30px;
  border-radius: 15px;
  background: #b9f7f9;
  height: 300px;
  overflow-y: auto;
  border: 2px solid #ededed;
}

.mains img {
  width: 40px;
  height: 40px;
  padding-right: 8px;
  border-radius: 50%;
}

.mains h3 {
  font-size: 18px;
  padding-bottom: 5px;
  color: #000;
  margin-bottom: 2px;
  font-weight: 500;
}

.mains p {
  font-size: 15px;
  line-height: 28px;
  text-align: justify;
  margin-bottom: 0;
  color: #000;
  padding-top: 6px;
  padding-bottom: 3px;
}

.mains i {
  color: orange;
  font-size: 14px;
}

.mains span {
  padding-left: 10px;
  color: #5b5b5b;
  font-size: 14px;
  font-weight: 300;
}

.yono img {
  width: 120px;
  height: auto;
  border-radius: 0;
  padding-top: 10px;
}

/* Footer custom restore */
.site-footer {
  background-color: #6faaac;
}

.siaopsss {
  padding-top: 30px;
}

.feety img {
  width: 100%;
  border-radius: 6px;
}

.firuo p {
  color: #fff;
  font-size: 15px;
  text-align: justify;
  font-weight: 400;
  line-height: 29px;
}

.qyid ul {
  padding-left: 0;
  margin-bottom: 0;
}

.qyid ul li {
  list-style: none;
  padding: 5px 0;
}

.qyid ul li a {
  color: #fff;
  font-size: 15px;
}

.qyid ul li a i {
  padding-right: 8px;
}

.feetadd h3 {
  font-size: 20px;
  color: #fff;
  padding-bottom: 6px;
}

.feetadd p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  padding-bottom: 10px;
  line-height: 26px;
}

.feetadd p i {
  padding-right: 8px;
  padding-top: 8px;
}

.feetadd p a {
  color: #fff;
}

.fotur {
  padding-left: 80px;
}

.site-footer__bottom-inner {
  background-color: #367d7d;
  padding: 15px 25px;
}

.site-footer__bottom-text {
  color: #fff;
  font-size: 14px;
}

/* Fixed WhatsApp and call buttons */
.whts {
  background: #0fb81a;
  border: 2px solid #fff;
  border-radius: 30px 0 0 30px;
  padding: 1px 4px 2px 8px;
  text-align: center;
  position: fixed;
  right: 0;
  bottom: 62px;
  z-index: 999;
  width: 62px;
  border-right: none;
}

.whts img {
  width: 48px;
  float: left;
  margin-right: 5px;
  padding-top: 4px;
  padding-bottom: 2px;
}

.cal {
  background: #61b6b9;
  border: 2px solid #fff;
  border-radius: 30px 0 0 30px;
  padding: 1px 0 2px 12px;
  text-align: center;
  position: fixed;
  right: 0;
  bottom: 6px;
  z-index: 999;
  width: 60px;
  border-right: none;
}

.cal img {
  width: 43px;
  float: left;
  margin-right: 5px;
  padding-top: 5px;
}

/* Hospital cards */
.mainhis {
  text-align: center;
  background: #ffffff;
  border: 2px solid #d2d2d2;
  border-radius: 0 0 10px 10px;
}

.hoscon {
  padding: 5px 0;
  background: #66b6b7;
}

.hoscon h3 {
  font-size: 20px;
  color: #fff;
  padding: 6px 0;
  font-weight: 400;
}

.mrnty {
  padding: 0 10px 10px 10px;
  text-align: left;
}

.mrnty p {
  font-size: 15px;
  color: #000;
  line-height: 26px;
  display: flex;
  padding-top: 10px;
  margin-bottom: 0;
}

.mrnty p i {
  padding-right: 6px;
  padding-top: 8px;
  color: #66b6b7;
}

.hosatta iframe {
  margin-bottom: -3%;
  border-radius: 0 0 10px 10px;
}

/* Inner testimonial page */
.lamp {
  padding: 20px 0 60px 0;
}

.patie {
  padding: 20px;
  box-shadow: 0 0 3px #ddd;
  border-radius: 20px;
  background: #b9f7f9;
  margin-top: 30px;
}

.patie p {
  font-size: 16px;
  padding-top: 8px;
  color: #000;
  line-height: 29px;
  text-align: justify;
}

.patie h4 {
  font-size: 20px;
  color: #000;
  margin-bottom: 0;
}

.patie h4 img {
  padding-right: 10px;
  width: 50px !important;
}

.indost i {
  color: orange;
  font-size: 14px;
  padding-top: 18px;
}

/* Sidebar/service pages */
.inner {
  padding: 60px 0;
}

.baar ul {
  padding-left: 0;
  margin-bottom: 0;
}

.baar ul li {
  list-style: none;
  display: block;
}

.baar ul li a {
  background: #e5f9ff;
  color: #000;
  padding: 10px 0 10px 15px;
  margin: 2px 0;
  display: block;
  font-weight: 500;
  transition: 0.5s;
  font-size: 15px;
  text-transform: capitalize;
}

.baar ul li a:hover,
.baar ul li a.active {
  background: #b9f7f9;
  color: #000;
}

.ents {
  background: #61b6b9;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.action h2 {
  font-size: 23px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  line-height: 32px;
  border-radius: 2px;
  padding: 8px 0 8px 12px;
  margin-bottom: 16px;
  background: #b9f7f9;
}

.action img {
  margin: 0 auto;
  width: 100%;
  border: 4px solid #81868d3b;
}

.gapping {
  padding-top: 20px;
}

.gapping p {
  margin-bottom: 10px;
  line-height: 29px;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: justify;
}

.satay {
  padding: 15px 20px;
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

/* Responsive */
@media (max-width: 1024px) {
  .clak {
    width: 33.33%;
  }

  .fotur {
    padding-left: 15px;
  }
}

@media (max-width: 769px) {
  .line {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .feety img {
    width: 70%;
  }

  .baar {
    display: none;
  }
}

@media (max-width: 601px) {
  .clak {
    width: 50%;
  }
}

@media (max-width: 501px) {
  .clak {
    width: 100%;
  }

  .servnhi h3 a {
    font-size: 18px;
    min-height: inherit;
    color: #000;
    padding: 14px 6px;
  }
}

@media (max-width: 576px) {
  .controls {
    padding: 3px 4px;
    font-size: 12px;
  }
}

@media (max-width: 550px) {
  .sertt h2,
  .sitorp h2 {
    font-size: 30px;
  }
}