html {
   scroll-behavior: smooth;
}

img {
   max-width: 100%;
   height: auto;
}

.header-area .logo img {
   max-width: 150px;
   height: auto;
}

.kh-top-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 12px;
}

.kh-action-btn,
.kh-floating-cta a {
   align-items: center;
   border-radius: 4px;
   display: inline-flex;
   font-weight: 700;
   gap: 6px;
   line-height: 1;
   text-decoration: none;
   transition: transform .2s ease, box-shadow .2s ease;
}

.kh-action-btn {
   background: #0b6f8f;
   color: #fff;
   font-size: 13px;
   min-height: 38px;
   padding: 10px 12px;
}

.kh-action-btn:hover,
.kh-action-btn:focus,
.kh-floating-cta a:hover,
.kh-floating-cta a:focus {
   color: #fff;
   text-decoration: none;
   transform: translateY(-1px);
}

.kh-action-btn.whatsapp,
.kh-floating-cta .whatsapp {
   background: #128c7e;
}

.kh-action-btn.appointment,
.kh-floating-cta .appointment {
   background: #f15b2a;
}

.kh-action-btn.map {
   background: #3949ab;
}

.kh-floating-cta {
   bottom: 18px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   position: fixed;
   right: 18px;
   z-index: 9999;
}

.kh-floating-cta a {
   box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
   color: #fff;
   font-size: 14px;
   min-height: 44px;
   padding: 12px 15px;
}

.kh-floating-cta .call {
   background: #0b6f8f;
}

.kh-local-seo {
   background: #f7fbfd;
   padding: 55px 0 35px;
}

.kh-local-seo .kh-card {
   background: #fff;
   border: 1px solid #e7eef2;
   border-radius: 6px;
   min-height: 190px;
   padding: 24px;
}

.kh-local-seo h2,
.kh-local-seo h3 {
   color: #1f2d3d;
}

.kh-local-seo ul {
   margin: 12px 0 0 18px;
}

.kh-local-seo li {
   color: #4b5b68;
   margin-bottom: 8px;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.callto-action-area input,
.callto-action-area select {
   font-size: 16px;
}

.contact-form button,
.callto-action-area button {
   min-height: 48px;
}

.kh-form-note {
   color: #667783;
   font-size: 13px;
   margin-top: 12px;
}

.kh-alert {
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 12px 15px;
}

.kh-alert-success {
   background: #e8f7ef;
   border: 1px solid #b7e4c7;
   color: #17643a;
}

.kh-alert-error {
   background: #fff0f0;
   border: 1px solid #ffc6c6;
   color: #9b1c1c;
}

@media only screen and (max-width: 991px) {
   .header-area .header-right {
      padding-left: 0 !important;
      padding-top: 15px !important;
   }

   .header-area .header-right ul li {
      margin-bottom: 12px;
   }

   .kh-local-seo .kh-card {
      margin-bottom: 18px;
      min-height: 0;
   }
}

@media only screen and (max-width: 767px) {
   body {
      padding-bottom: 76px;
   }

   .header-search {
      display: none;
   }

   .kh-top-actions {
      margin-bottom: 5px;
   }

   .kh-action-btn {
      flex: 1 1 calc(50% - 8px);
      justify-content: center;
   }

   .kh-floating-cta {
      background: #fff;
      border-top: 1px solid #e6edf1;
      bottom: 0;
      box-shadow: 0 -8px 24px rgba(0, 0, 0, .12);
      flex-direction: row;
      gap: 0;
      left: 0;
      right: 0;
   }

   .kh-floating-cta a {
      border-radius: 0;
      box-shadow: none;
      flex: 1 1 33.333%;
      font-size: 12px;
      justify-content: center;
      min-height: 58px;
      padding: 9px 6px;
      text-align: center;
   }

   .rev_slider_wrapper .slide-content-box h1 {
      font-size: 28px !important;
      line-height: 1.2 !important;
   }

   .callto-action-area .form-holder .single-box {
      width: 100% !important;
   }
}