.buildProfile {
    /* max-width: 1176px; */
    height: 384px;
    background: #0EA89BFF;
    border-radius: 8px;
    overflow: hidden;
    width: 90%;
}

.profileDesign {
    width: 306px;
    height: 457px;
    background: #18ECDBFF;
    border-radius: 153px 153px 0px 0px;
    /* margin-right: 85px; */
    box-shadow: 0px 17px 35px #18ecdb47, 0px 0px 2px #18ecdb29;
}

.profileContent {
    width: 460px;
    max-width: 90%;
}

.profileContent h2 {
    font-family: Sarabun;
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    color: #FFFFFFFF;
}

.profileContent p {
    font-family: Lato;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #DEE1E6FF;
    text-align: justify;
}

.profileContent button {
    width: 80px;
    height: 44px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #0EA89BFF;
    background: #ECFDFCFF;
    opacity: 1;
    border: none;
    border-radius: 4px;
}


.profileContent button:hover {
color: #0EA89BFF;
background: #A5F8F1FF;
}

.profileContent button:hover:active {
color: #0EA89BFF;
background: #5EF2E6FF;
}

.profileCircle {
    width: 64px;
    height: 64px;
    font-family: Lato;
    font-size: 32px;
    line-height: 48px;
    font-weight: 400;
    color: #FFFFFFFF;
    background: #FF832BFF;
    opacity: 1;
    overflow: hidden;
    border-radius: 32px;
    /* margin-right: 140px; */
    margin-top: 40px;
}