/* =========================
   RESEARCH SECTION STYLES
========================= */
.research-section {
        background-color: var(--white-color);
        padding: 3rem 0;
}

.research-container {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
        /* center the heading/subheading only */
}

.research-section .section-heading {
        /* You already have .section-heading in your code, 
     but we can ensure it matches your style or override if needed */
        margin-bottom: 1rem;
}

.research-section .section-subheading {
        margin: 0 auto 2rem auto;
}

/* Each "block" is a row with image + text in two columns */
.research-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* 2 columns: image & info */
        gap: 2rem;
        align-items: center;
        margin-bottom: 3rem;
        position: relative;
}

/* Alternate the image & text sides */
.research-block.even .research-image {
        order: 1;
        /* Image on left for "even" blocks */
}

.research-block.even .research-info {
        order: 2;
}

.research-block.odd .research-image {
        order: 2;
        /* Image on right for "odd" blocks */
}

.research-block.odd .research-info {
        order: 1;
}

/* Image container */
.research-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        max-height: 500px;
        object-fit: cover;
}

/* Text container */
.research-info {
        text-align: left;
}

.research-title {
        font-size: 1.6rem;
        color: var(--primary-color);
        margin-bottom: 0.5rem;
}

.research-desc {
        font-size: 1rem;
        color: var(--text-color);
        line-height: 1.6;
        margin-bottom: 1rem;
}

.research-link {
        text-decoration: none;
        color: var(--accent-color);
        font-weight: 500;
}

/* Responsive Tweak for Mobile */
@media (max-width: 768px) {
        .research-block {
                grid-template-columns: 1fr;
                /* single column on mobile */
        }

        .research-block.even .research-image,
        .research-block.even .research-info,
        .research-block.odd .research-image,
        .research-block.odd .research-info {
                order: 0;
                /* no reordering on mobile */
        }

        .research-image img {
                margin-bottom: 1rem;
        }
}