.gradientHolder {background: radial-gradient(circle at 50% 100%, rgb(211 219 242 / 50%) 0.02%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(white, white);;}
.membersHolder {display: flex;width: 100%;max-width: 1144px;margin:0 auto;flex-direction: column;gap: 50px;padding-bottom: 75px;padding-top: 75px;}

.memberBox {display: flex;width: 95%;background: #fff;border-radius: 20px;min-height: 380px;/*border: 1px solid #D7E2EE;*/overflow: hidden;}
.memberBox.reverse {flex-direction: row-reverse;}
.memberBox > .imageHolder {position: relative;width: 380px;}
.memberBox > .imageHolder > img {position: absolute;bottom:0;left: 0;}

.imageHolder {margin-right: 50px}
.memberBox.reverse > .imageHolder {margin-right: 0;margin-left: 50px;}
.memberBox.reverse > .imageHolder > img {left: auto; right:0;}
.textSideHolder {display: flex;flex-direction: column;padding-bottom: 20px;padding-top: 45px;}
.memberBox.reverse > .textSideHolder {padding-left: 40px;}
.textSideHolder > .name {color: #2D659A;font-size: 45px;font-weight: 500;}
.textSideHolder > .description {color: #284F74;font-size: 22px;font-weight: 400;line-height: 35px;margin-top: 30px;min-height: 225px;width: 100%;max-width: 690px;}
.textSideHolder > .buttonsHolder {display: flex;flex-direction: row;gap: 10px;}

@media all and (max-width: 800px) {
    .textSideHolder {padding:0 20px;}

    .memberBox {flex-direction: column;margin:0 auto;padding-bottom: 25px;}
    .memberBox > .imageHolder > img {position: relative;}
    .memberBox > .imageHolder {margin-bottom: 20px;}

    .memberBox.reverse {flex-direction: column;}
    .memberBox.reverse > .imageHolder {margin-left: 0;}
    .memberBox.reverse > .textSideHolder {padding-left: 20px;padding-right: 20px;}

    .textSideHolder > .description {font-size: 20px;}

    .moreButton > .buttonText {font-size: 16px !important;}
}
@media all and (max-width: 380px) {
    .textSideHolder > .buttonsHolder {flex-direction: column;justify-content: center;align-items: center;}
}