@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}
.gap-0 {
  gap: 0px !important;
}
.gap-x-0 {
  column-gap: 0px !important;
}
.gap-y-0 {
  row-gap: 0px !important;
}
.gap-1 {
  gap: 4px !important;
}
.gap-x-1 {
  column-gap: 4px !important;
}
.gap-y-1 {
  row-gap: 4px !important;
}
.gap-2 {
  gap: 8px !important;
}
.gap-x-2 {
  column-gap: 8px !important;
}
.gap-y-2 {
  row-gap: 8px !important;
}
.gap-3 {
  gap: 12px !important;
}
.gap-x-3 {
  column-gap: 12px !important;
}
.gap-y-3 {
  row-gap: 12px !important;
}
.gap-4 {
  gap: 16px !important;
}
.gap-x-4 {
  column-gap: 16px !important;
}
.gap-y-4 {
  row-gap: 16px !important;
}
.gap-5 {
  gap: 20px !important;
}
.gap-x-5 {
  column-gap: 20px !important;
}
.gap-y-5 {
  row-gap: 20px !important;
}
.gap-6 {
  gap: 24px !important;
}
.gap-x-6 {
  column-gap: 24px !important;
}
.gap-y-6 {
  row-gap: 24px !important;
}
.gap-8 {
  gap: 32px !important;
}
.gap-x-8 {
  column-gap: 32px !important;
}
.gap-y-8 {
  row-gap: 32px !important;
}
.gap-10 {
  gap: 40px !important;
}
.gap-x-10 {
  column-gap: 40px !important;
}
.gap-y-10 {
  row-gap: 40px !important;
}
.gap-12 {
  gap: 48px !important;
}
.gap-x-12 {
  column-gap: 48px !important;
}
.gap-y-12 {
  row-gap: 48px !important;
}
.gap-16 {
  gap: 64px !important;
}
.gap-x-16 {
  column-gap: 64px !important;
}
.gap-y-16 {
  row-gap: 64px !important;
}
.flex {
  display: flex !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-col-reverse {
  flex-direction: column-reverse !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.align-center {
  align-items: center !important;
}
.align-stretch {
  align-items: stretch !important;
}
.align-baseline {
  align-items: baseline !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}
.text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}
.text-7xl {
  font-size: 4.5rem !important;
  line-height: 1 !important;
}
.text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important;
}
.text-9xl {
  font-size: 8rem !important;
  line-height: 1 !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-justify {
  text-align: justify !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-black {
  font-weight: 900 !important;
}
.grid {
  display: grid !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.col-span-1 {
  grid-column: span 1 / span 1 !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.col-span-3 {
  grid-column: span 3 / span 3 !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.col-span-4 {
  grid-column: span 4 / span 4 !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.col-span-5 {
  grid-column: span 5 / span 5 !important;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.col-span-6 {
  grid-column: span 6 / span 6 !important;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.col-span-7 {
  grid-column: span 7 / span 7 !important;
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.col-span-8 {
  grid-column: span 8 / span 8 !important;
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.col-span-9 {
  grid-column: span 9 / span 9 !important;
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.col-span-10 {
  grid-column: span 10 / span 10 !important;
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.col-span-11 {
  grid-column: span 11 / span 11 !important;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.col-span-12 {
  grid-column: span 12 / span 12 !important;
}
.col-span-full {
  grid-column: -1 !important;
}
.w-auto {
  width: auto !important;
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-min {
  width: min-content !important;
}
.w-max {
  width: max-content !important;
}
.w-fit {
  width: fit-content !important;
}
.w-0 {
  width: 0px !important;
}
.w-1 {
  width: 4px !important;
}
.w-2 {
  width: 8px !important;
}
.w-3 {
  width: 12px !important;
}
.w-4 {
  width: 16px !important;
}
.w-5 {
  width: 20px !important;
}
.w-6 {
  width: 24px !important;
}
.w-8 {
  width: 32px !important;
}
.w-10 {
  width: 40px !important;
}
.w-12 {
  width: 48px !important;
}
.w-16 {
  width: 64px !important;
}
.w-20 {
  width: 80px !important;
}
.w-24 {
  width: 96px !important;
}
.w-32 {
  width: 128px !important;
}
.w-40 {
  width: 160px !important;
}
.w-48 {
  width: 192px !important;
}
.w-56 {
  width: 224px !important;
}
.w-64 {
  width: 256px !important;
}
.w-1\/2 {
  width: 50% !important;
}
.w-1\/3 {
  width: 33.333333% !important;
}
.w-2\/3 {
  width: 66.666667% !important;
}
.w-1\/4 {
  width: 25% !important;
}
.w-2\/4 {
  width: 50% !important;
}
.w-3\/4 {
  width: 75% !important;
}
.w-1\/5 {
  width: 20% !important;
}
.w-2\/5 {
  width: 40% !important;
}
.w-3\/5 {
  width: 60% !important;
}
.w-4\/5 {
  width: 80% !important;
}
.w-1\/6 {
  width: 16.666667% !important;
}
.w-5\/6 {
  width: 83.333333% !important;
}
.w-1\/12 {
  width: 8.333333% !important;
}
@media (min-width: 640px) {
  .sm\:flex {
    display: flex !important;
  }
  .sm\:flex-col {
    flex-direction: column !important;
  }
  .sm\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:justify-center {
    justify-content: center !important;
  }
  .sm\:justify-between {
    justify-content: space-between !important;
  }
  .sm\:justify-around {
    justify-content: space-around !important;
  }
  .sm\:justify-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-end {
    justify-content: flex-end !important;
  }
  .sm\:align-center {
    align-items: center !important;
  }
  .sm\:align-stretch {
    align-items: stretch !important;
  }
  .sm\:align-baseline {
    align-items: baseline !important;
  }
  .sm\:align-start {
    align-items: flex-start !important;
  }
  .sm\:align-end {
    align-items: flex-end !important;
  }
  .sm\:gap-0 {
    gap: 0px !important;
  }
  .sm\:gap-x-0 {
    column-gap: 0px !important;
  }
  .sm\:gap-y-0 {
    row-gap: 0px !important;
  }
  .sm\:gap-1 {
    gap: 4px !important;
  }
  .sm\:gap-x-1 {
    column-gap: 4px !important;
  }
  .sm\:gap-y-1 {
    row-gap: 4px !important;
  }
  .sm\:gap-2 {
    gap: 8px !important;
  }
  .sm\:gap-x-2 {
    column-gap: 8px !important;
  }
  .sm\:gap-y-2 {
    row-gap: 8px !important;
  }
  .sm\:gap-3 {
    gap: 12px !important;
  }
  .sm\:gap-x-3 {
    column-gap: 12px !important;
  }
  .sm\:gap-y-3 {
    row-gap: 12px !important;
  }
  .sm\:gap-4 {
    gap: 16px !important;
  }
  .sm\:gap-x-4 {
    column-gap: 16px !important;
  }
  .sm\:gap-y-4 {
    row-gap: 16px !important;
  }
  .sm\:gap-5 {
    gap: 20px !important;
  }
  .sm\:gap-x-5 {
    column-gap: 20px !important;
  }
  .sm\:gap-y-5 {
    row-gap: 20px !important;
  }
  .sm\:gap-6 {
    gap: 24px !important;
  }
  .sm\:gap-x-6 {
    column-gap: 24px !important;
  }
  .sm\:gap-y-6 {
    row-gap: 24px !important;
  }
  .sm\:gap-8 {
    gap: 32px !important;
  }
  .sm\:gap-x-8 {
    column-gap: 32px !important;
  }
  .sm\:gap-y-8 {
    row-gap: 32px !important;
  }
  .sm\:gap-10 {
    gap: 40px !important;
  }
  .sm\:gap-x-10 {
    column-gap: 40px !important;
  }
  .sm\:gap-y-10 {
    row-gap: 40px !important;
  }
  .sm\:gap-12 {
    gap: 48px !important;
  }
  .sm\:gap-x-12 {
    column-gap: 48px !important;
  }
  .sm\:gap-y-12 {
    row-gap: 48px !important;
  }
  .sm\:gap-16 {
    gap: 64px !important;
  }
  .sm\:gap-x-16 {
    column-gap: 64px !important;
  }
  .sm\:gap-y-16 {
    row-gap: 64px !important;
  }
  .sm\:text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .sm\:text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .sm\:text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .sm\:text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .sm\:text-7xl {
    font-size: 4.5rem !important;
    line-height: 1 !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important;
  }
  .sm\:text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
  .sm\:font-black {
    font-weight: 900 !important;
  }
  .sm\:grid {
    display: grid !important;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }
  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }
  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .sm\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .sm\:col-span-full {
    grid-column: -1 !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-min {
    width: min-content !important;
  }
  .sm\:w-max {
    width: max-content !important;
  }
  .sm\:w-fit {
    width: fit-content !important;
  }
  .sm\:w-0 {
    width: 0px !important;
  }
  .sm\:w-1 {
    width: 4px !important;
  }
  .sm\:w-2 {
    width: 8px !important;
  }
  .sm\:w-3 {
    width: 12px !important;
  }
  .sm\:w-4 {
    width: 16px !important;
  }
  .sm\:w-5 {
    width: 20px !important;
  }
  .sm\:w-6 {
    width: 24px !important;
  }
  .sm\:w-8 {
    width: 32px !important;
  }
  .sm\:w-10 {
    width: 40px !important;
  }
  .sm\:w-12 {
    width: 48px !important;
  }
  .sm\:w-16 {
    width: 64px !important;
  }
  .sm\:w-20 {
    width: 80px !important;
  }
  .sm\:w-24 {
    width: 96px !important;
  }
  .sm\:w-32 {
    width: 128px !important;
  }
  .sm\:w-40 {
    width: 160px !important;
  }
  .sm\:w-48 {
    width: 192px !important;
  }
  .sm\:w-56 {
    width: 224px !important;
  }
  .sm\:w-64 {
    width: 256px !important;
  }
  .sm\:w-1\/2 {
    width: 50% !important;
  }
  .sm\:w-1\/3 {
    width: 33.333333% !important;
  }
  .sm\:w-2\/3 {
    width: 66.666667% !important;
  }
  .sm\:w-1\/4 {
    width: 25% !important;
  }
  .sm\:w-2\/4 {
    width: 50% !important;
  }
  .sm\:w-3\/4 {
    width: 75% !important;
  }
  .sm\:w-1\/5 {
    width: 20% !important;
  }
  .sm\:w-2\/5 {
    width: 40% !important;
  }
  .sm\:w-3\/5 {
    width: 60% !important;
  }
  .sm\:w-4\/5 {
    width: 80% !important;
  }
  .sm\:w-1\/6 {
    width: 16.666667% !important;
  }
  .sm\:w-5\/6 {
    width: 83.333333% !important;
  }
  .sm\:w-1\/12 {
    width: 8.333333% !important;
  }
}
@media (min-width: 970px) {
  .md\:flex {
    display: flex !important;
  }
  .md\:flex-col {
    flex-direction: column !important;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:justify-center {
    justify-content: center !important;
  }
  .md\:justify-between {
    justify-content: space-between !important;
  }
  .md\:justify-around {
    justify-content: space-around !important;
  }
  .md\:justify-start {
    justify-content: flex-start !important;
  }
  .md\:justify-end {
    justify-content: flex-end !important;
  }
  .md\:align-center {
    align-items: center !important;
  }
  .md\:align-stretch {
    align-items: stretch !important;
  }
  .md\:align-baseline {
    align-items: baseline !important;
  }
  .md\:align-start {
    align-items: flex-start !important;
  }
  .md\:align-end {
    align-items: flex-end !important;
  }
  .md\:gap-0 {
    gap: 0px !important;
  }
  .md\:gap-x-0 {
    column-gap: 0px !important;
  }
  .md\:gap-y-0 {
    row-gap: 0px !important;
  }
  .md\:gap-1 {
    gap: 4px !important;
  }
  .md\:gap-x-1 {
    column-gap: 4px !important;
  }
  .md\:gap-y-1 {
    row-gap: 4px !important;
  }
  .md\:gap-2 {
    gap: 8px !important;
  }
  .md\:gap-x-2 {
    column-gap: 8px !important;
  }
  .md\:gap-y-2 {
    row-gap: 8px !important;
  }
  .md\:gap-3 {
    gap: 12px !important;
  }
  .md\:gap-x-3 {
    column-gap: 12px !important;
  }
  .md\:gap-y-3 {
    row-gap: 12px !important;
  }
  .md\:gap-4 {
    gap: 16px !important;
  }
  .md\:gap-x-4 {
    column-gap: 16px !important;
  }
  .md\:gap-y-4 {
    row-gap: 16px !important;
  }
  .md\:gap-5 {
    gap: 20px !important;
  }
  .md\:gap-x-5 {
    column-gap: 20px !important;
  }
  .md\:gap-y-5 {
    row-gap: 20px !important;
  }
  .md\:gap-6 {
    gap: 24px !important;
  }
  .md\:gap-x-6 {
    column-gap: 24px !important;
  }
  .md\:gap-y-6 {
    row-gap: 24px !important;
  }
  .md\:gap-8 {
    gap: 32px !important;
  }
  .md\:gap-x-8 {
    column-gap: 32px !important;
  }
  .md\:gap-y-8 {
    row-gap: 32px !important;
  }
  .md\:gap-10 {
    gap: 40px !important;
  }
  .md\:gap-x-10 {
    column-gap: 40px !important;
  }
  .md\:gap-y-10 {
    row-gap: 40px !important;
  }
  .md\:gap-12 {
    gap: 48px !important;
  }
  .md\:gap-x-12 {
    column-gap: 48px !important;
  }
  .md\:gap-y-12 {
    row-gap: 48px !important;
  }
  .md\:gap-16 {
    gap: 64px !important;
  }
  .md\:gap-x-16 {
    column-gap: 64px !important;
  }
  .md\:gap-y-16 {
    row-gap: 64px !important;
  }
  .md\:text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .md\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .md\:text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .md\:text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .md\:text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .md\:text-7xl {
    font-size: 4.5rem !important;
    line-height: 1 !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important;
  }
  .md\:text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
  .md\:font-black {
    font-weight: 900 !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .md\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .md\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .md\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .md\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .md\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .md\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .md\:col-span-full {
    grid-column: -1 !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-min {
    width: min-content !important;
  }
  .md\:w-max {
    width: max-content !important;
  }
  .md\:w-fit {
    width: fit-content !important;
  }
  .md\:w-0 {
    width: 0px !important;
  }
  .md\:w-1 {
    width: 4px !important;
  }
  .md\:w-2 {
    width: 8px !important;
  }
  .md\:w-3 {
    width: 12px !important;
  }
  .md\:w-4 {
    width: 16px !important;
  }
  .md\:w-5 {
    width: 20px !important;
  }
  .md\:w-6 {
    width: 24px !important;
  }
  .md\:w-8 {
    width: 32px !important;
  }
  .md\:w-10 {
    width: 40px !important;
  }
  .md\:w-12 {
    width: 48px !important;
  }
  .md\:w-16 {
    width: 64px !important;
  }
  .md\:w-20 {
    width: 80px !important;
  }
  .md\:w-24 {
    width: 96px !important;
  }
  .md\:w-32 {
    width: 128px !important;
  }
  .md\:w-40 {
    width: 160px !important;
  }
  .md\:w-48 {
    width: 192px !important;
  }
  .md\:w-56 {
    width: 224px !important;
  }
  .md\:w-64 {
    width: 256px !important;
  }
  .md\:w-1\/2 {
    width: 50% !important;
  }
  .md\:w-1\/3 {
    width: 33.333333% !important;
  }
  .md\:w-2\/3 {
    width: 66.666667% !important;
  }
  .md\:w-1\/4 {
    width: 25% !important;
  }
  .md\:w-2\/4 {
    width: 50% !important;
  }
  .md\:w-3\/4 {
    width: 75% !important;
  }
  .md\:w-1\/5 {
    width: 20% !important;
  }
  .md\:w-2\/5 {
    width: 40% !important;
  }
  .md\:w-3\/5 {
    width: 60% !important;
  }
  .md\:w-4\/5 {
    width: 80% !important;
  }
  .md\:w-1\/6 {
    width: 16.666667% !important;
  }
  .md\:w-5\/6 {
    width: 83.333333% !important;
  }
  .md\:w-1\/12 {
    width: 8.333333% !important;
  }
}
@media (min-width: 1024px) {
  .lg\:flex {
    display: flex !important;
  }
  .lg\:flex-col {
    flex-direction: column !important;
  }
  .lg\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:justify-center {
    justify-content: center !important;
  }
  .lg\:justify-between {
    justify-content: space-between !important;
  }
  .lg\:justify-around {
    justify-content: space-around !important;
  }
  .lg\:justify-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-end {
    justify-content: flex-end !important;
  }
  .lg\:align-center {
    align-items: center !important;
  }
  .lg\:align-stretch {
    align-items: stretch !important;
  }
  .lg\:align-baseline {
    align-items: baseline !important;
  }
  .lg\:align-start {
    align-items: flex-start !important;
  }
  .lg\:align-end {
    align-items: flex-end !important;
  }
  .lg\:gap-0 {
    gap: 0px !important;
  }
  .lg\:gap-x-0 {
    column-gap: 0px !important;
  }
  .lg\:gap-y-0 {
    row-gap: 0px !important;
  }
  .lg\:gap-1 {
    gap: 4px !important;
  }
  .lg\:gap-x-1 {
    column-gap: 4px !important;
  }
  .lg\:gap-y-1 {
    row-gap: 4px !important;
  }
  .lg\:gap-2 {
    gap: 8px !important;
  }
  .lg\:gap-x-2 {
    column-gap: 8px !important;
  }
  .lg\:gap-y-2 {
    row-gap: 8px !important;
  }
  .lg\:gap-3 {
    gap: 12px !important;
  }
  .lg\:gap-x-3 {
    column-gap: 12px !important;
  }
  .lg\:gap-y-3 {
    row-gap: 12px !important;
  }
  .lg\:gap-4 {
    gap: 16px !important;
  }
  .lg\:gap-x-4 {
    column-gap: 16px !important;
  }
  .lg\:gap-y-4 {
    row-gap: 16px !important;
  }
  .lg\:gap-5 {
    gap: 20px !important;
  }
  .lg\:gap-x-5 {
    column-gap: 20px !important;
  }
  .lg\:gap-y-5 {
    row-gap: 20px !important;
  }
  .lg\:gap-6 {
    gap: 24px !important;
  }
  .lg\:gap-x-6 {
    column-gap: 24px !important;
  }
  .lg\:gap-y-6 {
    row-gap: 24px !important;
  }
  .lg\:gap-8 {
    gap: 32px !important;
  }
  .lg\:gap-x-8 {
    column-gap: 32px !important;
  }
  .lg\:gap-y-8 {
    row-gap: 32px !important;
  }
  .lg\:gap-10 {
    gap: 40px !important;
  }
  .lg\:gap-x-10 {
    column-gap: 40px !important;
  }
  .lg\:gap-y-10 {
    row-gap: 40px !important;
  }
  .lg\:gap-12 {
    gap: 48px !important;
  }
  .lg\:gap-x-12 {
    column-gap: 48px !important;
  }
  .lg\:gap-y-12 {
    row-gap: 48px !important;
  }
  .lg\:gap-16 {
    gap: 64px !important;
  }
  .lg\:gap-x-16 {
    column-gap: 64px !important;
  }
  .lg\:gap-y-16 {
    row-gap: 64px !important;
  }
  .lg\:text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .lg\:text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .lg\:text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .lg\:text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .lg\:text-7xl {
    font-size: 4.5rem !important;
    line-height: 1 !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important;
  }
  .lg\:text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
  .lg\:font-black {
    font-weight: 900 !important;
  }
  .lg\:grid {
    display: grid !important;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }
  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .lg\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .lg\:col-span-full {
    grid-column: -1 !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-min {
    width: min-content !important;
  }
  .lg\:w-max {
    width: max-content !important;
  }
  .lg\:w-fit {
    width: fit-content !important;
  }
  .lg\:w-0 {
    width: 0px !important;
  }
  .lg\:w-1 {
    width: 4px !important;
  }
  .lg\:w-2 {
    width: 8px !important;
  }
  .lg\:w-3 {
    width: 12px !important;
  }
  .lg\:w-4 {
    width: 16px !important;
  }
  .lg\:w-5 {
    width: 20px !important;
  }
  .lg\:w-6 {
    width: 24px !important;
  }
  .lg\:w-8 {
    width: 32px !important;
  }
  .lg\:w-10 {
    width: 40px !important;
  }
  .lg\:w-12 {
    width: 48px !important;
  }
  .lg\:w-16 {
    width: 64px !important;
  }
  .lg\:w-20 {
    width: 80px !important;
  }
  .lg\:w-24 {
    width: 96px !important;
  }
  .lg\:w-32 {
    width: 128px !important;
  }
  .lg\:w-40 {
    width: 160px !important;
  }
  .lg\:w-48 {
    width: 192px !important;
  }
  .lg\:w-56 {
    width: 224px !important;
  }
  .lg\:w-64 {
    width: 256px !important;
  }
  .lg\:w-1\/2 {
    width: 50% !important;
  }
  .lg\:w-1\/3 {
    width: 33.333333% !important;
  }
  .lg\:w-2\/3 {
    width: 66.666667% !important;
  }
  .lg\:w-1\/4 {
    width: 25% !important;
  }
  .lg\:w-2\/4 {
    width: 50% !important;
  }
  .lg\:w-3\/4 {
    width: 75% !important;
  }
  .lg\:w-1\/5 {
    width: 20% !important;
  }
  .lg\:w-2\/5 {
    width: 40% !important;
  }
  .lg\:w-3\/5 {
    width: 60% !important;
  }
  .lg\:w-4\/5 {
    width: 80% !important;
  }
  .lg\:w-1\/6 {
    width: 16.666667% !important;
  }
  .lg\:w-5\/6 {
    width: 83.333333% !important;
  }
  .lg\:w-1\/12 {
    width: 8.333333% !important;
  }
}
@media (min-width: 1280px) {
  .xl\:flex {
    display: flex !important;
  }
  .xl\:flex-col {
    flex-direction: column !important;
  }
  .xl\:flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:justify-center {
    justify-content: center !important;
  }
  .xl\:justify-between {
    justify-content: space-between !important;
  }
  .xl\:justify-around {
    justify-content: space-around !important;
  }
  .xl\:justify-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-end {
    justify-content: flex-end !important;
  }
  .xl\:align-center {
    align-items: center !important;
  }
  .xl\:align-stretch {
    align-items: stretch !important;
  }
  .xl\:align-baseline {
    align-items: baseline !important;
  }
  .xl\:align-start {
    align-items: flex-start !important;
  }
  .xl\:align-end {
    align-items: flex-end !important;
  }
  .xl\:gap-0 {
    gap: 0px !important;
  }
  .xl\:gap-x-0 {
    column-gap: 0px !important;
  }
  .xl\:gap-y-0 {
    row-gap: 0px !important;
  }
  .xl\:gap-1 {
    gap: 4px !important;
  }
  .xl\:gap-x-1 {
    column-gap: 4px !important;
  }
  .xl\:gap-y-1 {
    row-gap: 4px !important;
  }
  .xl\:gap-2 {
    gap: 8px !important;
  }
  .xl\:gap-x-2 {
    column-gap: 8px !important;
  }
  .xl\:gap-y-2 {
    row-gap: 8px !important;
  }
  .xl\:gap-3 {
    gap: 12px !important;
  }
  .xl\:gap-x-3 {
    column-gap: 12px !important;
  }
  .xl\:gap-y-3 {
    row-gap: 12px !important;
  }
  .xl\:gap-4 {
    gap: 16px !important;
  }
  .xl\:gap-x-4 {
    column-gap: 16px !important;
  }
  .xl\:gap-y-4 {
    row-gap: 16px !important;
  }
  .xl\:gap-5 {
    gap: 20px !important;
  }
  .xl\:gap-x-5 {
    column-gap: 20px !important;
  }
  .xl\:gap-y-5 {
    row-gap: 20px !important;
  }
  .xl\:gap-6 {
    gap: 24px !important;
  }
  .xl\:gap-x-6 {
    column-gap: 24px !important;
  }
  .xl\:gap-y-6 {
    row-gap: 24px !important;
  }
  .xl\:gap-8 {
    gap: 32px !important;
  }
  .xl\:gap-x-8 {
    column-gap: 32px !important;
  }
  .xl\:gap-y-8 {
    row-gap: 32px !important;
  }
  .xl\:gap-10 {
    gap: 40px !important;
  }
  .xl\:gap-x-10 {
    column-gap: 40px !important;
  }
  .xl\:gap-y-10 {
    row-gap: 40px !important;
  }
  .xl\:gap-12 {
    gap: 48px !important;
  }
  .xl\:gap-x-12 {
    column-gap: 48px !important;
  }
  .xl\:gap-y-12 {
    row-gap: 48px !important;
  }
  .xl\:gap-16 {
    gap: 64px !important;
  }
  .xl\:gap-x-16 {
    column-gap: 64px !important;
  }
  .xl\:gap-y-16 {
    row-gap: 64px !important;
  }
  .xl\:text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .xl\:text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .xl\:text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .xl\:text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .xl\:text-7xl {
    font-size: 4.5rem !important;
    line-height: 1 !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important;
  }
  .xl\:text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
  .xl\:font-black {
    font-weight: 900 !important;
  }
  .xl\:grid {
    display: grid !important;
  }
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-9 {
    grid-column: span 9 / span 9 !important;
  }
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-10 {
    grid-column: span 10 / span 10 !important;
  }
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-11 {
    grid-column: span 11 / span 11 !important;
  }
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .xl\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .xl\:col-span-full {
    grid-column: -1 !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-min {
    width: min-content !important;
  }
  .xl\:w-max {
    width: max-content !important;
  }
  .xl\:w-fit {
    width: fit-content !important;
  }
  .xl\:w-0 {
    width: 0px !important;
  }
  .xl\:w-1 {
    width: 4px !important;
  }
  .xl\:w-2 {
    width: 8px !important;
  }
  .xl\:w-3 {
    width: 12px !important;
  }
  .xl\:w-4 {
    width: 16px !important;
  }
  .xl\:w-5 {
    width: 20px !important;
  }
  .xl\:w-6 {
    width: 24px !important;
  }
  .xl\:w-8 {
    width: 32px !important;
  }
  .xl\:w-10 {
    width: 40px !important;
  }
  .xl\:w-12 {
    width: 48px !important;
  }
  .xl\:w-16 {
    width: 64px !important;
  }
  .xl\:w-20 {
    width: 80px !important;
  }
  .xl\:w-24 {
    width: 96px !important;
  }
  .xl\:w-32 {
    width: 128px !important;
  }
  .xl\:w-40 {
    width: 160px !important;
  }
  .xl\:w-48 {
    width: 192px !important;
  }
  .xl\:w-56 {
    width: 224px !important;
  }
  .xl\:w-64 {
    width: 256px !important;
  }
  .xl\:w-1\/2 {
    width: 50% !important;
  }
  .xl\:w-1\/3 {
    width: 33.333333% !important;
  }
  .xl\:w-2\/3 {
    width: 66.666667% !important;
  }
  .xl\:w-1\/4 {
    width: 25% !important;
  }
  .xl\:w-2\/4 {
    width: 50% !important;
  }
  .xl\:w-3\/4 {
    width: 75% !important;
  }
  .xl\:w-1\/5 {
    width: 20% !important;
  }
  .xl\:w-2\/5 {
    width: 40% !important;
  }
  .xl\:w-3\/5 {
    width: 60% !important;
  }
  .xl\:w-4\/5 {
    width: 80% !important;
  }
  .xl\:w-1\/6 {
    width: 16.666667% !important;
  }
  .xl\:w-5\/6 {
    width: 83.333333% !important;
  }
  .xl\:w-1\/12 {
    width: 8.333333% !important;
  }
}
* {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
a {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
  overflow-y: scroll;
  max-width: 100vw;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../images/icons/select-arrow.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 55px;
}
.btn-primary {
  background-color: #074F8D;
}
.owl-loaded {
  overflow: hidden;
  position: relative;
}
.owl-loaded .owl-stage-outer .owl-stage .owl-item {
  display: inline-block;
}
.owl-loaded .owl-nav {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.owl-loaded .owl-dots {
  display: none;
}
#slide .owl-loaded .owl-dots {
  display: block;
  bottom: 30px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
#slide .owl-loaded .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 10px 0px transparent;
  -moz-box-shadow: 0px 10px 10px 0px transparent;
  box-shadow: 0px 10px 10px 0px transparent;
  margin-left: 10px;
}
#slide .owl-loaded .owl-dots .owl-dot.active {
  background-color: #FFC600;
}
.modal.in {
  opacity: 1 !important;
}
.modal .modal-dialog.modal-xl {
  width: fit-content;
  max-width: fit-content;
  margin-top: 100px;
}
.modal .modal-dialog .modal-content {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.modal .modal-dialog .modal-content .modal-body {
  height: 645px;
  padding: 0;
}
.fancybox-slide {
  overflow: hidden !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-backdrop.in {
  opacity: 0.5 !important;
}
.flotante {
  position: fixed;
  top: 130px;
  right: 10px;
  width: 100px;
  z-index: 99999;
}
header form input.form-control {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
header .navbar {
  background: var(--bg-header);
  height: 54px;
  margin-bottom: 36px;
}
@media (max-width: 992px) {
  header .navbar {
    height: 100%;
  }
}
header .navbar .navbar-brand {
  position: absolute;
}
@media (max-width: 875px) {
  header .navbar .navbar-brand img {
    width: 180px;
  }
}
@media (max-width: 992px) {
  header .navbar .navbar-brand {
    position: relative;
  }
}
header .navbar .navbar-toggler {
  color: #fff;
}
header .navbar .search-nav {
  box-shadow: inset 0 3px 6px #00000029, 0 3px 6px #00000029;
  border-radius: 51px;
  background: #fff;
  min-width: 150px;
}
header .navbar .search-nav input {
  outline: none;
  border: none;
  background: transparent;
  padding-left: 10px;
  width: 100%;
  font-size: 1vw;
  max-font-size: 15px;
}
@media (max-width: 875px) {
  header .navbar .search-nav input {
    font-size: 15px;
  }
}
header .navbar .search-nav img {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
header .navbar .search-nav button {
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
}
header .navbar .navbar-collapse {
  padding-right: 3rem;
}
@media (max-width: 875px) {
  header .navbar .navbar-collapse {
    padding-right: 0;
  }
}
header .navbar .navbar-collapse .nav-item {
  padding: 0;
}
header .navbar .navbar-collapse .nav-item:not(:last-of-type) {
  padding-right: 8px;
}
header .navbar .navbar-collapse .nav-item .nav-link {
  font-size: 1vw;
  padding: 0;
}
@media (max-width: 875px) {
  header .navbar .navbar-collapse .nav-item .nav-link {
    font-size: 15px;
  }
}
header .navbar .navbar-collapse .nav-item.dropdown > .nav-link img {
  width: 10px;
  height: auto;
}
header .navbar .navbar-collapse .nav-item.dropdown a.nav-link {
  color: var(--text-header);
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  padding: 0;
}
header .navbar .navbar-collapse .nav-item.dropdown a.nav-link.dropdown-toggle:after {
  display: none;
}
header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu {
  margin-top: 5px;
}
@media (max-width: 875px) {
  header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu li:not(:last-of-type) {
    margin-bottom: 5px;
  }
}
header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu li a.dropdown-item {
  font-size: 1vw;
}
@media (max-width: 875px) {
  header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu li a.dropdown-item {
    font-size: 15px;
    white-space: unset;
    text-align: center;
  }
}
header .navbar .navbar-collapse .nav-item a.nav-link {
  color: var(--text-header);
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}
.navigation {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media (max-width: 875px) {
  .navigation {
    display: none;
  }
}
.navigation .left {
  position: absolute;
  left: -30px;
  cursor: pointer;
}
.navigation .right {
  position: absolute;
  right: -30px;
  transform: rotate(180deg);
  cursor: pointer;
}
#shortcut .content {
  position: relative;
}
#shortcut div div div a {
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(112, 112, 112, 0.7) no-repeat padding-box;
  border-radius: 35px;
  box-shadow: 0 10px 10px #00000029;
}
@media (max-width: 1024px) {
  #shortcut div div div a {
    font-size: 16px;
    border-radius: 20px;
  }
}
#shortcut div div div a h4 {
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
@media (max-width: 1024px) {
  #shortcut div div div a h4 {
    font-size: 20px;
  }
}
#shortcut div div div a .logo {
  width: 166px;
  height: 137px;
  transform: translate(15px, 15px);
}
#about-us {
  background: #fff;
  background: linear-gradient(180deg, #fff 15%, #074F8D 15%);
  display: flex;
  justify-content: end;
  align-items: center;
}
@media (max-width: 875px) {
  #about-us {
    flex-direction: column;
    background: #074F8D;
  }
}
#about-us .content {
  width: 40%;
  transform: translateX(10vw);
}
@media (max-width: 875px) {
  #about-us .content {
    width: 100%;
    padding: 15px;
    transform: translateX(0vw);
    text-align: center;
  }
}
#about-us .content h2 {
  color: #fff;
  font-size: 4rem;
}
@media (max-width: 875px) {
  #about-us .content h2 {
    font-size: 2rem;
  }
}
#about-us .content p {
  font-size: 1.7rem;
  color: #fff;
  max-width: 100%;
  margin-top: 15px;
}
@media (max-width: 875px) {
  #about-us .content p {
    font-size: 1.2rem;
  }
}
#about-us img {
  width: 60%;
}
@media (max-width: 875px) {
  #about-us img {
    width: 100%;
  }
}
#home_products {
  background-color: #E6E6E6;
}
#home_products div h1 {
  margin: 40px 0 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 50px;
  color: #074F8D;
}
#home_products div h3 {
  font-size: 27px;
  color: #707070;
  margin-bottom: 70px;
  max-width: 860px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
#home_products div div button {
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  max-width: 300px ;
  width: 100%;
  margin-bottom: 34px;
}
#home_products .btn {
  font-size: 2rem;
}
#doubts {
  background: #fff;
  background: linear-gradient(180deg, #fff 15%, #F99F41 15%);
}
@media (max-width: 875px) {
  #doubts {
    background: #F99F41;
  }
}
#doubts .content {
  width: 50%;
}
@media (max-width: 875px) {
  #doubts .content {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
}
#doubts .content h2 {
  color: #fff;
  font-size: 4rem;
}
@media (max-width: 875px) {
  #doubts .content h2 {
    font-size: 2rem;
  }
}
#doubts .content p {
  font-size: 2.3rem;
  color: #fff;
  max-width: 100%;
  margin-top: 15px;
}
@media (max-width: 875px) {
  #doubts .content p {
    font-size: 1.2rem;
  }
}
#doubts .content img {
  width: 100%;
}
#doubts .constructor {
  width: 40%;
}
@media (max-width: 875px) {
  #doubts .constructor {
    width: 100%;
  }
}
#home_guide {
  margin: 66px 0 85px;
}
#home_guide h2 {
  color: #074F8D;
  width: 100%;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 83px;
}
#home_guide .card {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  border-radius: 47px;
  border: none;
  overflow: hidden;
}
#home_guide .card .img {
  position: relative;
  margin-bottom: 40px;
  border-radius: 47px;
}
#home_guide .card .img .star {
  position: absolute;
  left: 10px;
  bottom: -50px;
}
#home_guide .card .card-img-top {
  aspect-ratio: 1.53846154;
  object-fit: cover;
  border-radius: 47px;
}
#home_guide .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}
#home_guide .card .card-body .btn {
  background: #074F8D;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 19px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  background-color: #F99F41;
  margin: 15px 0;
}
.bg-primary {
  background-color: #074F8D !important;
}
.bg-secondary {
  background-color: #F99F41 !important;
}
.bg-grey {
  background: #707070 !important;
}
.color-primary {
  color: #074F8D !important;
}
.color-secondary {
  color: #F99F41 !important;
}
.color-grey {
  color: #707070 !important;
}
#calculator {
  color: #fff;
  box-shadow: 10px 10px 10px #00000029;
  border-radius: 47px;
  height: 100%;
  margin-bottom: 10px;
  font-size: 25px;
}
@media (max-width: 1024px) {
  #calculator {
    font-size: 16px;
  }
}
#calculator input[type=text] {
  width: 66px;
  height: 40px;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  outline: none;
  border: none;
  text-align: center;
}
@media (max-width: 1024px) {
  #calculator input[type=text] {
    width: 40px;
    height: 30px;
  }
}
#calculator .btn {
  background: #074F8D;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  #calculator .btn {
    font-size: 16px;
    height: 30px;
    max-width: 150px;
  }
}
#calculator h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-top: 46px;
  font-size: 38px;
}
#calculator .sub-title {
  max-width: 543px;
  width: 100%;
  margin-bottom: 55px;
}
#calculator form p {
  font-size: clamp(1rem, 2vw, 1.5rem);
}
#calculator .title p {
  font-size: clamp(1rem, 2vw, 1.2rem);
}
#home_club {
  display: none;
  background: url("../images/fachada_ceap.png") rgba(112, 112, 112, 0.58);
  background-size: cover;
  background-blend-mode: multiply;
}
#home_club img {
  margin: 20px 0 17px;
}
#home_club h3 {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 35px;
  text-align: center;
}
#home_club a {
  background-color: #F99F41;
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  width: 300px;
  margin-bottom: 43px ;
}
#filter_cartilla {
  margin: 68px 0 15px;
}
@media (max-width: 1024px) {
  #filter_cartilla {
    display: flex;
  }
}
@media (max-width: 1300px) {
  #filter_cartilla {
    border-radius: 25px;
    width: 100%;
    justify-content: center;
  }
}
#filter_cartilla .d-flex {
  justify-content: end;
}
@media (max-width: 1300px) {
  #filter_cartilla .d-flex {
    justify-content: center;
  }
}
#filter_cartilla .position-absolute {
  left: 0;
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  background-color: #F99F41;
  height: 556px;
  color: #fff;
  max-width: 1110px;
  width: 100%;
  padding-left: 160px;
}
@media (max-width: 1300px) {
  #filter_cartilla .position-absolute {
    position: relative !important;
    width: 90%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    height: auto;
    max-width: none;
    padding: 0;
    border-radius: 25px;
  }
}
@media (max-width: 1300px) {
  #filter_cartilla .position-absolute div {
    padding: 5% 10%;
  }
}
#filter_cartilla h2 {
  margin-top: 160px;
  font-size: 46px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}
@media (max-width: 1300px) {
  #filter_cartilla h2 {
    margin-top: 0;
  }
}
#filter_cartilla p {
  font-size: 35px;
  max-width: 576px;
  width: 80%;
  margin-top: 17px;
}
@media (max-width: 1300px) {
  #filter_cartilla p {
    font-size: 16px;
  }
}
#filter_cartilla a {
  margin-top: 17px;
  background: #074F8D;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
}
@media (max-width: 1300px) {
  #filter_cartilla a {
    width: 150px;
    font-size: 16px;
    height: 30px;
    padding: 0;
    text-align: center;
  }
}
#filter_cartilla .only-mobile {
  width: 50%;
  border-radius: 0 25px 25px 0;
  height: auto;
  object-fit: contain;
}
@media (max-width: 875px) {
  #filter_cartilla .only-mobile {
    width: 100%;
  }
}
@media (min-width: 1281px) {
  .only-mobile {
    display: none;
  }
}
@media (max-width: 1300px) {
  .only-desktop {
    display: none;
  }
}
.home_busqueda {
  background-color: #074F8D;
  height: 100%;
  box-shadow: 10px 10px 10px #00000029;
  border-radius: 47px;
  color: #fff;
}
#busqueda {
  margin-bottom: 10px;
}
#busqueda h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 38px;
}
#busqueda label {
  font-size: 25px;
}
@media (max-width: 1024px) {
  #busqueda label {
    font-size: 16px;
  }
}
#busqueda select {
  box-shadow: inset 0 3px 6px #00000029, 0 3px 6px #00000029;
  border-radius: 11px;
  width: 100%;
  margin-top: 10px;
  background-image: url('../images/icons/select-arrow.png');
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 55px;
}
@media (max-width: 1024px) {
  #busqueda select {
    font-size: 16px;
  }
}
#busqueda div {
  width: 100%;
}
#busqueda div input[type=submit] {
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  padding: 5px 30px;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
}
@media (max-width: 1024px) {
  #busqueda div input[type=submit] {
    font-size: 16px;
    height: 30px;
    max-width: 150px;
  }
}
#products_list {
  background: #E6E6E6;
  padding: 50px 15px;
}
#products_list h2 {
  color: #074F8D;
  font-size: 58px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-top: 15px;
}
#products_list select {
  box-shadow: inset 0 3px 6px #00000029, 0 3px 6px #00000029;
  border-radius: 11px;
  max-width: 531px;
  height: 66px;
  color: #707070;
  font-size: 25px;
  padding-left: 20px;
}
#products_list input[type=submit] {
  background-color: #f99f41;
  color: #ffffff;
  font-weight: 800;
  padding: 5px 50px;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  border: none;
  font-size: 25px;
  border-radius: 30px;
}
#products_list .d-grid {
  gap: 2rem;
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
#products_list .d-grid .card {
  box-shadow: 7px 3px 12px #00000029;
  border-radius: 20px;
}
#products_list .d-grid .card .card-title {
  color: #707070;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}
#products_list .product {
  border-radius: 30px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16), -10px -10px 10px rgba(255, 255, 255, 0.16);
  margin-bottom: 30px;
  align-items: center;
  justify-items: center;
}
#products_list .product img {
  width: 80%;
  object-fit: cover;
}
#products_list .product .card-title {
  font-size: 2.3rem;
  font-weight: 700;
  color: #074F8D;
}
@media (max-width: 875px) {
  #products_list .product .card-title {
    font-size: 1.5rem;
  }
}
#products_list .product .tabs {
  width: 100%;
}
#products_list .product .tabs .nav-tabs {
  border-color: #074F8D;
}
#products_list .product .tabs .nav-tabs .nav-link {
  color: #074F8D;
}
#products_list .product .tabs .nav-tabs .nav-link:hover {
  color: #F99F41;
  border: none;
}
#products_list .product .tabs .nav-tabs .nav-link:focus {
  border: none;
  color: #F99F41;
}
#products_list .product .tabs .nav-tabs .nav-link:focus-visible {
  outline: none;
}
#products_list .product .tabs .nav-tabs .nav-link.active {
  background-color: #074F8D;
  border-color: #074F8D;
  color: #fff;
  border-radius: 20px 20px 0 0;
}
#products_list .product .tabs .nav-tabs .nav-link.active:hover {
  background-color: #F99F41;
  border-color: #F99F41;
  color: #fff;
}
#products_list .product .tabs .tab-content .tab-pane .icon_circle img {
  height: 30px;
  width: auto;
}
#products_list .product .tabs .tab-content .tab-pane a {
  display: flex;
  gap: 10px;
  border-radius: 20px;
  align-items: center;
  padding: 15px;
  margin-bottom: 15px;
}
#products_list .product .tabs .tab-content .tab-pane a.btn {
  color: #fff;
  background: #F99F41;
  min-width: min(300px, 100%);
  width: fit-content;
}
#products_list .product .tabs .tab-content .tab-pane a img,
#products_list .product .tabs .tab-content .tab-pane a svg {
  width: auto;
}
#products_list .product .tabs .tab-content .tab-pane a img:not(.packed),
#products_list .product .tabs .tab-content .tab-pane a svg:not(.packed) {
  height: 50px;
}
#guide_select {
  background-color: #eaeaea;
}
#guide_select div img {
  border-radius: 100%;
  border: #fff solid 4px;
}
@media (max-width: 1024px) {
  #guide_select div img {
    width: 200px;
    height: auto;
  }
}
#guide_select div button {
  outline: none;
  border: none;
  background: none;
}
#guide_select div p {
  font-size: 27px;
  color: #707070;
  text-align: center;
  max-width: 260px;
}
@media (max-width: 1024px) {
  #guide_select div p {
    font-size: 1rem;
  }
}
#guides_display .manual {
  margin-bottom: 30px;
}
#guides_display .manual img {
  border-radius: 50px 0 0 50px;
  object-fit: cover;
  overflow: hidden;
}
@media (max-width: 875px) {
  #guides_display .manual img {
    border-radius: 50px 50px 0 0 ;
  }
}
#guides_display .manual p {
  margin: 0;
}
@media (max-width: 875px) {
  #guides_display .manual h3 {
    text-align: center;
  }
}
#guides_display .manual button {
  margin-top: 40px;
  width: 160px;
  box-shadow: 0 10px 10px #00000029;
  border-radius: 27px;
  height: 32px;
  border: none;
  outline: none;
  color: white;
}
@media (max-width: 875px) {
  #guides_display .manual button {
    width: 100%;
    display: block;
  }
}
#guides_display .manual button img {
  margin-right: 10px;
  width: 15px;
  height: 18px;
}
#utils_selector {
  background-color: #F99F41;
}
#utils_selector a svg {
  display: block;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  #utils_selector a svg {
    width: 80px;
    height: fit-content;
  }
}
#utils_selector a svg:hover .circle {
  fill: #fff;
  stroke: #074F8D;
  box-shadow: 0 3px 6px #00000029;
}
#utils_selector a svg:hover path {
  fill: #074F8D;
}
#utils_selector a svg path,
#utils_selector a svg .circle {
  transition: all 0.2s ease-in-out;
}
#utils_selector a svg .circle:hover {
  background-color: #fff;
  border-color: #074F8D;
}
#utils_selector a svg .circle:hover path {
  fill: #074F8D;
}
#utils_selector p {
  color: #fff;
  font-size: 25px;
  max-width: 180px;
  line-height: 25px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  #utils_selector p {
    font-size: 16px;
  }
}
#entry_container .instructions {
  margin-top: 100px;
  margin-bottom: 50px;
  background-color: #074F8D;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
}
#entry_container .instructions h3 {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 28px;
}
#entry_container .instructions p {
  color: #ffffff;
}
#entry_container .row {
  box-shadow: inset 0 3px 6px #00000029, 10px 10px 10px #00000029;
  max-width: 1354px;
  width: 100%;
  border-radius: 49px ;
}
@media (max-width: 1024px) {
  #entry_container .row {
    flex-direction: column;
    align-items: center;
  }
}
#entry_container h2 {
  margin-top: 52px;
  color: #074F8D;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 28px;
}
#entry_container p {
  color: #707070;
}
#entry_container button {
  background: #074F8D;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  display: initial;
  font-size: 16px;
  margin-bottom: 49px;
}
#entry_container .flex-column {
  padding: 0 50px 0 50px;
}
#entry_container img {
  max-width: 450px;
  height: auto;
}
@media (max-width: 1024px) {
  #entry_container img {
    border-radius: 50px;
  }
}
#entry_container .nav-tabs {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  border: 5px solid #F99F41;
  border-radius: 5px;
}
#entry_container .nav-tabs .nav-item .nav-link {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
#product_description {
  padding-left: 160px;
  margin-bottom: 30px;
  margin-top: 100px;
}
@media (max-width: 1024px) {
  #product_description {
    padding-left: 30px;
  }
}
#product_description > div > img {
  width: 400px;
  height: max-content;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  #product_description > div > img {
    width: 300px;
  }
}
#product_description h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #074F8D;
  font-size: 40px;
}
#product_description p {
  width: 100%;
  max-width: 500px;
  color: #707070;
  letter-spacing: 0;
}
#product_description h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 27px;
  color: #707070;
  margin: 0;
}
#product_description #product_mundo-pintura {
  background: #074F8D;
  max-width: 292px;
  width: 100%;
  height: 41px;
  box-shadow: 0 10px 10px #00000029;
  border-radius: 27px;
  color: #fff;
}
#product_description #product_mundo-pintura span {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 21px;
  transform: translateX(-20px);
}
#product_description #product_mundo-pintura img {
  width: 78px;
  height: 64px;
  transform: translate(-20px, 5px);
}
#product_description #tabs div {
  min-width: 300px;
  max-width: 300px;
  height: 51px;
  border-radius: 28px;
  padding: 0 30px ;
}
#product_description #tabs div span {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
.icon_circle {
  background-color: #F99F41;
  border-radius: 50%;
  aspect-ratio: 1;
  width: 49px;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#product_data {
  background-color: #eaeaea;
  padding: 50px 0 50px 160px;
}
@media (max-width: 1024px) {
  #product_data {
    padding-left: 10px;
  }
}
#product_data h3 {
  color: #707070;
  font-size: 27px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
#product_data ul {
  list-style: none;
  padding: 0;
}
#product_data ul li {
  line-height: 45px;
  color: #707070;
  font-size: 20px;
}
#product_data ul li span {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
#product_video {
  padding: 0 160px 0;
  margin-bottom: 50px;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  #product_video {
    padding: 10px;
  }
}
#product_video h3 {
  color: #707070;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 27px;
}
ol.breadcrumb {
  margin-top: 50px;
  margin-left: 5%;
}
ol > li.breadcrumb-item > a {
  color: #707070;
  text-decoration: none;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
ol > li.breadcrumb-item.active {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  max-width: 300px;
  height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#contact_form {
  font-size: 22px;
  color: #707070;
}
#contact_form form {
  max-width: 1610px;
  width: 100%;
  box-shadow: inset 0 3px 6px #00000029, 10px 10px 10px #00000029;
  border-radius: 50px;
  padding: 24px 6%;
}
#contact_form form input[type=text],
#contact_form form input[type=email],
#contact_form form input[type=tel],
#contact_form form select,
#contact_form form textarea {
  box-shadow: 0 3px 6px #00000029;
  border: 0.25px solid rgba(112, 112, 112, 0.44);
  border-radius: 14px;
  outline: none;
  padding-left: 15px;
}
#contact_form form input,
#contact_form form select {
  height: 43px;
}
#contact_form form label {
  margin: 30px 0 9px;
}
#contact_form form .important {
  color: #fa1b1b;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
#contact_form form textarea {
  padding-top: 10px;
  min-height: 260px;
  max-height: 600px;
}
#contact_form form .form-check {
  color: rgba(2, 45, 92, 0.54);
  font-size: 23px;
}
#contact_form form input[type=checkbox] {
  box-shadow: 0 3px 6px #00000029;
  border: 0.5px solid #707070;
  border-radius: 100%;
  aspect-ratio: 1;
  width: 29px;
  height: 29px;
}
#contact_form form button {
  width: 288px;
  height: 52px;
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
}
#search_bar-container {
  color: #707070;
  padding-left: 7%;
}
#search_bar-container form {
  max-width: 1117px;
  width: 100%;
  height: 68px;
  box-shadow: inset 0 3px 6px #00000029, 0 3px 6px #00000029;
  border-radius: 51px;
}
#search_bar-container input {
  border: none;
  outline: none;
  background: transparent;
  width: 80%;
  padding-left: 20px;
  font-size: 29px;
}
#search_bar-container button {
  border: none;
  outline: none;
  background: transparent;
  padding-right: 40px;
}
#search_bar-container div {
  font-size: 25px;
}
#search_bar-container .important {
  color: #F99F41;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
#search_result {
  color: #707070;
  padding: 0 7%;
}
#search_result h3 {
  color: #074F8D;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 27px;
}
#search_result p {
  font-size: 20px;
}
#search_result .search_result-item {
  max-width: 1370px ;
  width: 100%;
}
#site-map_content {
  padding-left: 7%;
}
#site-map_content h1 {
  font-size: 58px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: #074F8D;
}
#site-map_content h2 {
  color: #074F8D;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  margin-top: 30px;
}
#site-map_content a {
  font-size: 30px;
  color: #707070;
  text-decoration: none;
}
#site-map_content .circle_icon {
  background-color: #074F8D;
  border-radius: 50%;
  width: 113px;
  height: 113px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#site-map_content ul {
  list-style: none;
  padding: 0;
}
#site-map_content li {
  line-height: 33px;
}
#site-map_content .row {
  margin-bottom: 70px ;
}
#blog_article-container {
  color: #707070;
  font-size: 30px;
  padding: 0 7%;
}
#blog_article-container h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #074F8D;
  font-size: 40px;
  margin-bottom: 70px;
}
#blog_article-container li {
  margin-bottom: 15px;
  max-width: 1369px;
}
#no-found-content {
  padding: 0 7%;
}
#no-found-content a {
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
}
#no-found-content a button {
  background: #F99F41;
  border-radius: 27px;
  color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 29px;
  border: none;
  display: block;
  width: fit-content;
  margin: 30px auto 0;
  padding: 5px 30px;
  width: 230px;
  height: 52px;
}
.blackBorder,
.blackBorder td {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.black {
  background-color: #000;
  color: #FFF;
  text-align: center;
}
.bglight {
  background-color: #C5D9F1;
}
.bgdark {
  background-color: #FAD6B2;
}
.text-center {
  text-align: center;
}
#blog #techniques {
  margin-bottom: 3dvh;
}
#blog #techniques h1 {
  color: #074F8D;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: clamp(25px, 2.3vw, 3.5rem);
}
#blog #techniques h2 {
  color: #074F8D;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(23px, 2vw, 2.3rem);
}
#blog #techniques .materials {
  border-left: 3px solid #074F8D;
  height: fit-content;
}
@media (max-width: 875px) {
  #blog #techniques .materials {
    border-left: none;
    border-top: 3px solid #074F8D;
  }
}
#blog #techniques .card {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.16);
}
#blog #techniques .card .card-img-top {
  object-fit: cover;
  aspect-ratio: 1.29411765;
}
#blog #techniques .card .card-body .card-text {
  text-wrap: balance;
}
#about #whatDoWeDo h2 {
  font-size: clamp(2rem, 2.3vw, 3.5rem);
  font-weight: bold;
  color: #074F8D;
  border-bottom: 2px solid #F99F41;
}
#about #values h2 {
  font-size: clamp(2rem, 2.3vw, 3.5rem);
  font-weight: bold;
  color: #074F8D;
  border-bottom: 2px solid #F99F41;
}
#about #info {
  padding: 20px 40px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
@media (max-width: 875px) {
  #about #info {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}
#about #info .jar {
  grid-area: 1 / 1 / 4 / 4;
  width: 100%;
}
#about #info .content {
  grid-area: 2 / 3 / 4 / 5;
}
#about-us {
  background: #fff;
  background: linear-gradient(180deg, #fff 15%, #F99F41 15%);
  display: flex;
  justify-content: end;
  align-items: center;
}
@media (max-width: 1250px) {
  #about-us {
    flex-direction: column;
    background: #F99F41;
  }
}
#about-us .content {
  width: 40%;
  transform: translateX(10vw);
}
@media (max-width: 875px) {
  #about-us .content {
    width: 100%;
    padding: 15px;
    transform: translateX(0vw);
    text-align: center;
  }
}
#about-us .content h2 {
  font-size: clamp(2rem, 2.3vw, 3.5rem);
  font-weight: bold;
  color: #074F8D;
  border-bottom: 2px solid #F99F41;
  color: #fff;
}
#about-us .content p {
  font-size: clamp(1rem, 1vw, 1.3rem);
  color: #fff;
  max-width: 100%;
  margin-top: 15px;
}
#about-us img {
  width: 60%;
}
@media (max-width: 875px) {
  #about-us img {
    width: 100%;
  }
}
footer {
  color: #fff;
  background: #fff;
  background: linear-gradient(180deg, #fff 15%, #074F8D 15%);
}
@media (max-width: 875px) {
  footer {
    background: linear-gradient(180deg, #fff 7%, #074F8D 7%);
  }
}
footer .logo {
  max-width: 300px;
  width: 100%;
}
footer a:hover {
  color: #F99F41;
}
footer p {
  font-size: 1.3rem;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
@media (max-width: 875px) {
  footer p {
    text-align: center;
  }
}
footer strong {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
footer .footer_icon {
  color: #fff;
  width: 30px;
  margin-right: 15px;
}