.heading-highlight-details {
    padding: 100px 0 0;
}

.heading-highlight-details .highlight-heading {
    text-transform: uppercase;
}

.highlight-heading .gray-border-text {
    color: #dadada;
    text-shadow: -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black, 1px 1px 0px black;
}

.heading-highlight-details .highlight-heading .yellow-border-text {
    color: #FBD01E;
    text-shadow: -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black, 1px 1px 0px black;
}

.heading-highlight-details .details {
    display: flex;
    align-items: center;
    width: 66%;
    margin: 0 auto;
    padding: 20px 0 0;
}

.heading-highlight-details .title {
    font-weight: bold;
    font-size: 20px;
    white-space: nowrap;
    font-family: 'nunitobold';
    color: #000000;
}

.heading-highlight-details .line {
    width: 100%;
    flex-grow: 1;
    height: 1px;
    background-color: black;
    margin: 0 15px;
    max-width: 70px;
}

.heading-highlight-details .content {
    font-size: 20px;
    color: #3a3a3a;
    max-width: 480px;
}

@media (max-width: 991px) {
    .heading-highlight-details .details {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .heading-highlight-details .details {
        display: block;
        padding: 10px 0 0;
    }

    .heading-highlight-details .content {
        max-width: 100%;
    }

    .heading-highlight-details .line {
        display: none;
    }
}