.about-hero {
    position: relative;
    margin-top: 4rem;
}

.about-hero-img img {
    height: 400px;
    object-fit: cover;
}

.about-content {
    align-items: center;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
}

.about-content h2 {
    text-align: right;
    color: var(--cl--primary--);
}

.about-section h3 {
    margin-bottom: var(--space-lg);
}

.about-details_content-text p+p,
.about-details_content-text .event-details-list,
#about-form,
#about-form .inputs+.form-group {
    margin-top: var(--space-lg);
}

#about-form label {
    display: inline-block;
    font-size: var(--fs-sm);
    color: #666;
    margin-bottom: 5px;
    font-weight: 500;
}

.input-check {
    max-width: max-content;
}