@font-face{
      font-family: "Poppins";
      src: 
      
      url('https://thezonemaroochydore.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://thezonemaroochydore.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://thezonemaroochydore.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://thezonemaroochydore.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://thezonemaroochydore.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://thezonemaroochydore.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: #317bb8;
--primary-1-10: #317bb81a;
.back-primary-1-10 {background-color: #317bb81a;}
.text-primary-1-10 {color: #317bb81a;}
--primary-1-20: #317bb833;
.back-primary-1-20 {background-color: #317bb833;}
.text-primary-1-20 {color: #317bb833;}
--primary-1-30: #317bb84d;
.back-primary-1-30 {background-color: #317bb84d;}
.text-primary-1-30 {color: #317bb84d;}
--primary-1-40: #317bb866;
.back-primary-1-40 {background-color: #317bb866;}
.text-primary-1-40 {color: #317bb866;}
--primary-1-50: #317bb880;
.back-primary-1-50 {background-color: #317bb880;}
.text-primary-1-50 {color: #317bb880;}
--primary-1-60: #317bb899;
.back-primary-1-60 {background-color: #317bb899;}
.text-primary-1-60 {color: #317bb899;}
--primary-1-70: #317bb8b3;
.back-primary-1-70 {background-color: #317bb8b3;}
.text-primary-1-70 {color: #317bb8b3;}
--primary-1-80: #317bb8cc;
.back-primary-1-80 {background-color: #317bb8cc;}
.text-primary-1-80 {color: #317bb8cc;}
--primary-1-90: #317bb8e6;
.back-primary-1-90 {background-color: #317bb8e6;}
.text-primary-1-90 {color: #317bb8e6;}
--primary-1-darken-10: #2c6fa6;
.back-primary-1-darken-10 {background-color: #2c6fa6;}
.text-primary-1-darken-10 {color: #2c6fa6;}
--primary-1-darken-20: #276293;
.back-primary-1-darken-20 {background-color: #276293;}
.text-primary-1-darken-20 {color: #276293;}
--primary-1-darken-30: #225681;
.back-primary-1-darken-30 {background-color: #225681;}
.text-primary-1-darken-30 {color: #225681;}
--primary-1-darken-40: #1d4a6e;
.back-primary-1-darken-40 {background-color: #1d4a6e;}
.text-primary-1-darken-40 {color: #1d4a6e;}
--primary-1-darken-50: #193e5c;
.back-primary-1-darken-50 {background-color: #193e5c;}
.text-primary-1-darken-50 {color: #193e5c;}
--primary-1-lighten-10: #eaf2f8;
.back-primary-1-lighten-10 {background-color: #eaf2f8;}
.text-primary-1-lighten-10 {color: #eaf2f8;}
--primary-1-lighten-20: #d6e5f1;
.back-primary-1-lighten-20 {background-color: #d6e5f1;}
.text-primary-1-lighten-20 {color: #d6e5f1;}
--primary-1-lighten-30: #c1d7ea;
.back-primary-1-lighten-30 {background-color: #c1d7ea;}
.text-primary-1-lighten-30 {color: #c1d7ea;}
--primary-1-lighten-40: #adcae3;
.back-primary-1-lighten-40 {background-color: #adcae3;}
.text-primary-1-lighten-40 {color: #adcae3;}
--primary-1-lighten-50: #98bddc;
.back-primary-1-lighten-50 {background-color: #98bddc;}
.text-primary-1-lighten-50 {color: #98bddc;}
--primary-1-lighten-60: #83b0d4;
.back-primary-1-lighten-60 {background-color: #83b0d4;}
.text-primary-1-lighten-60 {color: #83b0d4;}
--primary-1-lighten-70: #6fa3cd;
.back-primary-1-lighten-70 {background-color: #6fa3cd;}
.text-primary-1-lighten-70 {color: #6fa3cd;}
--primary-1-lighten-80: #5a95c6;
.back-primary-1-lighten-80 {background-color: #5a95c6;}
.text-primary-1-lighten-80 {color: #5a95c6;}
--primary-1-lighten-90: #4688bf;
.back-primary-1-lighten-90 {background-color: #4688bf;}
.text-primary-1-lighten-90 {color: #4688bf;}
--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: #ecf4f7;
--background-1-10: #ecf4f71a;
.back-background-1-10 {background-color: #ecf4f71a;}
.text-background-1-10 {color: #ecf4f71a;}
--background-1-20: #ecf4f733;
.back-background-1-20 {background-color: #ecf4f733;}
.text-background-1-20 {color: #ecf4f733;}
--background-1-30: #ecf4f74d;
.back-background-1-30 {background-color: #ecf4f74d;}
.text-background-1-30 {color: #ecf4f74d;}
--background-1-40: #ecf4f766;
.back-background-1-40 {background-color: #ecf4f766;}
.text-background-1-40 {color: #ecf4f766;}
--background-1-50: #ecf4f780;
.back-background-1-50 {background-color: #ecf4f780;}
.text-background-1-50 {color: #ecf4f780;}
--background-1-60: #ecf4f799;
.back-background-1-60 {background-color: #ecf4f799;}
.text-background-1-60 {color: #ecf4f799;}
--background-1-70: #ecf4f7b3;
.back-background-1-70 {background-color: #ecf4f7b3;}
.text-background-1-70 {color: #ecf4f7b3;}
--background-1-80: #ecf4f7cc;
.back-background-1-80 {background-color: #ecf4f7cc;}
.text-background-1-80 {color: #ecf4f7cc;}
--background-1-90: #ecf4f7e6;
.back-background-1-90 {background-color: #ecf4f7e6;}
.text-background-1-90 {color: #ecf4f7e6;}
--background-1-darken-10: #d4dcde;
.back-background-1-darken-10 {background-color: #d4dcde;}
.text-background-1-darken-10 {color: #d4dcde;}
--background-1-darken-20: #bdc3c6;
.back-background-1-darken-20 {background-color: #bdc3c6;}
.text-background-1-darken-20 {color: #bdc3c6;}
--background-1-darken-30: #a5abad;
.back-background-1-darken-30 {background-color: #a5abad;}
.text-background-1-darken-30 {color: #a5abad;}
--background-1-darken-40: #8e9294;
.back-background-1-darken-40 {background-color: #8e9294;}
.text-background-1-darken-40 {color: #8e9294;}
--background-1-darken-50: #767a7c;
.back-background-1-darken-50 {background-color: #767a7c;}
.text-background-1-darken-50 {color: #767a7c;}
--background-1-lighten-10: #fdfefe;
.back-background-1-lighten-10 {background-color: #fdfefe;}
.text-background-1-lighten-10 {color: #fdfefe;}
--background-1-lighten-20: #fbfdfd;
.back-background-1-lighten-20 {background-color: #fbfdfd;}
.text-background-1-lighten-20 {color: #fbfdfd;}
--background-1-lighten-30: #f9fcfd;
.back-background-1-lighten-30 {background-color: #f9fcfd;}
.text-background-1-lighten-30 {color: #f9fcfd;}
--background-1-lighten-40: #f7fbfc;
.back-background-1-lighten-40 {background-color: #f7fbfc;}
.text-background-1-lighten-40 {color: #f7fbfc;}
--background-1-lighten-50: #f6fafb;
.back-background-1-lighten-50 {background-color: #f6fafb;}
.text-background-1-lighten-50 {color: #f6fafb;}
--background-1-lighten-60: #f4f8fa;
.back-background-1-lighten-60 {background-color: #f4f8fa;}
.text-background-1-lighten-60 {color: #f4f8fa;}
--background-1-lighten-70: #f2f7f9;
.back-background-1-lighten-70 {background-color: #f2f7f9;}
.text-background-1-lighten-70 {color: #f2f7f9;}
--background-1-lighten-80: #f0f6f9;
.back-background-1-lighten-80 {background-color: #f0f6f9;}
.text-background-1-lighten-80 {color: #f0f6f9;}
--background-1-lighten-90: #eef5f8;
.back-background-1-lighten-90 {background-color: #eef5f8;}
.text-background-1-lighten-90 {color: #eef5f8;}
--primary-2: #559fdc;
--primary-2-10: #559fdc1a;
.back-primary-2-10 {background-color: #559fdc1a;}
.text-primary-2-10 {color: #559fdc1a;}
--primary-2-20: #559fdc33;
.back-primary-2-20 {background-color: #559fdc33;}
.text-primary-2-20 {color: #559fdc33;}
--primary-2-30: #559fdc4d;
.back-primary-2-30 {background-color: #559fdc4d;}
.text-primary-2-30 {color: #559fdc4d;}
--primary-2-40: #559fdc66;
.back-primary-2-40 {background-color: #559fdc66;}
.text-primary-2-40 {color: #559fdc66;}
--primary-2-50: #559fdc80;
.back-primary-2-50 {background-color: #559fdc80;}
.text-primary-2-50 {color: #559fdc80;}
--primary-2-60: #559fdc99;
.back-primary-2-60 {background-color: #559fdc99;}
.text-primary-2-60 {color: #559fdc99;}
--primary-2-70: #559fdcb3;
.back-primary-2-70 {background-color: #559fdcb3;}
.text-primary-2-70 {color: #559fdcb3;}
--primary-2-80: #559fdccc;
.back-primary-2-80 {background-color: #559fdccc;}
.text-primary-2-80 {color: #559fdccc;}
--primary-2-90: #559fdce6;
.back-primary-2-90 {background-color: #559fdce6;}
.text-primary-2-90 {color: #559fdce6;}
--primary-2-darken-10: #4d8fc6;
.back-primary-2-darken-10 {background-color: #4d8fc6;}
.text-primary-2-darken-10 {color: #4d8fc6;}
--primary-2-darken-20: #447fb0;
.back-primary-2-darken-20 {background-color: #447fb0;}
.text-primary-2-darken-20 {color: #447fb0;}
--primary-2-darken-30: #3b6f9a;
.back-primary-2-darken-30 {background-color: #3b6f9a;}
.text-primary-2-darken-30 {color: #3b6f9a;}
--primary-2-darken-40: #335f84;
.back-primary-2-darken-40 {background-color: #335f84;}
.text-primary-2-darken-40 {color: #335f84;}
--primary-2-darken-50: #2b506e;
.back-primary-2-darken-50 {background-color: #2b506e;}
.text-primary-2-darken-50 {color: #2b506e;}
--primary-2-lighten-10: #eef5fc;
.back-primary-2-lighten-10 {background-color: #eef5fc;}
.text-primary-2-lighten-10 {color: #eef5fc;}
--primary-2-lighten-20: #ddecf8;
.back-primary-2-lighten-20 {background-color: #ddecf8;}
.text-primary-2-lighten-20 {color: #ddecf8;}
--primary-2-lighten-30: #cce2f5;
.back-primary-2-lighten-30 {background-color: #cce2f5;}
.text-primary-2-lighten-30 {color: #cce2f5;}
--primary-2-lighten-40: #bbd9f1;
.back-primary-2-lighten-40 {background-color: #bbd9f1;}
.text-primary-2-lighten-40 {color: #bbd9f1;}
--primary-2-lighten-50: #aacfee;
.back-primary-2-lighten-50 {background-color: #aacfee;}
.text-primary-2-lighten-50 {color: #aacfee;}
--primary-2-lighten-60: #99c5ea;
.back-primary-2-lighten-60 {background-color: #99c5ea;}
.text-primary-2-lighten-60 {color: #99c5ea;}
--primary-2-lighten-70: #88bce7;
.back-primary-2-lighten-70 {background-color: #88bce7;}
.text-primary-2-lighten-70 {color: #88bce7;}
--primary-2-lighten-80: #77b2e3;
.back-primary-2-lighten-80 {background-color: #77b2e3;}
.text-primary-2-lighten-80 {color: #77b2e3;}
--primary-2-lighten-90: #66a9e0;
.back-primary-2-lighten-90 {background-color: #66a9e0;}
.text-primary-2-lighten-90 {color: #66a9e0;}
--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: #bad5f2;
--background-2-10: #bad5f21a;
.back-background-2-10 {background-color: #bad5f21a;}
.text-background-2-10 {color: #bad5f21a;}
--background-2-20: #bad5f233;
.back-background-2-20 {background-color: #bad5f233;}
.text-background-2-20 {color: #bad5f233;}
--background-2-30: #bad5f24d;
.back-background-2-30 {background-color: #bad5f24d;}
.text-background-2-30 {color: #bad5f24d;}
--background-2-40: #bad5f266;
.back-background-2-40 {background-color: #bad5f266;}
.text-background-2-40 {color: #bad5f266;}
--background-2-50: #bad5f280;
.back-background-2-50 {background-color: #bad5f280;}
.text-background-2-50 {color: #bad5f280;}
--background-2-60: #bad5f299;
.back-background-2-60 {background-color: #bad5f299;}
.text-background-2-60 {color: #bad5f299;}
--background-2-70: #bad5f2b3;
.back-background-2-70 {background-color: #bad5f2b3;}
.text-background-2-70 {color: #bad5f2b3;}
--background-2-80: #bad5f2cc;
.back-background-2-80 {background-color: #bad5f2cc;}
.text-background-2-80 {color: #bad5f2cc;}
--background-2-90: #bad5f2e6;
.back-background-2-90 {background-color: #bad5f2e6;}
.text-background-2-90 {color: #bad5f2e6;}
--background-2-darken-10: #a7c0da;
.back-background-2-darken-10 {background-color: #a7c0da;}
.text-background-2-darken-10 {color: #a7c0da;}
--background-2-darken-20: #95aac2;
.back-background-2-darken-20 {background-color: #95aac2;}
.text-background-2-darken-20 {color: #95aac2;}
--background-2-darken-30: #8295a9;
.back-background-2-darken-30 {background-color: #8295a9;}
.text-background-2-darken-30 {color: #8295a9;}
--background-2-darken-40: #708091;
.back-background-2-darken-40 {background-color: #708091;}
.text-background-2-darken-40 {color: #708091;}
--background-2-darken-50: #5d6b79;
.back-background-2-darken-50 {background-color: #5d6b79;}
.text-background-2-darken-50 {color: #5d6b79;}
--background-2-lighten-10: #f8fbfe;
.back-background-2-lighten-10 {background-color: #f8fbfe;}
.text-background-2-lighten-10 {color: #f8fbfe;}
--background-2-lighten-20: #f1f7fc;
.back-background-2-lighten-20 {background-color: #f1f7fc;}
.text-background-2-lighten-20 {color: #f1f7fc;}
--background-2-lighten-30: #eaf2fb;
.back-background-2-lighten-30 {background-color: #eaf2fb;}
.text-background-2-lighten-30 {color: #eaf2fb;}
--background-2-lighten-40: #e3eefa;
.back-background-2-lighten-40 {background-color: #e3eefa;}
.text-background-2-lighten-40 {color: #e3eefa;}
--background-2-lighten-50: #ddeaf9;
.back-background-2-lighten-50 {background-color: #ddeaf9;}
.text-background-2-lighten-50 {color: #ddeaf9;}
--background-2-lighten-60: #d6e6f7;
.back-background-2-lighten-60 {background-color: #d6e6f7;}
.text-background-2-lighten-60 {color: #d6e6f7;}
--background-2-lighten-70: #cfe2f6;
.back-background-2-lighten-70 {background-color: #cfe2f6;}
.text-background-2-lighten-70 {color: #cfe2f6;}
--background-2-lighten-80: #c8ddf5;
.back-background-2-lighten-80 {background-color: #c8ddf5;}
.text-background-2-lighten-80 {color: #c8ddf5;}
--background-2-lighten-90: #c1d9f3;
.back-background-2-lighten-90 {background-color: #c1d9f3;}
.text-background-2-lighten-90 {color: #c1d9f3;}
--accent: #e27a3a;
--accent-10: #e27a3a1a;
.back-accent-10 {background-color: #e27a3a1a;}
.text-accent-10 {color: #e27a3a1a;}
--accent-20: #e27a3a33;
.back-accent-20 {background-color: #e27a3a33;}
.text-accent-20 {color: #e27a3a33;}
--accent-30: #e27a3a4d;
.back-accent-30 {background-color: #e27a3a4d;}
.text-accent-30 {color: #e27a3a4d;}
--accent-40: #e27a3a66;
.back-accent-40 {background-color: #e27a3a66;}
.text-accent-40 {color: #e27a3a66;}
--accent-50: #e27a3a80;
.back-accent-50 {background-color: #e27a3a80;}
.text-accent-50 {color: #e27a3a80;}
--accent-60: #e27a3a99;
.back-accent-60 {background-color: #e27a3a99;}
.text-accent-60 {color: #e27a3a99;}
--accent-70: #e27a3ab3;
.back-accent-70 {background-color: #e27a3ab3;}
.text-accent-70 {color: #e27a3ab3;}
--accent-80: #e27a3acc;
.back-accent-80 {background-color: #e27a3acc;}
.text-accent-80 {color: #e27a3acc;}
--accent-90: #e27a3ae6;
.back-accent-90 {background-color: #e27a3ae6;}
.text-accent-90 {color: #e27a3ae6;}
--accent-darken-10: #cb6e34;
.back-accent-darken-10 {background-color: #cb6e34;}
.text-accent-darken-10 {color: #cb6e34;}
--accent-darken-20: #b5622e;
.back-accent-darken-20 {background-color: #b5622e;}
.text-accent-darken-20 {color: #b5622e;}
--accent-darken-30: #9e5529;
.back-accent-darken-30 {background-color: #9e5529;}
.text-accent-darken-30 {color: #9e5529;}
--accent-darken-40: #884923;
.back-accent-darken-40 {background-color: #884923;}
.text-accent-darken-40 {color: #884923;}
--accent-darken-50: #713d1d;
.back-accent-darken-50 {background-color: #713d1d;}
.text-accent-darken-50 {color: #713d1d;}
--accent-lighten-10: #fcf2eb;
.back-accent-lighten-10 {background-color: #fcf2eb;}
.text-accent-lighten-10 {color: #fcf2eb;}
--accent-lighten-20: #f9e4d8;
.back-accent-lighten-20 {background-color: #f9e4d8;}
.text-accent-lighten-20 {color: #f9e4d8;}
--accent-lighten-30: #f6d7c4;
.back-accent-lighten-30 {background-color: #f6d7c4;}
.text-accent-lighten-30 {color: #f6d7c4;}
--accent-lighten-40: #f3cab0;
.back-accent-lighten-40 {background-color: #f3cab0;}
.text-accent-lighten-40 {color: #f3cab0;}
--accent-lighten-50: #f1bd9d;
.back-accent-lighten-50 {background-color: #f1bd9d;}
.text-accent-lighten-50 {color: #f1bd9d;}
--accent-lighten-60: #eeaf89;
.back-accent-lighten-60 {background-color: #eeaf89;}
.text-accent-lighten-60 {color: #eeaf89;}
--accent-lighten-70: #eba275;
.back-accent-lighten-70 {background-color: #eba275;}
.text-accent-lighten-70 {color: #eba275;}
--accent-lighten-80: #e89561;
.back-accent-lighten-80 {background-color: #e89561;}
.text-accent-lighten-80 {color: #e89561;}
--accent-lighten-90: #e5874e;
.back-accent-lighten-90 {background-color: #e5874e;}
.text-accent-lighten-90 {color: #e5874e;}
--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, #bad5f2, #353b41);
--gradient-right-left: linear-gradient(to left, #bad5f2, #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}