.content-box {
    margin-top: 5.6rem;
    border-radius: 1rem;
    overflow: hidden;
    /* box-shadow: rgba(40, 44, 48, 0.12) 0 2px 6px 0; */
}

.content-box .nav {
    background: var(--white);
    padding:10px;
}

.content-box .nav.sub-menu1 {
    background: var(--grey-color-100);
    border-top: 1px solid var(--white);
}

.content-box .tab-content:not(.sub-content) {
    border: 1px solid var(--grey-color-350);
    border-top: 0;
}

.content-box .nav li a {
    padding: 1rem 2rem;
    color: var(--grey-color-800);
    font-size: 1.7rem;
    display: block;
    font-weight: 500;
    position: relative;
}

.content-box .nav.sub-menu1 li a {
    padding: 0.9rem 3rem 1.2rem;
    background: var(--white);
}

.content-box .nav li a.active {
    background: var(--accent-gradient);
    color: var(--white);
}

.content-box .nav.active-arrow li a {
    z-index: 10;
}

.content-box .nav.active-arrow li a.active::after {
    content: url(../img/arrow-down.svg);
    display: block;
    position: absolute;
    z-index: 0;
    border: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
}

.content-box .nav.active-arrow li a.active::before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #ea4145;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
    z-index: 1;
}

.table thead {
    /* background: rgba(232, 237, 241, 0.5); */
}

.table tbody td,
.table thead th {
    font-size: 1.6rem;
    color: var(--secondary-color);
    border-bottom: 0;
    border-top: 1px solid #D7DEE5;
    padding: 1.5rem;
    vertical-align: middle;
}

.table tbody tr {
    transition: all 0.2s ease;
}

.table tbody tr:hover {
    background: var(--grey-color-300);
}

.table tbody td:first-child,
.table thead th:first-child,
.table tbody td:last-child,
.table thead th:last-child {
    padding: 1.5rem 4rem;
}

.table thead th {
    font-weight: 500;
    color: var(--grey-color-600);
}

.notes p {
    font-weight: 500;
}

.notes ul {
    margin-top: 1.8rem;
    padding-left: 3rem;
    list-style: none;
}

.notes ul li {
    position: relative;
    color: var(--grey-color-500);
    font-size: 1.8rem;
}

.notes ul li::before {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--grey-color-500);
}

/* Media Queries */
@media (max-width: 767px) {
    .content-box .nav li a {
        padding: 1rem 2rem 1.3rem;
        font-size: 1.5rem;
    }
    .table tbody td, .table thead th {
        font-size: 1.5rem;
    }
    .table tbody td:first-child,
    .table thead th:first-child,
    .table tbody td:last-child,
    .table thead th:last-child {
        padding: 1.2rem 2rem;
    }
}