body {
    min-height: 100vh;
}
.navbar-brand{
	color: #03ffcc;
}
.card {
    border-radius: 1rem;
}

.btn {
    border-radius: 0.75rem;
}
.js-toggle-password {
    min-width: 48px;
}

.js-toggle-password i {
    font-size: 1.1rem;
}
.card-1 {
    position: relative;
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.52),
            rgba(0, 0, 0, 0.62)
        ),
        url("/assets/img/card-1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.card-2 {
    position: relative;
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.52),
            rgba(0, 0, 0, 0.62)
        ),
        url("/assets/img/card-2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.card-3 {
    position: relative;
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.52),
            rgba(0, 0, 0, 0.62)
        ),
        url("/assets/img/card-3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.hero-section {
    position: relative;
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.42),
            rgba(0, 0, 0, 0.52)
        ),
        url("/assets/img/hero-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}