/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.modal-callus .modal-content {
  background-color: #2b7786;
  position: relative;
}

.modal-callus .modal-content button {
  margin: 0;
  top: 0;
  right: 7px;
  color: #fff;
  opacity: 1;
}

.modal-callus .modal-content button:focus {
  border: none;
  outline: none;
  background: transparent;
}

.modal-callus .modal-body .region--modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-callus .modal-body .emergency-contact {
  font-size: 14px;
  line-height: 1.125rem;
  color: #fff;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.modal-callus .modal-body .emergency-contact p {
  font-size: 0.75rem;
  color: #b1b7c4;
  font-weight: 600;
}

.modal-callus .modal-body .emergency-contact a {
  color: #fff;
  font-weight: bold;
}

.modal-callus .modal-body .emergency-contact::before {
  background: url("../../../../aster/images/emergency-new.svg");
  content: '';
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #f15655;
  padding: 0.625rem 0.5625rem 0.6875rem 0.5rem;
  width: 2rem;
  height: 2rem;
  background-position: center;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: -40px;
  margin: auto;
}

.modal-callus .modal-body .helpline-contact {
  margin-left: -15px;
}

.modal-callus .modal-body .helpline-contact::before {
  background: url("../../../../aster/images/helpline.svg");
  background-repeat: no-repeat;
  background-position: center;
}

/*# sourceMappingURL=modal-callus.css.map */