/* =================================
   ABOUT PAGE STYLES
=================================== */

.large-text-about {
    font-size: 1.1rem;
    line-height: 1.3;
    padding-bottom: 0rem !important;
    color: var(--text-color);
    margin-top: 1rem;
}

#suites-click.content-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem;
    padding-top: 10rem;
}

#about-card-image {
    flex: 1;
    min-height: 700px;
    position: static;
}

#about-card-content {
    flex: 1;
    position: relative;
    position: sticky;
    top: 100px;
}

@media (min-width: 768px) {
    #suites-click.content-card {
        flex-direction: row;
        align-items: flex-start;
        gap: 2rem;
        min-height: 100dvh;
    }

    #about-card-image {
        position: sticky; 
        top: 100px;
    }
}

@media (max-width: 768px) {
    #about-card-image {
        min-height: auto !important; 
        top: 0 !important;
    }

    #about-card-content {
        top: 0 !important;
    }
}