.sub-option.active {
    background: #F2F4F7;
    border-bottom: 3px solid #589AF7;
    margin-bottom: -3px;
    color: #589AF7;
}

.sub-option:hover {
    border-bottom: 3px solid #589AF7;
    margin-bottom: -3px;
    color: #589AF7;
}

.details-container {
    width: 100%;
}

.details-container h1 {
    width: 100%;
}

@media (min-width: 768px) {
    .details-container {
        width: calc(100% - 13.5rem);
    }

    .details-container h1 {
        width: calc(100% - 13.5rem);
    }
}

.tab-active {
    color: #589af7;
    background: #ebf4fe;
}