/* ===== SECTION LAYOUT ===== */
.section {
    text-align: left;          /* Align everything to the left */
    max-width: 1200px;         /* Control width for readability */
    margin: 0 auto;            /* Center the block itself */
    padding: 60px 20px;
}

/* Justify only paragraphs */
.section p {
    text-align: justify;
    font-size:18px;
}

/* Optional: keep titles clean */
.section h2, 
.section h3 {
    text-align: left;
}
/* =======================================================
   GENERAL SECTIONS (CONTENT BLOCKS)
======================================================= */
.section {
    padding: 50px 80px;
    background-color: white;
    margin-bottom: 25px;
    text-align: left;
}

/* Section headings */
.section h1 {
    color: var(--blue);
    font-size: 52px;
}

.section h2 {
    color: var(--blue);
    font-size: 36px;
}

.section h3 {
    color: var(--black);
    font-size: 18px;
}
/* =========================
   ABOUT FLEX LAYOUT
========================= */
.about-flex {
    display: flex;
    align-items: center;
    gap: 40px;
}

.about-text {
    flex: 1;
    
}

.about-image {
    flex: .80;
}

.about-image img {
    width: 50%;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  
    
}
/* ===== CENTER IMAGE SECTION ===== */
.image-center {
    text-align: center;
}

.image-center img {
    width: 100%;
    border-radius: 15px;
    margin-top: 20px;
}