:root {--primary: #f57c00;--accent: #003049;--bg: #f8f9fa;--text: #212529;}
* {box-sizing: border-box;margin: 0;padding: 0;}
body {background: var(--bg);color: var(--text);line-height: 1.6;}
.aboutbg-main {background: var(--bg-color);}
.aboutbg {width: 100%;max-width: 1200px;margin: 0 auto;padding: 40px 20px;}
.about h2 {color: var(--accent);font-size: 2.2rem;text-align: center;margin-bottom: 20px;position: relative;}
.about h2::after {content: '';width: 60px;height: 4px;background: var(--primary);display: block;margin: 10px auto 0;}
.about p {font-size: 1rem;margin-bottom: 15px;margin-left: auto;margin-right: auto;text-align: center;}
.about p , .about h2{ color: var(--text-color);}
.svg-separator {position: relative;width: 100%;overflow: hidden;line-height: 0;}
.svg-separator svg {display: block;width: 100%;height: 100px;}
.highlights {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.highlight-box {background: white;padding: 30px 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);text-align: center;display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.3s ease;}
.highlight-box { background: var(--bg-color);}
.highlight-box:hover {transform: translateY(-5px);}
.icon-circle {width: 80px;height: 80px;border-radius: 50%;background: #fff5e6;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;border: 2px solid var(--primary);}
.icon-circle img {width: 40px;height: 40px;}
.highlight-box h3 {color: var(--primary);font-size: 1.4rem;margin: 10px 0;font-weight: 700;}
.highlight-box p {font-size: 0.95rem;color: #555;margin-bottom: 20px;flex-grow: 1;font-weight: 700;}
.counter {font-size: 2rem;font-weight: bold;color: var(--accent);margin-bottom: 5px;}.highlight-box small {font-size: 0.85rem;color: #777;}
@media (max-width: 600px) {.about h2 {font-size: 1.8rem;}.highlight-box {padding: 20px 15px;}.counter {font-size: 1.6rem;}}