
    body{
        padding-top:120px;
        color: #333; /* Ensure text color is consistent */
        font-family: Arial, sans-serif; /* Ensure font is consistent */
        line-height: 1.6; /* Ensure line height is consistent */
    }
    .article-container {
        max-width: 900px;
        margin: auto;
        background: #fff;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    h2 {
        color: #05668d;
    }
    
    h2 {
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
        font-size:1.6rem;
        margin-top: 30px;
    }
    p {
        margin-bottom: 15px;
        line-height: 1.6;
        font-size: 1.2rem;
    }
    .ul1 {
        list-style: disc;
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .ul1 li {
        margin-bottom: 10px;
        font-size: 1.1rem;
        line-height:1.4;
    }
    strong {
        color: #05668d;
    }
    .call-to-action {
        text-align: center;
        margin-top: 40px;
        padding-top: 20px;
        border-top: 2px solid #eee;
    }

 
    /* --- Animation CSS --- */

    /* Keyframe for a simple fade-in animation */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Keyframe for a slight slide-up animation (optional) */
    @keyframes slideUp {
        from { opacity: 0; transform: translateY(50px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Base class for elements that will be animated on scroll */
    .animated-section {
        opacity: 0; /* Hidden by default */
        transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* Smooth transition for property changes */
        transform: translateY(20px); /* Start slightly below */
    }

    /* Class to trigger the fade-in animation */
    .animated-section.fade-in {
        opacity: 1;
        transform: translateY(0);
    }

    /* Specific animation for the image */
    .animated-image {
        opacity: 0;
        transform: scale(0.9);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .animated-image.fade-in {
        opacity: 1;
        transform: scale(1);
    }
