/* global styles */
:root{
    --base-font: "Poppins", "Segoe UI", Tahoma, "Helvetica Neue", Arial, sans-serif;
  }
  

  html, body {
    font-family: var(--base-font);
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin: 0;
  }
  

  h1, h2, h3, h4, h5, h6 {
    font-weight: 600; /* semi-bold */
  }
  
h2{
  font-size: 2.5rem !important;
}
  .small {
    font-weight: 300;
    font-size: 17px;
  }
  
p{
  font-size: 17px;
  color: #666;
  font-family: var(--base-font);
}

  
.navbar-expand-lg .navbar-nav .nav-link {
    border: 1px solid black !important;
    border-radius: 6px !important;
    padding: 6px 40px !important;
}


/* hero banner  */

.bg-banner-hero {
  background-image: url('../img/bg-banner.jpg');
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat;
  height: 550px;
}

h2.title-87m {
  color: #fff;
  font-size: 42px;
}
h1.main-heading-4bq {
  font-size: 68px;
  color: #fff;
}
p.desc-23r {
  color: #fff;
}
button.btn-6h9 {
  margin-top: 20px;
  border-radius: 10px;
  padding: 11px 34px;
  border: none;
  color: #fff;
  background-color: #2FA1E1;
}
button.btn-6h9:hover {
  background-color: #1c6d9c;
  cursor: pointer; /* optional: makes it clear it's clickable */
}

.booking-color {
  color: #2FA1E1;
} 

.appointment-section {
  padding: 90px 0px;
}
.icon-badge {
  text-align: center;
  padding: 10px;
  width: 20%;
  background-color: #2FA1E1;
}
.icon-badge img {
  width: 90%;
}
.feature-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 60px 24px;
  height: 100%;
  background: #fff;
}

.icon-badge {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  background: #2FA1E1;
  border-radius: 10%;
  margin: 0 auto 25px; /* center + space below */
}

.feature-title {
  font-weight: 600;
  margin: 8px 0;
}

.feature-text {
  color: #586176;
  margin: 0;
}

/* Optional: nice hover effect */
.feature-card:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
}




/* Why Use a Voice Agent  */


.appointment-feature {
  border: 1px solid #ddd;
  border-radius: 20px;
  align-items: center;
  padding: 29px;
  height: 100%;
  background: #fff;
}

.voice-agent-sec {
  background-color: #dbeafe7c;
  padding: 70px 0px ;
}

.appointment-feature h4 {
  padding-bottom: 6px;
  font-size: 20px;
}



/* testimoonil */


 /* Simple section heading */
 .eyebrow { letter-spacing: .15em;  font-size: 19px; color: #6c757d; }
 /* .title-lg { font-size: clamp(1.6rem, 2.5vw, 2.2rem); } */
 .title-lg .brand { color: #2da5ff; }


 /* Card */
 .testimonial-card{
   background: #fff;
   border: 1px solid #e9ecef;
   border-radius: 16px;
   padding: 42px 16px 16px; /* top space for avatar */
   text-align: center;
   color: #4a5568;
   height: 100%;
 }
 .testimonial-name{ font-weight:500; color:#ff9800; }
 .testimonial-role{ font-size: .9rem; color:#6c757d; }

 .avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid #fff;
  object-fit: cover;
  position: absolute;
  left: 50%;
  margin-top: 30px;
  top: 0;
  transform: translate(-50%, -50%); /* pura upar center karega */
  z-index: 10;
  background: #fff;
}


 /* Swiper basics */
 .swiper{ padding: 8px; }
 .swiper-slide{ height:auto; } /* allow card height */
 .swiper-button-next, .swiper-button-prev{ color:#fff; } /* default arrows in white on dark bg */


 .swiper-button-next,
 .swiper-button-prev {
     display: none !important;
 }
 .testi-wrap {
  margin-top: 49px;
}
 
.testimonials-sec{
    background-image: url('../img/testimonials-banner.jpg');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    margin-top: 30px;
    padding: 0px 0px 52px;
}
.testimonial-sec-1 {
  margin: 90px 0px;
}
.testimonial-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  padding: 42px 16px 16px;
  text-align: center;
  color: #4a5568;
  margin-top: 30px;
  height: 100%;
}



















  /* FAQ styles */
  .faq-btn {
    position: relative;
    width: 100%;
    text-align: left;
    padding: .75rem 0 .75rem 2.25rem; /* space for the icon */
    border: 0;
    background: transparent;
    color: #111;
    font-weight: 500;
    border-bottom: 1px solid #eee;
  }
  .faq-btn:focus { outline: none; box-shadow: none; }
  .faq-btn::before {
    content: '+';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px; 
    height: 30px;
    border: none;
    border-radius: 50%;
    display: grid; place-items: center;
    font-weight: 500;
    line-height: 1;
    font-size: 28px;
  }
  .faq-btn[aria-expanded="true"]::before { content: '−'; } /* minus sign */
  .faq-answer { color: #666; }

  input::placeholder {
    font-size: 14px; /* adjust as needed */
    font-weight: 300;
    color: #ffffff23;
}

.hero-div {
    display: flex;
    flex-direction: column;
    align-items: center; /* Horizontal center */
    justify-content: center; /* Vertical center */
    text-align: center;
    min-height: 100%; 
    padding: 120px 0px;
}

.faqsec-2 {
  padding-bottom: 90px;
}