:root {
  --lp-breakpoint-xs: 36rem;
  --lp-breakpoint-sm: 48rem;
  --lp-breakpoint-sm-ext: 62rem;
  --lp-breakpoint-md: 80rem;
  --lp-breakpoint-lg: 83.5rem;
  --lp-breakpoint-xl: 90rem;
  --lp-breakpoint-2xl: 120rem;
  --qn-primary: #074BB2;
}

.lp-grid {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto, 1fr);
}

.lp-grid>* {
  box-sizing: border-box;
  list-style: none;
  grid-column: span 1 !important;
  grid-row: auto;
}

.lp-grid>*>.card {
  block-size: 100%;
}

.lp-grid .lp-grid__col-1 {
  grid-column: span 1 !important;
}

.lp-grid .lp-grid__col-start-1 {
  grid-column-start: 2 !important;
}

.lp-grid .lp-grid__col-end-1 {
  grid-column-end: 2 !important;
}

.lp-grid .lp-grid__col-2 {
  grid-column: span 2 !important;
}

.lp-grid .lp-grid__col-start-2 {
  grid-column-start: 3 !important;
}

.lp-grid .lp-grid__col-end-2 {
  grid-column-end: 3 !important;
}

.lp-grid .lp-grid__col-3 {
  grid-column: span 3 !important;
}

.lp-grid .lp-grid__col-start-3 {
  grid-column-start: 4 !important;
}

.lp-grid .lp-grid__col-end-3 {
  grid-column-end: 4 !important;
}

.lp-grid .lp-grid__col-4 {
  grid-column: span 4 !important;
}

.lp-grid .lp-grid__col-start-4 {
  grid-column-start: 5 !important;
}

.lp-grid .lp-grid__col-end-4 {
  grid-column-end: 5 !important;
}

.lp-grid .lp-grid__col-5 {
  grid-column: span 5 !important;
}

.lp-grid .lp-grid__col-start-5 {
  grid-column-start: 6 !important;
}

.lp-grid .lp-grid__col-end-5 {
  grid-column-end: 6 !important;
}

.lp-grid .lp-grid__col-6 {
  grid-column: span 6 !important;
}

.lp-grid .lp-grid__col-start-6 {
  grid-column-start: 7 !important;
}

.lp-grid .lp-grid__col-end-6 {
  grid-column-end: 7 !important;
}

.lp-grid .lp-grid__col-7 {
  grid-column: span 7 !important;
}

.lp-grid .lp-grid__col-start-7 {
  grid-column-start: 8 !important;
}

.lp-grid .lp-grid__col-end-7 {
  grid-column-end: 8 !important;
}

.lp-grid .lp-grid__col-8 {
  grid-column: span 8 !important;
}

.lp-grid .lp-grid__col-start-8 {
  grid-column-start: 9 !important;
}

.lp-grid .lp-grid__col-end-8 {
  grid-column-end: 9 !important;
}

.lp-grid .lp-grid__col-9 {
  grid-column: span 9 !important;
}

.lp-grid .lp-grid__col-start-9 {
  grid-column-start: 10 !important;
}

.lp-grid .lp-grid__col-end-9 {
  grid-column-end: 10 !important;
}

.lp-grid .lp-grid__col-10 {
  grid-column: span 10 !important;
}

.lp-grid .lp-grid__col-start-10 {
  grid-column-start: 11 !important;
}

.lp-grid .lp-grid__col-end-10 {
  grid-column-end: 11 !important;
}

.lp-grid .lp-grid__col-11 {
  grid-column: span 11 !important;
}

.lp-grid .lp-grid__col-start-11 {
  grid-column-start: 12 !important;
}

.lp-grid .lp-grid__col-end-11 {
  grid-column-end: 12 !important;
}

.lp-grid .lp-grid__col-12 {
  grid-column: span 12 !important;
}

.lp-grid .lp-grid__col-start-12 {
  grid-column-start: 13 !important;
}

.lp-grid .lp-grid__col-end-12 {
  grid-column-end: 13 !important;
}

.lp-grid .lp-grid__row-1 {
  grid-row: span 1 !important;
}

.lp-grid .lp-grid__row-start-1 {
  grid-row-start: 2 !important;
}

.lp-grid .lp-grid__end-1 {
  grid-row-start: 2 !important;
}

.lp-grid .lp-grid__row-2 {
  grid-row: span 2 !important;
}

.lp-grid .lp-grid__row-start-2 {
  grid-row-start: 3 !important;
}

.lp-grid .lp-grid__end-2 {
  grid-row-start: 3 !important;
}

.lp-grid .lp-grid__row-3 {
  grid-row: span 3 !important;
}

.lp-grid .lp-grid__row-start-3 {
  grid-row-start: 4 !important;
}

.lp-grid .lp-grid__end-3 {
  grid-row-start: 4 !important;
}

.lp-grid .lp-grid__row-4 {
  grid-row: span 4 !important;
}

.lp-grid .lp-grid__row-start-4 {
  grid-row-start: 5 !important;
}

.lp-grid .lp-grid__end-4 {
  grid-row-start: 5 !important;
}

.lp-grid .lp-grid__row-5 {
  grid-row: span 5 !important;
}

.lp-grid .lp-grid__row-start-5 {
  grid-row-start: 6 !important;
}

.lp-grid .lp-grid__end-5 {
  grid-row-start: 6 !important;
}

.lp-grid .lp-grid__row-6 {
  grid-row: span 6 !important;
}

.lp-grid .lp-grid__row-start-6 {
  grid-row-start: 7 !important;
}

.lp-grid .lp-grid__end-6 {
  grid-row-start: 7 !important;
}

.lp-grid .lp-grid__row-7 {
  grid-row: span 7 !important;
}

.lp-grid .lp-grid__row-start-7 {
  grid-row-start: 8 !important;
}

.lp-grid .lp-grid__end-7 {
  grid-row-start: 8 !important;
}

.lp-grid .lp-grid__row-8 {
  grid-row: span 8 !important;
}

.lp-grid .lp-grid__row-start-8 {
  grid-row-start: 9 !important;
}

.lp-grid .lp-grid__end-8 {
  grid-row-start: 9 !important;
}

.lp-grid .lp-grid__row-9 {
  grid-row: span 9 !important;
}

.lp-grid .lp-grid__row-start-9 {
  grid-row-start: 10 !important;
}

.lp-grid .lp-grid__end-9 {
  grid-row-start: 10 !important;
}

.lp-grid .lp-grid__row-10 {
  grid-row: span 10 !important;
}

.lp-grid .lp-grid__row-start-10 {
  grid-row-start: 11 !important;
}

.lp-grid .lp-grid__end-10 {
  grid-row-start: 11 !important;
}

.lp-grid .lp-grid__row-11 {
  grid-row: span 11 !important;
}

.lp-grid .lp-grid__row-start-11 {
  grid-row-start: 12 !important;
}

.lp-grid .lp-grid__end-11 {
  grid-row-start: 12 !important;
}

.lp-grid .lp-grid__row-12 {
  grid-row: span 12 !important;
}

.lp-grid .lp-grid__row-start-12 {
  grid-row-start: 13 !important;
}

.lp-grid .lp-grid__end-12 {
  grid-row-start: 13 !important;
}

.lp-grid_cols-default {
  grid-template-columns: repeat(12, 1fr);
}

.lp-grid_rows-default {
  grid-template-rows: repeat(auto, 1fr);
}

.lp-grid_cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.lp-grid_rows-1 {
  grid-template-rows: repeat(1, 1fr);
}

.lp-grid_cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.lp-grid_rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.lp-grid_cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.lp-grid_rows-3 {
  grid-template-rows: repeat(3, 1fr);
}

.lp-grid_cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.lp-grid_rows-4 {
  grid-template-rows: repeat(4, 1fr);
}

.lp-grid_cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.lp-grid_rows-5 {
  grid-template-rows: repeat(5, 1fr);
}

.lp-grid_cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.lp-grid_rows-6 {
  grid-template-rows: repeat(6, 1fr);
}

.lp-grid_cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.lp-grid_rows-7 {
  grid-template-rows: repeat(7, 1fr);
}

.lp-grid_cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.lp-grid_rows-8 {
  grid-template-rows: repeat(8, 1fr);
}

.lp-grid_cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.lp-grid_rows-9 {
  grid-template-rows: repeat(9, 1fr);
}

.lp-grid_cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.lp-grid_rows-10 {
  grid-template-rows: repeat(10, 1fr);
}

.lp-grid_cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.lp-grid_rows-11 {
  grid-template-rows: repeat(11, 1fr);
}

.lp-grid_cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.lp-grid_rows-12 {
  grid-template-rows: repeat(12, 1fr);
}

@media only screen and (min-width: 36rem) {
  .lp-grid .lp-grid__col-xs-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-xs-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-xs-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-xs-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-xs-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-xs-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-xs-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-xs-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-xs-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-xs-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-xs-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-xs-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-xs-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-xs-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-xs-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-xs-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-xs-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-xs-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-xs-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-xs-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-xs-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-xs-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-xs-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-xs-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-xs-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-xs-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-xs-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-xs-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-xs-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-xs-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-xs-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-xs-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-xs-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-xs-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-xs-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-xs-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-xs-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-xs-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-xs-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-xs-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-xs-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-xs-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-xs-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-xs-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-xs-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-xs-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-xs-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-xs-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-xs-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-xs-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-xs-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-xs-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-xs-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-xs-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-xs-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-xs-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-xs-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-xs-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-xs-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-xs-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-xs-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-xs-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-xs-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-xs-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-xs-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-xs-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-xs-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-xs-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-xs-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-xs-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-xs-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-xs-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-xs-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-xs-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-xs-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-xs-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-xs-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-xs-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-xs-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-xs-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-xs-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-xs-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-xs-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-xs-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-xs-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-xs-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-xs-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-xs-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-xs-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-xs-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-xs-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-xs-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-xs-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-xs-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-xs-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-xs-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-xs-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-xs-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 48rem) {
  .lp-grid .lp-grid__col-sm-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-sm-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-sm-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-sm-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-sm-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-sm-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-sm-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-sm-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-sm-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-sm-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-sm-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-sm-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-sm-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-sm-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-sm-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-sm-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-sm-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-sm-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-sm-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-sm-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-sm-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-sm-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-sm-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-sm-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-sm-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-sm-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-sm-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-sm-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-sm-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-sm-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-sm-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-sm-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-sm-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-sm-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-sm-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-sm-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-sm-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-sm-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-sm-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-sm-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-sm-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-sm-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-sm-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-sm-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-sm-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-sm-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-sm-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-sm-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-sm-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-sm-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-sm-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-sm-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-sm-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-sm-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-sm-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-sm-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-sm-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-sm-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-sm-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-sm-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-sm-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-sm-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-sm-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-sm-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-sm-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-sm-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-sm-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-sm-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-sm-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-sm-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-sm-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-sm-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-sm-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-sm-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-sm-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-sm-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-sm-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-sm-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-sm-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-sm-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-sm-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-sm-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-sm-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-sm-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-sm-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-sm-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 62rem) {
  .lp-grid .lp-grid__col-sm-ext-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-sm-ext-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-sm-ext-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-sm-ext-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-sm-ext-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-sm-ext-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-sm-ext-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-sm-ext-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-sm-ext-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-sm-ext-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-sm-ext-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-sm-ext-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-sm-ext-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-sm-ext-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-sm-ext-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-sm-ext-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-sm-ext-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-sm-ext-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-sm-ext-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-sm-ext-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-sm-ext-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-sm-ext-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-sm-ext-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-sm-ext-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-sm-ext-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-sm-ext-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-sm-ext-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-sm-ext-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-sm-ext-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-sm-ext-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-sm-ext-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-sm-ext-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-sm-ext-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 80rem) {
  .lp-grid .lp-grid__col-md-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-md-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-md-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-md-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-md-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-md-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-md-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-md-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-md-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-md-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-md-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-md-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-md-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-md-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-md-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-md-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-md-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-md-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-md-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-md-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-md-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-md-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-md-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-md-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-md-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-md-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-md-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-md-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-md-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-md-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-md-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-md-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-md-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-md-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-md-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-md-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-md-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-md-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-md-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-md-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-md-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-md-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-md-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-md-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-md-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-md-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-md-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-md-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-md-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-md-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-md-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-md-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-md-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-md-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-md-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-md-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-md-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-md-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-md-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-md-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-md-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-md-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-md-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-md-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-md-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-md-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-md-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-md-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-md-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-md-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-md-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-md-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-md-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-md-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-md-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-md-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-md-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-md-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-md-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-md-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-md-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-md-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-md-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-md-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-md-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-md-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 83.5rem) {
  .lp-grid .lp-grid__col-lg-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-lg-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-lg-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-lg-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-lg-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-lg-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-lg-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-lg-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-lg-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-lg-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-lg-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-lg-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-lg-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-lg-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-lg-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-lg-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-lg-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-lg-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-lg-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-lg-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-lg-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-lg-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-lg-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-lg-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-lg-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-lg-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-lg-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-lg-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-lg-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-lg-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-lg-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-lg-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-lg-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-lg-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-lg-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-lg-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-lg-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-lg-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-lg-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-lg-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-lg-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-lg-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-lg-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-lg-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-lg-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-lg-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-lg-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-lg-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-lg-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-lg-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-lg-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-lg-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-lg-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-lg-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-lg-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-lg-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-lg-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-lg-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-lg-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-lg-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-lg-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-lg-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-lg-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-lg-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-lg-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-lg-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-lg-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-lg-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-lg-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-lg-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-lg-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-lg-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-lg-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-lg-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-lg-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-lg-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-lg-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-lg-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-lg-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-lg-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-lg-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-lg-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-lg-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-lg-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-lg-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-lg-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 90rem) {
  .lp-grid .lp-grid__col-xl-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-xl-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-xl-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-xl-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-xl-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-xl-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-xl-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-xl-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-xl-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-xl-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-xl-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-xl-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-xl-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-xl-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-xl-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-xl-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-xl-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-xl-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-xl-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-xl-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-xl-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-xl-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-xl-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-xl-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-xl-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-xl-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-xl-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-xl-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-xl-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-xl-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-xl-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-xl-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-xl-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-xl-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-xl-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-xl-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-xl-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-xl-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-xl-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-xl-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-xl-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-xl-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-xl-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-xl-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-xl-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-xl-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-xl-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-xl-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-xl-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-xl-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-xl-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-xl-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-xl-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-xl-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-xl-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-xl-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-xl-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-xl-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-xl-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-xl-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-xl-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-xl-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-xl-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-xl-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-xl-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-xl-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-xl-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-xl-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-xl-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-xl-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-xl-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-xl-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-xl-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-xl-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-xl-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-xl-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-xl-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-xl-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-xl-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-xl-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-xl-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-xl-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-xl-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-xl-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-xl-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-xl-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

@media only screen and (min-width: 120rem) {
  .lp-grid .lp-grid__col-2xl-1 {
    grid-column: span 1 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-1 {
    grid-column-start: 2 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-1 {
    grid-column-end: 2 !important;
  }

  .lp-grid .lp-grid__col-2xl-2 {
    grid-column: span 2 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-2 {
    grid-column-start: 3 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-2 {
    grid-column-end: 3 !important;
  }

  .lp-grid .lp-grid__col-2xl-3 {
    grid-column: span 3 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-3 {
    grid-column-start: 4 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-3 {
    grid-column-end: 4 !important;
  }

  .lp-grid .lp-grid__col-2xl-4 {
    grid-column: span 4 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-4 {
    grid-column-start: 5 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-4 {
    grid-column-end: 5 !important;
  }

  .lp-grid .lp-grid__col-2xl-5 {
    grid-column: span 5 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-5 {
    grid-column-start: 6 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-5 {
    grid-column-end: 6 !important;
  }

  .lp-grid .lp-grid__col-2xl-6 {
    grid-column: span 6 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-6 {
    grid-column-start: 7 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-6 {
    grid-column-end: 7 !important;
  }

  .lp-grid .lp-grid__col-2xl-7 {
    grid-column: span 7 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-7 {
    grid-column-start: 8 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-7 {
    grid-column-end: 8 !important;
  }

  .lp-grid .lp-grid__col-2xl-8 {
    grid-column: span 8 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-8 {
    grid-column-start: 9 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-8 {
    grid-column-end: 9 !important;
  }

  .lp-grid .lp-grid__col-2xl-9 {
    grid-column: span 9 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-9 {
    grid-column-start: 10 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-9 {
    grid-column-end: 10 !important;
  }

  .lp-grid .lp-grid__col-2xl-10 {
    grid-column: span 10 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-10 {
    grid-column-start: 11 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-10 {
    grid-column-end: 11 !important;
  }

  .lp-grid .lp-grid__col-2xl-11 {
    grid-column: span 11 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-11 {
    grid-column-start: 12 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-11 {
    grid-column-end: 12 !important;
  }

  .lp-grid .lp-grid__col-2xl-12 {
    grid-column: span 12 !important;
  }

  .lp-grid .lp-grid__col-start-2xl-12 {
    grid-column-start: 13 !important;
  }

  .lp-grid .lp-grid__col-end-2xl-12 {
    grid-column-end: 13 !important;
  }

  .lp-grid .lp-grid__row-2xl-1 {
    grid-row: span 1 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__end-2xl-1 {
    grid-row-start: 2 !important;
  }

  .lp-grid .lp-grid__row-2xl-2 {
    grid-row: span 2 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__end-2xl-2 {
    grid-row-start: 3 !important;
  }

  .lp-grid .lp-grid__row-2xl-3 {
    grid-row: span 3 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__end-2xl-3 {
    grid-row-start: 4 !important;
  }

  .lp-grid .lp-grid__row-2xl-4 {
    grid-row: span 4 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__end-2xl-4 {
    grid-row-start: 5 !important;
  }

  .lp-grid .lp-grid__row-2xl-5 {
    grid-row: span 5 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__end-2xl-5 {
    grid-row-start: 6 !important;
  }

  .lp-grid .lp-grid__row-2xl-6 {
    grid-row: span 6 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__end-2xl-6 {
    grid-row-start: 7 !important;
  }

  .lp-grid .lp-grid__row-2xl-7 {
    grid-row: span 7 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__end-2xl-7 {
    grid-row-start: 8 !important;
  }

  .lp-grid .lp-grid__row-2xl-8 {
    grid-row: span 8 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__end-2xl-8 {
    grid-row-start: 9 !important;
  }

  .lp-grid .lp-grid__row-2xl-9 {
    grid-row: span 9 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__end-2xl-9 {
    grid-row-start: 10 !important;
  }

  .lp-grid .lp-grid__row-2xl-10 {
    grid-row: span 10 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__end-2xl-10 {
    grid-row-start: 11 !important;
  }

  .lp-grid .lp-grid__row-2xl-11 {
    grid-row: span 11 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__end-2xl-11 {
    grid-row-start: 12 !important;
  }

  .lp-grid .lp-grid__row-2xl-12 {
    grid-row: span 12 !important;
  }

  .lp-grid .lp-grid__row-start-2xl-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid .lp-grid__end-2xl-12 {
    grid-row-start: 13 !important;
  }

  .lp-grid_cols-2xl-default {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-2xl-default {
    grid-template-rows: repeat(auto, 1fr);
  }

  .lp-grid_cols-2xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .lp-grid_rows-2xl-1 {
    grid-template-rows: repeat(1, 1fr);
  }

  .lp-grid_cols-2xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-grid_rows-2xl-2 {
    grid-template-rows: repeat(2, 1fr);
  }

  .lp-grid_cols-2xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .lp-grid_rows-2xl-3 {
    grid-template-rows: repeat(3, 1fr);
  }

  .lp-grid_cols-2xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .lp-grid_rows-2xl-4 {
    grid-template-rows: repeat(4, 1fr);
  }

  .lp-grid_cols-2xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .lp-grid_rows-2xl-5 {
    grid-template-rows: repeat(5, 1fr);
  }

  .lp-grid_cols-2xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .lp-grid_rows-2xl-6 {
    grid-template-rows: repeat(6, 1fr);
  }

  .lp-grid_cols-2xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .lp-grid_rows-2xl-7 {
    grid-template-rows: repeat(7, 1fr);
  }

  .lp-grid_cols-2xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .lp-grid_rows-2xl-8 {
    grid-template-rows: repeat(8, 1fr);
  }

  .lp-grid_cols-2xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .lp-grid_rows-2xl-9 {
    grid-template-rows: repeat(9, 1fr);
  }

  .lp-grid_cols-2xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .lp-grid_rows-2xl-10 {
    grid-template-rows: repeat(10, 1fr);
  }

  .lp-grid_cols-2xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .lp-grid_rows-2xl-11 {
    grid-template-rows: repeat(11, 1fr);
  }

  .lp-grid_cols-2xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }

  .lp-grid_rows-2xl-12 {
    grid-template-rows: repeat(12, 1fr);
  }
}

.lp-badge {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.25rem 0.75rem;
  border-radius: 1.5rem;
  gap: 0.25rem;
  align-items: center;
}

.lp-badge .icon {
  font-size: 0.75rem;
  line-height: 0.75rem;
}

.lp-badge_red {
  background-color: #ED2427;
  color: #FFFFFF;
}

.lp-badge_blue {
  background-color: var(--qn-primary-400);
  color: #FFFFFF;
}

.lp-badge_black {
  background-color: rgba(32, 41, 57, 0.48);
  color: #FFFFFF;
}

.lp-badge_honey-bee {
  background-color: #EF9600;
  color: #FFFFFF;
}

.lp-badge_sm {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  color: #FFFFFF;
}

.lp-badge_sm .icon {
  font-size: 0.625rem;
  line-height: 0.625rem;
}

.lp-badge_large {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

@media only screen and (min-width: 36rem) {
  .lp-badge_large {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
  }
}

.lp-badge>* {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.big-badge {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  align-items: center;
}

@media only screen and (min-width: 36rem) {
  .big-badge {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #FFFFFF;
  }
}

@media only screen and (min-width: 48rem) {
  .big-badge {
    padding: 0.375rem 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #FFFFFF;
  }
}

.big-badge_gold {
  background-color: #FFD93B;
  color: #1B2950;
}

.big-badge>* {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.lp-btn {
  --lp-btn-padding-size: 0.75rem 0;
  --lp-btn-height-size: 52px;
  --lp-btn-font-size: 1rem;
  --lp-btn-line-height-size: 1.5rem;
  --lp-btn-icon-font-size: 1.25rem;
  --lp-btn-border-radius: 0.5rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.75rem;
  justify-content: center;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.6s ease;
  border: 1px solid transparent;
  border-radius: var(--lp-btn-border-radius);
  padding: var(--lp-btn-padding-size);
  height: var(--lp-btn-height-size);
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--lp-btn-font-size);
  line-height: var(--lp-btn-line-height-size);
  min-height: var(--lp-btn-height-size);
  max-height: var(--lp-btn-height-size);
  will-change: background-color, box-shadow, border-color, color;
  padding-left: 1rem;
  padding-right: 1rem;
}

.lp-btn:hover .lp-btn:active,
.lp-btn:disabled {
  text-decoration: none;
}

.lp-btn:focus-visible {
  text-decoration: none;
  outline: 0;
}

.lp-btn:active:not([disabled]),
.lp-btn:focus:not([disabled]) {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #D1E1F8;
  transition: box-shadow 150ms ease-in-out;
}

.lp-btn:active:not([disabled]) {
  background-color: #EEF2F6;
}

.lp-btn_icon {
  padding: var(--lp-btn-icon-padding-size);
  aspect-ratio: 1/1 !important;
}

@media only screen and (min-width: 48rem) {
  .lp-btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.lp-btn_primary {
  background-color: #3954A4;
  box-shadow: 0px 4px 16px -4px rgba(38, 56, 109, 0.24);
  color: #FFFFFF;
  font-weight: 600;
}

.lp-btn_primary .icon {
  color: #FFFFFF;
}

.lp-btn_primary:hover {
  background-color: #2F4588 !important;
  border-color: transparent;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.lp-btn_primary:focus {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #D1E1F8 !important;
  border-color: transparent;
}

.lp-btn_primary:active {
  background-color: #2F4588;
  border-color: transparent;
}

.lp-btn_plain {
  background-color: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(215, 220, 239, 0.69);
  color: #3954A4;
  font-weight: 600;
}

.lp-btn_plain .icon {
  color: #3954A4;
}

.lp-btn_plain:hover {
  background-color: #EEF2F6 !important;
}

.lp-btn_plain:focus {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #D1E1F8 !important;
}

.lp-btn_plain:active {
  background-color: #EEF2F6;
}

.lp-btn_plain-outline {
  background-color: transparent;
  color: #FFFFFF;
  font-weight: 600;
  border: 0.063rem solid #FFFFFF;
}

.lp-btn_plain-outline .icon {
  color: #FFFFFF;
}

.lp-btn_plain-outline:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.lp-btn_plain-outline:focus {
  background-color: rgba(255, 255, 255, 0.35);
}

.lp-btn_plain-outline:active {
  background-color: rgba(255, 255, 255, 0.35) !important;
}

.lp-btn_primary-outline {
  background-color: transparent;
  font-weight: 600;
  border: 0.063rem solid #3954A4;
  color: #3954A4;
}

.lp-btn_primary-outline .icon {
  color: #3954A4;
}

.lp-btn_primary-outline:hover {
  background-color: rgba(57, 84, 164, 0.15);
}

.lp-btn_primary-outline:focus {
  background-color: rgba(57, 84, 164, 0.35);
}

.lp-btn_primary-outline:active {
  background-color: rgba(57, 84, 164, 0.35) !important;
}

.lp-btn_full-width {
  width: 100%;
}

.lp-btn_no-shadow {
  box-shadow: none;
}

@media only screen and (min-width: 36rem) {
  .lp-btn {
    --lp-btn-padding-size: 0.75rem 0;
    --lp-btn-height-size: 52px;
    --lp-btn-font-size: 1.125rem;
    --lp-btn-line-height-size: 1.625rem;
    --lp-btn-icon-font-size: 1.25rem;
    --lp-btn-border-radius: 0.625rem;
  }
}

@media only screen and (min-width: 80rem) {
  .lp-btn {
    --lp-btn-padding-size: 1rem 0;
    --lp-btn-height-size: 3.75rem;
    --lp-btn-font-size: 1.125rem;
    --lp-btn-line-height-size: 1.625rem;
    --lp-btn-icon-font-size: 1.25rem;
    --lp-btn-border-radius: 0.75rem;
  }
}

.lp-btn_sm {
  --lp-btn-padding-size: 0.5rem 0;
  --lp-btn-height-size: 2.25rem;
  --lp-btn-font-size: 0.75rem;
  --lp-btn-line-height-size: 1.25rem;
  --lp-btn-icon-font-size: 0.875rem;
  --lp-btn-border-radius: 0.375rem;
}

@media only screen and (min-width: 36rem) {
  .lp-btn_sm {
    --lp-btn-padding-size: 0.75rem 0;
    --lp-btn-height-size: 52px;
    --lp-btn-font-size: 1rem;
    --lp-btn-line-height-size: 1.5rem;
    --lp-btn-icon-font-size: 1.25rem;
    --lp-btn-border-radius: 0.5rem;
  }
}

.lp-btn_xs {
  --lp-btn-padding-size: 0.5rem 0;
  --lp-btn-height-size: 2.25rem;
  --lp-btn-font-size: 0.75rem;
  --lp-btn-line-height-size: 1.25rem;
  --lp-btn-icon-font-size: 0.875rem;
  --lp-btn-border-radius: 0.375rem;
}

@media only screen and (min-width: 36rem) {
  .lp-btn_xs {
    --lp-btn-padding-size: 0.625rem 0;
    --lp-btn-height-size: 44px;
    --lp-btn-font-size: 0.875rem;
    --lp-btn-line-height-size: 1.375rem;
    --lp-btn-icon-font-size: 1rem;
    --lp-btn-border-radius: 0.5rem;
  }
}

.lp-btn .icon {
  font-size: var(--lp-btn-icon-font-size);
}

.lp-btn__icon {
  height: var(--lp-btn-icon-font-size);
  width: auto;
}

.lp-link {
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5rem;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  transition: all 300ms cubic-bezier(0.12, 0.79, 0.38, 1.88);
  will-change: gap, height, width, color;
}

.lp-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.063rem;
  bottom: -0.25rem;
  position: absolute;
}

.lp-link:hover {
  gap: 0.75rem;
}

.lp-link:hover::after {
  height: 0.125rem;
}

.lp-link span.icon {
  font-size: 0.875rem;
}

@media only screen and (min-width: 48rem) {
  .lp-link {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.lp-link_xs {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
}

.lp-link_xs:after {
  bottom: 0;
}

.lp-link_xs span.icon {
  font-size: 0.75rem;
}

@media only screen and (min-width: 48rem) {
  .lp-link_xs {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.lp-link_sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.lp-link_sm:after {
  bottom: 0;
}

.lp-link_sm span.icon {
  font-size: 0.75rem;
}

@media only screen and (min-width: 48rem) {
  .lp-link_sm {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.lp-link_primary {
  color: #3954A4;
}

.lp-link_primary:after {
  background: #3954A4;
}

.lp-link_primary:hover {
  color: #2F4588;
}

.lp-link_primary:hover:after {
  background: #2F4588;
}

.lp-link_white {
  color: #FFFFFF;
}

.lp-link_white:after {
  background: #FFFFFF;
}

.lp-link_white:hover {
  color: #F8FAFC;
}

.lp-link_white:hover:after {
  background: #F8FAFC;
}

.lp-accordion .lp-accordion__toggle {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.lp-accordion .lp-accordion__toggle::after {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3e%3cg fill='%23fff'%3e%3cpath d='m4.464 6.05-.707.707L8 11l4.243-4.243-.707-.707L8 9.586z'/%3e%3c/g%3e%3c/svg%3e");
  height: 1.25rem;
  aspect-ratio: 1/1;
  transform: rotate(0);
  transition: transform 300ms ease;
  will-change: transform;
}

.lp-accordion__item.open .lp-accordion__toggle::after {
  transform: rotate(180deg);
}

@media only screen and (min-width: 36rem) {

  .lp-accordion_xs-none .lp-accordion__toggle::after,
  .lp-accordion_xs-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 48rem) {

  .lp-accordion_sm-none .lp-accordion__toggle::after,
  .lp-accordion_sm-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 62rem) {

  .lp-accordion_sm-ext-none .lp-accordion__toggle::after,
  .lp-accordion_sm-ext-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 80rem) {

  .lp-accordion_md-none .lp-accordion__toggle::after,
  .lp-accordion_md-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 83.5rem) {

  .lp-accordion_lg-none .lp-accordion__toggle::after,
  .lp-accordion_lg-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 90rem) {

  .lp-accordion_xl-none .lp-accordion__toggle::after,
  .lp-accordion_xl-none .lp-accordion__toggle::before {
    content: none;
  }
}

@media only screen and (min-width: 120rem) {

  .lp-accordion_2xl-none .lp-accordion__toggle::after,
  .lp-accordion_2xl-none .lp-accordion__toggle::before {
    content: none;
  }
}

body {
  --header-highlight-line-height: 2.25rem;
  --header-height-origin: 3.75rem;
  --header-height: var(--header-height-origin);
}

@media only screen and (min-width: 36rem) {
  body {
    --header-height-origin: 4.25rem;
  }
}

.header_lp {
  display: flex;
  flex-direction: column;
  min-height: 5rem;
  max-height: 4rem;
  padding: 0;
  background-color: var(--qn-white);
  background-image: none;
  border-bottom: var(--qn-size-1) var(--qn-neutral-200) solid;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
  will-change: box-shadow;
  --header-highlight-color: #FFC107;
}

.header_lp ol,
.header_lp ul,
.header_lp dl {
  margin: 0 !important;
  padding: 0 !important;
}

.header_lp .nav__link_more {
  border: none;
  background: transparent !important;
}

@media only screen and (max-width: 36rem) {
  .header_lp #toggle-search-global {
    display: none;
  }
}

.header_lp.on-scroll {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
}

.header_lp.header_with-highlight-line {
  --header-height: calc(var(--header-height-origin) + var(--header-highlight-line-height));
  transition: top 0.3s ease;
  will-change: box-shadow, top;
}

.header_lp>* {
  padding: 0 var(--lp-space-screen-x);
}

.header_lp .header__highlight-line {
  height: var(--header-highlight-line-height);
  width: 100%;
  background-color: var(--header-highlight-color);
}

.header_lp .header__highlight-line-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.header_lp .header__highlight-line-wrapper .lp-link {
  text-decoration: underline;
}

.header_lp .header__highlight-line-text-scroll {
  display: flex;
  width: 100%;
  gap: 0.75rem;
}

.header_lp .header__highlight-line-text-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.header_lp .header__highlight-line-text-wrapper:has(.running.running_anim)::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1.5rem;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--header-highlight-color) 100%);
}

.header_lp .header__highlight-line-text-wrapper:has(.running.running_anim)::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1.5rem;
  right: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(270deg, var(--header-highlight-color) 0%, rgba(255, 255, 255, 0) 100%);
}

.header_lp .header__highlight-line-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #202939;
  white-space: nowrap;
}

@media only screen and (min-width: 62rem) {
  .header_lp .header__highlight-line-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #202939;
  }
}

.header_lp .header__wrapper {
  display: flex;
  height: var(--header-height-origin);
  min-height: var(--header-height-origin);
  max-height: var(--header-height-origin);
  width: 100%;
  align-items: center;
  margin: auto;
  gap: 1rem;
}

.header_lp .header__wrapper-group {
  display: flex;
  width: 100%;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  align-items: center;
  justify-content: left;
  gap: 1rem;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 62rem) {
  .header_lp .header__wrapper-group {
    gap: 1.5rem;
    flex-direction: row;
  }
}

.header_lp .header__logo {
  display: block;
  height: -moz-fit-content;
  height: fit-content;

  width: -moz-fit-content;
  width: fit-content;

  min-width: -moz-fit-content;
  min-width: fit-content;

  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (min-width: 62rem) {
  .header_lp .header__logo {
    padding-right: 1.5rem;
    border-right: 0.063rem solid #E3E8EF;
  }
}

.header_lp .header__logo img {
  height: 2.5rem;
  width: auto;
}

.header_lp .header__nav {
  height: inherit;
  width: fit-content;
  min-height: inherit;
  max-height: inherit;
}

.header_lp .nav__items {
  display: flex;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  gap: 0.25rem;
}

.header_lp .nav__item {
  position: relative;
  display: flex;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
  position: relative;
  align-items: center;
}

.header_lp .nav__item_block {
  position: unset;
}

.header_lp .nav__item_block:hover .dropdown__box_block {
  visibility: visible;
  max-height: calc(80vh - 2rem);
  overflow-y: auto;
  opacity: 1;
  transform: scale(1);
}

.dropdown__box-content {
  gap: 0;
}

.dropdown__box-content>.dropdown__cards-wrapper:not(:first-child) {
  padding-left: 20px;
  border-left: 1px solid #E3E8EF;
}

.dropdown__box-content>.dropdown__cards-wrapper:not(:last-child) {
  padding-right: 20px;
}

.header_lp .nav__item_block:hover .nav__link {
  color: #074BB2;
  background-color: #FAFBFF;
}

.header_lp .nav__item_block:hover .nav__link .icon {
  transform: rotate(-180deg);
}

@media only screen and (max-width: 62rem) {
  .header_lp .nav__item:not(#other) {
    display: none;
  }
}

@media only screen and (min-width: 62rem) {
  .header_lp .nav__item#other {
    display: none;
  }
}

.header_lp .nav__item#other .nav__link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--qn-neutral-900);
}

.header_lp .nav__item>* {
  position: static;
}

.header_lp .nav__item button {
  border: none;
  background-color: transparent;
}

.header_lp .nav__link {
  display: flex;
  align-items: center;
  padding: var(--qn-size-10) var(--qn-size-8);
  gap: var(--qn-size-4);
  border-radius: var(--qn-size-4);
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #202939;
}

.header_lp .nav__link:hover {
  background-color: #FAFBFF;
}

.header_lp .nav__link.active {
  color: #074BB2;
}

.header_lp .nav__link.active::after {
  content: "";
  position: absolute;
  bottom: 0.063rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background-color: transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.header_lp .nav__link.show {
  color: #074BB2;
  background-color: #FAFBFF;
}

.header_lp .dropdown__box-header,
.header_lp .dropdown__item-title {
  padding: 0 var(--lp-space-screen-x);
}

@media only screen and (max-width: 48rem) {

  .header_lp .dropdown__box-header,
  .header_lp .dropdown__item-title {
    height: var(--header-height-origin);
  }
}

.header_lp .dropdown__item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #364152;
  padding-left: max(var(--lp-space-screen-x), 1rem);
  padding-right: max(var(--lp-space-screen-x), 1rem);
}

.header_lp .dropdown__item-right {
  right: var(--lp-space-screen-x);
}

.header_lp .dropdown__box {
  top: calc(100% - 0.5rem);
}

.header_lp .dropdown__box_block {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border-radius: 0;
  top: 100%;
  border-top: 1px solid var(--Neutral-300, #E3E8EF);
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 3px solid var(--Sevima-Red-300, #E1202D);
}

.header_lp .dropdown__cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 24px;
  padding-bottom: 24px;
}

.header_lp .dropdown__cards-title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #697586;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.header_lp .dropdown__cards {
  width: 100%;
  gap: 0;
}

.header_lp .dropdown__cards>*>.card {
  block-size: 100%;
}

.header_lp .dropdown__card {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  transition: background-color 0.25s ease;
}

.header_lp .dropdown__card:hover {
  background-color: var(--Neutral-100, #F8FAFC);
}

.header_lp .dropdown__card:hover .dropdown__card-title {
  color: #3955A4;
}

.header_lp .dropdown__card-image-wrapper {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 6px;
  background: #EEF2F6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_lp .dropdown__card-image-wrapper.dropdown__card-image-wrapper_outline {
  background: transparent;
  border: 1px solid var(--Neutral-200, #EEF2F6);
}

.header_lp .dropdown__card-image {
  max-height: 1.5rem;
  max-width: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

.header_lp .dropdown__card-texts {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.header_lp .dropdown__card-title {
  font-size: var(--font-size-static-label-xl, 14px);
  font-weight: 600;
  line-height: var(--font-line-height-static-label-xl, 22px);
  /* 157.143% */
  letter-spacing: var(--font-letter-spacing-static-label-xl, 0.25px);
  color: var(--Neutral-900, #202939);
}

.header_lp .dropdown__card-text {
  font-size: var(--font-size-static-label-sm, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-static-label-sm, 20px);
  /* 153.846% */
  letter-spacing: var(--font-letter-spacing-static-label-sm, 0.25px);
  color: var(--Neutral-700, #4B5565);
}

.header_lp .dropdown__links {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: nowrap;
}

.header_lp .dropdown__links-child {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.header_lp .dropdown__link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #202939);
  text-overflow: ellipsis;
  /* static/label/xl/regular */
  font-size: var(--font-size-static-label-xl, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-static-label-xl, 22px);
  /* 157.143% */
  letter-spacing: var(--font-letter-spacing-static-label-xl, 0.25px);
}

.header_lp .dropdown__link:hover {
  color: #3955A4;
}

.footer_lp {
  background: #1B2950;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-weight: 400;
  color: #FFFFFF;
  overflow: auto;
  padding: 1rem var(--lp-space-screen-x) 2.5rem;
  position: relative;
}

.footer_lp ol,
.footer_lp ul,
.footer_lp dl {
  margin: 0 !important;
  padding: 0 !important;
}

.footer_lp::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1rem;
  background-color: #ED2427;
}

.footer_lp::after {
  content: "";
  position: absolute;
  width: 17%;
  height: 1rem;
  right: 0;
  bottom: 0;
  background-color: #FFD93B;
}

@media only screen and (min-width: 36rem) {
  .footer_lp {
    padding: 1.75rem var(--lp-space-screen-x) 2.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  .footer_lp {
    padding: 3rem var(--lp-space-screen-x) 2.5rem;
  }
}

.footer_lp .container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

@media only screen and (min-width: 120rem) {
  .footer_lp .container {
    max-width: 99rem;
  }
}

.footer_lp .footer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column-reverse;
  gap: 10%;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__top {
    flex-direction: row;
  }
}

.footer_lp .footer__blocks {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1000px;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__blocks {
    gap: 2.5rem;
    padding-right: 2.75rem;
    flex-direction: row;
  }
}

.footer_lp .footer__block {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  gap: 1.5rem;
}

@media only screen and (max-width: 48rem) {
  .footer_lp .footer__block {
    width: 100%;
    gap: 0;
  }
}

.footer_lp .footer__block-links {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  list-style-type: none;
  overflow: hidden;
}

.footer_lp .footer__block-links>* {
  padding: 1rem 2rem;
  will-change: transform, opacity;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__block-links>* {
    padding: 0;
  }
}

@media only screen and (max-width: 48rem) {
  .footer_lp .footer__block-links {
    gap: 0;
    max-height: 0;
    will-change: max-height;
  }

  .footer_lp .footer__block-links>* {
    transition: opacity 200ms ease-out 475ms, transform 200ms ease-out 400ms;
    opacity: 0;
    transform: translateY(-50%);
  }

  .footer_lp .footer__block-links>*:nth-child(1) {
    transition-delay: calc(50ms * 1);
  }

  .footer_lp .footer__block-links>*:nth-child(2) {
    transition-delay: calc(50ms * 2);
  }

  .footer_lp .footer__block-links>*:nth-child(3) {
    transition-delay: calc(50ms * 3);
  }

  .footer_lp .footer__block-links>*:nth-child(4) {
    transition-delay: calc(50ms * 4);
  }

  .footer_lp .footer__block-links>*:nth-child(5) {
    transition-delay: calc(50ms * 5);
  }

  .footer_lp .footer__block-links>*:nth-child(6) {
    transition-delay: calc(50ms * 6);
  }

  .footer_lp .footer__block-links>*:nth-child(7) {
    transition-delay: calc(50ms * 7);
  }

  .footer_lp .footer__block-links>*:nth-child(8) {
    transition-delay: calc(50ms * 8);
  }

  .footer_lp .footer__block-links>*:nth-child(9) {
    transition-delay: calc(50ms * 9);
  }

  .footer_lp .footer__block-links>*:nth-child(10) {
    transition-delay: calc(50ms * 10);
  }

  .footer_lp .footer__block-links>*:nth-child(11) {
    transition-delay: calc(50ms * 11);
  }

  .footer_lp .footer__block-links>*:nth-child(12) {
    transition-delay: calc(50ms * 12);
  }

  .footer_lp .footer__block-links>*:nth-child(13) {
    transition-delay: calc(50ms * 13);
  }

  .footer_lp .footer__block-links>*:nth-child(14) {
    transition-delay: calc(50ms * 14);
  }

  .footer_lp .footer__block-links>*:nth-child(15) {
    transition-delay: calc(50ms * 15);
  }

  .footer_lp .footer__block-links>*:nth-child(16) {
    transition-delay: calc(50ms * 16);
  }
}

@media only screen and (max-width: 48rem) {
  .footer_lp .footer__block .footer__label {
    font-weight: 600;
  }
}

.footer_lp .footer__block.open .footer__block-links {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.footer_lp .footer__block.open .footer__block-links>* {
  opacity: 1;
  transform: translateY(0);
}

.footer_lp .footer__company {
  display: flex;
  width: 100%;
  gap: 1.5rem;
  flex-direction: column;
  padding-top: 3rem;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__company {
    width: -moz-fit-content;
    width: fit-content;
    gap: 2rem;
    padding-top: 0;
  }
}

.footer_lp .footer__company * {
  align-items: center;
  text-align: center;
  justify-content: center;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__company * {
    align-items: start;
    text-align: start;
    justify-content: start;
  }
}

.footer_lp .footer__identities {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media only screen and (min-width: 36rem) {
  .footer_lp .footer__identities {
    gap: 1.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__identities {
    gap: 2.25rem;
  }
}

.footer_lp .footer__identity {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer_lp .footer__identity>* {
  padding: 0;
}

.footer_lp .footer__identity-links {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
}

@media only screen and (min-width: 36rem) {
  .footer_lp .footer__identity-links {
    flex-direction: row;
    gap: 1.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__identity-links {
    flex-direction: column;
    padding-top: 0.5rem;
  }
}

.footer_lp .footer__logo {
  display: flex;
  height: 2rem;
}

.footer_lp .footer__logo img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.footer_lp .footer__social {
  display: flex;
  gap: 1.25rem;
  padding: 2.75rem 0 3.25rem;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__social {
    justify-content: flex-start;
    padding: 3rem 0;
  }
}

.footer_lp .footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 48rem) {
  .footer_lp .footer__bottom {
    flex-direction: column-reverse;
    gap: 1.25rem;
    text-align: center;
  }
}

.footer_lp .footer__certif {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media only screen and (max-width: 48rem) {
  .footer_lp .footer__certif img {
    width: 3rem;
  }
}

.footer_lp .footer__label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .footer__label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
}

.footer_lp .footer__link,
.footer_lp .footer__block-links>* {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5rem;
  align-items: center;
}

.footer_lp .footer__link_large {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #FFFFFF;
}

.footer_lp .footer__link .icon,
.footer_lp .footer__link img,
.footer_lp .footer__block-links>* .icon,
.footer_lp .footer__block-links>* img {
  aspect-ratio: 1/1;
  width: 1.5rem;
  font-size: 1.5rem;
}

.footer_lp .footer__link:hover,
.footer_lp .footer__block-links>*:hover {
  text-decoration: underline;
}

.footer_lp .footer__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
}

.footer_lp .footer__text_large {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.footer_lp .lp-accordion__toggle {
  padding: 1rem 0.75rem;
}

@media only screen and (min-width: 48rem) {
  .footer_lp .lp-accordion__toggle {
    padding: 0;
  }
}

.layout-card {
  display: flex;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: #FFFFFF;
  border: 0.063rem solid #EEF2F6;
  box-shadow: 0px 12px 32px -12px rgba(94, 88, 95, 0.04);
}

@media only screen and (min-width: 36rem) {
  .layout-card {
    padding: 2rem;
    gap: 1.5rem;
  }
}

.layout-card__texts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.layout-card__title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #222222;
}

@media only screen and (min-width: 36rem) {
  .layout-card__title {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
  }
}

.layout-card__subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #4B5565;
}

@media only screen and (min-width: 36rem) {
  .layout-card__subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
  }
}

.layout-card__inputs {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  z-index: 1;
}

@media only screen and (min-width: 36rem) {
  .layout-card__inputs {
    gap: 1rem;
  }
}

.layout-card__illustration {
  width: 7.5rem;
}

.layout-card_modal {
  padding: 3.75rem 2rem;
  align-items: center;
  max-width: 37.5rem;
}

@media only screen and (min-width: 48rem) {
  .layout-card_modal {
    max-width: 50rem;
  }
}

.layout-card_modal>* {
  max-width: 32rem;
}

.layout-card_modal * {
  text-align: center;
}

.layout-card_form {
  max-width: 40rem;
}

.layout-card_form .form-control__label {
  font-size: 0.75rem !important;
  line-height: 1.125rem !important;
  font-weight: 500 !important;
  color: #202939 !important;
  padding-bottom: 0.375rem !important;
}

@media only screen and (min-width: 36rem) {
  .layout-card_form .form-control__label {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    color: #202939 !important;
  }
}

.layout-card_form .form-control__label+.grid,
.layout-card_form .form-control__label+.lp-grid {
  padding-top: 0.25rem;
}

:root {
  --lp-space-screen-x: 1rem;
  --lp-container-width: 100%;
}

@media only screen and (min-width: 36rem) {
  :root {
    --lp-space-screen-x: 2rem;
  }
}

@media only screen and (min-width: 80rem) {
  :root {
    --lp-space-screen-x: 0rem;
    --lp-container-width: 75rem;
  }
}

@media only screen and (min-width: 120rem) {
  :root {
    --lp-container-width: 99rem;
  }
}

.main_lp {
  padding-top: var(--header-height);
  z-index: 1;
}

.onhover-zoom .onhover-zoom__image,
.onhover-zoom~*:not(.onhover-zoom)>.onhover-zoom__image,
.onhover-zoom~.onhover-zoom__image {
  transition: 400ms all ease-in-out;
  will-change: all;
}

.onhover-zoom:hover .onhover-zoom__image,
.onhover-zoom:hover~*:not(.onhover-zoom)>.onhover-zoom__image,
.onhover-zoom:hover~.onhover-zoom__image {
  transform: scale(1.075);
}

.onhover-zoom_large:hover .onhover-zoom__image,
.onhover-zoom_large:hover~*:not(.onhover-zoom)>.onhover-zoom__image,
.onhover-zoom_large:hover~.onhover-zoom__image {
  transform: scale(1.15);
}

.container_nested>*:not(.container__exception),
.container_nested>*:not(.container__exception-nested) {
  width: var(--lp-container-width);
  max-width: var(--lp-container-width);
  margin: 0 auto;
}

.container:not(.container_nested) {
  width: var(--lp-container-width);
  max-width: var(--lp-container-width);
  margin: 0 auto;
}

.container .container__overflow,
.container .container__exception {
  width: calc(100% + var(--lp-space-screen-x) * 2) !important;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  margin-left: calc(var(--lp-space-screen-x) * -1);
  margin-right: calc(var(--lp-space-screen-x) * -1);
  overflow: auto;
}

.container .container__exception {
  width: 100%;
}

.container .container__exception>*:not(.container__exception) {
  width: var(--lp-container-width);
  max-width: var(--lp-container-width);
  margin: 0 auto;
}

.background-decor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none !important;
  z-index: 0;
  pointer-events: none;
  max-width: none !important;
}

.background-decor~* {
  position: relative;
  z-index: 1;
}

.background-decor__image {
  position: absolute;
}

.background-decor__image[data-background-position-y=top] {
  top: 0;
}

.background-decor__image[data-background-position-y=center] {
  top: 50%;
  transform: translateY(-50%);
}

.background-decor__image[data-background-position-y=bottom] {
  bottom: 0;
}

.background-decor__image[data-background-position-x=left] {
  left: 0;
}

.background-decor__image[data-background-position-x=center] {
  left: 50%;
  transform: translateX(-50%);
}

.background-decor__image[data-background-position-x=right] {
  right: 0;
}

.background-page-head {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: calc((100vw - var(--lp-container-width)) / 2 * -1);
  transform: none !important;
  z-index: 0;
  pointer-events: none;
  max-width: none !important;
  background-color: #074BB2;
}

.background-page-head~* {
  position: relative;
  z-index: 1;
}

.section>.section__content>.background-page-head {
  left: 0;
}

.background-page-head_white {
  background-color: #FFFFFF;
}

.background-page-head_over {
  height: calc(100% + max(min(10vw, 6.25rem), 3rem));
}

.background-page-head__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.section-devider {
  display: flex;
  height: 0.063rem;
  padding: 0 var(--lp-space-screen-x);
  background-color: #FFFFFF;
}

.section-devider::before {
  width: var(--lp-container-width);
  max-width: var(--lp-container-width);
  margin: 0 auto;
  content: "";
  height: 100%;
  background-color: #E3E8EF;
}

.section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media only screen and (min-width: 36rem) {
  .section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section {
    padding-top: 3.75rem;
    padding-bottom: 3rem;
  }
}

.section_sm {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section_sm .section__content {
  gap: 1.5rem !important;
}

.section_with-footer {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media only screen and (min-width: 36rem) {
  .section_with-footer {
    gap: 3rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section_with-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.section_with-sub>.lp-grid {
  row-gap: 0;
}

.section_with-sub .section__sub-section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media only screen and (min-width: 36rem) {
  .section_with-sub .section__sub-section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section_with-sub .section__sub-section {
    padding-top: 3.75rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 62rem) {
  .section_with-sub .section__sub-section:not(:first-child) {
    padding-top: 0 !important;
  }

  .section_with-sub .section__sub-section:not(:last-child)>.section__footer {
    display: none;
  }
}

.section_with-sub.section_sm .section__sub-section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section_with-sub.section_with-footer .section__sub-section {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: visible !important;
}

@media only screen and (min-width: 36rem) {
  .section_with-sub.section_with-footer .section__sub-section {
    gap: 3rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section_with-sub.section_with-footer .section__sub-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media only screen and (max-width: 62rem) {
  .section_with-sub {
    padding: 0;
  }
}

@media only screen and (min-width: 62rem) {
  .section_with-sub .section__sub-section {
    padding: 0 !important;
  }

  .section_with-sub.section_with-footer .section__sub-section {
    gap: 1.5rem !important;
  }
}

.section_fill {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-left: var(--lp-space-screen-x);
  padding-right: var(--lp-space-screen-x);
  padding-top: 2rem;
  padding-bottom: 2.25rem;
}

@media only screen and (min-width: 36rem) {
  .section_fill {
    padding-top: 2.25rem;
    padding-bottom: 2.5rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section_fill {
    padding-top: 3.75rem;
    padding-bottom: 4rem;
  }
}

.section .section__content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

@media only screen and (min-width: 36rem) {
  .section .section__content {
    gap: 3rem;
  }
}

.section .section__content>* {
  z-index: 0;
}

.section .section__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  row-gap: 1.75rem;
}

@media only screen and (min-width: 62rem) {
  .section .section__wrapper {
    row-gap: 2.5rem;
  }
}

.section .section__texts {
  --section-title-color: #1B2950;
  --section-title-color-strong: #ED2427;
  --section-title-color-strong-highlight-underline: #074BB2;
  --section-subtitle-color: #697586;
  --section-subtitle-lg-color: #4B5565;
  display: flex;
  width: 100%;
  max-width: 30rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.section .section__texts br {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section .section__texts br {
    display: unset;
  }
}

.section .section__texts_white {
  --section-title-color: #FFFFFF;
  --section-subtitle-color: #F8FAFC;
  --section-subtitle-lg-color: #F8FAFC;
}

@media only screen and (min-width: 36rem) {
  .section .section__texts {
    gap: 1rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section .section__texts {
    max-width: 46rem;
  }
}

.section .section__texts_sm {
  gap: 0.25rem;
}

.section .section__texts_start {
  align-self: flex-start;
  align-items: flex-start;
}

.section .section__texts_start * {
  text-align: start;
}

@media only screen and (min-width: 36rem) {
  .section .section__texts_sm {
    gap: 0.5rem;
  }
}

.section .section__texts>* {
  --section-title-color: inherit;
  --section-title-color-strong: inherit;
  --section-title-color-strong-highlight-underline: inherit;
  --section-subtitle-color: inherit;
  --section-subtitle-lg-color: inherit;
}

.section .section__texts>p,
.section .section__texts>h1,
.section .section__texts>h2,
.section .section__texts>h3,
.section .section__texts>h4,
.section .section__texts>h5,
.section .section__texts>h6,
.section .section__texts>ul,
.section .section__texts>ol,
.section .section__texts>blockquote,
.section .section__texts>table,
.section .section__texts>dl,
.section .section__texts>pre {
  padding: 0;
}

.section .section__texts-double-col {
  --section-title-color: #1B2950;
  --section-title-color-strong: #ED2427;
  --section-title-color-strong-highlight-underline: #074BB2;
  --section-subtitle-color: #697586;
  --section-subtitle-lg-color: #4B5565;
  display: flex;
  width: 100%;
  max-width: 30rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.section .section__texts-double-col br {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section .section__texts-double-col br {
    display: unset;
  }
}

.section .section__texts-double-col_white {
  --section-title-color: #FFFFFF;
  --section-subtitle-color: #F8FAFC;
  --section-subtitle-lg-color: #F8FAFC;
}

@media only screen and (min-width: 36rem) {
  .section .section__texts-double-col {
    gap: 1rem;
  }
}

@media only screen and (min-width: 48rem) {
  .section .section__texts-double-col {
    max-width: 35rem;
  }
}

.section .section__texts-double-col_sm {
  gap: 0.25rem;
}

@media only screen and (min-width: 36rem) {
  .section .section__texts-double-col_sm {
    gap: 0.5rem;
  }
}

.section .section__texts-double-col>* {
  --section-title-color: inherit;
  --section-title-color-strong: inherit;
  --section-title-color-strong-highlight-underline: inherit;
  --section-subtitle-color: inherit;
  --section-subtitle-lg-color: inherit;
}

.section .section__texts-double-col>p,
.section .section__texts-double-col>h1,
.section .section__texts-double-col>h2,
.section .section__texts-double-col>h3,
.section .section__texts-double-col>h4,
.section .section__texts-double-col>h5,
.section .section__texts-double-col>h6,
.section .section__texts-double-col>ul,
.section .section__texts-double-col>ol,
.section .section__texts-double-col>blockquote,
.section .section__texts-double-col>table,
.section .section__texts-double-col>dl,
.section .section__texts-double-col>pre {
  padding: 0;
}

@media only screen and (min-width: 62rem) {
  .section .section__texts-double-col {
    max-width: none;
    flex-direction: row;
    gap: 2rem;
    justify-content: start;
  }
}

@media only screen and (min-width: 62rem) {
  .section .section__texts-double-col>* {
    justify-content: start;
    text-align: start;
  }
}

@media only screen and (min-width: 62rem) {
  .section .section__texts-double-col .section__title {
    width: 35%;
    flex-shrink: 0;
  }
}

@media only screen and (min-width: 62rem) {
  .section .section__texts-double-col .section__subtitle {
    flex-grow: 1;
    max-width: 50rem;
  }
}

@media only screen and (min-width: 120rem) {
  .section .section__texts-double-col .section__subtitle {
    transform: translateX(15%);
  }
}

.section__title {
  --section-title-color: #1B2950;
  --section-title-color-strong: #ED2427;
  --section-title-color-strong-highlight-underline: #074BB2;
  --section-subtitle-color: #697586;
  --section-subtitle-lg-color: #4B5565;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-align: center;
  color: var(--section-title-color);
  text-transform: capitalize;
}

.section__title br {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section__title br {
    display: unset;
  }
}

.section__title_white {
  --section-title-color: #FFFFFF;
  --section-subtitle-color: #F8FAFC;
  --section-subtitle-lg-color: #F8FAFC;
}

@media only screen and (min-width: 36rem) {
  .section__title {
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: 700;
  }
}

@media only screen and (min-width: 48rem) {
  .section__title {
    font-size: 2.25rem;
    line-height: 3.125rem;
    font-weight: 700;
  }
}

.section__title strong {
  color: var(--section-title-color-strong);
}

.section__title strong.highlight-underlined {
  position: relative;
  font-style: italic;
  white-space: nowrap;
  color: var(--section-title-color-strong-highlight-underline);
}

.section__title strong.highlight-underlined::after {
  content: "";
  position: absolute;
  height: 0.5rem;
  width: calc(100% + 0.75rem);
  bottom: -0.375rem;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAyNDIgOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNjc2IDIuNDM2MjlDNS43ODczNiAyLjY4NTAyIDIuNTIyNTQgMi45MDg4NyAxLjk5Nzg0IDMuMTU3NkMwLjcxNTIyOCAzLjcwNDggMy4yODA0NCAzLjk3ODQgMTEuMzg0MiA0LjAwMzI3QzExLjQ0MjUgNC4wMDMyNyAyMjEuODQ5IDEuOTYzNzEgMjIxLjkwNyAxLjk2MzcxQzIzMS40MSAxLjc4OTYgMjMyLjE2OCAxLjU2NTc1IDIzMi4xNjggMS4xNDI5MUMyMzIuMTY4IDAuNTk1NzEyIDIyOS42MDMgMC4yMjI2MjQgMjI0LjEyMyAwLjA0ODUxNDdDMjE2Ljg5MyAtMC4yMjUwODUgNTEuNzg2NCAwLjY3MDMzMyAxMS4yNjc2IDIuNDM2MjlaTTIyNS40NjMgMy42Nzk5M0MyMjIuODk4IDMuNzI5NjcgNTUuOTI1NyA1LjM3MTI3IDUxLjcyODEgNS41MjA1MUMwLjMwNzExOSA3LjEzNzIzIC0zLjY1NzMgNy4zODU5NSAxLjg4MTI0IDguNTc5ODRDNC41NjMwNiA5LjE1MTkyIDkuNjM1MiA5LjE1MTkyIDMxLjYxNDUgOC41MDUyM0M4NC42MDk2IDYuOTg3OTkgMjM1LjQ5MSA2LjgxMzg4IDI0MC43OTYgNS45OTMwOUMyNDMuMjQ1IDUuNTk1MTIgMjQzLjU5NSAzLjQwNjMzIDIyNS40NjMgMy42Nzk5M1oiIGZpbGw9IiMwNzRCQjIiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: cover;
}

.section__title .section__texts_sm,
.section__texts-double-col_sm .section__title,
.section__title_sm {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}

@media only screen and (min-width: 36rem) {

  .section__title .section__texts_sm,
  .section__texts-double-col_sm .section__title,
  .section__title_sm {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
}

@media only screen and (min-width: 48rem) {

  .section__title .section__texts_sm,
  .section__texts-double-col_sm .section__title,
  .section__title_sm {
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: 700;
  }
}

.section__title-wrapper {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  width: 100%;
  justify-content: space-between;
}

.section__title {
  --section-title-color: #1B2950;
  --section-title-color-strong: #ED2427;
  --section-title-color-strong-highlight-underline: #074BB2;
  --section-subtitle-color: #697586;
  --section-subtitle-lg-color: #4B5565;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--section-title-color);
}

.section__title br {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section__title br {
    display: unset;
  }
}

.section__title_white {
  --section-title-color: #FFFFFF;
  --section-subtitle-color: #F8FAFC;
  --section-subtitle-lg-color: #F8FAFC;
}

@media only screen and (min-width: 36rem) {
  .section__title {
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: 700;
  }
}

@media only screen and (min-width: 48rem) {
  .section__title {
    font-size: 2.25rem;
    line-height: 3.125rem;
    font-weight: 700;
  }
}

.section__title strong {
  color: var(--section-title-color-strong);
}

.section__title strong.highlight-underlined {
  position: relative;
  font-style: italic;
  white-space: nowrap;
  color: var(--section-title-color-strong-highlight-underline);
}

.section__title strong.highlight-underlined::after {
  content: "";
  position: absolute;
  height: 0.5rem;
  width: calc(100% + 0.75rem);
  bottom: -0.375rem;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAyNDIgOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNjc2IDIuNDM2MjlDNS43ODczNiAyLjY4NTAyIDIuNTIyNTQgMi45MDg4NyAxLjk5Nzg0IDMuMTU3NkMwLjcxNTIyOCAzLjcwNDggMy4yODA0NCAzLjk3ODQgMTEuMzg0MiA0LjAwMzI3QzExLjQ0MjUgNC4wMDMyNyAyMjEuODQ5IDEuOTYzNzEgMjIxLjkwNyAxLjk2MzcxQzIzMS40MSAxLjc4OTYgMjMyLjE2OCAxLjU2NTc1IDIzMi4xNjggMS4xNDI5MUMyMzIuMTY4IDAuNTk1NzEyIDIyOS42MDMgMC4yMjI2MjQgMjI0LjEyMyAwLjA0ODUxNDdDMjE2Ljg5MyAtMC4yMjUwODUgNTEuNzg2NCAwLjY3MDMzMyAxMS4yNjc2IDIuNDM2MjlaTTIyNS40NjMgMy42Nzk5M0MyMjIuODk4IDMuNzI5NjcgNTUuOTI1NyA1LjM3MTI3IDUxLjcyODEgNS41MjA1MUMwLjMwNzExOSA3LjEzNzIzIC0zLjY1NzMgNy4zODU5NSAxLjg4MTI0IDguNTc5ODRDNC41NjMwNiA5LjE1MTkyIDkuNjM1MiA5LjE1MTkyIDMxLjYxNDUgOC41MDUyM0M4NC42MDk2IDYuOTg3OTkgMjM1LjQ5MSA2LjgxMzg4IDI0MC43OTYgNS45OTMwOUMyNDMuMjQ1IDUuNTk1MTIgMjQzLjU5NSAzLjQwNjMzIDIyNS40NjMgMy42Nzk5M1oiIGZpbGw9IiMwNzRCQjIiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: cover;
}

.section__title .section__texts_sm,
.section__texts-double-col_sm .section__title,
.section__title_sm {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}

@media only screen and (min-width: 36rem) {

  .section__title .section__texts_sm,
  .section__texts-double-col_sm .section__title,
  .section__title_sm {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
}

@media only screen and (min-width: 48rem) {

  .section__title .section__texts_sm,
  .section__texts-double-col_sm .section__title,
  .section__title_sm {
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: 700;
  }
}

.section__title-button {
  border-radius: 50%;
  border: 0.063rem solid #CDD5DF;
  width: 2rem;
  height: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section__title-button .icon {
  font-size: 1rem;
  color: #364152;
}

.section__title-side-highlight {
  --section-subsection-title-decor-width: 0.375rem;
  position: relative;
  padding-left: calc(var(--section-subsection-title-decor-width) + 1rem);
  height: 100%;
}

.section__title-side-highlight::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--section-subsection-title-decor-width);
  background-color: #074BB2;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.section__subtitle {
  --section-title-color: #1B2950;
  --section-title-color-strong: #ED2427;
  --section-title-color-strong-highlight-underline: #074BB2;
  --section-subtitle-color: #697586;
  --section-subtitle-lg-color: #4B5565;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
  text-align: center;
  color: var(--section-subtitle-color);
}

.section__subtitle br {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section__subtitle br {
    display: unset;
  }
}

.section__subtitle_white {
  --section-title-color: #FFFFFF;
  --section-subtitle-color: #F8FAFC;
  --section-subtitle-lg-color: #F8FAFC;
}

@media only screen and (min-width: 36rem) {
  .section__subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
}

@media only screen and (min-width: 48rem) {
  .section__subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
  }
}

.section__subtitle .section__texts_lg,
.section__texts-double-col_lg .section__subtitle,
.section__subtitle_lg {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: var(--section-subtitle-lg-color);
}

@media only screen and (min-width: 36rem) {

  .section__subtitle .section__texts_lg,
  .section__texts-double-col_lg .section__subtitle,
  .section__subtitle_lg {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
  }
}

@media only screen and (min-width: 48rem) {

  .section__subtitle .section__texts_lg,
  .section__texts-double-col_lg .section__subtitle,
  .section__subtitle_lg {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 400;
  }
}

.section .section__buttons {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

@media only screen and (min-width: 36rem) {
  .section .section__buttons {
    flex-direction: row;
  }
}

.section .section__buttons_sm {
  row-gap: 0.75rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.section .section__buttons>.lp-btn {
  width: 100%;
}

@media only screen and (min-width: 36rem) {
  .section .section__buttons>.lp-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.section .section__buttons>.lp-link {
  margin: 1rem 1rem;
}

.section .section__cards {
  --section-cards-gap: 1rem;
  display: flex;
  width: 100%;
  gap: var(--section-cards-gap);
  padding-bottom: 1.5rem;
  margin-bottom: -1.5rem;
  overflow-y: unset;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.section .section__cards::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 62rem) {
  .section .section__cards {
    overflow-x: unset;
  }
}

.section .section__cards>* {
  min-width: min(100vw - var(--lp-space-screen-x) * 2 - var(--section-cards-gap) * 1.5, 20rem);
  scroll-snap-align: center;
}

@media only screen and (min-width: 36rem) {
  .section .section__cards>* {
    min-width: 24rem;
  }
}

@media only screen and (min-width: 62rem) {
  .section .section__cards>* {
    min-width: auto;
    transition: transform 400ms ease-out 0ms;
    will-change: transform;
  }

  .section .section__cards>*:not(.animation):hover {
    transform: translateY(-2%) !important;
  }
}

.section .section__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}

.section .section__sub-section .section__content {
  align-items: start;
  gap: 1.5rem;
}

.section .section__sub-section.section__sub-section_sm .section__content {
  align-items: start;
  gap: 1rem !important;
}

@media only screen and (min-width: 62rem) {
  .section .section__sub-section .section__footer {
    justify-content: flex-start;
  }
}

.section.section_page,
.section.section_page-double-col {
  padding-top: 0;
}

.section.section_page .section__content,
.section.section_page-double-col .section__content {
  gap: 0;
}

.section.section_page .section__buttons,
.section.section_page-double-col .section__buttons {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 36rem) {

  .section.section_page .section__buttons,
  .section.section_page-double-col .section__buttons {
    flex-direction: unset;
  }

  .section.section_page .section__buttons>.lp-btn,
  .section.section_page-double-col .section__buttons>.lp-btn {
    min-width: min((100vw - var(--lp-space-screen-x) * 2) / 2 - 1rem, 16rem);
  }
}

.section.section_page-double-col .section__content {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto, 1fr);
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  place-items: center;
}

.section.section_page-double-col .section__content>* {
  box-sizing: border-box;
  list-style: none;
  grid-column: span 1 !important;
  grid-row: auto;
}

.section.section_page-double-col .section__content>*>.card {
  block-size: 100%;
}

@media only screen and (min-width: 62rem) {
  .section.section_page-double-col .section__content {
    grid-template-columns: repeat(2, 1fr);
    place-items: unset;
  }
}

.section.section_page-double-col .section__float {
  grid-row: span 2 !important;
  justify-self: center;
}

.glide_custom-carousel .glide__bullets,
.glide_card-carousel .glide__bullets,
.glide_card-filled-carousel .glide__bullets {
  display: none;
}

@media only screen and (max-width: 48rem) {

  .glide_custom-carousel .glide__bullets,
  .glide_card-carousel .glide__bullets,
  .glide_card-filled-carousel .glide__bullets {
    position: relative;
    display: flex;
    bottom: unset;
    left: unset;
    transform: none;
  }
}

.glide_custom-carousel .glide__bullet,
.glide_card-carousel .glide__bullet,
.glide_card-filled-carousel .glide__bullet {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 0.125rem;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-shadow: none;
}

.glide_custom-carousel .glide__bullet:hover,
.glide_custom-carousel .glide__bullet:active,
.glide_card-carousel .glide__bullet:hover,
.glide_card-carousel .glide__bullet:active,
.glide_card-filled-carousel .glide__bullet:hover,
.glide_card-filled-carousel .glide__bullet:active {
  border-color: rgba(227, 232, 239, 0.5);
}

.glide_custom-carousel .glide__bullet>.dot,
.glide_card-carousel .glide__bullet>.dot,
.glide_card-filled-carousel .glide__bullet>.dot {
  height: 0.5rem;
  width: 0.5rem;
  aspect-ratio: 1/1;
  border-radius: 6.25rem;
  background-color: #E3E8EF;
  transition: background-color 300ms ease-in-out, width 300ms ease-in-out;
}

.glide_custom-carousel .glide__bullet--active,
.glide_card-carousel .glide__bullet--active,
.glide_card-filled-carousel .glide__bullet--active {
  border-radius: 6.25rem;
}

.glide_custom-carousel .glide__bullet--active>.dot,
.glide_card-carousel .glide__bullet--active>.dot,
.glide_card-filled-carousel .glide__bullet--active>.dot {
  width: 1.5rem;
  border-radius: 6.25rem;
  background-color: #364152;
}

.glide_custom-carousel .glide__arrows,
.glide_card-carousel .glide__arrows,
.glide_card-filled-carousel .glide__arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 48rem) {

  .glide_custom-carousel .glide__arrows,
  .glide_card-carousel .glide__arrows,
  .glide_card-filled-carousel .glide__arrows {
    margin-top: 1rem;
  }
}

.glide_custom-carousel .glide__arrow,
.glide_card-carousel .glide__arrow,
.glide_card-filled-carousel .glide__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  background-color: #364152;
  border-radius: 50%;
  border: none;
  box-shadow: 0px 0px 20px rgba(77, 77, 77, 0.1);
  color: #FFFFFF;
  font-size: 1.5rem;
  transition: background-color 300ms ease-in-out;
  will-change: background-color;
  --lp-glide-card-carousel-arrow-position-space-x: max(calc(var(--lp-space-screen-x) - var(--lp-space-screen-x) / 3), 1rem);
  --lp-glide-card-carousel-arrow-position: calc(max((7.5%) * -1, ((100vw - var(--lp-container-width)) / 2 - var(--lp-glide-card-carousel-arrow-position-space-x)) * -1));
}

.glide_custom-carousel .glide__arrows_light .glide__arrow,
.glide_card-carousel .glide__arrows_light .glide__arrow,
.glide_card-filled-carousel .glide__arrows_light .glide__arrow {
  border-radius: 6px;
  background-color: white;
  color: #353849;
  font-size: 18px;
  line-height: 18px;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-border-neutral-light, rgba(255, 255, 255, 0.20));
  box-shadow: 0px 1px 2px 0px var(--color-effect-component-button-secondary-gray-default-0, rgba(29, 79, 129, 0.04)), 0px 0px 0px 1px var(--color-effect-component-button-secondary-gray-default-1, rgba(18, 55, 105, 0.08));
}

.glide_custom-carousel .glide__arrow:hover,
.glide_card-carousel .glide__arrow:hover,
.glide_card-filled-carousel .glide__arrow:hover {
  background-color: #202939;
}

.glide_custom-carousel .glide__arrow--left,
.glide_card-carousel .glide__arrow--left,
.glide_card-filled-carousel .glide__arrow--left {
  left: var(--lp-glide-card-carousel-arrow-position);
}

.glide_custom-carousel .glide__arrow--right,
.glide_card-carousel .glide__arrow--right,
.glide_card-filled-carousel .glide__arrow--right {
  right: var(--lp-glide-card-carousel-arrow-position);
}

@media only screen and (max-width: 48rem) {

  .glide_custom-carousel .glide__arrow,
  .glide_card-carousel .glide__arrow,
  .glide_card-filled-carousel .glide__arrow {
    position: relative;
    transform: none;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
}

.glide_custom-carousel .glide__track,
.glide_card-carousel .glide__track,
.glide_card-filled-carousel .glide__track {
  overflow: visible;
  position: relative;
}

.glide_card-carousel.glide_card-carousel-focus .glide__track {
  overflow: hidden !important;
}

.glide_custom-carousel .glide__slide,
.glide_card-carousel .glide__slide,
.glide_card-filled-carousel .glide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.glide_card-carousel .glide__slide,
.glide_card-filled-carousel .glide__slide {
  opacity: 0.5;
  transition: opacity 150ms ease-in-out;
  will-change: opacity;
}

@media only screen and (min-width: 80rem) {

  .glide_card-carousel .glide__slide,
  .glide_card-filled-carousel .glide__slide {
    pointer-events: none;
  }
}

.glide_card-carousel .glide__slide--active-custom,
.glide_card-carousel .glide__slide--active,
.glide_card-filled-carousel .glide__slide--active-custom,
.glide_card-filled-carousel .glide__slide--active {
  opacity: 1;
  pointer-events: all;
}

.glide_keep-nav .glide__bullets {
  position: relative;
  display: flex;
  bottom: unset;
  left: unset;
  transform: none;
}

.glide_keep-nav .glide__arrows {
  margin-top: 1rem;
}

.glide_keep-nav .glide__arrow {
  position: relative;
  transform: none;
  left: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

.glide_custom-carousel .glide__track {
  overflow: hidden;
}

.modal_video-embed .modal__wrapper {
  padding: 0;
}

.modal_video-embed iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: none;
}

.yt-embed {
  aspect-ratio: 16/9;
  display: flex;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: filter 300ms ease-in-out;
  will-change: filter;
  position: relative;
}

.yt-embed__button {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  padding: 0.75rem;
  color: #222222;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: none;
}

@media only screen and (min-width: 36rem) {
  .yt-embed__button {
    padding: 1.25rem;
    font-size: 2.75rem;
  }
}

.yt-embed_with-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 41, 57, 0.35);
  z-index: -1;
}

.yt-embed:hover {
  filter: brightness(0.85);
}

.yt-embed-wrap {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}

.running_anim {
  animation: slide 24s linear infinite;
  list-style: none;
  will-change: transform;
}

.running_slow.running_anim {
  animation: slide 28s linear infinite;
}

@keyframes slide {
  0% {
    transform: translateZ(0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.running__item {
  flex-shrink: 0;
}

.running__item_inherit {
  display: inherit;
  gap: inherit;
}

.nav-tab_full .nav-tab__item {
  width: 100%;
  justify-content: center;
}

.nav-tab_scrollable {
  position: relative;
}

.nav-tab_scrollable .nav-tab__wrapper {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* Enable smooth scrolling for mobile */
  width: unset !important;
}

.nav-tab_scrollable .nav-tab__wrapper::-webkit-scrollbar {
  display: none;
  /* Hide scrollbar for Chrome, Safari, and Opera */
}

.nav-tab__scroll-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.nav-tab__scroll-overlay.left {
  left: 0;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.25));
}

.nav-tab__scroll-overlay.right {
  right: 0;
  padding-left: 1.5rem;
  padding-right: 0.5rem;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.25));
}

.nav-tab__scroll-button {
  background-color: white;
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  padding: 6px;
  z-index: 1;
  pointer-events: all;
  aspect-ratio: 1/1;
  color: #353849;
  box-shadow: 0px 1px 2px 0px var(--color-effect-component-button-secondary-gray-default-0, rgba(29, 79, 129, 0.04)), 0px 0px 0px 1px var(--color-effect-component-button-secondary-gray-default-1, rgba(18, 55, 105, 0.08));
}

.nav-tab__scroll-button:hover {
  background: rgba(236, 242, 247);
}

.section__title_start {
  text-align: start;
}

.section__title_xs {
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  color: #353849;
}

/*# sourceMappingURL=main.css.map */

/* ── Ebook Page Styles (from css/main.css) ── */

.ebook-page .hero-ebook {
  background-color: #2a2eb5;
  background-image: url('../../img/ebook/hero-bg.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.ebook-page .hero-ebook .hero-ebook-text {
  padding: 5rem 0 6rem !important;
  flex: 1;
}

.ebook-page .hero-ebook .hero-ebook-content {
  align-items: flex-end !important;
}

.ebook-page .hero-ebook .hero-ebook-text h1 {
  font-weight: bold;
  color: #ffffff;
  font-size: 2.25rem;
  font-family: 'Inter', sans-serif;
}

@media (max-width: 575.98px) {
  .ebook-page .hero-ebook .hero-ebook-text h1 {
    font-size: 1.85rem;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

.ebook-page .hero-ebook .hero-ebook-text p {
  margin-top: 1rem;
  font-weight: normal;
  font-size: 1rem;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  line-height: 1.5rem;
}

.ebook-page .hero-ebook .hero-ebook-img {
  width: 35%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}


.ebook-page .hero-ebook .hero-ebook-img img {
  height: 22rem;
  width: auto;
  object-fit: contain;
  display: block;
}

.ebook-page .hero-ebook .hero-ebook-caption {
  position: absolute;
  left: 46%;
  bottom: 1rem;
  transform: translateX(-50%);
  min-width: 300px;
  padding: 1rem 1.5rem;
  border-radius: 16px;
  text-align: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
}

.ebook-page .hero-ebook .hero-ebook-caption h4 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
}

.ebook-page .hero-ebook .hero-ebook-caption p {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #f2f4f7;
}

@media (max-width: 996px) {
  .ebook-page .hero-ebook .hero-ebook-img img {
    height: 15rem;
  }
}

.ebook-page #section-all-ebook {
  margin-bottom: 5rem;
  background-color: #FCFCFD;
}

.ebook-page #section-all-ebook .title-section {
  text-align: center;
}

.ebook-page #section-all-ebook .title-section h2 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  font-family: 'Sarabun', sans-serif;
  margin-bottom: 0;
}

.ebook-page #section-all-ebook .grid-all-ebook {
  margin: 0 -0.5rem;
}

.ebook-page #section-all-ebook .grid-all-ebook .card {
  padding: 1rem 0.5rem;
  height: 100%;
  border: none;
}

.ebook-page #section-all-ebook .grid-all-ebook .card-img-top {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -webkit-box-shadow: -4px -4px 18px -3px rgba(0, 0, 0, 0.36);
  box-shadow: -4px -4px 18px -3px rgba(0, 0, 0, 0.36);
}

.ebook-page #section-all-ebook .grid-all-ebook .card-body {
  padding: 1.5rem 1rem 0;
}

.ebook-page #section-all-ebook .grid-all-ebook .card-body a {
  text-decoration: none;
}

.ebook-page #section-all-ebook .grid-all-ebook .card-body .title-ebook {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #0f2440;
  font-family: 'Sarabun', sans-serif;
  margin: 0;
}

.ebook-page #section-all-ebook .grid-all-ebook .card-body .title-ebook:hover {
  color: #3949ab;
}

@media (max-width: 575.98px) {
  .ebook-page #section-all-ebook .title-section {
    margin-bottom: 2rem;
  }

  .ebook-page #section-all-ebook .title-section h3 {
    font-size: 1.675rem;
    line-height: 2.5rem;
  }

  .ebook-page #section-all-ebook .grid-all-ebook .card-body {
    padding: 1rem 0.625rem 0;
  }

  .ebook-page #section-all-ebook .grid-all-ebook .card-body .title-ebook {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ebook-page #section-all-ebook .grid-ebooks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.25rem;
}

.ebook-page #section-all-ebook .grid-ebooks .card {
  padding: 1rem;
  height: 100%;
  border: none;
  box-shadow: 0 4px 24px 0 #5E585F0A, 0 2px 8px 0 #5E585F0A;
  display: flex;
  flex-direction: column;
}

.ebook-page #section-all-ebook .grid-ebooks .card-img-top {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 0.8rem;
}

@media (max-width: 991.98px) {
  .ebook-page #section-all-ebook .grid-ebooks {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 575.98px) {
  .ebook-page #section-all-ebook .grid-ebooks {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

.ebook-page #section-all-ebook .grid-ebooks .card-body {
  padding: 1rem 0 0.6rem 0;
}

.ebook-page #section-all-ebook .grid-ebooks .card-body a {
  text-decoration: none;
}

.ebook-page #section-all-ebook .grid-ebooks .card-body .title-ebook {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #0f2440;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.ebook-page #section-all-ebook .grid-ebooks .card-body .title-ebook:hover {
  color: #3949ab;
}

.ebook-page #section-all-ebook .grid-ebooks .card-body .category-ebook {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #4270D9;
  font-family: 'Inter', sans-serif;
  margin: 0.6rem 0 0 0;
}

.ebook-page #section-all-ebook .grid-ebooks .card-body .category-ebook span {
  font-weight: 600;
}

/* ── Section Ebook Highlight ── */

.ebook-page #section-ebook-highlight .title-section {
  margin-bottom: 1.5rem;
}

.ebook-page #section-ebook-highlight .title-section h3 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #202226;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.ebook-page .ebook-highlight-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
}

.ebook-page .ebook-highlight-card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.ebook-page .ebook-highlight-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.ebook-page .ebook-highlight-card .ebook-highlight-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  color: #ffffff;
}

.ebook-page .ebook-highlight-card .ebook-highlight-tag {
  display: inline-block;
  background-color: #4966B8;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  margin-bottom: 0.5rem;
}

.ebook-page .ebook-highlight-card .ebook-highlight-overlay h4 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 0;
  font-family: 'Inter', sans-serif;
}

.ebook-page .ebook-highlight-card .ebook-highlight-overlay p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 0.5rem 0 0;
  opacity: 0.9;
}

.ebook-page .ebook-highlight-main {
  grid-row: 1 / 3;
  min-height: 22rem;
}

.ebook-page .ebook-highlight-sub .ebook-highlight-overlay h4 {
  font-size: 0.95rem;
  line-height: 1.3rem;
}

@media (max-width: 991.98px) {
  .ebook-page .ebook-highlight-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  .ebook-page .ebook-highlight-main {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 18rem;
  }

  .ebook-page .ebook-highlight-sub {
    min-height: 14rem;
  }
}

@media (max-width: 575.98px) {
  .ebook-page .ebook-highlight-grid {
    grid-template-columns: 1fr;
  }

  .ebook-page .ebook-highlight-main {
    grid-column: auto;
    min-height: 14rem;
  }

  .ebook-page .ebook-highlight-sub {
    min-height: 12rem;
  }
}

.ebook-page .ebook-search-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2.5rem;
  z-index: 5;
}

.ebook-page .ebook-search-form {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 16px;
}

.ebook-page .ebook-search-input {
  border: none;
  padding: 0.75rem;
  width: 80%;
  border-radius: 16px;
  font-size: 0.95rem;
  outline: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='6' stroke='%2395A4C8' stroke-width='2'/%3E%3Cpath d='M16 16L20 20' stroke='%2395A4C8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 18px 18px;
}

.ebook-page .ebook-search-button {
  width: 20%;
  border-radius: 16px;
  border: none;
  background-color: #4966B8;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

.ebook-page .ebook-search-button:hover {
  background-color: #3b5599;
  box-shadow: 0 6px 16px rgba(73, 102, 184, 0.45);
  transform: translateY(-1px);
}

.ebook-page .ebook-search-button:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(73, 102, 184, 0.35);
}

.ebook-page #section-all-ebook {
  padding-top: 4.5rem;
}

.ebook-page .ebook-controls {
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.ebook-page .ebook-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ebook-page .ebook-filter-toggle-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.ebook-page .ebook-header-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  gap: 1rem;
}

.ebook-page .ebook-header-row .title-section {
  margin: 0;
}

.ebook-page .ebook-header-row .title-section h3 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #202226;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.ebook-page .btn-ebook-sort-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 10px;
  border: 1px solid #d1d5e5;
  background-color: #ffffff;
  color: #0f2440;
  font-size: 0.875rem;
  padding: 0.45rem 0.9rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ebook-page .btn-ebook-sort-toggle:hover {
  border-color: #4966B8;
  color: #4966B8;
}

.ebook-page .btn-ebook-sort-toggle .sort-toggle-img-icon {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  transition: filter 0.15s ease;
}

.ebook-page .btn-ebook-sort-toggle:hover .sort-toggle-img-icon {
  filter: invert(30%) sepia(80%) saturate(500%) hue-rotate(200deg) brightness(90%);
}

.ebook-page .btn-ebook-filter {
  border-radius: 10px;
  border: 1px solid #d1d5e5;
  background-color: #ffffff;
  color: #0f2440;
  font-size: 0.875rem;
  padding: 0.45rem 0.9rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ebook-page .btn-ebook-filter.active {
  background-color: #4966B8;
  border-color: #4966B8;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(73, 102, 184, 0.35);
}

.ebook-page .btn-ebook-filter:hover {
  border-color: #4966B8;
  color: #4966B8;
}

.ebook-page .btn-ebook-filter.active:hover {
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .ebook-page .ebook-search-wrapper {
    bottom: -3.25rem;
  }

  .ebook-page .ebook-search-form {
    padding: 0.3rem;
  }

  .ebook-page .ebook-search-input {
    font-size: 0.875rem;
    padding: 0.6rem 0.9rem;
  }

  .ebook-page .ebook-search-button {
    font-size: 0.875rem;
    padding: 0.6rem 0.75rem;
  }

  .ebook-page #section-all-ebook {
    padding-top: 5rem;
  }

  .ebook-page .ebook-controls {
    flex-direction: column;
    align-items: flex-start;
  }

  .ebook-page .ebook-sort-group {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 575.98px) {
  .ebook-page #section-all-ebook .title-section {
    margin-bottom: 2rem;
  }

  .ebook-page #section-all-ebook .title-section h3 {
    font-size: 1.675rem;
    line-height: 2.5rem;
  }

  .ebook-page #section-all-ebook .grid-ebooks .card-body {
    padding: 1rem 0.625rem 0;
  }

  .ebook-page #section-all-ebook .grid-ebooks .card-body .title-ebook {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ebook-page #section-all-ebook .nav-page {
  margin: auto 0;
}

.ebook-page #header-single-ebook {
  background: url('../../img/ornamen2-testimoninew.png');
  background-position: bottom left, top right;
  background-repeat: no-repeat;
  background-size: auto, contain;
  background-color: #2a2eb5;
  color: #fff;
  padding: 5rem 0 3rem;
  margin-bottom: 5rem;
}

.ebook-page #header-single-ebook .container .row {
  margin: 0 -1.5rem;
}

.ebook-page #header-single-ebook .container .row .col {
  padding: 0 1.5rem;
}

.ebook-page #header-single-ebook .container .row .col.left .cover-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1rem;
}

.ebook-page #header-single-ebook .container .row .col.right .title-ebook {
  font-weight: bold;
  font-size: 2.25rem;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 2rem;
  line-height: 3rem;
}

.ebook-page #header-single-ebook .container .row .col.right .abstrak-ebook {
  margin: 0;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.6rem;
  font-family: 'Sarabun', sans-serif;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya {
  margin-top: 2.5rem;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn {
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 18.75rem;
  padding: 0.8125rem 1.875rem;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: 6px 6px 0 0 rgba(239, 36, 39, 0.2);
  box-shadow: 6px 6px 0 0 rgba(239, 36, 39, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 100vh;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red {
  color: #fff;
  background-color: #e81115;
  border-color: #e81115;
  min-height: 3.25rem;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:focus {
  color: #fff;
  background-color: #e81115;
  border: 1px solid transparent;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:focus:after {
  background-position: 18px;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:focus:before {
  right: 30px;
  width: 10px;
  opacity: 1;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:hover {
  color: #fff;
  background-color: #e81115;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:hover:after {
  background-position: 18px;
}

.ebook-page #header-single-ebook .container .row .col.right .button-selengkapnya .btn-red:hover:before {
  right: 30px;
  width: 10px;
  opacity: 1;
}

@media (max-width: 575.98px) {
  .ebook-page #header-single-ebook {
    padding: 3rem 0 2rem;
    margin-bottom: 3rem;
  }

  .ebook-page #header-single-ebook .container .row {
    margin: 0 -1rem;
  }

  .ebook-page #header-single-ebook .container .row .col {
    padding: 0 1rem;
  }

  .ebook-page #header-single-ebook .container .row .col.right {
    margin-top: 1rem;
  }

  .ebook-page #header-single-ebook .container .row .col.right .title-ebook {
    font-size: 1.85rem;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

.ebook-page #ebook-content .container .row .col-12 .content-section {
  font-family: 'Sarabun', sans-serif;
}

.ebook-page #ebook-content .container .row .col-12 .content-section p {
  font-size: 1.125rem;
  line-height: 1.6rem;
  margin-bottom: 1.325rem;
}

.ebook-page #ebook-content .container .row .col-12 .content-section .title-form {
  margin: 5rem 0 3rem;
  text-align: center;
}

.ebook-page #ebook-content .container .row .col-12 .content-section select,
.ebook-page #ebook-content .container .row .col-12 .content-section input,
.ebook-page #ebook-content .container .row .col-12 .content-section .select2-selection {
  border-radius: 4px !important;
}

.ebook-page #ebook-content .container .row .col-12 .content-section .wpcf7 {
  margin: 0 auto 7rem;
  max-width: 480px;
  font-family: 'Sarabun', sans-serif;
}

.ebook-page #ebook-content .container .row .col-12 .content-section .wpcf7 label {
  font-size: 1rem;
  font-weight: 400;
}

.ebook-page #ebook-content .container .row .col-12 .content-section .wpcf7 .btn-selengkapnya2 {
  margin: 2rem 0 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 1rem;
}

@media (max-width: 575.98px) {
  .ebook-page #ebook-content .container .row .col-12 .content-section .title-form {
    margin: 3rem 0 2rem;
  }

  .ebook-page #ebook-content .container .row .col-12 .content-section .wpcf7 {
    margin-bottom: 4rem;
  }

  .ebook-page #ebook-content .container .row .col-12 .content-section .btn-selengkapnya2 {
    margin: 2rem 0 0;
    width: 100%;
  }
}

.ebook-page #rekomendasi-ebook {
  margin-bottom: 5rem;
}

.ebook-page #rekomendasi-ebook .title-section {
  margin-bottom: 3rem;
  text-align: center;
}

.ebook-page #rekomendasi-ebook .title-section h3 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  font-family: 'Sarabun', sans-serif;
  margin-bottom: 0;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook {
  margin: 0 -0.5rem;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card {
  padding: 1rem 0.5rem;
  height: 100%;
  border: none;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-img-top {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -webkit-box-shadow: -4px -4px 18px -3px rgba(0, 0, 0, 0.36);
  box-shadow: -4px -4px 18px -3px rgba(0, 0, 0, 0.36);
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body {
  padding: 1.5rem 1rem 0;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body a {
  text-decoration: none;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body .title-ebook {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #0f2440;
  font-family: 'Sarabun', sans-serif;
  margin: 0;
}

.ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body .title-ebook:hover {
  color: #3949ab;
}

.ebook-page #rekomendasi-ebook .link-list a {
  text-decoration: none;
}

.ebook-page #rekomendasi-ebook .link-list a h4 {
  text-align: right;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: 'Sarabun', sans-serif;
  color: #3949ab;
  margin: 0;
  text-decoration: underline;
}

.ebook-page #rekomendasi-ebook .link-list a h4:hover {
  color: #0f2440;
}

@media (max-width: 575.98px) {
  .ebook-page #rekomendasi-ebook .title-section {
    margin-bottom: 2rem;
  }

  .ebook-page #rekomendasi-ebook .title-section h3 {
    font-size: 1.675rem;
    line-height: 2.5rem;
  }

  .ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body {
    padding: 1rem 0.625rem 0;
  }

  .ebook-page #rekomendasi-ebook .rekomendasi-ebook .card-body .title-ebook {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.ebook-page #cta-siakadcloud .container {
  background-color: #0f4b89;
  border-radius: 50px;
  margin: 2rem auto 10rem;
  width: 75vw;
}

@media (max-width: 991.98px) {
  .ebook-page #cta-siakadcloud .container {
    margin-top: 4rem;
  }
}

@media (max-width: 575.98px) {
  .ebook-page #cta-siakadcloud .container {
    margin-top: 10rem;
  }
}

.ebook-page #cta-siakadcloud .container .row {
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}

.ebook-page #cta-siakadcloud .container .row>img {
  position: absolute;
}

.ebook-page #cta-siakadcloud .container .row>img#topright {
  top: 20px;
  right: 30px;
}

.ebook-page #cta-siakadcloud .container .row>img#botright {
  bottom: 0;
  right: 0;
}

.ebook-page #cta-siakadcloud .container .row .left {
  background-image: url('../../img/ebook/siakad-ad/bg-info-header-2.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ebook-page #cta-siakadcloud .container .row .left .mockup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ebook-page #cta-siakadcloud .container .row .left .mockup img {
  width: auto;
  height: auto;
  max-width: 85%;
  max-height: 85%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .ebook-page #cta-siakadcloud .container .row .left .mockup img {
    width: 320px;
    max-width: 90%;
    margin: 1rem;
    margin-top: 2rem;
  }
}

.ebook-page #cta-siakadcloud .container .row .right {
  padding: 4rem;
  padding-left: 2rem;
}

@media (max-width: 991.98px) {
  .ebook-page #cta-siakadcloud .container .row .right {
    padding: 2rem 3rem !important;
  }
}

.ebook-page #cta-siakadcloud .container .row .right h2 {
  font-size: 2.4rem;
  line-height: 52px;
  color: #fff;
  margin-bottom: 16px;
}

.ebook-page #cta-siakadcloud .container .row .right p {
  font-size: 1rem;
  line-height: 28px;
  color: #fff;
  margin-bottom: 40px;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn {
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  padding: 0.8125rem 1.875rem;
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: 6px 6px 0 0 rgba(255, 160, 0, 0.2);
  box-shadow: 6px 6px 0 0 rgba(255, 160, 0, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 100vh;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary {
  color: #fff;
  background-color: #ffb300;
  border-color: #ffb300;
  padding-right: 5.0625rem;
  min-height: 3.25rem;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:focus {
  color: #fff;
  background-color: #ffb300;
  border: 1px solid transparent;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:focus:after {
  background-position: 18px;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:focus:before {
  right: 30px;
  width: 10px;
  opacity: 1;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:hover {
  color: #fff;
  background-color: #ffb300;
  border-color: #ffb300;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:hover:after {
  background-position: 18px;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:hover:before {
  right: 30px;
  width: 10px;
  opacity: 1;
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:before {
  position: absolute;
  top: 50%;
  right: 32px;
  z-index: 1;
  width: 0;
  height: 2px;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out,
    width right 0.3s ease-in-out ease-in 0.3s;
  transition: opacity 0.3s ease-in-out,
    width right 0.3s ease-in-out ease-in 0.3s;
  content: '';
}

.ebook-page #cta-siakadcloud .container .row .right .cta-button .btn-primary:after {
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 3.4375rem;
  height: 2.5rem;
  background-color: #ef6c00;
  background-image: url('../../img/ico_arrow-right.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background-position 0.3s ease-in-out;
  transition: background-position 0.3s ease-in-out;
  content: '';
  border-radius: 100vh;
}

@media (max-width: 767.98px) {
  .ebook-page #cta-siakadcloud .container .row .right h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 1rem;
  }

  .ebook-page #cta-siakadcloud .container .row .right p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-bottom: 2rem;
  }

  .ebook-page #cta-siakadcloud .container .row .right .btn {
    font-size: 0.875rem;
  }
}

/* ── Single Ebook Detail (ecommerce style) ── */

.ebook-page #header-single-ebook {
  background: none;
  background-color: #ffffff;
  color: #0f2440;
  padding: 2.5rem 0 3rem;
  margin-bottom: 0;
}

.ebook-page .single-ebook-detail {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 3rem;
  align-items: flex-start;
}

/* Gallery */
.ebook-page .single-ebook-gallery {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ebook-page .single-ebook-main-img {
  overflow: hidden;
  background-color: #f4f5f8;
  padding: 4rem 6rem;
  border-radius: 1rem;
}

.ebook-page .single-ebook-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
  box-shadow: 0 8px 32px 0 rgba(94, 88, 95, 0.13), 0 2px 8px 0 rgba(94, 88, 95, 0.08);
  display: block;
  transition: transform 0.3s ease;
}

.ebook-page .single-ebook-thumbnails-wrapper {
  position: relative;
}

.ebook-page .thumb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease;
  padding: 0;
  z-index: 2;
}

.ebook-page .thumb-nav-prev {
  left: 0.3rem;
}

.ebook-page .thumb-nav-next {
  right: 0.3rem;
}

.ebook-page .thumb-nav:hover {
  background-color: rgba(255, 255, 255, 0.85);
}

.ebook-page .thumb-nav svg {
  width: 1.5rem;
  height: 1.5rem;
}

.ebook-page .single-ebook-thumbnails {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
  gap: 0.4rem;
  width: 100%;
}

.ebook-page .single-ebook-thumbnails::-webkit-scrollbar {
  display: none;
}

.ebook-page .single-ebook-thumb {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.15s ease, opacity 0.15s ease;
  opacity: 0.65;
}

.ebook-page .single-ebook-thumb:hover {
  opacity: 0.9;
}

.ebook-page .single-ebook-thumb.active {
  border-color: #4966B8;
  opacity: 1;
}

/* Info */
.ebook-page .single-ebook-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 0.5rem;
}

.ebook-page .single-ebook-badge {
  display: inline-block;
  background-color: #EEF1FB;
  color: #4966B8;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  width: fit-content;
}

.ebook-page .single-ebook-info .title-ebook {
  font-size: 1.75rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #0f2440;
  font-family: 'Poppins', sans-serif;
  margin: 0;
}

.ebook-page .single-ebook-info .abstrak-ebook {
  font-size: 1rem;
  line-height: 1.7rem;
  color: #4a5568;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.ebook-page .single-ebook-meta {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #364152;
  font-family: 'Inter', sans-serif;
  margin: 0.6rem 0 0 0;
}

.ebook-page .single-ebook-meta-label {
  font-weight: 600;
}

.ebook-page .single-ebook-meta-value {
  font-weight: 400;
}

.ebook-page .single-ebook-info .button-selengkapnya {
  margin-top: 0.5rem;
}

.ebook-page .single-ebook-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 2rem;
  background-color: #4966B8;
  color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
}

.ebook-page .single-ebook-download-btn:hover {
  background-color: #3b5599;
  color: #ffffff;
}

.ebook-page .single-ebook-download-btn svg {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}

/* card aktif (ebook yang sedang dibuka) */
.ebook-page #section-all-ebook .grid-ebooks .card.single-ebook-current {
  outline: 2px solid #4966B8;
  outline-offset: 2px;
}

/* Tablet */
@media (max-width: 991.98px) {
  .ebook-page .single-ebook-detail {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .ebook-page .single-ebook-main-img {
    aspect-ratio: auto;
    max-height: 28rem;
  }

  .ebook-page .single-ebook-main-img img {
    height: 100%;
  }

  .ebook-page .single-ebook-download-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Mobile */
@media (max-width: 575.98px) {
  .ebook-page #header-single-ebook {
    padding: 1.5rem 0 2rem;
  }

  .ebook-page .single-ebook-info .title-ebook {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .ebook-page .thumb-nav {
    width: 2rem;
    height: 2rem;
  }
}

/* ── Ebook Breadcrumb ── */

.ebook-page .ebook-breadcrumb {
  background-color: #ffffff;
  border-bottom: 1px solid #eaecf0;
  padding: 0.75rem 0;
  margin-top: 4.4rem;
}

.ebook-page .ebook-breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ebook-page .ebook-breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-family: 'Inter', sans-serif;
}

.ebook-page .ebook-breadcrumb-item a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #4966B8;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.ebook-page .ebook-breadcrumb-item a:hover {
  color: #3b5599;
  text-decoration: underline;
}

.ebook-page .ebook-breadcrumb-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.ebook-page .ebook-breadcrumb-separator {
  display: flex;
  align-items: center;
  color: #9aa5b4;
}

.ebook-page .ebook-breadcrumb-separator svg {
  width: 1rem;
  height: 1rem;
}

.ebook-page .ebook-breadcrumb-item.active {
  color: #606f89;
  font-weight: 400;
}

/* =========================================
   SECTION FORM DOWNLOAD EBOOK (inline)
   ========================================= */
/*
 * Sembunyikan section form menggunakan max-height + opacity agar WPForms dan
 * Choices.js tetap bisa menginisialisasi elemen saat page load (display:none
 * menyebabkan WPForms melewati inisialisasi select/dropdown).
 */
.ebook-form-hidden {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  pointer-events: none !important;
}

#section-ebook-form {
  transition: opacity 0.35s ease, max-height 0.4s ease;
  max-height: 5000px;
}

#section-ebook-form {
  background: #f8f9fb;
}

.ebook-form-card {
  /* background: #fff;
  border-radius: 1rem;
  padding: 2rem 2rem 1.75rem; */
  max-width: 620px;
  margin: 0 auto;
  /* box-shadow: 0 4px 24px rgba(0,0,0,0.07);
  border: 1px solid #e9ecf3; */
}

/* Step bar */
.ebook-steps-bar {
  display: flex;
  align-items: center;
  margin-bottom: 1.75rem;
  padding-right: 2rem;
}

.ebook-step-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.ebook-step-dot {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #d1d5e5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.2s, background 0.2s;
}

.ebook-step-item .step-num {
  font-size: 0.85rem;
  font-weight: 600;
  color: #9aa5b4;
}

.ebook-step-item .step-check {
  display: none;
  width: 1rem;
  height: 1rem;
}

.ebook-step-item .step-label {
  font-size: 0.85rem;
  color: #9aa5b4;
  white-space: nowrap;
  transition: color 0.2s;
}

.ebook-step-connector {
  flex: 1;
  height: 2px;
  background: #e2e8f0;
  margin: 0 0.6rem;
  transition: background 0.2s;
}

/* Active step */
.ebook-step-item.active .ebook-step-dot {
  border-color: #4966B8;
  background: #fff;
}

.ebook-step-item.active .step-num {
  color: #4966B8;
}

.ebook-step-item.active .step-label {
  color: #4966B8;
  font-weight: 600;
}

/* Completed step */
.ebook-step-item.completed .ebook-step-dot {
  border-color: #4966B8;
  background: #4966B8;
}

.ebook-step-item.completed .step-num {
  display: none;
}

.ebook-step-item.completed .step-check {
  display: block;
}

.ebook-step-item.completed .step-label {
  color: #4966B8;
  font-weight: 500;
}

.ebook-step-item.completed+.ebook-step-connector {
  background: #4966B8;
}

/* Form elements */
.ebook-form-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.35rem;
}

.ebook-form-desc {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0 0 1.25rem;
}

.ebook-form-group {
  margin-bottom: 1rem;
}

.ebook-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ebook-form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.4rem;
}

.ebook-req {
  color: #ef4444;
  margin-left: 1px;
}

.ebook-form-label small {
  font-weight: 400;
  color: #9aa5b4;
}

.ebook-form-input,
.ebook-form-select {
  width: 100%;
  padding: 0.6rem 0.85rem;
  border: 1.5px solid #d1d5e5;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #111827;
  background: #fff;
  transition: border-color 0.15s, box-shadow 0.15s;
  outline: none;
  box-sizing: border-box;
}

.ebook-form-input:focus,
.ebook-form-select:focus {
  border-color: #4966B8;
  box-shadow: 0 0 0 3px rgba(73, 102, 184, 0.12);
}

.ebook-form-textarea {
  resize: vertical;
  min-height: 5rem;
}

.ebook-form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%239aa5b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2.25rem;
  cursor: pointer;
}

/* Choice items (checkbox & radio) */
.ebook-checkbox-list,
.ebook-radio-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ebook-choice-item {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.65rem 0.85rem;
  border: 1.5px solid #e2e8f0;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  font-size: 0.875rem;
  color: #374151;
  line-height: 1.45;
}

.ebook-choice-item:hover {
  border-color: #4966B8;
  background: #f5f7ff;
}

.ebook-choice-item.is-checked {
  border-color: #4966B8;
  background: #eef1fb;
}

.ebook-choice-item input[type="checkbox"],
.ebook-choice-item input[type="radio"] {
  flex-shrink: 0;
  margin-top: 0.1rem;
  accent-color: #4966B8;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

/* Error message */
.ebook-form-error {
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-radius: 0.5rem;
  color: #b91c1c;
  font-size: 0.85rem;
  padding: 0.6rem 0.85rem;
  margin-bottom: 0.75rem;
}

/* Submit button */
.ebook-form-btn {
  display: block;
  width: 100%;
  padding: 0.85rem 1rem;
  background: #4966B8;
  color: #fff;
  border: none;
  border-radius: 0.6rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: background 0.15s, opacity 0.15s;
  margin-top: 0.75rem;
}

.ebook-form-btn:hover {
  background: #3a55a6;
  color: #fff;
}

.ebook-form-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ebook-form-btn-outline {
  background: #fff;
  color: #4966B8;
  border: 2px solid #4966B8;
}

.ebook-form-btn-outline:hover {
  background: #f5f7ff;
  color: #4966B8;
}

/* Step 3: Success */
.ebook-success-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem 0 0.5rem;
}

.ebook-success-illustration {
  margin-bottom: 1.25rem;
}

.ebook-success-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #111827;
  margin: 0 0 0.6rem;
}

.ebook-success-desc {
  font-size: 0.9rem;
  color: #6b7280;
  margin: 0 0 1.5rem;
  max-width: 340px;
}

/* Responsive */
@media (max-width: 575.98px) {
  .ebook-form-card {
    padding: 1.5rem 1.25rem 1.25rem;
  }

  .ebook-form-row {
    grid-template-columns: 1fr;
  }

  .ebook-steps-bar {
    gap: 0;
  }

  .ebook-step-item .step-label {
    display: none;
  }

  .ebook-step-item.active .step-label {
    display: block;
    font-size: 0.8rem;
  }
}