@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css');

.hidden-lg {
   display: none;
}
.show-lg {
   display: block;
}
.hidden-sm {
   display: block;
}
.show-sm {
   display: none;
}

.d-flex {
   width: 100%;
}

.w-20 {
   width: 20%;
}

.w-30 {
   width: 30%;
}

.w-70 {
   width: 70%;
}

.w-80 {
   width: 80%;
}

.l-50 {
   left: 50%;
}
.text-center {
   text-align: center;
}

.input-group-label {
   position: absolute;
   top: -30%;
   left: 2%;
   font-weight: 700;
   color: #0d6efd;
   background-color: white;
   font-size: 14px;
}

.textarea-group-label {
   position: absolute;
   top: -20%;
   left: 2%;
   font-weight: 700;
   color: #0d6efd;
   background-color: white;
   font-size: 14px;
}

@media (max-width: 768px) {
   .hidden-lg {
      display: block;
   }
   .show-lg {
      display: none;
   }
   .hidden-sm {
      display: none;
   }
   .show-sm {
      display: block;
   }

   .w-sm-100 {
      width: 100% !important;
   }

   .input-group-label {
      top: -35%;
      font-size: 1rem !important;
   }

   .textarea-group-label {
      top: -25%;
      font-size: 1rem !important;
   }
}