/* @import '../base.css';
@import '../components/stickyNavigation.css';
@import '../components/hero2.css';
@import '../components/carousel.css';
@import '../components/footer.css'; */


/* Concept part */
.concept__layout {
    display: flex;
    align-items: center;
}

.concept__layout--column {
    flex-direction: column;
    gap: var(--spacing-md);
}

.concept__image-text-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5%;
    max-width: 1000px;
    align-items: center;
}

.concept__text-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.title--large {
    font-size: 30px;
    color: var(--color-secondary);
    white-space: nowrap;
    font-weight: 700;
}

.title--center {
    display: flex;
    text-align: center;
    align-self: center;
    color: var(--color-secondary);
}

/* Responsive Design */
@media (max-width: 768px) {
    .concept__layout {
        flex-direction: column;
        text-align: center;
    }
    
    .concept__image-text-layout {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-sm);
    }
    
    .title--large {
        font-size: 25px;
        white-space: normal;
    }
    .title--center{
        font-size: var(--mobile-subtitle-size);
    }
    .concept-container.about {
        padding: 100px 20px;
    }
}