:root :host, body, .cdk-overlay-container{
    --paused-icon: url(/cdn/static/ca/bmw/icons/pause-icon-light.png);
    --cancelled-icon: url(/cdn/static/ca/bmw/icons/cancelled-icon-light.png);
    --active-icon: url(/cdn/static/ca/bmw/icons/active-icon-light.png);
    --success-icon: url(/cdn/static/ca/bmw/icons/success.png);
    --error-icon: url(/cdn/static/ca/bmw/icons/error.png);
    --caution-icon: url(/cdn/static/ca/bmw/icons/caution.png);
    --warning-icon: url(/cdn/static/ca/bmw/icons/warning.png);
    --inactive-icon: url(/cdn/static/ca/bmw/icons/tick-icon-inactive.png);
    --active-icon-dark: url(/cdn/static/ca/bmw/icons/active-icon-dark.png);
    --tick-icon-inactive: url(/cdn/static/ca/bmw/icons/tick-icon-inactive.png);
    --calendar-icon: url(/cdn/static/ca/bmw/icons/calendar-icon.svg);
    --calculator-icon: url(/cdn/static/ca/bmw/icons/calculator-icon.svg);
    --calendar-arrow: url(/cdn/static/ca/bmw/icons/calendar-arrow.svg);
    --pause-icon-dark: url(/cdn/static/ca/bmw/icons/pause-icon-dark.png);
    --cancelled-icon-dark: url(/cdn/static/ca/bmw/icons/cancelled-icon-dark.png);
    --icon-tooltip: url(/cdn/static/ca/bmw/icons/icon-tooltip.svg);
    --icon-arrow: url(/cdn/static/ca/bmw/icons/icon-arrow.svg);
    --trash-icon: url(/cdn/static/ca/bmw/icons/trash-icon.svg);
    --icon-print-black: url(/cdn/static/ca/bmw/icons/icon-print-black.svg);
    --previous-arrow: url(/cdn/static/ca/bmw/icons/icon-arrow.svg);
    --document-media: url(/cdn/static/ca/bmw/icons/document-media.png);
    --icon-active: url(/cdn/static/ca/bmw/icons/icon-active.png);
    --icon-header-back: url(/cdn/static/ca/bmw/icons/icon-header-back.png);
    --expand-arrow: url(/cdn/static/ca/bmw/icons/expand-arrow.svg);
    --external-link-arrow: url(/cdn/static/ca/bmw/icons/external-link-arrow.svg);
    --icon-actives: url(/cdn/static/ca/bmw/icons/icon-actives.png);
    --outbound-arrow-white: url(/cdn/static/ca/bmw/icons/outbound-arrow-white.png);
    --alert-close: url(/cdn/static/ca/bmw/icons/alert-close.png);
    --icon-settings: url(/cdn/static/ca/bmw/icons/icon-settings.png);
    --progress-ellipse: url(/cdn/static/ca/bmw/icons/progress-ellipse.png);
    --active-ellipse: url(/cdn/static/ca/bmw/icons/active-ellipse.png);
    --success-ellipse: url(/cdn/static/ca/bmw/icons/success-ellipse.png);
    --warning-ellipse: url(/cdn/static/ca/bmw/icons/warning-ellipse.png);
    --inactive-ellipse: url(/cdn/static/ca/bmw/icons/inactive-ellipse.png);
    --outbound-arrow: url(/cdn/static/ca/bmw/icons/outbound-arrow.png);
    --alert-arrow-down: url(/cdn/static/ca/bmw/icons/alert-arrow-down.png);
    --add-new-icon: url(/cdn/static/ca/bmw/icons/add-new-icon.png);
    --icon-attachment: url(/cdn/static/ca/bmw/icons/icon-attachment.svg);
    --lock: url(/cdn/static/ca/bmw/icons/lock.png);
    --dialog-close: url(/cdn/static/ca/bmw/icons/close.png);
    --icon-filter: url(/cdn/static/ca/bmw/icons/icon-filter.svg);
    --icon-edit-small-mini: url(/cdn/static/ca/bmw/icons/icon-edit-small-mini.svg);
    --icon-logout-mini: url(/cdn/static/ca/bmw/icons/icon-logout-mini.svg);
    --logo-mini: url(/cdn/static/ca/bmw/icons/logo-mini.svg);
    --icon-my-mini: url(/cdn/static/ca/bmw/icons/icon-my-mini.svg);
    --icon-my-garage-small: url(/cdn/static/ca/bmw/icons/icon-my-garage-small.svg);
    --icon-my-account-small: url(/cdn/static/ca/bmw/icons/icon-my-account-small.svg);
    --icon-my-garage-bmw: url(/cdn/static/ca/bmw/icons/icon-my-garage-bmw.svg);
    --icon-my-account-bmw: url(/cdn/static/ca/bmw/icons/icon-my-account-bmw.svg);
    --icon-my-card-bmw: url(/cdn/static/ca/bmw/icons/icon-my-card-bmw.svg);
    --link-arrow-white:url(/cdn/static/ca/bmw/icons/link-arrow-white.png);
    --icon-help: url(/cdn/static/ca/bmw/icons/icon-help.svg);
    --icon-download: url(/cdn/static/ca/bmw/icons/download.svg);
    --icon-check: url(/cdn/static/ca/bmw/icons/check-icon.svg);
    --icon-inbox: url(/cdn/static/ca/bmw/icons/inbox.png);
    --attachment: url(/cdn/static/us/bmw/icons/attachment.png);
    --credit-card: url(/cdn/static/ca/bmw/icons/icon-credit-card.svg);
    --union: url(/cdn/static/ca/bmw/icons/icon-union.svg);
    --tilted-inbox: url(/cdn/static/ca/bmw/icons/icon-tilted-inbox.svg);
    --vector-4: url(/cdn/static/ca/bmw/icons/icon-vector-4.svg);
    --vector-5: url(/cdn/static/ca/bmw/icons/icon-vector-5.svg);
    --vector-6: url(/cdn/static/ca/bmw/icons/icon-vector-6.svg);
    --bmw-Micon:url(/cdn/static/ca/bmw/icons/bmw-icon.png);
    --bmw-Iicon:url(/cdn/static/ca/bmw/icons/bmw-i-icon.png);
    --edit-light:url(/cdn/static/ca/bmw/icons/edit.svg);
    --disclaimer-light:url(/cdn/static/ca/bmw/icons/disclaimer.png);
    --datepicker-icon: url(/cdn/static/ca/bmw/icons/datepicker-icon.svg);

    /*Images*/
    --legitimization-backgroud-image-large: url(/cdn/static/ca/bmw/images/link-account-desktop-large.jpg);
    --legitimization-backgroud-image-desktop: url(/cdn/static/ca/bmw/images/link-account-desktop.jpg);
    --legitimization-backgroud-image-tablet: url(/cdn/static/ca/bmw/images/link-account-tablet.jpg);
    --error-page-image-desktop: url(/cdn/static/ca/bmw/images/bmw-errorpage-1280.png);
    --error-page-image-tablet: url(/cdn/static/ca/bmw/images/bmw-errorpage-768.png);
    --error-page-image-mobile: url(/cdn/static/ca/bmw/images/bmw-errorpage-375.png);
    --promo-card-image: url(/cdn/static/ca/bmw/images/bmw-nextsteps-tablet-cropped-image.jpg);
    --banner-strip-image: url(/cdn/static/ca/bmw/images/banner-strip-high-resolution-image.png);
    --selected-card-background-image: url(/cdn/static/ca/bmw/images/selected-card-background.png);
    --content-card-background-image:url(/cdn/static/ca/bmw/images/content-card-background-image.png);
    --no-image: url(/cdn/static/ca/bmw/images/no-image.png);
    --image-card-background-desktop: url(/cdn/static/ca/mini/images/image-card-background-desktop.png);
    --image-card-background-large: url(/cdn/static/ca/mini/images/image-card-background-large.png);
    --image-card-background-tablet: url(/cdn/static/ca/mini/images/image-card-background-tablet.png);
    --image-card-background-mobile: url(/cdn/static/ca/mini/images/image-card-background-mobile.png);
    --image-header-background-smaller: linear-gradient(to bottom, #000, #000 35%, transparent 60%), url("/cdn/static/ca/bmw/images/image-header.png") 50% 120px / auto 100% no-repeat;
    --image-header-background-tablet: linear-gradient(to right, #000, #000 15%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") 100px -90px / auto 540px no-repeat;
    --image-header-background-tablet-xl: linear-gradient(to right, #000, #000 18%, transparent 45%), url("/cdn/static/ca/bmw/images/image-header.png") 198px -141px / auto 651px no-repeat;
    --image-header-background-desktop: linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") 30px -250px / auto 1000px no-repeat;
    --image-header-background-large: linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") 90px -370px / auto 1500px no-repeat;
    --image-header-background-desktop-md: linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") -35px -294px / auto 1177px no-repeat;
    --image-header-background-desktop-xxl: linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") 66px -481px / auto 1968px no-repeat;
    --image-header-background-desktop-fullhd:  linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") 99px -357px / auto 1455px no-repeat;
    --image-header-background-desktop-plus: linear-gradient(to right, #000, #000 5%, transparent 50%), url("/cdn/static/ca/bmw/images/image-header.png") -35px -303px / auto 1244px no-repeat;
    --image-header-background-mobile-sm: linear-gradient(to bottom, #000, #000 35%, transparent 60%), url("/cdn/static/ca/bmw/images/image-header.png") 52% 120px / auto 104% no-repeat;
    --image-header-background-mobile-xl: linear-gradient(to bottom, #000, #000 35%, transparent 60%), url("/cdn/static/ca/bmw/images/image-header.png") 50% 91px / auto 110% no-repeat;
    --image-roadAhead-smaller : url(/cdn/static/ca/bmw/images/roadAhead.jpg) 9% -18px/137% 163% no-repeat;
    --image-roadAhead-tablet : url(/cdn/static/ca/bmw/images/roadAhead.jpg) 9% -18px/122% 180% no-repeat;
    --image-roadAhead-tablet-xl : url(/cdn/static/ca/bmw/images/roadAhead.jpg) 9% -18px/105% 180% no-repeat;
    --image-roadAhead-desktop : url(/cdn/static/ca/bmw/images/roadAhead.jpg) 9% -18px/140% 137% no-repeat;
    --image-roadAhead-desktop-large : url(/cdn/static/ca/bmw/images/roadAhead.jpg) 9% -18px/129% 129% no-repeat;
    --dashboard-banner-strip: url(/cdn/static/ca/bmw/images/banner-strip-high-resolution.png);
    --banner-couple-couch: url(/cdn/static/ca/bmw/images/banner-couple-couch.jpg);
    --banner-woman-laptop: url(/cdn/static/ca/bmw/images/banner-woman-laptop.jpg);

    /*colors*/
    --checkbox-list-selected-item: #F6F6F680;
    --btn-color: #1C69D3;
    --white: #ffffff;
    --bgColor-grey: #eee;
    --profile-gray: #f6f6f6;
    --blue-hover-state: #1d55a2;
    --blue-disabled-state: #5895e9;
    --secondary-btn-disable-background: #CACACA;
    --secondary-btn-disable-text: #F6F6F6;
    --lighter-gray: #f5f5f5;
    --dark-grayish-lime-green: #666766;
    --table-dark: #eaeaea;
    --breadcrumb-border: #d5d5d5;
    --separatorLine: #EBEBEB;
    --accent: #1864d0;
    --accentDark: #1d55a2;
    --accentLight: #5895e9;
    --primary: 0, 0, 0;
    --primaryDark: #1b1c1d;
    --primaryLight: #dfdfdf;
    --primaryLowEmphasis: 0, 0, 0;
    --error: 235, 22, 22;
    --gold: #daa446;
    --good: #058a00;
    --primaryInverse: #ffffff;
    --warning: #c45500;
    --fusion-green: #1b7b3a;
    --background: #ffffff;
    --surface-elevation: #ffffff;
    --surface-flat: #e8e8e8;
    --surface-flat-rgba: 232, 232, 232, 0.4;
    --car-color: #136c91;
    --black: #000000;
    --darkSurface: #1d1d1d;
    --accent-btn: #1c69d3;
    --accent-btn-text: #f1f1f1;
    --dialogLightBcg: 255, 255, 255;
    --opacity0: 0;
    --opacity002: 0.02;
    --opacity01: 0.1;
    --opacity012: 0.12;
    --opacity02: 0.2;
    --opacity04: 0.4;
    --opacity032: 0.32;
    --opacity06: 0.6;
    --mini-red: #ac2430;
    --mini-light-red-bg: rgba(#f05c22, 0.06);
    --mini-dark-red: #690505;
    --BlackPearl: rgb(27, 28, 29);
    --black-Opacity: rgb(0, 0, 0, 0.6);
    --error-red-dark: #ed0404;
    --Snow: #fbfbfb;
    --progress-bar-text: #929aa1;
    --progress-bar-bg: #f0f1f2;
    --progress-bar-load: #72747f;
    --mini-menu-bg: #f2f4f4;
    --mini-menu-border: #e2e2e2;
    --menu-border-color: #d8d8d8;
    --mini-light-grey: rgba(0, 0, 0, 0.07);
    --light-gray: #ededee;
    --dark-gray: #414141;
    --medium-gray: #77787b;
    --primary-blue: #0067db;
    --input-border-gray: #cacaca;
    --border-gray: #dedede;
    --dark: #221f1f;
    --light-black: #333;
    --grey-tone-6: #4c4c4c;
    --gradient-light-gray: linear-gradient(90deg, rgba(246, 246, 246, 0.0001) -87.22%, #F6F6F6 115.48%, #F6F6F6 167.92%);
    --gray-shadow: rgba(114, 113, 113, 0.7);
    --blue-hover-state: #1d55a2;
    --blue-disabled-state: #5895e9;
    --success: #43a047;
    --pill-success: var(--alert-green);
    --pill-alert: var(--alert-yellow);
    --radio-ripple: #ffd740;
    --hover-focus: #212121;
    --alert-yellow: #FBEDC9;
    --alert-green: #E8F2EB;
    --alert-red: #F7E7E9;
    --dark-black: rgba(34, 31, 31, 1);
    --seperatorLine: #ddd;
    --blue-tone-2: #1971eb;
    --warning: #e81a33;
    --deactive: #727171;
    --sub-nav-title: #727171;
    --grey-tone-4: #6F6F6F;
    --wheat: rgb(245, 222, 179);
    --status-yellow: #FFAD1F;
    --shadow-grey: #0000001a;
    --grey-tone-7: rgba(212,211,211,0.32);
    --grey-tone-5:#5A5A5A;
    --grey-tone-8:#414140;
    --black-tone-2: #262626;
    --black-tone-3: #616161e6;
    --black-tone-4: #4c4c4c;
    --input-text: #727171;
    --white-opacity-0: #ffffff00;
    --banner-grey-tone: "#4c4c4c";
    --banner-bg: "#ffffff";
    --banner-font: "#221f1f";
    --banner-anchor-color: #4c4c4c;
    --btn-txt-hover: #f6f6f6;
    --outline-color:#9E6A96;
    --options-text-color: #4c4c4c;
    --btn-hover-state: #1d55a2;
    --profile-bg-color: #f6f6f6;
    --header-border-gray: #cacaca;
    --black-opacity-1: rgba(0, 0, 0, 0.1);
    --black-opacity-2: rgba(0, 0, 0, 0.2);
    --black-opacity-3: rgba(0, 0, 0, 0.3);
    --black-opacity-4: rgba(0, 0, 0, 0.04);
    --black-opacity-8: rgba(0, 0, 0, 0.8);
    --black-opacity-54: rgba(0, 0, 0, 0.54);
    --black-opacity-38: rgba(0, 0, 0, 0.38);
    --banner-background-light: #ffffff;
    --banner-text-light: #221f1f;
    --banner-background-dark: #221f1f;
    --banner-text-dark: #f6f6f6;
    --radio-button-outer-border:#cacaca;
    --radio-button-border:#cacaca;
    --grey-tone-1: #f1f1f1;
    --promo-bg-color:#f6f6f6;
    --legitimization-form-background: var(--white);
    --dark-grey: #363636;
    --darker-grey: #2f2f2f;
    --light-grey: #77787b;
    --denim-blue: #1c69d4;
    --iron-grey: #cdced0;
    --alto-grey: #d0d0d0;
    --wildsand-solid: #f4f4f4;
    --nevada-grey: #6d6e71;
    --mariner-blue: #316bcd;
    --tundora-black: #4d4d4d;
    --pill-info: var(--tundora-black);
    --grey-tone-10: #4c4c4c;
    --button-color-disabled: #f6f6f6;
    --button-text-transform: none;
    --button-link-text-color: var(--grey-tone-6);
    --button-link-text-decoration: none;
    --error-page-header-font-family: var(--font-type);
    --error-page-header-color: var(--white);
    --error-page-label-color: var(--profile-gray);
    --error-page-button-letter-spacing-mobile: 0.5px;
    --error-page-button-letter-spacing-desktop: 0.5px;
    --card-shadow: 2px 2px 3px #0000001a;
    --card-corner-radius: 5px;
    --tooltip-shadow: 2px 2px 4px 3px #0000001a;
    --box-shadow-mat-dropdown: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
        0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --black-box-shadow: 0px 1px 5px rgb(0 0 0 / 50%);
    --close-button-shadow: 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
    --button-secondary-2: #221F1F;
    --text-grey-2: #727171;
    /*overlay*/
    --gradient-black: linear-gradient(0deg, #000000 35.19%, rgba(0, 0, 0, 0) 96.37%);
    --gradient-white: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
    --gradient-light-gray: linear-gradient(90deg, rgba(246, 246, 246, 0.0001) -87.22%, #F6F6F6 115.48%, #F6F6F6 167.92%);
    --gradient-mix-white: linear-gradient(360deg, #FFFFFF 13.11%, #FFFFFF 55.58%, rgba(255, 255, 255, 0.0001) 100%);
    --gradient-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%),
        0 1px 2px 0 rgb(0 0 0 / 10%);
    --gradient-mix-gray: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #F6F6F6 83.33%);
    --overlay-white-bottom: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    --overlay-white-top: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    --overlay-white-top-and-bottom: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--white) 30%, var(--white) 70%, rgba(255, 255, 255, 0) 100%);
    --banner-rewards-background: #131313;
    --banner-text-background : transparent;
    /*Button Heights*/
    --height-25: 25px;
    --height-45: 45px;
    --height-50: 50px;
    --height-55: 55px;
    --height-100: 100%;
    /* Font weight */
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-700: 700;
    --font-weight-900: 900;
    --font-weight-500: 500;
    --font-weight-100: 100;
    --font-weight-bold: bold;
    --font-weight-normal: normal;
    --font-weight-title: 700;
    /*font Size */
    --font-size-09rem: 0.9rem;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-26: 26px;
    --font-size-27: 27px;
    --font-size-28: 28px;
    --font-size-29: 29px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-32: 32px;
    --font-size-33: 33px;
    --font-size-34: 34px;
    --font-size-35: 35px;
    --font-size-36: 36px;
    --font-size-37: 37px;
    --font-size-38: 38px;
    --font-size-39: 39px;
    --font-size-48: 48px;
    --font-size-54: 54px;
    --breadcrumb-font-size: 17px;
    /*Fonts*/
    --radio-button-font: "BMWTypeNext";
    --font-type: "BMWTypeNext";
    --important-text-font-type: "BMWTypeNext";
    --font-light: "BMWTypeNext-Light";
    --font-bold: "BMWTypeNext-Bold";
    --font-thin: "BMWTypeNext-Thin";
    --font-regular: "BMWTypeNext-Regular";
    --font-latin-bold: "BMWTypeNextLatinTT-Bold";
    --font-latin-regular: "BMWTypeNextLatinTT-Regular";
    --font-latin-light: "bmw-light";
    --font-latin-thin: "bmw-thin";
    --font-icon-lib: "BMWIconLibrary";
    --font-bmwtypeglobalpro-bold: "BMWTypeGlobalPro-Bold";
    --font-bmwtypeglobalpro-light: "BMWTypeGlobalPro-light";
    --font-bmwtypeglobalpro-regular: "BMWTypeGlobalPro-regular";
    --mfe-title: "BMWTypeNext";
    --helvetica: "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    --main-heading-font: var(--font-type);
    --footer-font-type: "BMWTypeNext";


    /* Backgrounds: */
    --card-background: #ffffff 0% 0% no-repeat padding-box;
    --tooltip-background: #ffffff;

    /* Spacing: */
    --gutter: 20px;
    --large-form-container-spacing: 30px;
    --medium-form-container-spacing: 25px;
    --small-form-container-spacing: 20px;

    --large-form-container-with-background-spacing: 30px;
    --medium-form-container-with-background-spacing: 25px;
    --small-form-container-with-background-spacing: 20px;

    /* calendar: */
    --calendar-box-shadow: 0px 0px 10px var(--black-opacity-1);
    --calendar-border-radius: 3px;
    --calendar-selected-date-color: var(--dark);
    --calendar-selected-date-background: var(--white);
    --calendar-selected-date-border-color: var(--dark);

    /* edit icon */ 
    --edit-icon-size: 24px;
    --edit-icon-size-small: 16.75px;

    --logo-header-position: static;
}
@font-face {
    font-family: "BMWTypeNext-Regular";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNext-Regular.otf");
}
@font-face {
    font-family: "BMWTypeNext-Bold";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNext-Bold.otf");
}
@font-face {
    font-family: "BMWTypeNext-Light";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNext-Light.otf");
}
@font-face {
    font-family: "BMWTypeNext-Thin";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNext-Thin.otf");
}
@font-face {
    font-family: "BMWIconLibrary";
    src: url("/cdn/static/ca/bmw/fonts/BMWIconLibrary.ttf");
}
@font-face {
    font-family: "BMWTypeGlobalPro-Bold";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeGlobalPro-Bold.ttf");
}

@font-face {
    font-family: "BMWTypeGlobalPro-light";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeGlobalPro-Light.ttf");
}

@font-face {
    font-family: "BMWTypeGlobalPro-regular";
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeGlobalPro-Regular.ttf");
}

@font-face {
    font-family: "BMWTypeNext";
    font-weight: 200;
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNextLatin-Thin.woff2");
}

@font-face {
    font-family: "BMWTypeNext";
    font-weight: 400;
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNextLatin-Light.woff2");
}

@font-face {
    font-family: "BMWTypeNext";
    font-weight: 700;
    src: url("/cdn/static/ca/bmw/fonts/BMWTypeNextLatin-Bold.woff2");
}