/* GLOBAL STYLING */

body{
font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f6fbff;
color:#333;
line-height:1.6;
}


/* PAGE HEADER */

.page-header{
  background: linear-gradient(rgba(15,76,117,0.9), rgba(27,154,170,0.9));
color:white;
text-align:center;
padding:60px 20px;
}

.page-header h1{
font-size:40px;
margin-bottom:10px;
}



.hospital-history{
padding:70px 20px;
background:#f6f8fb;
}

.history-container{
max-width:900px;
margin:auto;
}

.history-title{
text-align:center;
font-size:32px;
margin-bottom:50px;
color:#1e2a38;
}

.timeline-item{
margin-bottom:35px;
padding-left:20px;
border-left:3px solid #1e6bb8;
}

.timeline-date{
display:block;
font-weight:700;
color:#1e6bb8;
margin-bottom:8px;
font-size:18px;
}

.timeline-item p{
color:#444;
line-height:1.7;
font-size:16px;
}

/* Missionaries section */

.missionaries-section{
display:flex;
justify-content:center;
gap:40px;
margin:40px 0;
flex-wrap:wrap;
}

.missionary-card{
background:white;
padding:15px;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
text-align:center;
max-width:230px;
}

.missionary-card img{
width:100%;
height:260px;
object-fit:cover;
border-radius:8px;
margin-bottom:10px;
}

.missionary-card h4{
font-size:16px;
color:#222;
}

/* Mobile responsiveness */

@media (max-width:600px){

.history-title{
font-size:26px;
}

.timeline-date{
font-size:16px;
}

.timeline-item p{
font-size:15px;
}

}


/* MATRON SECTION */

.matron-section{
background:#eef6ff;
text-align:center;
}

.section-intro{
max-width:700px;
margin:auto;
margin-bottom:40px;
}



/* MATRON GRID */

.matron-grid{

display:grid;

grid-template-columns:repeat(auto-fit, minmax(220px,1fr));

gap:30px;

}



/* MATRON CARD */

.matron-card{

background:white;

padding:20px;

border-radius:10px;

box-shadow:0 4px 15px rgba(0,0,0,0.08);

transition:transform 0.3s;

}

.matron-card:hover{

transform:translateY(-5px);

}



/* MATRON IMAGE */

.matron-card img{

width:120px;

height:120px;

border-radius:50%;

object-fit:cover;

margin-bottom:15px;

}



/* HOME BUTTON */

.home-button{

position:fixed;

bottom:30px;

right:30px;

background:#198754;

color:white;

padding:15px 25px;

font-size:16px;

border-radius:40px;

text-decoration:none;

box-shadow:0 6px 20px rgba(0,0,0,0.2);

transition:0.3s;

}

.home-button:hover{

background:#157347;

transform:scale(1.05);

}



/* MOBILE RESPONSIVE */

@media (max-width:768px){

.page-header h1{

font-size:28px;

}

.home-button{

bottom: 50px;

right: 1px;

padding:12px 20px;

}

}

.gap{
height:10px;
}