/**
 * Bright Infosystem Website
 *
 * @file ecommerce_intro_section.css
 * @description Styles for the e-commerce intro section.
 * @version 1.0
 */
.service-intro-section { padding: 100px 20px; }
.service-intro-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.service-intro-content h2 { font-size: 40px; color: var(--primary-color); line-height: 1.4; margin-bottom: 25px; }
.service-intro-content p { font-size: 18px; color: var(--text-color); line-height: 1.8; }
.service-intro-image img { max-width: 100%; height: auto; border-radius: 20px; }

/* Animation */
.fade-in-element { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.fade-in-element.is-visible { opacity: 1; transform: translateY(0); }

/* Responsive */
@media (max-width: 900px) {
    .service-intro-container { grid-template-columns: 1fr; text-align: center; }
    .service-intro-image { order: -1; margin-bottom: 40px; }
}