.event-title.before {
    position: relative;
    padding-bottom: 29px;
}
.event-title .title-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 145%;
    text-transform: uppercase;
    padding-right: 43px;
}
.event-title .title-title-opacity {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: right;
    opacity: 0.3;
}
.event-title.before:before {
    content: "";
    position: absolute;
    width: 36%;
    border-bottom: 2px solid black;
    border-color: var(--inside-color);
    bottom: 0;
}
@media (max-width: 950px) {
    .event-title .title-title {
        font-size: 24px;
        position: relative;
    }
    .event-title .title-title.mobile-before:before {
        content: "";
        position: absolute;
        width: 72%;
        border-bottom: 1px solid black;
        border-color: var(--inside-color);
        bottom: -25px;
        left: -20px;
    }
    .event-title .title-title-opacity {
        font-size: 27px;
        margin-bottom: 73px;
        text-align: left;
    }
    .event-title.before:before {
        display: none;
    }
    .event-title-content {
        flex-direction: column-reverse;
    }
}