.section-author-list{background:var(--color-bg-light);}
.section-author-list.dark {background:var(--color-bg-dark);}

.author-listbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  text-align: center;
}
.author-listbox > div {
  flex: 1;
}

.author-list-left {
  padding-right: 10%;
}
.author-mcontent {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.author-list-right {
  padding: 40px 0;
  background: #F1F3F4;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.btm-authbg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.btm-authbg img {
  margin: 0 auto;
}

.auth-list {
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  position: relative;
}

.auth-icon img {
  margin: 0 auto 10px;
  max-width: 90px;
}


.section-author-list.dark .stitle h2 {
  color: var(--color-lgrey);	
}
.section-author-list .stitle h2 {
  color: var(--color-black);
}

.section-author-list:not(.dark) .author-mcontent p,
.auth-listcon p,
.auth-profile .auth-job{	
  color: var(--color-l2grey);	
}
.auth-profile .auth-name{color: var(--color-black);}

@media (max-width: 1024px) {
.author-list-left {
  padding-right: 0;
}
}
@media (max-width: 767px) {
.author-listbox {
  flex-direction: column;
}
}