/* roulang page: index */
body { font-family: sans-serif; }
        .hero { background-color: #f8f9fa; padding: 4rem 0; text-align: center; }
        .features { padding: 2rem 0; }
        .feature-item { margin-bottom: 2rem; }
        .pricing { padding: 2rem 0; }
        .review { margin-bottom: 2rem; }
        .news { padding: 2rem 0; }
        .faq { padding: 2rem 0; }
        .cta { background-color: #343a40; color: #fff; padding: 2rem 0; text-align: center; }
        .footer { background-color: #e9ecef; padding: 2rem 0; text-align: center; }
        .highlight { color: #28a745; }
        .news-card { border: 1px solid #ccc; padding: 1rem; margin-bottom: 1rem; }
        .news-card a { color: #007bff; text-decoration: none; }
        .faq-item { margin-bottom: 1rem; }
        .faq-item .card { border: 1px solid #ced4da; }
        .faq-item .card-header { background-color: #f0f0f0; }
        .faq-item .card-body { padding: 1rem; }
        .faq-item .accordion-button:not(.collapsed) {
            color: #fff;
            background-color: #28a745;
        }
        .cta-form { max-width: 400px; margin: 0 auto; }
        .cta-form input, .cta-form select { margin-bottom: 1rem; }
        .footer-nav a { color: #495057; text-decoration: none; margin: 0 1rem; }
        .trust-badge { display: inline-block; margin-left: 1rem; }
        .active-link { font-weight: bold; }
        .star-icon { color: #ffc107; }
        .contact-info { margin-bottom: 1rem; }
        .cta-value, .contact-value { font-weight: bold; }
        .bordered { border: 2px solid #28a745; padding: 1rem; }
        .gray-bg { background-color: #e9ecef; }
        .rounded-border { border-radius: 5px; }
        .form-control { border-radius: 5px; }