.msg_display
{
padding:10px;
margin-bottom:15px;
}
.error-msg{
background:#ffe7e7;
border:1px solid #ff9191;
color:#d00;
}
.success-msg{
background:#d5f7b7;
border:1px solid #d5f7b7;
color:#999ef4
}
.msg-p
{
 margin:0;
font-weight:bold;
}

/** header **/
.top-header{
display: flex;
width: 100%;
max-width: 100%;
}
.header-menu-container{
display: flex;
width: 100%;
align-items: center;
margin: 20px 10px;
}
.header-menu-container .menu-wrapper ul{
display: flex;
align-items: flex-start;
gap: 10px;
list-style: none;
}
.logged-in .menu-wrapper .register,.logged-in .menu-wrapper .login,.logged-in .menu-wrapper .inline-login{
 display: none;
}
.header-menu-container .left-wrapper{
 display: flex;
 width: 40%;
 justify-content: center;
}
.header-menu-container .right-wrapper
{
display: flex;
justify-content: flex-end;
width: 60%;
margin-right: 10%;
}
/** header end **/

/**registration **/
.user-registration-main-wrapper{
display: flex;
width: 100%;
flex-direction: row;
}
.registration-left-wrapper{
display: flex;
width: 40%;
}
.registration-right-wrapper{
display: flex;
width: 60%;
flex-direction: column;
}
.reigstration-fieldset-wrapper{
width: 100%;
display: flex;
padding: 10px;
}
.reigstration-wrapper .field-block{
display: flex;
padding: 10px;
margin: 10px;
}

.reigstration-wrapper .acf-form-fields {
display: flex;
padding: 10px;
margin: 10px;
}

/*end*/

/*footer**/
.footer-content{
 display: flex;
 flex-direction: column;
 width: 100%;
}
.menu-footer-container{
display: flex;
align-items: flex-start;
width: 100%;
}
.menu-footer-container ul{
display: flex;
list-style: none;
gap: 10px;
}
/*footer end*/

/*User Dasboard*/
.dashboard-container { display: flex; max-width: 1200px; margin: 0 auto; }
.dashboard-sidebar { flex: 0 0 250px; padding-right: 20px; border-right: 1px solid #eee; }
.dashboard-content { flex-grow: 1; padding-left: 40px; }
.dashboard-menu ul { list-style: none; padding: 0; }
.dashboard-menu li a { display: block; padding: 10px; text-decoration: none; border-radius: 4px; }
.dashboard-menu li.active a { background-color: #0073aa; color: white; }


.profile-layout-container {
display: flex;
gap: 40px; /* Space between columns */
align-items: flex-start; /* Align columns to the top */
}
.profile-image-column {
flex: 0 0 200px; /* Fixed width for the image column */
text-align: center;
padding: 20px;
}
.profile-fields-column {
flex-grow: 1; /* Takes up remaining space */
min-width: 300px;
}
.current-avatar-circle img {
border-radius: 50%;
margin-bottom: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/*end*/