/* Typography */
.mortgage-insurance-calculator .heading2 {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 37.8975px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: #181A1B; }

.mortgage-insurance-calculator .paragraph.large {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18.65px;
  line-height: 32px;
  color: #2F3D4C; }

.calc-details-section-label, .calc-results-section-label, .mortgage-insurance-calculator .heading3 {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 37px;
  letter-spacing: -0.01em;
  color: #181A1B; }

.calc-main-container .calc-right-container .calc-estimated-results {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  color: #2F3D4C; }

.calc-main-container .calc-right-container .calc-summary-label, .mortgage-insurance-calculator .heading4 {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 21.328px;
  line-height: 28px;
  letter-spacing: -0.005em;
  color: #181A1B; }

.calc-main-container .calc-right-container .calc-summary-item {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  color: #2F3D4C; }

.calc-main-container .calc-right-container .calc-summary-item-value, .calc-main-container .calc-right-container .calc-summary-item-value-bold {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 24px;
  text-align: right;
  color: #688097; }

.calc-main-container .calc-right-container .calc-summary-item-result-value {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  text-align: right;
  color: #0b7084; }

.calc-main-container .calc-left-container .calc-error-message, .calc-error-message {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #D44325; }

.radio-label, .form-check-label {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #2F3D4C;
  text-align: left; }

.text-center {
  text-align: center; }

.text-bold {
  font-weight: bold; }

.calc-details-section-label {
  margin: 15px 0 15px 0; }

.calc-results-section-label {
  margin: 15px 0 30px 0; }

.calc-form-field-label {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #2F3D4C;
  text-align: left;
  padding-top: 20px;
  margin-bottom: 6px; }

.calc-select .calc-form-field-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #FFFFFF;
  height: 43px;
  font-weight: normal;
  font-size: 16px;
  line-height: 120%;
  font-family: "Merriweather Sans", sans-serif;
  border: 1px solid #DDE1E4;
  border-radius: 4px;
  color: #688097;
  text-align: left;
  width: 100%;
  padding: 6px 12px; }
  .calc-select .calc-form-field-select:focus-visible {
    outline: 0; }
  .calc-select .calc-form-field-select + i.fa {
    margin-top: 15px;
    pointer-events: none;
    background-color: transparent;
    color: #181A1B;
    position: absolute;
    margin-left: -32px;
    font-size: 16px;
    opacity: 0.5; }
  .calc-select .calc-form-field-select + svg {
    margin-top: 19px;
    color: #181A1B;
    position: absolute;
    margin-left: -32px;
    cursor: pointer; }
  .calc-select .calc-form-field-select option {
    padding-right: 21px; }

.radio-label {
  padding-top: 20px;
  margin-bottom: 20px; }

.form-check-label {
  padding-top: 4px;
  margin-bottom: 6px;
  padding-left: 10px; }

.form-check-inline {
  padding-right: 20px; }

.aggree {
  background-color: transparent;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 #0c9587;
  cursor: pointer;
  font: inherit;
  height: 24px;
  outline: none;
  width: 24px;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .aggree:checked {
    background-color: white;
    border: 0.4em solid rgba(12, 149, 135, 0.8);
    -webkit-transition: background 0.15s, box-shadow 0.1s;
    transition: background 0.15s, box-shadow 0.1s; }

.calc-main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 1606px; }
  @media (min-width: 768px) {
    .calc-main-container {
      flex-direction: row;
      justify-content: space-between;
      min-height: unset; } }
  .calc-main-container .calc-left-container {
    width: 100%; }
    @media (min-width: 768px) {
      .calc-main-container .calc-left-container {
        width: 45%; } }
    @media (min-width: 1024px) {
      .calc-main-container .calc-left-container {
        width: 47%; } }
    .calc-main-container .calc-left-container .calc-details .calc-details-inner-container {
      background: #F7F7F8;
      border-radius: 8px;
      padding: 12px 32px 32px 32px; }
      .calc-main-container .calc-left-container .calc-details .calc-details-inner-container input {
        color: #688097 !important; }
    .calc-main-container .calc-left-container .calc-error-message {
      margin: 15px 0 31px 11px; }
  .calc-main-container .calc-right-container {
    width: 100%;
    position: sticky;
    top: 0;
    align-self: flex-start; }
    @media (min-width: 768px) {
      .calc-main-container .calc-right-container {
        width: 45%; } }
    @media (min-width: 1024px) {
      .calc-main-container .calc-right-container {
        width: 47%; } }
    .calc-main-container .calc-right-container .calc-summary-label {
      margin: 30px 0 8px 0; }
    .calc-main-container .calc-right-container .calc-summary-item {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #DDE1E4;
      padding: 8px 0 8px 0; }
      .calc-main-container .calc-right-container .calc-summary-item:last-of-type {
        border-bottom: none; }
    .calc-main-container .calc-right-container .calc-summary-item-value-bold {
      font-weight: 600;
      color: #0b7084; }
    .calc-main-container .calc-right-container .calc-summary-item-bold {
      font-weight: 600;
      color: #2F3D4C !important;
      padding-left: 5px; }
    .calc-main-container .calc-right-container em {
      font-style: normal; }
    .calc-main-container .calc-right-container .result-info .description-text {
      font-family: "Merriweather Sans", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 15px;
      color: #2F3D4C; }
    .calc-main-container .calc-right-container .result-info .data-value {
      font-family: "Merriweather Sans", sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 15px;
      color: #2F3D4C;
      font-weight: 600; }
    .calc-main-container .calc-right-container .result-info p {
      padding-top: 0px !important; }
  .calc-main-container .info-ftr-text {
    padding-top: 20px;
    font-size: 9px;
    line-height: 11px;
    color: #688097; }

.form-check-input:focus {
  box-shadow: unset; }

.font-light {
  font-weight: 300 !important; }

.calc-error-message {
  margin: 15px 0 31px 11px; }

.mortgage-insurance-calculator {
  font-family: "Merriweather Sans", sans-serif;
  color: #181A1B; }
  .mortgage-insurance-calculator .heading2 {
    margin-bottom: 0.5rem; }
  .mortgage-insurance-calculator .result-highlight {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap; }
    .mortgage-insurance-calculator .result-highlight .lmi-estimate {
      padding-right: 12px; }
    .mortgage-insurance-calculator .result-highlight .lmi-estimate, .mortgage-insurance-calculator .result-highlight .lvr {
      display: flex;
      flex-direction: column;
      min-width: 50%; }
  .mortgage-insurance-calculator .heading3 {
    margin-bottom: 0.5rem; }
  .mortgage-insurance-calculator .heading4 {
    margin-bottom: 0.5rem; }
  .mortgage-insurance-calculator p.result-message {
    text-align: left;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 25px;
    color: #181A1B; }
  .mortgage-insurance-calculator .product-info {
    position: absolute;
    width: 130px;
    height: 36px;
    left: 114px;
    top: 141px;
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    /* or 150% */
    color: #326E82; }
  .mortgage-insurance-calculator .paragraph {
    font-size: 16px;
    line-height: 24px;
    color: #2F3D4C;
    margin-top: 0;
    margin-bottom: 0.5rem; }
    .mortgage-insurance-calculator .paragraph.fine-print {
      font-style: normal;
      font-weight: 300;
      font-size: 12.003px;
      line-height: 16px; }
  .mortgage-insurance-calculator .form-check-label {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #28394A;
    padding-left: 0; }
  .mortgage-insurance-calculator .form-control:disabled {
    background-color: #FFFFFF; }
  .mortgage-insurance-calculator .calculator-form {
    background: #F7F7F8;
    border-radius: 8px;
    padding: 24px; }
    .mortgage-insurance-calculator .calculator-form__label {
      font-size: 16px;
      line-height: 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      font-weight: 400;
      margin-bottom: 0.5rem;
      color: #28394A; }
      .mortgage-insurance-calculator .calculator-form__label--other {
        font-size: 12px;
        line-height: 15px;
        color: #688097;
        text-align: right; }
    .mortgage-insurance-calculator .calculator-form__input {
      padding-left: 0;
      border: none;
      box-shadow: none;
      color: #688097; }
    .mortgage-insurance-calculator .calculator-form__button-calculator-assumptions {
      font-size: 12px;
      line-height: 15px;
      text-decoration-line: underline;
      color: #688097;
      border: none;
      padding: 0;
      margin: 0;
      padding: 0;
      border: none;
      background: none; }
    .mortgage-insurance-calculator .calculator-form__input-box {
      font-size: 16px;
      line-height: 120%;
      color: #688097;
      border: 1px solid #DDE1E4;
      height: 43px;
      display: flex;
      align-items: center;
      background: #FFFFFF;
      padding-left: 1rem;
      border-radius: 4px;
      font-weight: 400; }
      .mortgage-insurance-calculator .calculator-form__input-box span {
        color: #A1B3C4; }
  .mortgage-insurance-calculator .form-check-input:disabled {
    opacity: 1; }
  .mortgage-insurance-calculator .form-check-input[disabled] ~ .form-check-label {
    opacity: 1; }
  .mortgage-insurance-calculator .input-error {
    border: 1px solid #D44325 !important; }
  .mortgage-insurance-calculator .text-danger {
    color: #D44325; }
  .mortgage-insurance-calculator .summary {
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DDE1E4;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important; }
    .mortgage-insurance-calculator .summary__label {
      color: #2F3D4C; }
      .mortgage-insurance-calculator .summary__label--bold {
        font-weight: 600; }
    .mortgage-insurance-calculator .summary__value {
      color: #688097; }
      .mortgage-insurance-calculator .summary__value--bold {
        font-weight: 600;
        color: #0b7084; }
    .mortgage-insurance-calculator .summary--no-border {
      border: 0; }
  .mortgage-insurance-calculator .form-check-input:checked {
    background-color: #0b7084;
    border-color: #0b7084; }
  .mortgage-insurance-calculator .text-cyan {
    color: #0b7084; }
  @media screen and (min-width: 768px) {
    .mortgage-insurance-calculator .calculator-assumptions-modal .modal-dialog {
      max-width: 687px; } }
  .mortgage-insurance-calculator .calculator-assumptions-modal .modal-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18.65px;
    line-height: 23px;
    letter-spacing: -0.01em;
    color: #181A1B; }
  .mortgage-insurance-calculator .calculator-assumptions-modal .modal-header {
    padding: 20px 16px; }
  .mortgage-insurance-calculator .calculator-assumptions-modal .modal-body {
    font-style: normal;
    font-weight: 300;
    font-size: 12.003px;
    line-height: 16px;
    color: #2F3D4C;
    padding: 20px 16px; }
    .mortgage-insurance-calculator .calculator-assumptions-modal .modal-body__intro {
      font-weight: 600;
      font-size: 18.65px;
      line-height: 24px;
      color: #181A1B; }
  .mortgage-insurance-calculator .calculator-assumptions-modal__button--close {
    background: #688097;
    border-radius: 4px;
    width: 74px;
    height: 43px;
    color: #FFFFFF; }
  .mortgage-insurance-calculator .font-normal {
    font-weight: 400; }
  .mortgage-insurance-calculator .text-xs {
    font-size: 0.75rem; }
  .mortgage-insurance-calculator .text-gray-dark {
    color: #28394A; }

.calculator-assumptions .calculator-assumptions-link {
  font-family: "Merriweather Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-decoration-line: underline;
  color: #688097;
  padding: 0;
  border: none;
  background: none;
  margin: 22px 0 0 0; }

.calculator-assumptions .calculator-assumptions-modal .modal-dialog {
  max-width: 90% !important;
  margin-top: 30px;
  margin: 1.75rem auto; }
  @media (min-width: 768px) {
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog {
      max-width: 95% !important;
      margin-top: 140px; } }
  @media (min-width: 1024px) {
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog {
      max-width: 792px !important;
      margin-top: 32px; } }
  @media (min-width: 1280px) {
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog {
      margin-top: 17px; } }
  .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 16px 28px 16px;
    border-bottom: 1px solid #DDE1E4; }
    @media (min-width: 1024px) {
      .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header {
        padding: 20px 26px 15px 26px; } }
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header .modal-title {
      font-family: "Merriweather Sans", sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 18.65px;
      line-height: 23px;
      letter-spacing: -0.01em;
      color: #181A1B; }
      @media (min-width: 1024px) {
        .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header .modal-title {
          font-size: 18.65px;
          line-height: 23px;
          letter-spacing: -0.01em; } }
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header button {
      background: transparent;
      border: none; }
      .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-header button svg {
        margin-bottom: 1px; }
  .calculator-assumptions .calculator-assumptions-modal .modal-dialog div .modal-body {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 12.003px;
    line-height: 16px;
    color: #28394A; }
    @media (min-width: 1024px) {
      .calculator-assumptions .calculator-assumptions-modal .modal-dialog div .modal-body {
        padding: 14px 26px; } }
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog div .modal-body p {
      font-size: 12.003px;
      line-height: 16px; }
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog div .modal-body p:first-of-type {
      color: #181A1B;
      font-family: "Merriweather Sans", sans-serif !important;
      font-style: normal;
      font-weight: 600;
      font-size: 18.65px;
      line-height: 24px;
      margin: 0 0 8px;
      padding-top: 0 !important; }
      @media (min-width: 1024px) {
        .calculator-assumptions .calculator-assumptions-modal .modal-dialog div .modal-body p:first-of-type {
          font-size: 18.65px;
          line-height: 24px; } }
  .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px; }
    .calculator-assumptions .calculator-assumptions-modal .modal-dialog .modal-footer button {
      background: transparent;
      border: none; }