body {
    padding-top: 110px; /* adjust based on navbar + banner height */
}

.top-banner {
    font-weight: bold;
}


/* Custom button */
.custom-btn {
    background-color: #00a158 !important; /* green */
    color: #ffffff !important;           /* white text */
    border: none;
    transition: all 0.3s ease;
}

.custom-btn:hover {
    background-color: #B1B4B5; /* grey hover */
    color: #ffffff;           /* keep text white */
}

/* hover button*/
.btn:hover {
    transform: scale(1.05);
    opacity: 0.9;
    transition: all 0.3s ease-in-out;
  }
  
/*doc-cards*/
.card-img-top {
    width: 100%;      /* makes image take full card width */
    height: 250px;    /* fixed height for all images */
    object-fit: cover; /* crop/scale image to fit without distortion */
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

/* card format on large screen */
@media (min-width: 992px) {
    #Our-doctors .container {
      max-width: 900px; /* adjust until it feels right */
    }
  }
  

/* Make all cards the same height */
.row .col .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Make the card body take the remaining space */
.card-body {
    flex: 1;
}

/* Make all images the same height */
.card-img-top {
    height: 250px; /* adjust as needed */
    object-fit: cover;
}
/*ortho img size*/
.ortho-img {
    max-height: 200px; /* adjust as needed */
    object-fit: cover; /* prevents squishing, crops instead */
  }
/* maps */
.map-container {
    position: relative;
    width: 100%;  /* Full width */
    padding-top: 56.25%; /* Maintain 16:9 aspect ratio */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* services */
.scrolling-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 15px; /* Adds spacing between cards */
}

.card {
    flex: 0 0 auto;
    width: 250px; /* Adjust card width */
}

.card img {
    width: 100%; /* Makes the image responsive to card size */
    height: auto; /* Maintain aspect ratio */
    border: none; /* Removes border */
}
/* navbar*/
.navbar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Custom navbar colors */
.custom-navbar {
    background-color: #003B5C !important;  /* blue background */
}

.custom-navbar .navbar-brand {
    color: #ffffff !important;  /* white brand text */
    
}

.custom-navbar .nav-link {
    color: #ffffff !important;  /* white links */
    transition: color 0.3s ease;
}

.custom-navbar .nav-link:hover {
    color: #A7A8AA !important;  /* grey on hover */
}

.custom-navbar .navbar-toggler {
    border-color: #ffffff;
}

.custom-navbar .navbar-toggler-icon {
    filter: invert(1); /* makes toggler icon visible on dark bg */
}



/* footer+hover */
footer {
    background-color: #003B5C !important;  /* blue background */
    
}

footer a i {
    transition: color 0.3s; /* smooth transition */
}

footer a i:hover {
    color: #A7A8AA !important; /* grey on hover */
}


/* body*/
body::before{
    display:block;
    content: '';
    height: 60px;
}
@media(min-width:768px) {
    .news-input {
       width:50%; 
    }
}