/* Overall */
#about .services-details-thumb img {
    max-height: 480px !important;
}

/* ==== About Us sidebar scripts ==== */
#about-nav li {
    height: 67px;
}

#about-nav li a {
    font-size: 16px;
    font-weight: bold;
    color: var(--tg-primary-black-color);
}

/* default styling */
#about-nav li:hover {
    border-color: var(--tg-primary-black-color);
}

/* when active and hover styling */
#about-nav li a:hover,
#about-nav li.active a {
    background: var(--app-blue-secondary) !important;
    border-color: var(--app-blue-secondary) !important;
    color: var(--tg-primary-white-color);
}

/* ==== Vision & Mission ==== */
#vision-mission-card .counter-item-three {
    height: 100%;
    padding-top: 10px;
    padding-bottom: 21px;
}

.counter-icon, .counter-content h2 {
    color: var(--tg-primary-yellow-color);
}

.counter-content h2 {
    font-size: x-large !important;
}

.counter-icon::before {
    background: var(--app-light-yellow);
}

.counter-icon::after {
    content: none !important;
}

.counter-content p {
    color: var(--app-dark-gray);
    font-size: 16px;
    font-weight: 400;
}

/* ==== Goals ==== */
.accordion-button .collapsed {
    background: var(--app-light-blue) !important;
}

.accordion-button:not(.collapsed) {
    background: var(--tg-primary-color) !important;
}

.accordion-item .accordion-body p {
    color: black;
}

/* ==== UID Teams ==== */
.tab-item.active a {
    color: white !important;
}

.team-area-six {
    padding-top: 100px;
}

.team-item {
    border: none;
}

/* ==== Donors and Partners ==== */
.services-details-content .subtitle {
    font-weight: 800;
}