/* Our Story Section Styles */
/* our story */
.dark-mode #our-story {
    background: var(--dark-bg);
}
.dark-mode .about-us-our-story-heading {
    color: var(--dark-top-heading);
}
.dark-mode .about-us-our-story-journey-container {
    background: none;
    border: 1px solid gray;
}
.dark-mode .about-us-our-story-journey-container h3 {
    color: var(--dark-top-heading);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .about-us-our-story-heading {
        font-size: 2.5rem !important;
    }

    .about-us-our-story-journey-container {
        padding: 1.25rem !important;
    }

    .about-us-our-story-journey-container h3 {
        font-size: 1.5rem !important;
    }

    .about-us-our-story-journey-container p {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 768px) {
    .about-us-our-story-heading {
        font-size: 2rem !important;
    }

    .about-us-our-story-journey-container {
        padding: 1rem !important;
    }

    .about-us-our-story-journey-container h3 {
        font-size: 1.25rem !important;
    }

    .about-us-our-story-journey-container p {
        font-size: 0.875rem !important;
    }

    .about-us-our-story-image {
        height: 200px !important;
    }
}

@media (max-width: 480px) {
    .about-us-our-story-heading {
        font-size: 1.75rem !important;
    }

    .about-us-our-story-journey-container {
        padding: 0.875rem !important;
    }

    .about-us-our-story-journey-container h3 {
        font-size: 1.125rem !important;
    }

    .about-us-our-story-journey-container p {
        font-size: 0.8125rem !important;
    }

    .about-us-our-story-image {
        height: 180px !important;
    }
}