.fw-plan-selector-container {
  font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
  font-size: 16px;
  color: #086ea1;
  line-height: 1.25;
  letter-spacing: 0.02px;
  text-align: right;
  font-weight: normal;
  text-decoration-line: underline; }

#fw-plan-selector-link {
  color: #086ea1; }
  #fw-plan-selector-link:hover {
    cursor: pointer; }

.fw-plan-selector {
  display: none;
  position: fixed;
  z-index: 1011;
  padding: 10% 25%;
  background-color: rgba(0, 47, 72, 0.64);
  width: 100%;
  height: 100%;
  overflow: scroll;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  .fw-plan-selector .fw-plan-selector-content {
    width: 632px;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 52px;
    max-width: 100%;
    max-height: fit-content;
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translate(-50%, -50%); }
    .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-head {
      margin: 16px 8px 8px 8px;
      height: 32px;
      align-self: stretch;
      flex-grow: 0;
      font-family: "Nimbus Sans Bold", "Nimbus Sans TW01 Bold";
      font-size: 24px;
      line-height: 1.33;
      letter-spacing: 0.03px;
      text-align: left;
      color: #3b4b59; }
    .fw-plan-selector .fw-plan-selector-content .planNameDoc {
      height: auto;
      flex-grow: 0;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 8px;
      padding: 3px; }
      .fw-plan-selector .fw-plan-selector-content .planNameDoc .radioBtn {
        width: 28px;
        flex-grow: 0;
        object-fit: contain; }
      .fw-plan-selector .fw-plan-selector-content .planNameDoc .radioLabel {
        flex-grow: 1;
        font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: 0.02px;
        margin-bottom: 0;
        text-align: left;
        color: #3b4b59;
        font-weight: normal; }
        .fw-plan-selector .fw-plan-selector-content .planNameDoc .radioLabel.selected {
          font-family: "Nimbus Sans Bold", "Nimbus Sans TW01 Bold"; }
    .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-footer {
      display: flex;
      flex-direction: row-reverse;
      margin: 32px 8px 0 21px; }
      .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-footer .fw-plan-selector-btn {
        display: flex;
        padding: 10px 16px;
        border-radius: 4px;
        border: none;
        background-color: #086EA1;
        color: #ffffff;
        font-family: "Nimbus Sans Bold", "Nimbus Sans TW01 Bold";
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.02px;
        text-align: center;
        float: right; }
        .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-footer .fw-plan-selector-btn:hover {
          background-color: #07608d; }
        .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-footer .fw-plan-selector-btn:active {
          background-color: #065379;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
        .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-footer .fw-plan-selector-btn:focus {
          border: solid 1px #086ea1;
          text-decoration: underline; }
    .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-close {
      margin: -34px -34px 0 0;
      width: 34px;
      height: 34px;
      color: #086EA1;
      float: right;
      font-size: 24px;
      font-weight: normal;
      padding: 2px;
      border-radius: 34px;
      text-align: center; }
      .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-close:hover {
        background-color: rgba(8, 110, 161, 0.08);
        text-decoration: none;
        cursor: pointer; }
      .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-close:active {
        background-color: rgba(8, 110, 161, 0.12);
        text-decoration: none;
        cursor: pointer; }

@media (max-width: 767px) {
  .fw-plan-selector-container {
    padding-left: 0;
    font-size: 14px;
    color: #086ea1;
    margin-top: 4px;
    margin-left: 0;
    text-align: start;
    position: unset;
    line-height: 1.71; }
  .fw-plan-selector {
    padding: 0; }
    .fw-plan-selector .fw-plan-selector-content {
      padding: 40px;
      width: 100%;
      top: 50%;
      height: 100%; }
      .fw-plan-selector .fw-plan-selector-content .fw-plan-selector-head {
        font-size: 20px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .fw-plan-selector-container {
    padding-left: 0;
    top: 68px;
    right: 40px; }
  .fw-plan-selector {
    padding: 40% 20%; }
    .fw-plan-selector .fw-plan-selector-content {
      top: 50%;
      padding: 40px; }
      .fw-plan-selector .fw-plan-selector-content .planNameDoc .radioBtn {
        width: 18px; } }
