/* Our Story and Mission Section Styles */
.story-title,
.mission-title {
    font-size: 3rem;
    font-weight: 700;
}

.story-text,
.mission-text {
    color: #555;
    line-height: 1.8;
}

.image-grid img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.image-grid .img-lg {
    height: 380px;
}

.image-grid .img-sm {
    height: 180px;
}

.story-image-grid {
    margin-top: 80px;
}

.story-left-image {
    margin-top: -150px;
}

.mission-section {
    margin-top: -280px;
}

.mission-content {
    margin-top: 200px;
}

.mission-left-image {
    margin-top: -100px;
}

/* Responsive styles for mobile */
@media (max-width: 991px) {
    .story-title,
    .mission-title {
        font-size: 2rem;
    }

    .story-image-grid {
        margin-top: 30px !important;
    }

    .story-left-image {
        margin-top: 0 !important;
    }

    .mission-section {
        margin-top: 50px !important;
    }

    .mission-content {
        margin-top: 30px !important;
    }

    .mission-left-image {
        margin-top: 0 !important;
    }

    .image-grid .img-lg {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .story-title,
    .mission-title {
        font-size: 1.75rem;
    }

    .image-grid .img-lg {
        height: 200px;
    }
}