.team-home-border {
border-top: rgba(0, 0, 0, 0.10) solid 1px;
}
.team-home-border-bottom {
border-bottom: rgba(0, 0, 0, 0.10) solid 1px;
}
.team-home ol {
list-style: none;
margin: 0;
padding: 0;
gap: 24px;
}
.team-home li {
flex-basis: 230px;
display: block;
padding: 26px 13px;
border-radius: 30px;
height: 240px;
flex-grow: 1;
border: var(--tm-border);
background: var(--tm-grey);
position: relative;
}
.team-home ol {
gap: 2;
justify-content: space-between;
max-width: 1090px;
margin: auto;
position: relative;
}
.team-home li > span {
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 40px;
color: var(--tm-dark-blue);
padding: 14px 14px 0px 14px;
border-radius: 100px;
width: 72px;
height: 72px;
display: block;
margin: auto;
margin-top: -62px;
text-align: center;
border: var(--tm-border);
background: var(--tm-grey);
border-left: unset;
border-right: unset;
border-bottom: unset;
}
.team-home .tm-desk-title {
margin-bottom: 32px;
}
.team-home .tm-desk-title:nth-child(4) {
padding-top: 0;
}
.team-home li > img {
display: block;
margin: 12px auto 30px;
height: 84px;
}
.team-home li p {
margin-bottom: 0;
}
.team-home h2:nth-child(3) {
text-align: center;
margin-top: 0;
padding-top: 0;
margin-bottom: 32px;
}
.team-home p {
margin: 0 0 132px 0;
}
.container-large.team-home.tm-pb-mobile-100 {
padding-bottom: 12px !important;
}
img.cora-reading {
position: absolute;
width: 80px;
transform: rotate(9deg);
top: -93px;
height: auto!important;
right: 20px;
z-index: -1;
}
@media (max-width: 768px) {
.container-large.team-home.tm-pb-mobile-100 {
padding-bottom: 36px !important;
}
.team-home ol {
flex-direction: column;
}
.team-home li {
height: 182px;
flex-basis: auto;
padding: 25px 12px 18px 12px;
width: 280px;
margin: auto;
margin-bottom: 40px;
}
.p-team-home {
margin-bottom: 100px !important;
}
.team-home li p {
margin-bottom: 0;
}
.team-home ol {
flex-wrap: wrap;
}
img.cora-reading {
right: -70px;
transform: rotate(-45deg)!important;
width: 69px;
top: -97px;
}
.team-home li > span {
margin-bottom: -11px;
line-height: 26px;
}
.team-home li > img {
height: 60px;
}
.team-home li:nth-child(1) img {
height: 72px;
margin-bottom: 20px;
object-fit: contain;
}
.team-home li > span {
font-size: 28px;
}
.team-home li h3 {
font-size: 18px;
line-height: 27px;
}
}
@media (max-width: 710px) {
.team-home li:last-child {
margin-bottom: 0px;
}
}
@media (min-width: 990px) and (max-width: 1080px) {
.team-home ol {
gap: 25px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 767px) and (max-width: 990px) {
.team-home ol {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 767px) and (max-width: 927px) {
.team-home ol {
gap: 40px;
}
.team-home ol {
gap: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
width: 90%;
margin: auto;
}
}
@media (min-width: 400px) and (max-width: 766px) {
.cora-reading {
right: -90px!important;
}
}