/* Fix for malformed CSS transitions that cause browser errors */

/* Fix .clients .brand:hover .link transition errors */
.clients .brand:hover .link {
  -webkit-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}

/* Fix portfolio transition-delay errors */
.portfolio .metro .info-overlay .item-img .info .tag {
  -webkit-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

/* Ensure survey form elements display properly */
.survey-form .likert-question {
  clear: both;
  margin: 20px 0;
}

.survey-form .likert-question .form-check-label {
  display: inline-block !important;
  font-size: 1rem !important;
  color: #333 !important;
  cursor: pointer !important;
  margin-left: 8px !important;
}

.survey-form .likert-question .form-check {
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
}

.survey-form .likert-question .form-check-input {
  margin-right: 12px !important;
  margin-top: 0 !important;
}

/* Ensure question text is visible */
.survey-form .question-text {
  display: block !important;
  font-size: 1.25rem !important;
  font-weight: bold !important;
  color: #333 !important;
  margin-bottom: 15px !important;
}

/* Make sure all form labels are visible */
.survey-form label {
  display: inline-block !important;
  font-weight: normal !important;
  color: #333 !important;
}

/* Fix multiselect question positioning */
.survey-form .multiselect-question {
  clear: both !important;
  margin: 20px 0 !important;
  width: 100% !important;
  overflow: visible !important;
  position: relative !important;
}

.survey-form .multiselect-question .form-group {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.survey-form .multiselect-question .form-check {
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  position: relative !important;
  padding-left: 0 !important;
}

.survey-form .multiselect-question .form-check-input {
  margin-right: 12px !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.survey-form .multiselect-question .form-check-label {
  display: inline-block !important;
  font-size: 1rem !important;
  color: #333 !important;
  cursor: pointer !important;
  margin-left: 8px !important;
  flex-grow: 1 !important;
}

.survey-form .multiselect-question .ms-4 {
  margin-left: 1.5rem !important;
  width: calc(100% - 1.5rem) !important;
}

.survey-form .multiselect-question small.text-muted {
  font-size: 0.875em !important;
  color: #6c757d !important;
  margin-top: 10px !important;
  display: block !important;
}