@charset "UTF-8";
/**************************
 * mixins min max width
 * avec ce qu'on veut dedans
 *************************/
/*
<576px
Small 	sm 	≥576px
Medium 	md 	≥768px
Large 	lg 	≥992px
Extra large 	xl 	≥1200px
Extra extra large 	xxl 	≥1400px
*/
.alert {
  font-size: 1.1rem;
  font-weight: 500;
}
.alert a {
  color: rgb(246, 192, 30);
}
.alert a:hover {
  color: #ff6fb4;
}

.btn {
  margin-block-end: 0.4rem;
}

.swal2-confirm.swal2-styled,
.btn.btn-success,
.btn.btn-danger {
  background: var(--jaune);
  border-color: var(--jaune);
  color: black;
  font-weight: 500;
  letter-spacing: 1px;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.3s;
}
.swal2-confirm.swal2-styled:hover,
.btn.btn-success:hover,
.btn.btn-danger:hover {
  background: var(--vert);
  border-color: var(--vert);
  color: white;
}

.btn.btn-danger {
  background: red;
  border-color: red;
  color: #fff;
}
.btn.btn-danger:hover {
  background: FireBrick;
  border-color: FireBrick;
  color: white;
}

.roundaddlink {
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  color: var(--jaune);
}
.roundaddlink:hover {
  color: var(--vert);
}

.rounddellink {
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
  color: red;
}
.rounddellink:hover {
  color: FireBrick;
}

button.print_section,
button.printday {
  font-size: 1rem;
  line-height: 1;
  width: 2rem;
  display: inline-grid;
  place-content: center;
  margin-left: 0.5rem;
  border: 1px solid black;
  border-radius: 50%;
  aspect-ratio: 1/1;
  transition: color 0.3s, background 0.3s;
}
button.print_section:hover,
button.printday:hover {
  background: var(--vert);
  color: #fff;
}
@media print {
  button.print_section,
  button.printday {
    display: none;
  }
}

table tr td a {
  color: var(--orange);
  text-decoration: none;
}
table tr td a:hover {
  text-decoration: underline;
  color: #006b5e;
}
table tr td a.red_action:hover {
  color: rgb(206, 43, 55);
}

.table-hover > tbody > tr:hover > * {
  color: #000;
}

.med_tab {
  width: min(1200px, 100%);
}

.med1000_tab {
  width: min(1000px, 100%);
}

.small_tab {
  width: min(800px, 100%);
}
.small_tab table.table {
  width: max(600px, 100%);
}

.tiny_tab {
  width: min(600px, 100%);
}
.tiny_tab table.table {
  width: 100%;
}

thead th,
tfoot th {
  font-family: "Louise", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  text-align: left !important;
}
thead th.action,
tfoot th.action {
  width: 80px;
  padding: 0;
}
thead th.txt_center,
tfoot th.txt_center {
  text-align: center !important;
}
thead th.narrow_action,
tfoot th.narrow_action {
  width: 40px;
  padding: 0;
  text-align: center;
}
thead th.txt_center,
tfoot th.txt_center {
  text-align: center;
}
thead th.txt_center.dt-type-numeric,
tfoot th.txt_center.dt-type-numeric {
  text-align: center !important;
}

tbody td {
  font-size: 0.95rem;
}
@media (width >= 1024px) {
  tbody td {
    font-size: clamp(0.75rem, 0.19rem + 0.75vw, 0.9375rem);
  }
}
tbody td.action {
  white-space: nowrap;
  font-size: 1rem;
  width: 80px;
}
tbody td.action i {
  margin-inline: 0.1rem;
}
tbody td.narrow_action {
  width: 40px;
  padding: 0;
  text-align: center !important;
  line-height: 1rem;
  vertical-align: middle;
}
tbody td.narrow_action a {
  display: inline-block;
}
tbody td.article_td {
  width: 80px;
  text-align: center;
}
tbody td.txt_center {
  text-align: center !important;
}
tbody td.txt_center.dt-type-numeric {
  text-align: center !important;
}
tbody td.txt_center.dt-type-numeric a {
  display: inline-block;
}

.list_mails a {
  font-weight: 500;
}

.paginate_button.page-item a {
  color: #666;
}
.paginate_button.page-item a:hover {
  background: #fc8c79;
  border-color: #fc8c79;
  color: #fff;
}
.paginate_button.page-item.active a {
  background: rgb(246, 192, 30);
  border-color: rgb(246, 192, 30);
  color: #222;
}
.paginate_button.page-item.disabled a {
  color: #aaa;
}

table thead th {
  white-space: nowrap;
}

/*********************
 * datatables
 *********************/
table:not(.wotd_tab, .wotd_basetab, .calcoltab) thead th,
table:not(.wotd_tab, .wotd_basetab, .calcoltab) tfoot th {
  background-color: var(--jaune) !important;
}

tfoot th input {
  width: 70% !important;
  border: 1px solid rgb(246, 192, 30);
  border-radius: 3px;
}

tfoot th input[type=checkbox],
thead th input[type=checkbox],
tbody tr td input[type=checkbox] {
  width: auto !important;
  border: 1px solid #00e2ff;
  border-radius: 0;
  accent-color: #006b5e;
}

table tbody > tr.odd.selecrow td,
table tbody > tr.even.selecrow td,
table tbody > tr.selecrow td {
  background-color: rgb(from var(--rose) r g b/0.15);
}

.table-group-divider {
  border-top: 2px solid #999;
}

.dataTables_wrapper .row:first-of-type {
  padding-bottom: 0.4rem;
}

div.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}

.dt-paging-button.page-item a.page-link {
  color: black;
}

.pagination .active > .page-link,
.dt-paging-button.page-item.active {
  z-index: 3;
  border-color: var(--jaune);
  background: var(--jaune);
}

td:has(span[data-col]) {
  cursor: pointer;
}

span[data-col$=-note] {
  display: inline-block;
  width: 20rem;
}

table.action1 tr th:last-child,
table.action1 tr td:last-child {
  padding-inline: 0.6rem;
  text-align: center;
}

.tabulator-cell.wrap_content_60,
.tabulator-cell.wrap_content_80,
.tabulator-cell.wrap_content_90,
.tabulator-cell.wrap_content_120 {
  white-space: normal !important;
  max-width: 120px !important;
}

.tabulator-cell.wrap_content_60 {
  max-width: 60px !important;
}

.tabulator-cell.wrap_content_80 {
  max-width: 80px !important;
}

.tabulator-cell.wrap_content_90 {
  max-width: 90px !important;
}

.dropdown.bootstrap-select,
.btn.dropdown-toggle.btn-light {
  background: #fff !important;
  border: 1px solid #ddd !important;
}
.dropdown.bootstrap-select:focus,
.btn.dropdown-toggle.btn-light:focus {
  outline: none !important;
  border-color: #86b7fe !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.dropdown-item.active.selected,
.dropdown-item:focus {
  background: green;
}

label,
label.form-label {
  font-weight: 600 !important;
}

.form-text {
  color: var(--rose_dense);
}

input.readonly {
  background: #efefef !important;
}

form.medium_form {
  width: min(1000px, 100%);
}

form.mail_form {
  width: min(700px, 100%);
}
form.mail_form textarea {
  min-height: 600px;
}

.fpickym,
.forminp.modalflatpick,
.forminp.modalflatpick .pickwrap,
.forminp.modalflatpickymd .pickwrap,
.fpickymd.pickwrap,
.fpickymdsem.pickwrap,
.fpickym.pickwrap {
  display: flex;
  gap: 0.1rem;
}
.fpickym a.input-button i,
.forminp.modalflatpick a.input-button i,
.forminp.modalflatpick .pickwrap a.input-button i,
.forminp.modalflatpickymd .pickwrap a.input-button i,
.fpickymd.pickwrap a.input-button i,
.fpickymdsem.pickwrap a.input-button i,
.fpickym.pickwrap a.input-button i {
  font-size: 2rem;
  color: red;
}

.inline_select_alone {
  display: grid;
  grid-template-columns: 1fr min-content;
}

select:focus,
.selectize-input.focus,
.form-select-sm:focus,
.form-select:focus {
  outline: none;
  box-shadow: none !important;
}

form.pourfill-form {
  display: inline-block !important;
}

.form-select.form-select-sm.pourfill-select {
  display: inline-block;
  width: 300px;
}

.mini_topform_wrapper {
  width: 450px;
  padding: 1rem;
  border: 1px solid #ddd;
  background: #f8f8f8;
  margin-bottom: 1rem;
}

form .row.danger {
  background: rgb(206, 43, 55);
  color: white;
}

/***************************
 * switches
 **************************/
/* The switch - the box around the slider */
.role_switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  /* The slider */
}
.role_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background: #fff;
  transition: 0.4s;
  border-radius: 30px;
  border: 1px solid #ccc;
}
.role_switch .slider:before {
  position: absolute;
  display: grid;
  place-content: center;
  font-weight: 700;
  line-height: 1;
  content: "-";
  color: white;
  height: 28px;
  width: 28px;
  border-radius: 16px;
  left: 1.2px;
  top: 0;
  bottom: 0;
  background-color: var(--rouge);
  box-shadow: 0 2px 5px #999999;
  transition: 0.4s;
}
.role_switch input:checked + .slider {
  border: 1px solid var(--vert);
}
.role_switch input:checked + .slider:before {
  transform: translateX(28px);
  content: "+";
  background: var(--vert);
}

/* Hide default HTML checkbox */
.role_switch input {
  opacity: 1;
  width: 0;
  height: 0;
}

#menu_wrap {
  position: fixed;
  height: 100%;
  background: var(--jaune);
  width: 280px;
  z-index: 60;
  left: -280px;
  top: 0;
  transition: all 0.4s;
}
#menu_wrap #navwrap {
  width: 280px;
  height: 100%;
  position: fixed;
  padding: 1.8rem;
  z-index: 10;
  overflow-y: auto;
}
#menu_wrap h4 {
  line-height: 1.2;
  padding-bottom: 6px;
  margin-bottom: 0;
}
#menu_wrap a {
  color: #222;
  font-weight: 500;
  text-decoration: none !important;
}
#menu_wrap a#menu_home {
  display: block;
  font-size: 1.2rem;
  padding-bottom: 1.25rem;
}
#menu_wrap ul {
  list-style: none;
}
#menu_wrap ul li {
  height: 2rem;
  padding-right: 0.5rem;
  position: relative;
  isolation: isolate;
  line-height: 1;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
#menu_wrap ul li.active, #menu_wrap ul li:not(.active):hover {
  padding-left: 0.6rem;
  border-bottom: 0;
}
#menu_wrap ul li.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00e2ff;
  z-index: -1;
  clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
}
#menu_wrap ul li:not(.active):hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(from var(--orange) r g b/0.4);
  z-index: -1;
  clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
}
#menu_wrap #left_menu {
  position: sticky;
}
#menu_wrap.opened {
  left: 0;
}
@media (width >= 1024px) {
  #menu_wrap {
    position: relative;
    left: 0;
  }
}

#openmenu,
#closemenu {
  color: #000;
  position: absolute;
  top: 15px;
  right: 2rem;
  z-index: 50;
}
#openmenu:hover,
#closemenu:hover {
  color: var(--vert);
}
@media (width >= 1024px) {
  #openmenu,
  #closemenu {
    display: none;
  }
}

#closemenu {
  right: 15px;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
  max-width: 650px;
  height: auto;
  padding: 0;
  border-radius: 10px;
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content iframe {
  border-radius: 10px;
}
.fancybox__carousel .fancybox__slide.has-iframe .carousel__button.is-close,
.fancybox__carousel .fancybox__slide.has-iframe .f-button.is-close-btn {
  top: 10px;
  right: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  z-index: 50000;
  background: var(--jaune);
  color: #fff !important;
  stroke-width: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: background-color 250ms;
}
.fancybox__carousel .fancybox__slide.has-iframe .carousel__button.is-close:hover,
.fancybox__carousel .fancybox__slide.has-iframe .f-button.is-close-btn:hover {
  background: var(--vert);
}

.tinyframe .fancybox__slide.has-iframe .fancybox__content {
  max-width: 500px;
  max-height: 80% !important;
  padding: 0;
  border-radius: 10px;
}
.tinyframe .fancybox__slide.has-iframe .fancybox__content iframe {
  border-radius: 10px;
}

button.closemodal {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.2rem;
  color: white;
  background: var(--jaune);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  line-height: 1;
  width: 40px;
  height: 40px;
  display: grid;
  place-content: center;
  border: none;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.3);
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
  width: 100%;
  height: 100%;
  padding: 0;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content iframe {
  width: 100%;
  height: 100%;
}

ul.result_ul {
  width: 100%;
  display: block;
  margin: 0 auto 1.5rem auto;
  border-top: 1px solid hsl(0, 0%, 80%);
}
ul.result_ul li {
  display: grid;
  border-bottom: 1px solid hsl(0, 0%, 80%);
}
ul.result_ul li strong {
  padding: 3px 10px;
  background: hsl(0, 0%, 92%);
}
ul.result_ul li span {
  padding: 3px 10px;
}
@media (width >= 576px) {
  ul.result_ul li {
    grid-template-columns: 30% 1fr;
  }
  ul.result_ul li strong {
    text-align: right;
  }
}
ul.result_ul li ul {
  width: 100%;
}
ul.result_ul li ul li {
  display: block;
  border-bottom: 0;
  width: 100%;
}
ul.result_ul a {
  color: #fc8c79;
  text-decoration: none;
}
ul.result_ul a:hover {
  text-decoration: underline;
}

/* fill calendar */
:root {
  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;
  --fc-button-text-color: #000;
  --fc-button-bg-color: rgb(246, 192, 30);
  --fc-button-border-color: rgb(246, 192, 30);
  --fc-button-hover-bg-color: orange;
  --fc-button-hover-border-color: orange;
  --fc-button-active-bg-color: orange;
  --fc-button-active-border-color: orange;
  --fc-event-bg-color: #ce2b37;
  --fc-event-border-color: #ce2b37;
  --fc-event-text-color: #fff;
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;
  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(252, 140, 121, 0.3);
  --fc-now-indicator-color: $rouge;
  --fc-daygrid-event-dot-width: 8px;
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-daygrid-week-number.week_number {
  width: 100%;
  background: rgb(246, 192, 30);
  color: black;
  transition: background 0.3s;
  text-decoration: none !important;
  margin-top: 1.5rem;
}
.fc-daygrid-week-number.week_number:hover {
  text-decoration: none;
  background: #006b5e;
  color: #fff;
}

.fc .fc-daygrid-day-number {
  font-weight: 700 !important;
}

.fc-day-today {
  background: var(--fc-today-bg-color);
}

.a.fc-daygrid-day-number {
  cursor: default !important;
}

th.fc-col-header-cell.fc-day {
  text-align: center;
}
th.fc-col-header-cell.fc-day .fc-scrollgrid-sync-inner {
  text-align: center;
}
th.fc-col-header-cell.fc-day a {
  display: inline-block;
  color: #333;
  text-decoration: none;
}

.fc-event-title-container {
  padding-inline: 0.5rem;
}

.fc-daygrid-event-harness {
  margin-top: 20px !important;
}

:root {
  --pwm_bg: #ffffff;
  --pwm_bg2: #f5f5f3;
  --pwm_bg3: #ebebea;
  --pwm_text: #1a1a18;
  --pwm_text2: #6b6b68;
  --pwm_text3: #9e9e9b;
  --pwm_border: rgba(0, 0, 0, 0.12);
  --pwm_border2: rgba(0, 0, 0, 0.22);
  --pwm_success-bg: #eaf3de;
  --pwm_success-text: #3b6d11;
  --pwm_danger-bg: #fcebeb;
  --pwm_danger-text: #a32d2d;
  --pwm_radius: 8px;
  --pwm_radius-lg: 12px;
}

.pw_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.btn-toggle {
  font-size: 14px;
  padding: 7px 11px;
  border: 0.5px solid var(--pwm_border2);
  border-radius: var(--pwm_radius);
  cursor: pointer;
  background: var(--pwm_bg2);
  color: var(--pwm_text);
  font-family: inherit;
  white-space: nowrap;
}

.btn-toggle:hover {
  background: var(--pwm_bg3);
}

/* --- Strength bar --- */
.bar-wrap {
  height: 5px;
  border-radius: 3px;
  background: var(--pwm_bg3);
  overflow: hidden;
  margin-block: 5px;
}

.bar-fill {
  height: 100%;
  border-radius: 3px;
  width: 0%;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 18px;
  margin-bottom: 12px;
}

.strength-label {
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s;
}

.strength-score {
  font-size: 11px;
  color: var(--pwm_text3);
}

/* --- Conditions --- */
.conditions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 1.25rem;
}

.cond {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  color: var(--pwm_text3);
  transition: color 0.2s;
}

.cond.met {
  color: var(--pwm_success-text);
}

.cond-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--pwm_border2);
  transition: background 0.2s;
}

.cond.met .cond-dot {
  background: var(--pwm_success-text);
}

/*-----------------------
à garder tout le temps
-----------------------*/
html,
body {
  height: 100vh !important;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
  :target {
    scroll-margin-top: 0.8em;
  }
}
* {
  font-variant-numeric: normal;
  font-variant-caps: normal;
  outline: none;
}

.form-control {
  box-shadow: none !important;
  border-radius: 3px;
}
.form-control.small_input {
  max-width: 100px;
}

img {
  max-width: 100% !important;
}
img.centered_img {
  display: block;
  margin: 0 auto;
}

ul {
  margin: 0;
  padding: 0;
}

/************************
 * layout perso
 ************************/
.vrow {
  display: flex;
  flex-wrap: wrap;
}

.vcol-1 {
  flex: 0 0 8.3333333333%;
}

.vcol-offset-1 {
  margin-left: 8.3333333333%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-xs-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-md-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-1 {
    flex: 0 0 8.3333333333%;
  }
  .vcol-offset-hd-1 {
    margin-left: 8.3333333333%;
  }
}
.vcol-2 {
  flex: 0 0 16.6666666667%;
}

.vcol-offset-2 {
  margin-left: 16.6666666667%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-xs-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-md-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-2 {
    flex: 0 0 16.6666666667%;
  }
  .vcol-offset-hd-2 {
    margin-left: 16.6666666667%;
  }
}
.vcol-3 {
  flex: 0 0 25%;
}

.vcol-offset-3 {
  margin-left: 25%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-xs-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-sm-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-md-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-lg-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-xl-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-xxl-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-xxxl-3 {
    margin-left: 25%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-3 {
    flex: 0 0 25%;
  }
  .vcol-offset-hd-3 {
    margin-left: 25%;
  }
}
.vcol-4 {
  flex: 0 0 33.3333333333%;
}

.vcol-offset-4 {
  margin-left: 33.3333333333%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-xs-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-md-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-4 {
    flex: 0 0 33.3333333333%;
  }
  .vcol-offset-hd-4 {
    margin-left: 33.3333333333%;
  }
}
.vcol-5 {
  flex: 0 0 41.6666666667%;
}

.vcol-offset-5 {
  margin-left: 41.6666666667%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-xs-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-md-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-5 {
    flex: 0 0 41.6666666667%;
  }
  .vcol-offset-hd-5 {
    margin-left: 41.6666666667%;
  }
}
.vcol-6 {
  flex: 0 0 50%;
}

.vcol-offset-6 {
  margin-left: 50%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-xs-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-sm-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-md-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-lg-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-xl-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-xxl-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-xxxl-6 {
    margin-left: 50%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-6 {
    flex: 0 0 50%;
  }
  .vcol-offset-hd-6 {
    margin-left: 50%;
  }
}
.vcol-7 {
  flex: 0 0 58.3333333333%;
}

.vcol-offset-7 {
  margin-left: 58.3333333333%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-xs-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-md-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-7 {
    flex: 0 0 58.3333333333%;
  }
  .vcol-offset-hd-7 {
    margin-left: 58.3333333333%;
  }
}
.vcol-8 {
  flex: 0 0 66.6666666667%;
}

.vcol-offset-8 {
  margin-left: 66.6666666667%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-xs-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-md-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-8 {
    flex: 0 0 66.6666666667%;
  }
  .vcol-offset-hd-8 {
    margin-left: 66.6666666667%;
  }
}
.vcol-9 {
  flex: 0 0 75%;
}

.vcol-offset-9 {
  margin-left: 75%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-xs-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-sm-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-md-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-lg-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-xl-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-xxl-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-xxxl-9 {
    margin-left: 75%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-9 {
    flex: 0 0 75%;
  }
  .vcol-offset-hd-9 {
    margin-left: 75%;
  }
}
.vcol-10 {
  flex: 0 0 83.3333333333%;
}

.vcol-offset-10 {
  margin-left: 83.3333333333%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-xs-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-md-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-10 {
    flex: 0 0 83.3333333333%;
  }
  .vcol-offset-hd-10 {
    margin-left: 83.3333333333%;
  }
}
.vcol-11 {
  flex: 0 0 91.6666666667%;
}

.vcol-offset-11 {
  margin-left: 91.6666666667%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-xs-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-11 {
    flex: 0 0 91.6666666667%;
  }
  .vcol-offset-hd-11 {
    margin-left: 91.6666666667%;
  }
}
.vcol-12 {
  flex: 0 0 100%;
}

.vcol-offset-12 {
  margin-left: 100%;
}

@media screen and (min-width: 420px) {
  .vcol-xs-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-xs-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 576px) {
  .vcol-sm-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-sm-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 768px) {
  .vcol-md-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-md-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .vcol-lg-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-lg-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .vcol-xl-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-xl-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .vcol-xxl-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-xxl-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1600px) {
  .vcol-xxxl-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-xxxl-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .vcol-hd-12 {
    flex: 0 0 100%;
  }
  .vcol-offset-hd-12 {
    margin-left: 100%;
  }
}
/*-----------------------
marges et padding-perso
-----------------------*/
.vp-2 {
  padding: 0.5rem;
}

.vpx-2 {
  padding-inline: 0.5rem;
}

.vpy-2 {
  padding-block: 0.5rem;
}

.vpt-2 {
  padding-top: 0.5rem;
}

.vpr-2 {
  padding-right: 0.5rem;
}

.vpb-2 {
  padding-bottom: 0.5rem;
}

.vpl-2 {
  padding-left: 0.5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-2 {
    padding: 0.5rem;
  }
  .vpx-xs-2 {
    padding-inline: 0.5rem;
  }
  .vpy-xs-2 {
    padding-block: 0.5rem;
  }
  .vpt-xs-2 {
    padding-top: 0.5rem;
  }
  .vpr-xs-2 {
    padding-right: 0.5rem;
  }
  .vpb-xs-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lxs-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-2 {
    padding: 0.5rem;
  }
  .vpx-sm-2 {
    padding-inline: 0.5rem;
  }
  .vpy-sm-2 {
    padding-block: 0.5rem;
  }
  .vpt-sm-2 {
    padding-top: 0.5rem;
  }
  .vpr-sm-2 {
    padding-right: 0.5rem;
  }
  .vpb-sm-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lsm-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-2 {
    padding: 0.5rem;
  }
  .vpx-md-2 {
    padding-inline: 0.5rem;
  }
  .vpy-md-2 {
    padding-block: 0.5rem;
  }
  .vpt-md-2 {
    padding-top: 0.5rem;
  }
  .vpr-md-2 {
    padding-right: 0.5rem;
  }
  .vpb-md-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lmd-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-2 {
    padding: 0.5rem;
  }
  .vpx-lg-2 {
    padding-inline: 0.5rem;
  }
  .vpy-lg-2 {
    padding-block: 0.5rem;
  }
  .vpt-lg-2 {
    padding-top: 0.5rem;
  }
  .vpr-lg-2 {
    padding-right: 0.5rem;
  }
  .vpb-lg-2 {
    padding-bottom: 0.5rem;
  }
  .vp-llg-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-2 {
    padding: 0.5rem;
  }
  .vpx-xl-2 {
    padding-inline: 0.5rem;
  }
  .vpy-xl-2 {
    padding-block: 0.5rem;
  }
  .vpt-xl-2 {
    padding-top: 0.5rem;
  }
  .vpr-xl-2 {
    padding-right: 0.5rem;
  }
  .vpb-xl-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-2 {
    padding: 0.5rem;
  }
  .vpx-xxl-2 {
    padding-inline: 0.5rem;
  }
  .vpy-xxl-2 {
    padding-block: 0.5rem;
  }
  .vpt-xxl-2 {
    padding-top: 0.5rem;
  }
  .vpr-xxl-2 {
    padding-right: 0.5rem;
  }
  .vpb-xxl-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lxxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-2 {
    padding: 0.5rem;
  }
  .vpx-xxxl-2 {
    padding-inline: 0.5rem;
  }
  .vpy-xxxl-2 {
    padding-block: 0.5rem;
  }
  .vpt-xxxl-2 {
    padding-top: 0.5rem;
  }
  .vpr-xxxl-2 {
    padding-right: 0.5rem;
  }
  .vpb-xxxl-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lxxxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-2 {
    padding: 0.5rem;
  }
  .vpx-hd-2 {
    padding-inline: 0.5rem;
  }
  .vpy-hd-2 {
    padding-block: 0.5rem;
  }
  .vpt-hd-2 {
    padding-top: 0.5rem;
  }
  .vpr-hd-2 {
    padding-right: 0.5rem;
  }
  .vpb-hd-2 {
    padding-bottom: 0.5rem;
  }
  .vp-lhd-2 {
    padding-left: 0.5rem;
  }
}
.vp-3 {
  padding: 0.75rem;
}

.vpx-3 {
  padding-inline: 0.75rem;
}

.vpy-3 {
  padding-block: 0.75rem;
}

.vpt-3 {
  padding-top: 0.75rem;
}

.vpr-3 {
  padding-right: 0.75rem;
}

.vpb-3 {
  padding-bottom: 0.75rem;
}

.vpl-3 {
  padding-left: 0.75rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-3 {
    padding: 0.75rem;
  }
  .vpx-xs-3 {
    padding-inline: 0.75rem;
  }
  .vpy-xs-3 {
    padding-block: 0.75rem;
  }
  .vpt-xs-3 {
    padding-top: 0.75rem;
  }
  .vpr-xs-3 {
    padding-right: 0.75rem;
  }
  .vpb-xs-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lxs-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-3 {
    padding: 0.75rem;
  }
  .vpx-sm-3 {
    padding-inline: 0.75rem;
  }
  .vpy-sm-3 {
    padding-block: 0.75rem;
  }
  .vpt-sm-3 {
    padding-top: 0.75rem;
  }
  .vpr-sm-3 {
    padding-right: 0.75rem;
  }
  .vpb-sm-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lsm-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-3 {
    padding: 0.75rem;
  }
  .vpx-md-3 {
    padding-inline: 0.75rem;
  }
  .vpy-md-3 {
    padding-block: 0.75rem;
  }
  .vpt-md-3 {
    padding-top: 0.75rem;
  }
  .vpr-md-3 {
    padding-right: 0.75rem;
  }
  .vpb-md-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lmd-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-3 {
    padding: 0.75rem;
  }
  .vpx-lg-3 {
    padding-inline: 0.75rem;
  }
  .vpy-lg-3 {
    padding-block: 0.75rem;
  }
  .vpt-lg-3 {
    padding-top: 0.75rem;
  }
  .vpr-lg-3 {
    padding-right: 0.75rem;
  }
  .vpb-lg-3 {
    padding-bottom: 0.75rem;
  }
  .vp-llg-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-3 {
    padding: 0.75rem;
  }
  .vpx-xl-3 {
    padding-inline: 0.75rem;
  }
  .vpy-xl-3 {
    padding-block: 0.75rem;
  }
  .vpt-xl-3 {
    padding-top: 0.75rem;
  }
  .vpr-xl-3 {
    padding-right: 0.75rem;
  }
  .vpb-xl-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-3 {
    padding: 0.75rem;
  }
  .vpx-xxl-3 {
    padding-inline: 0.75rem;
  }
  .vpy-xxl-3 {
    padding-block: 0.75rem;
  }
  .vpt-xxl-3 {
    padding-top: 0.75rem;
  }
  .vpr-xxl-3 {
    padding-right: 0.75rem;
  }
  .vpb-xxl-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lxxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-3 {
    padding: 0.75rem;
  }
  .vpx-xxxl-3 {
    padding-inline: 0.75rem;
  }
  .vpy-xxxl-3 {
    padding-block: 0.75rem;
  }
  .vpt-xxxl-3 {
    padding-top: 0.75rem;
  }
  .vpr-xxxl-3 {
    padding-right: 0.75rem;
  }
  .vpb-xxxl-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lxxxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-3 {
    padding: 0.75rem;
  }
  .vpx-hd-3 {
    padding-inline: 0.75rem;
  }
  .vpy-hd-3 {
    padding-block: 0.75rem;
  }
  .vpt-hd-3 {
    padding-top: 0.75rem;
  }
  .vpr-hd-3 {
    padding-right: 0.75rem;
  }
  .vpb-hd-3 {
    padding-bottom: 0.75rem;
  }
  .vp-lhd-3 {
    padding-left: 0.75rem;
  }
}
.vp-4 {
  padding: 1rem;
}

.vpx-4 {
  padding-inline: 1rem;
}

.vpy-4 {
  padding-block: 1rem;
}

.vpt-4 {
  padding-top: 1rem;
}

.vpr-4 {
  padding-right: 1rem;
}

.vpb-4 {
  padding-bottom: 1rem;
}

.vpl-4 {
  padding-left: 1rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-4 {
    padding: 1rem;
  }
  .vpx-xs-4 {
    padding-inline: 1rem;
  }
  .vpy-xs-4 {
    padding-block: 1rem;
  }
  .vpt-xs-4 {
    padding-top: 1rem;
  }
  .vpr-xs-4 {
    padding-right: 1rem;
  }
  .vpb-xs-4 {
    padding-bottom: 1rem;
  }
  .vp-lxs-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-4 {
    padding: 1rem;
  }
  .vpx-sm-4 {
    padding-inline: 1rem;
  }
  .vpy-sm-4 {
    padding-block: 1rem;
  }
  .vpt-sm-4 {
    padding-top: 1rem;
  }
  .vpr-sm-4 {
    padding-right: 1rem;
  }
  .vpb-sm-4 {
    padding-bottom: 1rem;
  }
  .vp-lsm-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-4 {
    padding: 1rem;
  }
  .vpx-md-4 {
    padding-inline: 1rem;
  }
  .vpy-md-4 {
    padding-block: 1rem;
  }
  .vpt-md-4 {
    padding-top: 1rem;
  }
  .vpr-md-4 {
    padding-right: 1rem;
  }
  .vpb-md-4 {
    padding-bottom: 1rem;
  }
  .vp-lmd-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-4 {
    padding: 1rem;
  }
  .vpx-lg-4 {
    padding-inline: 1rem;
  }
  .vpy-lg-4 {
    padding-block: 1rem;
  }
  .vpt-lg-4 {
    padding-top: 1rem;
  }
  .vpr-lg-4 {
    padding-right: 1rem;
  }
  .vpb-lg-4 {
    padding-bottom: 1rem;
  }
  .vp-llg-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-4 {
    padding: 1rem;
  }
  .vpx-xl-4 {
    padding-inline: 1rem;
  }
  .vpy-xl-4 {
    padding-block: 1rem;
  }
  .vpt-xl-4 {
    padding-top: 1rem;
  }
  .vpr-xl-4 {
    padding-right: 1rem;
  }
  .vpb-xl-4 {
    padding-bottom: 1rem;
  }
  .vp-lxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-4 {
    padding: 1rem;
  }
  .vpx-xxl-4 {
    padding-inline: 1rem;
  }
  .vpy-xxl-4 {
    padding-block: 1rem;
  }
  .vpt-xxl-4 {
    padding-top: 1rem;
  }
  .vpr-xxl-4 {
    padding-right: 1rem;
  }
  .vpb-xxl-4 {
    padding-bottom: 1rem;
  }
  .vp-lxxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-4 {
    padding: 1rem;
  }
  .vpx-xxxl-4 {
    padding-inline: 1rem;
  }
  .vpy-xxxl-4 {
    padding-block: 1rem;
  }
  .vpt-xxxl-4 {
    padding-top: 1rem;
  }
  .vpr-xxxl-4 {
    padding-right: 1rem;
  }
  .vpb-xxxl-4 {
    padding-bottom: 1rem;
  }
  .vp-lxxxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-4 {
    padding: 1rem;
  }
  .vpx-hd-4 {
    padding-inline: 1rem;
  }
  .vpy-hd-4 {
    padding-block: 1rem;
  }
  .vpt-hd-4 {
    padding-top: 1rem;
  }
  .vpr-hd-4 {
    padding-right: 1rem;
  }
  .vpb-hd-4 {
    padding-bottom: 1rem;
  }
  .vp-lhd-4 {
    padding-left: 1rem;
  }
}
.vp-5 {
  padding: 1.25rem;
}

.vpx-5 {
  padding-inline: 1.25rem;
}

.vpy-5 {
  padding-block: 1.25rem;
}

.vpt-5 {
  padding-top: 1.25rem;
}

.vpr-5 {
  padding-right: 1.25rem;
}

.vpb-5 {
  padding-bottom: 1.25rem;
}

.vpl-5 {
  padding-left: 1.25rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-5 {
    padding: 1.25rem;
  }
  .vpx-xs-5 {
    padding-inline: 1.25rem;
  }
  .vpy-xs-5 {
    padding-block: 1.25rem;
  }
  .vpt-xs-5 {
    padding-top: 1.25rem;
  }
  .vpr-xs-5 {
    padding-right: 1.25rem;
  }
  .vpb-xs-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lxs-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-5 {
    padding: 1.25rem;
  }
  .vpx-sm-5 {
    padding-inline: 1.25rem;
  }
  .vpy-sm-5 {
    padding-block: 1.25rem;
  }
  .vpt-sm-5 {
    padding-top: 1.25rem;
  }
  .vpr-sm-5 {
    padding-right: 1.25rem;
  }
  .vpb-sm-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lsm-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-5 {
    padding: 1.25rem;
  }
  .vpx-md-5 {
    padding-inline: 1.25rem;
  }
  .vpy-md-5 {
    padding-block: 1.25rem;
  }
  .vpt-md-5 {
    padding-top: 1.25rem;
  }
  .vpr-md-5 {
    padding-right: 1.25rem;
  }
  .vpb-md-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lmd-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-5 {
    padding: 1.25rem;
  }
  .vpx-lg-5 {
    padding-inline: 1.25rem;
  }
  .vpy-lg-5 {
    padding-block: 1.25rem;
  }
  .vpt-lg-5 {
    padding-top: 1.25rem;
  }
  .vpr-lg-5 {
    padding-right: 1.25rem;
  }
  .vpb-lg-5 {
    padding-bottom: 1.25rem;
  }
  .vp-llg-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-5 {
    padding: 1.25rem;
  }
  .vpx-xl-5 {
    padding-inline: 1.25rem;
  }
  .vpy-xl-5 {
    padding-block: 1.25rem;
  }
  .vpt-xl-5 {
    padding-top: 1.25rem;
  }
  .vpr-xl-5 {
    padding-right: 1.25rem;
  }
  .vpb-xl-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-5 {
    padding: 1.25rem;
  }
  .vpx-xxl-5 {
    padding-inline: 1.25rem;
  }
  .vpy-xxl-5 {
    padding-block: 1.25rem;
  }
  .vpt-xxl-5 {
    padding-top: 1.25rem;
  }
  .vpr-xxl-5 {
    padding-right: 1.25rem;
  }
  .vpb-xxl-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lxxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-5 {
    padding: 1.25rem;
  }
  .vpx-xxxl-5 {
    padding-inline: 1.25rem;
  }
  .vpy-xxxl-5 {
    padding-block: 1.25rem;
  }
  .vpt-xxxl-5 {
    padding-top: 1.25rem;
  }
  .vpr-xxxl-5 {
    padding-right: 1.25rem;
  }
  .vpb-xxxl-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lxxxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-5 {
    padding: 1.25rem;
  }
  .vpx-hd-5 {
    padding-inline: 1.25rem;
  }
  .vpy-hd-5 {
    padding-block: 1.25rem;
  }
  .vpt-hd-5 {
    padding-top: 1.25rem;
  }
  .vpr-hd-5 {
    padding-right: 1.25rem;
  }
  .vpb-hd-5 {
    padding-bottom: 1.25rem;
  }
  .vp-lhd-5 {
    padding-left: 1.25rem;
  }
}
.vp-6 {
  padding: 1.5rem;
}

.vpx-6 {
  padding-inline: 1.5rem;
}

.vpy-6 {
  padding-block: 1.5rem;
}

.vpt-6 {
  padding-top: 1.5rem;
}

.vpr-6 {
  padding-right: 1.5rem;
}

.vpb-6 {
  padding-bottom: 1.5rem;
}

.vpl-6 {
  padding-left: 1.5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-6 {
    padding: 1.5rem;
  }
  .vpx-xs-6 {
    padding-inline: 1.5rem;
  }
  .vpy-xs-6 {
    padding-block: 1.5rem;
  }
  .vpt-xs-6 {
    padding-top: 1.5rem;
  }
  .vpr-xs-6 {
    padding-right: 1.5rem;
  }
  .vpb-xs-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lxs-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-6 {
    padding: 1.5rem;
  }
  .vpx-sm-6 {
    padding-inline: 1.5rem;
  }
  .vpy-sm-6 {
    padding-block: 1.5rem;
  }
  .vpt-sm-6 {
    padding-top: 1.5rem;
  }
  .vpr-sm-6 {
    padding-right: 1.5rem;
  }
  .vpb-sm-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lsm-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-6 {
    padding: 1.5rem;
  }
  .vpx-md-6 {
    padding-inline: 1.5rem;
  }
  .vpy-md-6 {
    padding-block: 1.5rem;
  }
  .vpt-md-6 {
    padding-top: 1.5rem;
  }
  .vpr-md-6 {
    padding-right: 1.5rem;
  }
  .vpb-md-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lmd-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-6 {
    padding: 1.5rem;
  }
  .vpx-lg-6 {
    padding-inline: 1.5rem;
  }
  .vpy-lg-6 {
    padding-block: 1.5rem;
  }
  .vpt-lg-6 {
    padding-top: 1.5rem;
  }
  .vpr-lg-6 {
    padding-right: 1.5rem;
  }
  .vpb-lg-6 {
    padding-bottom: 1.5rem;
  }
  .vp-llg-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-6 {
    padding: 1.5rem;
  }
  .vpx-xl-6 {
    padding-inline: 1.5rem;
  }
  .vpy-xl-6 {
    padding-block: 1.5rem;
  }
  .vpt-xl-6 {
    padding-top: 1.5rem;
  }
  .vpr-xl-6 {
    padding-right: 1.5rem;
  }
  .vpb-xl-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-6 {
    padding: 1.5rem;
  }
  .vpx-xxl-6 {
    padding-inline: 1.5rem;
  }
  .vpy-xxl-6 {
    padding-block: 1.5rem;
  }
  .vpt-xxl-6 {
    padding-top: 1.5rem;
  }
  .vpr-xxl-6 {
    padding-right: 1.5rem;
  }
  .vpb-xxl-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lxxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-6 {
    padding: 1.5rem;
  }
  .vpx-xxxl-6 {
    padding-inline: 1.5rem;
  }
  .vpy-xxxl-6 {
    padding-block: 1.5rem;
  }
  .vpt-xxxl-6 {
    padding-top: 1.5rem;
  }
  .vpr-xxxl-6 {
    padding-right: 1.5rem;
  }
  .vpb-xxxl-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lxxxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-6 {
    padding: 1.5rem;
  }
  .vpx-hd-6 {
    padding-inline: 1.5rem;
  }
  .vpy-hd-6 {
    padding-block: 1.5rem;
  }
  .vpt-hd-6 {
    padding-top: 1.5rem;
  }
  .vpr-hd-6 {
    padding-right: 1.5rem;
  }
  .vpb-hd-6 {
    padding-bottom: 1.5rem;
  }
  .vp-lhd-6 {
    padding-left: 1.5rem;
  }
}
.vp-7 {
  padding: 1.75rem;
}

.vpx-7 {
  padding-inline: 1.75rem;
}

.vpy-7 {
  padding-block: 1.75rem;
}

.vpt-7 {
  padding-top: 1.75rem;
}

.vpr-7 {
  padding-right: 1.75rem;
}

.vpb-7 {
  padding-bottom: 1.75rem;
}

.vpl-7 {
  padding-left: 1.75rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-7 {
    padding: 1.75rem;
  }
  .vpx-xs-7 {
    padding-inline: 1.75rem;
  }
  .vpy-xs-7 {
    padding-block: 1.75rem;
  }
  .vpt-xs-7 {
    padding-top: 1.75rem;
  }
  .vpr-xs-7 {
    padding-right: 1.75rem;
  }
  .vpb-xs-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lxs-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-7 {
    padding: 1.75rem;
  }
  .vpx-sm-7 {
    padding-inline: 1.75rem;
  }
  .vpy-sm-7 {
    padding-block: 1.75rem;
  }
  .vpt-sm-7 {
    padding-top: 1.75rem;
  }
  .vpr-sm-7 {
    padding-right: 1.75rem;
  }
  .vpb-sm-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lsm-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-7 {
    padding: 1.75rem;
  }
  .vpx-md-7 {
    padding-inline: 1.75rem;
  }
  .vpy-md-7 {
    padding-block: 1.75rem;
  }
  .vpt-md-7 {
    padding-top: 1.75rem;
  }
  .vpr-md-7 {
    padding-right: 1.75rem;
  }
  .vpb-md-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lmd-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-7 {
    padding: 1.75rem;
  }
  .vpx-lg-7 {
    padding-inline: 1.75rem;
  }
  .vpy-lg-7 {
    padding-block: 1.75rem;
  }
  .vpt-lg-7 {
    padding-top: 1.75rem;
  }
  .vpr-lg-7 {
    padding-right: 1.75rem;
  }
  .vpb-lg-7 {
    padding-bottom: 1.75rem;
  }
  .vp-llg-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-7 {
    padding: 1.75rem;
  }
  .vpx-xl-7 {
    padding-inline: 1.75rem;
  }
  .vpy-xl-7 {
    padding-block: 1.75rem;
  }
  .vpt-xl-7 {
    padding-top: 1.75rem;
  }
  .vpr-xl-7 {
    padding-right: 1.75rem;
  }
  .vpb-xl-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-7 {
    padding: 1.75rem;
  }
  .vpx-xxl-7 {
    padding-inline: 1.75rem;
  }
  .vpy-xxl-7 {
    padding-block: 1.75rem;
  }
  .vpt-xxl-7 {
    padding-top: 1.75rem;
  }
  .vpr-xxl-7 {
    padding-right: 1.75rem;
  }
  .vpb-xxl-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lxxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-7 {
    padding: 1.75rem;
  }
  .vpx-xxxl-7 {
    padding-inline: 1.75rem;
  }
  .vpy-xxxl-7 {
    padding-block: 1.75rem;
  }
  .vpt-xxxl-7 {
    padding-top: 1.75rem;
  }
  .vpr-xxxl-7 {
    padding-right: 1.75rem;
  }
  .vpb-xxxl-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lxxxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-7 {
    padding: 1.75rem;
  }
  .vpx-hd-7 {
    padding-inline: 1.75rem;
  }
  .vpy-hd-7 {
    padding-block: 1.75rem;
  }
  .vpt-hd-7 {
    padding-top: 1.75rem;
  }
  .vpr-hd-7 {
    padding-right: 1.75rem;
  }
  .vpb-hd-7 {
    padding-bottom: 1.75rem;
  }
  .vp-lhd-7 {
    padding-left: 1.75rem;
  }
}
.vp-8 {
  padding: 2rem;
}

.vpx-8 {
  padding-inline: 2rem;
}

.vpy-8 {
  padding-block: 2rem;
}

.vpt-8 {
  padding-top: 2rem;
}

.vpr-8 {
  padding-right: 2rem;
}

.vpb-8 {
  padding-bottom: 2rem;
}

.vpl-8 {
  padding-left: 2rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-8 {
    padding: 2rem;
  }
  .vpx-xs-8 {
    padding-inline: 2rem;
  }
  .vpy-xs-8 {
    padding-block: 2rem;
  }
  .vpt-xs-8 {
    padding-top: 2rem;
  }
  .vpr-xs-8 {
    padding-right: 2rem;
  }
  .vpb-xs-8 {
    padding-bottom: 2rem;
  }
  .vp-lxs-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-8 {
    padding: 2rem;
  }
  .vpx-sm-8 {
    padding-inline: 2rem;
  }
  .vpy-sm-8 {
    padding-block: 2rem;
  }
  .vpt-sm-8 {
    padding-top: 2rem;
  }
  .vpr-sm-8 {
    padding-right: 2rem;
  }
  .vpb-sm-8 {
    padding-bottom: 2rem;
  }
  .vp-lsm-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-8 {
    padding: 2rem;
  }
  .vpx-md-8 {
    padding-inline: 2rem;
  }
  .vpy-md-8 {
    padding-block: 2rem;
  }
  .vpt-md-8 {
    padding-top: 2rem;
  }
  .vpr-md-8 {
    padding-right: 2rem;
  }
  .vpb-md-8 {
    padding-bottom: 2rem;
  }
  .vp-lmd-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-8 {
    padding: 2rem;
  }
  .vpx-lg-8 {
    padding-inline: 2rem;
  }
  .vpy-lg-8 {
    padding-block: 2rem;
  }
  .vpt-lg-8 {
    padding-top: 2rem;
  }
  .vpr-lg-8 {
    padding-right: 2rem;
  }
  .vpb-lg-8 {
    padding-bottom: 2rem;
  }
  .vp-llg-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-8 {
    padding: 2rem;
  }
  .vpx-xl-8 {
    padding-inline: 2rem;
  }
  .vpy-xl-8 {
    padding-block: 2rem;
  }
  .vpt-xl-8 {
    padding-top: 2rem;
  }
  .vpr-xl-8 {
    padding-right: 2rem;
  }
  .vpb-xl-8 {
    padding-bottom: 2rem;
  }
  .vp-lxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-8 {
    padding: 2rem;
  }
  .vpx-xxl-8 {
    padding-inline: 2rem;
  }
  .vpy-xxl-8 {
    padding-block: 2rem;
  }
  .vpt-xxl-8 {
    padding-top: 2rem;
  }
  .vpr-xxl-8 {
    padding-right: 2rem;
  }
  .vpb-xxl-8 {
    padding-bottom: 2rem;
  }
  .vp-lxxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-8 {
    padding: 2rem;
  }
  .vpx-xxxl-8 {
    padding-inline: 2rem;
  }
  .vpy-xxxl-8 {
    padding-block: 2rem;
  }
  .vpt-xxxl-8 {
    padding-top: 2rem;
  }
  .vpr-xxxl-8 {
    padding-right: 2rem;
  }
  .vpb-xxxl-8 {
    padding-bottom: 2rem;
  }
  .vp-lxxxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-8 {
    padding: 2rem;
  }
  .vpx-hd-8 {
    padding-inline: 2rem;
  }
  .vpy-hd-8 {
    padding-block: 2rem;
  }
  .vpt-hd-8 {
    padding-top: 2rem;
  }
  .vpr-hd-8 {
    padding-right: 2rem;
  }
  .vpb-hd-8 {
    padding-bottom: 2rem;
  }
  .vp-lhd-8 {
    padding-left: 2rem;
  }
}
.vp-9 {
  padding: 2.25rem;
}

.vpx-9 {
  padding-inline: 2.25rem;
}

.vpy-9 {
  padding-block: 2.25rem;
}

.vpt-9 {
  padding-top: 2.25rem;
}

.vpr-9 {
  padding-right: 2.25rem;
}

.vpb-9 {
  padding-bottom: 2.25rem;
}

.vpl-9 {
  padding-left: 2.25rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-9 {
    padding: 2.25rem;
  }
  .vpx-xs-9 {
    padding-inline: 2.25rem;
  }
  .vpy-xs-9 {
    padding-block: 2.25rem;
  }
  .vpt-xs-9 {
    padding-top: 2.25rem;
  }
  .vpr-xs-9 {
    padding-right: 2.25rem;
  }
  .vpb-xs-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lxs-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-9 {
    padding: 2.25rem;
  }
  .vpx-sm-9 {
    padding-inline: 2.25rem;
  }
  .vpy-sm-9 {
    padding-block: 2.25rem;
  }
  .vpt-sm-9 {
    padding-top: 2.25rem;
  }
  .vpr-sm-9 {
    padding-right: 2.25rem;
  }
  .vpb-sm-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lsm-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-9 {
    padding: 2.25rem;
  }
  .vpx-md-9 {
    padding-inline: 2.25rem;
  }
  .vpy-md-9 {
    padding-block: 2.25rem;
  }
  .vpt-md-9 {
    padding-top: 2.25rem;
  }
  .vpr-md-9 {
    padding-right: 2.25rem;
  }
  .vpb-md-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lmd-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-9 {
    padding: 2.25rem;
  }
  .vpx-lg-9 {
    padding-inline: 2.25rem;
  }
  .vpy-lg-9 {
    padding-block: 2.25rem;
  }
  .vpt-lg-9 {
    padding-top: 2.25rem;
  }
  .vpr-lg-9 {
    padding-right: 2.25rem;
  }
  .vpb-lg-9 {
    padding-bottom: 2.25rem;
  }
  .vp-llg-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-9 {
    padding: 2.25rem;
  }
  .vpx-xl-9 {
    padding-inline: 2.25rem;
  }
  .vpy-xl-9 {
    padding-block: 2.25rem;
  }
  .vpt-xl-9 {
    padding-top: 2.25rem;
  }
  .vpr-xl-9 {
    padding-right: 2.25rem;
  }
  .vpb-xl-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-9 {
    padding: 2.25rem;
  }
  .vpx-xxl-9 {
    padding-inline: 2.25rem;
  }
  .vpy-xxl-9 {
    padding-block: 2.25rem;
  }
  .vpt-xxl-9 {
    padding-top: 2.25rem;
  }
  .vpr-xxl-9 {
    padding-right: 2.25rem;
  }
  .vpb-xxl-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lxxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-9 {
    padding: 2.25rem;
  }
  .vpx-xxxl-9 {
    padding-inline: 2.25rem;
  }
  .vpy-xxxl-9 {
    padding-block: 2.25rem;
  }
  .vpt-xxxl-9 {
    padding-top: 2.25rem;
  }
  .vpr-xxxl-9 {
    padding-right: 2.25rem;
  }
  .vpb-xxxl-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lxxxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-9 {
    padding: 2.25rem;
  }
  .vpx-hd-9 {
    padding-inline: 2.25rem;
  }
  .vpy-hd-9 {
    padding-block: 2.25rem;
  }
  .vpt-hd-9 {
    padding-top: 2.25rem;
  }
  .vpr-hd-9 {
    padding-right: 2.25rem;
  }
  .vpb-hd-9 {
    padding-bottom: 2.25rem;
  }
  .vp-lhd-9 {
    padding-left: 2.25rem;
  }
}
.vp-10 {
  padding: 2.5rem;
}

.vpx-10 {
  padding-inline: 2.5rem;
}

.vpy-10 {
  padding-block: 2.5rem;
}

.vpt-10 {
  padding-top: 2.5rem;
}

.vpr-10 {
  padding-right: 2.5rem;
}

.vpb-10 {
  padding-bottom: 2.5rem;
}

.vpl-10 {
  padding-left: 2.5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-10 {
    padding: 2.5rem;
  }
  .vpx-xs-10 {
    padding-inline: 2.5rem;
  }
  .vpy-xs-10 {
    padding-block: 2.5rem;
  }
  .vpt-xs-10 {
    padding-top: 2.5rem;
  }
  .vpr-xs-10 {
    padding-right: 2.5rem;
  }
  .vpb-xs-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lxs-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-10 {
    padding: 2.5rem;
  }
  .vpx-sm-10 {
    padding-inline: 2.5rem;
  }
  .vpy-sm-10 {
    padding-block: 2.5rem;
  }
  .vpt-sm-10 {
    padding-top: 2.5rem;
  }
  .vpr-sm-10 {
    padding-right: 2.5rem;
  }
  .vpb-sm-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lsm-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-10 {
    padding: 2.5rem;
  }
  .vpx-md-10 {
    padding-inline: 2.5rem;
  }
  .vpy-md-10 {
    padding-block: 2.5rem;
  }
  .vpt-md-10 {
    padding-top: 2.5rem;
  }
  .vpr-md-10 {
    padding-right: 2.5rem;
  }
  .vpb-md-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lmd-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-10 {
    padding: 2.5rem;
  }
  .vpx-lg-10 {
    padding-inline: 2.5rem;
  }
  .vpy-lg-10 {
    padding-block: 2.5rem;
  }
  .vpt-lg-10 {
    padding-top: 2.5rem;
  }
  .vpr-lg-10 {
    padding-right: 2.5rem;
  }
  .vpb-lg-10 {
    padding-bottom: 2.5rem;
  }
  .vp-llg-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-10 {
    padding: 2.5rem;
  }
  .vpx-xl-10 {
    padding-inline: 2.5rem;
  }
  .vpy-xl-10 {
    padding-block: 2.5rem;
  }
  .vpt-xl-10 {
    padding-top: 2.5rem;
  }
  .vpr-xl-10 {
    padding-right: 2.5rem;
  }
  .vpb-xl-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-10 {
    padding: 2.5rem;
  }
  .vpx-xxl-10 {
    padding-inline: 2.5rem;
  }
  .vpy-xxl-10 {
    padding-block: 2.5rem;
  }
  .vpt-xxl-10 {
    padding-top: 2.5rem;
  }
  .vpr-xxl-10 {
    padding-right: 2.5rem;
  }
  .vpb-xxl-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lxxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-10 {
    padding: 2.5rem;
  }
  .vpx-xxxl-10 {
    padding-inline: 2.5rem;
  }
  .vpy-xxxl-10 {
    padding-block: 2.5rem;
  }
  .vpt-xxxl-10 {
    padding-top: 2.5rem;
  }
  .vpr-xxxl-10 {
    padding-right: 2.5rem;
  }
  .vpb-xxxl-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lxxxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-10 {
    padding: 2.5rem;
  }
  .vpx-hd-10 {
    padding-inline: 2.5rem;
  }
  .vpy-hd-10 {
    padding-block: 2.5rem;
  }
  .vpt-hd-10 {
    padding-top: 2.5rem;
  }
  .vpr-hd-10 {
    padding-right: 2.5rem;
  }
  .vpb-hd-10 {
    padding-bottom: 2.5rem;
  }
  .vp-lhd-10 {
    padding-left: 2.5rem;
  }
}
.vp-11 {
  padding: 2.75rem;
}

.vpx-11 {
  padding-inline: 2.75rem;
}

.vpy-11 {
  padding-block: 2.75rem;
}

.vpt-11 {
  padding-top: 2.75rem;
}

.vpr-11 {
  padding-right: 2.75rem;
}

.vpb-11 {
  padding-bottom: 2.75rem;
}

.vpl-11 {
  padding-left: 2.75rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-11 {
    padding: 2.75rem;
  }
  .vpx-xs-11 {
    padding-inline: 2.75rem;
  }
  .vpy-xs-11 {
    padding-block: 2.75rem;
  }
  .vpt-xs-11 {
    padding-top: 2.75rem;
  }
  .vpr-xs-11 {
    padding-right: 2.75rem;
  }
  .vpb-xs-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lxs-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-11 {
    padding: 2.75rem;
  }
  .vpx-sm-11 {
    padding-inline: 2.75rem;
  }
  .vpy-sm-11 {
    padding-block: 2.75rem;
  }
  .vpt-sm-11 {
    padding-top: 2.75rem;
  }
  .vpr-sm-11 {
    padding-right: 2.75rem;
  }
  .vpb-sm-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lsm-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-11 {
    padding: 2.75rem;
  }
  .vpx-md-11 {
    padding-inline: 2.75rem;
  }
  .vpy-md-11 {
    padding-block: 2.75rem;
  }
  .vpt-md-11 {
    padding-top: 2.75rem;
  }
  .vpr-md-11 {
    padding-right: 2.75rem;
  }
  .vpb-md-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lmd-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-11 {
    padding: 2.75rem;
  }
  .vpx-lg-11 {
    padding-inline: 2.75rem;
  }
  .vpy-lg-11 {
    padding-block: 2.75rem;
  }
  .vpt-lg-11 {
    padding-top: 2.75rem;
  }
  .vpr-lg-11 {
    padding-right: 2.75rem;
  }
  .vpb-lg-11 {
    padding-bottom: 2.75rem;
  }
  .vp-llg-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-11 {
    padding: 2.75rem;
  }
  .vpx-xl-11 {
    padding-inline: 2.75rem;
  }
  .vpy-xl-11 {
    padding-block: 2.75rem;
  }
  .vpt-xl-11 {
    padding-top: 2.75rem;
  }
  .vpr-xl-11 {
    padding-right: 2.75rem;
  }
  .vpb-xl-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-11 {
    padding: 2.75rem;
  }
  .vpx-xxl-11 {
    padding-inline: 2.75rem;
  }
  .vpy-xxl-11 {
    padding-block: 2.75rem;
  }
  .vpt-xxl-11 {
    padding-top: 2.75rem;
  }
  .vpr-xxl-11 {
    padding-right: 2.75rem;
  }
  .vpb-xxl-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lxxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-11 {
    padding: 2.75rem;
  }
  .vpx-xxxl-11 {
    padding-inline: 2.75rem;
  }
  .vpy-xxxl-11 {
    padding-block: 2.75rem;
  }
  .vpt-xxxl-11 {
    padding-top: 2.75rem;
  }
  .vpr-xxxl-11 {
    padding-right: 2.75rem;
  }
  .vpb-xxxl-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lxxxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-11 {
    padding: 2.75rem;
  }
  .vpx-hd-11 {
    padding-inline: 2.75rem;
  }
  .vpy-hd-11 {
    padding-block: 2.75rem;
  }
  .vpt-hd-11 {
    padding-top: 2.75rem;
  }
  .vpr-hd-11 {
    padding-right: 2.75rem;
  }
  .vpb-hd-11 {
    padding-bottom: 2.75rem;
  }
  .vp-lhd-11 {
    padding-left: 2.75rem;
  }
}
.vp-12 {
  padding: 3rem;
}

.vpx-12 {
  padding-inline: 3rem;
}

.vpy-12 {
  padding-block: 3rem;
}

.vpt-12 {
  padding-top: 3rem;
}

.vpr-12 {
  padding-right: 3rem;
}

.vpb-12 {
  padding-bottom: 3rem;
}

.vpl-12 {
  padding-left: 3rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-12 {
    padding: 3rem;
  }
  .vpx-xs-12 {
    padding-inline: 3rem;
  }
  .vpy-xs-12 {
    padding-block: 3rem;
  }
  .vpt-xs-12 {
    padding-top: 3rem;
  }
  .vpr-xs-12 {
    padding-right: 3rem;
  }
  .vpb-xs-12 {
    padding-bottom: 3rem;
  }
  .vp-lxs-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-12 {
    padding: 3rem;
  }
  .vpx-sm-12 {
    padding-inline: 3rem;
  }
  .vpy-sm-12 {
    padding-block: 3rem;
  }
  .vpt-sm-12 {
    padding-top: 3rem;
  }
  .vpr-sm-12 {
    padding-right: 3rem;
  }
  .vpb-sm-12 {
    padding-bottom: 3rem;
  }
  .vp-lsm-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-12 {
    padding: 3rem;
  }
  .vpx-md-12 {
    padding-inline: 3rem;
  }
  .vpy-md-12 {
    padding-block: 3rem;
  }
  .vpt-md-12 {
    padding-top: 3rem;
  }
  .vpr-md-12 {
    padding-right: 3rem;
  }
  .vpb-md-12 {
    padding-bottom: 3rem;
  }
  .vp-lmd-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-12 {
    padding: 3rem;
  }
  .vpx-lg-12 {
    padding-inline: 3rem;
  }
  .vpy-lg-12 {
    padding-block: 3rem;
  }
  .vpt-lg-12 {
    padding-top: 3rem;
  }
  .vpr-lg-12 {
    padding-right: 3rem;
  }
  .vpb-lg-12 {
    padding-bottom: 3rem;
  }
  .vp-llg-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-12 {
    padding: 3rem;
  }
  .vpx-xl-12 {
    padding-inline: 3rem;
  }
  .vpy-xl-12 {
    padding-block: 3rem;
  }
  .vpt-xl-12 {
    padding-top: 3rem;
  }
  .vpr-xl-12 {
    padding-right: 3rem;
  }
  .vpb-xl-12 {
    padding-bottom: 3rem;
  }
  .vp-lxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-12 {
    padding: 3rem;
  }
  .vpx-xxl-12 {
    padding-inline: 3rem;
  }
  .vpy-xxl-12 {
    padding-block: 3rem;
  }
  .vpt-xxl-12 {
    padding-top: 3rem;
  }
  .vpr-xxl-12 {
    padding-right: 3rem;
  }
  .vpb-xxl-12 {
    padding-bottom: 3rem;
  }
  .vp-lxxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-12 {
    padding: 3rem;
  }
  .vpx-xxxl-12 {
    padding-inline: 3rem;
  }
  .vpy-xxxl-12 {
    padding-block: 3rem;
  }
  .vpt-xxxl-12 {
    padding-top: 3rem;
  }
  .vpr-xxxl-12 {
    padding-right: 3rem;
  }
  .vpb-xxxl-12 {
    padding-bottom: 3rem;
  }
  .vp-lxxxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-12 {
    padding: 3rem;
  }
  .vpx-hd-12 {
    padding-inline: 3rem;
  }
  .vpy-hd-12 {
    padding-block: 3rem;
  }
  .vpt-hd-12 {
    padding-top: 3rem;
  }
  .vpr-hd-12 {
    padding-right: 3rem;
  }
  .vpb-hd-12 {
    padding-bottom: 3rem;
  }
  .vp-lhd-12 {
    padding-left: 3rem;
  }
}
.vp-13 {
  padding: 3.25rem;
}

.vpx-13 {
  padding-inline: 3.25rem;
}

.vpy-13 {
  padding-block: 3.25rem;
}

.vpt-13 {
  padding-top: 3.25rem;
}

.vpr-13 {
  padding-right: 3.25rem;
}

.vpb-13 {
  padding-bottom: 3.25rem;
}

.vpl-13 {
  padding-left: 3.25rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-13 {
    padding: 3.25rem;
  }
  .vpx-xs-13 {
    padding-inline: 3.25rem;
  }
  .vpy-xs-13 {
    padding-block: 3.25rem;
  }
  .vpt-xs-13 {
    padding-top: 3.25rem;
  }
  .vpr-xs-13 {
    padding-right: 3.25rem;
  }
  .vpb-xs-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lxs-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-13 {
    padding: 3.25rem;
  }
  .vpx-sm-13 {
    padding-inline: 3.25rem;
  }
  .vpy-sm-13 {
    padding-block: 3.25rem;
  }
  .vpt-sm-13 {
    padding-top: 3.25rem;
  }
  .vpr-sm-13 {
    padding-right: 3.25rem;
  }
  .vpb-sm-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lsm-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-13 {
    padding: 3.25rem;
  }
  .vpx-md-13 {
    padding-inline: 3.25rem;
  }
  .vpy-md-13 {
    padding-block: 3.25rem;
  }
  .vpt-md-13 {
    padding-top: 3.25rem;
  }
  .vpr-md-13 {
    padding-right: 3.25rem;
  }
  .vpb-md-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lmd-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-13 {
    padding: 3.25rem;
  }
  .vpx-lg-13 {
    padding-inline: 3.25rem;
  }
  .vpy-lg-13 {
    padding-block: 3.25rem;
  }
  .vpt-lg-13 {
    padding-top: 3.25rem;
  }
  .vpr-lg-13 {
    padding-right: 3.25rem;
  }
  .vpb-lg-13 {
    padding-bottom: 3.25rem;
  }
  .vp-llg-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-13 {
    padding: 3.25rem;
  }
  .vpx-xl-13 {
    padding-inline: 3.25rem;
  }
  .vpy-xl-13 {
    padding-block: 3.25rem;
  }
  .vpt-xl-13 {
    padding-top: 3.25rem;
  }
  .vpr-xl-13 {
    padding-right: 3.25rem;
  }
  .vpb-xl-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-13 {
    padding: 3.25rem;
  }
  .vpx-xxl-13 {
    padding-inline: 3.25rem;
  }
  .vpy-xxl-13 {
    padding-block: 3.25rem;
  }
  .vpt-xxl-13 {
    padding-top: 3.25rem;
  }
  .vpr-xxl-13 {
    padding-right: 3.25rem;
  }
  .vpb-xxl-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lxxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-13 {
    padding: 3.25rem;
  }
  .vpx-xxxl-13 {
    padding-inline: 3.25rem;
  }
  .vpy-xxxl-13 {
    padding-block: 3.25rem;
  }
  .vpt-xxxl-13 {
    padding-top: 3.25rem;
  }
  .vpr-xxxl-13 {
    padding-right: 3.25rem;
  }
  .vpb-xxxl-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lxxxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-13 {
    padding: 3.25rem;
  }
  .vpx-hd-13 {
    padding-inline: 3.25rem;
  }
  .vpy-hd-13 {
    padding-block: 3.25rem;
  }
  .vpt-hd-13 {
    padding-top: 3.25rem;
  }
  .vpr-hd-13 {
    padding-right: 3.25rem;
  }
  .vpb-hd-13 {
    padding-bottom: 3.25rem;
  }
  .vp-lhd-13 {
    padding-left: 3.25rem;
  }
}
.vp-14 {
  padding: 3.5rem;
}

.vpx-14 {
  padding-inline: 3.5rem;
}

.vpy-14 {
  padding-block: 3.5rem;
}

.vpt-14 {
  padding-top: 3.5rem;
}

.vpr-14 {
  padding-right: 3.5rem;
}

.vpb-14 {
  padding-bottom: 3.5rem;
}

.vpl-14 {
  padding-left: 3.5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-14 {
    padding: 3.5rem;
  }
  .vpx-xs-14 {
    padding-inline: 3.5rem;
  }
  .vpy-xs-14 {
    padding-block: 3.5rem;
  }
  .vpt-xs-14 {
    padding-top: 3.5rem;
  }
  .vpr-xs-14 {
    padding-right: 3.5rem;
  }
  .vpb-xs-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lxs-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-14 {
    padding: 3.5rem;
  }
  .vpx-sm-14 {
    padding-inline: 3.5rem;
  }
  .vpy-sm-14 {
    padding-block: 3.5rem;
  }
  .vpt-sm-14 {
    padding-top: 3.5rem;
  }
  .vpr-sm-14 {
    padding-right: 3.5rem;
  }
  .vpb-sm-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lsm-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-14 {
    padding: 3.5rem;
  }
  .vpx-md-14 {
    padding-inline: 3.5rem;
  }
  .vpy-md-14 {
    padding-block: 3.5rem;
  }
  .vpt-md-14 {
    padding-top: 3.5rem;
  }
  .vpr-md-14 {
    padding-right: 3.5rem;
  }
  .vpb-md-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lmd-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-14 {
    padding: 3.5rem;
  }
  .vpx-lg-14 {
    padding-inline: 3.5rem;
  }
  .vpy-lg-14 {
    padding-block: 3.5rem;
  }
  .vpt-lg-14 {
    padding-top: 3.5rem;
  }
  .vpr-lg-14 {
    padding-right: 3.5rem;
  }
  .vpb-lg-14 {
    padding-bottom: 3.5rem;
  }
  .vp-llg-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-14 {
    padding: 3.5rem;
  }
  .vpx-xl-14 {
    padding-inline: 3.5rem;
  }
  .vpy-xl-14 {
    padding-block: 3.5rem;
  }
  .vpt-xl-14 {
    padding-top: 3.5rem;
  }
  .vpr-xl-14 {
    padding-right: 3.5rem;
  }
  .vpb-xl-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-14 {
    padding: 3.5rem;
  }
  .vpx-xxl-14 {
    padding-inline: 3.5rem;
  }
  .vpy-xxl-14 {
    padding-block: 3.5rem;
  }
  .vpt-xxl-14 {
    padding-top: 3.5rem;
  }
  .vpr-xxl-14 {
    padding-right: 3.5rem;
  }
  .vpb-xxl-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lxxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-14 {
    padding: 3.5rem;
  }
  .vpx-xxxl-14 {
    padding-inline: 3.5rem;
  }
  .vpy-xxxl-14 {
    padding-block: 3.5rem;
  }
  .vpt-xxxl-14 {
    padding-top: 3.5rem;
  }
  .vpr-xxxl-14 {
    padding-right: 3.5rem;
  }
  .vpb-xxxl-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lxxxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-14 {
    padding: 3.5rem;
  }
  .vpx-hd-14 {
    padding-inline: 3.5rem;
  }
  .vpy-hd-14 {
    padding-block: 3.5rem;
  }
  .vpt-hd-14 {
    padding-top: 3.5rem;
  }
  .vpr-hd-14 {
    padding-right: 3.5rem;
  }
  .vpb-hd-14 {
    padding-bottom: 3.5rem;
  }
  .vp-lhd-14 {
    padding-left: 3.5rem;
  }
}
.vp-15 {
  padding: 3.75rem;
}

.vpx-15 {
  padding-inline: 3.75rem;
}

.vpy-15 {
  padding-block: 3.75rem;
}

.vpt-15 {
  padding-top: 3.75rem;
}

.vpr-15 {
  padding-right: 3.75rem;
}

.vpb-15 {
  padding-bottom: 3.75rem;
}

.vpl-15 {
  padding-left: 3.75rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-15 {
    padding: 3.75rem;
  }
  .vpx-xs-15 {
    padding-inline: 3.75rem;
  }
  .vpy-xs-15 {
    padding-block: 3.75rem;
  }
  .vpt-xs-15 {
    padding-top: 3.75rem;
  }
  .vpr-xs-15 {
    padding-right: 3.75rem;
  }
  .vpb-xs-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lxs-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-15 {
    padding: 3.75rem;
  }
  .vpx-sm-15 {
    padding-inline: 3.75rem;
  }
  .vpy-sm-15 {
    padding-block: 3.75rem;
  }
  .vpt-sm-15 {
    padding-top: 3.75rem;
  }
  .vpr-sm-15 {
    padding-right: 3.75rem;
  }
  .vpb-sm-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lsm-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-15 {
    padding: 3.75rem;
  }
  .vpx-md-15 {
    padding-inline: 3.75rem;
  }
  .vpy-md-15 {
    padding-block: 3.75rem;
  }
  .vpt-md-15 {
    padding-top: 3.75rem;
  }
  .vpr-md-15 {
    padding-right: 3.75rem;
  }
  .vpb-md-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lmd-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-15 {
    padding: 3.75rem;
  }
  .vpx-lg-15 {
    padding-inline: 3.75rem;
  }
  .vpy-lg-15 {
    padding-block: 3.75rem;
  }
  .vpt-lg-15 {
    padding-top: 3.75rem;
  }
  .vpr-lg-15 {
    padding-right: 3.75rem;
  }
  .vpb-lg-15 {
    padding-bottom: 3.75rem;
  }
  .vp-llg-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-15 {
    padding: 3.75rem;
  }
  .vpx-xl-15 {
    padding-inline: 3.75rem;
  }
  .vpy-xl-15 {
    padding-block: 3.75rem;
  }
  .vpt-xl-15 {
    padding-top: 3.75rem;
  }
  .vpr-xl-15 {
    padding-right: 3.75rem;
  }
  .vpb-xl-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-15 {
    padding: 3.75rem;
  }
  .vpx-xxl-15 {
    padding-inline: 3.75rem;
  }
  .vpy-xxl-15 {
    padding-block: 3.75rem;
  }
  .vpt-xxl-15 {
    padding-top: 3.75rem;
  }
  .vpr-xxl-15 {
    padding-right: 3.75rem;
  }
  .vpb-xxl-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lxxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-15 {
    padding: 3.75rem;
  }
  .vpx-xxxl-15 {
    padding-inline: 3.75rem;
  }
  .vpy-xxxl-15 {
    padding-block: 3.75rem;
  }
  .vpt-xxxl-15 {
    padding-top: 3.75rem;
  }
  .vpr-xxxl-15 {
    padding-right: 3.75rem;
  }
  .vpb-xxxl-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lxxxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-15 {
    padding: 3.75rem;
  }
  .vpx-hd-15 {
    padding-inline: 3.75rem;
  }
  .vpy-hd-15 {
    padding-block: 3.75rem;
  }
  .vpt-hd-15 {
    padding-top: 3.75rem;
  }
  .vpr-hd-15 {
    padding-right: 3.75rem;
  }
  .vpb-hd-15 {
    padding-bottom: 3.75rem;
  }
  .vp-lhd-15 {
    padding-left: 3.75rem;
  }
}
.vp-16 {
  padding: 4rem;
}

.vpx-16 {
  padding-inline: 4rem;
}

.vpy-16 {
  padding-block: 4rem;
}

.vpt-16 {
  padding-top: 4rem;
}

.vpr-16 {
  padding-right: 4rem;
}

.vpb-16 {
  padding-bottom: 4rem;
}

.vpl-16 {
  padding-left: 4rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-16 {
    padding: 4rem;
  }
  .vpx-xs-16 {
    padding-inline: 4rem;
  }
  .vpy-xs-16 {
    padding-block: 4rem;
  }
  .vpt-xs-16 {
    padding-top: 4rem;
  }
  .vpr-xs-16 {
    padding-right: 4rem;
  }
  .vpb-xs-16 {
    padding-bottom: 4rem;
  }
  .vp-lxs-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-16 {
    padding: 4rem;
  }
  .vpx-sm-16 {
    padding-inline: 4rem;
  }
  .vpy-sm-16 {
    padding-block: 4rem;
  }
  .vpt-sm-16 {
    padding-top: 4rem;
  }
  .vpr-sm-16 {
    padding-right: 4rem;
  }
  .vpb-sm-16 {
    padding-bottom: 4rem;
  }
  .vp-lsm-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-16 {
    padding: 4rem;
  }
  .vpx-md-16 {
    padding-inline: 4rem;
  }
  .vpy-md-16 {
    padding-block: 4rem;
  }
  .vpt-md-16 {
    padding-top: 4rem;
  }
  .vpr-md-16 {
    padding-right: 4rem;
  }
  .vpb-md-16 {
    padding-bottom: 4rem;
  }
  .vp-lmd-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-16 {
    padding: 4rem;
  }
  .vpx-lg-16 {
    padding-inline: 4rem;
  }
  .vpy-lg-16 {
    padding-block: 4rem;
  }
  .vpt-lg-16 {
    padding-top: 4rem;
  }
  .vpr-lg-16 {
    padding-right: 4rem;
  }
  .vpb-lg-16 {
    padding-bottom: 4rem;
  }
  .vp-llg-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-16 {
    padding: 4rem;
  }
  .vpx-xl-16 {
    padding-inline: 4rem;
  }
  .vpy-xl-16 {
    padding-block: 4rem;
  }
  .vpt-xl-16 {
    padding-top: 4rem;
  }
  .vpr-xl-16 {
    padding-right: 4rem;
  }
  .vpb-xl-16 {
    padding-bottom: 4rem;
  }
  .vp-lxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-16 {
    padding: 4rem;
  }
  .vpx-xxl-16 {
    padding-inline: 4rem;
  }
  .vpy-xxl-16 {
    padding-block: 4rem;
  }
  .vpt-xxl-16 {
    padding-top: 4rem;
  }
  .vpr-xxl-16 {
    padding-right: 4rem;
  }
  .vpb-xxl-16 {
    padding-bottom: 4rem;
  }
  .vp-lxxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-16 {
    padding: 4rem;
  }
  .vpx-xxxl-16 {
    padding-inline: 4rem;
  }
  .vpy-xxxl-16 {
    padding-block: 4rem;
  }
  .vpt-xxxl-16 {
    padding-top: 4rem;
  }
  .vpr-xxxl-16 {
    padding-right: 4rem;
  }
  .vpb-xxxl-16 {
    padding-bottom: 4rem;
  }
  .vp-lxxxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-16 {
    padding: 4rem;
  }
  .vpx-hd-16 {
    padding-inline: 4rem;
  }
  .vpy-hd-16 {
    padding-block: 4rem;
  }
  .vpt-hd-16 {
    padding-top: 4rem;
  }
  .vpr-hd-16 {
    padding-right: 4rem;
  }
  .vpb-hd-16 {
    padding-bottom: 4rem;
  }
  .vp-lhd-16 {
    padding-left: 4rem;
  }
}
.vp-17 {
  padding: 4.25rem;
}

.vpx-17 {
  padding-inline: 4.25rem;
}

.vpy-17 {
  padding-block: 4.25rem;
}

.vpt-17 {
  padding-top: 4.25rem;
}

.vpr-17 {
  padding-right: 4.25rem;
}

.vpb-17 {
  padding-bottom: 4.25rem;
}

.vpl-17 {
  padding-left: 4.25rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-17 {
    padding: 4.25rem;
  }
  .vpx-xs-17 {
    padding-inline: 4.25rem;
  }
  .vpy-xs-17 {
    padding-block: 4.25rem;
  }
  .vpt-xs-17 {
    padding-top: 4.25rem;
  }
  .vpr-xs-17 {
    padding-right: 4.25rem;
  }
  .vpb-xs-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lxs-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-17 {
    padding: 4.25rem;
  }
  .vpx-sm-17 {
    padding-inline: 4.25rem;
  }
  .vpy-sm-17 {
    padding-block: 4.25rem;
  }
  .vpt-sm-17 {
    padding-top: 4.25rem;
  }
  .vpr-sm-17 {
    padding-right: 4.25rem;
  }
  .vpb-sm-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lsm-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-17 {
    padding: 4.25rem;
  }
  .vpx-md-17 {
    padding-inline: 4.25rem;
  }
  .vpy-md-17 {
    padding-block: 4.25rem;
  }
  .vpt-md-17 {
    padding-top: 4.25rem;
  }
  .vpr-md-17 {
    padding-right: 4.25rem;
  }
  .vpb-md-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lmd-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-17 {
    padding: 4.25rem;
  }
  .vpx-lg-17 {
    padding-inline: 4.25rem;
  }
  .vpy-lg-17 {
    padding-block: 4.25rem;
  }
  .vpt-lg-17 {
    padding-top: 4.25rem;
  }
  .vpr-lg-17 {
    padding-right: 4.25rem;
  }
  .vpb-lg-17 {
    padding-bottom: 4.25rem;
  }
  .vp-llg-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-17 {
    padding: 4.25rem;
  }
  .vpx-xl-17 {
    padding-inline: 4.25rem;
  }
  .vpy-xl-17 {
    padding-block: 4.25rem;
  }
  .vpt-xl-17 {
    padding-top: 4.25rem;
  }
  .vpr-xl-17 {
    padding-right: 4.25rem;
  }
  .vpb-xl-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-17 {
    padding: 4.25rem;
  }
  .vpx-xxl-17 {
    padding-inline: 4.25rem;
  }
  .vpy-xxl-17 {
    padding-block: 4.25rem;
  }
  .vpt-xxl-17 {
    padding-top: 4.25rem;
  }
  .vpr-xxl-17 {
    padding-right: 4.25rem;
  }
  .vpb-xxl-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lxxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-17 {
    padding: 4.25rem;
  }
  .vpx-xxxl-17 {
    padding-inline: 4.25rem;
  }
  .vpy-xxxl-17 {
    padding-block: 4.25rem;
  }
  .vpt-xxxl-17 {
    padding-top: 4.25rem;
  }
  .vpr-xxxl-17 {
    padding-right: 4.25rem;
  }
  .vpb-xxxl-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lxxxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-17 {
    padding: 4.25rem;
  }
  .vpx-hd-17 {
    padding-inline: 4.25rem;
  }
  .vpy-hd-17 {
    padding-block: 4.25rem;
  }
  .vpt-hd-17 {
    padding-top: 4.25rem;
  }
  .vpr-hd-17 {
    padding-right: 4.25rem;
  }
  .vpb-hd-17 {
    padding-bottom: 4.25rem;
  }
  .vp-lhd-17 {
    padding-left: 4.25rem;
  }
}
.vp-18 {
  padding: 4.5rem;
}

.vpx-18 {
  padding-inline: 4.5rem;
}

.vpy-18 {
  padding-block: 4.5rem;
}

.vpt-18 {
  padding-top: 4.5rem;
}

.vpr-18 {
  padding-right: 4.5rem;
}

.vpb-18 {
  padding-bottom: 4.5rem;
}

.vpl-18 {
  padding-left: 4.5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-18 {
    padding: 4.5rem;
  }
  .vpx-xs-18 {
    padding-inline: 4.5rem;
  }
  .vpy-xs-18 {
    padding-block: 4.5rem;
  }
  .vpt-xs-18 {
    padding-top: 4.5rem;
  }
  .vpr-xs-18 {
    padding-right: 4.5rem;
  }
  .vpb-xs-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lxs-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-18 {
    padding: 4.5rem;
  }
  .vpx-sm-18 {
    padding-inline: 4.5rem;
  }
  .vpy-sm-18 {
    padding-block: 4.5rem;
  }
  .vpt-sm-18 {
    padding-top: 4.5rem;
  }
  .vpr-sm-18 {
    padding-right: 4.5rem;
  }
  .vpb-sm-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lsm-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-18 {
    padding: 4.5rem;
  }
  .vpx-md-18 {
    padding-inline: 4.5rem;
  }
  .vpy-md-18 {
    padding-block: 4.5rem;
  }
  .vpt-md-18 {
    padding-top: 4.5rem;
  }
  .vpr-md-18 {
    padding-right: 4.5rem;
  }
  .vpb-md-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lmd-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-18 {
    padding: 4.5rem;
  }
  .vpx-lg-18 {
    padding-inline: 4.5rem;
  }
  .vpy-lg-18 {
    padding-block: 4.5rem;
  }
  .vpt-lg-18 {
    padding-top: 4.5rem;
  }
  .vpr-lg-18 {
    padding-right: 4.5rem;
  }
  .vpb-lg-18 {
    padding-bottom: 4.5rem;
  }
  .vp-llg-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-18 {
    padding: 4.5rem;
  }
  .vpx-xl-18 {
    padding-inline: 4.5rem;
  }
  .vpy-xl-18 {
    padding-block: 4.5rem;
  }
  .vpt-xl-18 {
    padding-top: 4.5rem;
  }
  .vpr-xl-18 {
    padding-right: 4.5rem;
  }
  .vpb-xl-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-18 {
    padding: 4.5rem;
  }
  .vpx-xxl-18 {
    padding-inline: 4.5rem;
  }
  .vpy-xxl-18 {
    padding-block: 4.5rem;
  }
  .vpt-xxl-18 {
    padding-top: 4.5rem;
  }
  .vpr-xxl-18 {
    padding-right: 4.5rem;
  }
  .vpb-xxl-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lxxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-18 {
    padding: 4.5rem;
  }
  .vpx-xxxl-18 {
    padding-inline: 4.5rem;
  }
  .vpy-xxxl-18 {
    padding-block: 4.5rem;
  }
  .vpt-xxxl-18 {
    padding-top: 4.5rem;
  }
  .vpr-xxxl-18 {
    padding-right: 4.5rem;
  }
  .vpb-xxxl-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lxxxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-18 {
    padding: 4.5rem;
  }
  .vpx-hd-18 {
    padding-inline: 4.5rem;
  }
  .vpy-hd-18 {
    padding-block: 4.5rem;
  }
  .vpt-hd-18 {
    padding-top: 4.5rem;
  }
  .vpr-hd-18 {
    padding-right: 4.5rem;
  }
  .vpb-hd-18 {
    padding-bottom: 4.5rem;
  }
  .vp-lhd-18 {
    padding-left: 4.5rem;
  }
}
.vp-19 {
  padding: 4.75rem;
}

.vpx-19 {
  padding-inline: 4.75rem;
}

.vpy-19 {
  padding-block: 4.75rem;
}

.vpt-19 {
  padding-top: 4.75rem;
}

.vpr-19 {
  padding-right: 4.75rem;
}

.vpb-19 {
  padding-bottom: 4.75rem;
}

.vpl-19 {
  padding-left: 4.75rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-19 {
    padding: 4.75rem;
  }
  .vpx-xs-19 {
    padding-inline: 4.75rem;
  }
  .vpy-xs-19 {
    padding-block: 4.75rem;
  }
  .vpt-xs-19 {
    padding-top: 4.75rem;
  }
  .vpr-xs-19 {
    padding-right: 4.75rem;
  }
  .vpb-xs-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lxs-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-19 {
    padding: 4.75rem;
  }
  .vpx-sm-19 {
    padding-inline: 4.75rem;
  }
  .vpy-sm-19 {
    padding-block: 4.75rem;
  }
  .vpt-sm-19 {
    padding-top: 4.75rem;
  }
  .vpr-sm-19 {
    padding-right: 4.75rem;
  }
  .vpb-sm-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lsm-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-19 {
    padding: 4.75rem;
  }
  .vpx-md-19 {
    padding-inline: 4.75rem;
  }
  .vpy-md-19 {
    padding-block: 4.75rem;
  }
  .vpt-md-19 {
    padding-top: 4.75rem;
  }
  .vpr-md-19 {
    padding-right: 4.75rem;
  }
  .vpb-md-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lmd-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-19 {
    padding: 4.75rem;
  }
  .vpx-lg-19 {
    padding-inline: 4.75rem;
  }
  .vpy-lg-19 {
    padding-block: 4.75rem;
  }
  .vpt-lg-19 {
    padding-top: 4.75rem;
  }
  .vpr-lg-19 {
    padding-right: 4.75rem;
  }
  .vpb-lg-19 {
    padding-bottom: 4.75rem;
  }
  .vp-llg-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-19 {
    padding: 4.75rem;
  }
  .vpx-xl-19 {
    padding-inline: 4.75rem;
  }
  .vpy-xl-19 {
    padding-block: 4.75rem;
  }
  .vpt-xl-19 {
    padding-top: 4.75rem;
  }
  .vpr-xl-19 {
    padding-right: 4.75rem;
  }
  .vpb-xl-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-19 {
    padding: 4.75rem;
  }
  .vpx-xxl-19 {
    padding-inline: 4.75rem;
  }
  .vpy-xxl-19 {
    padding-block: 4.75rem;
  }
  .vpt-xxl-19 {
    padding-top: 4.75rem;
  }
  .vpr-xxl-19 {
    padding-right: 4.75rem;
  }
  .vpb-xxl-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lxxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-19 {
    padding: 4.75rem;
  }
  .vpx-xxxl-19 {
    padding-inline: 4.75rem;
  }
  .vpy-xxxl-19 {
    padding-block: 4.75rem;
  }
  .vpt-xxxl-19 {
    padding-top: 4.75rem;
  }
  .vpr-xxxl-19 {
    padding-right: 4.75rem;
  }
  .vpb-xxxl-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lxxxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-19 {
    padding: 4.75rem;
  }
  .vpx-hd-19 {
    padding-inline: 4.75rem;
  }
  .vpy-hd-19 {
    padding-block: 4.75rem;
  }
  .vpt-hd-19 {
    padding-top: 4.75rem;
  }
  .vpr-hd-19 {
    padding-right: 4.75rem;
  }
  .vpb-hd-19 {
    padding-bottom: 4.75rem;
  }
  .vp-lhd-19 {
    padding-left: 4.75rem;
  }
}
.vp-20 {
  padding: 5rem;
}

.vpx-20 {
  padding-inline: 5rem;
}

.vpy-20 {
  padding-block: 5rem;
}

.vpt-20 {
  padding-top: 5rem;
}

.vpr-20 {
  padding-right: 5rem;
}

.vpb-20 {
  padding-bottom: 5rem;
}

.vpl-20 {
  padding-left: 5rem;
}

@media screen and (min-width: 420px) {
  .vp-xs-20 {
    padding: 5rem;
  }
  .vpx-xs-20 {
    padding-inline: 5rem;
  }
  .vpy-xs-20 {
    padding-block: 5rem;
  }
  .vpt-xs-20 {
    padding-top: 5rem;
  }
  .vpr-xs-20 {
    padding-right: 5rem;
  }
  .vpb-xs-20 {
    padding-bottom: 5rem;
  }
  .vp-lxs-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 576px) {
  .vp-sm-20 {
    padding: 5rem;
  }
  .vpx-sm-20 {
    padding-inline: 5rem;
  }
  .vpy-sm-20 {
    padding-block: 5rem;
  }
  .vpt-sm-20 {
    padding-top: 5rem;
  }
  .vpr-sm-20 {
    padding-right: 5rem;
  }
  .vpb-sm-20 {
    padding-bottom: 5rem;
  }
  .vp-lsm-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .vp-md-20 {
    padding: 5rem;
  }
  .vpx-md-20 {
    padding-inline: 5rem;
  }
  .vpy-md-20 {
    padding-block: 5rem;
  }
  .vpt-md-20 {
    padding-top: 5rem;
  }
  .vpr-md-20 {
    padding-right: 5rem;
  }
  .vpb-md-20 {
    padding-bottom: 5rem;
  }
  .vp-lmd-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vp-lg-20 {
    padding: 5rem;
  }
  .vpx-lg-20 {
    padding-inline: 5rem;
  }
  .vpy-lg-20 {
    padding-block: 5rem;
  }
  .vpt-lg-20 {
    padding-top: 5rem;
  }
  .vpr-lg-20 {
    padding-right: 5rem;
  }
  .vpb-lg-20 {
    padding-bottom: 5rem;
  }
  .vp-llg-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vp-xl-20 {
    padding: 5rem;
  }
  .vpx-xl-20 {
    padding-inline: 5rem;
  }
  .vpy-xl-20 {
    padding-block: 5rem;
  }
  .vpt-xl-20 {
    padding-top: 5rem;
  }
  .vpr-xl-20 {
    padding-right: 5rem;
  }
  .vpb-xl-20 {
    padding-bottom: 5rem;
  }
  .vp-lxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vp-xxl-20 {
    padding: 5rem;
  }
  .vpx-xxl-20 {
    padding-inline: 5rem;
  }
  .vpy-xxl-20 {
    padding-block: 5rem;
  }
  .vpt-xxl-20 {
    padding-top: 5rem;
  }
  .vpr-xxl-20 {
    padding-right: 5rem;
  }
  .vpb-xxl-20 {
    padding-bottom: 5rem;
  }
  .vp-lxxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vp-xxxl-20 {
    padding: 5rem;
  }
  .vpx-xxxl-20 {
    padding-inline: 5rem;
  }
  .vpy-xxxl-20 {
    padding-block: 5rem;
  }
  .vpt-xxxl-20 {
    padding-top: 5rem;
  }
  .vpr-xxxl-20 {
    padding-right: 5rem;
  }
  .vpb-xxxl-20 {
    padding-bottom: 5rem;
  }
  .vp-lxxxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vp-hd-20 {
    padding: 5rem;
  }
  .vpx-hd-20 {
    padding-inline: 5rem;
  }
  .vpy-hd-20 {
    padding-block: 5rem;
  }
  .vpt-hd-20 {
    padding-top: 5rem;
  }
  .vpr-hd-20 {
    padding-right: 5rem;
  }
  .vpb-hd-20 {
    padding-bottom: 5rem;
  }
  .vp-lhd-20 {
    padding-left: 5rem;
  }
}
.vm-2 {
  padding: 0.5rem;
}

.vmx-2 {
  padding-inline: 0.5rem;
}

.vmy-2 {
  padding-block: 0.5rem;
}

.vmt-2 {
  padding-top: 0.5rem;
}

.vmr-2 {
  padding-right: 0.5rem;
}

.vmb-2 {
  padding-bottom: 0.5rem;
}

.vml-2 {
  padding-left: 0.5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-2 {
    padding: 0.5rem;
  }
  .vmx-xs-2 {
    padding-inline: 0.5rem;
  }
  .vmy-xs-2 {
    padding-block: 0.5rem;
  }
  .vmt-xs-2 {
    padding-top: 0.5rem;
  }
  .vmr-xs-2 {
    padding-right: 0.5rem;
  }
  .vmb-xs-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lxs-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-2 {
    padding: 0.5rem;
  }
  .vmx-sm-2 {
    padding-inline: 0.5rem;
  }
  .vmy-sm-2 {
    padding-block: 0.5rem;
  }
  .vmt-sm-2 {
    padding-top: 0.5rem;
  }
  .vmr-sm-2 {
    padding-right: 0.5rem;
  }
  .vmb-sm-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lsm-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-2 {
    padding: 0.5rem;
  }
  .vmx-md-2 {
    padding-inline: 0.5rem;
  }
  .vmy-md-2 {
    padding-block: 0.5rem;
  }
  .vmt-md-2 {
    padding-top: 0.5rem;
  }
  .vmr-md-2 {
    padding-right: 0.5rem;
  }
  .vmb-md-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lmd-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-2 {
    padding: 0.5rem;
  }
  .vmx-lg-2 {
    padding-inline: 0.5rem;
  }
  .vmy-lg-2 {
    padding-block: 0.5rem;
  }
  .vmt-lg-2 {
    padding-top: 0.5rem;
  }
  .vmr-lg-2 {
    padding-right: 0.5rem;
  }
  .vmb-lg-2 {
    padding-bottom: 0.5rem;
  }
  .vm-llg-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-2 {
    padding: 0.5rem;
  }
  .vmx-xl-2 {
    padding-inline: 0.5rem;
  }
  .vmy-xl-2 {
    padding-block: 0.5rem;
  }
  .vmt-xl-2 {
    padding-top: 0.5rem;
  }
  .vmr-xl-2 {
    padding-right: 0.5rem;
  }
  .vmb-xl-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-2 {
    padding: 0.5rem;
  }
  .vmx-xxl-2 {
    padding-inline: 0.5rem;
  }
  .vmy-xxl-2 {
    padding-block: 0.5rem;
  }
  .vmt-xxl-2 {
    padding-top: 0.5rem;
  }
  .vmr-xxl-2 {
    padding-right: 0.5rem;
  }
  .vmb-xxl-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lxxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-2 {
    padding: 0.5rem;
  }
  .vmx-xxxl-2 {
    padding-inline: 0.5rem;
  }
  .vmy-xxxl-2 {
    padding-block: 0.5rem;
  }
  .vmt-xxxl-2 {
    padding-top: 0.5rem;
  }
  .vmr-xxxl-2 {
    padding-right: 0.5rem;
  }
  .vmb-xxxl-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lxxxl-2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-2 {
    padding: 0.5rem;
  }
  .vmx-hd-2 {
    padding-inline: 0.5rem;
  }
  .vmy-hd-2 {
    padding-block: 0.5rem;
  }
  .vmt-hd-2 {
    padding-top: 0.5rem;
  }
  .vmr-hd-2 {
    padding-right: 0.5rem;
  }
  .vmb-hd-2 {
    padding-bottom: 0.5rem;
  }
  .vm-lhd-2 {
    padding-left: 0.5rem;
  }
}
.vm-3 {
  padding: 0.75rem;
}

.vmx-3 {
  padding-inline: 0.75rem;
}

.vmy-3 {
  padding-block: 0.75rem;
}

.vmt-3 {
  padding-top: 0.75rem;
}

.vmr-3 {
  padding-right: 0.75rem;
}

.vmb-3 {
  padding-bottom: 0.75rem;
}

.vml-3 {
  padding-left: 0.75rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-3 {
    padding: 0.75rem;
  }
  .vmx-xs-3 {
    padding-inline: 0.75rem;
  }
  .vmy-xs-3 {
    padding-block: 0.75rem;
  }
  .vmt-xs-3 {
    padding-top: 0.75rem;
  }
  .vmr-xs-3 {
    padding-right: 0.75rem;
  }
  .vmb-xs-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lxs-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-3 {
    padding: 0.75rem;
  }
  .vmx-sm-3 {
    padding-inline: 0.75rem;
  }
  .vmy-sm-3 {
    padding-block: 0.75rem;
  }
  .vmt-sm-3 {
    padding-top: 0.75rem;
  }
  .vmr-sm-3 {
    padding-right: 0.75rem;
  }
  .vmb-sm-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lsm-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-3 {
    padding: 0.75rem;
  }
  .vmx-md-3 {
    padding-inline: 0.75rem;
  }
  .vmy-md-3 {
    padding-block: 0.75rem;
  }
  .vmt-md-3 {
    padding-top: 0.75rem;
  }
  .vmr-md-3 {
    padding-right: 0.75rem;
  }
  .vmb-md-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lmd-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-3 {
    padding: 0.75rem;
  }
  .vmx-lg-3 {
    padding-inline: 0.75rem;
  }
  .vmy-lg-3 {
    padding-block: 0.75rem;
  }
  .vmt-lg-3 {
    padding-top: 0.75rem;
  }
  .vmr-lg-3 {
    padding-right: 0.75rem;
  }
  .vmb-lg-3 {
    padding-bottom: 0.75rem;
  }
  .vm-llg-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-3 {
    padding: 0.75rem;
  }
  .vmx-xl-3 {
    padding-inline: 0.75rem;
  }
  .vmy-xl-3 {
    padding-block: 0.75rem;
  }
  .vmt-xl-3 {
    padding-top: 0.75rem;
  }
  .vmr-xl-3 {
    padding-right: 0.75rem;
  }
  .vmb-xl-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-3 {
    padding: 0.75rem;
  }
  .vmx-xxl-3 {
    padding-inline: 0.75rem;
  }
  .vmy-xxl-3 {
    padding-block: 0.75rem;
  }
  .vmt-xxl-3 {
    padding-top: 0.75rem;
  }
  .vmr-xxl-3 {
    padding-right: 0.75rem;
  }
  .vmb-xxl-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lxxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-3 {
    padding: 0.75rem;
  }
  .vmx-xxxl-3 {
    padding-inline: 0.75rem;
  }
  .vmy-xxxl-3 {
    padding-block: 0.75rem;
  }
  .vmt-xxxl-3 {
    padding-top: 0.75rem;
  }
  .vmr-xxxl-3 {
    padding-right: 0.75rem;
  }
  .vmb-xxxl-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lxxxl-3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-3 {
    padding: 0.75rem;
  }
  .vmx-hd-3 {
    padding-inline: 0.75rem;
  }
  .vmy-hd-3 {
    padding-block: 0.75rem;
  }
  .vmt-hd-3 {
    padding-top: 0.75rem;
  }
  .vmr-hd-3 {
    padding-right: 0.75rem;
  }
  .vmb-hd-3 {
    padding-bottom: 0.75rem;
  }
  .vm-lhd-3 {
    padding-left: 0.75rem;
  }
}
.vm-4 {
  padding: 1rem;
}

.vmx-4 {
  padding-inline: 1rem;
}

.vmy-4 {
  padding-block: 1rem;
}

.vmt-4 {
  padding-top: 1rem;
}

.vmr-4 {
  padding-right: 1rem;
}

.vmb-4 {
  padding-bottom: 1rem;
}

.vml-4 {
  padding-left: 1rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-4 {
    padding: 1rem;
  }
  .vmx-xs-4 {
    padding-inline: 1rem;
  }
  .vmy-xs-4 {
    padding-block: 1rem;
  }
  .vmt-xs-4 {
    padding-top: 1rem;
  }
  .vmr-xs-4 {
    padding-right: 1rem;
  }
  .vmb-xs-4 {
    padding-bottom: 1rem;
  }
  .vm-lxs-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-4 {
    padding: 1rem;
  }
  .vmx-sm-4 {
    padding-inline: 1rem;
  }
  .vmy-sm-4 {
    padding-block: 1rem;
  }
  .vmt-sm-4 {
    padding-top: 1rem;
  }
  .vmr-sm-4 {
    padding-right: 1rem;
  }
  .vmb-sm-4 {
    padding-bottom: 1rem;
  }
  .vm-lsm-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-4 {
    padding: 1rem;
  }
  .vmx-md-4 {
    padding-inline: 1rem;
  }
  .vmy-md-4 {
    padding-block: 1rem;
  }
  .vmt-md-4 {
    padding-top: 1rem;
  }
  .vmr-md-4 {
    padding-right: 1rem;
  }
  .vmb-md-4 {
    padding-bottom: 1rem;
  }
  .vm-lmd-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-4 {
    padding: 1rem;
  }
  .vmx-lg-4 {
    padding-inline: 1rem;
  }
  .vmy-lg-4 {
    padding-block: 1rem;
  }
  .vmt-lg-4 {
    padding-top: 1rem;
  }
  .vmr-lg-4 {
    padding-right: 1rem;
  }
  .vmb-lg-4 {
    padding-bottom: 1rem;
  }
  .vm-llg-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-4 {
    padding: 1rem;
  }
  .vmx-xl-4 {
    padding-inline: 1rem;
  }
  .vmy-xl-4 {
    padding-block: 1rem;
  }
  .vmt-xl-4 {
    padding-top: 1rem;
  }
  .vmr-xl-4 {
    padding-right: 1rem;
  }
  .vmb-xl-4 {
    padding-bottom: 1rem;
  }
  .vm-lxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-4 {
    padding: 1rem;
  }
  .vmx-xxl-4 {
    padding-inline: 1rem;
  }
  .vmy-xxl-4 {
    padding-block: 1rem;
  }
  .vmt-xxl-4 {
    padding-top: 1rem;
  }
  .vmr-xxl-4 {
    padding-right: 1rem;
  }
  .vmb-xxl-4 {
    padding-bottom: 1rem;
  }
  .vm-lxxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-4 {
    padding: 1rem;
  }
  .vmx-xxxl-4 {
    padding-inline: 1rem;
  }
  .vmy-xxxl-4 {
    padding-block: 1rem;
  }
  .vmt-xxxl-4 {
    padding-top: 1rem;
  }
  .vmr-xxxl-4 {
    padding-right: 1rem;
  }
  .vmb-xxxl-4 {
    padding-bottom: 1rem;
  }
  .vm-lxxxl-4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-4 {
    padding: 1rem;
  }
  .vmx-hd-4 {
    padding-inline: 1rem;
  }
  .vmy-hd-4 {
    padding-block: 1rem;
  }
  .vmt-hd-4 {
    padding-top: 1rem;
  }
  .vmr-hd-4 {
    padding-right: 1rem;
  }
  .vmb-hd-4 {
    padding-bottom: 1rem;
  }
  .vm-lhd-4 {
    padding-left: 1rem;
  }
}
.vm-5 {
  padding: 1.25rem;
}

.vmx-5 {
  padding-inline: 1.25rem;
}

.vmy-5 {
  padding-block: 1.25rem;
}

.vmt-5 {
  padding-top: 1.25rem;
}

.vmr-5 {
  padding-right: 1.25rem;
}

.vmb-5 {
  padding-bottom: 1.25rem;
}

.vml-5 {
  padding-left: 1.25rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-5 {
    padding: 1.25rem;
  }
  .vmx-xs-5 {
    padding-inline: 1.25rem;
  }
  .vmy-xs-5 {
    padding-block: 1.25rem;
  }
  .vmt-xs-5 {
    padding-top: 1.25rem;
  }
  .vmr-xs-5 {
    padding-right: 1.25rem;
  }
  .vmb-xs-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lxs-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-5 {
    padding: 1.25rem;
  }
  .vmx-sm-5 {
    padding-inline: 1.25rem;
  }
  .vmy-sm-5 {
    padding-block: 1.25rem;
  }
  .vmt-sm-5 {
    padding-top: 1.25rem;
  }
  .vmr-sm-5 {
    padding-right: 1.25rem;
  }
  .vmb-sm-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lsm-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-5 {
    padding: 1.25rem;
  }
  .vmx-md-5 {
    padding-inline: 1.25rem;
  }
  .vmy-md-5 {
    padding-block: 1.25rem;
  }
  .vmt-md-5 {
    padding-top: 1.25rem;
  }
  .vmr-md-5 {
    padding-right: 1.25rem;
  }
  .vmb-md-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lmd-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-5 {
    padding: 1.25rem;
  }
  .vmx-lg-5 {
    padding-inline: 1.25rem;
  }
  .vmy-lg-5 {
    padding-block: 1.25rem;
  }
  .vmt-lg-5 {
    padding-top: 1.25rem;
  }
  .vmr-lg-5 {
    padding-right: 1.25rem;
  }
  .vmb-lg-5 {
    padding-bottom: 1.25rem;
  }
  .vm-llg-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-5 {
    padding: 1.25rem;
  }
  .vmx-xl-5 {
    padding-inline: 1.25rem;
  }
  .vmy-xl-5 {
    padding-block: 1.25rem;
  }
  .vmt-xl-5 {
    padding-top: 1.25rem;
  }
  .vmr-xl-5 {
    padding-right: 1.25rem;
  }
  .vmb-xl-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-5 {
    padding: 1.25rem;
  }
  .vmx-xxl-5 {
    padding-inline: 1.25rem;
  }
  .vmy-xxl-5 {
    padding-block: 1.25rem;
  }
  .vmt-xxl-5 {
    padding-top: 1.25rem;
  }
  .vmr-xxl-5 {
    padding-right: 1.25rem;
  }
  .vmb-xxl-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lxxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-5 {
    padding: 1.25rem;
  }
  .vmx-xxxl-5 {
    padding-inline: 1.25rem;
  }
  .vmy-xxxl-5 {
    padding-block: 1.25rem;
  }
  .vmt-xxxl-5 {
    padding-top: 1.25rem;
  }
  .vmr-xxxl-5 {
    padding-right: 1.25rem;
  }
  .vmb-xxxl-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lxxxl-5 {
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-5 {
    padding: 1.25rem;
  }
  .vmx-hd-5 {
    padding-inline: 1.25rem;
  }
  .vmy-hd-5 {
    padding-block: 1.25rem;
  }
  .vmt-hd-5 {
    padding-top: 1.25rem;
  }
  .vmr-hd-5 {
    padding-right: 1.25rem;
  }
  .vmb-hd-5 {
    padding-bottom: 1.25rem;
  }
  .vm-lhd-5 {
    padding-left: 1.25rem;
  }
}
.vm-6 {
  padding: 1.5rem;
}

.vmx-6 {
  padding-inline: 1.5rem;
}

.vmy-6 {
  padding-block: 1.5rem;
}

.vmt-6 {
  padding-top: 1.5rem;
}

.vmr-6 {
  padding-right: 1.5rem;
}

.vmb-6 {
  padding-bottom: 1.5rem;
}

.vml-6 {
  padding-left: 1.5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-6 {
    padding: 1.5rem;
  }
  .vmx-xs-6 {
    padding-inline: 1.5rem;
  }
  .vmy-xs-6 {
    padding-block: 1.5rem;
  }
  .vmt-xs-6 {
    padding-top: 1.5rem;
  }
  .vmr-xs-6 {
    padding-right: 1.5rem;
  }
  .vmb-xs-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lxs-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-6 {
    padding: 1.5rem;
  }
  .vmx-sm-6 {
    padding-inline: 1.5rem;
  }
  .vmy-sm-6 {
    padding-block: 1.5rem;
  }
  .vmt-sm-6 {
    padding-top: 1.5rem;
  }
  .vmr-sm-6 {
    padding-right: 1.5rem;
  }
  .vmb-sm-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lsm-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-6 {
    padding: 1.5rem;
  }
  .vmx-md-6 {
    padding-inline: 1.5rem;
  }
  .vmy-md-6 {
    padding-block: 1.5rem;
  }
  .vmt-md-6 {
    padding-top: 1.5rem;
  }
  .vmr-md-6 {
    padding-right: 1.5rem;
  }
  .vmb-md-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lmd-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-6 {
    padding: 1.5rem;
  }
  .vmx-lg-6 {
    padding-inline: 1.5rem;
  }
  .vmy-lg-6 {
    padding-block: 1.5rem;
  }
  .vmt-lg-6 {
    padding-top: 1.5rem;
  }
  .vmr-lg-6 {
    padding-right: 1.5rem;
  }
  .vmb-lg-6 {
    padding-bottom: 1.5rem;
  }
  .vm-llg-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-6 {
    padding: 1.5rem;
  }
  .vmx-xl-6 {
    padding-inline: 1.5rem;
  }
  .vmy-xl-6 {
    padding-block: 1.5rem;
  }
  .vmt-xl-6 {
    padding-top: 1.5rem;
  }
  .vmr-xl-6 {
    padding-right: 1.5rem;
  }
  .vmb-xl-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-6 {
    padding: 1.5rem;
  }
  .vmx-xxl-6 {
    padding-inline: 1.5rem;
  }
  .vmy-xxl-6 {
    padding-block: 1.5rem;
  }
  .vmt-xxl-6 {
    padding-top: 1.5rem;
  }
  .vmr-xxl-6 {
    padding-right: 1.5rem;
  }
  .vmb-xxl-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lxxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-6 {
    padding: 1.5rem;
  }
  .vmx-xxxl-6 {
    padding-inline: 1.5rem;
  }
  .vmy-xxxl-6 {
    padding-block: 1.5rem;
  }
  .vmt-xxxl-6 {
    padding-top: 1.5rem;
  }
  .vmr-xxxl-6 {
    padding-right: 1.5rem;
  }
  .vmb-xxxl-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lxxxl-6 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-6 {
    padding: 1.5rem;
  }
  .vmx-hd-6 {
    padding-inline: 1.5rem;
  }
  .vmy-hd-6 {
    padding-block: 1.5rem;
  }
  .vmt-hd-6 {
    padding-top: 1.5rem;
  }
  .vmr-hd-6 {
    padding-right: 1.5rem;
  }
  .vmb-hd-6 {
    padding-bottom: 1.5rem;
  }
  .vm-lhd-6 {
    padding-left: 1.5rem;
  }
}
.vm-7 {
  padding: 1.75rem;
}

.vmx-7 {
  padding-inline: 1.75rem;
}

.vmy-7 {
  padding-block: 1.75rem;
}

.vmt-7 {
  padding-top: 1.75rem;
}

.vmr-7 {
  padding-right: 1.75rem;
}

.vmb-7 {
  padding-bottom: 1.75rem;
}

.vml-7 {
  padding-left: 1.75rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-7 {
    padding: 1.75rem;
  }
  .vmx-xs-7 {
    padding-inline: 1.75rem;
  }
  .vmy-xs-7 {
    padding-block: 1.75rem;
  }
  .vmt-xs-7 {
    padding-top: 1.75rem;
  }
  .vmr-xs-7 {
    padding-right: 1.75rem;
  }
  .vmb-xs-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lxs-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-7 {
    padding: 1.75rem;
  }
  .vmx-sm-7 {
    padding-inline: 1.75rem;
  }
  .vmy-sm-7 {
    padding-block: 1.75rem;
  }
  .vmt-sm-7 {
    padding-top: 1.75rem;
  }
  .vmr-sm-7 {
    padding-right: 1.75rem;
  }
  .vmb-sm-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lsm-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-7 {
    padding: 1.75rem;
  }
  .vmx-md-7 {
    padding-inline: 1.75rem;
  }
  .vmy-md-7 {
    padding-block: 1.75rem;
  }
  .vmt-md-7 {
    padding-top: 1.75rem;
  }
  .vmr-md-7 {
    padding-right: 1.75rem;
  }
  .vmb-md-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lmd-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-7 {
    padding: 1.75rem;
  }
  .vmx-lg-7 {
    padding-inline: 1.75rem;
  }
  .vmy-lg-7 {
    padding-block: 1.75rem;
  }
  .vmt-lg-7 {
    padding-top: 1.75rem;
  }
  .vmr-lg-7 {
    padding-right: 1.75rem;
  }
  .vmb-lg-7 {
    padding-bottom: 1.75rem;
  }
  .vm-llg-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-7 {
    padding: 1.75rem;
  }
  .vmx-xl-7 {
    padding-inline: 1.75rem;
  }
  .vmy-xl-7 {
    padding-block: 1.75rem;
  }
  .vmt-xl-7 {
    padding-top: 1.75rem;
  }
  .vmr-xl-7 {
    padding-right: 1.75rem;
  }
  .vmb-xl-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-7 {
    padding: 1.75rem;
  }
  .vmx-xxl-7 {
    padding-inline: 1.75rem;
  }
  .vmy-xxl-7 {
    padding-block: 1.75rem;
  }
  .vmt-xxl-7 {
    padding-top: 1.75rem;
  }
  .vmr-xxl-7 {
    padding-right: 1.75rem;
  }
  .vmb-xxl-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lxxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-7 {
    padding: 1.75rem;
  }
  .vmx-xxxl-7 {
    padding-inline: 1.75rem;
  }
  .vmy-xxxl-7 {
    padding-block: 1.75rem;
  }
  .vmt-xxxl-7 {
    padding-top: 1.75rem;
  }
  .vmr-xxxl-7 {
    padding-right: 1.75rem;
  }
  .vmb-xxxl-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lxxxl-7 {
    padding-left: 1.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-7 {
    padding: 1.75rem;
  }
  .vmx-hd-7 {
    padding-inline: 1.75rem;
  }
  .vmy-hd-7 {
    padding-block: 1.75rem;
  }
  .vmt-hd-7 {
    padding-top: 1.75rem;
  }
  .vmr-hd-7 {
    padding-right: 1.75rem;
  }
  .vmb-hd-7 {
    padding-bottom: 1.75rem;
  }
  .vm-lhd-7 {
    padding-left: 1.75rem;
  }
}
.vm-8 {
  padding: 2rem;
}

.vmx-8 {
  padding-inline: 2rem;
}

.vmy-8 {
  padding-block: 2rem;
}

.vmt-8 {
  padding-top: 2rem;
}

.vmr-8 {
  padding-right: 2rem;
}

.vmb-8 {
  padding-bottom: 2rem;
}

.vml-8 {
  padding-left: 2rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-8 {
    padding: 2rem;
  }
  .vmx-xs-8 {
    padding-inline: 2rem;
  }
  .vmy-xs-8 {
    padding-block: 2rem;
  }
  .vmt-xs-8 {
    padding-top: 2rem;
  }
  .vmr-xs-8 {
    padding-right: 2rem;
  }
  .vmb-xs-8 {
    padding-bottom: 2rem;
  }
  .vm-lxs-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-8 {
    padding: 2rem;
  }
  .vmx-sm-8 {
    padding-inline: 2rem;
  }
  .vmy-sm-8 {
    padding-block: 2rem;
  }
  .vmt-sm-8 {
    padding-top: 2rem;
  }
  .vmr-sm-8 {
    padding-right: 2rem;
  }
  .vmb-sm-8 {
    padding-bottom: 2rem;
  }
  .vm-lsm-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-8 {
    padding: 2rem;
  }
  .vmx-md-8 {
    padding-inline: 2rem;
  }
  .vmy-md-8 {
    padding-block: 2rem;
  }
  .vmt-md-8 {
    padding-top: 2rem;
  }
  .vmr-md-8 {
    padding-right: 2rem;
  }
  .vmb-md-8 {
    padding-bottom: 2rem;
  }
  .vm-lmd-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-8 {
    padding: 2rem;
  }
  .vmx-lg-8 {
    padding-inline: 2rem;
  }
  .vmy-lg-8 {
    padding-block: 2rem;
  }
  .vmt-lg-8 {
    padding-top: 2rem;
  }
  .vmr-lg-8 {
    padding-right: 2rem;
  }
  .vmb-lg-8 {
    padding-bottom: 2rem;
  }
  .vm-llg-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-8 {
    padding: 2rem;
  }
  .vmx-xl-8 {
    padding-inline: 2rem;
  }
  .vmy-xl-8 {
    padding-block: 2rem;
  }
  .vmt-xl-8 {
    padding-top: 2rem;
  }
  .vmr-xl-8 {
    padding-right: 2rem;
  }
  .vmb-xl-8 {
    padding-bottom: 2rem;
  }
  .vm-lxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-8 {
    padding: 2rem;
  }
  .vmx-xxl-8 {
    padding-inline: 2rem;
  }
  .vmy-xxl-8 {
    padding-block: 2rem;
  }
  .vmt-xxl-8 {
    padding-top: 2rem;
  }
  .vmr-xxl-8 {
    padding-right: 2rem;
  }
  .vmb-xxl-8 {
    padding-bottom: 2rem;
  }
  .vm-lxxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-8 {
    padding: 2rem;
  }
  .vmx-xxxl-8 {
    padding-inline: 2rem;
  }
  .vmy-xxxl-8 {
    padding-block: 2rem;
  }
  .vmt-xxxl-8 {
    padding-top: 2rem;
  }
  .vmr-xxxl-8 {
    padding-right: 2rem;
  }
  .vmb-xxxl-8 {
    padding-bottom: 2rem;
  }
  .vm-lxxxl-8 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-8 {
    padding: 2rem;
  }
  .vmx-hd-8 {
    padding-inline: 2rem;
  }
  .vmy-hd-8 {
    padding-block: 2rem;
  }
  .vmt-hd-8 {
    padding-top: 2rem;
  }
  .vmr-hd-8 {
    padding-right: 2rem;
  }
  .vmb-hd-8 {
    padding-bottom: 2rem;
  }
  .vm-lhd-8 {
    padding-left: 2rem;
  }
}
.vm-9 {
  padding: 2.25rem;
}

.vmx-9 {
  padding-inline: 2.25rem;
}

.vmy-9 {
  padding-block: 2.25rem;
}

.vmt-9 {
  padding-top: 2.25rem;
}

.vmr-9 {
  padding-right: 2.25rem;
}

.vmb-9 {
  padding-bottom: 2.25rem;
}

.vml-9 {
  padding-left: 2.25rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-9 {
    padding: 2.25rem;
  }
  .vmx-xs-9 {
    padding-inline: 2.25rem;
  }
  .vmy-xs-9 {
    padding-block: 2.25rem;
  }
  .vmt-xs-9 {
    padding-top: 2.25rem;
  }
  .vmr-xs-9 {
    padding-right: 2.25rem;
  }
  .vmb-xs-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lxs-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-9 {
    padding: 2.25rem;
  }
  .vmx-sm-9 {
    padding-inline: 2.25rem;
  }
  .vmy-sm-9 {
    padding-block: 2.25rem;
  }
  .vmt-sm-9 {
    padding-top: 2.25rem;
  }
  .vmr-sm-9 {
    padding-right: 2.25rem;
  }
  .vmb-sm-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lsm-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-9 {
    padding: 2.25rem;
  }
  .vmx-md-9 {
    padding-inline: 2.25rem;
  }
  .vmy-md-9 {
    padding-block: 2.25rem;
  }
  .vmt-md-9 {
    padding-top: 2.25rem;
  }
  .vmr-md-9 {
    padding-right: 2.25rem;
  }
  .vmb-md-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lmd-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-9 {
    padding: 2.25rem;
  }
  .vmx-lg-9 {
    padding-inline: 2.25rem;
  }
  .vmy-lg-9 {
    padding-block: 2.25rem;
  }
  .vmt-lg-9 {
    padding-top: 2.25rem;
  }
  .vmr-lg-9 {
    padding-right: 2.25rem;
  }
  .vmb-lg-9 {
    padding-bottom: 2.25rem;
  }
  .vm-llg-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-9 {
    padding: 2.25rem;
  }
  .vmx-xl-9 {
    padding-inline: 2.25rem;
  }
  .vmy-xl-9 {
    padding-block: 2.25rem;
  }
  .vmt-xl-9 {
    padding-top: 2.25rem;
  }
  .vmr-xl-9 {
    padding-right: 2.25rem;
  }
  .vmb-xl-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-9 {
    padding: 2.25rem;
  }
  .vmx-xxl-9 {
    padding-inline: 2.25rem;
  }
  .vmy-xxl-9 {
    padding-block: 2.25rem;
  }
  .vmt-xxl-9 {
    padding-top: 2.25rem;
  }
  .vmr-xxl-9 {
    padding-right: 2.25rem;
  }
  .vmb-xxl-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lxxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-9 {
    padding: 2.25rem;
  }
  .vmx-xxxl-9 {
    padding-inline: 2.25rem;
  }
  .vmy-xxxl-9 {
    padding-block: 2.25rem;
  }
  .vmt-xxxl-9 {
    padding-top: 2.25rem;
  }
  .vmr-xxxl-9 {
    padding-right: 2.25rem;
  }
  .vmb-xxxl-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lxxxl-9 {
    padding-left: 2.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-9 {
    padding: 2.25rem;
  }
  .vmx-hd-9 {
    padding-inline: 2.25rem;
  }
  .vmy-hd-9 {
    padding-block: 2.25rem;
  }
  .vmt-hd-9 {
    padding-top: 2.25rem;
  }
  .vmr-hd-9 {
    padding-right: 2.25rem;
  }
  .vmb-hd-9 {
    padding-bottom: 2.25rem;
  }
  .vm-lhd-9 {
    padding-left: 2.25rem;
  }
}
.vm-10 {
  padding: 2.5rem;
}

.vmx-10 {
  padding-inline: 2.5rem;
}

.vmy-10 {
  padding-block: 2.5rem;
}

.vmt-10 {
  padding-top: 2.5rem;
}

.vmr-10 {
  padding-right: 2.5rem;
}

.vmb-10 {
  padding-bottom: 2.5rem;
}

.vml-10 {
  padding-left: 2.5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-10 {
    padding: 2.5rem;
  }
  .vmx-xs-10 {
    padding-inline: 2.5rem;
  }
  .vmy-xs-10 {
    padding-block: 2.5rem;
  }
  .vmt-xs-10 {
    padding-top: 2.5rem;
  }
  .vmr-xs-10 {
    padding-right: 2.5rem;
  }
  .vmb-xs-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lxs-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-10 {
    padding: 2.5rem;
  }
  .vmx-sm-10 {
    padding-inline: 2.5rem;
  }
  .vmy-sm-10 {
    padding-block: 2.5rem;
  }
  .vmt-sm-10 {
    padding-top: 2.5rem;
  }
  .vmr-sm-10 {
    padding-right: 2.5rem;
  }
  .vmb-sm-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lsm-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-10 {
    padding: 2.5rem;
  }
  .vmx-md-10 {
    padding-inline: 2.5rem;
  }
  .vmy-md-10 {
    padding-block: 2.5rem;
  }
  .vmt-md-10 {
    padding-top: 2.5rem;
  }
  .vmr-md-10 {
    padding-right: 2.5rem;
  }
  .vmb-md-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lmd-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-10 {
    padding: 2.5rem;
  }
  .vmx-lg-10 {
    padding-inline: 2.5rem;
  }
  .vmy-lg-10 {
    padding-block: 2.5rem;
  }
  .vmt-lg-10 {
    padding-top: 2.5rem;
  }
  .vmr-lg-10 {
    padding-right: 2.5rem;
  }
  .vmb-lg-10 {
    padding-bottom: 2.5rem;
  }
  .vm-llg-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-10 {
    padding: 2.5rem;
  }
  .vmx-xl-10 {
    padding-inline: 2.5rem;
  }
  .vmy-xl-10 {
    padding-block: 2.5rem;
  }
  .vmt-xl-10 {
    padding-top: 2.5rem;
  }
  .vmr-xl-10 {
    padding-right: 2.5rem;
  }
  .vmb-xl-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-10 {
    padding: 2.5rem;
  }
  .vmx-xxl-10 {
    padding-inline: 2.5rem;
  }
  .vmy-xxl-10 {
    padding-block: 2.5rem;
  }
  .vmt-xxl-10 {
    padding-top: 2.5rem;
  }
  .vmr-xxl-10 {
    padding-right: 2.5rem;
  }
  .vmb-xxl-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lxxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-10 {
    padding: 2.5rem;
  }
  .vmx-xxxl-10 {
    padding-inline: 2.5rem;
  }
  .vmy-xxxl-10 {
    padding-block: 2.5rem;
  }
  .vmt-xxxl-10 {
    padding-top: 2.5rem;
  }
  .vmr-xxxl-10 {
    padding-right: 2.5rem;
  }
  .vmb-xxxl-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lxxxl-10 {
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-10 {
    padding: 2.5rem;
  }
  .vmx-hd-10 {
    padding-inline: 2.5rem;
  }
  .vmy-hd-10 {
    padding-block: 2.5rem;
  }
  .vmt-hd-10 {
    padding-top: 2.5rem;
  }
  .vmr-hd-10 {
    padding-right: 2.5rem;
  }
  .vmb-hd-10 {
    padding-bottom: 2.5rem;
  }
  .vm-lhd-10 {
    padding-left: 2.5rem;
  }
}
.vm-11 {
  padding: 2.75rem;
}

.vmx-11 {
  padding-inline: 2.75rem;
}

.vmy-11 {
  padding-block: 2.75rem;
}

.vmt-11 {
  padding-top: 2.75rem;
}

.vmr-11 {
  padding-right: 2.75rem;
}

.vmb-11 {
  padding-bottom: 2.75rem;
}

.vml-11 {
  padding-left: 2.75rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-11 {
    padding: 2.75rem;
  }
  .vmx-xs-11 {
    padding-inline: 2.75rem;
  }
  .vmy-xs-11 {
    padding-block: 2.75rem;
  }
  .vmt-xs-11 {
    padding-top: 2.75rem;
  }
  .vmr-xs-11 {
    padding-right: 2.75rem;
  }
  .vmb-xs-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lxs-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-11 {
    padding: 2.75rem;
  }
  .vmx-sm-11 {
    padding-inline: 2.75rem;
  }
  .vmy-sm-11 {
    padding-block: 2.75rem;
  }
  .vmt-sm-11 {
    padding-top: 2.75rem;
  }
  .vmr-sm-11 {
    padding-right: 2.75rem;
  }
  .vmb-sm-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lsm-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-11 {
    padding: 2.75rem;
  }
  .vmx-md-11 {
    padding-inline: 2.75rem;
  }
  .vmy-md-11 {
    padding-block: 2.75rem;
  }
  .vmt-md-11 {
    padding-top: 2.75rem;
  }
  .vmr-md-11 {
    padding-right: 2.75rem;
  }
  .vmb-md-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lmd-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-11 {
    padding: 2.75rem;
  }
  .vmx-lg-11 {
    padding-inline: 2.75rem;
  }
  .vmy-lg-11 {
    padding-block: 2.75rem;
  }
  .vmt-lg-11 {
    padding-top: 2.75rem;
  }
  .vmr-lg-11 {
    padding-right: 2.75rem;
  }
  .vmb-lg-11 {
    padding-bottom: 2.75rem;
  }
  .vm-llg-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-11 {
    padding: 2.75rem;
  }
  .vmx-xl-11 {
    padding-inline: 2.75rem;
  }
  .vmy-xl-11 {
    padding-block: 2.75rem;
  }
  .vmt-xl-11 {
    padding-top: 2.75rem;
  }
  .vmr-xl-11 {
    padding-right: 2.75rem;
  }
  .vmb-xl-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-11 {
    padding: 2.75rem;
  }
  .vmx-xxl-11 {
    padding-inline: 2.75rem;
  }
  .vmy-xxl-11 {
    padding-block: 2.75rem;
  }
  .vmt-xxl-11 {
    padding-top: 2.75rem;
  }
  .vmr-xxl-11 {
    padding-right: 2.75rem;
  }
  .vmb-xxl-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lxxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-11 {
    padding: 2.75rem;
  }
  .vmx-xxxl-11 {
    padding-inline: 2.75rem;
  }
  .vmy-xxxl-11 {
    padding-block: 2.75rem;
  }
  .vmt-xxxl-11 {
    padding-top: 2.75rem;
  }
  .vmr-xxxl-11 {
    padding-right: 2.75rem;
  }
  .vmb-xxxl-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lxxxl-11 {
    padding-left: 2.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-11 {
    padding: 2.75rem;
  }
  .vmx-hd-11 {
    padding-inline: 2.75rem;
  }
  .vmy-hd-11 {
    padding-block: 2.75rem;
  }
  .vmt-hd-11 {
    padding-top: 2.75rem;
  }
  .vmr-hd-11 {
    padding-right: 2.75rem;
  }
  .vmb-hd-11 {
    padding-bottom: 2.75rem;
  }
  .vm-lhd-11 {
    padding-left: 2.75rem;
  }
}
.vm-12 {
  padding: 3rem;
}

.vmx-12 {
  padding-inline: 3rem;
}

.vmy-12 {
  padding-block: 3rem;
}

.vmt-12 {
  padding-top: 3rem;
}

.vmr-12 {
  padding-right: 3rem;
}

.vmb-12 {
  padding-bottom: 3rem;
}

.vml-12 {
  padding-left: 3rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-12 {
    padding: 3rem;
  }
  .vmx-xs-12 {
    padding-inline: 3rem;
  }
  .vmy-xs-12 {
    padding-block: 3rem;
  }
  .vmt-xs-12 {
    padding-top: 3rem;
  }
  .vmr-xs-12 {
    padding-right: 3rem;
  }
  .vmb-xs-12 {
    padding-bottom: 3rem;
  }
  .vm-lxs-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-12 {
    padding: 3rem;
  }
  .vmx-sm-12 {
    padding-inline: 3rem;
  }
  .vmy-sm-12 {
    padding-block: 3rem;
  }
  .vmt-sm-12 {
    padding-top: 3rem;
  }
  .vmr-sm-12 {
    padding-right: 3rem;
  }
  .vmb-sm-12 {
    padding-bottom: 3rem;
  }
  .vm-lsm-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-12 {
    padding: 3rem;
  }
  .vmx-md-12 {
    padding-inline: 3rem;
  }
  .vmy-md-12 {
    padding-block: 3rem;
  }
  .vmt-md-12 {
    padding-top: 3rem;
  }
  .vmr-md-12 {
    padding-right: 3rem;
  }
  .vmb-md-12 {
    padding-bottom: 3rem;
  }
  .vm-lmd-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-12 {
    padding: 3rem;
  }
  .vmx-lg-12 {
    padding-inline: 3rem;
  }
  .vmy-lg-12 {
    padding-block: 3rem;
  }
  .vmt-lg-12 {
    padding-top: 3rem;
  }
  .vmr-lg-12 {
    padding-right: 3rem;
  }
  .vmb-lg-12 {
    padding-bottom: 3rem;
  }
  .vm-llg-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-12 {
    padding: 3rem;
  }
  .vmx-xl-12 {
    padding-inline: 3rem;
  }
  .vmy-xl-12 {
    padding-block: 3rem;
  }
  .vmt-xl-12 {
    padding-top: 3rem;
  }
  .vmr-xl-12 {
    padding-right: 3rem;
  }
  .vmb-xl-12 {
    padding-bottom: 3rem;
  }
  .vm-lxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-12 {
    padding: 3rem;
  }
  .vmx-xxl-12 {
    padding-inline: 3rem;
  }
  .vmy-xxl-12 {
    padding-block: 3rem;
  }
  .vmt-xxl-12 {
    padding-top: 3rem;
  }
  .vmr-xxl-12 {
    padding-right: 3rem;
  }
  .vmb-xxl-12 {
    padding-bottom: 3rem;
  }
  .vm-lxxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-12 {
    padding: 3rem;
  }
  .vmx-xxxl-12 {
    padding-inline: 3rem;
  }
  .vmy-xxxl-12 {
    padding-block: 3rem;
  }
  .vmt-xxxl-12 {
    padding-top: 3rem;
  }
  .vmr-xxxl-12 {
    padding-right: 3rem;
  }
  .vmb-xxxl-12 {
    padding-bottom: 3rem;
  }
  .vm-lxxxl-12 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-12 {
    padding: 3rem;
  }
  .vmx-hd-12 {
    padding-inline: 3rem;
  }
  .vmy-hd-12 {
    padding-block: 3rem;
  }
  .vmt-hd-12 {
    padding-top: 3rem;
  }
  .vmr-hd-12 {
    padding-right: 3rem;
  }
  .vmb-hd-12 {
    padding-bottom: 3rem;
  }
  .vm-lhd-12 {
    padding-left: 3rem;
  }
}
.vm-13 {
  padding: 3.25rem;
}

.vmx-13 {
  padding-inline: 3.25rem;
}

.vmy-13 {
  padding-block: 3.25rem;
}

.vmt-13 {
  padding-top: 3.25rem;
}

.vmr-13 {
  padding-right: 3.25rem;
}

.vmb-13 {
  padding-bottom: 3.25rem;
}

.vml-13 {
  padding-left: 3.25rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-13 {
    padding: 3.25rem;
  }
  .vmx-xs-13 {
    padding-inline: 3.25rem;
  }
  .vmy-xs-13 {
    padding-block: 3.25rem;
  }
  .vmt-xs-13 {
    padding-top: 3.25rem;
  }
  .vmr-xs-13 {
    padding-right: 3.25rem;
  }
  .vmb-xs-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lxs-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-13 {
    padding: 3.25rem;
  }
  .vmx-sm-13 {
    padding-inline: 3.25rem;
  }
  .vmy-sm-13 {
    padding-block: 3.25rem;
  }
  .vmt-sm-13 {
    padding-top: 3.25rem;
  }
  .vmr-sm-13 {
    padding-right: 3.25rem;
  }
  .vmb-sm-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lsm-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-13 {
    padding: 3.25rem;
  }
  .vmx-md-13 {
    padding-inline: 3.25rem;
  }
  .vmy-md-13 {
    padding-block: 3.25rem;
  }
  .vmt-md-13 {
    padding-top: 3.25rem;
  }
  .vmr-md-13 {
    padding-right: 3.25rem;
  }
  .vmb-md-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lmd-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-13 {
    padding: 3.25rem;
  }
  .vmx-lg-13 {
    padding-inline: 3.25rem;
  }
  .vmy-lg-13 {
    padding-block: 3.25rem;
  }
  .vmt-lg-13 {
    padding-top: 3.25rem;
  }
  .vmr-lg-13 {
    padding-right: 3.25rem;
  }
  .vmb-lg-13 {
    padding-bottom: 3.25rem;
  }
  .vm-llg-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-13 {
    padding: 3.25rem;
  }
  .vmx-xl-13 {
    padding-inline: 3.25rem;
  }
  .vmy-xl-13 {
    padding-block: 3.25rem;
  }
  .vmt-xl-13 {
    padding-top: 3.25rem;
  }
  .vmr-xl-13 {
    padding-right: 3.25rem;
  }
  .vmb-xl-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-13 {
    padding: 3.25rem;
  }
  .vmx-xxl-13 {
    padding-inline: 3.25rem;
  }
  .vmy-xxl-13 {
    padding-block: 3.25rem;
  }
  .vmt-xxl-13 {
    padding-top: 3.25rem;
  }
  .vmr-xxl-13 {
    padding-right: 3.25rem;
  }
  .vmb-xxl-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lxxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-13 {
    padding: 3.25rem;
  }
  .vmx-xxxl-13 {
    padding-inline: 3.25rem;
  }
  .vmy-xxxl-13 {
    padding-block: 3.25rem;
  }
  .vmt-xxxl-13 {
    padding-top: 3.25rem;
  }
  .vmr-xxxl-13 {
    padding-right: 3.25rem;
  }
  .vmb-xxxl-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lxxxl-13 {
    padding-left: 3.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-13 {
    padding: 3.25rem;
  }
  .vmx-hd-13 {
    padding-inline: 3.25rem;
  }
  .vmy-hd-13 {
    padding-block: 3.25rem;
  }
  .vmt-hd-13 {
    padding-top: 3.25rem;
  }
  .vmr-hd-13 {
    padding-right: 3.25rem;
  }
  .vmb-hd-13 {
    padding-bottom: 3.25rem;
  }
  .vm-lhd-13 {
    padding-left: 3.25rem;
  }
}
.vm-14 {
  padding: 3.5rem;
}

.vmx-14 {
  padding-inline: 3.5rem;
}

.vmy-14 {
  padding-block: 3.5rem;
}

.vmt-14 {
  padding-top: 3.5rem;
}

.vmr-14 {
  padding-right: 3.5rem;
}

.vmb-14 {
  padding-bottom: 3.5rem;
}

.vml-14 {
  padding-left: 3.5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-14 {
    padding: 3.5rem;
  }
  .vmx-xs-14 {
    padding-inline: 3.5rem;
  }
  .vmy-xs-14 {
    padding-block: 3.5rem;
  }
  .vmt-xs-14 {
    padding-top: 3.5rem;
  }
  .vmr-xs-14 {
    padding-right: 3.5rem;
  }
  .vmb-xs-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lxs-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-14 {
    padding: 3.5rem;
  }
  .vmx-sm-14 {
    padding-inline: 3.5rem;
  }
  .vmy-sm-14 {
    padding-block: 3.5rem;
  }
  .vmt-sm-14 {
    padding-top: 3.5rem;
  }
  .vmr-sm-14 {
    padding-right: 3.5rem;
  }
  .vmb-sm-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lsm-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-14 {
    padding: 3.5rem;
  }
  .vmx-md-14 {
    padding-inline: 3.5rem;
  }
  .vmy-md-14 {
    padding-block: 3.5rem;
  }
  .vmt-md-14 {
    padding-top: 3.5rem;
  }
  .vmr-md-14 {
    padding-right: 3.5rem;
  }
  .vmb-md-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lmd-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-14 {
    padding: 3.5rem;
  }
  .vmx-lg-14 {
    padding-inline: 3.5rem;
  }
  .vmy-lg-14 {
    padding-block: 3.5rem;
  }
  .vmt-lg-14 {
    padding-top: 3.5rem;
  }
  .vmr-lg-14 {
    padding-right: 3.5rem;
  }
  .vmb-lg-14 {
    padding-bottom: 3.5rem;
  }
  .vm-llg-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-14 {
    padding: 3.5rem;
  }
  .vmx-xl-14 {
    padding-inline: 3.5rem;
  }
  .vmy-xl-14 {
    padding-block: 3.5rem;
  }
  .vmt-xl-14 {
    padding-top: 3.5rem;
  }
  .vmr-xl-14 {
    padding-right: 3.5rem;
  }
  .vmb-xl-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-14 {
    padding: 3.5rem;
  }
  .vmx-xxl-14 {
    padding-inline: 3.5rem;
  }
  .vmy-xxl-14 {
    padding-block: 3.5rem;
  }
  .vmt-xxl-14 {
    padding-top: 3.5rem;
  }
  .vmr-xxl-14 {
    padding-right: 3.5rem;
  }
  .vmb-xxl-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lxxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-14 {
    padding: 3.5rem;
  }
  .vmx-xxxl-14 {
    padding-inline: 3.5rem;
  }
  .vmy-xxxl-14 {
    padding-block: 3.5rem;
  }
  .vmt-xxxl-14 {
    padding-top: 3.5rem;
  }
  .vmr-xxxl-14 {
    padding-right: 3.5rem;
  }
  .vmb-xxxl-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lxxxl-14 {
    padding-left: 3.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-14 {
    padding: 3.5rem;
  }
  .vmx-hd-14 {
    padding-inline: 3.5rem;
  }
  .vmy-hd-14 {
    padding-block: 3.5rem;
  }
  .vmt-hd-14 {
    padding-top: 3.5rem;
  }
  .vmr-hd-14 {
    padding-right: 3.5rem;
  }
  .vmb-hd-14 {
    padding-bottom: 3.5rem;
  }
  .vm-lhd-14 {
    padding-left: 3.5rem;
  }
}
.vm-15 {
  padding: 3.75rem;
}

.vmx-15 {
  padding-inline: 3.75rem;
}

.vmy-15 {
  padding-block: 3.75rem;
}

.vmt-15 {
  padding-top: 3.75rem;
}

.vmr-15 {
  padding-right: 3.75rem;
}

.vmb-15 {
  padding-bottom: 3.75rem;
}

.vml-15 {
  padding-left: 3.75rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-15 {
    padding: 3.75rem;
  }
  .vmx-xs-15 {
    padding-inline: 3.75rem;
  }
  .vmy-xs-15 {
    padding-block: 3.75rem;
  }
  .vmt-xs-15 {
    padding-top: 3.75rem;
  }
  .vmr-xs-15 {
    padding-right: 3.75rem;
  }
  .vmb-xs-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lxs-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-15 {
    padding: 3.75rem;
  }
  .vmx-sm-15 {
    padding-inline: 3.75rem;
  }
  .vmy-sm-15 {
    padding-block: 3.75rem;
  }
  .vmt-sm-15 {
    padding-top: 3.75rem;
  }
  .vmr-sm-15 {
    padding-right: 3.75rem;
  }
  .vmb-sm-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lsm-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-15 {
    padding: 3.75rem;
  }
  .vmx-md-15 {
    padding-inline: 3.75rem;
  }
  .vmy-md-15 {
    padding-block: 3.75rem;
  }
  .vmt-md-15 {
    padding-top: 3.75rem;
  }
  .vmr-md-15 {
    padding-right: 3.75rem;
  }
  .vmb-md-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lmd-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-15 {
    padding: 3.75rem;
  }
  .vmx-lg-15 {
    padding-inline: 3.75rem;
  }
  .vmy-lg-15 {
    padding-block: 3.75rem;
  }
  .vmt-lg-15 {
    padding-top: 3.75rem;
  }
  .vmr-lg-15 {
    padding-right: 3.75rem;
  }
  .vmb-lg-15 {
    padding-bottom: 3.75rem;
  }
  .vm-llg-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-15 {
    padding: 3.75rem;
  }
  .vmx-xl-15 {
    padding-inline: 3.75rem;
  }
  .vmy-xl-15 {
    padding-block: 3.75rem;
  }
  .vmt-xl-15 {
    padding-top: 3.75rem;
  }
  .vmr-xl-15 {
    padding-right: 3.75rem;
  }
  .vmb-xl-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-15 {
    padding: 3.75rem;
  }
  .vmx-xxl-15 {
    padding-inline: 3.75rem;
  }
  .vmy-xxl-15 {
    padding-block: 3.75rem;
  }
  .vmt-xxl-15 {
    padding-top: 3.75rem;
  }
  .vmr-xxl-15 {
    padding-right: 3.75rem;
  }
  .vmb-xxl-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lxxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-15 {
    padding: 3.75rem;
  }
  .vmx-xxxl-15 {
    padding-inline: 3.75rem;
  }
  .vmy-xxxl-15 {
    padding-block: 3.75rem;
  }
  .vmt-xxxl-15 {
    padding-top: 3.75rem;
  }
  .vmr-xxxl-15 {
    padding-right: 3.75rem;
  }
  .vmb-xxxl-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lxxxl-15 {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-15 {
    padding: 3.75rem;
  }
  .vmx-hd-15 {
    padding-inline: 3.75rem;
  }
  .vmy-hd-15 {
    padding-block: 3.75rem;
  }
  .vmt-hd-15 {
    padding-top: 3.75rem;
  }
  .vmr-hd-15 {
    padding-right: 3.75rem;
  }
  .vmb-hd-15 {
    padding-bottom: 3.75rem;
  }
  .vm-lhd-15 {
    padding-left: 3.75rem;
  }
}
.vm-16 {
  padding: 4rem;
}

.vmx-16 {
  padding-inline: 4rem;
}

.vmy-16 {
  padding-block: 4rem;
}

.vmt-16 {
  padding-top: 4rem;
}

.vmr-16 {
  padding-right: 4rem;
}

.vmb-16 {
  padding-bottom: 4rem;
}

.vml-16 {
  padding-left: 4rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-16 {
    padding: 4rem;
  }
  .vmx-xs-16 {
    padding-inline: 4rem;
  }
  .vmy-xs-16 {
    padding-block: 4rem;
  }
  .vmt-xs-16 {
    padding-top: 4rem;
  }
  .vmr-xs-16 {
    padding-right: 4rem;
  }
  .vmb-xs-16 {
    padding-bottom: 4rem;
  }
  .vm-lxs-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-16 {
    padding: 4rem;
  }
  .vmx-sm-16 {
    padding-inline: 4rem;
  }
  .vmy-sm-16 {
    padding-block: 4rem;
  }
  .vmt-sm-16 {
    padding-top: 4rem;
  }
  .vmr-sm-16 {
    padding-right: 4rem;
  }
  .vmb-sm-16 {
    padding-bottom: 4rem;
  }
  .vm-lsm-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-16 {
    padding: 4rem;
  }
  .vmx-md-16 {
    padding-inline: 4rem;
  }
  .vmy-md-16 {
    padding-block: 4rem;
  }
  .vmt-md-16 {
    padding-top: 4rem;
  }
  .vmr-md-16 {
    padding-right: 4rem;
  }
  .vmb-md-16 {
    padding-bottom: 4rem;
  }
  .vm-lmd-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-16 {
    padding: 4rem;
  }
  .vmx-lg-16 {
    padding-inline: 4rem;
  }
  .vmy-lg-16 {
    padding-block: 4rem;
  }
  .vmt-lg-16 {
    padding-top: 4rem;
  }
  .vmr-lg-16 {
    padding-right: 4rem;
  }
  .vmb-lg-16 {
    padding-bottom: 4rem;
  }
  .vm-llg-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-16 {
    padding: 4rem;
  }
  .vmx-xl-16 {
    padding-inline: 4rem;
  }
  .vmy-xl-16 {
    padding-block: 4rem;
  }
  .vmt-xl-16 {
    padding-top: 4rem;
  }
  .vmr-xl-16 {
    padding-right: 4rem;
  }
  .vmb-xl-16 {
    padding-bottom: 4rem;
  }
  .vm-lxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-16 {
    padding: 4rem;
  }
  .vmx-xxl-16 {
    padding-inline: 4rem;
  }
  .vmy-xxl-16 {
    padding-block: 4rem;
  }
  .vmt-xxl-16 {
    padding-top: 4rem;
  }
  .vmr-xxl-16 {
    padding-right: 4rem;
  }
  .vmb-xxl-16 {
    padding-bottom: 4rem;
  }
  .vm-lxxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-16 {
    padding: 4rem;
  }
  .vmx-xxxl-16 {
    padding-inline: 4rem;
  }
  .vmy-xxxl-16 {
    padding-block: 4rem;
  }
  .vmt-xxxl-16 {
    padding-top: 4rem;
  }
  .vmr-xxxl-16 {
    padding-right: 4rem;
  }
  .vmb-xxxl-16 {
    padding-bottom: 4rem;
  }
  .vm-lxxxl-16 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-16 {
    padding: 4rem;
  }
  .vmx-hd-16 {
    padding-inline: 4rem;
  }
  .vmy-hd-16 {
    padding-block: 4rem;
  }
  .vmt-hd-16 {
    padding-top: 4rem;
  }
  .vmr-hd-16 {
    padding-right: 4rem;
  }
  .vmb-hd-16 {
    padding-bottom: 4rem;
  }
  .vm-lhd-16 {
    padding-left: 4rem;
  }
}
.vm-17 {
  padding: 4.25rem;
}

.vmx-17 {
  padding-inline: 4.25rem;
}

.vmy-17 {
  padding-block: 4.25rem;
}

.vmt-17 {
  padding-top: 4.25rem;
}

.vmr-17 {
  padding-right: 4.25rem;
}

.vmb-17 {
  padding-bottom: 4.25rem;
}

.vml-17 {
  padding-left: 4.25rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-17 {
    padding: 4.25rem;
  }
  .vmx-xs-17 {
    padding-inline: 4.25rem;
  }
  .vmy-xs-17 {
    padding-block: 4.25rem;
  }
  .vmt-xs-17 {
    padding-top: 4.25rem;
  }
  .vmr-xs-17 {
    padding-right: 4.25rem;
  }
  .vmb-xs-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lxs-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-17 {
    padding: 4.25rem;
  }
  .vmx-sm-17 {
    padding-inline: 4.25rem;
  }
  .vmy-sm-17 {
    padding-block: 4.25rem;
  }
  .vmt-sm-17 {
    padding-top: 4.25rem;
  }
  .vmr-sm-17 {
    padding-right: 4.25rem;
  }
  .vmb-sm-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lsm-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-17 {
    padding: 4.25rem;
  }
  .vmx-md-17 {
    padding-inline: 4.25rem;
  }
  .vmy-md-17 {
    padding-block: 4.25rem;
  }
  .vmt-md-17 {
    padding-top: 4.25rem;
  }
  .vmr-md-17 {
    padding-right: 4.25rem;
  }
  .vmb-md-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lmd-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-17 {
    padding: 4.25rem;
  }
  .vmx-lg-17 {
    padding-inline: 4.25rem;
  }
  .vmy-lg-17 {
    padding-block: 4.25rem;
  }
  .vmt-lg-17 {
    padding-top: 4.25rem;
  }
  .vmr-lg-17 {
    padding-right: 4.25rem;
  }
  .vmb-lg-17 {
    padding-bottom: 4.25rem;
  }
  .vm-llg-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-17 {
    padding: 4.25rem;
  }
  .vmx-xl-17 {
    padding-inline: 4.25rem;
  }
  .vmy-xl-17 {
    padding-block: 4.25rem;
  }
  .vmt-xl-17 {
    padding-top: 4.25rem;
  }
  .vmr-xl-17 {
    padding-right: 4.25rem;
  }
  .vmb-xl-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-17 {
    padding: 4.25rem;
  }
  .vmx-xxl-17 {
    padding-inline: 4.25rem;
  }
  .vmy-xxl-17 {
    padding-block: 4.25rem;
  }
  .vmt-xxl-17 {
    padding-top: 4.25rem;
  }
  .vmr-xxl-17 {
    padding-right: 4.25rem;
  }
  .vmb-xxl-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lxxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-17 {
    padding: 4.25rem;
  }
  .vmx-xxxl-17 {
    padding-inline: 4.25rem;
  }
  .vmy-xxxl-17 {
    padding-block: 4.25rem;
  }
  .vmt-xxxl-17 {
    padding-top: 4.25rem;
  }
  .vmr-xxxl-17 {
    padding-right: 4.25rem;
  }
  .vmb-xxxl-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lxxxl-17 {
    padding-left: 4.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-17 {
    padding: 4.25rem;
  }
  .vmx-hd-17 {
    padding-inline: 4.25rem;
  }
  .vmy-hd-17 {
    padding-block: 4.25rem;
  }
  .vmt-hd-17 {
    padding-top: 4.25rem;
  }
  .vmr-hd-17 {
    padding-right: 4.25rem;
  }
  .vmb-hd-17 {
    padding-bottom: 4.25rem;
  }
  .vm-lhd-17 {
    padding-left: 4.25rem;
  }
}
.vm-18 {
  padding: 4.5rem;
}

.vmx-18 {
  padding-inline: 4.5rem;
}

.vmy-18 {
  padding-block: 4.5rem;
}

.vmt-18 {
  padding-top: 4.5rem;
}

.vmr-18 {
  padding-right: 4.5rem;
}

.vmb-18 {
  padding-bottom: 4.5rem;
}

.vml-18 {
  padding-left: 4.5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-18 {
    padding: 4.5rem;
  }
  .vmx-xs-18 {
    padding-inline: 4.5rem;
  }
  .vmy-xs-18 {
    padding-block: 4.5rem;
  }
  .vmt-xs-18 {
    padding-top: 4.5rem;
  }
  .vmr-xs-18 {
    padding-right: 4.5rem;
  }
  .vmb-xs-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lxs-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-18 {
    padding: 4.5rem;
  }
  .vmx-sm-18 {
    padding-inline: 4.5rem;
  }
  .vmy-sm-18 {
    padding-block: 4.5rem;
  }
  .vmt-sm-18 {
    padding-top: 4.5rem;
  }
  .vmr-sm-18 {
    padding-right: 4.5rem;
  }
  .vmb-sm-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lsm-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-18 {
    padding: 4.5rem;
  }
  .vmx-md-18 {
    padding-inline: 4.5rem;
  }
  .vmy-md-18 {
    padding-block: 4.5rem;
  }
  .vmt-md-18 {
    padding-top: 4.5rem;
  }
  .vmr-md-18 {
    padding-right: 4.5rem;
  }
  .vmb-md-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lmd-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-18 {
    padding: 4.5rem;
  }
  .vmx-lg-18 {
    padding-inline: 4.5rem;
  }
  .vmy-lg-18 {
    padding-block: 4.5rem;
  }
  .vmt-lg-18 {
    padding-top: 4.5rem;
  }
  .vmr-lg-18 {
    padding-right: 4.5rem;
  }
  .vmb-lg-18 {
    padding-bottom: 4.5rem;
  }
  .vm-llg-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-18 {
    padding: 4.5rem;
  }
  .vmx-xl-18 {
    padding-inline: 4.5rem;
  }
  .vmy-xl-18 {
    padding-block: 4.5rem;
  }
  .vmt-xl-18 {
    padding-top: 4.5rem;
  }
  .vmr-xl-18 {
    padding-right: 4.5rem;
  }
  .vmb-xl-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-18 {
    padding: 4.5rem;
  }
  .vmx-xxl-18 {
    padding-inline: 4.5rem;
  }
  .vmy-xxl-18 {
    padding-block: 4.5rem;
  }
  .vmt-xxl-18 {
    padding-top: 4.5rem;
  }
  .vmr-xxl-18 {
    padding-right: 4.5rem;
  }
  .vmb-xxl-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lxxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-18 {
    padding: 4.5rem;
  }
  .vmx-xxxl-18 {
    padding-inline: 4.5rem;
  }
  .vmy-xxxl-18 {
    padding-block: 4.5rem;
  }
  .vmt-xxxl-18 {
    padding-top: 4.5rem;
  }
  .vmr-xxxl-18 {
    padding-right: 4.5rem;
  }
  .vmb-xxxl-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lxxxl-18 {
    padding-left: 4.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-18 {
    padding: 4.5rem;
  }
  .vmx-hd-18 {
    padding-inline: 4.5rem;
  }
  .vmy-hd-18 {
    padding-block: 4.5rem;
  }
  .vmt-hd-18 {
    padding-top: 4.5rem;
  }
  .vmr-hd-18 {
    padding-right: 4.5rem;
  }
  .vmb-hd-18 {
    padding-bottom: 4.5rem;
  }
  .vm-lhd-18 {
    padding-left: 4.5rem;
  }
}
.vm-19 {
  padding: 4.75rem;
}

.vmx-19 {
  padding-inline: 4.75rem;
}

.vmy-19 {
  padding-block: 4.75rem;
}

.vmt-19 {
  padding-top: 4.75rem;
}

.vmr-19 {
  padding-right: 4.75rem;
}

.vmb-19 {
  padding-bottom: 4.75rem;
}

.vml-19 {
  padding-left: 4.75rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-19 {
    padding: 4.75rem;
  }
  .vmx-xs-19 {
    padding-inline: 4.75rem;
  }
  .vmy-xs-19 {
    padding-block: 4.75rem;
  }
  .vmt-xs-19 {
    padding-top: 4.75rem;
  }
  .vmr-xs-19 {
    padding-right: 4.75rem;
  }
  .vmb-xs-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lxs-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-19 {
    padding: 4.75rem;
  }
  .vmx-sm-19 {
    padding-inline: 4.75rem;
  }
  .vmy-sm-19 {
    padding-block: 4.75rem;
  }
  .vmt-sm-19 {
    padding-top: 4.75rem;
  }
  .vmr-sm-19 {
    padding-right: 4.75rem;
  }
  .vmb-sm-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lsm-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-19 {
    padding: 4.75rem;
  }
  .vmx-md-19 {
    padding-inline: 4.75rem;
  }
  .vmy-md-19 {
    padding-block: 4.75rem;
  }
  .vmt-md-19 {
    padding-top: 4.75rem;
  }
  .vmr-md-19 {
    padding-right: 4.75rem;
  }
  .vmb-md-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lmd-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-19 {
    padding: 4.75rem;
  }
  .vmx-lg-19 {
    padding-inline: 4.75rem;
  }
  .vmy-lg-19 {
    padding-block: 4.75rem;
  }
  .vmt-lg-19 {
    padding-top: 4.75rem;
  }
  .vmr-lg-19 {
    padding-right: 4.75rem;
  }
  .vmb-lg-19 {
    padding-bottom: 4.75rem;
  }
  .vm-llg-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-19 {
    padding: 4.75rem;
  }
  .vmx-xl-19 {
    padding-inline: 4.75rem;
  }
  .vmy-xl-19 {
    padding-block: 4.75rem;
  }
  .vmt-xl-19 {
    padding-top: 4.75rem;
  }
  .vmr-xl-19 {
    padding-right: 4.75rem;
  }
  .vmb-xl-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-19 {
    padding: 4.75rem;
  }
  .vmx-xxl-19 {
    padding-inline: 4.75rem;
  }
  .vmy-xxl-19 {
    padding-block: 4.75rem;
  }
  .vmt-xxl-19 {
    padding-top: 4.75rem;
  }
  .vmr-xxl-19 {
    padding-right: 4.75rem;
  }
  .vmb-xxl-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lxxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-19 {
    padding: 4.75rem;
  }
  .vmx-xxxl-19 {
    padding-inline: 4.75rem;
  }
  .vmy-xxxl-19 {
    padding-block: 4.75rem;
  }
  .vmt-xxxl-19 {
    padding-top: 4.75rem;
  }
  .vmr-xxxl-19 {
    padding-right: 4.75rem;
  }
  .vmb-xxxl-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lxxxl-19 {
    padding-left: 4.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-19 {
    padding: 4.75rem;
  }
  .vmx-hd-19 {
    padding-inline: 4.75rem;
  }
  .vmy-hd-19 {
    padding-block: 4.75rem;
  }
  .vmt-hd-19 {
    padding-top: 4.75rem;
  }
  .vmr-hd-19 {
    padding-right: 4.75rem;
  }
  .vmb-hd-19 {
    padding-bottom: 4.75rem;
  }
  .vm-lhd-19 {
    padding-left: 4.75rem;
  }
}
.vm-20 {
  padding: 5rem;
}

.vmx-20 {
  padding-inline: 5rem;
}

.vmy-20 {
  padding-block: 5rem;
}

.vmt-20 {
  padding-top: 5rem;
}

.vmr-20 {
  padding-right: 5rem;
}

.vmb-20 {
  padding-bottom: 5rem;
}

.vml-20 {
  padding-left: 5rem;
}

@media screen and (min-width: 420px) {
  .vm-xs-20 {
    padding: 5rem;
  }
  .vmx-xs-20 {
    padding-inline: 5rem;
  }
  .vmy-xs-20 {
    padding-block: 5rem;
  }
  .vmt-xs-20 {
    padding-top: 5rem;
  }
  .vmr-xs-20 {
    padding-right: 5rem;
  }
  .vmb-xs-20 {
    padding-bottom: 5rem;
  }
  .vm-lxs-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 576px) {
  .vm-sm-20 {
    padding: 5rem;
  }
  .vmx-sm-20 {
    padding-inline: 5rem;
  }
  .vmy-sm-20 {
    padding-block: 5rem;
  }
  .vmt-sm-20 {
    padding-top: 5rem;
  }
  .vmr-sm-20 {
    padding-right: 5rem;
  }
  .vmb-sm-20 {
    padding-bottom: 5rem;
  }
  .vm-lsm-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .vm-md-20 {
    padding: 5rem;
  }
  .vmx-md-20 {
    padding-inline: 5rem;
  }
  .vmy-md-20 {
    padding-block: 5rem;
  }
  .vmt-md-20 {
    padding-top: 5rem;
  }
  .vmr-md-20 {
    padding-right: 5rem;
  }
  .vmb-md-20 {
    padding-bottom: 5rem;
  }
  .vm-lmd-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1024px) {
  .vm-lg-20 {
    padding: 5rem;
  }
  .vmx-lg-20 {
    padding-inline: 5rem;
  }
  .vmy-lg-20 {
    padding-block: 5rem;
  }
  .vmt-lg-20 {
    padding-top: 5rem;
  }
  .vmr-lg-20 {
    padding-right: 5rem;
  }
  .vmb-lg-20 {
    padding-bottom: 5rem;
  }
  .vm-llg-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .vm-xl-20 {
    padding: 5rem;
  }
  .vmx-xl-20 {
    padding-inline: 5rem;
  }
  .vmy-xl-20 {
    padding-block: 5rem;
  }
  .vmt-xl-20 {
    padding-top: 5rem;
  }
  .vmr-xl-20 {
    padding-right: 5rem;
  }
  .vmb-xl-20 {
    padding-bottom: 5rem;
  }
  .vm-lxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1400px) {
  .vm-xxl-20 {
    padding: 5rem;
  }
  .vmx-xxl-20 {
    padding-inline: 5rem;
  }
  .vmy-xxl-20 {
    padding-block: 5rem;
  }
  .vmt-xxl-20 {
    padding-top: 5rem;
  }
  .vmr-xxl-20 {
    padding-right: 5rem;
  }
  .vmb-xxl-20 {
    padding-bottom: 5rem;
  }
  .vm-lxxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1600px) {
  .vm-xxxl-20 {
    padding: 5rem;
  }
  .vmx-xxxl-20 {
    padding-inline: 5rem;
  }
  .vmy-xxxl-20 {
    padding-block: 5rem;
  }
  .vmt-xxxl-20 {
    padding-top: 5rem;
  }
  .vmr-xxxl-20 {
    padding-right: 5rem;
  }
  .vmb-xxxl-20 {
    padding-bottom: 5rem;
  }
  .vm-lxxxl-20 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1920px) {
  .vm-hd-20 {
    padding: 5rem;
  }
  .vmx-hd-20 {
    padding-inline: 5rem;
  }
  .vmy-hd-20 {
    padding-block: 5rem;
  }
  .vmt-hd-20 {
    padding-top: 5rem;
  }
  .vmr-hd-20 {
    padding-right: 5rem;
  }
  .vmb-hd-20 {
    padding-bottom: 5rem;
  }
  .vm-lhd-20 {
    padding-left: 5rem;
  }
}
/*-----------------------
containers persos supérieurs à ou différents de à 1200
-----------------------*/
header,
footer,
section {
  position: relative;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}
.text_center,
.txt_center {
  text-align: center;
}

@font-face {
  font-family: "Louise";
  src: url("/assets/webfonts/LouizeDisplay.woff2") format("woff2"), url("/assets/webfonts/LouizeDisplay.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Louise";
  src: url("/assets/webfonts/LouizeDisplay-Medium.woff2") format("woff2"), url("/assets/webfonts/LouizeDisplay-Medium.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Louise";
  src: url("/assets/webfonts/LouizeDisplay-Bold.woff2") format("woff2"), url("/assets/webfonts/LouizeDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("/assets/webfonts/QuattrocentoSans-Italic.woff2") format("woff2"), url("/assets/webfonts/QuattrocentoSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("/assets/webfonts/QuattrocentoSans-Bold.woff2") format("woff2"), url("/assets/webfonts/QuattrocentoSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("/assets/webfonts/QuattrocentoSans-BoldItalic.woff2") format("woff2"), url("/assets/webfonts/QuattrocentoSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Quattrocento Sans";
  src: url("/assets/webfonts/QuattrocentoSans.woff2") format("woff2"), url("/assets/webfonts/QuattrocentoSans.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --gray1: #111;
  --gray2: #222;
  --gray3: #333;
  --gray4: #444;
  --gray5: #555;
  --gray6: #666;
  --gray7: #777;
  --gray8: #888;
  --gray9: #999;
  --graya: #aaa;
  --grayb: #bbb;
  --grayc: #ccc;
  --grayd: #ddd;
  --graye: #eee;
  --grayed: hsl(0, 0%, 93%);
  --gray9a: hsl(0, 0%, 60%);
  --graye8: hsl(0, 0%, 91%);
  --gray3f: hsl(0, 0%, 25%);
  --jaune: #ffd949;
  --rose: #ff6fb4;
  --purple: #773AAC;
  --bleu: #00e2ff;
  --vert: #006b5e;
  --orange: #fc8c79;
  --rouge: rgb(206, 43, 55);
  --aeon-rgb: 0, 0, 0;
  --aeon-bgRgb: 223, 236, 242;
  --blanc_c: hsl(24, 100%, 97%);
  --blanc: #fff;
  --noir: #000;
}

.jaune {
  color: var(--jaune);
}

.rose {
  color: var(--rose);
}

.bleu {
  color: var(--bleu);
}

.purple {
  color: var(--purple);
}

.vert {
  color: var(--vert);
}

.coral {
  color: #fbba88;
}

h1 {
  font-family: "Louise", sans-serif;
  font-weight: 600;
  font-size: clamp(1.56rem, 1.06rem + 1.92vw, 2.5rem);
}

h2 {
  font-family: "Louise", sans-serif;
  font-size: clamp(1.38rem, 1.04rem + 1.28vw, 2rem);
}

h3 {
  font-family: "Louise", sans-serif;
  font-size: clamp(1.25rem, 0.98rem + 1.03vw, 1.75rem);
}

h4 {
  font-size: clamp(1.13rem, 0.92rem + 0.77vw, 1.5rem);
  font-family: "Louise", sans-serif;
}

.swal2-title {
  padding-top: 0.2rem !important;
}

a.delete {
  color: red !important;
}

a.seelink,
a.edit {
  color: var(--vert);
}
a.seelink:hover, a.seelink:focus,
a.edit:hover,
a.edit:focus {
  color: var(--rose_dense);
}

.txt_center {
  text-align: center;
}

.container_xs {
  position: relative;
  width: min(420px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_sm {
  position: relative;
  width: min(576px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_md {
  position: relative;
  width: min(768px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_lg {
  position: relative;
  width: min(1024px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_xl {
  position: relative;
  width: min(1200px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_xxl {
  position: relative;
  width: min(1400px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_xxxl {
  position: relative;
  width: min(1600px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.container_hd {
  position: relative;
  width: min(1920px, 100%);
  padding-block: 0;
  margin: 0 auto;
  padding-inline: 0;
}

.wrapper_500 {
  position: relative;
  width: min(500px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_600 {
  position: relative;
  width: min(600px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_700 {
  position: relative;
  width: min(700px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_800 {
  position: relative;
  width: min(800px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_900 {
  position: relative;
  width: min(900px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_1000 {
  position: relative;
  width: min(1000px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_1200 {
  position: relative;
  width: min(1200px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.wrapper_1400 {
  position: relative;
  width: min(1400px, 100%);
  padding-block: 0;
  padding-inline: 0;
}

.pagehead {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding-block-end: 1.3rem;
}
.pagehead a.topback {
  width: 60px;
}
.pagehead h1 {
  margin: 0;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 1rem;
  color: #000;
  line-height: 1.4;
}

html,
* {
  scrollbar-width: auto;
  scrollbar-color: var(--orange) var(--vert);
}

html::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: var(--orange);
}

html::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--orange);
}

html::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background-color: var(--vert);
}

html::-webkit-scrollbar-track:hover,
*::-webkit-scrollbar-track:hover {
  background-color: var(--vert);
}

::selection {
  background-color: var(--vert);
  color: #fff;
}

/***********************
 * communs
 ***********************/
#bodywrap {
  width: min(1920px, 100%);
  height: 100%;
}
@media screen and (width >= 1024px) {
  #bodywrap {
    display: grid;
    grid-template-columns: 280px calc(100% - 280px);
  }
}
@media print {
  #bodywrap {
    width: 100%;
    padding: 0;
  }
}

#main_content_wrap {
  min-height: 500px;
  background-color: #fff;
  color: #333;
}

header {
  border-bottom: 1px solid #ccc;
}

#wrapper {
  padding: 1rem 2rem 2rem 2rem;
  background: #fff;
}
#wrapper.partwrap {
  padding: 0;
}

#headtop {
  padding-bottom: 0.6rem;
  border-bottom: 2px solid #666;
}

hr {
  position: relative;
  width: 60%;
  outline: 0;
  border: 0;
  color: #333;
  text-align: center;
  height: 1rem;
  opacity: 0.5;
  margin: 2rem auto;
}
hr::before {
  content: "";
  background: linear-gradient(to right, transparent, #333, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
hr.small_space {
  margin: 0.3rem auto;
}

.lower {
  font-weight: 400;
}

.hide {
  display: none;
}

/************************
 * login
 ************************/
#login_wrap {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 50px;
  color: #222;
  background-image: url(/assets/img/login_bg2.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#log_form_wrap {
  width: min(420px, 95%);
  padding: 30px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(7px);
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
#log_form_wrap h1 {
  text-align: center;
  font-weight: 600;
  font-size: clamp(1.25rem, 0.019rem + 6.154vw, 1.75rem);
}

#homehead {
  display: flex;
  justify-content: flex-start;
  gap: 1.5rem;
  align-items: center;
}
#homehead #hlogo {
  display: block;
  width: 120px;
}
#homehead h1 {
  font-size: 3rem;
  padding-block: 0.5rem;
}

.home_butts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem 1.5rem;
}
.home_butts .unhbutt {
  position: relative;
}
.home_butts .unhbutt a {
  width: 100%;
  height: 100%;
}
.home_butts .unhbutt .butthandle {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 5;
  left: 0;
  top: 0;
  padding: 0.4rem;
  cursor: move;
  background: var(--orange);
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 0% 100% 100% 0%/0% 0% 100% 100%;
  color: white;
}
.home_butts .unhbutt .butthandle:hover {
  background: var(--vert);
}
.home_butts a {
  position: relative;
  overflow: clip;
  display: grid;
  place-content: center;
  text-align: center;
  padding-inline: 3rem;
  padding-block: 2.5rem;
  border: 1px solid #999;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.5);
  font-family: "Louise", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  text-decoration: none;
  transition: outline 0.5s, border-color 0.5s, color 0.5s;
  line-height: 1.1;
}
.home_butts a span {
  position: relative;
  z-index: 10;
}
.home_butts a::before {
  content: url(/assets/img/yarn_2.svg);
  width: 20%;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  z-index: 2;
  opacity: 0.8;
}
.home_butts a:hover {
  color: rgb(0, 0, 0);
  border: 1px solid var(--jaune);
  outline: 8px solid var(--jaune);
  outline-offset: -4px;
}

hr.with_txt {
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 2.5rem;
  line-height: 1;
}
hr.with_txt::before {
  content: "";
  background: linear-gradient(to right, transparent, 333, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
hr.with_txt::after {
  content: attr(data-txt);
  position: relative;
  display: inline-block;
  color: black !important;
  padding: 0 0.5em;
  line-height: 1;
  background-color: #fff;
  font-family: "Louise", sans-serif;
  font-weight: 600;
  font-size: 2rem;
}

.rec_title_specs {
  display: flex;
  gap: 2.5rem;
  justify-content: space-between;
}
.rec_title_specs .speckles_dyecol {
  display: grid;
}
.rec_title_specs .speckles_dyecol p {
  margin: 0;
  padding-block: 0.3rem;
  font-size: 1.3rem;
  font-weight: 600;
}
.rec_title_specs .speckles_dyecol p:first-of-type {
  border-bottom: 1px solid #000;
}

.rec_commentaire {
  padding: 1.2rem;
  border: 1px solid #dedede;
  background: #f6f6f6;
  margin-block: 1.2rem;
}
.rec_commentaire p {
  margin-block: 0;
  padding-block: 0 0.2rem;
}

.atype {
  font-size: 1.3rem;
  font-weight: 600;
  padding-block: 1.5rem;
  border-bottom: 2px solid #666;
}
.atype p {
  margin-bottom: 0.3rem;
}
.atype:last-of-type {
  margin-bottom: 2rem;
}

.atype_base,
.atype_fill_p,
.atype_perpour_p,
.atype_adjuv_p,
.atype_temp_p {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 0.5rem;
}
.atype_base form,
.atype_base input,
.atype_fill_p form,
.atype_fill_p input,
.atype_perpour_p form,
.atype_perpour_p input,
.atype_adjuv_p form,
.atype_adjuv_p input,
.atype_temp_p form,
.atype_temp_p input {
  width: 100%;
}
.atype_base .atype_caract,
.atype_base .atype_fill,
.atype_base .atype_perpour,
.atype_base .atype_temp,
.atype_fill_p .atype_caract,
.atype_fill_p .atype_fill,
.atype_fill_p .atype_perpour,
.atype_fill_p .atype_temp,
.atype_perpour_p .atype_caract,
.atype_perpour_p .atype_fill,
.atype_perpour_p .atype_perpour,
.atype_perpour_p .atype_temp,
.atype_adjuv_p .atype_caract,
.atype_adjuv_p .atype_fill,
.atype_adjuv_p .atype_perpour,
.atype_adjuv_p .atype_temp,
.atype_temp_p .atype_caract,
.atype_temp_p .atype_fill,
.atype_temp_p .atype_perpour,
.atype_temp_p .atype_temp {
  cursor: pointer;
}
.atype_base .atype_caract.cabaigne,
.atype_base .atype_fill.cabaigne,
.atype_base .atype_perpour.cabaigne,
.atype_base .atype_temp.cabaigne,
.atype_fill_p .atype_caract.cabaigne,
.atype_fill_p .atype_fill.cabaigne,
.atype_fill_p .atype_perpour.cabaigne,
.atype_fill_p .atype_temp.cabaigne,
.atype_perpour_p .atype_caract.cabaigne,
.atype_perpour_p .atype_fill.cabaigne,
.atype_perpour_p .atype_perpour.cabaigne,
.atype_perpour_p .atype_temp.cabaigne,
.atype_adjuv_p .atype_caract.cabaigne,
.atype_adjuv_p .atype_fill.cabaigne,
.atype_adjuv_p .atype_perpour.cabaigne,
.atype_adjuv_p .atype_temp.cabaigne,
.atype_temp_p .atype_caract.cabaigne,
.atype_temp_p .atype_fill.cabaigne,
.atype_temp_p .atype_perpour.cabaigne,
.atype_temp_p .atype_temp.cabaigne {
  color: green;
  animation: back2black 3s forwards;
}
.atype_base .atype_caract.cachie,
.atype_base .atype_fill.cachie,
.atype_base .atype_perpour.cachie,
.atype_base .atype_temp.cachie,
.atype_fill_p .atype_caract.cachie,
.atype_fill_p .atype_fill.cachie,
.atype_fill_p .atype_perpour.cachie,
.atype_fill_p .atype_temp.cachie,
.atype_perpour_p .atype_caract.cachie,
.atype_perpour_p .atype_fill.cachie,
.atype_perpour_p .atype_perpour.cachie,
.atype_perpour_p .atype_temp.cachie,
.atype_adjuv_p .atype_caract.cachie,
.atype_adjuv_p .atype_fill.cachie,
.atype_adjuv_p .atype_perpour.cachie,
.atype_adjuv_p .atype_temp.cachie,
.atype_temp_p .atype_caract.cachie,
.atype_temp_p .atype_fill.cachie,
.atype_temp_p .atype_perpour.cachie,
.atype_temp_p .atype_temp.cachie {
  color: red;
  animation: back2black 3s forwards;
}

.type_fill_l,
.pourfill_d,
.rec_title_specs h2,
.perpour_label,
.adjuv_mabel,
.atype_name {
  white-space: nowrap;
}

.dss_val,
.dif_val {
  cursor: pointer;
}

.unpour_d {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.unpour_d .pourfill {
  min-width: 60px;
}
.unpour_d .pourhandle {
  display: none;
  cursor: move;
}

.recpours.cabaigne {
  color: green;
  animation: back2black 3s forwards;
}
.recpours.cachie {
  color: red;
  animation: back2black 3s forwards;
}

@keyframes back2black {
  to {
    color: black;
  }
}
#rec_acc_wrap #rec_acc_right {
  display: none;
}
@media (width >= 1400px) {
  #rec_acc_wrap {
    display: grid;
    grid-template-columns: 1fr 300px;
  }
  #rec_acc_wrap #rec_acc_right {
    display: block;
    width: 300px;
    height: max(600px, 100%);
    overflow-y: auto;
  }
  #rec_acc_wrap #rec_acc_right table a {
    color: #333;
  }
  #rec_acc_wrap #rec_acc_right table a:hover {
    color: green;
  }
}

.pourswitch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 30px;
}
.pourswitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.pourswitch .sort_tog {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: var(--jaune);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50rem;
}
.pourswitch .sort_tog:after {
  content: "OFF";
  color: #333;
  font-size: 0.9rem;
  font-weight: 700 !important;
  line-height: 1;
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-40%);
  z-index: 2;
}
.pourswitch .sort_tog:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgb(240, 240, 240) 40%, rgb(217, 217, 217) 100%);
  transition: 0.4s;
  border-radius: 50%;
  z-index: 4;
}
.pourswitch input:checked + .sort_tog {
  background: var(--rouge);
}
.pourswitch input:focus-visible + .sort_tog,
.pourswitch input:focus + .sort_tog {
  box-shadow: 0 0 2px var(--vert);
}
.pourswitch input:checked + .sort_tog:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}
.pourswitch input:checked + .sort_tog::after {
  content: "ON";
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-40%);
  z-index: 2;
}

#weektabwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#weektabwrap .wekktabelem {
  padding-inline-end: 1.5rem;
}
#weektabwrap .weekbasepots teble {
  max-width: 350px !important;
}

#base_pots_tab_wrapper .row:first-of-type {
  display: none;
}

#base_pots_tab_wrapper .row {
  margin: 0 !important;
}

.tab_butt_legend {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.tab_legend {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tab_legend p {
  display: flex;
  align-items: center;
  align-content: center;
}
.tab_legend .leg_bg {
  width: 80px;
  height: 20px;
  border: 1px solid #ccc;
}

#daily_prod_wrap,
#tielist_wrap {
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  padding-bottom: 1rem;
  gap: 0.5rem;
}
#daily_prod_wrap .unjour .jour_head,
#tielist_wrap .unjour .jour_head {
  padding: 0.3rem;
  background: #efefef;
}
#daily_prod_wrap .unjour .jour_head h2,
#tielist_wrap .unjour .jour_head h2 {
  font-size: 1.5rem;
}
#daily_prod_wrap .unjour.ferie,
#tielist_wrap .unjour.ferie {
  opacity: 0.8;
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(45deg, var(--orange) 0, var(--orange) 1px, white 0, white 50%);
}
#daily_prod_wrap .unjour.ferie .jour_head,
#tielist_wrap .unjour.ferie .jour_head {
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(45deg, var(--orange) 0, var(--orange) 1px, white 0, white 50%);
}

.jour_flips {
  display: flex;
  gap: 0.5rem;
}
.jour_flips .jour_df,
.jour_flips .jour_nc,
.jour_flips .jour_cd {
  display: flex;
  flex-direction: column;
}
.jour_flips .jour_df h3,
.jour_flips .jour_nc h3,
.jour_flips .jour_cd h3 {
  text-align: center;
  font-size: 1.3rem;
  padding-block: 0.2rem;
  margin-bottom: 0;
  border-bottom: 2px solid white;
}
.jour_flips .jour_df table,
.jour_flips .jour_nc table,
.jour_flips .jour_cd table {
  width: 100%;
}
.jour_flips .jour_df table th,
.jour_flips .jour_nc table th,
.jour_flips .jour_cd table th {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 0.95rem;
  padding: 0.2rem 0.25rem;
  text-align: center;
}
.jour_flips .jour_df table tr:nth-child(odd):not(.bcrollsepar),
.jour_flips .jour_nc table tr:nth-child(odd):not(.bcrollsepar),
.jour_flips .jour_cd table tr:nth-child(odd):not(.bcrollsepar) {
  background: #efefef;
}
.jour_flips .jour_df table tr.bcrollsepar,
.jour_flips .jour_nc table tr.bcrollsepar,
.jour_flips .jour_cd table tr.bcrollsepar {
  background: var(--vert);
  color: white;
  font-weight: 600;
  text-align: center;
}
.jour_flips .jour_df table tr.bcrollsepar td,
.jour_flips .jour_nc table tr.bcrollsepar td,
.jour_flips .jour_cd table tr.bcrollsepar td {
  font-size: 1.05rem;
  padding-block: 0.2rem;
}
.jour_flips .jour_df table td,
.jour_flips .jour_nc table td,
.jour_flips .jour_cd table td {
  padding: 1px 4px;
}
.jour_flips .jour_df table td.nw,
.jour_flips .jour_nc table td.nw,
.jour_flips .jour_cd table td.nw {
  white-space: nowrap;
}
.jour_flips .jour_df table td.tct,
.jour_flips .jour_nc table td.tct,
.jour_flips .jour_cd table td.tct {
  text-align: center;
}

td.separtabs {
  height: 1rem !important;
  background: white;
}

tr.bttd {
  border-top: 4px solid var(--orange);
}

/* see also dailyprod.scss */
#tielist_wrap {
  gap: 2rem;
}
#tielist_wrap .unjour {
  width: 800px;
}
#tielist_wrap table.tie_table td {
  white-space: nowrap;
  font-size: 0.9rem;
  padding: 0.2rem 0.4rem;
  text-align: left;
}

table.tie_table td.qtytd.addtosum {
  background: lightgreen;
}

.tielists_ttsk {
  padding-top: 0.8rem;
  font-weight: 600;
}

#sumres_wrap {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  text-align: center;
  padding: 2.8rem 1rem 0.8rem 1rem;
  background: #fff;
  z-index: 50;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  visibility: hidden;
}
#sumres_wrap p {
  margin: 0;
  font-size: 2rem;
}
#sumres_wrap button {
  background: transparent;
  position: absolute;
  top: 28px;
  right: 0.2rem;
  border: none;
  font-size: 1rem;
}
#sumres_wrap #dragger {
  width: 100%;
  height: 25px;
  line-height: 1;
  position: absolute;
  display: grid;
  place-content: center;
  left: 0;
  top: 0;
  background: var(--jaune);
  cursor: move;
  z-index: 50;
}

@media print {
  .unjour h2,
  .unjour h3 {
    width: 100%;
    text-align: center;
  }
  .unjour h2 {
    font-size: 1.5rem;
  }
  .unjour h3 {
    font-size: 1.1rem;
  }
  .jour_flips {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5mm;
    page-break-before: avoid;
    break-before: avoid;
  }
  /*table { width: 75%; border-collapse: collapse; margin-inline: auto; }*/
  table.tie_table {
    width: 100%;
  }
  table.tie_table th,
  table.tie_table td {
    border: 1px solid #ddd;
    padding: 8px;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  table.tie_table th {
    background-color: unset #efefef !important;
    text-align: left;
  }
}
/* see also dailyprod.scss */
.wind_jour_tab tr th,
.wind_jour_tab tr td {
  padding-inline: 0.5rem;
  padding-block: 0.15rem;
}
.wind_jour_tab tr th:last-child,
.wind_jour_tab tr td:first-child,
.wind_jour_tab tr td:nth-child(1),
.wind_jour_tab tr td:nth-child(2),
.wind_jour_tab tr td:nth-child(3) {
  white-space: preserve nowrap;
}

@media screen {
  tr th {
    white-space: preserve nowrap;
  }
}
.bobcheck {
  accent-color: var(--vert);
}

.bobnotewrap form,
.bobnotewrap input {
  width: 100%;
}
.bobnotewrap .bobnote {
  cursor: pointer;
  min-height: 30px;
}
.bobnotewrap .bobnote.cabaigne {
  color: green;
  animation: back2black 3s forwards;
}
.bobnotewrap .bobnote.cachie {
  color: red;
  animation: back2black 3s forwards;
}

.bbc_label {
  display: block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bbc_label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-color: #efefef;
  border-radius: 3px;
}

.bbc_label:hover input ~ .checkmark {
  background-color: #ccc;
}

.bbc_label input:checked ~ .checkmark {
  background-color: var(--vert);
}

.checkmark:after {
  content: "";
  inset: 0;
  place-content: center;
  font-size: 1.25rem;
  position: absolute;
  display: none;
}

.bbc_label input:checked ~ .checkmark:after {
  display: block;
  content: "✔";
  color: white;
}

.pagehead.wotdhead {
  padding-bottom: 0.5rem;
}

@keyframes back2th {
  to {
    background: var(--jaune);
    color: black;
  }
}
:root {
  --basebase_w: 130px;
  --basealloc_w: 45px;
  --baseallocp_w: 200px;
  --baseqty_w: 35px;
  --basepots_w: 45px;
}

.wotd_tab tr td,
.wotd_tab tr th {
  padding: 0.15rem 0.3rem;
  text-align: left;
}
.wotd_tab tr th {
  background: var(--jaune);
}
.wotd_tab tr th.wotd_base_th div {
  display: flex;
}
.wotd_tab tr th.cabaigne {
  background: var(--vert);
  color: white;
  animation: back2th 2s forwards;
}
.wotd_tab tr td:first-child {
  width: 180px;
}
.wotd_tab tr td:nth-child(2) {
  width: 40px;
}
.wotd_tab tr td.wotd_affbases p {
  margin: 0 0 0.2rem 0;
  display: flex;
  padding-inline: 0.3rem;
}
.wotd_tab tr td.wotd_affbases p:nth-child(odd) {
  background: #f3f3f3;
}

table.wotd_basetab thead th {
  background-color: rgb(from var(--jaune) r g b/0.3) !important;
  font-size: 1rem;
  text-align: left;
}
table.wotd_basetab tr:nth-child(odd) {
  background: #f3f3f3;
}
table.wotd_basetab tr td:nth-child(1) {
  width: 130px;
}
table.wotd_basetab tr td:nth-child(2) {
  width: 60px;
}
table.wotd_basetab tr td:nth-child(3) {
  width: 200px;
}
table.wotd_basetab tr td:nth-child(4) {
  width: 35px;
}
table.wotd_basetab tr td:nth-child(5) {
  width: 70px;
}

.wotd_head_line,
.wotd_body_line {
  display: flex;
  gap: 4px;
}
.wotd_head_line div,
.wotd_body_line div {
  padding: 3px 5px;
}

.wotd_head_line {
  background: var(--jaune);
  font-weight: 600;
}
.wotd_head_line div.whbases {
  display: flex;
  gap: 0;
}
.wotd_head_line div.whbases span:nth-child(1) {
  width: 130px;
}
.wotd_head_line div.whbases span:nth-child(2) {
  width: 60px;
}
.wotd_head_line div.whbases span:nth-child(3) {
  width: 200px;
}
.wotd_head_line div.whbases span:nth-child(4) {
  width: 35px;
}
.wotd_head_line div.whbases span:nth-child(5) {
  width: 70px;
}

.tabulator-cell p {
  margin-bottom: 0;
}
.tabulator-cell p:nth-child(odd) {
  background: #f1f1f1;
}
.tabulator-cell p span {
  display: inline-block;
}

.wotd_body_line {
  padding-block: 3px;
  border-bottom: 1px solid lightgray;
}

.whcolor,
.wbody_color {
  width: 180px;
}

.whpots,
.wbody_pots {
  width: 30px;
}

@media print {
  table td th {
    width: fit-content;
    padding-inline: 0;
  }
  table td {
    break-inside: avoid;
  }
  table span {
    padding-right: 5px;
  }
  h2.print_nomargin {
    margin-top: 0 !important;
  }
}
.wotd_sums {
  padding: 0 0 1rem 0;
  font-size: 1.1rem;
}
.wotd_sums p {
  margin-bottom: 0.3rem;
  font-weight: 600;
}

.tabulator-col-title-holder {
  text-align: center;
  font-weight: 600;
}

.tabulator-col.tabulator-col-group {
  border-left: 1px solid white;
}

#dyers_pots {
  width: min(650px, 95%);
}
#dyers_pots table {
  width: 100%;
}
#dyers_pots table tr td:not(:first-child),
#dyers_pots table tr th:not(:first-child) {
  text-align: center !important;
}
#dyers_pots table tr:nth-child(3) {
  background: rgba(0, 0, 0, 0.05);
  font-weight: 700;
}

.weekdays {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
}
.weekdays table {
  width: 100%;
}

.rep_mes_list {
  list-style: none;
}

@media print {
  table th td {
    vertical-align: bottom;
  }
  h2.break_before {
    margin-top: 0 !important;
    break-before: always;
  }
}
.droits_ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block-end: 1rem;
}
.droits_ul li.droit_li {
  display: flex;
  gap: 1rem;
  align-items: center;
  align-content: center;
}
.droits_ul li.droit_li span.droit_label {
  font-size: 1.2rem;
  font-weight: 400;
}

.calc_colors_wrap {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
}

table.calcoltab tr th {
  font-family: "Quattrocento Sans", sans-serif;
  padding: 0.4rem 0.8rem;
}
table.calcoltab tr th:first-child {
  text-transform: uppercase;
}
table.calcoltab tr th:nth-child(2) {
  font-weight: 400;
  text-align: center;
  color: #999;
}
table.calcoltab tbody tr td {
  padding: 0.2rem 0.8rem;
}
table.calcoltab tbody tr td.ctname {
  text-align: right;
  background: rgb(25, 49, 48);
  font-weight: 600;
}
table.calcoltab tbody tr td.ctname:nth-of-type(odd) {
  background: rgb(192, 240, 192);
}
table.calcoltab tbody tr td.calc_achtung {
  max-width: 300px;
  background: red;
  color: white;
  font-weight: 600;
}
table.calcoltab tbody tr:nth-child(odd):not(.calc_achtung_tr) {
  background: rgb(232, 232, 232);
}
table.calcoltab tbody tr:nth-child(odd):not(.calc_achtung_tr) td.ctname {
  background: rgb(158, 236, 232);
}

input.calc_tnpots {
  width: 5rem;
  border: none;
  background: transparent;
  -moz-appearance: textfield;
  appearance: textfield;
}

input.calc_tnpots::-webkit-inner-spin-button,
input.calc_tnpots::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#fire {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 20px;
  background: transparent;
  z-index: 5;
}
#fire.green {
  background: green;
}

/*************************************
 * Cadres des modales et détails divers
 * un peu de fun avec les liens
 *********************************** */
#modal_wrap {
  width: 100%;
  padding: 2.5rem;
  min-height: 550px;
}
#modal_wrap h1 {
  text-align: center;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #333;
  margin-bottom: 1.5rem;
  transition: all 0.2s;
}
#modal_wrap h1.green {
  background: var(--vert);
  color: white;
}
#modal_wrap a.slidea {
  position: relative;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
  text-decoration: none;
  overflow: hidden;
  padding: 0 4px;
  height: 1.6rem;
  font-weight: 600;
  color: slategray;
}
#modal_wrap a.slidea i {
  color: var(--orange);
  margin-right: 0.5rem;
}
#modal_wrap a.slidea span {
  position: relative;
  display: inline-block;
  transition: all 0.3s;
}
#modal_wrap a.slidea span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 600;
  color: var(--orange);
  transform: translate3d(0, 0, 0);
}
#modal_wrap a.slidea:hover span,
#modal_wrap a.slidea:focus span {
  transform: translateY(-100%);
}
#modal_wrap .week_things-ul {
  list-style: none;
}
#modal_wrap .week_things-ul li {
  margin-bottom: 0 !important;
  height: auto;
  padding-bottom: 0.25rem;
}
#modal_wrap .week_things-ul span.lidate {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--orange);
}
#modal_wrap .week_things-ul span.lilinks {
  display: flex;
  align-items: center;
}
#modal_wrap .week_things-ul a.slidea {
  display: inline-block;
  font-size: 1.1rem;
  margin-bottom: 0.1rem !important;
}

@media print {
  .screen {
    display: none !important;
  }
  h2.color_name {
    font-size: 35px;
    font-weight: bold;
  }
  .breakafter {
    break-after: always;
  }
}