#change_background_picture > div{
      margin-left: auto;
      display: inline-block;
      background: white;
      padding: 0.7%;
      border-radius: 100%;
    }

    #change_background_picture > div > i {
      background: #f9b20f;
      background-image: linear-gradient(90deg, #f9b20f 0%, #d9027d 60%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .on-mobile-hide, .on-mobile-smaller-hide {
      width: 25%;
    }

    @media screen and (max-width:1500px) { /* below this do the following */
      .on-mobile-hide {
        display: none;
      }
      .on-mobile-smaller-hide {
        width: 50%;
      }
    }

    @media screen and (max-width:632px) { /* below this do the following */
      .on-mobile-smaller-hide {
        display: none;
      }
    }

    @media only screen and (max-width: 825px) {
      #login-user-circle {
        display: none !important;
      }
      .create_user_form_wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
      }
    }

    .a2a_s_link {
      background-color: #e76740 !important;
    }

    body {
  /* color: grey; */
  /* mask: linear-gradient(-60deg, #000 30%, #0005, #000 80%) right/350% 100%; */
  /* animation: shimmer 3s;/* infinite;*/
  
  
}

@keyframes shimmer {
  100% {
    mask-position: left
  }
}

body > div.page_wrapper > div.page_content > div.profile > div > div.profile_section > div.profile_aside > div > div.profile_sidebar_info > div.profile_sidebar_body.profile_sidebar_section > div.profile_CV > div > a > h3{
  font-family: "Bebas-300";
  white-space: nowrap;
}
body > div.page_wrapper > div.page_content > div.profile > div > div.profile_section > div.profile_aside > div > div.profile_sidebar_info > div.profile_sidebar_body.profile_sidebar_section > div.profile_CV > div > a > h3:hover{
  text-decoration: underline;
}
body > div.page_wrapper > div.page_content > div.profile > div > div.profile_section > div.profile_aside > div > div.profile_sidebar_info > div.profile_sidebar_body.profile_sidebar_section > div.profile_CV > div > a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Bebas-400";
  cursor: pointer;
}
/** {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}*/
.wrapper {
  width: min(90%, 800px);
  position: absolute;
  transform: translateX(-50%);
  top: 1em;
  left: 50%;
  background-color: #ffffff;
  padding: 2em 3em;
  border-radius: 0.5em;
}
.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  border-radius: 7px;
}
.container .image-container,
.container .preview-container {
  width: 100%;
}
input[type="file"] {
  /* display: none; */
}
label {
  display: block;
  position: relative;
  background-color: #025bee;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  width: 250px;
  padding: 16px 0;
  border-radius: 0.3em;
  margin: 16px auto;
  cursor: pointer;
}
img {
  display: block;
  /* Important for cropper js*/
  max-width: 100%;
}
.image-container {
  width: 60%;
  margin: 0 auto;
}
.options {
  display: flex;
  justify-content: center;
  gap: 1em;
}
input[type="number"] {
  width: 100px;
  padding: 16px 5px;
  border-radius: 0.3em;
  border: 2px solid #000000;
}
button {
  padding: 1em;
  border-radius: 0.3em;
  border: 2px solid #025bee;
  background-color: #ffffff;
  color: #025bee;
}
.btns {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 1em;
}
.btns button {
  font-size: 1em;
}
.btns a {
  border: 2px solid #025bee;
  background-color: #025bee;
  color: #ffffff;
  text-decoration: none;
  padding: 1em;
  font-size: 1em;
  border-radius: 0.3em;
}
.hide {
  display: none;
}

.profile_sidebar_body.profile_sidebar_section > .user_link_group_item {
  justify-content: center !important;
}