@charset "UTF-8";

#home {
    background-color: #fff;
}

.strata-brand-bg-dark-blue {
    background-color: var(--sm-very-dark-blue);
    /*background-color: var(--strata-brand-blue);*/
}

.strata-brand-bg-sky-blue {
    background-color: var(--sm-sky-blue);
    /*background-color: var(--strata-brand-blue);*/
}
.strata-brand-bg-dark-red {
    background-color: var(--sm-vivid-red);
    /*background-color: var(--strata-brand-blue);*/
}
.strata-brand-bg-gray {
    background-color: var(--sm-dark-grayish-cyan);
    /*background-color: var(--strata-brand-blue);*/
}




.navbar {
    transition: all 0.5s ease-in-out;
}

.navbar-sticky {
    background: #fff;
    opacity: 0.9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.xl-text {
    font-size: 75px;
    color: var(--strata-blue);
}
.header .image-container {
    margin-top: 30px;
}

.services_bg {
    color: white;
    background: linear-gradient(to bottom right, rgba(10, 83, 190, 0.65), rgba(10, 83, 190, 0.65)), url("../../images/frontend/rehab_center.jpg") center center no-repeat;
    background-size: cover;
}
.footer_bg {
    color: white;
    background: linear-gradient(to bottom right, rgba(10, 83, 190, 0.65), rgba(10, 83, 190, 0.65)), url("../../images/frontend/footer_bg.jpg") center center no-repeat;
    background-size: cover;
}
.nav-link {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 2px;
}

.nav-link:before {
    content: '';
    padding-left: 2px;
    position: absolute;
    width: 100%;
    max-width: 100px;
    height: 4px;
    left: 0;
    bottom: 0;
    background-color: var(--bs-yellow);
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-out;
}

.nav-link:hover:before {
    visibility: visible;
    left: 0;
    transform: scaleX(1);
}


.details .decoration-star {
    left: -200px;
    width: 500px;
}

.details-2 .decoration-star {
    right: -200px;
    width: 500px;
}

/*#mission {*/
/*    background: rgb(2,0,36);*/
/*    background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
/*}*/

.vision-bg {
    background: linear-gradient(to bottom right, rgba(168, 111, 5, 0.8), rgba(168, 111, 5, 0.8)), url("../images/frontend/vision-bg.jpg") center center no-repeat;
    background-size: cover;
}
.mission-bg {
    background: linear-gradient(to bottom right, rgba(14, 22, 119, 0.8),  rgba(14, 22, 119, 0.8)), url("../images/frontend/mission_bg.jpg") center center no-repeat;
    background-size: cover;
}



@media (max-width: 992px) {
    .xl-text {
        font-size: 50px;
    }
    .details-2 {
        margin-top: 20px !important;
    }
    .details-2 .decoration-star {
        top: 300px;
    }
}