/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Regular'), url('../font/TrajanPro-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Trajan Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Trajan Pro Bold'), url('../font/TrajanPro-Bold.woff') format('woff');
}
body{
    background-color: #f5f3e7;
}
.headerslider-font {
    font-family: 'Merriweather', serif;
    margin-bottom: 14rem;
    text-align: left;
    font-size: 75px;
}

.box:hover {
    opacity: 100%;
    color: rgb(27, 2, 2);
    background-color: white;

}

.topnav {
    overflow: hidden;
    background-color: #5b4b43;
}

.topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 4px 6px;
    font-family: 'Cairo', sans-serif;
    font-size: 17px;
    border-bottom: 3px solid transparent;
}

.topnav a:hover {
    border-bottom: 3px solid rgb(248, 248, 248);
}

.topnav a.active {
    border-bottom: 3px solid rgb(252, 255, 252);
}

.header-font {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: bold;
    color: black;
    font-size: 25px;
}

.subheader-font {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: bold;
    color: black;
    font-size: 20px;
}

.subheader-font {
    font-family: 'Cairo', sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #1d1d1d;
    font-size: 17px;
    text-align: right;
}

.ourservice-font {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: normal;
    color: #007e3b;
    font-size: 37px;
    margin-top: 1rem;
}

.card-font {
    text-transform: uppercase;
    font-size: small;
}

.cardTreatment-font {
    text-transform: uppercase;
    font-size: small;
    text-align: center;
}

.guestSlider-font {
    text-transform: uppercase;
    font-size: small;
    color: white;
}

body {
    overflow-x: hidden;
}

.p-font {
    text-transform: uppercase;
    font-size: small;
    text-align: center;
    padding: 3%;
}

ul.a {
    list-style-type: square;
    font-size: medium;
}

.boxcard:hover {
    opacity: 100%;
    color: rgb(16, 17, 16);
    background-color: rgba(128, 128, 128, 0.212);
}

.video-post-thumb {
    margin-bottom: 20px;
}

.video-post-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

/* .video-post-thumb::after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0.37);
                  pointer-events: none;
              } */

.video-post-thumb {
    width: 100%;
    flex: 0 0 auto;
}


@media screen and (max-width:476px){
    .carousel-item img{
    height: 230px !important;
    /* margin-top: 100px; */
}
.book-appointment-btn{
    top: 85%;
    left: 11%;
    width: 140px !important;
    height: 35px;
    padding: 5px !important;
}
.book-appointment-btn p{
    margin-top: 0px !important;
}
.navbar-brand img{
    width: 100px !important;
    height: auto !important;
}
.carousel{
    margin-top: 30px !important;
    
}
.about-us h2{
    font-size: 30px !important;
}
.desktop-about-img{
    display: none;
}
}

.carousel{
    margin-top: 70px;
    
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;

    /* Override Bootstrap default black 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(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Icon size */
.stat-card i {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .stat-card i {
    font-size: 2.5rem;
  }
}

/* Hover effect */
.stat-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}

/* Responsive text size */
.stat-card h2 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .stat-card h2 {
    font-size: 2rem;
  }
}
.footer-logos img {
  height: 40px;
  object-fit: contain;
  max-width: 80px;   /* prevents too wide logos */
}
@media (max-width: 576px) {
  .footer-logos img {
    height: 60px;
    max-width: 100px;
  }
  .specialities-desktop-image{
    display: none;
  }
}
html, body {
  overflow-x: hidden;
}