/* Wrapper */
.visi-misi{
max-width: 960px;
margin: 40px auto;
padding: 0 16px;
font-family: "Segoe UI", sans-serif;
}
/* Judul */
.vm-title{
text-align: center;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 24px;
color: #111827;
}
/* Card utama */
.vm-card{
background: #ffffff;
border-radius: 16px;
border-top: 4px solid #4f46e5; /* garis biru atas */
box-shadow: 0 10px 30px rgba(0,0,0,.08);
padding: 28px 24px;
}
/* Item */
.vm-item{
display: flex;
gap: 16px;
margin-bottom: 24px;
}
.vm-item:last-child{
margin-bottom: 0;
}
/* Nomor bulat */
.vm-number{
width: 36px;
height: 36px;
min-width: 36px;
background: #e0e7ff;
color: #4338ca;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
/* Konten */
.vm-content{
background: #f9fafb;
border-radius: 12px;
padding: 16px 18px;
border: 1px solid #eef0f3;
flex: 1;
}
/* Subjudul */
.vm-content h3{
margin: 0 0 8px;
font-size: 1.05rem;
font-weight: 700;
color: #1f2937;
}
/* Paragraf */
.vm-content p{
margin: 0;
line-height: 1.6;
color: #374151;
}
/* List misi */
.vm-content ul{
margin: 0;
padding-left: 18px;
line-height: 1.7;
color: #374151;
}
.vm-content ul li{
margin-bottom: 6px;
}
.vm-content ul li:last-child{
margin-bottom: 0;
}
/* Responsif */
@media (max-width: 600px){
.vm-item{
flex-direction: column;
}
.vm-number{
width: 32px;
height: 32px;
}
}
Ada Pertanian Ada Kehidupan