@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}

            :root {
                --cp2-primary: #B8261F;
                --cp2-primary-rgb: 184,38,31;
                --cp2-primary-100: #f0d3d2;
--cp2-primary-200: #e2a8a5;
--cp2-primary-300: #d47c78;
--cp2-primary-400: #c6514b;
--cp2-primary-500: #b8261f;
--cp2-primary-600: #931e18;
--cp2-primary-700: #6e1612;
--cp2-primary-800: #490f0c;
--cp2-primary-900: #240706;
                --cp2-primary-text: #b748cb;
                --cp2-primary-hover-text: #e46c21;
                --cp2-primary-font-family: Roboto;
                --cp2-secondary-font-family: Roboto;
                --cp2-background: #ffffff;
                --cp2-background-rgb: 255,255,255;
                --cp2-background-active: #cdd0de3d;
                --cp2-background-active-rgb: 205,208,222;
                --cp2-background-active-light: #cdd0de1f;
                --cp2-background-active-light-rgb: 205,208,222;
                --cp2-background-100: #ffffff;
--cp2-background-200: #ffffff;
--cp2-background-300: #ffffff;
--cp2-background-400: #ffffff;
--cp2-background-500: #ffffff;
--cp2-background-600: #cccccc;
--cp2-background-700: #999999;
--cp2-background-800: #666666;
--cp2-background-900: #333333;
                --cp2-background-100-rgb: 255,255,255;
--cp2-background-200-rgb: 255,255,255;
--cp2-background-300-rgb: 255,255,255;
--cp2-background-400-rgb: 255,255,255;
--cp2-background-500-rgb: 255,255,255;
--cp2-background-600-rgb: 204,204,204;
--cp2-background-700-rgb: 153,153,153;
--cp2-background-800-rgb: 102,102,102;
--cp2-background-900-rgb: 51,51,51;
                --cp2-text-rgb: 59,66,82;
                --cp2-text: #3b4252;
                --cp2-text-100: #d7d9dc;
--cp2-text-200: #b0b3b9;
--cp2-text-300: #898d97;
--cp2-text-400: #626774;
--cp2-text-500: #3b4252;
--cp2-text-600: #2f3441;
--cp2-text-700: #232731;
--cp2-text-800: #171a20;
--cp2-text-900: #0b0d10;
                --cp2-text-100-rgb: 215,217,220;
--cp2-text-200-rgb: 176,179,185;
--cp2-text-300-rgb: 137,141,151;
--cp2-text-400-rgb: 98,103,116;
--cp2-text-500-rgb: 59,66,82;
--cp2-text-600-rgb: 47,52,65;
--cp2-text-700-rgb: 35,39,49;
--cp2-text-800-rgb: 23,26,32;
--cp2-text-900-rgb: 11,13,16;
                --cp2-divider-color: #e4e4e4;
                --cp2-divider-color-rgb: 228,228,228;
                --cp2-primary-button: #b8261f;
                --cp2-primary-button-rgb: 184,38,31;
                --cp2-primary-button-text: #ffffff;
                --cp2-primary-button-border-width: 0px;
                --cp2-primary-button-border: ;
                --cp2-primary-button-hover: #e46c21;
                --cp2-primary-button-hover-rgb: 228,108,33;
                --cp2-primary-button-hover-text: #ffffff;
                --cp2-primary-button-hover-border-width: 0px;
                --cp2-primary-button-hover-border: ;
                --cp2-primary-button-100: #f0d3d2;
--cp2-primary-button-200: #e2a8a5;
--cp2-primary-button-300: #d47c78;
--cp2-primary-button-400: #c6514b;
--cp2-primary-button-500: #b8261f;
--cp2-primary-button-600: #931e18;
--cp2-primary-button-700: #6e1612;
--cp2-primary-button-800: #490f0c;
--cp2-primary-button-900: #240706;
                --cp2-secondary-button: #ffffff;
                --cp2-secondary-button-rgb: 255,255,255;
                --cp2-secondary-button-text: #b8261f;
                --cp2-secondary-button-border: #b8261f;
                --cp2-secondary-button-border-width: 1px;
                --cp2-secondary-button-hover: #ffffff;
                --cp2-secondary-button-hover-rgb: 255,255,255;
                --cp2-secondary-button-hover-text: #e46c21;
                --cp2-secondary-button-hover-border-width: 1px;
                --cp2-secondary-button-hover-border: #e46c21;
                --cp2-secondary-button-100: #ffffff;
--cp2-secondary-button-200: #ffffff;
--cp2-secondary-button-300: #ffffff;
--cp2-secondary-button-400: #ffffff;
--cp2-secondary-button-500: #ffffff;
--cp2-secondary-button-600: #cccccc;
--cp2-secondary-button-700: #999999;
--cp2-secondary-button-800: #666666;
--cp2-secondary-button-900: #333333;
            }