html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    background-color: rgb(228, 103, 199);
    /* line-height: 1.6; */
}


/* Paragraphs */
/* p {
    font-size: 20px;
    margin-bottom: 1rem;
} */

/* History Section */
#History {
    width: 80%;
    margin: 2rem auto;
    padding: 2rem;
    text-align: center;
    background-color: rgb(182, 155, 206);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

#History p {
    font-size: 20px;
    color: black;
    text-align: justify;
}

#History h1 {
    font-size: 28px;
    color: black;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

#History h2 {
    color: rgb(67, 9, 9);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* Founder Section */
#Ourfounder {
    display: flex;
    width: 100%;
    margin: 2rem 0;
    align-items: center;
    justify-content: center;
}

.founderimage {
    width: 40%;
    text-align: center;
}

.founderimage img {
    width: 400px;
    height: 400px;
    object-fit: cover;
    border-radius: 8px;
    margin-left: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.desc {
    font-size: 20px;
    margin: 0 50px;
    flex: 1;
}
.map {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
    gap: 15px;
}

.map img {
    width: 200px;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.milestone, 
.charism {
    margin: 2rem 20px;
    padding: 1.5rem;
    background: rgba(255,255,255,0.6);
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Core Values */
#Corevalues {
    margin: 2rem 40px;
    font-style: italic;
}

#Corevalues h1 {
    font-size: 28px;
    margin-bottom: 1rem;
    color: rgb(67, 9, 9);
    
}

#Corevalues ol {
    width: 70%;
    /* margin: auto; */
    padding: 1.5rem;
    list-style-position: inside;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(159, 80, 159, 0.923);
    background-color: blanchedalmond;
}

#Corevalues ol li {
    font-size: 22px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin-top: 1rem;
    padding: 5px;
  margin: 5px auto;
}

/* Utility for small left padding */
.p {  
    margin-left: 20px; 
}