.Object_CardAccountBox0 {  float: left; width: 100%; padding: 1.2rem 25px 1.2rem ; background-color: rgb(255, 255, 255) ; margin: 0 0 2px; display: flex; flex-direction: row; align-items: center;  }
.Object_CardAccountText { display: flex; align-items: center; text-transform: capitalize; width: 70%; }
.Object_CardAccountIconBox { height: 1.5rem ; width: 1rem; display: flex; justify-content: right; align-items: center; margin-right: 20px ; }
.Object_CardAccountIcon1 { height: 100%; }
.Object_CardAccountTextBox2 { width: 10%; }










.SettingsButton { position: absolute; top: 0px ; right: 0px ; width: 100%; height: 100%;  cursor: pointer;  z-index: 1; border-radius: 5px ; display: flex ; justify-content: right ; align-items: center ; padding-right: 0; }

.Object_ProfileInformationBox { position: relative; width: 100%; padding: 15px 0 15px ; margin: 0 0 3px; border-radius: 0px ;  border-top: solid 0.1px rgba(136, 136, 136, 0.3 ) ; display: flex; align-items: center; justify-content: left ; }





.Object_ProfileDashboardBox0 { position: relative; width: 11rem; height: 13rem; background-color: rgba(0, 0, 0, 0.2) ; margin: 0 0.1em 0.2em ;  padding: 2em 1em 1em ; display: flex; flex-direction: column;  }
.Object_ProfileDashboardIconBox {  height: 2em; width: 100%; display: flex; justify-content: center; }
.Object_ProfileDashboardIcon { height: 100%; opacity: 0.5 ; }

.Object_ProfileDashboardTextBox { padding: 1.5em 0 0 ; width: 100%;  }
.Object_ProfileDashboardName {  font-weight: 100; font-size: 1.5em ; text-align: center; width: 100%; }
.Object_ProfileDashboardDescriptions { margin-top: 0.7em; width: 100%; height: 2.7em; line-height: 1.3em ; font-size: 0.9em; text-align: center; opacity: 0.7; }
.Object_ProfileDashboardNotifications {  width: 100%; line-height: 1.3em ; font-size: 0.9em;  color: rgb(255, 255, 255); font-weight: 600;  text-align: center; background-color: rgb(200, 0, 0);  }












.PopUpBoxOpen { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; overflow-y: scroll;  padding: 17vh 20% 0; z-index: 1000; transition-duration: 0.3s;  }
.PopUpBoxClosed { display: none; }
.PopUpBox1 { width: 100%; height: fit-content; overflow-y: scroll; display: flex; justify-content: center; padding: 40% 20% 20%; }



.PopUpImageBox { display: flex; align-items: center; justify-content: center; border-radius: 400px; overflow: hidden; width: 200px; height: 200px ; margin: 0 0 30px 0 ; box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); }
.PopUpImage { height: 100%; }
.PhotoSubmitBtn{ position: absolute; width: 200px; height: 200px ; background-color: #000; color: white; border-radius: 400px; ; }



.PopUpOpen { position: fixed; top: 0%; left: 0%; width: 100%; height: 100vh; background-color: rgba(44, 44, 44, 0.274); overflow-y: scroll;  z-index: 1000; }


.NotificationPopUp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); overflow-y: scroll ; z-index: 100;  }







.ProfileBackgroundBox { position: fixed ; top: 0 ; width: 100%; height: 100vh ; display: flex ; align-items: center; justify-items: center ; overflow: hidden; z-index: -1; }
.ProfileBackground {  width: 100%; height: auto ; 
    /* filter: blur( 7px ); -webkit-filter: blur( 7px );  */
}



.SettingsChangeProfilePhoto { height: 100% ; filter: invert( 0% ); }




.SignupFormSections { float: left; width: 300px ; padding: 10px ; margin: 0 0.5rem 1rem ; background-color: rgba(255, 255, 255, 0) ; height: fit-content ; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0) ; }





.SectionSetting { float: left; width: 100%; padding: 90px 25% 150px ; scroll-snap-stop: always; }
.ProfileInfoBox0 { position: relative; float: left; width: 100%; margin: 0 0 20px; padding: 20px 2rem 20px ; border-radius: 5px ;  }
.Object_ProfileInformation2 { font-weight: 600; padding: 0 0.7rem 0 ; width: fit-content ; }
.SettingsHeading { margin: 0 0 20px ; padding: 0 15px 0 ; }
.SettingsButtonIcon { height: 50% ; opacity: 0.5 ; }




@media screen and ( max-width: 1700px ) {

}

@media screen and ( max-width: 1200px ) {
    .ProfileBackgroundBox { height: 100vh; width: auto ; }
    .ProfileBackground { height: 100%; width: auto ; }
}

@media screen and ( max-width: 800px ) {
    /* .ToolsBtnBox0 { margin: 2px 0px 15px; } */
    .ToolsBtnBox0 { width: 90px ; height: 90px ; }
    .SectionSetting { padding-left: 5%; padding-right: 5%; }
}

@media screen and ( max-width: 500px ) {
}