.btn-appointment.active {
    color: #fff !important;
}

.btn-appointment.active::after {
    display: none;
}

.feature-item {
    flex-direction: column;
}

.footer {
    background-color: #1f365c;
}
.service-card{
    display: flex;
    flex-direction: column;

}
@media(max-width:992px){
    .container>div{
       display: flex;
       flex-direction: column;
    }
    .hero-main{
          display: flex;
       flex-direction: column;
    }
    .card-1{
        left: 5%;
    }
     .card-3{
        left: 10%;
    }

       .card-2{
        right: 10%;
    }
}

@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: flex;
        right: 2rem;
        top: 2rem;
    }
}


.langMenu {
  position: relative;
   }
  @media (max-width: 992px) {
    .langMenu {
      margin-left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      display: none; }

      }

      .langMenu.mobil{
        display: flex;
      }
  .langMenu__btn {
    position: relative; }
    .langMenu__btn::after {
      content: '';
      position: absolute;
      width: .9rem;
      height: .55rem;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background-image: url("../../img/down.svg");
      background-size: contain;
      transition: all .3s ease-in-out; }
      @media (max-width: 1199px) {
        .langMenu__btn::after {
          display: none; } }
    .langMenu__btn.active::after {
      transform: rotate(-180deg) translateY(-50%); }
  .langMenu a {
    font-size: 1rem;
    color: #00699d;
    text-decoration: none;
    line-height: normal;
    text-transform: capitalize; }
  .langMenu__drp {
    position: absolute;
    top: calc(100% + 15px);
    left: -100%;
    display: none;
    width: 4rem;
    background: #fff;
    box-shadow: 0 0 17px 0 #dedede;
    padding: .5rem 1rem;
    z-index: 20;
    border-radius:.6rem;
    z-index: 200000; }
    @media (max-width: 992px) {
      .langMenu__drp {
        display: block;
        position: relative;
        top: auto;
        left: auto;
        background-color: transparent; } }
    /* .langMenu__drp::before {
      border-color: transparent transparent #fff;
      border-style: solid;
      border-width: 0 7px 10px;
      bottom: 100%;
      content: "";
      height: 0;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      width: 0; } */
      @media (max-width: 1199px) {
        .langMenu__drp::before {
          display: none; } }
    @media (max-width: 992px) {
      .langMenu__drp {
        display: inline-block !important;
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        box-shadow: unset;
        width: auto; }

      .hero-title{
        text-align: center;
      }
      .hero-text-modern{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }}
    .langMenu__drp a {
      display: block;
      padding-bottom: 1rem;
      transition: all .2s ease-in-out;
      text-align: center;

      font-size: 1rem;
      color: #2625568c;
      line-height: normal;
      transition: all .2s ease-in-out; }
      .langMenu__drp a:first-child {
        padding-top: 1rem; }

      .langMenu__drp a:hover {
        color: #262556; }
      .langMenu__drp a img {
        width: 2rem;
        -o-object-fit: cover;
        object-fit: cover;
        margin-right: 1.5rem; }
        @media (max-width: 1199px) {
          .langMenu__drp a img {
            display: none; } }
      @media (max-width: 992px) {
        .langMenu__drp a {
          display: inline-block; }
          .langMenu__drp a:not(:last-child) {
            margin-right: 2rem; } }
      .langMenu__drp a:hover {
        opacity: 1; }

.doctor-image{
    height: 350px;
}
.doctor-card-detailed .doctor-image{
    height: 350px;
}
.service-number{
    display: none;
}
.service-icon{
    margin-left: auto;
    margin-right: auto;
}
.service-card p{
    text-align: center;
}
.service-card h3{
    text-align: center;

}
.footer-copyright p{
  color: #fff;
}
 a:focus{
  outline: unset;
}
.pagination{
  justify-content: flex-start;
  list-style-type: none;
}
.blog-article img{
  max-width: 100%;
  height: auto!important;
  object-fit: cover;

}

.staff-image{
  height: 330px;
}


.section-post-comments {
  background: #fff;
  padding-bottom: 60px;
  padding-top:0;
  font-family: "Open Sans", Arial, sans-serif;
  color: #333;
}
.section_wrapper {
  max-width: 800px;
  padding: 0 15px;
}
#comments-title {
  font-size: 24px;
  font-weight: 700;
  color: #222;
  margin-bottom: 30px;
  border-bottom: 2px solid #00a8a8;
  padding-bottom: 10px;
}
.commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment {
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 20px 25px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.comment.depth-2 {
  margin-left: 40px;
}
.comment:hover {
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.comment-author {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.comment-author img.avatar {
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin-right: 15px;
  border: 2px solid #00a8a8;
}
.comment-author .fn {
  font-weight: 600;
  color: #111;
  font-size: 16px;
}
.comment-author .says {
  color: #999;
  margin-left: 5px;
  font-size: 14px;
}
.comment-meta a {
  font-size: 13px;
  color: #aaa;
  margin-bottom: 10px;
  text-decoration:none;
}
.comment-body p {
  margin: 10px 0 0;
  line-height: 1.6;
  font-size: 15px;
  color: #444;
}
.comment .reply a {
  color: #00a8a8;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.comment .reply a:hover {
  color: #007d7d;
  text-decoration: underline;
}

/* Form Styling */
#respond {
  margin-top: 40px;
  background: #f9f9f9;
  border-radius: 14px;
  padding: 35px;
  border: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
#reply-title {
  font-size: 22px;
  font-weight: 700;
  color: #111;
  margin-bottom: 25px;
}
.comment-form label {
  display: block;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}
.comment-reply-title a{
    text-decoration:none;
    color:#007d7d;
}
.comment-form input[type="text"],
.comment-form textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 15px;
  color: #333;
  background: #fff;
  transition: all 0.3s ease;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}
.comment-form textarea {
  resize: vertical;
  min-height: 130px;
}
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
  border-color: #00a8a8;
  box-shadow: 0 0 0 3px rgba(0, 168, 168, 0.15);
  outline: none;
}
.comment-form ::placeholder {
  color: #aaa;
  font-size: 14px;
  font-weight: 400;
}
.comment-form .form-submit {
  margin-top: 20px;
  text-align: right;
}
.comment-form .submit {
  background: linear-gradient(90deg, #00a8a8, #009999);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.3px;
  border: none;
  border-radius: 10px;
  padding: 12px 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 168, 168, 0.3);
}
.comment-form .submit:hover {
  background: linear-gradient(90deg, #009999, #007d7d);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 168, 168, 0.4);
}
.comment-notes {
  font-size: 13px;
  color: #777;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .comment {
    padding: 15px;
  }
  .comment-author img.avatar {
    width: 50px;
    height: 50px;
  }
  #respond {
    padding: 25px 20px;
  }
  .comment-form .submit {
    width: 100%;
  }
}

@media (max-width: 992px) {
    .item-1{
        grid-row: 1 / 2;
    }
    .why-choose-us{
        padding-bottom: 0;
    }

}


.testimonial-card__content{
    position: relative;
}

.testimonial-card__google{
    width: 9rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.testimonial-card__google img{
    width: 100%;
    object-fit: cover;
}

.testimonial-stars{
    margin-bottom: 4rem;
}

.testimonial-content div:not(.testimonial-stars){
    display: none;
}
.splide__pagination{
    bottom: -4.5rem;
}
.faq-item.active .faq-answer{
    display: block;
}
.form-group label a{
    color: #000;
    text-decoration: none;
}

.logo-img{
  width: 240px;
}

.testimonial-card::before{
  display: none;
}


.testimonial-card{
  padding-top: 7rem;
}

.splide__arrow--next{
  right: -3rem;
}

.splide__arrow--prev{
  left: -3rem;
}


@media(max-width:992px){
.splide__arrow--next{
  right: 0;
}
.splide__arrow--prev{
  left: 0;
}
.header-content{
  flex-direction: row!important;
}

}

.read-more-btn{
  background-color: transparent;
  border: unset;
  outline: unset;
  color: #00699d;
}
.hero-image-main{
  height: 500px;
}



.nav-link:focus{
  outline: unset;
}
.footer span, .footer a{
  color: #fff!important;
  text-decoration: none;
}

.langMenu-mob{
    display: none;
}

@media(max-width:992px){
  .blog-sidebar{
    position: static;
  }

.langMenu-mob{
    display: block;
}
.langMenu__drp{
    padding-left: 2rem;
}
  .blog-page{
    padding: 40px 0;
  }
  .page-header {
    padding-bottom: 40px;
  }
  .blog-page-content{
    gap: 0;
  }
  .blog-card-page{
    display: flex;
    flex-direction: column;
  }
  .pagination {

    width: 100%;
    overflow-x: scroll;
    padding-bottom: 2rem;
}
.newsletter-form{
  width: 100%;
  max-width: 100%;
}
.newsletter-form-inner{
  max-width: 100%;
  min-width: 100%;
  flex-direction: column;
}
.newsletter-form-inner .btn{
  justify-content: center;;

}
.hero-actions{
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.hero-actions a{
  justify-content: center;
  width: 100%;
}
}
.map-placeholder{
  height: 100%;
}
.service-hover-content{
    background:transparent;
}
.working-hours {
  padding-left: 0;;
}

.related-doctors .doctor-image{
  height: 500px;
}