*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.topbar{
    background: #f2f2f2b3;
}

.mail-box{
    color: #669543;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
}
.mail-box:hover{
    color: #000;
}
.icons{
    color: #54be73;
    padding: 2px;
    font-size: 12px;
}
.form-select {
    font-size: 12px; 
    box-shadow: none !important;
    border-color: #888 !important;
}
.form-select option {
    font-size: 12px;
}
.form-control::placeholder {
    font-style: italic;
    color: #888;
    font-size: 13px;
}
.form-control{
    box-shadow: none !important;
    border-color: #888 !important;
}
.btn{
    border-color: #888!important;
    color: #000 !important;
}

.clinic-btn{
    background: #509233;
    font-size: 12px;
    transition: all 0.2s ease-in-out;
}

.clinic-btn:hover{
    background: #49b818;
}

.tel i{
    font-size: 12px;
    color: #509233;
}

.number{
    font-size: 12px;
    color: #888;
}

.nav-link.active{
    color: #54be73 !important;
}

.navbar-nav .nav-link {
    font-weight: 600;
    font-size: 14px;
    color: black;
}
.navbar-nav .nav-link:hover {
    color: #28a745;
}

.navbar-brand img{
 width: 100px;
}

.banner-section{
    position: relative;
}
.appointment-box {
    background: #5aa036;
    color: white;
    padding: 20px;
    position: absolute;
    top: 10px;
    right: 85px;
    width: 235px;
}
.consultation-text{
    font-size: 11px;
}
.appointment-box input, .appointment-box select {
    width: 100%;
    padding: 4px;
    margin: 8px 0;
    border: none;
    border-radius: 5px;
}
.appointment-box button {
    background: #c5fc11;
    background-image: -webkit-linear-gradient(top, #c5fc11, #9cc026);
    width: 100%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(75deg) saturate(650%) brightness(90%);
}
 
.card-1{
    background: #669543;
}
.card-2{
    background-color: #54be73;
}
.card-3{
background: #78bf4d;
}
.card-4{
    background: #9cc026;
}

.welcome-section h6{
    color: #9cc026;
}

.collapse p a{
    color: #509233;
}

.specialist{
    background: #fff7f7;
}

.box-1 h6{
    color: #57b126;
}
.box-1{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.read-btn{
    border: 1px solid #57b126;
    color: #57b126;
}
.card-block{
    position: relative;
}
.center-image{
    position: absolute;
    top: -55px;
    left: 85px;
}

.center-image img{
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.image-container {
    position: relative;
}
.overlay-text {
    position: absolute;
    bottom: 20px;
    left: 24px;
    background: #d7d7d7e6;
    font-weight: 600;
}
.overlay-text-1 {
    position: absolute;
    bottom: 20px;
    left: 42px;
    background: #d7d7d7e6;
    font-weight: 600;
}
.overlay-text-2 {
    position: absolute;
    bottom: 20px;
    left: 57px;
    background: #d7d7d7e6;
    font-weight: 600;
}
.overlay-text-3 {
    position: absolute;
    bottom: 20px;
    left: 82px;
    background: #d7d7d7e6;
    font-weight: 600;
}

.view-btn a{
    color: #509233 !important;
}

.testimonial-text {
    font-style: italic;
    color: #555;
}
.testimonial-section {
    background: #f8f9fa;
    padding: 50px 0;
}
.nav-tabs .nav-link {
    color: #333;
    font-weight: bold;
}
.nav-tabs .nav-link.active {
    color: #28a745;
    border-bottom: 3px solid #28a745;
}

.testimonial{
    background: linear-gradient(to bottom, rgba(126, 209, 126, 0.2), rgba(185, 235, 110, 0.3)), 
    url(Assets/Images/subscribe.jpg) no-repeat center center;
background-size: cover;
}

/* Contact Us Css Starts */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
    url('Assets/Images/conact.jpg') center/cover no-repeat;
    height: 25vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-content h1{
    font-weight: 600;
}
.breadcrumb-item a {
    text-decoration: none;
    color: white;
    font-weight: 400;
}
.breadcrumb-item.active {
    color: #509233 !important; 
}

.form-control::placeholder {
    font-style: italic;
    color: gray;
}

/* Responsive form container */
.contact-form {
    margin: auto;
}

.input-group i{
    color: #509233;
}

.textarea-container {
    position: relative;
}
.textarea-icon {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #509233;
}
.btn-submit {
    background-color: #8CC63F !important;
}
.btn-submit:hover {
    background-color: #6BA72E !important;
}

.contact-box-1 {
    text-align: center;
    padding: 10px;
}
.contact-box-1 i {
    font-size: 40px;
    color: #8CC63F; /* Green color */
    margin-bottom: 10px;
}

.contact-box-1 h5 {
    font-weight: bold;
    color: #337ab7;
    transition: all 0.3s ease-in-out;
}

.contact-box-1 a h5:hover{
    color: #509233;
}
.contact-box-1 p {
    margin-bottom: 5px;
    color: #333 !important;
}
/* Contact Us Css Ends */

.footer{
    background: #1f232b;
}


.custom-card {
    display: flex;
    align-items: center;
}
.custom-card img {
    width: 80px;
    height: 40px;
    object-fit: cover;
}
.custom-card .date {
    color: #7bc74d; /* Light green color */
    font-size: 12px;
}
.custom-card .date:hover{
    color: #fff;
}
.custom-card a{
    font-size: 12px;
}

.contact-box p{
    color: #d2d2d2;
}
.contact-box a{
    color: #d2d2d2;
    transition: all 0.5s ease-in-out;
}
.contact-box a:hover{
    color: #509233;
}

.icon {
    font-size: 20px;
    color: #7bc74d; /* Light green */
    margin-right: 10px;
}

.social-icons a:nth-child(1) { background-color: #1877F2; } /* Facebook */
.social-icons a:nth-child(2) { background-color: #FF0000; } /* YouTube */
.social-icons a:nth-child(3) { background-color: #A78B7A; } /* Instagram */
.social-icons a:nth-child(4) { background-color: #BD081C; } /* Pinterest */
.social-icons a:nth-child(5) { background-color: #1DA1F2; } /* Twitter */
.social-icons a:nth-child(6) { background-color: #0077B5; } /* LinkedIn */
.social-icons a:nth-child(7) { background-color: #DB4437; } /* Google */

.menu{
    list-style-type: disc;
    color: #fff;
}

.links ul li a{ 
  color: #d2d2d2;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.links ul li a:hover{
    color: #509233;
}

.footer-text a{
    color: #d2d2d2;
}