.navbar-brand svg
{height: 70px;}

div#t4-slider-box {
    background-image: linear-gradient(135deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 28%) 100%), url(../../../../images/hero-test.jpg);
    background-size: cover;
    height: calc( 100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

div#cf_1 {
    background: #ffffffc7;
    box-shadow: 0 5px 20px;
    border-radius: 1rem;
}

.t4-col.hero.col-sm.col-md-6 {
    h1{
        font-size: 3.4rem;
        margin-bottom: 1rem;
        text-shadow: 0 4px 5px BLACK;
    }
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    text-align: left;
    color: #fff;
    p{
    border-radius: 99rem;
    /* background: #ffffff38; */
    color: var(--color-primary);
    /* padding: 0.5rem 2rem; */
    max-width: fit-content;
    margin-top: 2rem;
}
}