@import url('../fonts/fonts.css');

#janitorial-quotes-calculator {
  min-width: 100%;
  font-family: 'Zurich';
}
#janitorial-quotes-calculator h2 {
  font-family: 'Impact';
}
#janitorial-quotes-calculator label {
  font-family: 'Zurich';
  font-weight: bold;
}
#janitorial-quotes-calculator .input-radio-wrapper {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  background: #eee;
  border-radius: 5px;
  padding: 30px;
  cursor: pointer;
  font-size: 30px;
}
#janitorial-quotes-calculator .item-radio label {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#janitorial-quotes-calculator .item-radio label:before {
  background-color: #ffffff;
  color: #ffffff;
  content: " ";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}
#janitorial-quotes-calculator .item-radio label img {
  height: 150px;
  width: 150px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

#janitorial-quotes-calculator .item-radio :checked + label {
  border-color: #ddd;
}

#janitorial-quotes-calculator .item-radio :checked + label:before {
  content: "✓";
  background-color: #00add4;
  transform: scale(1);
}

#janitorial-quotes-calculator .item { 
  max-width: 1020px; 
  margin:0 auto; 
  opacity: 0;
  height: fit-content;
  display: none;
  transition:all 2s ease-in-out;
}
#janitorial-quotes-calculator .item:first-child { 
  opacity: 1;
  display: block;
}
#janitorial-quotes-calculator .input-hidden {
  position: absolute;
  left: -9999px;
}
#janitorial-quotes-calculator .input-text, #janitorial-quotes-calculator .text-infomation {
  width: 100%;
  border: none;
  border-bottom: solid;
  outline: none;
}
#janitorial-quotes-calculator .btn:hover {
  border-color: var(--bs-btn-active-border-color);
}
#janitorial-quotes-calculator .btn {
  background: #013DA5;
  color: #ffffff;
}