EDU/Website/NEducation/Content/assets/css/account_profile.css

.form-horizontal {
    display: flex;
    max-width: var(--max-width);
    margin: auto;
    height: 100%;
    /*padding: 0px 15px;*/
    position: relative;
}

    .form-horizontal .form-group {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

        .form-horizontal .form-group .card {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            max-width: 100%;
            margin: auto;
            text-align: center;
            margin-top: 50px;
        }

            .form-horizontal .form-group .card .input-area {
                font-size: 18px;
                font-weight: 500;
                padding-left: 10px;
                border-radius: 5px 5px 5px 5px;
                height: 45px;
                width: 80%;
                margin-bottom: 10px;
                border: #d7d7d7 solid 1px;
            }

            .form-horizontal .form-group .card .title {
                font-size: 20px;
                text-align: left;
                color: #272c59;
                height: 100%;
                width: 100%;
            }

            .form-horizontal .form-group .card .image {
                display: block;
                margin-left: auto;
                margin-right: auto;
                padding: 10px 50px 50px 50px;
            }

            .form-horizontal .form-group .card .column-style {
                padding: 0px 50px 50px 50px;
                text-align: left
            }

                .form-horizontal .form-group .card .column-style .row-style {
                    padding: 10px;
                    text-align: left
                }