@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7V1s.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/v51/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/v51/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/v51/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/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}

            :root {
                --cp2-primary: #7DD623;
                --cp2-primary-rgb: 125,214,35;
                --cp2-primary-100: #e5f6d3;
--cp2-primary-200: #cbeea7;
--cp2-primary-300: #b1e67b;
--cp2-primary-400: #97de4f;
--cp2-primary-500: #7dd623;
--cp2-primary-600: #64ab1c;
--cp2-primary-700: #4b8015;
--cp2-primary-800: #32550e;
--cp2-primary-900: #192a07;
                --cp2-primary-text: #a7cb16;
                --cp2-primary-hover-text: #729119;
                --cp2-primary-font-family: Poppins;
                --cp2-secondary-font-family: Roboto;
                --cp2-background: #fefefe;
                --cp2-background-rgb: 254,254,254;
                --cp2-background-active: #dfe0db3d;
                --cp2-background-active-rgb: 223,224,219;
                --cp2-background-active-light: #dfe0db1f;
                --cp2-background-active-light-rgb: 223,224,219;
                --cp2-background-100: #fefefe;
--cp2-background-200: #fefefe;
--cp2-background-300: #fefefe;
--cp2-background-400: #fefefe;
--cp2-background-500: #fefefe;
--cp2-background-600: #cbcbcb;
--cp2-background-700: #989898;
--cp2-background-800: #656565;
--cp2-background-900: #323232;
                --cp2-background-100-rgb: 254,254,254;
--cp2-background-200-rgb: 254,254,254;
--cp2-background-300-rgb: 254,254,254;
--cp2-background-400-rgb: 254,254,254;
--cp2-background-500-rgb: 254,254,254;
--cp2-background-600-rgb: 203,203,203;
--cp2-background-700-rgb: 152,152,152;
--cp2-background-800-rgb: 101,101,101;
--cp2-background-900-rgb: 50,50,50;
                --cp2-text-rgb: 76,96,112;
                --cp2-text: #4c6070;
                --cp2-text-100: #dbdfe2;
--cp2-text-200: #b7bfc5;
--cp2-text-300: #939fa9;
--cp2-text-400: #6f7f8c;
--cp2-text-500: #4c6070;
--cp2-text-600: #3c4c59;
--cp2-text-700: #2d3943;
--cp2-text-800: #1e262c;
--cp2-text-900: #0f1316;
                --cp2-text-100-rgb: 219,223,226;
--cp2-text-200-rgb: 183,191,197;
--cp2-text-300-rgb: 147,159,169;
--cp2-text-400-rgb: 111,127,140;
--cp2-text-500-rgb: 76,96,112;
--cp2-text-600-rgb: 60,76,89;
--cp2-text-700-rgb: 45,57,67;
--cp2-text-800-rgb: 30,38,44;
--cp2-text-900-rgb: 15,19,22;
                --cp2-divider-color: #dfe0db;
                --cp2-divider-color-rgb: 223,224,219;
                --cp2-primary-button: #a7cb16;
                --cp2-primary-button-rgb: 167,203,22;
                --cp2-primary-button-text: #091517;
                --cp2-primary-button-border-width: 0px;
                --cp2-primary-button-border: ;
                --cp2-primary-button-hover: #729119;
                --cp2-primary-button-hover-rgb: 114,145,25;
                --cp2-primary-button-hover-text: #ffffff;
                --cp2-primary-button-hover-border-width: 0px;
                --cp2-primary-button-hover-border: ;
                --cp2-primary-button-100: #edf4d0;
--cp2-primary-button-200: #dbeaa1;
--cp2-primary-button-300: #cadf73;
--cp2-primary-button-400: #b8d544;
--cp2-primary-button-500: #a7cb16;
--cp2-primary-button-600: #85a211;
--cp2-primary-button-700: #64790d;
--cp2-primary-button-800: #425108;
--cp2-primary-button-900: #212804;
                --cp2-secondary-button: #ffffff;
                --cp2-secondary-button-rgb: 255,255,255;
                --cp2-secondary-button-text: #729119;
                --cp2-secondary-button-border: #729119;
                --cp2-secondary-button-border-width: 1px;
                --cp2-secondary-button-hover: #fefefe;
                --cp2-secondary-button-hover-rgb: 254,254,254;
                --cp2-secondary-button-hover-text: #a7cb16;
                --cp2-secondary-button-hover-border-width: 1px;
                --cp2-secondary-button-hover-border: #a7cb16;
                --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;
            }