progress {
    width: 100%;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
}
progress {
    height: 8px;
    border: 0px solid gray;
}

progress::-webkit-progress-bar {
    background-color: #ccc;
    border-radius: 30px;
}

.user-profile-container {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.user-profile-container .user-cover {
    width: 100%;
    height: 212px;
    background-color: #2C6961;
    border-radius: 20px;
    background-size: cover;
}
.user-profile-container .user-picture {
    width: 114px;
    height: 114px;
    background-color: #D9D9D9;
    border: 2px solid white;
    border-radius: 50%;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: -57px;
    margin-bottom: 8px;
}
.user-profile-container .user-infos h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.user-profile-container .user-infos p {
    font-size: 16px;
    margin: 0;
}
.rgnr-tabs {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 20px;
    display: flex;
    gap: 0;
    align-items: center;
}
.rgnr-tabs .tab-item {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    border-bottom: 1px solid #2C696100;
    color: black;
    transition: .4s;
}
.rgnr-tabs .tab-item.active {
    color: #2C6961;
    border-bottom: 1px solid #2C6961;
}

.search-form.s-center {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.flex-columns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.flex-columns.columns-2>div {
    width: calc(50% - 20px);
}


.rgnr-pagination-ctn .pagination .page-numbers {
  border: 1px solid rgba(0, 0, 0, 0.2);!important
  border-radius: 2px;!important
  font-size: 14px;!important
  color: rgb(10 0 0);!important
}
.rgnr-pagination-ctn .pagination .page-numbers.current {
  background: linear-gradient(#2c6961, #29635b);!important
  color: white;!important
  border-color: #2c6961;!important
  font-weight: 700;!important
}
.rgnr-pagination-ctn .pagination .page-numbers.current-info {
  color: black;!important
  font-weight: 700;!important
}


@media screen and (max-width: 768px) {
    .flex-columns.columns-2>div {
        width: 100% !important;
    }
}


.ld-rot {
  animation: rotate_loader 0.5s infinite ease-in-out;
}
.ld-loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #00000033;
  border-top-color: #000000;
  border-radius: 50%;
  animation: rotate_loader 0.5s infinite ease-in-out;
}

.ld-loader.primary {
  border: 3px solid #2c695533;
  border-top-color: #2c6955;
}
.ld-loader.x2 {
  width: 40px;
  height: 40px;
  border-width: 6px;
}

.ld-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255);
  opacity: 0.5;
  z-index: 9;
  user-select: none;
  /* pointer-events: none; */
}
.ld-overlay.x2 {
  background-color: rgba(255, 255, 255);
  opacity: 0.6;
}
.ld-overlay.x3 {
  background-color: rgba(255, 255, 255);
  opacity: 0.7;
}
.ld-overlay.x4 {
  background-color: rgba(255, 255, 255);
  opacity: 0.8;
}
.ld-overlay.x5 {
  background-color: rgba(255, 255, 255);
  opacity: 0.95;
}
.ld-overlay.front {
  z-index: 99999 !important;
}
