:root {
  --cmb-color-primary: #BB1BB5;
  --cmb-color-secondary: #1A3B61;
  --cmb-color-link: #01472f;
  --cmb-hover-primary: #1A3B61;
  --cmb-color-on-primary: #F3FFF4;
  --cmb-bg: #f3fff4;
  --cmb-surface: #daf2db;
  --cmb-color-title: #2B2F33;
  --cmb-text-headlines: #2B2F33;
  --cmb-text-body: #4F565C;
  --cmb-on-surface: rgba(1, 71, 47, 0.5);
  --cmb-error-on-surface: #ff6c6c;
  --cmb-on-error-container: #410002;
  --cmb-light-error-stroke: #E50000;
  --cmb-light-success-stroke: #20A740;
  --cmb-light-alert-stroke: #f57f17;
  --cmb-size-1: 0.25rem;
  --cmb-size-2: 0.5rem;
  --cmb-size-3: 0.75rem;
  --cmb-size-4: 1rem;
  --cmb-size-5: 1.25rem;
  --cmb-size-6: 1.5rem;
  --cmb-size-8: 2rem;
  --cmb-size-9: 2.25rem;
  --cmb-size-10: 2.5rem;
  --cmb-size-12: 3rem;
  --cmb-size-14: 3.25rem;
  --cmb-size-15: 3.5rem;
  --cmb-size-16: 4rem;
  --cmb-size-20: 5rem;
  --cmb-size-24: 6rem;
  --cmb-size-32: 8rem;
  --cmb-size-34: 8.5rem;
  --cmb-size-40: 10rem;
  --cmb-size-48: 12rem;
  --cmb-size-56: 14rem;
  --cmb-size-64: 16rem;
  --cmb-gray-900: #40464D;
  --cmb-gray-700: #676E73;
  --cmb-gray-500: #8D9399;
  --cmb-gray-300: #ABAFB2;
  --cmb-gray-200: #E1E3E5;
  --cmb-gray-100: #F0F3F5;
  --cmb-font-family-title: 'Pinar';
  --cmb-font-family-body-varation: 'Pinar';
  --cmb-font-family-body: 'Pinar';
}

.d-flex {
  display: flex !important
}

.d-grid {
  display: grid !important
}

.d-none {
  display: none !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-1 {
  flex: 1;
}

.align-items-center {
  align-items: center
}

.align-items-end {
  align-items: flex-end !important;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-between {
  justify-content: space-between !important;
}

.space-between {
  justify-content: space-between
}

.row {
  --cmb-gutter-x: var(--cmb-size-6);
  --cmb-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
}

.row>* {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.grid-col-2 {
  grid-template-columns: 1fr 1fr;
}

.grid-col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.w-25 {
  width: 25% !important
}

.w-30 {
  width: 30% !important
}

.w-30 {
  width: 33% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}


@media (min-width: 767.98px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667% !important;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25% !important;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333% !important;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }


  .w-md-25 {
    width: 25% !important
  }

  .w-md-30 {
    width: 30% !important
  }

  .w-md-30 {
    width: 33% !important
  }

  .w-md-50 {
    width: 50% !important
  }

  .w-md-75 {
    width: 75% !important
  }

  .w-md-100 {
    width: 100% !important
  }

  .grid-md-col-2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-md-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-400 {
  font-weight: 400 !important
}

.fw-normal {
  font-weight: 500 !important
}

.fw-600 {
  font-weight: 600 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: 800 !important
}

.fw-black {
  font-weight: 900 !important
}

ul {
  list-style: none !important;
}

*:focus {
  outline: 0 !important;
}


.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3-1 {
  gap: var(--cmb-size-3) !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.gap-8 {
  gap: var(--cmb-size-8) !important;
}


.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: var(--cmb-size-1) !important;
}

.m-2 {
  margin: var(--cmb-size-2) !important;
}

.m-4 {
  margin: var(--cmb-size-4) !important;
}

.m-6 {
  margin: var(--cmb-size-6) !important;
}

.m-12 {
  margin: var(--cmb-size-12) !important;
}

.m-3 {
  margin: var(--cmb-size-3) !important;
}

.m-5 {
  margin: var(--cmb-size-5) !important;
}

.m-8 {
  margin: var(--cmb-size-8) !important;
}

.m-10 {
  margin: var(--cmb-size-10) !important;
}

.m-16 {
  margin: var(--cmb-size-16) !important;
}

.m-20 {
  margin: var(--cmb-size-20) !important;
}

.m-24 {
  margin: var(--cmb-size-24) !important;
}

.m-32 {
  margin: var(--cmb-size-32) !important;
}

.m-40 {
  margin: var(--cmb-size-40) !important;
}

.m-48 {
  margin: var(--cmb-size-48) !important;
}

.m-56 {
  margin: var(--cmb-size-56) !important;
}

.m-64 {
  margin: var(--cmb-size-64) !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: var(--cmb-size-1) !important;
  margin-left: var(--cmb-size-1) !important;
}

.mx-2 {
  margin-right: var(--cmb-size-2) !important;
  margin-left: var(--cmb-size-2) !important;
}

.mx-3 {
  margin-right: var(--cmb-size-3) !important;
  margin-left: var(--cmb-size-3) !important;
}


.mx-4 {
  margin-right: var(--cmb-size-4) !important;
  margin-left: var(--cmb-size-4) !important;
}

.mx-6 {
  margin-right: var(--cmb-size-6) !important;
  margin-left: var(--cmb-size-6) !important;
}

.mx-12 {
  margin-right: var(--cmb-size-12) !important;
  margin-left: var(--cmb-size-12) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: var(--cmb-size-1) !important;
  margin-bottom: var(--cmb-size-1) !important;
}

.my-2 {
  margin-top: var(--cmb-size-2) !important;
  margin-bottom: var(--cmb-size-2) !important;
}

.my-4 {
  margin-top: var(--cmb-size-4) !important;
  margin-bottom: var(--cmb-size-4) !important;
}

.my-6 {
  margin-top: var(--cmb-size-6) !important;
  margin-bottom: var(--cmb-size-6) !important;
}

.my-9 {
  margin-top: var(--cmb-size-9) !important;
  margin-bottom: var(--cmb-size-9) !important;
}

.my-12 {
  margin-top: var(--cmb-size-12) !important;
  margin-bottom: var(--cmb-size-12) !important;
}

.my-24 {
  margin-top: var(--cmb-size-24) !important;
  margin-bottom: var(--cmb-size-24) !important;
}

.my-32 {
  margin-top: var(--cmb-size-32) !important;
  margin-bottom: var(--cmb-size-32) !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--cmb-size-1) !important;
}

.mt-2 {
  margin-top: var(--cmb-size-2) !important;
}

.mt-3 {
  margin-top: var(--cmb-size-3) !important;
}

.mt-4 {
  margin-top: var(--cmb-size-4) !important;
}

.mt-6 {
  margin-top: var(--cmb-size-6) !important;
}

.mt-8 {
  margin-top: var(--cmb-size-8) !important;
}

.mt-9 {
  margin-top: var(--cmb-size-9) !important;
}

.mt-12 {
  margin-top: var(--cmb-size-12) !important;
}

.mt-16 {
  margin-top: var(--cmb-size-16) !important;
}

.mt-20 {
  margin-top: var(--cmb-size-20) !important;
}

.mt-24 {
  margin-top: var(--cmb-size-24) !important;
}

.mt-34 {
  margin-top: var(--cmb-size-34) !important;
}

.mt-48 {
  margin-top: var(--cmb-size-48) !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: var(--cmb-size-1) !important;
}

.me-2 {
  margin-right: var(--cmb-size-2) !important;
}

.me-3 {
  margin-right: var(--cmb-size-3) !important;
}

.me-4 {
  margin-right: var(--cmb-size-4) !important;
}

.me-6 {
  margin-right: var(--cmb-size-6) !important;
}

.me-12 {
  margin-right: var(--cmb-size-12) !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--cmb-size-1) !important;
}

.mb-2 {
  margin-bottom: var(--cmb-size-2) !important;
}

.mb-3 {
  margin-bottom: var(--cmb-size-3) !important;
}

.mb-4 {
  margin-bottom: var(--cmb-size-4) !important;
}

.mb-5 {
  margin-bottom: var(--cmb-size-5) !important;
}

.mb-6 {
  margin-bottom: var(--cmb-size-6) !important;
}

.mb-8 {
  margin-bottom: var(--cmb-size-8) !important;
}

.mb-9 {
  margin-bottom: var(--cmb-size-9) !important;
}

.mb-12 {
  margin-bottom: var(--cmb-size-12) !important;
}

.mb-16 {
  margin-bottom: var(--cmb-size-16) !important;
}

.mb-20 {
  margin-bottom: var(--cmb-size-20) !important;
}

.mb-24 {
  margin-bottom: var(--cmb-size-24) !important;
}

.mb-32 {
  margin-bottom: var(--cmb-size-32) !important;
}

.mb-34 {
  margin-bottom: var(--cmb-size-34) !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: var(--cmb-size-1) !important;
}

.ms-2 {
  margin-left: var(--cmb-size-2) !important;
}

.ms-3 {
  margin-left: var(--cmb-size-3) !important;
}

.ms-4 {
  margin-left: var(--cmb-size-4) !important;
}

.ms-6 {
  margin-left: var(--cmb-size-6) !important;
}

.ms-8 {
  margin-left: var(--cmb-size-8) !important;
}


.ms-12 {
  margin-left: var(--cmb-size-12) !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: var(--cmb-size-1) !important;
}

.p-2 {
  padding: var(--cmb-size-2) !important;
}

.p-3 {
  padding: var(--cmb-size-3) !important;
}

.p-4 {
  padding: var(--cmb-size-4) !important;
}

.p-6 {
  padding: var(--cmb-size-6) !important;
}

.p-8 {
  padding: var(--cmb-size-8) !important;
}

.p-9 {
  padding: var(--cmb-size-9) !important;
}

.p-12 {
  padding: var(--cmb-size-12) !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: var(--cmb-size-1) !important;
  padding-left: var(--cmb-size-1) !important;
}

.px-2 {
  padding-right: var(--cmb-size-2) !important;
  padding-left: var(--cmb-size-2) !important;
}

.px-3 {
  padding-right: var(--cmb-size-3) !important;
  padding-left: var(--cmb-size-3) !important;
}

.px-4 {
  padding-right: var(--cmb-size-4) !important;
  padding-left: var(--cmb-size-4) !important;
}

.px-6 {
  padding-right: var(--cmb-size-6) !important;
  padding-left: var(--cmb-size-6) !important;
}

.px-8 {
  padding-right: var(--cmb-size-8) !important;
  padding-left: var(--cmb-size-8) !important;
}

.px-12 {
  padding-right: var(--cmb-size-12) !important;
  padding-left: var(--cmb-size-12) !important;
}

.px-16 {
  padding-right: var(--cmb-size-16) !important;
  padding-left: var(--cmb-size-16) !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: var(--cmb-size-1) !important;
  padding-bottom: var(--cmb-size-1) !important;
}

.py-2 {
  padding-top: var(--cmb-size-2) !important;
  padding-bottom: var(--cmb-size-2) !important;
}

.py-3 {
  padding-top: var(--cmb-size-3) !important;
  padding-bottom: var(--cmb-size-3) !important;
}

.py-4 {
  padding-top: var(--cmb-size-4) !important;
  padding-bottom: var(--cmb-size-4) !important;
}

.py-5 {
  padding-top: var(--cmb-size-5) !important;
  padding-bottom: var(--cmb-size-5) !important;
}


.py-6 {
  padding-top: var(--cmb-size-6) !important;
  padding-bottom: var(--cmb-size-6) !important;
}

.py-8 {
  padding-top: var(--cmb-size-8) !important;
  padding-bottom: var(--cmb-size-8) !important;
}

.py-9 {
  padding-top: var(--cmb-size-9) !important;
  padding-bottom: var(--cmb-size-9) !important;
}

.py-12 {
  padding-top: var(--cmb-size-12) !important;
  padding-bottom: var(--cmb-size-12) !important;
}

.py-16 {
  padding-top: var(--cmb-size-16) !important;
  padding-bottom: var(--cmb-size-16) !important;
}

.py-24 {
  padding-top: var(--cmb-size-24) !important;
  padding-bottom: var(--cmb-size-24) !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: var(--cmb-size-1) !important;
}

.pt-2 {
  padding-top: var(--cmb-size-2) !important;
}

.pt-3 {
  padding-top: var(--cmb-size-3) !important;
}

.pt-4 {
  padding-top: var(--cmb-size-4) !important;
}

.pt-6 {
  padding-top: var(--cmb-size-6) !important;
}

.pt-8 {
  padding-top: var(--cmb-size-8) !important;
}

.pt-9 {
  padding-top: var(--cmb-size-9) !important;
}

.pt-12 {
  padding-top: var(--cmb-size-12) !important;
}

.pt-16 {
  padding-top: var(--cmb-size-16) !important;
}

.pt-24 {
  padding-top: var(--cmb-size-24) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: var(--cmb-size-1) !important;
}

.pe-2 {
  padding-right: var(--cmb-size-2) !important;
}

.pe-4 {
  padding-right: var(--cmb-size-4) !important;
}

.pe-5 {
  padding-right: var(--cmb-size-5) !important;
}

.pe-6 {
  padding-right: var(--cmb-size-6) !important;
}

.pe-12 {
  padding-right: var(--cmb-size-12) !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: var(--cmb-size-1) !important;
}

.pb-2 {
  padding-bottom: var(--cmb-size-2) !important;
}

.pb-3 {
  padding-bottom: var(--cmb-size-3) !important;
}

.pb-4 {
  padding-bottom: var(--cmb-size-4) !important;
}

.pb-6 {
  padding-bottom: var(--cmb-size-6) !important;
}

.pb-8 {
  padding-bottom: var(--cmb-size-8) !important;
}

.pb-12 {
  padding-bottom: var(--cmb-size-12) !important;
}

.pb-16 {
  padding-bottom: var(--cmb-size-16) !important;
}

.pb-24 {
  padding-bottom: var(--cmb-size-24) !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: var(--cmb-size-1) !important;
}

.ps-2 {
  padding-left: var(--cmb-size-2) !important;
}

.ps-3 {
  padding-left: var(--cmb-size-3) !important;
}

.ps-4 {
  padding-left: var(--cmb-size-4) !important;
}

.ps-6 {
  padding-left: var(--cmb-size-6) !important;
}

.ps-8 {
  padding-left: var(--cmb-size-8) !important;
}

.ps-12 {
  padding-left: var(--cmb-size-12) !important;
}

.ps-20 {
  padding-left: var(--cmb-size-20) !important;
}



.lh-5 {
  line-height: var(--cmb-size-5)
}

.lh-6 {
  line-height: var(--cmb-size-6)
}

.lh-7 {
  line-height: 28px
}

.lh-normal,
.lh-normal * {
  line-height: normal !important
}

.rounded-2 {
  border-radius: 10px !important
}

.rounded-3 {
  border-radius: var(--cmb-size-3) !important
}

.rounded-4 {
  border-radius: var(--cmb-size-4) !important
}

.rounded-4-1 {
  border-radius: 20px !important
}

.rounded-6 {
  border-radius: var(--cmb-size-6) !important
}

.rounded-9 {
  border-radius: var(--cmb-size-9) !important
}

.rounded-10 {
  border-radius: var(--cmb-size-10) !important
}

.rounded-12 {
  border-radius: var(--cmb-size-12) !important
}

.rounded {
  border-radius: var(--cmb-size-24) !important
}

.text-label-large {
  font-size: var(--cmb-size-4);
  font-weight: 400;
}

.text-label-medium {
  font-size: var(--cmb-size-3);
  font-weight: 400;
}

.text-label-small {
  font-family: var(--cmb-gray-500);
  font-size: 12px;
  font-weight: 500
}

.text-title-small {
  font-size: var(--cmb-size-4);
  font-weight: 500;
  line-height: normal;
}

.fs-2 {
  font-size: var(--cmb-size-2)
}

.fs-3 {
  font-size: var(--cmb-size-3)
}

.fs-3-1 {
  font-size: 14px !important
}

.fs-4-1 {
  font-size: 20px
}

.fs-4,
.fs-4 * {
  font-size: var(--cmb-size-4) !important
}

.fs-5 {
  font-size: var(--cmb-size-5) !important
}

.fs-6 {
  font-size: var(--cmb-size-6)
}

.fs-8,
.fs-8 h1,
.fs-8 h2,
.fs-8 h3 {
  font-size: var(--cmb-size-8) !important
}

.fs-9,
.fs-9 h1,
.fs-9 h2,
.fs-9 h3 {
  font-size: var(--cmb-size-9) !important
}

.fs-10 {
  font-size: var(--cmb-size-10)
}

.fs-12 {
  font-size: var(--cmb-size-12)
}



@media(min-width: 767.98px) {
  .fs-md-4 {
    font-size: var(--cmb-size-4) !important
  }

  .fs-md-4-1 {
    font-size: 20px
  }

  .fs-md-6,
  .fs-md-6 * {
    font-size: var(--cmb-size-6) !important
  }

  .fs-md-8 {
    font-size: var(--cmb-size-8)
  }

  .fs-md-9 {
    font-size: var(--cmb-size-9) !important
  }

  .fs-md-10 {
    font-size: var(--cmb-size-10) !important
  }

  .fs-md-12 {
    font-size: var(--cmb-size-12) !important
  }

  .text-display-md-medium {
    font-size: var(--cmb-size-6);
    font-weight: 600;
  }

  .rounded-md-6 {
    border-radius: var(--cmb-size-6) !important
  }

  .rounded-md-9 {
    border-radius: var(--cmb-size-9) !important
  }

  .rounded-md-12 {
    border-radius: var(--cmb-size-12) !important
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-24 {
    margin-top: var(--cmb-size-24) !important;
  }

  .mt-md-32 {
    margin-top: var(--cmb-size-32) !important;
  }

  .mt-md-34 {
    margin-top: var(--cmb-size-34) !important;
  }

  .mt-md-48 {
    margin-top: var(--cmb-size-48) !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-8 {
    margin-right: var(--cmb-size-8) !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: var(--cmb-size-4);
  }

  .mb-md-5 {
    margin-bottom: var(--cmb-size-5)
  }

  .mb-md-6 {
    margin-bottom: var(--cmb-size-6) !important;
  }

  .mb-md-8 {
    margin-bottom: var(--cmb-size-8) !important;
  }

  .mb-md-9 {
    margin-bottom: var(--cmb-size-9);
  }

  .mb-md-12 {
    margin-bottom: var(--cmb-size-12);
  }

  .mb-md-16 {
    margin-bottom: var(--cmb-size-16) !important;
  }

  .mb-md-32 {
    margin-bottom: var(--cmb-size-32) !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-6 {
    margin-left: var(--cmb-size-6) !important;
  }

  .ms-md-8 {
    margin-left: var(--cmb-size-8) !important;
  }

  .ms-md-16 {
    margin-left: var(--cmb-size-16) !important;
  }

  .ms-md-32 {
    margin-left: var(--cmb-size-32) !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .p-md-8 {
    padding: var(--cmb-size-8) !important;
  }

  .p-md-12 {
    padding: var(--cmb-size-12) !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .px-md-12 {
    padding-right: var(--cmb-size-12) !important;
    padding-left: var(--cmb-size-12) !important;
  }

  .px-md-16 {
    padding-right: var(--cmb-size-16) !important;
    padding-left: var(--cmb-size-16) !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .py-md-16 {
    padding-top: var(--cmb-size-16) !important;
    padding-bottom: var(--cmb-size-16) !important;
  }

  .py-md-24 {
    padding-top: var(--cmb-size-24) !important;
    padding-bottom: var(--cmb-size-24) !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pt-md-16 {
    padding-top: var(--cmb-size-16) !important;
  }

  .pt-md-32 {
    padding-top: var(--cmb-size-32) !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: var(--cmb-size-4) !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pe-md-6 {
    padding-right: var(--cmb-size-6) !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .pb-md-16 {
    padding-bottom: var(--cmb-size-16) !important;
  }

  .pb-md-24 {
    padding-bottom: var(--cmb-size-12) !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .ps-md-6 {
    padding-left: var(--cmb-size-6) !important;
  }

  .ps-md-8 {
    padding-left: var(--cmb-size-8) !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }

  .flex-md-0 {
    flex: 0;
  }
}

/* 
* --------------------
* Button main
* --------------------
*/

.btn,
button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  color: var(--cmb-color-primary);
  height: 32px;
  border-width: 2px;
  border-color: transparent;
  padding: 0.25rem 1rem;
  font-size: var(--cmb-size-4);
  border-radius: var(--cmb-size-6);
  transition: all 0.15s ease-out;
}

/* 
* --------------------
* End Button main
* --------------------
*/


/* 
* --------------------
* Button arrows 
* --------------------
*/

.btn-arrow-left,
.btn-arrow-right {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  margin-right: var(--cmb-size-2);
}

.btn-arrow-right {
  transform: rotate(180deg);
  margin-left: var(--cmb-size-2);
  margin-right: unset;
}

.btn-arrow-left:after,
.btn-arrow-right:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  left: 0;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

.btn-primary-arrow-left:after,
.btn-primary-arrow-right:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.57 5.92999L3.5 12L9.57 18.07' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5 12H3.67' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-secondary-arrow-left:after,
.btn-secondary-arrow-right:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.57 5.93L3.5 12L9.57 18.07' stroke='%2301472f' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5 12H3.67' stroke='%2301472f' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-disabled-arrow-left:after,
.btn-disabled-arrow-right:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.57 5.93L3.5 12L9.57 18.07' stroke='%23ABAFB2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5 12H3.67' stroke='%23ABAFB2' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-secondary-arrow-left.rotate,
.btn-primary-arrow-left.rotate {
  transform: rotate(45deg);
}

/* 
* --------------------
* End button arrows 
* --------------------
*/

/* 
* --------------------
* Button size 
* --------------------
*/

.btn-sm {
  padding: var(--cmb-size-2) var(--cmb-size-4) !important;
  height: 40px;
}

.btn-xs {
  padding: var(--cmb-size-1) var(--cmb-size-4) !important;
  height: 32px;
}

.btn-md {
  padding: var(--cmb-size-3) var(--cmb-size-4) !important;
  height: 48px;

}

.btn-lg {
  padding: var(--cmb-size-3) var(--cmb-size-4) !important;
  height: 52px;

}

/* 
* --------------------
* End button size 
* --------------------
*/


/*
*-------------------
* button
*-------------------
*/

.btn-primary {
  color: var(--cmb-color-on-primary) !important;
  background-color: var(--cmb-color-primary) !important
}

.btn-primary:hover {
  background-color: var(--cmb-hover-primary) !important;
  color: var(--cmb-color-on-primary) !important;
}

.btn-yellow {
  color: var(--cmb-text-headlines);
  background-color: var(--cmb-secondary);
}

.btn-yellow-secondary {
  color: var(--cmb-secondary);
  border-color: var(--cmb-secondary);
  background-color: transparent;
}

.btn-secondary {
  background-color: transparent;
  border-color: var(--cmb-color-primary);
  border: 1px solid var(--cmb-color-primary);
}

.btn-secondary:hover {
  color: var(--cmb-hover-primary) !important;
  border-color: var(--cmb-hover-primary) !important;
}

.btn-link {
  background-color: transparent;
  padding: var(--cmb-size-1) 0;
}

.btn-link:focus {
  border-color: transparent;
}

.btn-link:hover {
  color: var(--cmb-hover-primary);

}

.btn-disabled {
  color: var(--cmb-gray-300);
  background-color: var(--cmb-gray-100);
}

.btn-secondary-disabled {
  color: var(--cmb-gray-300);
  border-color: var(--cmb-gray-100);
  border: 1px solid var(--cmb-gray-100);
}

.btn-link-disabled {
  color: var(--cmb-gray-300);
}

.btn-error-secondary {
  background-color: transparent;
  color: var(--cmb-light-error-stroke) !important;
  border: 1px solid var(--cmb-light-error-stroke) !important
}

.btn-icon {
  width: 40px;
  height: 40px;
}

/*
*-------------------
* End button
*-------------------
*/

dd,
dl,
dt,
li,
ol,
ul {
  padding: 0;
}

label {
  cursor: pointer;
}

.opacity-5 {
  opacity: 0.5;
}

.color-primary {
  color: var(--cmb-color-primary);
}

.color-secondary {
  color: var(--cmb-color-secondary);
}

.color-disable {
  color: var(--cmb-gray-500);
}

.zindex-1 {
  z-index: 1001;
}

.rounded-2 {
  border-radius: 0.5rem;
}

.cursor-pointer {
  cursor: pointer;
}

@media (min-width:1023.98px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }
}

.bg-primary {
  background: var(--cmb-color-primary);
}

.bg-surface {
  background: var(--cmb-surface);
}

.bg-on-surface {
  background: var(--cmb-on-surface);
}

.bg-transparent {
  background-color: transparent;
}

.bg-on-primary {
  background-color: var(--cmb-color-on-primary) !important;
}

.bg-gray-100 {
  background: var(--cmb-surface);
}

.color-error-on-surface {
  color: var(--cmb-error-on-surface) !important;
}

.color-text-headline {
  color: var(--cmb-text-headlines) !important
}

.bg-success {
  background: var(--cmb-light-success-stroke, #20A740) !important
}

.color-on-primary {
  color: var(--cmb-color-on-primary) !important;
}

.border {
  border: 1px solid var(--cmb-color-primary) !important
}

.border-top {
  border-top: 1px solid var(--cmb-color-primary) !important
}

.border-bottom {
  border-bottom: 1px solid var(--cmb-color-primary) !important
}


.shadow-s {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, .4), 0 6px 6px -6px rgba(0, 0, 0, .16) !important;
}

/**
* Custom 
*/

address {
  font-style: normal;
}

.mini-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.mini-scroll::-webkit-scrollbar-thumb {
  background: var(--cmb-on-surface);
  border-radius: 10px;
}

.mini-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background: var(--cmb-surface);
}

.cmb-child-categories {
  padding: 16px;
  padding-bottom: 8px;
  border-radius: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.parent-category {
  width: 140px;
}

.bg-surface .mini-scroll::-webkit-scrollbar-track {
  background: var(--cmb-bg);
}

.text-center {
  text-align: center;
}

/* Check box */
.cmb-input-container {
  display: block;
  position: relative;
  cursor: pointer;
}

.cmb-input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.cmb-input-container .checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background-color: #01472F4D;
}

.cmb-input-container input:checked~.checkmark {
  background-color: var(--cmb-color-primary);
}

.cmb-input-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cmb-input-container input:checked~.checkmark:after {
  display: block;
}

.cmb-input-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.badge {
  padding: 4px;
  font-size: 14px;
  border-radius: 4px;
}

.cmb-element [type=button],
.cmb-element [type=submit],
.cmb-element button {
  color: var(--cmb-color-on-primary) !important;
  background-color: var(--cmb-color-primary) !important;
  border: unset !important;
  font-size: 14px !important;
  border-radius: 8px !important
}

body.cmb-scroll-disable {
  height: 100% !important;
  overflow: hidden;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  color: unset;
  background-color: unset;
  text-decoration: none;
}

ins {
  text-decoration: none !important
}