/* --- About Us Section Styles --- */
.about-us {
    position: relative;
    width: 100%;
    min-height: 80vh; /* පෙනුම ලස්සන වෙන්න උස වැඩි කර ඇත */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/images/ourservice.webp'); /* ඔබේ background රූපයේ path එක මෙතනට දාන්න */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Scroll කරන විට රූපය නිශ්චලව පවතින (Parallax) ලස්සන පෙනුමක් ලැබේ */
    padding: 60px 20px;
    text-align: center;
}


/* Content (අකුරු) */
.about-content {
    position: relative;
    z-index: 2; /* Overlay එකට උඩින් පෙන්වීමට */
    max-width: 900px; /* අකුරු පෙළ ලස්සනට මැද පෙනීමට */
}

.about-content h1 {
    font-family: 'Adobe Garamond Pro', serif;
    font-size: 64px; /* Image එකේ විදියට විශාල අකුරු */
    color: #1a0b16;
    margin-bottom: 30px;
    font-weight: normal;
}

.about-content p {
    font-family: 'Adobe Garamond Pro', serif;
    font-size: 24px;
    line-height: 1.6;
    color: #1a0b16;
    word-spacing: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .about-content h1 {
        font-size: 40px;
    }
    
    .about-content p {
        font-size: 18px;
        padding: 0 10px;
    }
    
    .about-us {
        min-height: 60vh;
    }
}