body#microsite-new-app #main-header {
  background-color: #000000 !important;
  position: relative;
  height: 100px;
}

/* body#microsite-new-app #main-header  .container {
  height: auto;
} */

body#microsite-new-app #main-header .branding svg {
  background: transparent !important;
}

body#microsite-new-app #main-header #main-nav > ul > li {
  display: inline-block;
  margin-right: 30px;
}

.best-badge-new.pricing-pill {
  display: inline-flex;
  align-items: center;
  padding: 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #006998;
  border-radius: 40px;
  border: 0px solid;
}

.best-badge-new .pills {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 5px;
}

.best-badge-new .pills .div {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Gotham-Medium", sans-serif;
  font-weight: 500;
  color: var(--variable-collection-white);
  font-size: 14px;
  letter-spacing: 0.10px;
  line-height: 23px;
  padding: 0 20px;
}

.mr-t{
  margin-top: 30px;
}

.cut-test{
  text-decoration: line-through;
  color: #28282a !important;
  font-family: "Gotham Book", sans-serif;
}
.cut-test-free{
  font-family: "Gotham Bold", sans-serif;
}


.services-sec-new-25 .d1-width{
width: 100% !important;
  max-width: 100% !important;
}
.services-sec-new-25 .title-descripton{
  align-items: unset;
}

.services-sec-new-25  .title-descripton .span{
  text-align: left !important;
}

.services-sec-new-25 .our-services.d1-width{
  text-align: center;
}

.doctor-card-wrap .stat-value, .doctor-details .stat-value {
  list-style: none; /* removes bullet/number marker */
}

.doctor-card-wrap .stat-value::marker {
  display: none; /* hides the marker itself */
}
.doctor-card-wrap .stat-title{
  font-family: "Gotham Bold", sans-serif;
}

.doctor-card-wrap .doctor-stats, .doctor-details .doctor-stats {
  margin-left: 0;
}

.date-clinic-new-25 .overlap .text-wrapper{
font-family: "Gotham Black";
}

.date-clinic-new-25 h2{
  font-family: "Gotham Black", sans-serif;
  font-size: 45px;
  color: #ffffff;
}

.mt-ziro{
  margin-top: 0 !important;
}

.what-to-expect .hours{
  width: 63px !important;
}


.back-to-top {
background-color: #f4b959;
  text-decoration: none;
  cursor: pointer;
  width: 46px;
  height: 46px;
  z-index: 999;
  position: fixed;
  right: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);
}
.back-to-top:hover {
  background-color: #006998;
}
.back-to-top:active {
  box-shadow: none;
  background-color: #006998;
}
.back-to-top svg.icon__arrow-up {
  fill: #141414;
  width: 32px;
  height: 32px;
}

.back-to-top:hover svg.icon__arrow-up {
  fill: #ffffff;
}

.footer-new-25-mobile{
  display: none;
}
.footer-new-25-mobile .footer-mob-inner{ 
 background-color: #28282A;
 margin-bottom: 55px;
  padding: 35px;
  gap: 25px;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.footer-new-25-mobile .footer-mob-inner p{
  color: #fff;
  font-family: "Gotham Book", sans-serif;
  font-size: 14px;
}  

/* special footer */
.footer-new-25-mobile  .bottom-nav {
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-top: 1px solid #ddd;
        padding: 8px 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        z-index: 9;
    }
   .footer-new-25-mobile .nav-item {
        text-align: center;
        color: #555;
        font-size: 12px;
        text-decoration: none;
    }
    .footer-new-25-mobile .nav-item svg {
        display: block;
        margin: 0 auto 4px;
        width: 24px;
        /* height: 24px; */
    }
    .footer-new-25-mobile .nav-item span {
        display: block;
        font-family: "Gotham Bold", sans-serif;
    }



@media (min-width: 768px) {
  body#microsite-new-app #main-header .branding {
    height: 90px;
    top: 5px;
  }

   body#microsite-new-app #main-nav {
    top: 27px;
    right: 0;
    display: flex;
  }
}



@media (max-width: 991px) {
  body#microsite-new-app #main-header #main-nav > ul > li {
  margin-right: 26px;
}

 .our-community .text-wrapper, .local-pricing h2, .what-to-expect .div {
    text-align: center !important;
  }

  .sub-header{
    display: none !important;
  }

    .location-text, .about-clinic .about-text, .about-clinic .clinic-gallery, .doctor-post-listing, .what-to-expect, .data, .health-articles, .reviews, .footer, .location-details .location-text, .static-review-block .review-text, .care-for {
    padding: 80px 20px;
    padding-top: 80px;
  }

  .reviews .reviews-for-the{
    text-align: left;
  }

  .what-to-expect .icon-and-copy{
    max-width: 100% !important;
  }

  .care-for .frame{
    align-items: flex-start;
  }

  .location-details .flexcontainer{
    height: auto !important;
  }

   .local-pricing {
    padding: 20px 0 !important
  }

  .local-pricing .pricing-wrap .tab-wrap{
  padding-left: 20px;
  padding-right: 20px;
}

.health-articles{
  padding: 60px 0px !important;
}

.grid-image-item.owl-carousel .owl-item > img {
width: 100% !important;
    max-width: 100%;
    object-fit: cover;
    padding: 0 20px;
  }

  .health-articles .blog-card{
    width: 100% !important;
    margin: 0 15px;
  }

  .our-community .group, .our-community .overlap-group, body .our-community .rectangle{
max-width: 100% !important;
    width: 100% !important;
  }

  .our-community .div, .our-community .TJC-primary-logo, .our-community .join-the-movement, .our-community .group-2{
    left: 50% !important; 
  transform: translateX(-50%);
  }

  .our-community .group-2{
    width: auto !important;
  left: 93px !important;
  }

  .back-to-top {
    display: none !important;
  }

  .what-to-expect .div, .our-community .text-wrapper, .reviews .reviews-for-the{
    text-align: left !important;
  }
  
}


@media (max-width: 767px) {
    body#microsite-new-app   #hamburger {
        right: 0;
        position: absolute;
        top: 15px;
        left: unset;
        display: flex !important;
        justify-content: flex-end;
        top: 22px;
    }

    body#microsite-new-app #main-header .branding{
        width: 100px;
        left: 50px;
        height: 50px;
        top: 39%;
    }

    body#microsite-new-app #main-header{
        height: 70px;
    }

    body#microsite-new-app #main-nav{
        padding-left: 0;
        margin-top: 0;
    }

    .footer-new-25{
      display: none !important;
    }

    .footer-new-25-mobile{
      display: block !important;
    }
}