/* Custom CSS */
        body {
            font-family: Arial, sans-serif; /* Setting a default font */
            background-color: #f4f7fc; /* Light background color for the page */
            color: #333; /* Default text color */
            margin: 10px;
            padding: 5px;
        }

        h1, h2 {
            color: #c42f2f; /* Blue color for headings */
            justify-content: center;
        }

        h1 {
            font-size: 2.5rem; /* Larger font size for the main title */
            font-weight: bold;
            margin-bottom: 20px;
            text-align: center;
        }

        h2 {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 15px;
        }

        h4 {
            text-align: center;
            font-weight: bold;
        }

        p {
            font-size: 1.1rem; /* Slightly larger text for paragraphs */
            line-height: 1.6;
            margin-bottom: 20px;
            text-align: justify;
        }

        .container {
            background-color: #ffffff; /* White background for content */
            border-radius: 10px; /* Rounded corners */
            padding: 30px;
            max-width: 98%;
            display: flex;
            flex-direction: column; /* Stack children vertically */
            align-items: flex-start; /* Align items to the top of the container */
        }

        .row {
            margin-bottom: 30px;
        }

        .col-lg-6, .col-lg-9, .col-lg-3 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .col-12 {
            padding-left: 15px;
            padding-right: 15px;
        }

        .logo {
            margin: 0;
            @media (max-width: 576px) {
                padding-right: 150px;
                }
            }
        

        /* Add custom spacing for mobile view */
        @media (max-width: 768px) {
            .container {
                padding: 20px;
            }

            h1 {
                font-size: 2rem; /* Smaller font size for smaller screens */
            }

            h2 {
                font-size: 1.5rem;
            }

            p {
                font-size: 1rem; /* Adjust paragraph size for mobile */
            }
        }

        /* Custom styling for links (if you have any links in the content) */
        a {
            color: #004C97; /* Link color matching the headings */
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline; /* Underline on hover for links */
        }

        /* Adjust image size for smaller screens */
        @media (max-width: 768px) {
            .header-ideoorg {
            width: 150px; /* Adjust to desired size for smaller screens */
            }
        }

/* Redishh background for card */
.colored {
    background-color: rgb(238, 175, 175); /* Set background color to red */
    color: rgb(0, 0, 0); /* Make text readable by changing its color to white */
}

.card {
    border-radius: 8px; /* Optional: for rounded corners */
}