/********** About Page CSS **********/

.about-text {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--plum-soft, #6c757d);
    margin-bottom: 16px;
    text-align: justify;
}

.about-image-wrapper {
    border-radius: var(--radius-lg, 15px);
    overflow: hidden;
    box-shadow: var(--shadow-soft, 0 5px 25px rgba(0, 0, 0, 0.08));
}

.about-image-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .about-image-wrapper img {
        height: 250px;
    }
}