.foundation-profile-container {
    width: 1248px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 5px;
    margin-top: -60px;
}

.foundation-profile-header {
    background: #FFF5E3;
    border-radius: 12px 12px 0 0;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 44px;
    color: #E29D2A;
    font-size: 16px;
;
}

.foundation-profile-detail {
    padding: 20px 45px 20px 45px;
    font-size: 16px;
}

.donate-table-container {
    margin-top: 150px;
}

.foundation-area-container-1 {
    background: #DAE9FF !important;
}

.foundation-area-container-2 {
    background: #EAFFF9 !important;
}

.foundation-area-container-3 {
    background: #FFEFF8 !important;
}

.foundation-area-container-4 {
    background: #F6EEFF !important;
}

.foundation-area-text-1 {
    color: #2B2D42 !important;
}

.foundation-area-text-2 {
    color: #00D997 !important;
}

.foundation-area-text-3 {
    color: #B94A86 !important;
}

.foundation-area-text-4 {
    color: #9267C8 !important;
}

.mobile-order-table-container .mobile-order-table {
    margin-top: 20px;
}

.customer-foundation-button {
    font-size: 14px !important;
    margin-top: 10px;
    border: 2px solid #2B2D42;
    border-radius: 16px;
    padding: 2px 12px;
}

.leave-foundation-button {
    font-size: 14px !important;
    margin-top: 10px;
    background: #D8394B;
    padding: 2px 12px;
    border-radius: 16px;
}

@media screen and (max-width: 1024px) {
    .foundation-profile-container {
        width: 300px;
    }

    .foundation-head-content {
        max-width: 100%;
        padding: 24px 24px 80px 24px;
    }

    .foundation-logo {
        width: 140px;
        height: 140px;
    }
}