.active-link{
    text-decoration: none; /* Removes the default underline */
    border-bottom: 2px solid white; /* Adds a small white underline */
    padding-bottom: 2px; /* Adjusts the space between text and underline */
}

.hero-banner{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-banner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(38, 48, 55, .85);
    background-image: url("https://www.swinkelsmachinery.nl/wp-content/themes/swinkels-machinery/img/worn-dots.png");
}

.banner-content::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    left: 50%;
    bottom: 0;
    background: #0DCAF0;
    transform: translate(-50%);
}

.new-banner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(38, 48, 55, .85);
}