.css-8d97to {
      width: 100%;
      margin-left: auto;
      box-sizing: border-box;
      margin-right: auto;
      display: block;
    }
    .css-191lty2 {
      position: relative;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      padding-left: 16px;
      padding-right: 16px;
      min-height: 64px;
    }

    .jss169 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    
    .css-jj9sx4 {
      padding-top: 5px;
    }
    
    .css-1cxgm0z {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-align: center;
      font-size: 1.71429rem;
      color: rgba(0, 0, 0, 0.54);
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px -12px 0px 0px;
      text-decoration: none;
      flex: 0 0 auto;
      padding: 8px;
      border-radius: 50%;
      overflow: visible;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }


    
    
    html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      box-sizing: border-box;
      -webkit-text-size-adjust: 100%;
    }

    * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    *,
    *::before,
    *::after {
      box-sizing: inherit;
    }

    strong,
    b {
      font-weight: 700;
    }

    body {
      margin: 0;
      color: rgba(0, 0, 0, 0.87);
      line-height: 1.3;
      font-size: 1rem;
      font-family: Poppins;
      font-weight: 400;
      background-color: #fff;
    }

    @media print {
      body {
        background-color: #fff;
      }
    }

    body::backdrop {
      background-color: #fff;
    }
    
    .css-8d97to {
      width: 100%;
      margin-left: auto;
      box-sizing: border-box;
      margin-right: auto;
      display: block;
    }
  
    
    .css-6j9a0q {
      box-shadow: none;
      display: flex;
      flex-direction: column;
      width: 100%;
      box-sizing: border-box;
      flex-shrink: 0;
      position: static;
      background-color: rgb(245, 245, 245);
      color: rgba(0, 0, 0, 0.87);
      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .css-14fc7om {
      width: 100%;
      margin-left: auto;
      box-sizing: border-box;
      margin-right: auto;
      display: block;
    }


    .jss168 {
      z-index: 200;
      position: relative;
      background: #5DC0FE;
    }

    .jss168 h1,
    .jss168 h2,
    .jss168 h3,
    .jss168 h4,
    .jss168 h5,
    .jss168 h6 {
      font-family: Poppins;
    }

    .jss169 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .jss170 {
      width: 230px;
    }

    .jss171 {
      color: rgba(0, 0, 0, 0.87);
      margin: 8px 12px;
    }

    .jss172 {
      color: white;
      width: 100%;
      position: absolute;
      background: #5DC0FE;
      border-radius: 0 0 30px 30px;
    }

    .jss173 {
      color: white;
      height: 64px;
      display: flex;
      padding: 0;
    }

    .jss174 {
      background-color: #33A2E8;
    }

    .jss174:hover {
      background-color: #2291D7;
    }

    .jss175 {
      height: 100%;
      display: flex;
      justify-content: center;
    }

    .jss175 h2 {
      color: white;
      margin: .25rem 0;
      padding: 0 16px;
      position: relative;
      font-size: 1.125em;
      font-weight: 500;
    }

    .jss176 h2::before {
      left: 0;
      width: 100%;
      bottom: -5px;
      height: 3.5px;
      content: "";
      position: absolute;
      border-radius: 100px;
      background-color: #FFE635;
    }
  
    
    .jss164 {
      display: flex;
      min-height: 75vh;
      flex-direction: column;
    }

    @media (max-width:599.95px) {
      .jss164 {
        padding: 1vh;
        background: linear-gradient(181.86deg, #5DC0FE 20.61%, #5DC0FE 41.12%, #fff 75%);
      }
    }

    @media (max-width:599.95px) {
      .jss164.hideBgGradient {
        padding: 0;
        background: none;
      }
    }

    .jss165 {
      min-height: 73vh;
      border-radius: 0.375rem;
      background-color: white;
    }

    @media (max-width:599.95px) {
      .jss165 {
        border-radius: unset;
      }
    }

    @media (max-width:599.95px) {
      .jss165.hideBgGradient {
        padding: 0;
        min-height: none;
      }
    }

    .css-6a3vkz {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-transform: none;
      color: rgba(0, 0, 0, 0.87);
      font-size: 1rem;
      font-family: Poppins;
      font-weight: 500;
      line-height: 1.75;
      min-width: 64px;
      background-color: rgb(93, 192, 254);
      box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px;
      text-decoration: none;
      border-radius: 10px;
      padding: 6px 16px;
      transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .css-w0pj6f {
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      z-index: 0;
      inset: 0px;
      border-radius: inherit;
    }

    .jss123 {
      display: inline-flex;
      font-size: 1.3125rem;
      align-items: center;
      flex-direction: row;
      justify-content: center;
    }

    .jss124 {
      width: 0.5rem;
      height: 1rem;
      padding: 1px 0 0 1px;
      font-size: 1rem;
      min-width: 1rem;
      text-align: center;
    }

    .jss125 {
      border: 1px solid #dce3ea;
      margin: 0 1rem;
      font-size: 0.875rem;
      min-width: 2rem;
      min-height: 2rem;
      text-align: center;
      line-height: 0.5rem;
      padding-top: 0.75rem;
      border-radius: 0.5rem;
      vertical-align: center;
    }

    .css-191lty2 {
      position: relative;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      padding-left: 16px;
      padding-right: 16px;
      min-height: 64px;
    }

    @media (min-width: 600px) {
      .css-191lty2 {
        padding-left: 24px;
        padding-right: 24px;
      }
    }


    @media (min-width: 600px) {
      .css-191lty2 {
        min-height: 64px;
      }
    }

    .css-jj9sx4 {
      padding-top: 5px;
    }

    .css-1cxgm0z {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-align: center;
      font-size: 1.71429rem;
      color: rgba(0, 0, 0, 0.54);
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px -12px 0px 0px;
      text-decoration: none;
      flex: 0 0 auto;
      padding: 8px;
      border-radius: 50%;
      overflow: visible;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }



    .css-jjqbl9 {
      position: sticky;
      top: 0px;
      z-index: 100;
    }

    .css-1tsmbea {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      justify-content: space-between;
    }

    .css-1wxaqej {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
    }

    .css-5xfeli {
      margin: 0px;
      font-family: Domine;
      font-size: 1.5em;
      line-height: 1.5;
      font-weight: 700;
    }

    .css-39bbo6 {
      margin: 0px;
      flex-shrink: 0;
      border-width: 0px 0px thin;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.12);
    }

    .css-1a6vawu {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin-top: -8px;
      width: calc(100% + 8px);
      margin-left: -8px;
      -webkit-box-align: stretch;
      align-items: stretch;
    }

    .css-1a6vawu>.MuiGrid-item {
      padding-left: 8px;
    }

    .css-1a6vawu>.MuiGrid-item {
      padding-top: 8px;
    }

    .css-3rlh95 {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 0px;
      -webkit-box-flex: 1;
      flex-grow: 1;
      max-width: 100%;
    }



    .css-1c87emg {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
    }

    .css-14lkejh {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 0px;
      -webkit-box-flex: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .css-1ooquxp {
      margin: 0px;
      font-family: Domine;
      font-size: 1.17em;
      font-weight: 400;
      line-height: 1.167;
    }

    .css-14lkejh {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 0px;
      -webkit-box-flex: 1;
      flex-grow: 1;
      max-width: 100%;
    }

    .css-5xfeli {
      margin: 0px;
      font-family: Domine;
      font-size: 1.5em;
      line-height: 1.5;
      font-weight: 700;
    }

    .css-bxflni {
      margin: 0px 0px 0.5rem;
      font-family: Domine;
      font-size: 1.17em;
      line-height: 1.167;
      font-weight: 700;
    }

    .css-39bbo6 {
      margin: 0px;
      flex-shrink: 0;
      border-width: 0px 0px thin;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.12);
    }

    .css-tuxzvu {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin-top: -8px;
      width: calc(100% + 8px);
      margin-left: -8px;
    }

    .css-tuxzvu>.MuiGrid-item {
      padding-left: 8px;
    }

    .css-tuxzvu>.MuiGrid-item {
      padding-top: 8px;
    }


    .css-1cm54qo {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 100%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 100%;
    }

    @media (min-width: 600px) {
      .css-1cm54qo {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
      }
    }

    .css-3nargb {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin-top: -16px;
      width: calc(100% + 16px);
      margin-left: -16px;
      -webkit-box-align: center;
      align-items: center;
    }

    .css-3nargb>.MuiGrid-item {
      padding-left: 16px;
    }

    .css-3nargb>.MuiGrid-item {
      padding-top: 16px;
    }

    .css-1dshioy {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 41.6667%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 41.6667%;
    }


    .css-no2bqi {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 58.3333%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 58.3333%;
    }

    .css-1n2mv2k {
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
    }

    .css-nre9n0 {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      margin: 0px;
      -webkit-box-align: center;
      align-items: center;
      justify-content: space-evenly;
    }

    .css-1dhi8d0 {
      left: 15px;
    }

    .css-fyemhm {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-align: center;
      color: rgb(93, 192, 254);
      font-size: 2rem;
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px;
      text-decoration: none;
      flex: 0 0 auto;
      border-radius: 50%;
      overflow: visible;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
      padding: 12px;
    }

    .css-pe120m {
      line-height: 1.4375em;
      font-size: 1rem;
      font-family: Poppins;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.87);
      box-sizing: border-box;
      cursor: text;
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      position: relative;
      border-radius: 10px;
    }

    .css-g29az9.css-g29az9.css-g29az9 {
      padding-right: 32px;
    }


    .css-g29az9 {
      appearance: none;
      user-select: none;
      border-radius: 10px;
      cursor: pointer;
      font: inherit;
      letter-spacing: inherit;
      color: currentcolor;
      border: 0px;
      box-sizing: content-box;
      background: none;
      height: 1.4375em;
      margin: 0px;
      -webkit-tap-highlight-color: transparent;
      display: block;
      min-width: 0px;
      width: 100%;
      animation-name: mui-auto-fill-cancel;
      animation-duration: 10ms;
      padding: 16.5px 14px;
    }

    .css-g29az9:not([multiple]) option,
    .css-g29az9:not([multiple]) optgroup {
      background-color: rgb(255, 255, 255);
    }

    .css-1yza03u {
      user-select: none;
      width: 1em;
      height: 1em;
      display: inline-block;
      fill: currentcolor;
      flex-shrink: 0;
      font-size: 1.71429rem;
      position: absolute;
      right: 7px;
      top: calc(50% - 0.5em);
      pointer-events: none;
      color: rgba(0, 0, 0, 0.54);
      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .css-igs3ac {
      text-align: left;
      position: absolute;
      inset: -5px 0px 0px;
      margin: 0px;
      padding: 0px 8px;
      pointer-events: none;
      border-radius: inherit;
      border-style: solid;
      border-width: 1px;
      overflow: hidden;
      min-width: 0%;
      border-color: rgba(0, 0, 0, 0.23);
    }

    .css-1a1ihhj {
      line-height: 11px;
      padding: 0px;
      transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
    }

    .css-121zb7z {
      right: 15px;
    }

    .css-hfh5w5.Mui-disabled {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.26);
    }

    .css-hfh5w5.Mui-disabled {
      pointer-events: none;
      cursor: default;
    }
    .css-hfh5w5:hover {
    background-color: rgba(93, 192, 254, 0.04);
}
    .css-hfh5w5 {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-align: center;
      font-size: 1.71429rem;
      color: rgb(93, 192, 254);
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px;
      text-decoration: none;
      flex: 0 0 auto;
      padding: 8px;
      border-radius: 50%;
      overflow: visible;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }


    .css-skvbsg {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin-top: -8px;
      width: calc(100% + 8px);
      margin-left: -8px;
      -webkit-box-pack: center;
      justify-content: center;
    }

    .css-skvbsg>.MuiGrid-item {
      padding-left: 8px;
    }

    .css-skvbsg>.MuiGrid-item {
      padding-top: 8px;
    }

    @media (min-width: 600px) {
      .css-890nmr {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
      }
    }

    @media (min-width: 900px) {
      .css-890nmr {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
      }
    }

    .css-890nmr {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      margin: 0px;
    }

    .css-vxcmzt {
      display: inline-flex;
    }

    .css-dwk1br {
      margin: 0px;
      font-family: Domine;
      font-weight: 400;
      font-size: 1.71429rem;
      line-height: 1.334;
    }

    .css-1kl2j67 {
      margin: 8px 0px;
      flex-shrink: 0;
      border-width: 0px thin 0px 0px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.12);
      height: 100%;
    }

    .css-1d3bbye {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
    }

    .css-avcxwc {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 66.6667%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 66.6667%;
    }

    .css-yp9ue7 {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 33.3333%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 33.3333%;
    }

    .css-11hlwqc {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin-top: -8px;
      width: calc(100% + 8px);
      margin-left: -8px;
      -webkit-box-align: center;
      align-items: center;
    }

    .css-11hlwqc>.MuiGrid-item {
      padding-left: 8px;
    }


    .css-11hlwqc>.MuiGrid-item {
      padding-top: 8px;
    }

    .css-1v3xhy6 {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
    }

    .css-kge0eu {
      width: 100%;
      overflow-x: auto;
    }

    .css-12x0orz {
      display: table;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0px;
    }

    .css-1wbz3t9 {
      display: table-header-group;
    }

    .css-edcapu {
      color: inherit;
      display: table-row;
      vertical-align: middle;
      outline: 0px;
    }

    .css-1xnox0e {
      display: table-row-group;
    }

    .css-edcapu {
      color: inherit;
      display: table-row;
      vertical-align: middle;
      outline: 0px;
    }

    .css-750s27 {
      font-size: 0.875rem;
      font-family: Poppins;
      font-weight: 400;
      line-height: 1.43;
      display: table-cell;
      vertical-align: inherit;
      border-bottom: 1px solid rgb(224, 224, 224);
      text-align: left;
      padding: 16px;
      color: rgba(0, 0, 0, 0.87);
    }

    .css-1cwuku7 {
      font-size: 0.875rem;
      font-family: Poppins;
      font-weight: 400;
      line-height: 1.43;
      display: table-cell;
      vertical-align: inherit;
      border-bottom: 1px solid rgb(224, 224, 224);
      text-align: center;
      padding: 16px;
      color: rgba(0, 0, 0, 0.87);
    }

    .css-12auco2 {
      width: 100%;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
    }

    .css-1cyq1cj {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin: -8px 0px 0px -8px;
      width: calc(100% + 8px);
      -webkit-box-pack: center;
      justify-content: center;
    }

    .css-1cyq1cj>.MuiGrid-item {
      padding-left: 8px;
    }

    .css-1cyq1cj>.MuiGrid-item {
      padding-top: 8px;
    }

    .css-rk8e6v {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      margin: -8px 0px 0px -8px;
      width: calc(100% + 8px);
    }

    .css-rk8e6v>.MuiGrid-item {
      padding-left: 8px;
    }

    .css-rk8e6v>.MuiGrid-item {
      padding-top: 8px;
    }

    @media (min-width: 600px) {
      .css-ajirvy {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
      }
    }

    .css-ajirvy {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      margin: 0px;
    }

    .jss242 {
      padding: 2px 8px;
    }

    .css-1fefycl {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      position: relative;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-transform: none;
      color: inherit;
      font-size: 1rem;
      font-family: Poppins;
      font-weight: 500;
      line-height: 1.75;
      min-width: 64px;
      width: 100%;
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-image: initial;
      margin: 0px;
      text-decoration: none;
      border-radius: 10px;
      padding: 6px 8px;
      transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
      border-color: currentcolor;
    }

    .css-w0pj6f {
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      z-index: 0;
      inset: 0px;
      border-radius: inherit;
    }

    .css-1ekasd5 {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 100%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 100%;
    }

    .jss243 {
      padding: .25rem 1rem .5rem 1rem;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 6px;
    }

    .jss243 h4 {
      margin: 1rem 0;
    }

    .css-17zioce {
      margin: 0px;
      font-family: Domine;
      font-size: 1em;
      font-weight: 400;
      line-height: 1.235;
    }

    .jss247 p {
      margin: .25rem 0;
    }

    .css-1fefycl:hover {
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.04);
    }

    .css-g29az9:focus {
      outline: 0px;
    }


    .css-g29az9:focus {
      border-radius: 10px;
    }

    .css-pe120m.Mui-focused .MuiOutlinedInput-notchedOutline {
      border-color: rgb(93, 192, 254);
      border-width: 2px;
    }

    .MuiOutlinedInput-notchedOutline:hover {
      border-color: #595858;
    }

    .css-1ontqvh {
      list-style: none;
      margin: 0px;
      padding: 8px 0px;
      position: relative;
    }

    .css-12rv1xv {
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      color: inherit;
      display: flex;
      -webkit-box-flex: 1;
      flex-grow: 1;
      -webkit-box-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      align-items: center;
      position: relative;
      box-sizing: border-box;
      text-align: left;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 16px;
      padding-right: 16px;
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px;
      border-radius: 0px;
      text-decoration: none;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .css-12rv1xv:hover,.css-12rv1xv:active,.css-12rv1xv:focus {
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.04);
    }

    a {
      color: #3ca9f5;
      text-decoration: none;
    }

    @media (min-width: 600px) {
      .css-191lty2 {
        min-height: 64px;
      }
    }

    @media (min-width: 900px) {
      .css-1cxgm0z {
        display: none;
      }
    }



    @media (min-width: 600px) {
      .css-191lty2 {
        padding-left: 24px;
        padding-right: 24px;
      }
    }



    .css-lfgecf {
      margin: 0px;
      font-family: Domine;
      font-size: 1.5em;
      line-height: 1.5;
      font-weight: 700;
    }

    .jss23 h2 {
      color: white;
      margin: .25rem 0;
      padding: 0 16px;
      position: relative;
      font-size: 1.125em;
      font-weight: 500;
    }

    .jss20 {
      color: white;
      width: 100%;
      position: absolute;
      background: #5DC0FE;
      border-radius: 0 0 30px 30px;
      display: none;
    }

    .jss21 {
      color: white;
      height: 64px;
      display: none;
      padding: 0;
    }

    .jss23 {
      height: 100%;
      display: flex;
      justify-content: center;
    }

    .jss22 {
      background-color: #33A2E8;
    }


    .jss24 h2::before {
      left: 0;
      width: 100%;
      bottom: -5px;
      height: 3.5px;
      content: "";
      position: absolute;
      border-radius: 100px;
      background-color: #FFE635;
    }

    .jss244 {
      fill: white;
      stroke: #A5D04B;
    }

    .jss245 {
      fill: white;
      stroke: #FFC008;
    }

    .jss246 {
      fill: white;
      stroke: #ff1744;
    }

    .jss248 {
      border-color: #A5D04B;
    }

    .jss247 {
      padding: 10px 1rem;
      border-style: solid;
      border-width: 2px;
    }

    .jss250 {
    position: relative;
}
.jss253 {
    border: none;
    padding: 10px 0 0px 0px;
    text-align: center;
}
    .jss254 {
    border-color: #EDF1F4;
    border-style: solid;
    border-width: 1px;
}


.jss251 {
    top: -1px;
    left: 5px;
    position: absolute;
}
.jss252 {
    width: 2.5rem;
    height: 2.5rem;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.jss238 {
    color: white;
    width: 70%;
    cursor: pointer;
    height: 70%;
    display: flex
;
    position: relative;
    align-items: center;
    border-radius: 7px;
    justify-content: center;
}

.jss249 {
    background-color: #A5D04B;
}
.jss348 {
    background-color: #FFC008;
}
.jss347 {
    background-color: #FF4C06;
}
.jss240 {
    color: black;
    background-color: #DCE3EA;
}
.jss239 {
    top: -6px;
    right: -3px;
    position: absolute;
}
    .css-1g4ml6w {
      background-color: rgb(255, 255, 255);
      color: rgba(0, 0, 0, 0.87);
      box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 10px;
    }

    @media (min-width: 900px) {
      .jss21 {
        display: flex;
      }
    }

    .css-1qsxih2 {
      width: 100%;
      margin-left: auto;
      box-sizing: border-box;
      margin-right: auto;
      display: block;
      padding-left: 16px;
      padding-right: 16px;
    }



    @media (min-width: 600px) {
      .css-1qsxih2 {
        padding-left: 24px;
        padding-right: 24px;
      }
    }


    @media (min-width: 1200px) {
      .css-1qsxih2 {
        max-width: 1200px;
      }
    }

    @media (min-width: 900px) {
      .css-14fc7om {
        max-width: 900px;
      }
    }

    @media (min-width: 900px) {
      .css-1v3xhy6 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
      }
    }

    @media (min-width: 900px) {
      .css-1cyq1cj {
        flex-basis: calc(50% + 8px);
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: calc(50% + 8px);
      }
    }

    .css-qqsdad {
      font-size: 0.875rem;
      font-family: Poppins;
      font-weight: 500;
      line-height: 1.71429rem;
      display: table-cell;
      vertical-align: inherit;
      border-bottom: 1px solid rgb(224, 224, 224);
      text-align: left;
      padding: 16px;
      color: rgba(0, 0, 0, 0.87);
    }

    @media (min-width: 900px) {
      .css-1ekasd5 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
      }
    }

    .css-126xj0f {
      position: fixed;
      z-index: 1300;
      inset: 0px;
    }

    .css-919eu4 {
      position: fixed;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      inset: 0px;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-tap-highlight-color: transparent;
      z-index: -1;
    }

    .css-ekeie0 {
      height: 100%;
      outline: 0px;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
    }

    .css-1ac9t6s {
      background-color: rgb(255, 255, 255);
      color: rgba(0, 0, 0, 0.87);
      box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
      position: relative;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      max-height: calc(100% - 64px);
      max-width: 600px;
      width: calc(100% - 64px);
      transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
      border-radius: 10px;
      margin: 32px;
    }

    .css-3ayl3y {
      flex: 1 1 auto;
      position: relative;
      overflow: hidden;
      padding: 1rem 0px 0px;
      background-color: rgb(242, 248, 228);
    }

    .css-14156s0 {
      display: inline-flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
      background-color: transparent;
      cursor: pointer;
      user-select: none;
      vertical-align: middle;
      appearance: none;
      text-align: center;
      color: rgba(0, 0, 0, 0.54);
      font-size: 1.28571rem;
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 100;
      outline: 0px;
      border-width: 0px;
      border-style: initial;
      border-color: initial;
      border-image: initial;
      margin: 0px;
      text-decoration: none;
      flex: 0 0 auto;
      border-radius: 50%;
      overflow: visible;
      transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
      padding: 5px;
    }

    .css-14yq2cq {
      user-select: none;
      width: 1em;
      height: 1em;
      display: inline-block;
      fill: currentcolor;
      flex-shrink: 0;
      font-size: 1.71429rem;
      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .css-w0pj6f {
      overflow: hidden;
      pointer-events: none;
      position: absolute;
      z-index: 0;
      inset: 0px;
      border-radius: inherit;
    }


    .css-9w8wao {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      justify-content: space-between;
      padding: 1rem;
    }

    .css-92dhoo {
      margin: 0px;
      font-family: Domine;
      font-size: 2em;
      line-height: 1.25;
      font-weight: 700;
    }

    .css-1maxgwy {
      margin-bottom: 1rem;
    }

    .css-1bq2pii {
      box-sizing: border-box;
      display: flex;
      flex-flow: wrap;
      width: 100%;
      -webkit-box-align: stretch;
      align-items: stretch;
      padding: 0.25rem 1rem;
    }

    .css-qqlytg {
      box-sizing: border-box;
      margin: 0px;
      flex-direction: row;
      flex-basis: 50%;
      -webkit-box-flex: 0;
      flex-grow: 0;
      max-width: 50%;
    }

    .css-6jefxx {
      border-radius: 8px 0px 0px 8px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      padding: 0.25rem 0.5rem;
      height: 100%;
    }

    .css-1ooquxp {
      margin: 0px;
      font-family: Domine;
      font-size: 1.17em;
      font-weight: 400;
      line-height: 1.167;
    }

    .css-1edn5tm {
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      border-radius: 8px;
      padding: 0.25rem 0.5rem;
      background-color: rgb(192, 222, 128);
    }

    .css-acmy8q {
      padding: 0.15rem;
    }

    .css-1cwfnhn {
      margin: 0px;
      line-height: 1.3;
      font-family: Poppins;
      font-weight: 400;
      font-size: 1.25rem;
    }

    .jss166 {
      background-color: transparent;
    }

    .jss167 {
      padding: 24px 16px;
      margin-top: auto;
      background-color: #eeeeee;
    }
  
    .jss184 {
      margin-bottom: 1rem;
      background-color: white;
    }

    .jss184 h2 {
      margin: .5rem .5rem .5rem 0;
      font-size: 1.4rem;
    }

    .jss185 {
      top: 25%;
      right: 0;
      position: absolute;
    }
  
    
    .jss192 {
      display: flex;
      align-items: center;
    }

    .jss192 p {
      font-size: 0.875rem !important;
      padding-left: 5px;
    }

    .jss193 {
      fill: #414952;
      color: #414952;
    }

    .jss194 {
      fill: #FF4C06;
      color: #FF4C06;
    }

    .jss195 {
      fill: #A5D04B;
      color: #A5D04B;
    }

    .jss196 {
      fill: white;
      color: white;
    }
   
    .jss241 {
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }
   
    .jss186 {
      width: 100%;
      padding: 1rem .25rem 1rem 1rem;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 0.625rem;
    }

    .jss186 h1 {
      color: #8C00FA;
      margin: 0 0 0.25rem;
    }

    .jss186 p {
      font-size: .8em;
      margin-bottom: 0;
    }
   
    .jss204 {
      width: 100%;
      height: 100%;
      display: flex;
      padding: .75rem 0 .75rem 1rem;
      align-items: center;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 6px;
    }

    .jss205 {
      width: 40%;
    }

    .jss205 h5 {
      font-size: .85em;
      margin-top: 1rem;
    }

    .jss206 {
      width: 70%;
      display: flex;
      align-items: flex-start;
      padding-right: 1rem;
      flex-direction: column;
    }

    @media (min-width:600px) {
      .jss206 {
        width: 60%;
      }
    }

    .jss207 {
      display: flex;
      justify-content: flex-end;
    }

    .jss207 p {
      margin: 0;
      font-size: .8em;
    }

    .jss208 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .jss209 {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    @media (min-width:0px) and (max-width:599.95px) {
      .jss209 {
        justify-content: center;
      }
    }

    .jss210 {
      margin-right: 0;
    }
   
    .jss187 {
      color: white;
      display: flex;
      padding: 0 1.25rem 0 1rem;
      overflow: hidden;
      position: relative;
      min-height: 100px;
      align-items: center;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 6px;
      justify-content: flex-start;
      background-color: #5DC0FE;
    }

    .jss187 h3 {
      font-weight: 300;
    }

    .jss187 h1 {
      margin: 0;
    }

    .jss187 p {
      margin: 0;
      font-size: 10px;
    }

    .jss188 {
      right: 0;
      width: 100%;
      position: absolute;
    }

    .jss189 {
      height: 100%;
      padding-right: 10px;
    }

    .jss191 {
      top: 2px;
      right: 2px;
      cursor: pointer;
      opacity: 0.5;
      z-index: 100;
      position: absolute;
      font-size: 1.5rem;
    }
   
    .jss180 {
      margin-bottom: 8px;
    }

    .jss180 h1,
    .jss180 h2,
    .jss180 h3,
    .jss180 h4,
    .jss180 h5,
    .jss180 h6 {
      font-family: Poppins;
    }

    .jss181 {
      color: white;
      width: 230%;
      padding: 1rem .25rem 1rem 1rem;
      border-radius: 0.625rem;
      margin-bottom: 0.625rem;
    }

    .jss181 h1 {
      margin: 0 0 0.25rem;
      font-weight: 700;
    }

    .jss181 p {
      font-size: 12px;
      margin-bottom: 0;
    }

    .jss182 {
      margin: 1rem 0;
      padding: 0.5rem 1rem;
      text-align: center;
      border-radius: 6px;
      background-color: #DCE3EA;
    }

    .jss182 h3 {
      margin: 1rem 0;
      font-weight: 300;
    }

    .jss183 {
      margin-top: 1rem;
    }
   
    @media (min-width:600px) {
      .jss198 {
        position: relative;
      }
    }

    .jss199 {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .jss199 h4 {
      margin: 0;
      font-weight: 300;
    }

    .jss199 .MuiOutlinedInput-root {
      overflow: hidden;
      border-radius: 100px;
    }

    .css-g29az9:hover~.css-igs3ac {
      border-color: #414952;
    }

    .css-fyemhm:hover {
      background-color: rgba(93, 192, 254, 0.04);
    }

    .css-1cxgm0z:hover {
      background-color: rgba(0, 0, 0, 0.04);
    }

    @media (min-width: 900px) {
      .css-nre9n0 {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
      }
    }

     .jss200 {
      display: flex;
      padding: 3px 10px;
      align-items: center;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 100px;
      justify-content: center;
    }

    .jss201 {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .jss202 {
      position: absolute;
    }

    .jss203 {
      padding: 10px 14px;
    }
   
    .jss211 {
      color: #414952;
      position: relative;
      font-size: 10px;
      line-height: 1.25rem;
      padding-bottom: 0;
    }

    .jss212 {
      top: 16px;
      right: 0;
      cursor: pointer;
      display: flex;
      position: absolute;
      align-items: center;
      justify-content: center;
    }

    .jss212 svg {
      width: .5em;
      height: .5em;
    }

    @media (min-width:900px) {
      .jss212 {
        top: 10px;
        right: 32px;
      }

      .jss212 svg {
        width: .75em;
        height: .75em;
      }
    }
   
    .jss213 {
      width: 100%;
      bottom: 10px;
      display: flex;
      outline: none;
      position: absolute;
      align-items: center;
      justify-content: center;
    }

    .jss214 {
      color: white;
      width: 95%;
      height: 100%;
      padding: 1rem;
      position: relative;
      border-radius: 6px;
      background-color: #ff1744;
    }

    @media (min-width:900px) {
      .jss214 {
        width: 50%;
      }
    }

    .jss215 {
      top: 5px;
      right: 5px;
      cursor: pointer;
      position: absolute;
      font-size: 1.25rem;
    }
   
    .jss197 {
      margin-bottom: .5rem;
    }
   
    .jss228 {
      position: relative;
    }

    .jss229 {
      top: -1px;
      left: 5px;
      position: absolute;
    }

    .jss229 p {
      font-size: .5rem;
    }

    .jss230 {
      width: 2.5rem;
      height: 2.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
   
    .jss231 {
      border: none;
      padding: 10px 0 0px 0px;
      text-align: center;
    }
   
    .jss232 {
      border-color: #EDF1F4;
      border-style: solid;
      border-width: 1px;
    }
   
    .jss216 {
      color: white;
      width: 70%;
      cursor: pointer;
      height: 70%;
      display: flex;
      position: relative;
      align-items: center;
      border-radius: 7px;
      justify-content: center;
    }

    .jss217 {
      top: -6px;
      right: -3px;
      position: absolute;
    }

    .jss218 {
      background-color: #FF4C06;
    }

    .jss219 {
      background-color: #FFC008;
    }

    .jss220 {
      background-color: #A5D04B;
    }

    .jss221 {
      color: black;
      background-color: #DCE3EA;
    }

    .jss222 {
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      z-index: 1000;
      position: absolute;
      text-align: center;
      align-items: center;
      border-radius: 10px;
      flex-direction: column;
      justify-content: center;
      background-color: #fffffff2;
    }

    .jss222 h2 {
      margin-bottom: 0;
    }

    @media (max-width:599.95px) {
      .jss222 {
        padding-top: 15rem;
        justify-content: flex-start;
      }
    }

    .jss223 {
      top: 0;
      width: 100%;
      height: 100%;
      padding: 16px 8px 0px;
      z-index: 1000;
      position: absolute;
    }

    .jss224 {
      width: 100%;
      height: 100%;
      display: flex;
      text-align: center;
      align-items: center;
      border-color: #DCE3EA;
      border-style: solid;
      border-width: 1px;
      border-radius: 6px;
      flex-direction: column;
      justify-content: center;
      background-color: #fffffff2;
    }

    .jss225 {
      width: 100px;
      height: 100px;
    }

    .jss226 {
      top: 0;
      left: 0;
      width: 100%;
      height: 35px;
      position: absolute;
    }

    .jss226.good {
      background: #A5D04B;
    }

    .jss226.warn {
      background: #FFC008;
    }

    .jss226.bad {
      background: #FF4C06;
    }

    .jss226.missed {
      background: #DCE3EA;
    }

    .jss227 {
      margin-top: .5rem;
    }

    .jss227 h2 {
      margin-bottom: 1rem;
    }

    .jss227 p {
      font-size: 1.2rem;
    }
  
    .jss233 {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .jss233 p {
      padding-left: 10px;
    }

    .jss234 {
      fill: rgba(0, 0, 0, 0.87);
      display: flex;
      overflow: hidden;
      align-items: center;
      border-color: rgba(0, 0, 0, 0.87);
      border-style: solid;
      border-width: 1px;
      border-radius: 100px;
      justify-content: center;
    }

    .jss235 {
      fill: white;
      color: white;
      border-color: #5DC0FE;
      background-color: #5DC0FE;
    }

    .jss236 {
      display: flex;
      align-items: center;
    }

    .jss236 svg {
      margin-right: 10px;
    }

    .jss237 {
      margin-top: 1rem;
    }



    .jss177 h1,
    .jss177 h2,
    .jss177 h3,
    .jss177 h4,
    .jss177 h5,
    .jss177 h6 {
      font-family: Poppins;
    }
  
    .jss178 {
      opacity: 0;
      transition: ease-in-out all 500ms;
    }

    .jss179 {
      opacity: 1;
    }
  
    
    .jss153 {
      background-color: white;
    }

    .jss154 {
      margin-bottom: 1rem;
    }

    .jss155 {
      display: flex;
      padding: 3rem;
      text-align: center;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
    }

    .jss155 h4 {
      margin-top: 0;
      font-weight: 300;
    }

    @media (max-width:599.95px) {
      .jss155 {
        padding: 3rem 2rem;
      }
    }

    .jss156 {
      width: 100px;
      height: 100px;
    }

    @media (max-width:599.95px) {
      .jss156 {
        width: 80px;
        height: 80px;
      }
    }

    .jss157 {
      display: flex;
      outline: none;
      align-items: center;
      justify-content: center;
    }

    .jss158 {
      display: flex;
      padding: .5rem;
      align-items: center;
      border-radius: 6px;
      margin-bottom: 1rem;
      background-color: white;
    }

    @media (min-width:900px) {
      .jss158 {
        color: white;
        border-radius: 0 0 6px 6px;
        justify-content: center;
        background-color: #ff8b6b;
      }
    }

    .jss159 {
      display: flex;
      align-items: center;
      flex-direction: row;
      justify-content: center;
    }

    .jss159 a {
      line-height: 0;
    }

    @media (max-width:899.95px) {
      .jss159 {
        flex-direction: column;
      }
    }

    .jss160 {
      padding-right: 1rem;
    }

    @media (max-width:899.95px) {
      .jss160 {
        text-align: center;
        padding-right: 0;
        padding-bottom: .5rem;
      }
    }

    .jss161 {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .jss162 {
      display: flex;
      padding: 0 .25rem;
      align-items: center;
      justify-content: center;
    }

    .jss163 {
      box-shadow: unset;
      background-color: #ff8b6b;
    }

    .jss163:hover {
      box-shadow: unset;
      background-color: #f5734f;
    }

    @media (min-width:900px) {
      .jss163 {
        color: #ff8b6b;
        margin-left: 1rem;
        background-color: white;
      }

      .jss163:hover {
        background-color: white;
      }
    }

    .css-1g4gn1i {
      z-index: 1500;
      pointer-events: auto;

      position: relative;
      margin: 0px;

      top: calc(-100px + 6px);
      height: 0;
      max-width: 90%;
      left: calc(10% - 30px);
    }

    .MuiTooltip-popper[data-popper-placement*="left"] .css-2a8bqr {
      transform-origin: right center;
      margin-right: 14px;
    }

    .css-2a8bqr {
      background-color: rgba(97, 97, 97, 0.92);
      border-radius: 10px;
      color: rgb(255, 255, 255);
      font-family: Poppins;
      padding: 4px 8px;
      font-size: 0.785714rem;
      margin: 2px;
      overflow-wrap: break-word;
      font-weight: 500;
    }