/* About section styles */
.about { padding: 80px 0; background-color: var(--light-gray); }
.about-grid { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.about-content { background-color: var(--white); border-radius: 15px; padding: 40px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
.about-content h2 { font-size: 2rem; color: var(--secondary-gray); margin-bottom: 1.5rem; }
.about-content p { color: var(--secondary-gray); margin-bottom: 1rem; line-height: 1.8; }
.features-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 40px; }
.feature-item { background-color: var(--white); padding: 25px; border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); display: flex; align-items: flex-start; gap: 15px; transition: transform 0.3s ease; }
.feature-item:hover { transform: translateY(-5px); }
.feature-item i { color: var(--primary-blue); font-size: 1.5rem; background-color: rgba(0, 102, 204, 0.1); padding: 12px; border-radius: 50%; }
.feature-item h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--secondary-gray); }
.feature-item p { font-size: 0.9rem; margin-bottom: 0; color: var(--secondary-gray); opacity: 0.8; }
@media (max-width: 768px) { .about-grid { padding: 0 15px; } .features-list { grid-template-columns: 1fr; } .about-content { padding: 30px; } .feature-item { padding: 20px; } }