/* 
Theme Name: smilesolutions
Theme URI: https://www.keystride.com/
Description: A Dental Care Website 
Version:1.0
Author: Keystride
Author URI: https://www.keystride.com/
*/

/* 1. Base Font Settings */
html {
  font-size: 16px; /* Default base */
  font-weight: 400;
  line-height: 1.6;
}

body {
  font-family: "Manrope", sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}
h6 {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Overpass Mono", monospace;
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
}

/* 3. Headings and Paragraph Styles */
h1 {
  font-size: 2.986rem;
}

h2 {
  font-size: 2.488rem;
}

h3 {
  font-size: 2.074rem;
}

h4 {
  font-size: 1.625rem;
}

h5 {
  font-size: 1.44rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  font-size: 1rem;
  font-weight: 300;
}

a {
  font-weight: 300;
  text-decoration: none;
}
a:hover {
  color: #9c3e00;
}
li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}

li > b {
  font-weight: 600;
}

.btn {
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 30px;
  border-radius: 0px;
  border: none;
  transition: background 0.3s;
  font-family: "Overpass Mono", monospace;
}

.btn:focus,
.btn:focus-visible,
.btn:active {
  box-shadow: none;
  border: none;
  outline: none;
}

.btn.btn--icon > i {
  margin-left: 15px;
}

.btn-primary {
  background: rgba(227, 203, 178, 1);
  color: #9c3e00;
  transition: 0.3s ease 0.1s, color 0.3s ease 0.1s;
  width: 210px;
  text-align: center;
}

.btn-primary:hover,
.btn-secondary:hover {
  background: #d78a52 !important;
  color: #fff;
}

.btn-transparent.btn:hover {
  color: #000;
}

.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn-secondary:focus:active {
  background: #d78a52 !important;
}

.btn-secondary {
  background: #fff;
  color: #9c3e00;
  border: 1px solid #9c3e00;
  transition: 0.3s ease 0.1s, color 0.3s ease 0.1s;
  width: 210px;
  justify-content: center;
}

form input,
form select,
form textarea {
  width: 100%;
  border: 1px solid #d8c3a5;
  padding: 10px 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

form input:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
  outline: none;
}

form input::placeholder,
form textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

form p.lable {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #ebebeb;
}

form .submit-btn p {
  opacity: 1;
  margin-bottom: 0;
}

form option {
  font-size: 16px;
  background-color: #544e4c;
}

form input[type="submit"] {
  width: auto;
  font-size: 20px;
  background: #fff;
  color: #544e4c;
  margin-bottom: 0;
  padding: 10px 40px;
  box-shadow: none;
  outline: none;
  border: none;
}

form input[type="submit"]:hover {
  background: #d78a52;
  color: #fff;
}
h3.special-fonts {
  font-size: 3.5rem;
}
.text-justified {
  text-align: justify;
}
/*end*/

.bg-lightgray {
  background-color: #f0f0f0;
}
.bg-lightestgray {
  background-color: #fafafa;
}
.bg-darkgray {
  background-color: #c4c4c4;
}
.bg-darkestgray {
  background-color: #544e4c;
}
.bg-F8F4EF {
  background: #f8f4ef;
}
.bg-F6F1EB {
  background-color: #f6f1eb;
}
.bg-custom {
  background-color: #e3cbb2 !important;
}
.border-gray {
  border-color: #d1d1d1 !important;
}
.text-black {
  color: #000;
}
.fs-14 {
  font-size: 14px;
}

/*header*/
.header-top {
  background: rgba(246, 241, 235, 0.8);
}

.smile-solutions-nav {
  background: rgba(248, 244, 239, 0.7);
  backdrop-filter: blur(10px);
}

/* Sticky position on scroll */
.smile-solutions-header.is-sticky {
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 999999;
}
.smile-solutions-header.is-sticky .smile-solutions-nav {
  top: 0px;
}
.smile-solutions-header.is-sticky.is-sticky-full .smile-solutions-nav {
  top: 51px;
}

.header-top.hide-header-top {
  display: none !important;
}

/*sticky*/
/* Smooth animation */
.main-nav.sticky {
  position: absolute;
  top: 102px;
  width: 100%;
  z-index: 999;
}
header,
.main-nav {
  transition: transform 0.3s ease, top 0.3s ease;
}

/* Sticky header on scroll up */
header.sticky-up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transform: translateY(0);
}

/* Sticky nav when scrolling down */
.main-nav.sticky-down {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

/* Sticky nav below header on scroll up */
.main-nav.sticky-below-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}

/* Hide header when scrolling down */
header.hide {
  transform: translateY(-100%);
}
/*sticky ends*/

/* General Dropdown Styling */
.navbar-nav > li {
  position: relative;
}
.navbar-nav .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  /* background-color: #f0f0f0; */
  background-color: rgba(248, 244, 239, 1);
  backdrop-filter: blur(10px);
  z-index: 1000;
  padding: 0;
  list-style: none;
}
.navbar-nav .sub-menu li a {
  padding: 20px;
}
.navbar-nav .sub-menu li:hover > a {
  background: #cfcfcf;
  padding: 20px;
}

.navbar-nav .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
}

/* Menu Links */
.navbar-nav .menu-item > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.3s ease;
}
.navbar-nav .menu-item.current-menu-item > a {
  font-weight: 600;
}

.navbar-nav .menu-item > a:hover {
  /* background-color: #f2f2f2; */
  color: #000;
}

/* FontAwesome Angle Icons */
.navbar-nav .menu-item-has-children > a::after {
  content: "\f107"; /* angle-down */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 10px;
  display: inline-block;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.navbar-nav > .menu-item > a {
  padding: 5px 20px;
}

/* Deep nested: angle-right */
.navbar-nav .menu-item-has-children .menu-item-has-children > a::after {
  content: "\f107"; /* angle-down */
  margin-left: auto;
}

ul#menu-menu-1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.menu-item a {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
  text-decoration: none !important;
}
.menu-item-has-children {
  position: relative;
}
ul.sub-menu li a {
  font-size: 14px;
}
ul.sub-menu li a:hover {
  font-size: 14px !important;
}
ul.sub-menu {
  background-color: transparent;
}
ul.sub-menu .menu-item a {
  margin-left: 0;
  margin-bottom: 0px;
  border-bottom: 0.5px solid #bdbdbd;
}
.menu-item-has-children {
  position: relative;
}
ul.sub-menu li a {
  font-size: 14px;
}
.menu-items {
  background-color: #f0f0f0;
  padding: 10px 0;
}

.menu-items .current-menu-item a {
  color: #000 !important;
  font-weight: 700;
}
.menu-items li a:hover {
  color: #000 !important;
  font-weight: 700;
  font-size: 16px;
}
/* General Dropdown Styling */
/*header*/

/* Popup */
#rebrandModal .modal-dialog {
  max-width: 650px;
}
#rebrandModal .modal-content {
  border-radius: 0;
  background: rgba(248, 244, 239, 1);
}
#rebrandModal h4 strong {
  font-weight: 500 !important;
  color: #9c3e00;
}
#rebrandModal p strong {
  font-weight: 800 !important;
}
#rebrandModal .max-w-5 {
  width: 550px;
}
#rebrandModal .btn-welcome {
  width: 150px;
}
#rebrandModal .badge {
  position: absolute;
  left: -10px;
  display: inline-block;
  background: #9c3e00;
  color: white;
  padding: 10px 0px;
  font-family: monospace;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  width: 160px;
  height: 50px;
  border-radius: 0;
  line-height: 16px;
  margin-bottom: 0;
}
#rebrandModal .btn-close {
  position: absolute;
  right: 10px;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239C3E00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 15%;
}
#rebrandModal .btn-close:focus {
  outline: none;
  box-shadow: none;
}

/*banner*/
.front__page_banner_custom {
  min-height: 530px;
}
.banner-overlay-content {
  position: absolute;
  max-width: 580px;
  padding: 0 15px;
  z-index: 2;
  bottom: 10%;
  /* position: absolute;
  max-width: 570px;
  padding: 0 15px;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%); */
}
.banner-overlay {
  position: absolute;
  /* background: rgba(0, 0, 0, 0.3); */
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 40%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-title {
  color: #fff;
  font-weight: 300;
}
.banner-subtitle {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
/*banner*/

/*hs section*/
.higlighted-service-section .card-body {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(246, 241, 235, 0.8);
  height: 40%;
  backdrop-filter: blur(10px);
}
.higlighted-service-section .card {
  border: 2px solid #fff;
}
.higlighted-service-section .card:hover {
  border: 2px solid #dc8d64;
}
a.learn-more {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  min-width: 130px;
}
.hs-img {
  min-height: 685px;
}
/*hs section*/
/* our service section */
.our-services-grid img {
  border: 2px solid #fff;
}
.our-services-grid img:hover {
  border-color: #dc8d64;
}
.our-services-grid h6 {
  font-size: 15px;
}
/* Meet our Dentist */
.meet-ourdentist .card-body {
  background: rgba(246, 241, 235, 0.8);
  backdrop-filter: blur(20px);
}
.read-more {
  padding-left: 4px;
}
.read-more,
.read-more a {
  color: #9c3e00;
  font-weight: 600;
}
/* Easy finanving */
.easy-financing-section img {
  height: 60px;
  background: #fff;
  padding: 10px;
  border: 2px solid #e3cbb2;
  width: 180px;
}

/* Testimonial Section */
/* Make carousel items equal height */
.testimonial-carousel .owl-stage {
  display: flex;
}

.testimonial-carousel .owl-item {
  display: flex;
  height: auto !important;
}

.testimonial-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.why-us-wrapper {
  backdrop-filter: blur(20px);
  background: #f6f1ebcc;
  right: 50px;
  max-width: 400px;
}
.why-us-wrapper a {
  color: #9c3e00;
}

/* Our service page */
/* Outer border */
#mainServiceTabs {
  border: 1px solid #d7a07c;
  border-radius: 0px;
  overflow: hidden;
}

#mainServiceTabs .nav-item {
  flex: 1;
  text-align: center;
  position: relative;
  justify-content: center;
  display: flex;
}

#mainServiceTabs .nav-link {
  color: #000;
  border: none;
  border-radius: 0;
  background: #fff;
  font-size: 1rem;
  font-family: "Overpass Mono", monospace;
}

/* Vertical dividers between tabs */
#mainServiceTabs .nav-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 4%;
  height: 92%;
  width: 1px;
  background-color: #d7a07c;
}

/* Active tab */
#mainServiceTabs .nav-link.active {
  border-radius: 0;
  color: #c47038;
  background-color: #fff;
}

#mainServiceTabs .nav-link:focus,
#mainServiceTabs .nav-link:hover {
  color: #c47038;
}

/* Child tabs (left side) */
.services-tabs .nav-pills .nav-link {
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 10px 15px;
  color: #333;
}

.services-tabs .nav-pills .nav-link.active img {
  border: 2px solid #b35c2e;
}
.services-tabs .nav-pills .nav-link img {
  border: 2px solid #fff;
}
.services-tabs .nav-pills .nav-link img:hover {
  border: 2px solid #dc8d64;
}

/* Content */
.services-tabs .content-area h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

.services-tabs .btn-primary {
  background-color: #c1855e;
  border-color: #c1855e;
}

.services-tabs .btn-primary:hover {
  background-color: #a76a47;
  border-color: #a76a47;
}

/*intro section*/
.feature-grid .feature-box {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.feature-box img {
  width: 48px;
  height: 48px;
  margin-bottom: 15px;
}
.feature-box p {
  margin: 0;
  font-size: 15px;
  color: #222;
}
.feature-item {
  padding-bottom: 40px;
}
.feature-text {
  padding: 0 0px 0 40px;
  font-weight: 400;
}
.feature-text p {
  font-size: 1.375rem;
}
/*intro section*/

/*services section*/
.image-wrapper img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.services-content-box {
  border-radius: 30px;
  border: 1px solid #c8c8c8;
}
.active-page {
  color: #9c3e00;
}

/* wrapper */
.service-menu-carousel {
  --mask: 45px; /* reserved space for arrows */
  position: relative;
}

/* stage + nav layering */
.service-menu-carousel .owl-stage-outer {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 10px;
}

/* add padding only if nav is active */
.service-menu-carousel:not(:has(.owl-nav.disabled)) .owl-stage-outer {
  padding: 0 var(--mask);
}

/* overlays (masks) */
.service-menu-carousel:has(.owl-prev:not(.disabled))::before,
.service-menu-carousel:has(.owl-next:not(.disabled))::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--mask);
  background: #fff;
  z-index: 2;
  pointer-events: none;
}

/* Show overlay only if has-prev */
.service-menu-carousel.has-prev .owl-stage-outer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 100%;
  background: #fff;
  z-index: 2;
}

/* Show overlay only if has-next */
.service-menu-carousel.has-next .owl-stage-outer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
  background: #fff;
  z-index: 2;
}

.service-menu-carousel:has(.owl-prev:not(.disabled))::before {
  left: 0;
}
.service-menu-carousel:has(.owl-next:not(.disabled))::after {
  right: 0;
}

.service-menu-carousel .owl-prev.disabled,
.service-menu-carousel .owl-next.disabled {
  cursor: auto;
}

/* nav wrapper */
.service-menu-carousel .owl-nav {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none; /* only buttons clickable */
}

/* buttons */
.service-menu-carousel .owl-nav button {
  pointer-events: all;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
  font-size: 20px;
  background: #f6f1eb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

/* position buttons inside padding */
.service-menu-carousel .owl-prev {
  position: absolute;
  left: 8px;
}
.service-menu-carousel .owl-next {
  position: absolute;
  right: 8px;
}

/* hover + icons */
.service-menu-carousel .owl-nav button span {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #000;
}
.service-menu-carousel .owl-nav button:hover {
  background: #f6f1eb;
}
.service-menu-carousel .owl-nav button:hover span {
  color: #9c3e00;
}

.service-menu-carousel .owl-item a::after {
  content: "|";
  margin: 0 8px; /* spacing on both sides */
  color: #6c757d; /* muted color like Bootstrap's .text-muted */
}
.service-menu-carousel .owl-item:last-child a::after {
  content: ""; /* remove from last item */
}

/*answers*/
.answers-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; /* THIS ensures space between buttons */
}
/*answers*/

/*insta/fb widget*/
.insta-fb-widget {
  border: 10px solid #e3cbb2;
}
.ti-widget[data-wkey="feed-instagram"][data-style="custom-style"][data-widget-type="social"] {
  margin-bottom: 0 !important;
}
.ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore {
  display: none !important;
}

.ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn {
  background: #544e4c !important;
  color: #fff !important;
}

.ti-widget[data-wkey="feed-instagram"][data-style="custom-style"][data-widget-type="social"]
  .ti-widget-header
  .ti-header-btn
  .ti-btn,
.ti-widget[data-wkey="feed-instagram"][data-style="custom-style"][data-widget-type="social"]
  .ti-widget-header
  .ti-header-btn
  .ti-btn:hover {
  background: #544e4c !important;
  color: #fff !important;
  outline: none !important;
}
/*insta/fb widget*/

/*ssj*/
.ssj h3 {
  color: #ffffff;
  font-weight: 600;
  font-size: 56px;
  line-height: 64px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  color: #fff;
  text-align: left;
}
.ssj p {
  color: rgba(255, 255, 255, 0.7);
}
/*ssj*/

/*footer*/
.home .footer .border-bottom {
  border-top: 1px solid #d1d1d1 !important;
}
.footer h6 {
  font-size: 1.1rem;
  font-weight: 400;
}
.footer form .signup-updates .form-control:focus {
  box-shadow: none;
}
.footer form .signup-updates .form-control::placeholder {
  color: #d5baa8;
}
.footer form .signup-updates .form-control {
  border-radius: 0;
}
.footer form .signup-updates input[type="submit"] {
  border-radius: 0;
  width: 120px;
  margin: 0 auto;
  font-size: 1rem;
  text-align: center;
  padding: 0.375rem 0.75rem;
  height: 36px;
  box-sizing: border-box;
  color: #9c3e00;
  width: 80px;
  transition: background 0.3s ease 0.1s, color 0.3s ease 0.1s;
}
.footer form .signup-updates input[type="submit"]:hover {
  background: #d78a52 !important;
  color: #fff !important;
}
.footer form .signup-updates p {
  margin-bottom: 0;
}
.footer .hours {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer .hour-row {
  display: flex;
  align-items: center;
  font-weight: 300;
  /* font-size: 1rem; */
  line-height: 130%;
  color: #000;
}

.footer .hour-row .day {
  min-width: 80px;
  flex-shrink: 0;
  color: #000;
}

.footer .hour-row .colon {
  margin: 0 10px;
  flex-shrink: 0;
}

.footer .hour-row .time {
  flex: 1;
}
.footer-menu {
  text-align: center;
  margin: 15px 0;
}
.footer-menu .current-menu-item a {
  font-weight: 600;
}

.footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.footer-nav li {
  display: inline-block;
}

.footer-nav a {
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.2px;
  transition: color 0.3s ease;
}
.footer-nav a::after {
  content: " +";
  margin-left: 3px;
  color: #000;
  font-weight: 600;
}
.footer-nav a:hover:after,
.footer-nav a:hover {
  color: #9c3e00;
}
#scrollToTopBtn {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 30px;
  right: 15px;
  background-color: #f6f1eb;
  color: #9c3e00;
  border-radius: 50%;
  font-size: 18px;
  z-index: 9999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#scrollToTopBtn.show {
  opacity: 1;
  visibility: visible;
}

/*Thank You*/
.thank-you-page {
  text-align: center;
  padding: 150px 0px 50px 0;
}
.thank-you-page h1 {
  color: #9c3e00;
}
.thank-you-page .btn-primary {
  background-color: ##9c3e00;
  border-radius: 10px;
  color: #fff;
}
.thank-you-page .btn-primary:hover {
  background-color: #9c3e00;
}
.thank-you-page .content {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.thank-you-page .content img {
  width: 100%;
  height: auto;
  max-width: 590px;
  margin: 25px 0;
}

/*404*/
.error-404 {
  text-align: center;
  padding: 150px 0px 50px 0;
}
.error-404 h1 {
  color: #949494;
  font-weight: 600;
}
.error-404 h2 {
  color: #b0b6c5;
}
.error-404 .btn-primary {
  background-color: #9c3e00;
  border-radius: 10px;
  color: #fff;
}
.error-404 .btn-primary:hover {
  background-color: #9c3e00;
}
.error-404 img {
  width: 100%;
  height: auto;
  max-width: 590px;
  margin: 0 0 25px 0;
}

/*footer*/

/*About*/
.about-section .container {
  display: flex;
  gap: 58px;
}

.about-left {
  flex: 1 1 45%;
}

.about-left small {
  font-size: 14px;
  color: #555;
  display: block;
  margin-bottom: 8px;
}

.about-left h2 {
  font-size: 28px;
  margin-bottom: 16px;
}

.about-left p {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

.about-left img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

.about-right {
  flex: 1 1 45%;
  background-color: #544e4c;
  color: #fff;
  padding: 24px;
  border-radius: 12px;
}

.about-right small.from-us {
  font-size: 14px;
  color: #ccc;
  display: block;
  margin-bottom: 12px;
  text-align: right;
}

.about-right p {
  margin-bottom: 16px;
  color: #fff;
}
/*about*/

/*faq*/
.faq-section h2 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 30px;
}

.faq-item {
  border-bottom: 1px solid #ddd;
}
.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
  background: transparent;
  padding: 20px 0;
  font-size: 24px;
  font-weight: 400;
  cursor: pointer;
  color: #bababa; /* Default color */
  transition: color 0.3s ease;
}

.faq-question:not(.collapsed) {
  color: #000; /* Active color */
}

.faq-answer {
  /* display: none; */
  /* padding: 0 0 20px 0; */
  padding: 0;
  font-size: 18px;
}

.faq-question:not(.collapsed) .arrow {
  transform: rotate(180deg);
}

.arrow {
  width: 36px;
  height: 36px;
  transition: transform 0.3s ease;
}
.faq-question {
  outline: none;
  border: none;
}

.faq-question:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
/*faq*/

/* sis services */
.sis img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* sis services */

/*stats grid*/
.stats-grid {
  border: 1px solid #544e4c;
  border-radius: 1.5rem;
  padding: 2rem;
  margin-bottom: 70px;
}

.stat-item {
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
}

.stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: #e5e7eb;
}

.stat-number {
  font-size: 60px;
  font-weight: 500;
  color: black;
  line-height: 1;
}

.stat-label {
  font-size: 20px;
  color: black;
  font-weight: 300;
  line-height: 1.4;
}
/*stats grid*/

/*blog*/
.blog-wrapper a,
.blog-wrapper a:hover {
  text-decoration: none !important;
}
.card-img-top {
  object-fit: cover;
}
.rounded-20px {
  border-radius: 20px;
}

.blog-wrapper h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 45px;
  letter-spacing: 0.2px;
  width: 60%;
}

.blog-wrapper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #fff;
}

.blog-wrapper .card-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: rgba(0, 0, 0, 1);
}

.blog-wrapper .card-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #000;
}

.page-numbers > li {
  display: inline-block;
}

.page-numbers {
  padding: 5px 15px;
  margin: 0 0.25rem;
  color: #9c3e00;
  text-decoration: none;
  flex-direction: row;
  display: flex;
  list-style: none;
  justify-content: center;
}

.page-numbers:hover {
  color: #d78a52;
}

.page-numbers .current {
  background-color: #e3cab0;
  color: #9c3e00;
  border-color: #e3cab0;
  border-radius: 5px;
}

.page-numbers .current:hover {
  background-color: #d78a52;
  border-color: #d78a52;
  color: #fff;
}

.angled-arrow {
  transform: rotate(-30deg);
  display: inline-block;
}

.blogs-post-single .publish-date {
  color: #000;
}

.blogs-post-single p,
.blogs-post-single li {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  color: #393939;
}

.blogs-post-single li {
  margin-bottom: 10px;
}

.blogs-post-single li:last-child {
  margin-bottom: 0;
}

.blogs-post-single h1 strong,
.blogs-post-single h2 strong {
  font-weight: 600 !important;
}

.blogs-post-single h2 {
  font-weight: 600;
  font-size: 35px;
  line-height: 45px;
  letter-spacing: 0.2px;
  color: #000;
}

.blogs-post-single h3 {
  font-size: 1.75rem;

  font-weight: 400;
  letter-spacing: 0;
  color: #000;
}

.blogs-post-single h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0;
  color: #000;
}

.blogs-post-single .card-content {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #000;
}

.blogs-post-single .btn-link {
  color: #000;
  text-decoration: none;
}

.blogs-post-single .btn-link a,
.blogs-post-single .btn-link:hover a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
/*blog*/

/*candidate section*/
/* .candidate-section h2 {
  font-weight: 500;
  margin-bottom: 20px;
}

.candidate-section p {
  text-align: center;
  color: black;
  max-width: 800px;
  margin: 0 auto 40px auto;
}

.candidate-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.candidate-content .image img {
  max-width: 400px;
  width: 100%;
  border-radius: 8px;
}

.candidate-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.candidate-list li {
  font-size: 16px;
  margin-bottom: 16px;
  position: relative;
  padding-left: 24px;
}

.candidate-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-size: 24px;
  line-height: 1;
} */
/*candidate section*/

/*content section*/
.content-section.border-top {
  border-top: 1px solid #ddd;
}
/*content section*/

.ssj iframe,
.contact-section iframe {
  border-radius: 20px;
}

.ssj .wpcf7 form.invalid .wpcf7-response-output,
.ssj .wpcf7 form.unaccepted .wpcf7-response-output,
.ssj .wpcf7 form.payment-required .wpcf7-response-output,
.ssj .wpcf7 form .wpcf7-response-output {
  color: #fff;
}

/*bordered wrapper*/
.bordered-wrapper {
  border: 1px solid #d78a52;
  padding: 20px;
}

.grecaptcha-badge {
  display: none;
}

.care-credit-wrapper h4 {
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
}

.care-credit-wrapper p {
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  vertical-align: middle;
}

.care-credit-wrapper {
  background: #f0f0f0;
  border-radius: 20px;
}

.payment-option-wrapper {
  border: 1px solid #c5c5c5;
  border-radius: 20px;
}

.care-credit-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  vertical-align: middle;
}

.page-template-template-contact .journey-form .submit-btn p {
  margin-bottom: 0;
}
.dentist-divider {
  background-color: #d8c3a5;
  margin: 10px 0 20px;
}

.page-template-template-contact
  .payment-option-wrapper
  .care-credit-wrapper
  h4 {
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.2px;
  text-align: center;
}

.product-service-wrap img {
  width: 28px;
  margin-right: 10px;
}

.product-service-wrap .servicename {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #000;
}

.product-service-wrap h4 {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000;
}

.contact-section .contact-text {
  text-align: left;

  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.2px;
}

.contact-section .contact-img img {
  width: 120px;
  height: 120px;
}
.footer .wpcf7-not-valid-tip,
.footer .wpcf7 form.invalid .wpcf7-response-output,
.footer .wpcf7 form.unaccepted .wpcf7-response-output,
.footer .wpcf7 form.payment-required .wpcf7-response-output,
.footer .wpcf7 form.sent .wpcf7-response-output {
  font-size: 13px;
  margin: 10px 0;
}

.contact-section .payment-option-wrapper .care-credit-wrapper p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0;
  text-align: center;
}

.section10.bg-white .wpcf7-not-valid-tip {
  text-align: left;
}

.section10.bg-white .journey-form .wpcf7 form.sent .wpcf7-response-output,
.section10.bg-white .wpcf7 form.invalid .wpcf7-response-output,
.section10.bg-white .wpcf7 form.unaccepted .wpcf7-response-output,
.section10.bg-white .wpcf7 form.payment-required .wpcf7-response-output {
  color: #000 !important;
  margin: 15px 0;
}

.section10.bg-white .journey-form option {
  background-color: #fff;
}

.section10.bg-white .journey-form input,
.section10.bg-white .journey-form select,
.section10.bg-white .journey-form textarea {
  color: #000;
}

.section10.bg-white .journey-form input::placeholder,
.section10.bg-white .journey-form textarea::placeholder,
.section10.bg-white .journey-form select {
  color: #cacaca;
}
.section10.bg-white .journey-form select option {
  color: #000;
}

.section10.bg-white .col-md-4 p {
  color: #000;
  opacity: 1;
}

.section10.bg-white .journey-form p.lable {
  color: #000;
  opacity: 1;
  text-align: left;
}

.section10.bg-white p.desc {
  color: #000;
}

.section10.bg-white .journey-form p {
  text-align: left;
}

.section10.bg-white .journey-form input.contact-form-btn {
  background: #e3cbb2;
  color: #9c3e00;
  transition: background 0.3s ease 0.1s, color 0.3s ease 0.1s;
}

.section10.bg-white .journey-form input.contact-form-btn:hover {
  background: #d78a52 !important;
  color: #fff;
}
.circle-button-white {
  width: 55px;
  height: 55px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.circle-button-white .arrow-icon {
  width: 35px;
  height: 35px;
  transition: transform 0.6s ease;
}

.circle-button {
  width: 40px;
  height: 40px;
  border: 1.5px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.circle-button .arrow-icon {
  width: 20px;
  height: 20px;
  transition: transform 0.6s ease;
}

.circle-button:hover .arrow-icon,
.circle-button-white:hover .arrow-icon {
  transform: rotate(360deg);
}

/*owl carousel*/
/* .consultation-section {
  overflow: hidden;
}

.consultation-wrapper {
  position: relative; /* Needed for absolute positioning of the line */
/*display: flex;
  align-items: center;
  margin: 0 auto;
}
.consultation-wrapper::before {
  content: "";
  position: absolute;
  left: 190px;
  right: 0;
  top: 50%;
  height: 4px; /* Thickness of the line */
/*  background-color: #555; /* Change to match your design */
/*border-radius: 2px; /* Rounded edges */
/*z-index: 0; /* Behind everything */
/*}
.consultation-label::before {
  content: "";
  position: absolute;
  left: 180px; /* Adjust to align with your line visually */
/*top: 50.5%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #555; /* Same color as line */
/*border-radius: 50%;
  z-index: 1; /* Above the line */
/*}
.consultation-label h3 {
  font-size: 20px;
  color: #333;
  margin: 0 0 10px;
  font-weight: 400;
}

.consultation-label h2 {
  font-size: 36px;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.4;
  line-height: 150%;
}
.owl-nav .consultation-arrow {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #544e4c;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.owl-nav .consultation-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.951 12.332C15.5083 12.7745 15.5083 13.4921 15.951 13.9348L21.6748 19.6587C21.7528 19.7367 21.7528 19.8633 21.6748 19.9415L15.951 25.6653C15.5083 26.1079 15.5083 26.8255 15.951 27.2681C16.3935 27.7107 17.1111 27.7107 17.5536 27.2681L23.2775 21.5443C24.2408 20.5809 24.2408 19.0191 23.2775 18.0559L17.5536 12.332C17.1111 11.8893 16.3935 11.8893 15.951 12.332Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.consultation-container {
  position: relative;
  background: #f0f0f0;
  border: 1px solid #ccc4c2;
  border-radius: 20px;
  margin: 0px auto;
  padding: 20px 20px 20px 130px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
}

.owl-item:not(.active) .consultation-image {
  margin-left: -100px;
}

.consultation-image {
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translateY(-50%);
  width: 220px;
  height: 220px;
  flex-shrink: 0;
}
.consultation-image img {
  width: 220px;
  display: block;
}

.consultation-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.consultation-content h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 15px;
  display: flex;
  align-items: center;
}
.consultation-content .number {
  font-size: 96px;
  font-weight: 600;
  margin-right: 15px;
}

.consultation-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  font-weight: 300;
}
.consultation-arrow {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: #544e4c;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}
.consultation-arrow::before {
  content: ">";
  position: absolute;
  top: 50%;
  left: 50%;
  /* width: 16px;
  height: 16px; */
/*transform: translate(-50%, -50%);
  /* background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.951 12.332C15.5083 12.7745 15.5083 13.4921 15.951 13.9348L21.6748 19.6587C21.7528 19.7367 21.7528 19.8633 21.6748 19.9415L15.951 25.6653C15.5083 26.1079 15.5083 26.8255 15.951 27.2681C16.3935 27.7107 17.1111 27.7107 17.5536 27.2681L23.2775 21.5443C24.2408 20.5809 24.2408 19.0191 23.2775 18.0559L17.5536 12.332C17.1111 11.8893 16.3935 11.8893 15.951 12.332Z' fill='white'/%3E%3C/svg%3E"); */
/* background-repeat: no-repeat;
  background-size: contain; */
/*color: #fff;
  font-size: 20px; */
/*}
/*owl carousel*/

.about-us-meet-ourdentist .dentist-card:last-child .row {
  margin-bottom: 0 !important;
}
.patient-form-text p,
.patient-form-text h2 {
  text-align: left;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  transition: all 0.4s ease;
  transform: rotate(0deg);
  width: 30px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"><line x1="1" y1="26" x2="26" y2="1" stroke="rgba(0, 0, 0, 0.5)" stroke-width="2"/><line x1="1" y1="1" x2="26" y2="26" stroke="rgba(0, 0, 0, 0.5)" stroke-width="2"/></svg>');
  transition: all 0.4s ease;
  transform: rotate(90deg);
  width: 25px;
}

.blogs-post-single .title-container {
  color: #000;
  border-radius: 20px;
  background: rgba(204, 204, 204, 0.5);
}
.blogs-post-single .img-container img {
  border-radius: 20px;
}