@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');


div.subtitle {
  color: #4D4D4D;
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

div.info[type="tip"] {
  border-radius: 4px;
  border-left: 4px solid #4dd2ef;
  background: #ffffff;
  padding: 16px 16px 16px 20px;
}

/* step content */
div.content-text {
  color: #4D4D4D;
  font-size: 18px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0.05px;
  font-family: 'Roboto', sans-serif;
}

/* bullet list */
div.content-text ul {
  padding-left: 32px;
}

/* bullet list items */
div.content-text ul li {
  margin: 8px 0px;
} 
.content-text aside.tip { }
.content-text aside.warning { }

.button-wrap button { 
  color: #E80537 !important;
  background-color: #ffffff !important;
  border: 1px solid #E80537 !important;
  height: 36px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  border-radius: 16px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  font-family: 'Roboto', sans-serif !important;
  }
.button-wrap button:hover {
  color: #FFFFFF;
  background-color: #E80537;
  border: 1px solid #E80537;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 16px;
  font-weight: 500;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
}
.button-wrap button:disabled { }
.button-wrap .back-button {
  color: #FFFFFF;
  border: 1px solid #E80537;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 16px;
  font-weight: 500;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
}
.button-wrap .back-button:hover {
  color: #FFFFFF;
  background-color: #E80537;
  border: 1px solid #E80537;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 16px;
  font-weight: 500;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
}
 .button-wrap button svg { 
    display: none;
}
  .button-wrap .back-button svg path {
    fill: #E80537;
}
  .button-wrap .back-button svg { 
    display: block;
}
 .button-wrap .back-button svg path:hover {
}
/* tile */
a.tile {
  background-color: #e4ebfc;
  color: #E80537;
  border-color: #E80537;
  border-radius: 4px;
  padding: 16px 56px 16px 16px;
  font-size: 16px;
  min-height: 72px;
  font-weight: 500;
}

a.tile:hover {
  background-color: #E80537;
  color: #ffffff;
  border-color: #E80537;
  border-radius: 4px;
  padding: 16px 56px 16px 16px;
  font-size: 16px;
  min-height: 72px;
  font-weight: 500;
  box-shadow: none;
}

/* tile icon */
a.tile svg path {
  fill: #ffffff;
}

div.radio-wrap { }
div.radio-wrap label { }
div.radio-wrap .radio-check { }

div.dropdown-wrap { }
div.dropdown-wrap li { }

[class*="ProgressBar__Bar"]{
    background-color: #E80537 !important;
}

[class*="ProgressBar__Line"]{
   background-color: #E80537!important;
}

[class*="ProgressBar__Text"]{
   background-color: #E80537!important;
   font-family: 'Roboto', sans-serif;
   font-weight: 700;
 }