.tjeneste-beregning-form {
    color: #fff;
    width: 800px;
    display: flex;
    flex-direction: column;
}

.calculation-heading {
    color: white;
    margin: 30px 0;
    font-size: 21px;
}

.calculation-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
}

/* Contact form */

/* Hide default submit button */
.no-default-submit .wpforms-submit-container .wpforms-submit {
    display: none; 
}

.contact-information-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.contact-col {
    width: 50%;
}

@media (max-width: 968px) {

  .contact-information-wrap {
    flex-direction: column;
  }

  .tjeneste-beregning-form {
    width: 100%;
  }

  .contact-col {
    width: 100%;
  }

  .contact-price-wrap {
    margin-top: 20px;
  }

  .contact-disclaimer-wrap p {
    max-width: 100% !important;
  }

  .radio-image {
    width: 95px;
    height: 95px;
  }

  .radio-col {
    justify-content: flex-start;
  }

  .radio-col .form-check-desc {
    width: 100%;
  }

  .unit-select-wrap {
    width: 100%;
  }

  .unit-select {
    width: 100%;
  }

  .unit-field {
    margin-left: 0;
    margin-top: 13px;
    width: 100%;
  }

  .text-field .form-control {
    margin-left: 0;
    margin-top: 13px;
    width: 100%;
  }


}


.tjenst-form {
    margin: 0 !important;
}

.tjenst-form .wpforms-field-container .wpforms-field .wpforms-field-required {
    max-width: 100% !important;
}

.tjenst-form .wpforms-field-container .wpforms-field .wpforms-field-label {
    color: #fff !important;
    font-weight: 600 !important;
}

.tjenst-form .wpforms-field-container .wpforms-field .wpforms-field-label .wpforms-required-label {
    display: none;
}

.tjenst-form .wpforms-field-container .wpforms-field input , .tjenst-form .wpforms-field-container .wpforms-field textarea {
    transition: none !important;
    border: 3px solid #fff !important;
    background-color: #ffffff21 !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    height: 61px !important;
    opacity: 1;
}

.tjenst-form .wpforms-field-container .wpforms-field textarea {
    height: 130px !important;
}

.tjenst-form .wpforms-field-container .wpforms-field input::placeholder , .tjenst-form .wpforms-field-container .wpforms-field textarea::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.contact-price-wrap {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
}

.contact-price-wrap .price-prefix {
    font-size: 25px;
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
    line-height: normal;
}

.contact-price-wrap .price-amount {
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
    font-size: 42px;
    padding: 0 15px;
    line-height: 40px;
}

.contact-price-wrap .price-suffix {
    font-size: 25px;
    line-height: normal;
}

.contact-submit-wrap {
    display: flex;
    justify-content: flex-end;
}

.button-white-order {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    font-size: 24px;
    padding: 13px 40px;
    border-radius: 50px;
    background-color: #fff;
    color: #006cb7;
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 30px 0;
}

.contact-disclaimer-wrap {
    color: #fff;
    font-size: 12px;
    text-align: right;
    line-height: normal;
}

.contact-disclaimer-wrap p {
    display: flex;
    max-width: 75%;
    float: right;
}

/** ELEMENTS */

/* Radio Boxes with Image and without*/

.radio-image-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; 
}

.radio-image-box {
    flex: 0 0 calc(50% - 8px);
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 15px;
}

.radio-col {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.form-check-input {
    margin: 0;
    padding: 0;
}

.radio-simple-label {
    cursor: pointer;
}

.radio-simple-box {
    margin-bottom: 15px;
    cursor: pointer;
}

.radio-col .form-check-heading, .radio-simple-box .form-check-heading {
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
    width: 80%;
}

.radio-col .form-check-heading {
    font-size: 24px;
}

.radio-simple-box .form-check-heading {
    margin-top: 0;
}

.radio-col .form-check-desc {
    font-size: 16px;
    width: 80%;
    line-height: normal;
}
.form-check-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form-check-only-label {
    display: flex;
    flex-direction: row;
}

.radio-image {
    width: 110px;
    height: 110px;
}

@media (max-width: 968px) {
  .radio-image-box  {
    flex: 0 0 100%;
  }
}

/* Custom radio button */

.radio-col {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  color: white;
}

.radio-col input[type="radio"], .radio-simple-box input[type="radio"] {
  display: none;
}

.radio-mark {
  width: 24px;
  height: 24px;
  border: 3px solid white;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  box-sizing: border-box;
  background-color: #006cb7;
  display: block;
}

.radio-col input[type="radio"]:checked + .radio-mark::after , .radio-simple-box input[type="radio"]:checked + .radio-mark::after{
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
}

.radio-image-box {
    opacity: 0.9;
    transition: opacity 0.3s ease, background-color 0.3s ease;
}

.radio-image-box.checked {
    opacity: 1;
    background-color: #fff;
}

.checked h4, .checked p {
    color: #006cb7 !important;
}

.checked .radio-mark {
    border: 3px solid #006cb7;
}

/* Text with Unit */
.unit-select-wrap {
    position: relative;
    display: inline-block;
}

.unit-select {
    width: 170px;
    height: 57px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border-radius: 6px;
    border: none;
    color: #006cb7;
    font-weight: 600;
    padding: 18px 10px;
    font-size: 19px;
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.unit-select-wrap::after {
    content: '▼';
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #006cb7;
    font-size: 20px;
    width: 20px;
    height: 24px;
}

.unit-select:focus {
    color: #006cb7;
}

.unit-field, .text-field-group .form-control {
    margin-left: 10px;
    width: 170px;
    height: 57px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    padding: 11px 10px;
}

.text-field-group label {
    font-size: 20px;
}

.text-field-group .form-control:focus {
    border: 3px solid #fff;
    color: #fff;
}

.unit-field::placeholder, .text-field-group .form-control::placeholder {
    color:#fff;
    opacity: 0.6;
    font-style: italic;
    font-weight: 400;
}

.is-hidden {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: none;
}

.mb-4, .margin-bottom-2 {
    margin-bottom: 10px;
}

.wpforms-error .mailcheck-error, .wpforms-error {
    color: #ffffff !important;
}

.wpforms-error .mailcheck-error a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.has-error {
    padding: 10px;
    border: 1px solid red;
    background-color: #ff000038;
}

#form-error-message {
    justify-content: flex-end;
    margin-bottom: 10px;
    background-color: #f10000;
    padding: 5px;
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}