@font-face {
            font-family: 'Flat Jooza';
            src: url('https://alwifaknewstv.com/download/files/flat-jooza-regular.ttf') format('truetype'); /* Update the path to your font file */
            font-weight: normal;
            font-style: normal;
        }
    
        body { margin: 0;
            font-family: 'Flat Jooza', sans-serif; /* Apply Flat Jooza font to the body */
            background-color: #f4f4f4; /* Light background for contrast */
        }
		
		
.download-buttons {
    display: flex;                  /* Use flexbox for horizontal alignment */
    justify-content: center;        /* Center the buttons horizontally */
    align-items: center;            /* Center items vertically */
    gap: 20px;                      /* Space between buttons */
    padding: 20px;                  /* Add padding around the buttons */
}

.download-buttons a {
    display: inline-block;          /* Allow padding and margin */
    text-decoration: none;          /* Remove underline from links */
}

.download-buttons img {
    width: 150px;                   /* Set a fixed width for images */
    transition: transform 0.2s;     /* Add a transition effect */
}

.download-buttons img:hover {
    transform: scale(1.05);        /* Slightly enlarge on hover */
}

/* Responsive design for smaller screens */
@media (max-width: 600px) {
    .download-buttons img {
        width: 120px;               /* Smaller width on mobile */
    }
}



        .article-page {
            margin-top: 0px;
            padding: 20px; /* Added padding for mobile view */
            background-color: white; /* White background for article */
            border-radius: 10px; /* Rounded corners */
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
        }

        .article-title {
            font-size: 2em; /* Increased font size for the title */
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
            text-align: center; /* Center the title */
        }

        .article-date {
            margin-bottom: 20px;
            font-size: 1.0em; /* Adjusted font size for the date */
            color: #888;
            text-align: center; /* Center the date */
        }

        .article-image {
            margin: 20px auto;
            display: block;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 100%; /* Ensure the image is responsive */
            height: auto; /* Maintain aspect ratio */
        }
		 header {
            background-color: #880000; /* Header background color */
            padding: 10px 10px; /* Padding above and below the logo */
            text-align: center; /* Center the content in the header */
        }
        .logo {
            max-width: 90px; /* Ensure logo is responsive */
            height: auto; /* Maintain aspect ratio */
        }

        .article-content {
            font-size: 25px; /* Set content font size to 25px */
            line-height: 1.8;
            color: #555;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            text-align: justify; /* Justify text for better readability */
        }

        @media (max-width: 768px) {
            .article-title {
                font-size: 1.5em; /* Smaller title on mobile */
            }

            .article-content {
                padding: 15px; /* Smaller padding on mobile */
            }

            .article-page {
                padding: 10px; /* Adjusted padding for smaller screens */
            }
	

        }
   
        body {
            background-color: #000; /* Optional: set background to black to contrast the white text */
        }
        a {
            color: white; /* Make the link white */
            text-decoration: none; /* Remove underline from link */
            font-size: 13px; /* Adjust font size if needed */
        }
        a:hover {
            text-decoration: underline; /* Optional: Underline when hovered */
        }

        /* Internal CSS for quick implementation */
        body {
            margin: 0; /* Remove default body margin */
            
        }

        .banner {
            background-color: #880000; /* Banner background color */
            color: white; /* Text color */
            text-align: center; /* Center the text horizontally */
            padding: 20px; /* Padding for spacing */
            position: relative; /* Positioning context */
        }

        .banner h1 {
            font-size: 17px; /* Font size for the text */
            margin: 0; /* Remove default margin */
        }