.courses-benifits-heading{
display: flex;
align-items: center; /* Vertically centers content within each section */
justify-content: left;
width: 80%; /* 80% of parent container */
margin: 40px auto; /* Centers horizontally */
margin-bottom: 24px;
background-color: #f0f4f8; /* subtle light blue-gray background */
padding: 16px;
border-radius: 8px;
}

.course-highlights {
    display: grid;
    width: 80%;
    margin: 2rem auto;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); /* Adjust for responsiveness */
    gap: 20px; /* Space between cards */
    background-color: var(--lighter-gray);
    padding: 1rem; /* Padding around the section */
    border-radius: 10px; /* Rounded corners for the overall section */
}

.highlight {
    display: flex;
    flex-direction: row; /* Horizontal layout */
    align-items: center;
    gap: 1rem; /* Space between image and content */
    padding: 1rem;
    background-color: var(--off-white);
    border-radius: 12px; /* Rounded corners for cards */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth hover effects */
}

.highlight:hover {
    transform: translateY(-5px); /* Slight lift effect */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover */
}

.highlight img {
    width: 120px; /* Larger image for emphasis */
    height: auto;
    padding: 10px; /* Adds spacing inside the circular image */
}

.highlight-content {
    flex: 1; /* Allow content to grow and take up space */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.course-benf-tagline {
    color: var(--strong-blue-with-black-shade);
    margin: 0;
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-bold); /* Slightly bolder for emphasis */
    font-family: var(--font-branding);
}

.course-benf-msg {
    color: var(--pure-black);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    font-family: var(--font-readable);
    margin-top: 0.5rem;
    line-height: 1.6; /* Improve readability */
    text-align: justify;
}

/* ✅ Large Desktops (1920px and above) */
@media (min-width: 1920px) {
    .courses-benifits-heading {
        width: 80%; /* Slightly reduce width for better alignment */
        margin: 50px auto; /* Increase margin for spacing */
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 10px;
    }

    .course-highlights {
        width: 80%; /* Keep a balanced width */
        grid-template-columns: repeat(auto-fit, minmax(550px, 1fr)); /* Increase min column size */
        gap: 24px; /* Increase gap for better spacing */
        padding: 2rem; /* More padding for better structure */
        border-radius: 12px; /* Slightly more rounded */
    }

    .highlight {
        gap: 1.5rem; /* Increase space between image and text */
        padding: 1.5rem; /* More padding inside */
        border-radius: 15px; /* Slightly more rounded */
        box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); /* Softer shadow */
    }

    .highlight:hover {
        transform: translateY(-6px); /* Slightly stronger lift effect */
        box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2); /* Stronger hover effect */
    }

    .highlight img {
        width: 140px; /* Larger images for better emphasis */
        height: auto;
        padding: 12px; /* Increase padding */
    }

    .course-benf-tagline {
        font-size: calc(var(--font-size-h3) * 1.2); /* Increase font size */
    }

    .course-benf-msg {
        font-size: 20px;
        line-height: 1.8; /* Better readability */
    }
}

/* ✅ Standard Laptops (1280px - 1536px) */
@media (max-width: 1280px) {
    .courses-benifits-heading {
        width: 89%; /* Slightly wider heading */
        padding: 14px;
        border-radius: 6px;
    }

    .course-highlights {
        width: 89%; /* Increase width slightly */
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); /* Reduce min column size */
        gap: 16px; /* Reduce gap slightly */
    }

    .highlight img {
        width: 110px; /* Slightly smaller images */
        height: auto;
    }

    .course-benf-tagline {
        font-size: calc(var(--font-size-h3) * 0.9); /* Reduce size slightly */
    }

    .course-benf-msg {
        font-size: 16px;
    }
}

/* ✅ Small Laptops (1024px - 1280px) */
@media (max-width: 1024px) {
    .courses-benifits-heading {
        width: 90%;
        padding: 12px;
        border-radius: 4px;
    }

    .course-highlights {
        width: 90%;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); /* Reduce min column size */
        gap: 12px; /* Reduce gap further */
    }

    .highlight img {
        width: 90px; /* Reduce image size */
        height: auto;
    }

    .course-benf-tagline {
        font-size: calc(var(--font-size-h3) * 0.85);
    }

    .course-benf-msg {
        font-size: 14px;
    }
}