/* Inline Styling for Clean & Readable Content */
        main {
            padding: 60px 20px;
            max-width: 1000px;
            margin: 0 auto;
            font-family: Arial, sans-serif;
            line-height: 1.7;
            color: #333;
        }
        h1, h2, h3, h4 {
            color: #2c3e50;
            margin: 30px 0 15px;
            border-left: 4px solid #667eea;
            padding-left: 12px;
        }
        h1 {
            text-align: center;
            font-size: 2.5rem;
            border-left: none;
            padding-left: 0;
        }
        h3 {
            color:  #667eea;  
                      font-size: 1.3rem;
        }
        ul {
            padding-left: 30px;
            list-style: disc;
            margin-bottom: 20px;
        }
        li p {
            margin: 8px 0;
        }
        .contact-box {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 10px;
            margin: 40px 0;
            border-left: 5px solid #667eea;
        }
        .contact-box h2 {
            margin-top: 0;
            font-size: 1.5rem;
            color: #2980b9;
        }
        .contact-box ul {
            list-style: none;
            padding-left: 0;
        }
        .contact-box li {
            margin: 10px 0;
            display: flex;
            align-items: center;
        }
        .contact-box i {
            color:  #667eea;
            margin-right: 10px;
            font-size: 1.2rem;
        }
        footer h4{
            border-left: none;
        }
        @media (max-width: 768px) {
            main { padding: 40px 15px; }
            h1 { font-size: 2rem; }
        }