.loa01 {width:650px; margin: auto;  text-align:justify;} .loa01 .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; gap:20px;} .loa01 .head {flex:1;} .loa01 .h1 {font-family:'Inter', serif; font-size:22px; font-style:italic; color:#444;} .loa01 .hr { height:1px; background:#ccc; margin:6px 0;} .loa01 .h2 {font-family:'outfit', serif; font-size:16px; color:#888;} .loa01 img {border-radius:10px; object-fit:cover; width:100px; height:100px;} .loa01 b {color:#58a77e;}

.loa02 {width:650px; margin: auto;  text-align:justify;} .loa02 .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; gap:20px;} .loa02 .head {flex:1;} .loa02 .h1 {font-family:'Inter', serif; font-size:22px; font-style:italic; color:#444;} .loa02 .hr { height:1px; background:#ccc; margin:6px 0;} .loa02 .h2 {font-family:'outfit', serif; font-size:16px; color:#888;} .loa02 img {border-radius:10px; object-fit:cover; width:100px; height:100px;} .loa02 b {color:#68b4d6;}


.loa03 {width:650px; margin: auto;  text-align:justify;} .loa03 .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; gap:20px;} .loa03 .head {flex:1;} .loa03 .h1 {font-family:'Inter', serif; font-size:22px; font-style:italic; color:#444;} .loa03 .hr { height:1px; background:#ccc; margin:6px 0;} .loa03 .h2 {font-family:'outfit', serif; font-size:16px; color:#888;} .loa03 img {border-radius:10px; object-fit:cover; width:100px; height:100px;} .loa03 b {color:#b63242 ;}

.loa04 {width:650px; margin: auto;  text-align:justify;} .loa04 .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; gap:20px;} .loa04 .head {flex:1;} .loa04 .h1 {font-family:'Inter', serif; font-size:22px; font-style:italic; color:#444;} .loa04 .hr { height:1px; background:#ccc; margin:6px 0;} .loa04 .h2 {font-family:'outfit', serif; font-size:16px; color:#888;} .loa04 img {border-radius:10px; object-fit:cover; width:100px; height:100px;} .loa04 b {color:#c67723 ;}

.loa05 {width:650px; margin: auto;  text-align:justify;} .loa05 .top {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; gap:20px;} .loa05 .head {flex:1;} .loa05 .h1 {font-family:'Inter', serif; font-size:22px; font-style:italic; color:#444;} .loa05 .hr { height:1px; background:#ccc; margin:6px 0;} .loa05 .h2 {font-family:'outfit', serif; font-size:16px; color:#888;} .loa05 img {border-radius:10px; object-fit:cover; width:100px; height:100px;} .loa05 b {color:#6e3ca3 ;}


.loa001 {
  width: 650px;
  margin: auto;
  position: relative;
  color: #222;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(0,0,0,0.05);
  border: 1px solid #eee; background:#fff;
}

.loa001 .header {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block; margin-bottom:80px;
}

.loa001 .footer {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.loa001 .avatar {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  outline: 8px solid #fff;
  background: #fff;
  z-index: 3;
  object-fit: cover;
}

.loa001 .line1 {
  font: italic 25px 'georgia';
  color: #504563;
  text-align: center;
}

.loa001 .line2 {
  font: 16px 'montserrat';
  color: #777;
  text-align: center;
  letter-spacing:1px;

}

.loa001 .main {
  padding: 50px 30px;
  color: #444;
  text-align: justify;
  font: 15px/1.8 'manrope';
}

.loa001 .main::first-letter {
  font-weight: 600;
  color: #000;
}

.loa001 b {
  color: #4c396e;
}


.loa002 {
  width: 650px;
  margin: auto;
  position: relative;
  color: #222;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(0,0,0,0.05);
  border: 1px solid #eee;
	background:#fff;
}

.loa002 .header {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block; margin-bottom:80px;
}

.loa002 .footer {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.loa002 .avatar {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  outline: 8px solid #fff;
  background: #fff;
  z-index: 3;
  object-fit: cover;
}

.loa002 .line1 {
  font: italic 25px 'georgia';
  color: #a66812;
  text-align: center;
}

.loa002 .line2 {
  font: 16px 'montserrat';
  color: #777;
  text-align: center;
  letter-spacing:1px;

}

.loa002 .main {
  padding: 50px 30px;
  color: #444;
  text-align: justify;
  font: 15px/1.8 'manrope';
}

.loa002 .main::first-letter {
  font-weight: 600;
  color: #000;
}

.loa002 b {
  color: #9c7948;
}


.loa003 {
  width: 650px;
  margin: auto;
  position: relative;
  color: #222;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(0,0,0,0.05);
  border: 1px solid #eee;
	background:#fff;
}

.loa003 .header {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block; margin-bottom:80px;
}

.loa003 .footer {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.loa003 .avatar {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  outline: 8px solid #fff;
  background: #fff;
  z-index: 3;
  object-fit: cover;
}

.loa003 .line1 {
  font: italic 25px 'georgia';
  color: #137539;
  text-align: center;
}

.loa003 .line2 {
  font: 16px 'montserrat';
  color: #777;
  text-align: center;
  letter-spacing:1px;

}

.loa003 .main {
  padding: 50px 30px;
  color: #444;
  text-align: justify;
  font: 15px/1.8 'manrope';
}

.loa003 .main::first-letter {
  font-weight: 600;
  color: #000;
}

.loa003 b {
  color: #578a6a;
}



.loa004 {
  width: 650px;
  margin: auto;
  position: relative;
  color: #222;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(0,0,0,0.05);
  border: 1px solid #eee;
	background:#fff;
}

.loa004 .header {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  display: block; margin-bottom:80px;
}

.loa004 .footer {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.loa004 .avatar {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  outline: 8px solid #fff;
  background: #fff;
  z-index: 3;
  object-fit: cover;
}

.loa004 .line1 {
  font: italic 25px 'georgia';
  color: #107d9e;
  text-align: center;
}

.loa004 .line2 {
  font: 16px 'montserrat';
  color: #777;
  text-align: center;
  letter-spacing:1px;

}

.loa004 .main {
  padding: 50px 30px;
  color: #444;
  text-align: justify;
  font: 15px/1.8 'manrope';
}

.loa004 .main::first-letter {
  font-weight: 600;
  color: #000;
}

.loa004 b {
  color: #6b8c96;
}