/*Hero Section*/
.hero-content {
    color: var(--white);
    position: absolute;
    left: 35%;
    top: 45%;
    transform: translate(-3.5rem, -3.5rem);
}
    .hero-content .h {
        color: var(--light-primary);
    }

    .hero-content button {
        background-color: var(--white);
        border-radius: 0 !important;
        padding: 0 !important;
    }

        .hero-content button a {
            color: var(--primary) !important;
            text-decoration: none !important;
        }


.hero-section .slide {
    padding: unset;
    text-align: unset;
}

.hero-section .carousel-item {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center left;
    height: 100vh;
}

.hero-section .carousel-indicators button {
    height: 0.7rem !important;
    width: 2.3rem !important;
    margin-left: 0.7rem !important;
}