body {}

:root {
    --biogen-color: #0089ce;
    --avonex-color: #522398;
    --plegridy-color: #2573ba;
    --spinraza-color: #028ba6;
    --tecfidera-color: #7e0b6d;
    --tysabri-color: #0397d6;
    --vumerity-color: #0080a3;
    --text-color: #333;
    --error-color: #ff0000;
    --footer-heads: #ce0059;
    --footer-text: #404040;
    --form-BG: #ececec;
}

body {font-family: 'Libre Franklin', sans-serif; font-weight: 400; font-size: 14px; line-height: 130%;}

.noWrapTxt {white-space: nowrap;}

.container {max-width: 980px;}

a:hover {text-decoration: inherit; color: currentColor;}

header ul {list-style: none; margin: 0 0 20px; padding: 12px 20px; display: flex; justify-content: flex-end; align-items: flex-end; background: var(--biogen-color); font-size: 13px;}
header ul li a {color: var(--white);}
header ul li:not(:last-of-type) a::after {content: '|'; padding: 0 15px;}

.headerInfo {display: flex; justify-content: center; align-items: center;}
.headerInfo img:first-of-type {width: 180px; margin-right: 20px;}
.headerInfo img:last-of-type {width: 200px;}

.introWrap {margin-top: 30px;}
.introWrap p {margin-bottom: 10px;}

.formWrap {margin-top: 20px; margin-bottom: 60px;}
.formWrap h1 {font-size: 22px; font-weight: 700; text-align: center;}
.formWrap h3 {font-size: 17px; text-align: center; margin-bottom: 30px;}
.formSteps {margin: 30px 0 15px; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center;}
.formSteps li {width: 24px; height: 24px; line-height: 22px; border-radius: 20px; border: 1px solid var(--form-BG); background: var(--form-BG); text-align: center; font-weight: 700; font-size: 12px; position: relative; color: #d1d2d4;}
.formSteps li:not(:last-of-type) {margin-right: 60px;}
.formSteps li:not(:last-of-type)::after {content: ''; position: absolute; height: 3px; background: var(--form-BG); width: 61px; left: 22px; top: 10px; z-index: -1;}
.formSteps li.active {border-color: var(--biogen-color); background: var(--white); color: var(--text-color);}

.btnWrap {display: flex; justify-content: center; margin-top: 40px;}
.btnWrap button {border: none; background: var(--biogen-color); text-transform: uppercase; color: var(--white); font-weight: 600; font-size: 14px; height: 30px; line-height: 30px; padding: 0 40px; border-radius: 10px;}

.footerWrap {border-top: 2px solid var(--biogen-color); margin-top: 40px; display: flex; justify-content: space-between; align-items: flex-end; padding: 10px 0 20px;}
.footerWrap img {height: 42px;}
.footerTxt {font-size: 9px;}
.footerTxt ul {margin: 0 0 15px; padding: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-end; font-weight: 700; font-size: 9px;}
.footerTxt ul li a {color: var(--footer-text);}
.footerTxt ul li:not(:last-of-type) a::after {content: '|'; padding: 0 10px;}
.footerTxt p {margin-bottom: 0; margin-top: 2px;}

.therapyWrap {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 30px 40px;}
.therapyWrap .chooseTherapy {width: calc(33.3333% - 30px);}
.therapyWrap .chooseTherapy input {display: none;}
.therapyWrap .chooseTherapy label {font-size: 8px; font-weight: 600;}
.therapyWrap .chooseTherapy label img {width: 100%; cursor: pointer; border: 1px solid transparent;}
.therapyWrap .chooseTherapy label a {text-decoration: underline; color: currentColor;}
.therapyWrap .chooseTherapy input:checked ~ label img {border-color: var(--biogen-color);}

.mobileOnlyTxt {display: none;}

@media only screen and (max-width: 767px) {
    .therapyWrap {gap: 10px;}
    .therapyWrap .chooseTherapy {width: calc(50% - 10px);}
    .therapyWrap .chooseTherapy label {width: 100%; margin-bottom: 20px;}

    .footerWrap {flex-direction: column; align-items: center;}
    .footerWrap img {margin: 30px auto 20px;}
    .footerTxt {width: 100%;}
    .footerTxt ul {margin-bottom: 5px;}
    .footerTxt:not(.mobileOnlyTxt) p {display: none;}
    .mobileOnlyTxt {display: block; text-align: center;}
    .phoneMsg {align-self: flex-end;}
}

@media only screen and (max-width: 520px) {
    .headerInfo {flex-direction: column;}
    .headerInfo img {margin-bottom: 15px;}

    .therapyWrap {gap: 0;}
    .therapyWrap .chooseTherapy {width: 100%;}

    .footerTxt ul {flex-wrap: wrap;}
    .footerTxt ul li {width: 100%;}
    .footerTxt ul li a::after {display: none;}
}
.grecaptcha-badge{display: none;}

.crx-gray-out {
    z-index: 9999;
  }
  
  .crx-loader {
    z-index: 9999;
  }