/* =======================================================
   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: 36px;
}
/* =========================
   ABOUT FLEX LAYOUT
========================= */
.about-flex {
    display: flex;
    align-items: center;
    gap: 40px;
}

.about-text {
    flex: 1;
    
}
p {
    text-align: justify;
}
.about-image {
    flex: .80;
}

.about-image img {
    width: 70%;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}