.image-cropper {
  height: 70vh !important;
}

.image-submit-area,
.image-cropper-area,
.result {
  display: none;
}

.pageLoaderOverlay {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 999998;
  opacity: 0.8;
  display: block;
  top: 0;
  left: 0;
}

#pageLoader {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999999;
  margin-left: -67px;
}

.navbar {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding: 0;
}

.main-content {
  padding-top: 100px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
  background-color: #873e23 !important;
  border-color: #873e23 !important;
}

body {
  background-image: url(/assets/bg-healin.webp);
  background-position: top center;
  background-size: 140vw;
  background-repeat: no-repeat;
  background-color: #000;
}

:root {
  --bs-link-color: #444;
  --bs-link-hover-color: #222;
}

.take-photo-image {
  width: 380px;
  margin-top: -100px;
  border-radius: 100px;
}

.take-photo-wrapper{
  position: relative;
  cursor: copy;
  transition: all 1.4s ease;
}

.take-photo-wrapper:hover{
  transform: scale(1.1);
}

.take-photo-wrapper .take-photo-text{
  position: absolute;
  bottom: 128px;
  font-size: 30px;
  width: 140px;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: copy;
}
.take-photo-wrapper .take-photo-text label{
    cursor: copy;
}

.nav-tabs {
  font-size: 12px;
}

.cr-slider::-webkit-slider-runnable-track {
  background: #444 !important;
}

.langSwitcher .btn{
  border-radius: unset;
}

.langSwitcher .btn img{
  display: block;
  width: 30px;
  height: 20px;
  object-fit: cover;
}
