* {
  box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Montserrat-Regular";
  list-style-type: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

:focus-visible {
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat-Regular";
  box-sizing: border-box;
  overflow-x: hidden;
  --moz-box-sizing: border-box;
  --webkit-box-sizing: border-box;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #FAB16E;
}

::-webkit-scrollbar:horizontal {
  height: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  border-radius: 10px;
}

.btn {
  padding: 8px 20px;
  font-size: clamp(12px, 1.1vw, 18px);
  font-family: "Montserrat-Medium";
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.fillBtn {
  background-color: #F5CB20;
  color: #333;
}
.fillBtn:hover {
  background-color: #FFD966;
  color: #333;
}

.wtBgBtn {
  background-color: #fff;
  color: #333;
  border: 1px solid #E5E7EB;
}
.wtBgBtn:hover {
  background-color: #F5CB20;
  color: #333;
}

.lineBtn {
  background-color: transparent;
  color: #333;
  border: 1px solid #333;
}
.lineBtn:hover {
  background-color: #F5CB20;
  border-color: #F5CB20;
  color: #333;
}

.header-main {
  width: 100%;
  position: relative;
  z-index: 111;
}

.headerNavbar {
  width: 100%;
  padding: 0;
  position: relative;
  justify-content: space-between;
}

.headerLogo {
  position: relative;
  padding: 0;
}

.headerLogo img {
  height: 60px;
}

.headerNavbar-collapse {
  justify-content: end;
}

.headerNavbar-nav {
  gap: 30px;
  align-items: center;
}
.headerNavbar-nav li.nav-item {
  position: static;
}

.head-navLink {
  font-size: 16px;
  position: relative;
  font-family: "Montserrat-Medium";
  color: #333;
  padding: 30px 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media screen and (min-width: 1100px) {
  .head-navLink:hover,
  .head-navLink.active {
    color: #FFD966;
  }
  .head-navLink:hover:after,
  .head-navLink.active:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 26px;
    transform: translate(-50%, 0);
    width: 60%;
    height: 2px;
    background: #FFD966;
    border-radius: 30px;
    transition: 0.3s ease;
  }
}
.innerNav-logo {
  display: none;
}

.nav-btns {
  display: flex;
  gap: 10px;
}

/* ============ desktop view ============ */
/* Styles for desktop view with a minimum width of 992px */
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    top: 84px;
    width: 100%;
    margin-top: 0;
    border: 0;
  }
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
/* Adjustments for smaller screens to ensure proper layout and usability */
@media (max-width: 991px) {
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}
.headDropdown-menu {
  background: #F9F9F9;
  background: #F9F9F9;
}

/* ============ mobile view .end// ============ */
.main-top {
  width: 100%;
  position: relative;
  background-color: #FDFAEE;
}

.mainBanner-main {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}

.mainBanner-inner {
  width: 100%;
  position: relative;
}

.mainBanner-text {
  width: 100%;
  position: relative;
  height: 100%;
  align-content: center;
}
.mainBanner-text h2 {
  font-size: 52px;
  font-family: "Montserrat-Bold";
  color: #333;
}
.mainBanner-text h2 span {
  font-family: inherit;
  color: #F5CB20;
}
.mainBanner-text p {
  font-size: 18px;
  color: #666666;
}

.searchFilter {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 7px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(40, 50, 70, 0.08);
  gap: 0;
}
.searchFilter .search-input,
.searchFilter .location-input,
.searchFilter .insurance-input {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  position: relative;
  color: #8894ae;
  font-size: 13px;
}
.searchFilter .search-input input,
.searchFilter .location-input input,
.searchFilter .insurance-input input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  color: #333;
}
.searchFilter .search-input input::placeholder,
.searchFilter .location-input input::placeholder,
.searchFilter .insurance-input input::placeholder {
  color: #8894ae;
}
.searchFilter .search-input i,
.searchFilter .location-input i,
.searchFilter .insurance-input i {
  flex: 0 0 auto;
  font-size: 15px;
  color: #8090ad;
}
.searchFilter .search-input::after,
.searchFilter .location-input::after,
.searchFilter .insurance-input::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 30px;
  background: #d5dbe5;
  transform: translateY(-50%);
}
.searchFilter .search-input {
  flex: 1.5;
}
.searchFilter .location-input,
.searchFilter .insurance-input {
  flex: 0 0 145px;
}
.searchFilter .fillBtn {
  flex: 0 0 90px;
  height: 44px;
  margin-left: 7px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: #ffc51b;
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

.insuranceModal {
  /* Header */
  /* Body */
  /* Search */
  /* Plans area */
}
.insuranceModal .modal-dialog {
  width: 100%;
  margin: 30px auto;
}
.insuranceModal .modal-content {
  position: relative;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 60px rgba(35, 45, 60, 0.18);
}
.insuranceModal .modal-header {
  position: relative;
  height: 58px;
  padding: 0 24px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.insuranceModal .modal-back,
.insuranceModal .modal-close {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.insuranceModal .modal-back i,
.insuranceModal .modal-close i {
  font-size: 18px;
}
.insuranceModal .modal-back:hover,
.insuranceModal .modal-close:hover {
  background: #f5f6f8;
}
.insuranceModal .modal-back i {
  font-size: 17px;
}
.insuranceModal .modal-close i {
  font-size: 20px;
}
.insuranceModal .modal-body {
  padding: 0 38px 28px;
}
.insuranceModal .modal-body h2 {
  margin: 0 0 20px;
  color: #333;
  font-size: 26px;
  letter-spacing: -0.4px;
  font-family: "Montserrat-Bold";
  font-weight: 600;
}
.insuranceModal .modal-body h2 span {
  color: #FAB16E;
  font-family: inherit;
}
.insuranceModal .insurance-search {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 17px;
  margin-bottom: 22px;
  border: 1px solid #d8dce3;
  border-radius: 10px;
  background: #fff;
  transition: all 0.2s ease;
}
.insuranceModal .insurance-search i {
  flex: 0 0 auto;
  color: #7d8798;
  font-size: 15px;
}
.insuranceModal .insurance-search input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-family: inherit;
}
.insuranceModal .insurance-search input::placeholder {
  color: #9aa2b1;
}
.insuranceModal .insurance-search:focus-within {
  border-color: #FAB16E;
  box-shadow: 0 0 0 3px rgba(255, 197, 27, 0.12);
}
.insuranceModal .insurance-plans {
  width: 100%;
  height: 45dvh;
  max-height: 460px;
  overflow-y: auto;
  padding: 0 8px 5px 0;
  scrollbar-width: thin;
  scrollbar-color: #d3d7de transparent;
}
.insuranceModal .insurance-plans::-webkit-scrollbar {
  width: 5px;
}
.insuranceModal .insurance-plans::-webkit-scrollbar-track {
  background: transparent;
}
.insuranceModal .insurance-plans::-webkit-scrollbar-thumb {
  background: #d3d7de;
  border-radius: 10px;
}
.insuranceModal .insurance-plans h4 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  padding: 7px 4px 9px;
  color: #333;
  background: #fff;
  font-size: 15px;
  font-family: "Montserrat-SemiBold";
  border-bottom: 1px solid #edf0f3;
}
.insuranceModal .insurance-plans h4 i {
  color: #FAB16E;
  font-size: 14px;
}
.insuranceModal .insurance-plans .insurance-plan {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 43px;
  padding: 9px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #4b5360;
  text-align: left;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.insuranceModal .insurance-plans .insurance-plan:hover {
  padding-left: 16px;
  background: #fff9e6;
  color: #333;
}
.insuranceModal .insurance-plans .insurance-plan:focus-visible {
  outline: 2px solid #FAB16E;
  outline-offset: -2px;
}
.insuranceModal .insurance-plans .all-plans-title {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #e9ecf0;
}

.searchFilter .insurance-input::after {
  display: none;
}

.mainBanner-img {
  width: 100%;
  position: relative;
  perspective: 1200px;
}
.mainBanner-img .main-img {
  width: 100%;
  position: relative;
  text-align: center;
  perspective: 1200px;
}
.mainBanner-img .main-img::before, .mainBanner-img .main-img::after {
  content: "";
  position: absolute;
  top: 18%;
  left: -2%;
  height: 88%;
  width: 104%;
  border-radius: 100%;
  background-color: #FFF0BA;
  z-index: 0;
}
.mainBanner-img .main-img::after {
  animation: double-pulse 2.5s ease-out infinite;
  animation-delay: 1.25s;
}
.mainBanner-img .main-img img {
  width: 90%;
  position: relative;
  z-index: 1;
  transform-origin: center;
  will-change: transform;
}
@keyframes double-pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  60% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.mainBanner-img .banner-extra-img {
  position: absolute;
  right: 0;
  bottom: -40px;
  z-index: 11;
  filter: drop-shadow(0px 5px 12px rgba(82, 82, 82, 0.1)) drop-shadow(0px 81px 32px rgba(82, 82, 82, 0.01)) drop-shadow(0px 126px 35px rgba(82, 82, 82, 0));
  animation: float1 3s ease-out infinite;
}
.mainBanner-img .banner-extra-img1 {
  position: absolute;
  left: -10%;
  top: 20%;
  z-index: 11;
  filter: drop-shadow(0px 5px 12px rgba(82, 82, 82, 0.1)) drop-shadow(0px 81px 32px rgba(82, 82, 82, 0.01)) drop-shadow(0px 126px 35px rgba(82, 82, 82, 0));
  animation: float 3s ease-out infinite;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes float1 {
  0% {
    transform: translateY(12px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(12px);
  }
}

.secTitle {
  width: 100%;
  position: relative;
  text-align: center;
}
.secTitle h2 {
  font-size: 28px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  position: relative;
  width: fit-content;
  margin: auto;
}
.secTitle p {
  font-size: 14px;
  color: #666666;
  margin: 0;
  font-family: "Montserrat-Medium";
}
.secTitle.alt h2 {
  color: #fff;
}
.secTitle.alt h2::after {
  filter: brightness(10);
}
.secTitle.alt p {
  color: #fff;
}

.healthNeeds-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  overflow: hidden;
  z-index: 1;
}
.healthNeeds-main .container {
  height: 100%;
}

section.healthNeeds-main.indexBanner-logoSlider.withBg {
  background: #fdfaee;
}

.bannerLogo-slider-main {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.bannerLogo-slider-main .bannerLogo-slider-inner {
  display: flex;
  gap: 30px;
  margin: 0 15px;
  width: max-content;
  animation: marqueeScroll 15s linear infinite;
}

@keyframes marqueeScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.healthNeeds-inner {
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.healthNeeds-box {
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  text-align: center;
  padding: 20px;
  height: 100%;
  width: 220px;
  overflow: hidden;
}
.healthNeeds-box h4 {
  color: #333;
  font-family: "Montserrat-SemiBold";
  font-size: 16px;
  margin-top: 10px;
}
.healthNeeds-box .healthNeeds-boxImg {
  height: 80px;
  width: 80px;
  border-radius: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.healthNeeds-box .healthNeeds-boxImg img {
  height: 60%;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg1 {
  background-color: #EAE9FF;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg2 {
  background-color: #F1FFDB;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg3 {
  background-color: #C9F3FF;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg4 {
  background-color: #FFE5E4;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg5 {
  background-color: #D8FFDA;
}
.healthNeeds-box .healthNeeds-boxImg.boxImg6 {
  background-color: #FFD9F0;
}

.healthSpecials-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  overflow: hidden;
}

.healthSpecials-inner {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.healthSpecials-inner .row {
  row-gap: 30px;
}

.healthSpecials-inner-box {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.healthSpecials-box {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  padding: 20px;
  height: 100%;
  display: block;
  border: 1px solid #E6E6E6;
}
.healthSpecials-box:hover {
  background-color: #fff;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
}
.healthSpecials-box:hover .healthSpecials-boxImg {
  background-color: #F5CB20;
}
.healthSpecials-box:hover .healthSpecials-boxImg img {
  filter: invert(1) brightness(1000);
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
}
.healthSpecials-box h4 {
  color: #333;
  font-family: "Montserrat-SemiBold";
  font-size: 16px;
  margin-top: 10px;
}
.healthSpecials-box .healthSpecials-boxImg {
  height: 80px;
  width: 80px;
  border-radius: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #fffcee;
  border: 1px solid #fff2bf;
}
.healthSpecials-box .healthSpecials-boxImg img {
  height: 60%;
  fill: #F5CB20;
}

.healthSpecials-btn {
  width: 100%;
  position: relative;
  text-align: center;
}

.healthSpecials-empty {
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 35px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  background: #fff;
  text-align: center;
}

.healthSpecials-empty-icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #fff8df;
  color: #c49500;
}

.healthSpecials-empty-icon i {
  font-size: 22px;
}

.healthSpecials-empty h3 {
  margin: 0 0 7px;
  color: #333;
  font-family: "Montserrat-SemiBold";
  font-size: 18px;
  font-weight: 600;
}

.healthSpecials-empty p {
  margin: 0;
  color: #777;
  font-size: 14px;
}

.steps-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  background-color: #FFF0BB;
  overflow: hidden;
}

.steps-inner {
  width: 100%;
  position: relative;
  margin-top: 100px;
}
.steps-inner .row {
  row-gap: 100px;
}

.steps-box {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  height: 100%;
  display: block;
}
.steps-box:hover {
  background-color: #fff;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
}
.steps-box h4 {
  color: #333;
  font-family: "Montserrat-Bold";
  font-size: 20px;
  margin: 16px 0;
}
.steps-box .steps-boxImg {
  width: 100%;
  position: relative;
  margin-top: -100px;
}
.steps-box .steps-boxImg img {
  height: 200px;
  fill: #F5CB20;
}

.blogs-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  background-color: #FFF0BB;
}

.blogs-inner {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.blogs-inner .row {
  row-gap: 30px;
  justify-content: center;
}

.blog-box {
  width: 100%;
  position: relative;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.blog-img {
  width: 100%;
  position: relative;
  aspect-ratio: 4/2;
  overflow: hidden;
}
.blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-text {
  width: 100%;
  position: relative;
  padding: 20px;
}
.blog-text h6 {
  font-size: 14px;
  font-family: "Montserrat-SemiBold";
  color: #1182FC;
  text-transform: uppercase;
}
.blog-text h2 {
  font-size: 22px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin-bottom: 10px;
}
.blog-text p {
  font-size: 12px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin: 0;
}

.blogspage-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.blogspage-main .row {
  row-gap: 30px;
}

.blogDetails-main {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}

.blogDetails-img {
  width: 100%;
  position: relative;
  aspect-ratio: 4/1;
  overflow: hidden;
}
.blogDetails-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 20px;
}

.tableContent-main {
  width: 100%;
  position: sticky;
  top: 80px;
}
.tableContent-main #ez-toc-container {
  background: #f7f7f7;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: table;
  margin-bottom: 1em;
  padding: 20px;
  position: relative;
  width: auto;
}
.tableContent-main .ez-toc-btn.ez-toc-btn-default.ez-toc-toggle {
  display: none !important;
}
.tableContent-main .ez-toc-title {
  font-size: 22px;
  color: #FAB16E;
  font-family: "Montserrat-SemiBold";
}
.tableContent-main .ez-toc-title-container {
  margin-bottom: 20px;
}

.blogDetails-inner {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: -100px;
  padding: 20px;
}

.blogDetails-title {
  width: 100%;
  position: relative;
  padding: 0px;
  display: flex;
  align-items: start;
  gap: 12px;
  margin-bottom: 20px;
}
.blogDetails-title div {
  border-bottom: 1px solid #ebebeb;
}
.blogDetails-title h1 {
  font-size: 28px;
  font-family: "Montserrat-SemiBold";
  color: #FAB16E;
  margin-bottom: 4px;
}
.blogDetails-title p {
  font-size: 16px;
  color: #666666;
}
.blogDetails-title p span {
  font-size: inherit;
  color: inherit;
}
.blogDetails-title a {
  height: 35px;
  width: 35px;
  border-radius: 40px;
  background-color: #fff;
  border: 1px solid #FAB16E;
  color: #FAB16E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex: none;
}
.blogDetails-title a:hover {
  background-color: #FAB16E;
  color: #fff;
  text-decoration: none;
}

.blogDetails-content {
  width: 100%;
  position: relative;
  padding-left: 50px;
  padding-bottom: 30px;
  border-radius: 20px;
}

.blogDetails-content-left {
  width: 100%;
  position: relative;
}
.blogDetails-content-left h2 {
  font-size: 22px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  margin-top: 20px;
}
.blogDetails-content-left h3 {
  font-size: 18px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  margin-top: 20px;
}
.blogDetails-content-left ul {
  list-style-type: disc;
}
.blogDetails-content-left ul li {
  list-style-type: disc;
  font-size: 16px;
  color: #666666;
  margin-bottom: 10px;
}
.blogDetails-content-left p {
  font-size: 16px;
  color: #666666;
  margin-bottom: 20px;
}
.blogDetails-content-left p a {
  font-size: inherit;
  color: #333;
}

.blogDetailsContent-withImg {
  width: 100%;
  position: relative;
  display: flex;
  gap: 20px;
}

.blogDetailsContent-img {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  border-radius: 10px;
  aspect-ratio: 4/2;
  overflow: hidden;
}
.blogDetailsContent-img.right-img {
  aspect-ratio: 4/4;
}
.blogDetailsContent-img img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: block;
  object-fit: cover;
}

.blogDetailsContent-box {
  width: 100%;
  position: relative;
  padding: 30px;
  border-radius: 20px;
  background-color: #F5CB20;
}
.blogDetailsContent-box::after {
  content: "";
}
.blogDetailsContent-box h2 {
  font-size: 28px;
  font-family: "Montserrat-SemiBold";
  color: #fff;
  margin-top: 0;
  z-index: 1;
  position: relative;
}
.blogDetailsContent-box p {
  font-size: 16px;
  color: #fff;
  z-index: 1;
  position: relative;
}
.blogDetailsContent-box a {
  font-size: 14px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  z-index: 1;
  position: relative;
  display: inline-block;
}

.blogDetailsContent-features-main {
  width: 100%;
  position: relative;
  padding: 0px 0;
}
.blogDetailsContent-features-main .row {
  row-gap: 30px;
}

.blogDetailsContent-features-box {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
  border: 1px solid #e7e7e7;
}
.blogDetailsContent-features-box i {
  font-size: 28px;
  color: #FAB16E;
  margin-bottom: 12px;
}
.blogDetailsContent-features-box h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 8px;
  font-family: "Montserrat-SemiBold";
}
.blogDetailsContent-features-box p {
  font-size: 14px;
  color: #666666;
  margin: 0;
}

.blogDetails-content-right {
  width: 100%;
  position: sticky;
  top: 80px;
  padding-left: 10px;
  border-left: 1px solid #e0e0e0;
  min-width: 250px;
  flex: none;
}

.blogDetails-author-main {
  width: 100%;
  position: relative;
  margin-top: 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px;
  border: 1px solid #E7E7E7;
  display: flex;
  align-items: start;
  gap: 20px;
}

.blogDetails-author-left {
  height: 80px;
  width: 80px;
  border-radius: 50px;
  overflow: hidden;
  flex: none;
  border: 1px solid #FAB16E;
}
.blogDetails-author-left img {
  height: 100%;
  width: 100%;
}

.blogDetails-author-right h2 {
  margin: 0;
  font-size: 22px;
  font-family: "Montserrat-SemiBold";
  color: #FAB16E;
  margin-bottom: 4px;
}
.blogDetails-author-right p {
  text-align: justify;
  font-size: 16px;
  color: #666666;
  margin: 0;
  padding-right: 20px;
}

.listPractice-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  overflow: hidden;
}

.listPractice-inner {
  width: 100%;
  position: relative;
  padding: 50px;
  border-radius: 30px;
  background-color: #FAB16E;
  background-image: url(../images/be-a-doctor-bg.png);
  background-position: center;
  background-size: cover;
}
.listPractice-inner .row {
  align-items: center;
}

.listPractice-img {
  width: 100%;
  position: relative;
}
.listPractice-img img {
  width: 100%;
}

.listPractice-text {
  width: 100%;
  position: relative;
}
.listPractice-text h6 {
  font-size: 18px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  text-transform: uppercase;
}
.listPractice-text h2 {
  font-size: 38px;
  font-family: "Montserrat-Bold";
  color: #333;
}
.listPractice-text ul {
  margin: 20px 0;
}
.listPractice-text ul li {
  font-size: 18px;
  font-family: "Montserrat-Medium";
  color: #333;
  list-style-type: disc;
}
.listPractice-text .listPractice-btn {
  background-color: #666666;
  color: #FAB16E;
}

.testimonials-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  overflow: hidden;
}

.testimonials-slider {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.testimonials-slider .owl-dots {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px !important;
}
.testimonials-slider .owl-dots .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  background-color: #FDFAEE !important;
  border: 1px solid #F5CB20;
  margin: 0 !important;
  transition: 0.2s ease;
}
.testimonials-slider .owl-dots .owl-dot.active span {
  width: 50px !important;
  background-color: #F5CB20 !important;
  transition: 0.2s ease;
}

.testimonials-item {
  width: 100%;
  position: relative;
  background-color: #FDFAEE;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
.testimonials-item img,
.testimonials-item i {
  margin: auto;
  height: 50px;
  width: 50px !important;
  border-radius: 100%;
  border: 2px solid #F5CB20;
  object-fit: cover;
  background: #F5CB20;
  text-align: center;
  align-content: center;
}
.testimonials-item p {
  font-size: 16px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin: 20px 0;
}
.testimonials-item h4 {
  font-size: 20px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin-bottom: 4px;
}
.testimonials-item h6 {
  font-size: 12px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin: 0;
}

.foot-searchFilter {
  width: 100%;
  position: relative;
  margin-top: 50px;
  z-index: 111;
  overflow: hidden;
}

.foot-searchFilter-inner {
  width: 100%;
  position: relative;
  padding: 30px;
  border-radius: 20px;
  background-color: #F5CB20;
}
.foot-searchFilter-inner .row {
  align-items: center;
  row-gap: 30px;
}
.foot-searchFilter-inner .searchFilter {
  width: 100%;
}

.foot-searchFilter-text {
  width: 100%;
  position: relative;
}
.foot-searchFilter-text h2 {
  font-size: 32px;
  font-family: "Montserrat-Bold";
  color: #fff;
}

.footer-main {
  width: 100%;
  position: relative;
  padding-top: 50px;
  background-color: #2B2B2B;
}

.footer-logo {
  width: 100%;
  position: relative;
}
.footer-logo img {
  height: 60px;
  margin-bottom: 20px;
}
.footer-logo p {
  font-size: 14px;
  color: #F1F1F1;
  margin: 0;
}

.footer-inner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.footer-inner .row {
  row-gap: 30px;
}

.footSec {
  width: 100%;
  position: relative;
}
.footSec h4 {
  font-size: 22px;
  color: #F5CB20;
  font-family: "Montserrat-SemiBold";
}
.footSec h6 {
  font-size: 12px;
  color: #F1F1F1;
  font-family: "Montserrat-Medium";
  margin-top: 8px;
}
.footSec ul li {
  list-style-type: disc;
  color: #F1F1F1;
}
.footSec ul li a {
  font-size: 14px;
  color: #F1F1F1;
}
.footSec ul li a:hover {
  color: #FDFAEE;
  font-family: "Montserrat-Medium";
}
.footSec ul.social-links {
  display: flex;
  gap: 20px;
  padding: 0;
  margin: 0;
}
.footSec ul.social-links li {
  list-style-type: none;
}
.footSec ul.social-links li a {
  height: 30px;
  width: 30px;
  background-color: #F5CB20;
  border-radius: 30px;
  font-size: 14px;
  color: #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footSec ul.social-links li a i {
  font-size: 16px;
  color: #333;
}
.footSec ul.social-links li a:hover {
  background-color: #FFD966;
  color: #666666;
}

.foot-newsLetter {
  width: 100%;
  position: relative;
}
.foot-newsLetter form {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 30px;
}
.foot-newsLetter form p {
  margin: 0;
}
.foot-newsLetter form input {
  width: 100%;
  padding: 0 10px;
  border: 0;
  height: 100%;
  font-size: 12px;
}
.foot-newsLetter form .btn {
  flex: none;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.foot-newsLetter form .btn i {
  font-size: 20px;
}
.foot-newsLetter form .wpcf7-spinner {
  position: absolute;
}

.footer-bottom {
  width: 100%;
  position: relative;
  margin-top: 30px;
  padding: 18px 0;
  text-align: center;
  border-top: 1px solid #C1C1C1;
  display: flex;
  justify-content: space-between;
}
.footer-bottom p {
  font-size: 16px;
  color: #C1C1C1;
  margin: 0;
}
.footer-bottom p a {
  font-size: inherit;
  font-family: "Montserrat-Medium";
  color: inherit;
}
.footer-bottom p a:hover {
  color: #F5CB20;
}
.footer-bottom .footerLegalLinks {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
}
.footer-bottom .footerLegalLinks a {
  font-size: 16px;
  color: #C1C1C1;
  margin: 0;
  font-family: "Montserrat-Medium";
  position: relative;
}
.footer-bottom .footerLegalLinks a:last-child a {
  display: none;
}
.footer-bottom .footerLegalLinks a:after {
  content: "|";
  position: absolute;
  right: -15px;
  color: #C1C1C1;
}

.breadcrumb-bar {
  width: 100%;
  position: relative;
  padding: 30px 0;
  background-color: #FDFAEE;
  background-image: url(../images/pageBanner-bg.png);
  background-repeat: no-repeat;
  /* optional */
  background-size: cover;
  /* optional */
  background-position: center;
  /* optional */
}

.page-breadcrumb {
  width: 100%;
  position: relative;
  text-align: center;
}
.page-breadcrumb h2 {
  font-family: "Montserrat-Bold";
  color: #333;
}

.breadcrumb {
  justify-content: center;
  margin-bottom: 8px;
}
.breadcrumb li {
  font-family: "Montserrat-Medium";
  font-size: 14px;
}
.breadcrumb li.active {
  color: #666666;
  font-family: "Montserrat-Medium";
  font-size: 14px;
}
.breadcrumb li a {
  color: #F5CB20;
  font-size: inherit;
}

.about-section {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.about-section .row {
  align-items: center;
  row-gap: 30px;
}

.about-img-info {
  width: 100%;
  position: relative;
}
.about-img-info .about-img {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 25px;
}
.about-img-info .about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-img-info .about-box {
  background: #F5CB20;
  border-radius: 8px;
  margin: 15px 0 25px;
  padding: 45px 10px;
  text-align: center;
}
.about-img-info .about-box h4 {
  font-family: "Montserrat-Bold";
  color: #333;
  margin: 0;
}

.about-content-details {
  width: 100%;
  position: relative;
}
.about-content-details h6 {
  font-family: "Montserrat-Medium";
  font-size: 18px;
  color: #F5CB20;
  margin-bottom: 0;
}
.about-content-details h2 {
  font-size: 32px;
  margin-bottom: 30px;
  font-family: "Montserrat-Bold";
  color: #333;
}
.about-content-details p {
  font-size: 16px;
  color: #666666;
  margin-bottom: 16px;
}

.about-contact {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}
.about-contact .about-contact-icon {
  width: 50px;
  height: 50px;
  background-color: #F5CB20;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.about-contact .about-contact-icon i {
  font-size: 22px;
  color: #333;
}
.about-contact .about-contact-text p {
  font-size: 12px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin-bottom: 2px;
}
.about-contact .about-contact-text h4 {
  font-size: 22px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin: 0;
}

.whyChooseUs-main {
  width: 100%;
  position: relative;
}
.whyChooseUs-main .row {
  row-gap: 30px;
}

.whyChooseUs-inner {
  width: 100%;
  position: relative;
  margin-top: 30px;
  height: 100%;
}

.why-choose-card {
  width: 100%;
  position: relative;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
  text-align: center;
}
.why-choose-card:hover {
  transition: 0.2s ease;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
}

.why-choose-icon {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  margin: auto;
  background-color: #F5CB20;
  display: flex;
  justify-content: center;
  align-items: center;
}
.why-choose-icon img {
  height: 40px;
}

.why-choose-content {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.why-choose-content h4 {
  font-size: 22px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin-bottom: 10px;
}
.why-choose-content p {
  font-size: 14px;
  color: #666666;
  margin: 0;
}

.way-section {
  width: 100%;
  position: relative;
  margin: 30px 0;
}

.way-bg {
  background: #F5CB20;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}

.way-shapes-img {
  position: relative;
}
.way-shapes-img .way-shapes-left {
  position: absolute;
  top: 60px;
  right: 200px;
}
.way-shapes-img .way-shapes-right {
  position: absolute;
  right: 0;
}

.way-section-text {
  width: 100%;
  position: relative;
  padding: 70px;
}
.way-section-text h2 {
  font-size: 32px;
  color: #333;
  font-family: "Montserrat-Bold";
}
.way-section-text p {
  font-size: 16px;
  color: #666666;
}

.way-img {
  width: 100%;
  height: 100%;
  z-index: 11;
  position: relative;
}
.way-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.findFacility-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.findFacility-main .row {
  row-gap: 30px;
}

.findFacility-main-box {
  width: 100%;
  position: relative;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #dcdcdc;
  text-align: center;
  display: block;
  background: linear-gradient(#fff, #fff 50%, #F5CB20 50%, #F5CB20);
  background-size: 100% 200%;
  height: 100%;
}
.findFacility-main-box:hover {
  transition: 0.2s ease;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
  background-position: 100% 100%;
}
.findFacility-main-box:hover .findFacility-main-boxImg {
  background-color: #F5CB20;
}
.findFacility-main-box h4 {
  font-size: 20px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin: 0;
  position: relative;
  z-index: 11;
}

.findFacility-main-boxImg {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  margin: auto;
  background-color: #FAB16E;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 11;
}
.findFacility-main-boxImg img {
  height: 40px;
  filter: brightness(10);
}

.search-doctors-main {
  width: 100%;
  position: relative;
  margin-top: -30px;
}
.search-doctors-main .searchFilter {
  width: 60%;
  margin: auto;
  position: relative;
  border: 2px solid #F5CB20;
}

.doctorsGrid-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.doctorsGrid-main .row {
  row-gap: 30px;
}

.doctorsGrid-box {
  width: 100%;
  position: relative;
}

.doctorsGrid-box {
  width: 100%;
  position: relative;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
}
.doctorsGrid-box:hover {
  transition: 0.2s ease;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
}

.doctorsGrid-img {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: inherit;
  aspect-ratio: 16/9;
}
.doctorsGrid-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctorsGrid-img h6 {
  position: absolute;
  left: 12px;
  top: 12px;
  background-color: #FAB16E;
  padding: 6px 16px;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Montserrat-Medium";
  color: #333;
  margin: 0;
}

.doctorsGrid-content {
  width: 100%;
  position: relative;
  padding: 20px;
}
.doctorsGrid-content h6 {
  font-size: 14px;
  color: #F5CB20;
  position: relative;
  font-family: "Montserrat-SemiBold";
  margin: 0;
}
.doctorsGrid-content h6:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translate(0, -50%);
  width: 3px;
  height: 140%;
  background-color: #F5CB20;
}
.doctorsGrid-content h4 {
  font-size: 26px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin: 0;
  margin-top: 20px;
}
.doctorsGrid-content p {
  font-size: 14px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin: 0;
  margin-top: 10px;
}

.doctorsGrid-bottom {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.doctorsGrid-bottom .wishList {
  height: 30px;
  width: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c5c5c5;
  background-color: transparent;
  color: #c5c5c5;
}

.doctorDetails-highlights {
  width: 100%;
  position: relative;
}
.doctorDetails-highlights .row {
  row-gap: 30px;
}

.doctorDetails-highlights-box {
  width: 100%;
  position: relative;
}
.doctorDetails-highlights-box.withFlex {
  display: flex;
  gap: 10px;
  align-items: start;
}
.doctorDetails-highlights-box i {
  font-size: 18px;
  color: #FAB16E;
}
.doctorDetails-highlights-box i.withBg {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  background-color: #FAB16E;
  font-size: 18px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.doctorDetails-highlights-box h2 {
  font-size: 24px;
  font-family: "Montserrat-Bold";
  color: #FAB16E;
  margin-bottom: 10px;
}
.doctorDetails-highlights-box p {
  font-size: 16px;
  font-family: "Montserrat-Medium";
  color: #666666;
  padding-left: 22px;
}
.doctorDetails-highlights-box h6 {
  font-size: 20px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin-bottom: 10px;
  padding-left: 22px;
}
.doctorDetails-highlights-box ul {
  display: flex;
  flex: 1 1 auto;
  /* Corrected flex shorthand */
  flex-wrap: wrap;
  padding: 0;
  padding-left: 22px;
}
.doctorDetails-highlights-box ul li {
  position: relative;
  font-size: 14px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin: 0;
  flex: 1 1 50%;
  margin-bottom: 10px;
}
.doctorDetails-highlights-box ul li h6::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 5px;
  position: absolute;
  left: 0;
}
.doctorDetails-highlights-box .doctorsGrid-form {
  padding: 20px;
}
.doctorDetails-highlights-box .location {
  width: 100%;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
}
.doctorDetails-highlights-box .location iframe {
  flex: 1 1 50%;
  aspect-ratio: 4/3;
  border-radius: 20px;
  border: 0;
}
.doctorDetails-highlights-box .location .location-text i {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  font-size: 22px;
  margin-bottom: 10px;
}
.doctorDetails-highlights-box .location .location-text h6,
.doctorDetails-highlights-box .location .location-text p {
  padding-left: 0px;
}

.pageInp-submit .btn {
  width: 100%;
}

.doctorsGrid-form {
  width: 100%;
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
  border: 1px solid #e9e9e9;
  position: sticky;
  top: 20px;
}
.doctorsGrid-form .doctorsGrid-form-title {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.doctorsGrid-form .doctorsGrid-form-title h2 {
  font-size: 22px;
  font-family: "Montserrat-Bold";
  color: #FAB16E;
}
.doctorsGrid-form .doctorsGrid-form-title p {
  font-size: 12px;
  color: #666666;
}
.doctorsGrid-form .row {
  row-gap: 18px;
}

.pageInp {
  width: 100%;
  position: relative;
}
.pageInp label {
  font-size: 14px;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin-bottom: 4px;
}
.pageInp input,
.pageInp select,
.pageInp textarea {
  width: 100%;
  color: #333;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.patientSelect-btns {
  width: 100%;
  position: relative;
  display: flex;
  gap: 10px;
}
.patientSelect-btns .patientSelect-label {
  width: 100%;
  position: relative;
}
.patientSelect-btns .patientSelect-label input {
  opacity: 0;
  position: absolute;
}
.patientSelect-btns .patientSelect-label input + span {
  width: 100%;
  display: block;
  background-color: transparent;
  border: 1px solid #ccc;
  color: #333;
  padding: 6px 20px;
  font-size: 14px;
  font-family: "Montserrat-Medium";
  border-radius: 0.25rem;
  text-align: center;
}
.patientSelect-btns .patientSelect-label input:checked + span {
  background-color: #F5CB20;
  border-color: #F5CB20;
}
.patientSelect-btns .patientSelect-label input:checked + span:hover, .patientSelect-btns .patientSelect-label input:checked + span:focus, .patientSelect-btns .patientSelect-label input:checked + span:active {
  background-color: #F5CB20;
}

/* Right Drawer Modal */
.doctorDetails-modal.modal.right .modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  width: 90%;
  max-width: 90%;
  height: 100%;
  overflow: auto;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  z-index: 1055;
  /* Ensure it's above backdrop */
}
.doctorDetails-modal.modal.right .modal-title {
  font-size: 18px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin: 0;
}

.doctorDetails-modal.modal.right.show .modal-dialog {
  transform: translateX(0);
}

.doctorDetails-modal .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
  overflow-y: auto;
}

.contactUs-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.contactUs-main .row {
  row-gap: 10px;
}

.contactUs-left {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contactUs-leftBox {
  width: 100%;
  position: relative;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  padding: 20px;
}
.contactUs-leftBox:hover {
  transition: 0.2s ease;
  box-shadow: 0px 8px 18px 1px rgba(0, 0, 0, 0.06);
}
.contactUs-leftBox i {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  background-color: #FAB16E;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-bottom: 10px;
}
.contactUs-leftBox h2 {
  font-size: 24px;
  font-family: "Montserrat-Bold";
  color: #333;
}
.contactUs-leftBox p {
  font-size: 14px;
  color: #666666;
}
.contactUs-leftBox h3 {
  color: #333;
  font-family: "Montserrat-Medium";
  font-size: 14px;
}
.contactUs-leftBox h3 a {
  font-size: inherit;
  font-family: inherit;
  color: #FAB16E;
}
.contactUs-leftBox h3 a:hover {
  color: #F5CB20;
}

.listPracticeBanner-main {
  width: 100%;
  position: relative;
  padding: 100px 0;
  background-color: #FDFAEE;
}
.listPracticeBanner-main .row {
  row-gap: 30px;
  align-items: center;
}

.listPracticeBanner-img {
  width: 100%;
  position: relative;
}
.listPracticeBanner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.listPracticeBanner-text {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.listPracticeBanner-text h2 {
  font-size: 38px;
  font-family: "Montserrat-Bold";
  color: #333;
  margin-bottom: 10px;
}
.listPracticeBanner-text p {
  font-size: 16px;
  width: 80%;
  font-family: "Montserrat-Medium";
  color: #666666;
  margin-bottom: 20px;
}

.noRiskSec-main {
  width: 100%;
  position: relative;
  padding: 30px 0;
  background-color: #F5CB20;
}

.noRiskSec-inner {
  width: 60%;
  margin: auto;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
}
.noRiskSec-inner a {
  width: 100%;
}

.noRiskSecInner-title {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.noRiskSecInner-title h2 {
  font-size: 28px;
  font-family: "Montserrat-Bold";
  color: #FAB16E;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}

.noRiskSecInner-table {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}

.noRiskSecInner-box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.noRiskSecInner-box .noRiskSecInner-boxText h3 {
  font-size: 18px;
  font-family: "Montserrat-SemiBold";
  color: #333;
  margin-bottom: 6px;
}
.noRiskSecInner-box .noRiskSecInner-boxText p {
  width: 90%;
  font-size: 14px;
  color: #666666;
  margin: 0;
}
.noRiskSecInner-box h6 {
  font-size: 16px;
  font-family: "Montserrat-SemiBold";
  color: #FAB16E;
  margin: 0;
}

.articleSec-main {
  width: 100%;
  position: relative;
  background-color: #FFF0BB;
  padding: 30px 0;
  margin: 30px 0;
  overflow: hidden;
}

.articleSec-inner {
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.articleSec-inner .row {
  row-gap: 30px;
}

.articles-inner {
 width: 100%;
    height: 100%;
    border-radius: 20px;
    position: relative;
    background-color: #F6F6F6;
    display: block;
    overflow: hidden;
}
.articles-inner img {
    aspect-ratio: 4/2.5;
    width: 100%;
    object-fit: cover;
}

.articles-inner-text {
  z-index: 1;
  width: 100%;
  position: relative;
  padding: 30px 20px;
}
.articles-inner-text h6 {
  font-size: 16px;
  font-family: "Montserrat-SemiBold";
  background-color: #f7dcc4;
  color: #333;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 6px;
  margin-bottom: 10px;
}
.articles-inner-text h2 {
  font-size: 26px;
  font-family: "Montserrat-Bold";
  color: #333;
}
.articles-inner-text p {
  font-size: 18px;
  color: #666666;
  margin: 0;
  font-family: "Montserrat-SemiBold";
}

.hero-parallax {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  perspective: 1200px;
}

.hero-svg {
  position: absolute;
  right: -8%;
  top: 50%;
  width: 80%;
  transform: translateY(-50%);
}

.hero-svg path {
  transform-origin: center;
  will-change: transform;
}

.doc-pageBanner-main {
  width: 100%;
  position: relative;
}
.doc-pageBanner-main .doc-pageBanner-inner {
  width: 100%;
  position: relative;
  text-align: center;
  background: #333;
  padding: 40px 10px;
  border-radius: 30px;
}
.doc-pageBanner-main .doc-pageBanner-inner svg,
.doc-pageBanner-main .doc-pageBanner-inner img {
  height: 60px;
}
.doc-pageBanner-main .doc-pageBanner-inner h1 {
  font-family: "Montserrat-Bold";
  color: #fff;
  font-size: clamp(18px, 2.6vw, 40px);
  margin-top: 10px;
  margin-bottom: 0;
}
.doc-pageBanner-main .doc-pageBanner-inner p {
  font-size: clamp(12px, 1vw, 18px);
  margin: auto;
  opacity: 0.8;
  font-family: "Montserrat-Medium";
  color: #fff;
}
.doc-pageBanner-main .searchFilter {
  margin: auto;
  margin-top: 20px;
  width: 60%;
}

.providers-main {
  width: 100%;
  margin: 30px 0;
  padding: 30px 0;
}

.provider-card-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20PX;
  margin-top: 30px;
}

.provider-btn {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 30px;
}

.provider-card {
  position: relative;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e5e9;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  transition: all 0.25s ease;
}
.provider-card:hover {
  border-color: #ffc51b;
  box-shadow: 0 8px 25px rgba(30, 40, 55, 0.09);
  transform: translateY(-2px);
}
.provider-card .provider-image {
  width: 52px;
  height: 52px;
  margin-bottom: 9px;
  border-radius: 50%;
  overflow: hidden;
  background: #fed337;
  border: 1px solid #e5e8ed;
  text-align: center;
  align-content: center;
}
.provider-card .provider-image span {
  color: #333;
  font-family: "Montserrat-Medium";
}
.provider-card .provider-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.provider-card .provider-name {
  margin: 0 0 4px;
  color: #333;
  font-size: 18px;
  font-family: "Montserrat-Bold";
  font-weight: 600;
}
.provider-card .provider-specialty {
  margin: 0 0 4px;
  color: #697386;
  font-size: 14px;
  font-family: "Montserrat-Medium";
  color: #FAB16E;
}
.provider-card .provider-bio {
  display: -webkit-box;
  margin: 0 0 8px;
  overflow: hidden;
  color: #70798a;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.provider-card .provider-languages {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 4px 8px;
  border-radius: 12px;
  background: #f2f5f8;
  color: #526071;
  font-size: 12px;
  font-family: "Montserrat-Medium";
}
.provider-card .provider-price {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 4px 8px;
  border-radius: 12px;
  background: #fff5d6;
  color: #7b6200;
  font-size: 12px;
  font-family: "Montserrat-Medium";
}
.provider-card .provider-rating {
  display: block;
  margin: 0;
  padding-top: 5px;
  color: #596273;
  font-size: 14px;
  border-top: 1px solid #edf0f3;
}
.provider-card .provider-rating .patient-search-stars {
  color: #FAB16E;
  font-size: 20px;
}

.insurance-sec-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}
.insurance-sec-main .insurance-sec-inner {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin: 20px 0;
}
.insurance-sec-main .insurance-sec-inner .insurance-box {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  align-content: center;
  padding: 20px;
  height: 100%;
  display: block;
  border: 1px solid #E6E6E6;
}
.insurance-sec-main .insurance-sec-inner .insurance-box img {
  width: 100%;
}
.insurance-sec-main .insurance-sec-inner .insurance-box span {
  font-size: 16px;
  color: #666666;
  font-family: "Montserrat-Medium";
}
.insurance-sec-main .insurance-btn {
  width: 100%;
  position: relative;
  text-align: center;
}

.cities-section {
  width: 100%;
  padding: 30px 0;
  background: #FFF0BB;
}
.cities-section .cities-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;
  align-items: start;
  margin-top: 30px;
}
.cities-section .cities-column {
  min-width: 0;
}
.cities-section .city-item {
  width: 100%;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.cities-section .city-item:last-child {
  border-bottom: 0;
}
.cities-section .city-title {
  width: 100%;
  min-height: 68px;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  color: #333;
  font-size: 16px;
  font-family: "Montserrat-SemiBold";
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}
.cities-section .city-title span {
  font-family: "Montserrat-SemiBold";
  display: block;
}
.cities-section .city-title i {
  flex: 0 0 auto;
  color: #333;
  font-size: 12px;
  transition: transform 0.25s ease;
}
.cities-section .city-title:hover {
  color: #FAB16E;
}
.cities-section .city-title:hover i {
  color: #FAB16E;
}
.cities-section .city-title:not(.collapsed) {
  color: #333;
}
.cities-section .city-title:not(.collapsed) i {
  transform: rotate(180deg);
  color: #FAB16E;
}
.cities-section .city-title:focus {
  outline: none;
  box-shadow: none;
}
.cities-section .city-title:focus-visible {
  outline: 2px solid rgba(245, 203, 32, 0.5);
  outline-offset: 3px;
  border-radius: 3px;
}
.cities-section .city-content {
  padding: 0 0 18px;
}
.cities-section .city-content a {
  display: block;
  width: fit-content;
  margin-bottom: 8px;
  color: #666666;
  font-size: 14px;
  font-family: "Montserrat-Medium";
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}
.cities-section .city-content a:last-child {
  margin-bottom: 0;
}
.cities-section .city-content a:hover {
  color: #FAB16E;
  text-decoration: underline;
}

.ctaSec-main {
  width: 100%;
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
}

.ctaSec-inner {
  background-image: url(../images/cts-bg.png);
  width: 100%;
  position: relative;
  padding: 50px;
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  text-align: center;
  background-repeat: no-repeat;
}
.ctaSec-inner h2 {
  font-size: clamp(22px, 2.6vw, 38px);
  color: #333;
  font-family: "Montserrat-Bold";
}
.ctaSec-inner p {
  font-size: clamp(14px, 1.2vw, 18px);
  width: 80%;
  margin: auto;
}
.ctaSec-inner a {
  margin-top: 20px;
}
.ctaSec-inner a:hover {
  background: transparent;
  color: #fff;
}

.value-props-section {
  width: 100%;
  padding: 30px 0;
}
.value-props-section .value-props {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding: 32px 20px;
  background: #FDFAEE;
  border: 1px solid rgba(245, 203, 32, 0.18);
  border-radius: 18px;
  overflow: hidden;
}
.value-props-section .value-prop-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 100px;
  padding: 10px 35px;
}
.value-props-section .value-prop-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: calc(100% - 20px);
  background: rgba(51, 51, 51, 0.1);
}
.value-props-section .value-prop-icon {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FAB16E;
}
.value-props-section .value-prop-icon i {
  font-size: 22px;
  color: #333;
}
.value-props-section .value-prop-content {
  min-width: 0;
}
.value-props-section .value-prop-title {
  margin-bottom: 4px;
  color: #333;
  font-size: 28px;
  font-family: "Montserrat-Bold";
}
.value-props-section .value-prop-content p {
  margin: 0;
  color: #666666;
  font-size: 14px;
  font-family: "Montserrat-Regular";
}

.provider-details {
  width: 100%;
  margin: 0 auto;
  padding: 20px 16px;
  font-family: "Montserrat-Regular";
  color: #666666;
}
.provider-details .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.provider-details .provider-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.provider-details .provider-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 22px;
  padding: 2px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-family: "Montserrat-Medium";
  white-space: nowrap;
  letter-spacing: 0.3px;
}
.provider-details .provider-tag--yellow {
  background: #FDFAEE;
  color: #8B7500;
}
.provider-details .provider-tag--gold {
  background: #FFF8E7;
  color: #8A6D00;
}
.provider-details .provider-tag--green {
  background: #E6F7ED;
  color: #0A6B3A;
}
.provider-details .provider-tag--blue {
  background: #ECF3FD;
  color: #1A5BA8;
}
.provider-details .provider-hero {
  padding: 24px;
  border-radius: 12px;
  background: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease;
}
.provider-details .provider-hero:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.provider-details .provider-hero-top {
  width: 100%;
  display: flex;
  align-items: start;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #575757;
  flex-wrap: wrap;
}
.provider-details .provider-profile {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1;
}
.provider-details .provider-avatar {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F5CB20;
  color: #333;
  font-size: 20px;
  font-family: "Montserrat-Bold";
  flex-shrink: 0;
}
.provider-details .provider-avatar span {
  font-family: "Montserrat-SemiBold";
}
.provider-details .provider-profile-content {
  min-width: 0;
}
.provider-details .provider-profile-content h1 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 22px;
  font-family: "Montserrat-Bold";
  letter-spacing: -0.3px;
}
.provider-details .provider-meta {
  margin: 0 0 8px;
  color: #a0a0a0;
  font-size: 14px;
  font-family: "Montserrat-Regular";
}
.provider-details .provider-meta span {
  margin: 0 4px;
  color: #B0B8C4;
}
.provider-details .provider-actions {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  flex-wrap: wrap;
}
.provider-details .provider-actions .provider-month {
  width: 100%;
}
.provider-details .provider-actions .provider-month .provider-nectMonth h3 {
  color: #fff;
}
.provider-details .provider-actions .provider-nectMonth-btn a {
  color: #fff !important;
  border-color: #fff !important;
}
.provider-details .provider-availability {
  width: 100%;
}
.provider-details .provider-availability-title {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat-SemiBold";
}
.provider-details .provider-slot-list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}
.provider-details .provider-slot {
  min-height: 48px;
  padding: 5px 4px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-family: "Montserrat-Regular";
  font-size: 10px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.provider-details .provider-slot strong,
.provider-details .provider-slot span {
  display: block;
}
.provider-details .provider-slot strong {
  margin-bottom: 3px;
  font-family: "Montserrat-SemiBold";
  font-size: 12px;
}
.provider-details .provider-slot:hover:not(:disabled), .provider-details .provider-slot:focus-visible {
  border-color: #F5CB20;
  background: rgba(245, 203, 32, 0.18);
}
.provider-details .provider-slot--unavailable {
  cursor: not-allowed;
  opacity: 0.5;
}
.provider-details .patient-provider-slot-grid-main {
  width: 100%;
  position: relative;
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #E1E4E8;
}
.provider-details .patient-provider-slot-grid-main h2 {
  font-size: 12px;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 7px;
}
.provider-details .patient-provider-slot-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  width: 100%;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot {
  border: 1.5px solid #f5f5f5;
  background: #fff;
  border-radius: 8px;
  padding: 8px 4px;
  font-family: "DM Sans", sans-serif;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  border: 1px solid #E1E4E8;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot span {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot small {
  font-size: 10px;
  color: #7A7A7A;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot:hover,
.provider-details .patient-provider-slot-grid .patient-provider-slot.active {
  border-color: #E6A817;
  background: #FDF6E3;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot--full {
  background: #F5F5F5;
  color: #94A3B8;
  cursor: default;
}
.provider-details .patient-provider-slot-grid .patient-provider-slot--video {
  border-color: #BFDBFE;
  background: #DBEAFE;
  color: #1E40AF;
}
.provider-details .provider-btn {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Montserrat-Medium";
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-top: 0;
}
.provider-details .provider-btn--primary {
  background: #F5CB20;
  color: #333;
}
.provider-details .provider-btn--primary:hover {
  background: #FFD966;
  color: #333;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 203, 32, 0.3);
}
.provider-details .provider-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 14px;
  gap: 8px;
}
.provider-details .provider-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 0;
}
.provider-details .provider-stat strong {
  color: #F5CB20;
  font-size: 24px;
  font-family: "Montserrat-Bold";
}
.provider-details .provider-stat span {
  color: #8B929D;
  font-size: 14px;
  font-family: "Montserrat-Regular";
  margin-top: 1px;
}
.provider-details .provider-section {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #E8EAED;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  border-top: 3px solid #FAB16E;
}
.provider-details .provider-section-body {
  padding: 20px;
}
.provider-details .provider-description {
  color: #666666;
  font-size: 16px;
  font-family: "Montserrat-Medium";
}
.provider-details .provider-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.provider-details .provider-info h3 {
  margin: 0 0 6px;
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Montserrat-SemiBold";
  letter-spacing: 0.5px;
  position: relative;
  width: fit-content;
}
.provider-details .provider-info h3 .primary-location-label {
  background: #efffef;
  border: 1px solid #4CAF50;
  color: #4CAF50;
  font-family: "Montserrat-SemiBold";
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: -145px;
  width: max-content;
}
.provider-details .provider-info p {
  margin: 0;
  color: #666666;
  font-size: 14px;
  font-family: "Montserrat-Medium";
}
.provider-details .provider-insurance {
  padding: 14px 20px 18px;
  border-top: 1px solid #E8EAED;
  background: #FAFBFC;
}
.provider-details .provider-insurance h3 {
  margin: 0 0 8px;
  color: #333;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "Montserrat-SemiBold";
}
.provider-details .provider-insurance .provider-tags {
  gap: 6px;
}
.provider-details .provider-insurance .provider-tag {
  background: #ECF3FD;
  color: #1A5BA8;
  font-size: 12px;
  border: 1px solid #9bc8fd;
}
.provider-details .provider-calendar-card {
  overflow: hidden;
  border: 1px solid #E8EAED;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border-top: 3px solid #F5CB20;
}
.provider-details .provider-calendar-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  background-color: #fafafa;
  border-bottom: 1px solid #E8EAED;
}
.provider-details .provider-calendar-heading > div:first-child > span {
  display: block;
  margin-bottom: 4px;
  color: #FAB16E;
  font-family: "Montserrat-SemiBold";
  font-size: 12px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.provider-details .provider-calendar-heading h2 {
  margin: 0;
  color: #333;
  font-family: "Montserrat-Bold";
  font-size: 20px;
}
.provider-details .provider-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 12px;
}
.provider-details .provider-calendar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #666666;
  font-family: "Montserrat-Regular";
  font-size: 12px;
}
.provider-details .provider-calendar-legend i {
  width: 10px;
  height: 10px;
  border: 1px solid #D9DDE2;
  border-radius: 2px;
}
.provider-details .provider-calendar-legend .is-today {
  border-color: #F5CB20;
  background: #F5CB20;
}
.provider-details .provider-calendar-legend .is-available {
  background: #fff;
}
.provider-details .provider-calendar-legend .is-limited {
  border-color: #E6A300;
  background: #FFF1C4;
}
.provider-details .provider-calendar-legend .is-unavailable {
  border-color: #E8EAED;
  background: #F4F5F6;
}
.provider-details .provider-calendars {
  display: grid;
  gap: 20px;
  padding: 24px;
}
.provider-details .provider-month {
  min-width: 0;
}
.provider-details .provider-month .provider-nectMonth {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E8EAED;
}
.provider-details .provider-month .provider-nectMonth h3 {
  margin: 0;
  color: #333;
  font-family: "Montserrat-SemiBold";
  font-size: 18px;
}
.provider-details .provider-month .provider-nectMonth .provider-nectMonth-btn {
  display: flex;
  gap: 10px;
}
.provider-details .provider-month .provider-nectMonth .provider-nectMonth-btn a {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-color: transparent;
  border: 1px solid #333;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
}
.provider-details .provider-month .provider-nectMonth .provider-nectMonth-btn a:hover {
  background-color: #FAB16E;
  color: #333;
  border-color: #FAB16E;
}
.provider-details .provider-weekdays,
.provider-details .provider-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
.provider-details .provider-weekdays {
  margin-bottom: 8px;
}
.provider-details .provider-weekdays span {
  color: #6F7783;
  font-family: "Montserrat-Medium";
  font-size: 14px;
  text-align: center;
}
.provider-details .provider-days > * {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 38px;
  padding: 0;
  border: 1px solid #E1E4E8;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-family: "Montserrat-Medium";
  font-size: 14px;
}
.provider-details .provider-days > span:empty {
  border-color: transparent;
  background: transparent;
}
.provider-details .provider-days button {
  cursor: pointer;
}
.provider-details .provider-days button:hover, .provider-details .provider-days button:focus-visible {
  border-color: #F5CB20;
  outline: 0;
  background-color: #FDF6E3;
}
.provider-details .provider-days .is-today {
  border-color: #E6A300;
  background: #F5CB20;
  color: #333;
}
.provider-details .provider-days .is-limited {
  border-color: #E6A300;
  background: #FFF1C4;
}
.provider-details .provider-days .is-unavailable {
  border-color: #E8EAED;
  background: #F4F5F6;
  color: #B9C0C8;
}
.provider-details .provider-days .is-active {
  background-color: #F5CB20;
}
.provider-details .provider-details-tabs {
  position: relative;
}
.provider-details .provider-tab-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.provider-details .provider-tab-list {
  display: flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #E8EAED;
  background: #fafafa;
  overflow-x: auto;
}
.provider-details .provider-tab-list label {
  display: inline-flex;
  align-items: center;
  min-height: 46px;
  padding: 12px 22px;
  border-bottom: 3px solid transparent;
  color: #6F7783;
  font-family: "Montserrat-SemiBold";
  font-size: 14px;
  cursor: pointer;
  gap: 10px;
  white-space: nowrap;
}
.provider-details .provider-tab-list label svg,
.provider-details .provider-tab-list label img {
  height: 28px;
  width: 28px;
}
.provider-details .provider-tab-panel {
  display: none;
  padding: 24px;
}
.provider-details .provider-tab-panel .provider-section-header {
  margin: -24px -24px 20px;
  padding: 16px 24px;
  background: transparent;
}
.provider-details .provider-tab-panel .provider-section-header h2 {
  font-size: 20px;
}
.provider-details .provider-tab-panel .provider-section-body {
  padding: 0;
}
.provider-details .provider-tab-panel .provider-insurance {
  margin: -24px;
  padding: 24px;
  border-top: 0;
}
.provider-details #provider-tab-about:checked ~ .provider-tab-list label[for=provider-tab-about],
.provider-details #provider-tab-insurance:checked ~ .provider-tab-list label[for=provider-tab-insurance],
.provider-details #provider-tab-location:checked ~ .provider-tab-list label[for=provider-tab-location] {
  border-bottom-color: #F5CB20;
  color: #333;
}
.provider-details #provider-tab-about:checked ~ .provider-tab-panel--about,
.provider-details #provider-tab-insurance:checked ~ .provider-tab-panel--insurance,
.provider-details #provider-tab-location:checked ~ .provider-tab-panel--location {
  display: block;
}
.provider-details .provider-reviews {
  display: grid;
  grid-template-columns: 30% 70%;
  padding: 0;
  border-top: 0;
}
@media (max-width: 768px) {
  .provider-details .provider-reviews {
    grid-template-columns: 1fr;
  }
}
.provider-details .provider-rating-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-right: 1px solid #E8EAED;
  background: #333;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .provider-details .provider-rating-summary {
    border-right: 0;
    border-bottom: 1px solid #E8EAED;
  }
}
.provider-details .rating-score {
  text-align: center;
}
.provider-details .rating-score strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 40px;
  font-family: "Montserrat-Medium";
}
.provider-details .rating-score .rating-stars {
  margin-bottom: 4px;
  color: #F5CB20;
  font-size: 18px;
  letter-spacing: 1px;
}
.provider-details .rating-score > span {
  color: #8B929D;
  font-size: 14px;
  font-family: "Montserrat-Regular";
}
.provider-details .rating-bars {
  padding-top: 2px;
}
.provider-details .rating-row {
  display: grid;
  grid-template-columns: 14px 1fr 28px;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.provider-details .rating-row > span {
  color: #6F7783;
  font-size: 12px;
  font-family: "Montserrat-Regular";
}
.provider-details .rating-row > span:last-child {
  text-align: right;
  font-size: 12px;
}
.provider-details .rating-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 10px;
  background: #E8EAED;
}
.provider-details .rating-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #F5CB20;
  transition: width 0.6s ease;
}
.provider-details .provider-review-list {
  padding: 4px 20px 4px;
  width: 100%;
  height: 300px;
  overflow: auto;
}
.provider-details .provider-review {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #E8EAED;
}
.provider-details .provider-review:last-child {
  border-bottom: 0;
}
.provider-details .review-avatar {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #5D9CF5;
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat-Bold";
  flex-shrink: 0;
}
.provider-details .review-avatar--yellow {
  background: #F5CB20;
  color: #333;
}
.provider-details .review-content {
  min-width: 0;
  flex: 1;
}
.provider-details .review-content p {
  margin: 6px 0 0;
  color: #666666;
  font-size: 14px;
  font-family: "Montserrat-Regular";
}
.provider-details .review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.provider-details .review-header > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.provider-details .review-header strong {
  color: #333;
  font-size: 14px;
  font-family: "Montserrat-SemiBold";
}
.provider-details .review-stars {
  color: #F5CB20;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.provider-details .review-stars em {
  color: #C8CCD4;
  font-style: normal;
}
.provider-details .review-date {
  color: #8B929D;
  font-size: 12px;
  font-family: "Montserrat-Regular";
}

.faq-section {
  width: 100%;
  padding: 30px 0;
  margin: 30px 0;
}
.faq-section.withYellowBg {
  background: #FFD966;
}
.faq-section .faq-list {
  width: 80%;
  margin: auto;
  position: relative;
  margin-top: 30px;
}
.faq-section .faq-item {
  margin-bottom: 12px;
  border: 1px solid #e8e6dc;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-section .faq-item:has(.faq-question:not(.collapsed)) {
  border-color: rgba(245, 203, 32, 0.65);
  box-shadow: 0 8px 25px rgba(51, 51, 51, 0.06);
}
.faq-section .faq-question {
  width: 100%;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 22px;
  border: 0;
  background: transparent;
  color: #333;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
}
.faq-section .faq-question:focus {
  outline: 0;
  box-shadow: none;
}
.faq-section .faq-question span {
  font-family: "Montserrat-SemiBold";
  flex: 1;
}
.faq-section .faq-question i {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FDFAEE;
  color: #333;
  font-size: 14px;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.faq-section .faq-question:not(.collapsed) {
  color: #333;
}
.faq-section .faq-question:not(.collapsed) i {
  transform: rotate(45deg);
  background: #F5CB20;
  color: #333;
}
.faq-section .faq-question:hover i {
  background: #F5CB20;
}
.faq-section .faq-answer {
  padding: 0 22px;
}
.faq-section .faq-answer p {
  margin: 0;
  padding: 0 45px 20px 0;
  color: #666666;
  font-size: 16px;
  font-family: "Montserrat-Regular";
}

/*# sourceMappingURL=style.css.map */