.sub-sidebar {
    width: 100%;
}

.sub-sidebar .title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--primary);
    text-align: center;
    padding: 1.5rem 1rem 1rem;
}

.sub-sidebar .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.sub-sidebar .content .sub-content {
    border: 1px solid lightgray;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--darkcolor);
}

.content .active {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
    text-decoration: underline;
    color: white !important;
}

.content .sub-content:hover {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%);
    color: white !important;
    text-decoration: underline;
    cursor: pointer;
}

.service-1 p {
    text-align: center;
}

.body {
    padding: 2rem;
}