.btn-more:hover {
    color: #E42527 !important;
    font-weight: 500 !important;
    margin-left: 3px;
}
.btn-more{
    font-weight: 400 ! important;
}
.nav-buttons {
    background-color: white;
    color: #000;
}

.main_page_arrow{
    width: 28px;
    height: 30px;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 0.8 !important;
}

.carousel-indicators button {
    width: 10px ! important;
    height: 10px ! important;
    opacity: 30 !important;
}

.carousel-indicators .active {
    background-color: #E42527 !important;
}

.navbar-nav .nav-link.active {
    color: #E42527 !important;
}

.nav-link {
    font-size: 18px;
    font-weight: 600;
}

.carousel-item {
    transition: none !important;
}

/* Prevent sliding effect */
.carousel {
    transition: none !important;
}

#carouselExampleIndicators .carousel-item:nth-child(1) {
    background-image: url('../images/new-banner-image.webp');
}

#carouselExampleIndicators .carousel-item:nth-child(2) {
    background-image: url('../images/Firefly3.webp');
}

#carouselExampleIndicators .carousel-item:nth-child(3) {
    background-image: url('../images/fhir-home-image-2.webp');
}

#carouselExampleIndicators .carousel-item:nth-child(4) {
    background-image: url('../images/Firefly4.webp');
}

#carouselExampleIndicators .carousel-item:nth-child(5) {
    background-image: url('../images/Firefly5.webp');
}



#carouselExampleIndicators .carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main_title {
    font-size: 24px;
    font-weight: 400;
}
@media (min-width: 765px) {
    .main_title {
        font-size: 34px;
        font-weight: 400;
    }
}
@media (min-width: 966px) {
    .main_title {
        font-size: 44px;
        font-weight: 400;
    }
}

/* Make the carousel items visible temporarily during height calculation */
.temp-visible {
    display: block !important;
    visibility: hidden; /* Keep it hidden from view but still measurable */
    position: absolute; /* Ensure it's not affecting the layout */
}

.navbar-nav .home {
    color: #E42527 !important; /* Red color for active link */
    font-weight:700 !important;
}
.contact_us_btn{
    width:18%;background-color:#E42527 !important;
}
@media (max-width:966px){
    .contact_us_btn{
        width:28%;background-color:#E42527 !important;
    }
}
.hero-text{
    font-size:16px;
}
@media (max-width:966px){
    .hero-text{
        font-size:14px;
    }
}
.toast.text-bg-success {
    background-color: #28a745 !important;  /* Bootstrap's success green */
}
.toast.text-bg-danger {
    background-color: #dc3545 !important; /* Bootstrap's danger color */
}