.nav-link {
  cursor: pointer;
}

.nav-link.active {
  font-weight: bold;
  color: #ee2219 !important;
}

.content-area {
  flex-grow: 1;
  padding: 2rem;
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}
.nav-link.parent-link {
    display: inline-block;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    background-color: #ffff;
    width: 100%;
    letter-spacing: 0.5px;
    border: #fff solid 1px;
    padding: 16px;
    margin-bottom: 10px;
    position: relative;
    transition: 300ms;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.plus-arrow {
    position: absolute;
    right: 0;
    top: 17px;
    height: 25px;
    width: 25px;
}

.line {
    background: #c83d29;
    height: 1px;
    position: absolute;
    width: 10px;
    transition: 500ms;
}

.line1 {
    top: 50%;
}

.line2 {
    transform: rotate(90deg);
    top: 50%;
}
  
 .active .line2 {
    transform: rotate(-1deg);
}