diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue index 1363b9afa..e3c9d3ae0 100644 --- a/src/experiment-components/service-package-radio-for-afterpay.vue +++ b/src/experiment-components/service-package-radio-for-afterpay.vue @@ -331,7 +331,6 @@ export default { } p { - font-weight: 600; display: flex; justify-content: space-between; align-items: center; diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue index 03eff01a9..812dc1130 100644 --- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue +++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue @@ -129,10 +129,7 @@ export default { } .callout { - font-family: - UrbanistSemibold Arial, - Helvetica, - sans-serif; + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; } > div:first-of-type { diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue index 9518b42fa..42741a03a 100644 --- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue +++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue @@ -243,11 +243,15 @@ export default { .hide-when-closed { display: block; } + p:first-child { + font-weight: 600; + } } } + .package-label { border: 1px solid $blue; max-height: 500px; + background-color: $blue-100; .special-save-box { background-color: $green-200; } @@ -291,12 +295,21 @@ export default { align-items: center; } + .pricing-info .insurance-pricing span { + font-size: 0.875rem; + font-family: Urbanist, Arial, Helvetica, sans-serif; + font-weight: 500; + } + p { - font-weight: 600; + font-family: Urbanist, Arial, Helvetica, sans-serif; display: flex; justify-content: space-between; align-items: center; white-space: nowrap; + &:first-child { + font-weight: 400; + } span { &.pricing-info { color: $green;