/* About Page Highlight Section - Teal Theme Override */

/* Hero Section - Make title block teal */
.title-block-green {
    background: #2f929e !important;
}

.highlight-subheading {
    color: #f7b500; /* Keep yellow for "ABOUT US" */
}

.highlight-content h2 {
    color: #2f929e !important; /* Teal main heading - matches primary color */
}

/* Intro Section - Make all highlights teal */
.intro-highlight .highlight-red,
.intro-highlight .highlight-green {
    color: #2f929e !important;
}

/* Update highlight button to use standard button styling */
.highlight-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: var(--primary) !important;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

.highlight-button:hover {
    background: var(--primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(47, 146, 158, 0.3) !important;
    color: #fff !important;
}

.highlight-button .arrow-icon {
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.highlight-button:hover .arrow-icon {
    transform: translateX(4px);
}