@font-face{
      font-family: "Poppins";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Poppins-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: block;
    }
  

    @font-face{
      font-family: "Poppins";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Poppins-SemiBold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
      font-display: block;
    }
  

    @font-face{
      font-family: "Roboto";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Roboto-Light.woff') format('woff');
      font-weight: 300;
      font-style: normal;
      font-display: block;
    }
  

    @font-face{
      font-family: "Roboto";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Roboto-Regular.woff') format('woff');
      font-weight: 400;
      font-style: normal;
      font-display: block;
    }
  

    @font-face{
      font-family: "Roboto";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Roboto-SemiBold.woff') format('woff');
      font-weight: 600;
      font-style: normal;
      font-display: block;
    }
  

    @font-face{
      font-family: "Roboto";
      src: 
      
      url('https://mayfairvillage.com.au/carbon/assets/0007e9/00000b/Roboto-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: block;
    }
  

.title, {font-family: Poppins; font-size:56px; line-height: 68px;}
 .h1, h1 {font-family: Poppins; font-size:56px; line-height: 68px;}
h2,.h2 {font-family: Poppins; font-size:48px; line-height: 58px;}
h3,.h3 {font-family: Poppins; font-size:40px; line-height: 48px;}
h4,.h4 {font-family: Poppins; font-size:32px; line-height: 42px;}
h5,.h5 {font-family: Poppins; font-size:24px; line-height: 32px;}
h6,.h6 {font-family: Poppins; font-size:20px; line-height: 28px;}
body {font-family: Roboto; font-size:16px; line-height: 24px;}
.sub-heading {font-family: Roboto; font-size:24px; line-height: 32px;}


@media (max-width: 1200px){
.title, {font-family: Poppins; font-size:48px; line-height: 58px;}
 .h1, h1 {font-family: Poppins; font-size:40px; line-height: 48px;}
h2,.h2 {font-family: Poppins; font-size:48px; line-height: 58px;}
h3,.h3 {font-family: Poppins; font-size:40px; line-height: 48px;}
h4,.h4 {font-family: Poppins; font-size:32px; line-height: 42px;}
h5,.h5 {font-family: Poppins; font-size:24px; line-height: 32px;}
h6,.h6 {font-family: Poppins; font-size:20px; line-height: 28px;}
body {font-family: Roboto; font-size:16px; line-height: 24px;}
.sub-heading {font-family: Roboto; font-size:24px; line-height: 32px;}
}


@media (max-width: 768px){
.title, {font-family: Poppins; font-size:32px; line-height: 40px;}
 .h1, h1 {font-family: Poppins; font-size:32px; line-height: 40px;}
h2,.h2 {font-family: Poppins; font-size:24px; line-height: 30px;}
h3,.h3 {font-family: Poppins; font-size:24px; line-height: 30px;}
h4,.h4 {font-family: Poppins; font-size:24px; line-height: 30px;}
h5,.h5 {font-family: Poppins; font-size:24px; line-height: 32px;}
h6,.h6 {font-family: Poppins; font-size:20px; line-height: 28px;}
body {font-family: Roboto; font-size:16px; line-height: 24px;}
.sub-heading {font-family: Roboto; font-size:24px; line-height: 32px;}
}

:root {
--primary-1: #1f4993;
--primary-1-10: #1f49931a;
.back-primary-1-10 {background-color: #1f49931a;}
.text-primary-1-10 {color: #1f49931a;}
--primary-1-20: #1f499333;
.back-primary-1-20 {background-color: #1f499333;}
.text-primary-1-20 {color: #1f499333;}
--primary-1-30: #1f49934d;
.back-primary-1-30 {background-color: #1f49934d;}
.text-primary-1-30 {color: #1f49934d;}
--primary-1-40: #1f499366;
.back-primary-1-40 {background-color: #1f499366;}
.text-primary-1-40 {color: #1f499366;}
--primary-1-50: #1f499380;
.back-primary-1-50 {background-color: #1f499380;}
.text-primary-1-50 {color: #1f499380;}
--primary-1-60: #1f499399;
.back-primary-1-60 {background-color: #1f499399;}
.text-primary-1-60 {color: #1f499399;}
--primary-1-70: #1f4993b3;
.back-primary-1-70 {background-color: #1f4993b3;}
.text-primary-1-70 {color: #1f4993b3;}
--primary-1-80: #1f4993cc;
.back-primary-1-80 {background-color: #1f4993cc;}
.text-primary-1-80 {color: #1f4993cc;}
--primary-1-90: #1f4993e6;
.back-primary-1-90 {background-color: #1f4993e6;}
.text-primary-1-90 {color: #1f4993e6;}
--primary-1-darken-10: #1c4284;
.back-primary-1-darken-10 {background-color: #1c4284;}
.text-primary-1-darken-10 {color: #1c4284;}
--primary-1-darken-20: #193a76;
.back-primary-1-darken-20 {background-color: #193a76;}
.text-primary-1-darken-20 {color: #193a76;}
--primary-1-darken-30: #163367;
.back-primary-1-darken-30 {background-color: #163367;}
.text-primary-1-darken-30 {color: #163367;}
--primary-1-darken-40: #132c58;
.back-primary-1-darken-40 {background-color: #132c58;}
.text-primary-1-darken-40 {color: #132c58;}
--primary-1-darken-50: #10254a;
.back-primary-1-darken-50 {background-color: #10254a;}
.text-primary-1-darken-50 {color: #10254a;}
--primary-1-lighten-10: #e9edf4;
.back-primary-1-lighten-10 {background-color: #e9edf4;}
.text-primary-1-lighten-10 {color: #e9edf4;}
--primary-1-lighten-20: #d2dbe9;
.back-primary-1-lighten-20 {background-color: #d2dbe9;}
.text-primary-1-lighten-20 {color: #d2dbe9;}
--primary-1-lighten-30: #bcc8df;
.back-primary-1-lighten-30 {background-color: #bcc8df;}
.text-primary-1-lighten-30 {color: #bcc8df;}
--primary-1-lighten-40: #a5b6d4;
.back-primary-1-lighten-40 {background-color: #a5b6d4;}
.text-primary-1-lighten-40 {color: #a5b6d4;}
--primary-1-lighten-50: #8fa4c9;
.back-primary-1-lighten-50 {background-color: #8fa4c9;}
.text-primary-1-lighten-50 {color: #8fa4c9;}
--primary-1-lighten-60: #7992be;
.back-primary-1-lighten-60 {background-color: #7992be;}
.text-primary-1-lighten-60 {color: #7992be;}
--primary-1-lighten-70: #6280b3;
.back-primary-1-lighten-70 {background-color: #6280b3;}
.text-primary-1-lighten-70 {color: #6280b3;}
--primary-1-lighten-80: #4c6da9;
.back-primary-1-lighten-80 {background-color: #4c6da9;}
.text-primary-1-lighten-80 {color: #4c6da9;}
--primary-1-lighten-90: #355b9e;
.back-primary-1-lighten-90 {background-color: #355b9e;}
.text-primary-1-lighten-90 {color: #355b9e;}
--text-1: #1a2332;
--text-1-10: #1a23321a;
.back-text-1-10 {background-color: #1a23321a;}
.text-text-1-10 {color: #1a23321a;}
--text-1-20: #1a233233;
.back-text-1-20 {background-color: #1a233233;}
.text-text-1-20 {color: #1a233233;}
--text-1-30: #1a23324d;
.back-text-1-30 {background-color: #1a23324d;}
.text-text-1-30 {color: #1a23324d;}
--text-1-40: #1a233266;
.back-text-1-40 {background-color: #1a233266;}
.text-text-1-40 {color: #1a233266;}
--text-1-50: #1a233280;
.back-text-1-50 {background-color: #1a233280;}
.text-text-1-50 {color: #1a233280;}
--text-1-60: #1a233299;
.back-text-1-60 {background-color: #1a233299;}
.text-text-1-60 {color: #1a233299;}
--text-1-70: #1a2332b3;
.back-text-1-70 {background-color: #1a2332b3;}
.text-text-1-70 {color: #1a2332b3;}
--text-1-80: #1a2332cc;
.back-text-1-80 {background-color: #1a2332cc;}
.text-text-1-80 {color: #1a2332cc;}
--text-1-90: #1a2332e6;
.back-text-1-90 {background-color: #1a2332e6;}
.text-text-1-90 {color: #1a2332e6;}
--text-1-darken-10: #17202d;
.back-text-1-darken-10 {background-color: #17202d;}
.text-text-1-darken-10 {color: #17202d;}
--text-1-darken-20: #151c28;
.back-text-1-darken-20 {background-color: #151c28;}
.text-text-1-darken-20 {color: #151c28;}
--text-1-darken-30: #121923;
.back-text-1-darken-30 {background-color: #121923;}
.text-text-1-darken-30 {color: #121923;}
--text-1-darken-40: #10151e;
.back-text-1-darken-40 {background-color: #10151e;}
.text-text-1-darken-40 {color: #10151e;}
--text-1-darken-50: #0d1219;
.back-text-1-darken-50 {background-color: #0d1219;}
.text-text-1-darken-50 {color: #0d1219;}
--text-1-lighten-10: #e8e9eb;
.back-text-1-lighten-10 {background-color: #e8e9eb;}
.text-text-1-lighten-10 {color: #e8e9eb;}
--text-1-lighten-20: #d1d3d6;
.back-text-1-lighten-20 {background-color: #d1d3d6;}
.text-text-1-lighten-20 {color: #d1d3d6;}
--text-1-lighten-30: #babdc2;
.back-text-1-lighten-30 {background-color: #babdc2;}
.text-text-1-lighten-30 {color: #babdc2;}
--text-1-lighten-40: #a3a7ad;
.back-text-1-lighten-40 {background-color: #a3a7ad;}
.text-text-1-lighten-40 {color: #a3a7ad;}
--text-1-lighten-50: #8d9199;
.back-text-1-lighten-50 {background-color: #8d9199;}
.text-text-1-lighten-50 {color: #8d9199;}
--text-1-lighten-60: #767b84;
.back-text-1-lighten-60 {background-color: #767b84;}
.text-text-1-lighten-60 {color: #767b84;}
--text-1-lighten-70: #5f6570;
.back-text-1-lighten-70 {background-color: #5f6570;}
.text-text-1-lighten-70 {color: #5f6570;}
--text-1-lighten-80: #484f5b;
.back-text-1-lighten-80 {background-color: #484f5b;}
.text-text-1-lighten-80 {color: #484f5b;}
--text-1-lighten-90: #313947;
.back-text-1-lighten-90 {background-color: #313947;}
.text-text-1-lighten-90 {color: #313947;}
--background-1: #f6f8ed;
--background-1-10: #f6f8ed1a;
.back-background-1-10 {background-color: #f6f8ed1a;}
.text-background-1-10 {color: #f6f8ed1a;}
--background-1-20: #f6f8ed33;
.back-background-1-20 {background-color: #f6f8ed33;}
.text-background-1-20 {color: #f6f8ed33;}
--background-1-30: #f6f8ed4d;
.back-background-1-30 {background-color: #f6f8ed4d;}
.text-background-1-30 {color: #f6f8ed4d;}
--background-1-40: #f6f8ed66;
.back-background-1-40 {background-color: #f6f8ed66;}
.text-background-1-40 {color: #f6f8ed66;}
--background-1-50: #f6f8ed80;
.back-background-1-50 {background-color: #f6f8ed80;}
.text-background-1-50 {color: #f6f8ed80;}
--background-1-60: #f6f8ed99;
.back-background-1-60 {background-color: #f6f8ed99;}
.text-background-1-60 {color: #f6f8ed99;}
--background-1-70: #f6f8edb3;
.back-background-1-70 {background-color: #f6f8edb3;}
.text-background-1-70 {color: #f6f8edb3;}
--background-1-80: #f6f8edcc;
.back-background-1-80 {background-color: #f6f8edcc;}
.text-background-1-80 {color: #f6f8edcc;}
--background-1-90: #f6f8ede6;
.back-background-1-90 {background-color: #f6f8ede6;}
.text-background-1-90 {color: #f6f8ede6;}
--background-1-darken-10: #dddfd5;
.back-background-1-darken-10 {background-color: #dddfd5;}
.text-background-1-darken-10 {color: #dddfd5;}
--background-1-darken-20: #c5c6be;
.back-background-1-darken-20 {background-color: #c5c6be;}
.text-background-1-darken-20 {color: #c5c6be;}
--background-1-darken-30: #acaea6;
.back-background-1-darken-30 {background-color: #acaea6;}
.text-background-1-darken-30 {color: #acaea6;}
--background-1-darken-40: #94958e;
.back-background-1-darken-40 {background-color: #94958e;}
.text-background-1-darken-40 {color: #94958e;}
--background-1-darken-50: #7b7c77;
.back-background-1-darken-50 {background-color: #7b7c77;}
.text-background-1-darken-50 {color: #7b7c77;}
--background-1-lighten-10: #fefefd;
.back-background-1-lighten-10 {background-color: #fefefd;}
.text-background-1-lighten-10 {color: #fefefd;}
--background-1-lighten-20: #fdfefb;
.back-background-1-lighten-20 {background-color: #fdfefb;}
.text-background-1-lighten-20 {color: #fdfefb;}
--background-1-lighten-30: #fcfdfa;
.back-background-1-lighten-30 {background-color: #fcfdfa;}
.text-background-1-lighten-30 {color: #fcfdfa;}
--background-1-lighten-40: #fbfcf8;
.back-background-1-lighten-40 {background-color: #fbfcf8;}
.text-background-1-lighten-40 {color: #fbfcf8;}
--background-1-lighten-50: #fbfcf6;
.back-background-1-lighten-50 {background-color: #fbfcf6;}
.text-background-1-lighten-50 {color: #fbfcf6;}
--background-1-lighten-60: #fafbf4;
.back-background-1-lighten-60 {background-color: #fafbf4;}
.text-background-1-lighten-60 {color: #fafbf4;}
--background-1-lighten-70: #f9faf2;
.back-background-1-lighten-70 {background-color: #f9faf2;}
.text-background-1-lighten-70 {color: #f9faf2;}
--background-1-lighten-80: #f8f9f1;
.back-background-1-lighten-80 {background-color: #f8f9f1;}
.text-background-1-lighten-80 {color: #f8f9f1;}
--background-1-lighten-90: #f7f9ef;
.back-background-1-lighten-90 {background-color: #f7f9ef;}
.text-background-1-lighten-90 {color: #f7f9ef;}
--primary-2: #8fb698;
--primary-2-10: #8fb6981a;
.back-primary-2-10 {background-color: #8fb6981a;}
.text-primary-2-10 {color: #8fb6981a;}
--primary-2-20: #8fb69833;
.back-primary-2-20 {background-color: #8fb69833;}
.text-primary-2-20 {color: #8fb69833;}
--primary-2-30: #8fb6984d;
.back-primary-2-30 {background-color: #8fb6984d;}
.text-primary-2-30 {color: #8fb6984d;}
--primary-2-40: #8fb69866;
.back-primary-2-40 {background-color: #8fb69866;}
.text-primary-2-40 {color: #8fb69866;}
--primary-2-50: #8fb69880;
.back-primary-2-50 {background-color: #8fb69880;}
.text-primary-2-50 {color: #8fb69880;}
--primary-2-60: #8fb69899;
.back-primary-2-60 {background-color: #8fb69899;}
.text-primary-2-60 {color: #8fb69899;}
--primary-2-70: #8fb698b3;
.back-primary-2-70 {background-color: #8fb698b3;}
.text-primary-2-70 {color: #8fb698b3;}
--primary-2-80: #8fb698cc;
.back-primary-2-80 {background-color: #8fb698cc;}
.text-primary-2-80 {color: #8fb698cc;}
--primary-2-90: #8fb698e6;
.back-primary-2-90 {background-color: #8fb698e6;}
.text-primary-2-90 {color: #8fb698e6;}
--primary-2-darken-10: #81a489;
.back-primary-2-darken-10 {background-color: #81a489;}
.text-primary-2-darken-10 {color: #81a489;}
--primary-2-darken-20: #72927a;
.back-primary-2-darken-20 {background-color: #72927a;}
.text-primary-2-darken-20 {color: #72927a;}
--primary-2-darken-30: #647f6a;
.back-primary-2-darken-30 {background-color: #647f6a;}
.text-primary-2-darken-30 {color: #647f6a;}
--primary-2-darken-40: #566d5b;
.back-primary-2-darken-40 {background-color: #566d5b;}
.text-primary-2-darken-40 {color: #566d5b;}
--primary-2-darken-50: #485b4c;
.back-primary-2-darken-50 {background-color: #485b4c;}
.text-primary-2-darken-50 {color: #485b4c;}
--primary-2-lighten-10: #f4f8f5;
.back-primary-2-lighten-10 {background-color: #f4f8f5;}
.text-primary-2-lighten-10 {color: #f4f8f5;}
--primary-2-lighten-20: #e9f0ea;
.back-primary-2-lighten-20 {background-color: #e9f0ea;}
.text-primary-2-lighten-20 {color: #e9f0ea;}
--primary-2-lighten-30: #dde9e0;
.back-primary-2-lighten-30 {background-color: #dde9e0;}
.text-primary-2-lighten-30 {color: #dde9e0;}
--primary-2-lighten-40: #d2e2d6;
.back-primary-2-lighten-40 {background-color: #d2e2d6;}
.text-primary-2-lighten-40 {color: #d2e2d6;}
--primary-2-lighten-50: #c7dbcc;
.back-primary-2-lighten-50 {background-color: #c7dbcc;}
.text-primary-2-lighten-50 {color: #c7dbcc;}
--primary-2-lighten-60: #bcd3c1;
.back-primary-2-lighten-60 {background-color: #bcd3c1;}
.text-primary-2-lighten-60 {color: #bcd3c1;}
--primary-2-lighten-70: #b1ccb7;
.back-primary-2-lighten-70 {background-color: #b1ccb7;}
.text-primary-2-lighten-70 {color: #b1ccb7;}
--primary-2-lighten-80: #a5c5ad;
.back-primary-2-lighten-80 {background-color: #a5c5ad;}
.text-primary-2-lighten-80 {color: #a5c5ad;}
--primary-2-lighten-90: #9abda2;
.back-primary-2-lighten-90 {background-color: #9abda2;}
.text-primary-2-lighten-90 {color: #9abda2;}
--text-2: #2d3848;
--text-2-10: #2d38481a;
.back-text-2-10 {background-color: #2d38481a;}
.text-text-2-10 {color: #2d38481a;}
--text-2-20: #2d384833;
.back-text-2-20 {background-color: #2d384833;}
.text-text-2-20 {color: #2d384833;}
--text-2-30: #2d38484d;
.back-text-2-30 {background-color: #2d38484d;}
.text-text-2-30 {color: #2d38484d;}
--text-2-40: #2d384866;
.back-text-2-40 {background-color: #2d384866;}
.text-text-2-40 {color: #2d384866;}
--text-2-50: #2d384880;
.back-text-2-50 {background-color: #2d384880;}
.text-text-2-50 {color: #2d384880;}
--text-2-60: #2d384899;
.back-text-2-60 {background-color: #2d384899;}
.text-text-2-60 {color: #2d384899;}
--text-2-70: #2d3848b3;
.back-text-2-70 {background-color: #2d3848b3;}
.text-text-2-70 {color: #2d3848b3;}
--text-2-80: #2d3848cc;
.back-text-2-80 {background-color: #2d3848cc;}
.text-text-2-80 {color: #2d3848cc;}
--text-2-90: #2d3848e6;
.back-text-2-90 {background-color: #2d3848e6;}
.text-text-2-90 {color: #2d3848e6;}
--text-2-darken-10: #293241;
.back-text-2-darken-10 {background-color: #293241;}
.text-text-2-darken-10 {color: #293241;}
--text-2-darken-20: #242d3a;
.back-text-2-darken-20 {background-color: #242d3a;}
.text-text-2-darken-20 {color: #242d3a;}
--text-2-darken-30: #1f2732;
.back-text-2-darken-30 {background-color: #1f2732;}
.text-text-2-darken-30 {color: #1f2732;}
--text-2-darken-40: #1b222b;
.back-text-2-darken-40 {background-color: #1b222b;}
.text-text-2-darken-40 {color: #1b222b;}
--text-2-darken-50: #171c24;
.back-text-2-darken-50 {background-color: #171c24;}
.text-text-2-darken-50 {color: #171c24;}
--text-2-lighten-10: #eaebed;
.back-text-2-lighten-10 {background-color: #eaebed;}
.text-text-2-lighten-10 {color: #eaebed;}
--text-2-lighten-20: #d5d7da;
.back-text-2-lighten-20 {background-color: #d5d7da;}
.text-text-2-lighten-20 {color: #d5d7da;}
--text-2-lighten-30: #c0c3c8;
.back-text-2-lighten-30 {background-color: #c0c3c8;}
.text-text-2-lighten-30 {color: #c0c3c8;}
--text-2-lighten-40: #abafb6;
.back-text-2-lighten-40 {background-color: #abafb6;}
.text-text-2-lighten-40 {color: #abafb6;}
--text-2-lighten-50: #969ca4;
.back-text-2-lighten-50 {background-color: #969ca4;}
.text-text-2-lighten-50 {color: #969ca4;}
--text-2-lighten-60: #818891;
.back-text-2-lighten-60 {background-color: #818891;}
.text-text-2-lighten-60 {color: #818891;}
--text-2-lighten-70: #6c747f;
.back-text-2-lighten-70 {background-color: #6c747f;}
.text-text-2-lighten-70 {color: #6c747f;}
--text-2-lighten-80: #57606d;
.back-text-2-lighten-80 {background-color: #57606d;}
.text-text-2-lighten-80 {color: #57606d;}
--text-2-lighten-90: #424c5a;
.back-text-2-lighten-90 {background-color: #424c5a;}
.text-text-2-lighten-90 {color: #424c5a;}
--background-2: #8fb698;
--background-2-10: #8fb6981a;
.back-background-2-10 {background-color: #8fb6981a;}
.text-background-2-10 {color: #8fb6981a;}
--background-2-20: #8fb69833;
.back-background-2-20 {background-color: #8fb69833;}
.text-background-2-20 {color: #8fb69833;}
--background-2-30: #8fb6984d;
.back-background-2-30 {background-color: #8fb6984d;}
.text-background-2-30 {color: #8fb6984d;}
--background-2-40: #8fb69866;
.back-background-2-40 {background-color: #8fb69866;}
.text-background-2-40 {color: #8fb69866;}
--background-2-50: #8fb69880;
.back-background-2-50 {background-color: #8fb69880;}
.text-background-2-50 {color: #8fb69880;}
--background-2-60: #8fb69899;
.back-background-2-60 {background-color: #8fb69899;}
.text-background-2-60 {color: #8fb69899;}
--background-2-70: #8fb698b3;
.back-background-2-70 {background-color: #8fb698b3;}
.text-background-2-70 {color: #8fb698b3;}
--background-2-80: #8fb698cc;
.back-background-2-80 {background-color: #8fb698cc;}
.text-background-2-80 {color: #8fb698cc;}
--background-2-90: #8fb698e6;
.back-background-2-90 {background-color: #8fb698e6;}
.text-background-2-90 {color: #8fb698e6;}
--background-2-darken-10: #81a489;
.back-background-2-darken-10 {background-color: #81a489;}
.text-background-2-darken-10 {color: #81a489;}
--background-2-darken-20: #72927a;
.back-background-2-darken-20 {background-color: #72927a;}
.text-background-2-darken-20 {color: #72927a;}
--background-2-darken-30: #647f6a;
.back-background-2-darken-30 {background-color: #647f6a;}
.text-background-2-darken-30 {color: #647f6a;}
--background-2-darken-40: #566d5b;
.back-background-2-darken-40 {background-color: #566d5b;}
.text-background-2-darken-40 {color: #566d5b;}
--background-2-darken-50: #485b4c;
.back-background-2-darken-50 {background-color: #485b4c;}
.text-background-2-darken-50 {color: #485b4c;}
--background-2-lighten-10: #f4f8f5;
.back-background-2-lighten-10 {background-color: #f4f8f5;}
.text-background-2-lighten-10 {color: #f4f8f5;}
--background-2-lighten-20: #e9f0ea;
.back-background-2-lighten-20 {background-color: #e9f0ea;}
.text-background-2-lighten-20 {color: #e9f0ea;}
--background-2-lighten-30: #dde9e0;
.back-background-2-lighten-30 {background-color: #dde9e0;}
.text-background-2-lighten-30 {color: #dde9e0;}
--background-2-lighten-40: #d2e2d6;
.back-background-2-lighten-40 {background-color: #d2e2d6;}
.text-background-2-lighten-40 {color: #d2e2d6;}
--background-2-lighten-50: #c7dbcc;
.back-background-2-lighten-50 {background-color: #c7dbcc;}
.text-background-2-lighten-50 {color: #c7dbcc;}
--background-2-lighten-60: #bcd3c1;
.back-background-2-lighten-60 {background-color: #bcd3c1;}
.text-background-2-lighten-60 {color: #bcd3c1;}
--background-2-lighten-70: #b1ccb7;
.back-background-2-lighten-70 {background-color: #b1ccb7;}
.text-background-2-lighten-70 {color: #b1ccb7;}
--background-2-lighten-80: #a5c5ad;
.back-background-2-lighten-80 {background-color: #a5c5ad;}
.text-background-2-lighten-80 {color: #a5c5ad;}
--background-2-lighten-90: #9abda2;
.back-background-2-lighten-90 {background-color: #9abda2;}
.text-background-2-lighten-90 {color: #9abda2;}
--accent: #e07540;
--accent-10: #e075401a;
.back-accent-10 {background-color: #e075401a;}
.text-accent-10 {color: #e075401a;}
--accent-20: #e0754033;
.back-accent-20 {background-color: #e0754033;}
.text-accent-20 {color: #e0754033;}
--accent-30: #e075404d;
.back-accent-30 {background-color: #e075404d;}
.text-accent-30 {color: #e075404d;}
--accent-40: #e0754066;
.back-accent-40 {background-color: #e0754066;}
.text-accent-40 {color: #e0754066;}
--accent-50: #e0754080;
.back-accent-50 {background-color: #e0754080;}
.text-accent-50 {color: #e0754080;}
--accent-60: #e0754099;
.back-accent-60 {background-color: #e0754099;}
.text-accent-60 {color: #e0754099;}
--accent-70: #e07540b3;
.back-accent-70 {background-color: #e07540b3;}
.text-accent-70 {color: #e07540b3;}
--accent-80: #e07540cc;
.back-accent-80 {background-color: #e07540cc;}
.text-accent-80 {color: #e07540cc;}
--accent-90: #e07540e6;
.back-accent-90 {background-color: #e07540e6;}
.text-accent-90 {color: #e07540e6;}
--accent-darken-10: #ca693a;
.back-accent-darken-10 {background-color: #ca693a;}
.text-accent-darken-10 {color: #ca693a;}
--accent-darken-20: #b35e33;
.back-accent-darken-20 {background-color: #b35e33;}
.text-accent-darken-20 {color: #b35e33;}
--accent-darken-30: #9d522d;
.back-accent-darken-30 {background-color: #9d522d;}
.text-accent-darken-30 {color: #9d522d;}
--accent-darken-40: #864626;
.back-accent-darken-40 {background-color: #864626;}
.text-accent-darken-40 {color: #864626;}
--accent-darken-50: #703b20;
.back-accent-darken-50 {background-color: #703b20;}
.text-accent-darken-50 {color: #703b20;}
--accent-lighten-10: #fcf1ec;
.back-accent-lighten-10 {background-color: #fcf1ec;}
.text-accent-lighten-10 {color: #fcf1ec;}
--accent-lighten-20: #f9e3d9;
.back-accent-lighten-20 {background-color: #f9e3d9;}
.text-accent-lighten-20 {color: #f9e3d9;}
--accent-lighten-30: #f6d6c6;
.back-accent-lighten-30 {background-color: #f6d6c6;}
.text-accent-lighten-30 {color: #f6d6c6;}
--accent-lighten-40: #f3c8b3;
.back-accent-lighten-40 {background-color: #f3c8b3;}
.text-accent-lighten-40 {color: #f3c8b3;}
--accent-lighten-50: #f0baa0;
.back-accent-lighten-50 {background-color: #f0baa0;}
.text-accent-lighten-50 {color: #f0baa0;}
--accent-lighten-60: #ecac8c;
.back-accent-lighten-60 {background-color: #ecac8c;}
.text-accent-lighten-60 {color: #ecac8c;}
--accent-lighten-70: #e99e79;
.back-accent-lighten-70 {background-color: #e99e79;}
.text-accent-lighten-70 {color: #e99e79;}
--accent-lighten-80: #e69166;
.back-accent-lighten-80 {background-color: #e69166;}
.text-accent-lighten-80 {color: #e69166;}
--accent-lighten-90: #e38353;
.back-accent-lighten-90 {background-color: #e38353;}
.text-accent-lighten-90 {color: #e38353;}
--white: #ffffff;
--white-10: #ffffff1a;
.back-white-10 {background-color: #ffffff1a;}
.text-white-10 {color: #ffffff1a;}
--white-20: #ffffff33;
.back-white-20 {background-color: #ffffff33;}
.text-white-20 {color: #ffffff33;}
--white-30: #ffffff4d;
.back-white-30 {background-color: #ffffff4d;}
.text-white-30 {color: #ffffff4d;}
--white-40: #ffffff66;
.back-white-40 {background-color: #ffffff66;}
.text-white-40 {color: #ffffff66;}
--white-50: #ffffff80;
.back-white-50 {background-color: #ffffff80;}
.text-white-50 {color: #ffffff80;}
--white-60: #ffffff99;
.back-white-60 {background-color: #ffffff99;}
.text-white-60 {color: #ffffff99;}
--white-70: #ffffffb3;
.back-white-70 {background-color: #ffffffb3;}
.text-white-70 {color: #ffffffb3;}
--white-80: #ffffffcc;
.back-white-80 {background-color: #ffffffcc;}
.text-white-80 {color: #ffffffcc;}
--white-90: #ffffffe6;
.back-white-90 {background-color: #ffffffe6;}
.text-white-90 {color: #ffffffe6;}
--white-darken-10: #e6e6e6;
.back-white-darken-10 {background-color: #e6e6e6;}
.text-white-darken-10 {color: #e6e6e6;}
--white-darken-20: #cccccc;
.back-white-darken-20 {background-color: #cccccc;}
.text-white-darken-20 {color: #cccccc;}
--white-darken-30: #b3b3b3;
.back-white-darken-30 {background-color: #b3b3b3;}
.text-white-darken-30 {color: #b3b3b3;}
--white-darken-40: #999999;
.back-white-darken-40 {background-color: #999999;}
.text-white-darken-40 {color: #999999;}
--white-darken-50: #808080;
.back-white-darken-50 {background-color: #808080;}
.text-white-darken-50 {color: #808080;}
--white-lighten-10: #ffffff;
.back-white-lighten-10 {background-color: #ffffff;}
.text-white-lighten-10 {color: #ffffff;}
--white-lighten-20: #ffffff;
.back-white-lighten-20 {background-color: #ffffff;}
.text-white-lighten-20 {color: #ffffff;}
--white-lighten-30: #ffffff;
.back-white-lighten-30 {background-color: #ffffff;}
.text-white-lighten-30 {color: #ffffff;}
--white-lighten-40: #ffffff;
.back-white-lighten-40 {background-color: #ffffff;}
.text-white-lighten-40 {color: #ffffff;}
--white-lighten-50: #ffffff;
.back-white-lighten-50 {background-color: #ffffff;}
.text-white-lighten-50 {color: #ffffff;}
--white-lighten-60: #ffffff;
.back-white-lighten-60 {background-color: #ffffff;}
.text-white-lighten-60 {color: #ffffff;}
--white-lighten-70: #ffffff;
.back-white-lighten-70 {background-color: #ffffff;}
.text-white-lighten-70 {color: #ffffff;}
--white-lighten-80: #ffffff;
.back-white-lighten-80 {background-color: #ffffff;}
.text-white-lighten-80 {color: #ffffff;}
--white-lighten-90: #ffffff;
.back-white-lighten-90 {background-color: #ffffff;}
.text-white-lighten-90 {color: #ffffff;}
--black: #000000;
--black-10: #0000001a;
.back-black-10 {background-color: #0000001a;}
.text-black-10 {color: #0000001a;}
--black-20: #00000033;
.back-black-20 {background-color: #00000033;}
.text-black-20 {color: #00000033;}
--black-30: #0000004d;
.back-black-30 {background-color: #0000004d;}
.text-black-30 {color: #0000004d;}
--black-40: #00000066;
.back-black-40 {background-color: #00000066;}
.text-black-40 {color: #00000066;}
--black-50: #00000080;
.back-black-50 {background-color: #00000080;}
.text-black-50 {color: #00000080;}
--black-60: #00000099;
.back-black-60 {background-color: #00000099;}
.text-black-60 {color: #00000099;}
--black-70: #000000b3;
.back-black-70 {background-color: #000000b3;}
.text-black-70 {color: #000000b3;}
--black-80: #000000cc;
.back-black-80 {background-color: #000000cc;}
.text-black-80 {color: #000000cc;}
--black-90: #000000e6;
.back-black-90 {background-color: #000000e6;}
.text-black-90 {color: #000000e6;}
--black-darken-10: #000000;
.back-black-darken-10 {background-color: #000000;}
.text-black-darken-10 {color: #000000;}
--black-darken-20: #000000;
.back-black-darken-20 {background-color: #000000;}
.text-black-darken-20 {color: #000000;}
--black-darken-30: #000000;
.back-black-darken-30 {background-color: #000000;}
.text-black-darken-30 {color: #000000;}
--black-darken-40: #000000;
.back-black-darken-40 {background-color: #000000;}
.text-black-darken-40 {color: #000000;}
--black-darken-50: #000000;
.back-black-darken-50 {background-color: #000000;}
.text-black-darken-50 {color: #000000;}
--black-lighten-10: #e6e6e6;
.back-black-lighten-10 {background-color: #e6e6e6;}
.text-black-lighten-10 {color: #e6e6e6;}
--black-lighten-20: #cccccc;
.back-black-lighten-20 {background-color: #cccccc;}
.text-black-lighten-20 {color: #cccccc;}
--black-lighten-30: #b3b3b3;
.back-black-lighten-30 {background-color: #b3b3b3;}
.text-black-lighten-30 {color: #b3b3b3;}
--black-lighten-40: #999999;
.back-black-lighten-40 {background-color: #999999;}
.text-black-lighten-40 {color: #999999;}
--black-lighten-50: #808080;
.back-black-lighten-50 {background-color: #808080;}
.text-black-lighten-50 {color: #808080;}
--black-lighten-60: #666666;
.back-black-lighten-60 {background-color: #666666;}
.text-black-lighten-60 {color: #666666;}
--black-lighten-70: #4d4d4d;
.back-black-lighten-70 {background-color: #4d4d4d;}
.text-black-lighten-70 {color: #4d4d4d;}
--black-lighten-80: #333333;
.back-black-lighten-80 {background-color: #333333;}
.text-black-lighten-80 {color: #333333;}
--black-lighten-90: #191919;
.back-black-lighten-90 {background-color: #191919;}
.text-black-lighten-90 {color: #191919;}
--gradient-left-right: linear-gradient(to right, #75c566, #353b41);
--gradient-right-left: linear-gradient(to left, #75c566, #353b41);
.background--gradient-left-right { background: var(--gradient-left-right); }
.background--gradient-right-left { background: var(--gradient-right-left); }
.color--gradient-left-right { color: var(--gradient-left-right); }
.color--gradient-right-left { color: var(--gradient-right-left); }
.border--gradient-left-right { border: 1px solid var(--gradient-left-right); border-color: var(--gradient-left-right) !important; }
.border--gradient-right-left { border: 1px solid var(--gradient-right-left); border-color: var(--gradient-right-left) !important; }
}
.hidden {display: none !important}