@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,700;0,800;1,400&display=swap");
/* Imported useful classes from Bootstrap 4 */
.d-none {
  display: none !important;
}

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

.d-inline-block {
  display: inline-block !important;
}

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 768px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }

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

  .d-lg-inline-block {
    display: inline-block !important;
  }

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

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

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

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

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

@media (min-width: 768px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
.m-0 {
  margin: 0 !important;
}

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

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

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

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

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

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

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

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

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

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

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

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

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

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

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

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

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

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

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

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

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

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

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

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

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

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

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

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

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

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

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

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

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

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

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

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

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

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

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

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

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

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

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

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

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

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

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

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

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

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

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

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

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

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

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

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

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

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

@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }

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

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

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

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

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

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

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

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

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

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

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

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

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

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

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

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

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

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

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

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

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

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }

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

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

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

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

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

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

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

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

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

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

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

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

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

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

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

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

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

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

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

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

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

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

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

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

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

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

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

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

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

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

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

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

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

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .pull-sm-left {
    float: left !important;
  }

  .pull-sm-right {
    float: right !important;
  }

  .text-sm-left {
    text-align: left;
  }

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

  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .pull-md-left {
    float: left !important;
  }

  .pull-md-right {
    float: right !important;
  }

  .text-md-left {
    text-align: left;
  }

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

  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
    float: left !important;
  }

  .pull-lg-right {
    float: right !important;
  }

  .text-lg-left {
    text-align: left;
  }

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

  .text-lg-right {
    text-align: right;
  }
}
.microsite > .container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.microsite > .container > .row {
  margin-left: 0px;
  margin-right: 0px;
}

.microsite .top-info-area.white {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  float: none;
  padding-bottom: 30px;
}

.temp-template {
  margin: 0 auto;
  padding: 0;
  clear: both;
  padding-right: 0;
  padding-left: 0;
}

/*to convert px to vw*/
/*$px_value: the number in px on the particular screen size*/
/*e.g. we want to display 10px in the responsive screen size, xl-vw_converter_px(10)vw*/
/*e.g. we want to display 20px in the responsive screen size, l-vw_converter_px(20)vw*/
@font-face {
  font-family: "Inter Tight Regular";
  src: url("../fonts/InterTight-Regular.eot");
  src: url("../fonts/InterTight-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/InterTight-Regular.woff2") format("woff2"), url("../fonts/InterTight-Regular.woff") format("woff"), url("../fonts/InterTight-Regular.ttf") format("truetype"), url("../fonts/InterTight-Regular.svg#InterTight-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Tight Italic";
  src: url("../fonts/InterTight-Italic.eot");
  src: url("../fonts/InterTight-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/InterTight-Italic.woff2") format("woff2"), url("../fonts/InterTight-Italic.woff") format("woff"), url("../fonts/InterTight-Italic.ttf") format("truetype"), url("../fonts/InterTight-Italic.svg#InterTight-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.f-inter-regular-italic {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: normal;
  font-style: italic;
}

.f-inter-regular {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: normal;
}

.f-inter-bold-italic {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700 !important;
  font-style: italic;
}

.f-inter-bold {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700 !important;
}

.f-inter-exbold {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 800 !important;
}

.f-arial {
  font-family: Arial, Helvetica, sans-serif !important;
}

.f-black {
  color: #000000;
}

.f-white {
  color: #ffffff;
}

.f-gray {
  color: #acacac;
}

.hpb-container {
  text-rendering: optimizeSpeed !important;
}
.hpb-container h1, .hpb-container h2, .hpb-container h3, .hpb-container h4, .hpb-container h5, .hpb-container h6, .hpb-container p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.01em;
}
.hpb-container h1, .hpb-container h2, .hpb-container h3, .hpb-container h4, .hpb-container h5, .hpb-container h6 {
  font-weight: 800;
}
.hpb-container p {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.hpb-container .f1 {
  font-size: 31.4px;
}
@media only screen and (max-width: 5760px) {
  .hpb-container .f1 {
    font-size: 1.4756944444vw;
    line-height: 1.5625vw;
  }
}
@media only screen and (max-width: 4320px) {
  .hpb-container .f1 {
    font-size: 1.7361111111vw;
    line-height: 1.8518518519vw;
  }
}
@media only screen and (max-width: 2880px) {
  .hpb-container .f1 {
    font-size: 2.2569444444vw;
    line-height: 2.4305555556vw;
  }
}
@media only screen and (max-width: 2160px) {
  .hpb-container .f1 {
    font-size: 2.5462962963vw;
    line-height: 2.7777777778vw;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f1 {
    font-size: 3.125vw;
    line-height: 3.4722222222vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f1 {
    font-size: 3.125vw;
    line-height: 3.515625vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f1 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1441px) {
  .hpb-container .f1-m {
    font-size: 240%;
    line-height: 130%;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f1-m {
    font-size: 2.4305555556vw;
    line-height: 3.125vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f1-m {
    font-size: 2.265625vw;
    line-height: 3.046875vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f1-m {
    font-size: 5.2151238592vw;
    line-height: 6.518904824vw;
  }
}
.hpb-container .f2 {
  font-size: 22.5px;
}
@media only screen and (max-width: 5760px) {
  .hpb-container .f2 {
    font-size: 0.7vw;
    line-height: 1vw;
  }
}
@media only screen and (max-width: 4320px) {
  .hpb-container .f2 {
    font-size: 1vw;
    line-height: 1.4vw;
  }
}
@media only screen and (max-width: 2880px) {
  .hpb-container .f2 {
    font-size: 1.3vw;
    line-height: 1.7vw;
  }
}
@media only screen and (max-width: 2160px) {
  .hpb-container .f2 {
    font-size: 1.4vw;
    line-height: 1.8vw;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f2 {
    font-size: 2.2222222222vw;
    line-height: 2.1vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f2 {
    font-size: 2.26vw;
    line-height: 2.3vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f2 {
    font-size: 19px;
    line-height: 22px;
  }
}
.hpb-container .f3-l {
  font-size: 20.44px;
}
@media only screen and (max-width: 5760px) {
  .hpb-container .f3-l {
    font-size: 0.8756944444vw;
    line-height: 0.9625vw;
  }
}
@media only screen and (max-width: 4320px) {
  .hpb-container .f3-l {
    font-size: 0.9361111111vw;
    line-height: 0.9824074074vw;
  }
}
@media only screen and (max-width: 2880px) {
  .hpb-container .f3-l {
    font-size: 1.3347222222vw;
    line-height: 1.5777777778vw;
  }
}
@media only screen and (max-width: 2160px) {
  .hpb-container .f3-l {
    font-size: 1.4092592593vw;
    line-height: 1.687037037vw;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f3-l {
    font-size: 1.4194444444vw;
    line-height: 1.7666666667vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f3-l {
    font-size: 1.596875vw;
    line-height: 1.9875vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f3-l {
    font-size: 18px;
    line-height: 22px;
  }
}
.hpb-container .f3 {
  font-size: 20px;
}
@media only screen and (max-width: 5760px) {
  .hpb-container .f3 {
    font-size: 0.7vw;
    line-height: 1vw;
  }
}
@media only screen and (max-width: 4320px) {
  .hpb-container .f3 {
    font-size: 1vw;
    line-height: 1.4vw;
  }
}
@media only screen and (max-width: 2880px) {
  .hpb-container .f3 {
    font-size: 1.3vw;
    line-height: 1.7vw;
  }
}
@media only screen and (max-width: 2160px) {
  .hpb-container .f3 {
    font-size: 1.4vw;
    line-height: 1.8vw;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f3 {
    font-size: 1.26vw;
    line-height: 1.7vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f3 {
    font-size: 1.26vw;
    line-height: 1.7vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.hpb-container .f4 {
  font-size: 14px;
}
.hpb-container .f6 {
  font-size: 11.8px;
}
@media only screen and (max-width: 5760px) {
  .hpb-container .f6 {
    font-size: 0.3993055556vw;
    line-height: 0.5902777778vw;
  }
}
@media only screen and (max-width: 4320px) {
  .hpb-container .f6 {
    font-size: 0.462962963vw;
    line-height: 0.6944444444vw;
  }
}
@media only screen and (max-width: 2880px) {
  .hpb-container .f6 {
    font-size: 0.625vw;
    line-height: 0.9375vw;
  }
}
@media only screen and (max-width: 2160px) {
  .hpb-container .f6 {
    font-size: 0.6481481481vw;
    line-height: 1.0648148148vw;
  }
}
@media only screen and (max-width: 1440px) {
  .hpb-container .f6 {
    font-size: 0.8194444444vw;
    line-height: 1.3194444444vw;
  }
}
@media only screen and (max-width: 1280px) {
  .hpb-container .f6 {
    font-size: 0.921875vw;
    line-height: 1.484375vw;
  }
}
@media only screen and (max-width: 767px) {
  .hpb-container .f6 {
    font-size: 11px;
    line-height: 16px;
  }
}

.hpb-container {
  /* Left Margins */
  /* Right Margins */
  /* Bottom Margins */
  /* Top Margins */
  /* Horizonal Margins */
  /* Vertical Margins */
  /* Left Paddings */
  /* Right Paddings */
  /* Top Paddings */
  /* Bottom Paddings */
  /* Horizonal Paddings */
  /* Vertical Paddings */
}
.hpb-container .ml-auto {
  margin-left: auto !important;
}
.hpb-container .ml0 {
  margin-left: 0 !important;
}
.hpb-container .ml5 {
  margin-left: 5px !important;
}
.hpb-container .ml10 {
  margin-left: 10px !important;
}
.hpb-container .ml15 {
  margin-left: 15px !important;
}
.hpb-container .ml20 {
  margin-left: 20px !important;
}
.hpb-container .ml25 {
  margin-left: 25px !important;
}
.hpb-container .ml30 {
  margin-left: 30px !important;
}
.hpb-container .ml40 {
  margin-left: 40px !important;
}
.hpb-container .ml50 {
  margin-left: 50px !important;
}
.hpb-container .ml65 {
  margin-left: 65px !important;
}
.hpb-container .ml80 {
  margin-left: 80px !important;
}
.hpb-container .ml100 {
  margin-left: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .ml-auto-sm {
    margin-left: auto !important;
  }
  .hpb-container .ml0-sm {
    margin-left: 0 !important;
  }
  .hpb-container .ml5-sm {
    margin-left: 5px !important;
  }
  .hpb-container .ml10-sm {
    margin-left: 10px !important;
  }
  .hpb-container .ml15-sm {
    margin-left: 15px !important;
  }
  .hpb-container .ml20-sm {
    margin-left: 20px !important;
  }
  .hpb-container .ml25-sm {
    margin-left: 25px !important;
  }
  .hpb-container .ml30-sm {
    margin-left: 30px !important;
  }
  .hpb-container .ml40-sm {
    margin-left: 40px !important;
  }
  .hpb-container .ml50-sm {
    margin-left: 50px !important;
  }
  .hpb-container .ml65-sm {
    margin-left: 65px !important;
  }
  .hpb-container .ml80-sm {
    margin-left: 80px !important;
  }
  .hpb-container .ml100-sm {
    margin-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .ml-auto-xs {
    margin-left: auto !important;
  }
  .hpb-container .ml0-xs {
    margin-left: 0 !important;
  }
  .hpb-container .ml5-xs {
    margin-left: 5px !important;
  }
  .hpb-container .ml10-xs {
    margin-left: 10px !important;
  }
  .hpb-container .ml15-xs {
    margin-left: 15px !important;
  }
  .hpb-container .ml20-xs {
    margin-left: 20px !important;
  }
  .hpb-container .ml25-xs {
    margin-left: 25px !important;
  }
  .hpb-container .ml30-xs {
    margin-left: 30px !important;
  }
  .hpb-container .ml40-xs {
    margin-left: 40px !important;
  }
  .hpb-container .ml50-xs {
    margin-left: 50px !important;
  }
  .hpb-container .ml65-xs {
    margin-left: 65px !important;
  }
  .hpb-container .ml80-xs {
    margin-left: 80px !important;
  }
  .hpb-container .ml100-xs {
    margin-left: 100px !important;
  }
}
.hpb-container .mr-auto {
  margin-right: auto !important;
}
.hpb-container .mr0 {
  margin-right: 0 !important;
}
.hpb-container .mr5 {
  margin-right: 5px !important;
}
.hpb-container .mr10 {
  margin-right: 10px !important;
}
.hpb-container .mr15 {
  margin-right: 15px !important;
}
.hpb-container .mr20 {
  margin-right: 20px !important;
}
.hpb-container .mr25 {
  margin-right: 25px !important;
}
.hpb-container .mr30 {
  margin-right: 30px !important;
}
.hpb-container .mr40 {
  margin-right: 40px !important;
}
.hpb-container .mr50 {
  margin-right: 50px !important;
}
.hpb-container .mr65 {
  margin-right: 65px !important;
}
.hpb-container .mr80 {
  margin-right: 80px !important;
}
.hpb-container .mr100 {
  margin-right: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .mr-auto-sm {
    margin-right: auto !important;
  }
  .hpb-container .mr0-sm {
    margin-right: 0 !important;
  }
  .hpb-container .mr5-sm {
    margin-right: 5px !important;
  }
  .hpb-container .mr10-sm {
    margin-right: 10px !important;
  }
  .hpb-container .mr15-sm {
    margin-right: 15px !important;
  }
  .hpb-container .mr20-sm {
    margin-right: 20px !important;
  }
  .hpb-container .mr25-sm {
    margin-right: 25px !important;
  }
  .hpb-container .mr30-sm {
    margin-right: 30px !important;
  }
  .hpb-container .mr40-sm {
    margin-right: 40px !important;
  }
  .hpb-container .mr50-sm {
    margin-right: 50px !important;
  }
  .hpb-container .mr65-sm {
    margin-right: 65px !important;
  }
  .hpb-container .mr80-sm {
    margin-right: 80px !important;
  }
  .hpb-container .mr100-sm {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .mr-auto-xs {
    margin-right: auto !important;
  }
  .hpb-container .mr0-xs {
    margin-right: 0 !important;
  }
  .hpb-container .mr5-xs {
    margin-right: 5px !important;
  }
  .hpb-container .mr10-xs {
    margin-right: 10px !important;
  }
  .hpb-container .mr15-xs {
    margin-right: 15px !important;
  }
  .hpb-container .mr20-xs {
    margin-right: 20px !important;
  }
  .hpb-container .mr25-xs {
    margin-right: 25px !important;
  }
  .hpb-container .mr30-xs {
    margin-right: 30px !important;
  }
  .hpb-container .mr40-xs {
    margin-right: 40px !important;
  }
  .hpb-container .mr50-xs {
    margin-right: 50px !important;
  }
  .hpb-container .mr65-xs {
    margin-right: 65px !important;
  }
  .hpb-container .mr80-xs {
    margin-right: 80px !important;
  }
  .hpb-container .mr100-xs {
    margin-right: 100px !important;
  }
}
.hpb-container .mb0 {
  margin-bottom: 0 !important;
}
.hpb-container .mb5 {
  margin-bottom: 5px !important;
}
.hpb-container .mb10 {
  margin-bottom: 10px !important;
}
.hpb-container .mb15 {
  margin-bottom: 15px !important;
}
.hpb-container .mb20 {
  margin-bottom: 20px !important;
}
.hpb-container .mb25 {
  margin-bottom: 25px !important;
}
.hpb-container .mb30 {
  margin-bottom: 30px !important;
}
.hpb-container .mb40 {
  margin-bottom: 40px !important;
}
.hpb-container .mb45 {
  margin-bottom: 45px !important;
}
.hpb-container .mb50 {
  margin-bottom: 50px !important;
}
.hpb-container .mb60 {
  margin-bottom: 60px !important;
}
.hpb-container .mb65 {
  margin-bottom: 65px !important;
}
.hpb-container .mb70 {
  margin-bottom: 70px !important;
}
.hpb-container .mb75 {
  margin-bottom: 75px !important;
}
.hpb-container .mb80 {
  margin-bottom: 80px !important;
}
.hpb-container .mb100 {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .mb0-sm {
    margin-bottom: 0 !important;
  }
  .hpb-container .mb5-sm {
    margin-bottom: 5px !important;
  }
  .hpb-container .mb10-sm {
    margin-bottom: 10px !important;
  }
  .hpb-container .mb15-sm {
    margin-bottom: 15px !important;
  }
  .hpb-container .mb20-sm {
    margin-bottom: 20px !important;
  }
  .hpb-container .mb25-sm {
    margin-bottom: 25px !important;
  }
  .hpb-container .mb30-sm {
    margin-bottom: 30px !important;
  }
  .hpb-container .mb35-sm {
    margin-bottom: 35px !important;
  }
  .hpb-container .mb40-sm {
    margin-bottom: 40px !important;
  }
  .hpb-container .mb50-sm {
    margin-bottom: 50px !important;
  }
  .hpb-container .mb60-sm {
    margin-bottom: 60px !important;
  }
  .hpb-container .mb65-sm {
    margin-bottom: 65px !important;
  }
  .hpb-container .mb80-sm {
    margin-bottom: 80px !important;
  }
  .hpb-container .mb100-xs {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .mb0-xs {
    margin-bottom: 0 !important;
  }
  .hpb-container .mb5-xs {
    margin-bottom: 5px !important;
  }
  .hpb-container .mb10-xs {
    margin-bottom: 10px !important;
  }
  .hpb-container .mb15-xs {
    margin-bottom: 15px !important;
  }
  .hpb-container .mb20-xs {
    margin-bottom: 20px !important;
  }
  .hpb-container .mb25-xs {
    margin-bottom: 25px !important;
  }
  .hpb-container .mb30-xs {
    margin-bottom: 30px !important;
  }
  .hpb-container .mb35-xs {
    margin-bottom: 35px !important;
  }
  .hpb-container .mb40-xs {
    margin-bottom: 40px !important;
  }
  .hpb-container .mb50-xs {
    margin-bottom: 50px !important;
  }
  .hpb-container .mb60-xs {
    margin-bottom: 60px !important;
  }
  .hpb-container .mb65-xs {
    margin-bottom: 65px !important;
  }
  .hpb-container .mb80-xs {
    margin-bottom: 80px !important;
  }
  .hpb-container .mb100-xs {
    margin-bottom: 100px !important;
  }
}
.hpb-container .mt40-negative {
  margin-top: -40px !important;
}
.hpb-container .mt0 {
  margin-top: 0 !important;
}
.hpb-container .mt5 {
  margin-top: 5px !important;
}
.hpb-container .mt10 {
  margin-top: 10px !important;
}
.hpb-container .mt15 {
  margin-top: 15px !important;
}
.hpb-container .mt20 {
  margin-top: 20px !important;
}
.hpb-container .mt25 {
  margin-top: 25px !important;
}
.hpb-container .mt30 {
  margin-top: 30px !important;
}
.hpb-container .mt40 {
  margin-top: 40px !important;
}
.hpb-container .mt50 {
  margin-top: 50px !important;
}
.hpb-container .mt65 {
  margin-top: 65px !important;
}
.hpb-container .mt80 {
  margin-top: 80px !important;
}
.hpb-container .mt100 {
  margin-top: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .mt0-sm {
    margin-top: 0 !important;
  }
  .hpb-container .mt5-sm {
    margin-top: 5px !important;
  }
  .hpb-container .mt10-sm {
    margin-top: 10px !important;
  }
  .hpb-container .mt15-sm {
    margin-top: 15px !important;
  }
  .hpb-container .mt20-sm {
    margin-top: 20px !important;
  }
  .hpb-container .mt25-sm {
    margin-top: 25px !important;
  }
  .hpb-container .mt30-sm {
    margin-top: 30px !important;
  }
  .hpb-container .mt40-sm {
    margin-top: 40px !important;
  }
  .hpb-container .mt50-sm {
    margin-top: 50px !important;
  }
  .hpb-container .mt65-sm {
    margin-top: 65px !important;
  }
  .hpb-container .mt80-sm {
    margin-top: 80px !important;
  }
  .hpb-container .mt100-sm {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .mt0-xs {
    margin-top: 0 !important;
  }
  .hpb-container .mt5-xs {
    margin-top: 5px !important;
  }
  .hpb-container .mt10-xs {
    margin-top: 10px !important;
  }
  .hpb-container .mt15-xs {
    margin-top: 15px !important;
  }
  .hpb-container .mt20-xs {
    margin-top: 20px !important;
  }
  .hpb-container .mt25-xs {
    margin-top: 25px !important;
  }
  .hpb-container .mt30-xs {
    margin-top: 30px !important;
  }
  .hpb-container .mt40-xs {
    margin-top: 40px !important;
  }
  .hpb-container .mt50-xs {
    margin-top: 50px !important;
  }
  .hpb-container .mt65-xs {
    margin-top: 65px !important;
  }
  .hpb-container .mt80-xs {
    margin-top: 80px !important;
  }
  .hpb-container .mt100-xs {
    margin-top: 100px !important;
  }
}
.hpb-container .mh-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.hpb-container .mh0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hpb-container .mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.hpb-container .mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.hpb-container .mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.hpb-container .mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.hpb-container .mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.hpb-container .mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.hpb-container .mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.hpb-container .mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.hpb-container .mh65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}
.hpb-container .mh80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.hpb-container .mh100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .mh-auto-sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hpb-container .mh0-sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hpb-container .mh5-sm {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .hpb-container .mh10-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .hpb-container .mh15-sm {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .hpb-container .mh20-sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .hpb-container .mh25-sm {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .hpb-container .mh30-sm {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .hpb-container .mh40-sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .hpb-container .mh50-sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .hpb-container .mh65-sm {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .hpb-container .mh80-sm {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .hpb-container .mh100-sm {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .mh-auto-xs {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hpb-container .mh0-xs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hpb-container .mh5-xs {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .hpb-container .mh10-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .hpb-container .mh15-xs {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .hpb-container .mh20-xs {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .hpb-container .mh25-xs {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .hpb-container .mh30-xs {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .hpb-container .mh40-xs {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .hpb-container .mh50-xs {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .hpb-container .mh65-xs {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }
  .hpb-container .mh80-xs {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .hpb-container .mh100-xs {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}
.hpb-container .mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.hpb-container .mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.hpb-container .mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.hpb-container .mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.hpb-container .mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.hpb-container .mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.hpb-container .mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.hpb-container .mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.hpb-container .mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.hpb-container .mv65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.hpb-container .mv80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.hpb-container .mv100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .mv0-sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .hpb-container .mv5-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .hpb-container .mv10-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .hpb-container .mv15-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .hpb-container .mv20-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .hpb-container .mv25-sm {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .hpb-container .mv30-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .hpb-container .mv40-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .hpb-container .mv50-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .hpb-container .mv65-sm {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .hpb-container .mv80-sm {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .hpb-container .mv100-sm {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .mv0-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .hpb-container .mv5-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .hpb-container .mv10-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .hpb-container .mv15-xs {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .hpb-container .mv20-xs {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .hpb-container .mv25-xs {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .hpb-container .mv30-xs {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .hpb-container .mv40-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .hpb-container .mv50-xs {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .hpb-container .mv65-xs {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .hpb-container .mv80-xs {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .hpb-container .mv100-xs {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}
.hpb-container .pl-auto {
  padding-left: auto !important;
}
.hpb-container .pl0 {
  padding-left: 0 !important;
}
.hpb-container .pl5 {
  padding-left: 5px !important;
}
.hpb-container .pl10 {
  padding-left: 10px !important;
}
.hpb-container .pl15 {
  padding-left: 15px !important;
}
.hpb-container .pl20 {
  padding-left: 20px !important;
}
.hpb-container .pl25 {
  padding-left: 25px !important;
}
.hpb-container .pl30 {
  padding-left: 30px !important;
}
.hpb-container .pl40 {
  padding-left: 40px !important;
}
.hpb-container .pl50 {
  padding-left: 50px !important;
}
.hpb-container .pl65 {
  padding-left: 65px !important;
}
.hpb-container .pl80 {
  padding-left: 80px !important;
}
.hpb-container .pl100 {
  padding-left: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .pl0-sm {
    padding-left: 0 !important;
  }
  .hpb-container .pl5-sm {
    padding-left: 5px !important;
  }
  .hpb-container .pl10-sm {
    padding-left: 10px !important;
  }
  .hpb-container .pl15-sm {
    padding-left: 15px !important;
  }
  .hpb-container .pl20-sm {
    padding-left: 20px !important;
  }
  .hpb-container .pl25-sm {
    padding-left: 25px !important;
  }
  .hpb-container .pl30-sm {
    padding-left: 30px !important;
  }
  .hpb-container .pl35-sm {
    padding-left: 35px !important;
  }
  .hpb-container .pl40-sm {
    padding-left: 40px !important;
  }
  .hpb-container .pl50-sm {
    padding-left: 50px !important;
  }
  .hpb-container .pl65-sm {
    padding-left: 65px !important;
  }
  .hpb-container .pl80-sm {
    padding-left: 80px !important;
  }
  .hpb-container .pl100-sm {
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .pl0-xs {
    padding-left: 0 !important;
  }
  .hpb-container .pl5-xs {
    padding-left: 5px !important;
  }
  .hpb-container .pl10-xs {
    padding-left: 10px !important;
  }
  .hpb-container .pl15-xs {
    padding-left: 15px !important;
  }
  .hpb-container .pl20-xs {
    padding-left: 20px !important;
  }
  .hpb-container .pl25-xs {
    padding-left: 25px !important;
  }
  .hpb-container .pl30-xs {
    padding-left: 30px !important;
  }
  .hpb-container .pl35-xs {
    padding-left: 35px !important;
  }
  .hpb-container .pl40-xs {
    padding-left: 40px !important;
  }
  .hpb-container .pl50-xs {
    padding-left: 50px !important;
  }
  .hpb-container .pl65-xs {
    padding-left: 65px !important;
  }
  .hpb-container .pl80-xs {
    padding-left: 80px !important;
  }
  .hpb-container .pl100-xs {
    padding-left: 100px !important;
  }
}
.hpb-container .pr-auto {
  padding-right: auto !important;
}
.hpb-container .pr0 {
  padding-right: 0 !important;
}
.hpb-container .pr5 {
  padding-right: 5px !important;
}
.hpb-container .pr10 {
  padding-right: 10px !important;
}
.hpb-container .pr15 {
  padding-right: 15px !important;
}
.hpb-container .pr20 {
  padding-right: 20px !important;
}
.hpb-container .pr25 {
  padding-right: 25px !important;
}
.hpb-container .pr30 {
  padding-right: 30px !important;
}
.hpb-container .pr40 {
  padding-right: 40px !important;
}
.hpb-container .pr50 {
  padding-right: 50px !important;
}
.hpb-container .pr65 {
  padding-right: 65px !important;
}
.hpb-container .pr80 {
  padding-right: 80px !important;
}
.hpb-container .pr100 {
  padding-right: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .pr0-sm {
    padding-right: 0 !important;
  }
  .hpb-container .pr5-sm {
    padding-right: 5px !important;
  }
  .hpb-container .pr10-sm {
    padding-right: 10px !important;
  }
  .hpb-container .pr15-sm {
    padding-right: 15px !important;
  }
  .hpb-container .pr20-sm {
    padding-right: 20px !important;
  }
  .hpb-container .pr25-sm {
    padding-right: 25px !important;
  }
  .hpb-container .pr30-sm {
    padding-right: 30px !important;
  }
  .hpb-container .pr40-sm {
    padding-right: 40px !important;
  }
  .hpb-container .pr50-sm {
    padding-right: 50px !important;
  }
  .hpb-container .pr65-sm {
    padding-right: 65px !important;
  }
  .hpb-container .pr80-sm {
    padding-right: 80px !important;
  }
  .hpb-container .pr100-sm {
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .pr0-xs {
    padding-right: 0 !important;
  }
  .hpb-container .pr5-xs {
    padding-right: 5px !important;
  }
  .hpb-container .pr10-xs {
    padding-right: 10px !important;
  }
  .hpb-container .pr15-xs {
    padding-right: 15px !important;
  }
  .hpb-container .pr20-xs {
    padding-right: 20px !important;
  }
  .hpb-container .pr25-xs {
    padding-right: 25px !important;
  }
  .hpb-container .pr30-xs {
    padding-right: 30px !important;
  }
  .hpb-container .pr40-xs {
    padding-right: 40px !important;
  }
  .hpb-container .pr50-xs {
    padding-right: 50px !important;
  }
  .hpb-container .pr65-xs {
    padding-right: 65px !important;
  }
  .hpb-container .pr80-xs {
    padding-right: 80px !important;
  }
  .hpb-container .pr100-xs {
    padding-right: 100px !important;
  }
}
.hpb-container .pt0 {
  padding-top: 0 !important;
}
.hpb-container .pt5 {
  padding-top: 5px !important;
}
.hpb-container .pt10 {
  padding-top: 10px !important;
}
.hpb-container .pt15 {
  padding-top: 15px !important;
}
.hpb-container .pt20 {
  padding-top: 20px !important;
}
.hpb-container .pt25 {
  padding-top: 25px !important;
}
.hpb-container .pt30 {
  padding-top: 30px !important;
}
.hpb-container .pt40 {
  padding-top: 40px !important;
}
.hpb-container .pt50 {
  padding-top: 50px !important;
}
.hpb-container .pt65 {
  padding-top: 65px !important;
}
.hpb-container .pt80 {
  padding-top: 80px !important;
}
.hpb-container .pt100 {
  padding-top: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .pt0-sm {
    padding-top: 0 !important;
  }
  .hpb-container .pt5-sm {
    padding-top: 5px !important;
  }
  .hpb-container .pt10-sm {
    padding-top: 10px !important;
  }
  .hpb-container .pt15-sm {
    padding-top: 15px !important;
  }
  .hpb-container .pt20-sm {
    padding-top: 20px !important;
  }
  .hpb-container .pt25-sm {
    padding-top: 25px !important;
  }
  .hpb-container .pt30-sm {
    padding-top: 30px !important;
  }
  .hpb-container .pt40-sm {
    padding-top: 40px !important;
  }
  .hpb-container .pt50-sm {
    padding-top: 50px !important;
  }
  .hpb-container .pt65-sm {
    padding-top: 65px !important;
  }
  .hpb-container .pt80-sm {
    padding-top: 80px !important;
  }
  .hpb-container .pt100-sm {
    padding-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .pt0-xs {
    padding-top: 0 !important;
  }
  .hpb-container .pt5-xs {
    padding-top: 5px !important;
  }
  .hpb-container .pt10-xs {
    padding-top: 10px !important;
  }
  .hpb-container .pt15-xs {
    padding-top: 15px !important;
  }
  .hpb-container .pt20-xs {
    padding-top: 20px !important;
  }
  .hpb-container .pt25-xs {
    padding-top: 25px !important;
  }
  .hpb-container .pt30-xs {
    padding-top: 30px !important;
  }
  .hpb-container .pt40-xs {
    padding-top: 40px !important;
  }
  .hpb-container .pt50-xs {
    padding-top: 50px !important;
  }
  .hpb-container .pt65-xs {
    padding-top: 65px !important;
  }
  .hpb-container .pt80-xs {
    padding-top: 80px !important;
  }
  .hpb-container .pt100-xs {
    padding-top: 100px !important;
  }
}
.hpb-container .pb0 {
  padding-bottom: 0 !important;
}
.hpb-container .pb5 {
  padding-bottom: 5px !important;
}
.hpb-container .pb10 {
  padding-bottom: 10px !important;
}
.hpb-container .pb15 {
  padding-bottom: 15px !important;
}
.hpb-container .pb20 {
  padding-bottom: 20px !important;
}
.hpb-container .pb25 {
  padding-bottom: 25px !important;
}
.hpb-container .pb30 {
  padding-bottom: 30px !important;
}
.hpb-container .pb40 {
  padding-bottom: 40px !important;
}
.hpb-container .pb50 {
  padding-bottom: 50px !important;
}
.hpb-container .pb65 {
  padding-bottom: 65px !important;
}
.hpb-container .pb80 {
  padding-bottom: 80px !important;
}
.hpb-container .pb100 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .pb0-sm {
    padding-bottom: 0 !important;
  }
  .hpb-container .pb5-sm {
    padding-bottom: 5px !important;
  }
  .hpb-container .pb10-sm {
    padding-bottom: 10px !important;
  }
  .hpb-container .pb15-sm {
    padding-bottom: 15px !important;
  }
  .hpb-container .pb20-sm {
    padding-bottom: 20px !important;
  }
  .hpb-container .pb25-sm {
    padding-bottom: 25px !important;
  }
  .hpb-container .pb30-sm {
    padding-bottom: 30px !important;
  }
  .hpb-container .pb40-sm {
    padding-bottom: 40px !important;
  }
  .hpb-container .pb50-sm {
    padding-bottom: 50px !important;
  }
  .hpb-container .pb65-sm {
    padding-bottom: 65px !important;
  }
  .hpb-container .pb80-sm {
    padding-bottom: 80px !important;
  }
  .hpb-container .pb100-sm {
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .pb0-xs {
    padding-bottom: 0 !important;
  }
  .hpb-container .pb5-xs {
    padding-bottom: 5px !important;
  }
  .hpb-container .pb10-xs {
    padding-bottom: 10px !important;
  }
  .hpb-container .pb15-xs {
    padding-bottom: 15px !important;
  }
  .hpb-container .pb20-xs {
    padding-bottom: 20px !important;
  }
  .hpb-container .pb25-xs {
    padding-bottom: 25px !important;
  }
  .hpb-container .pb30-xs {
    padding-bottom: 30px !important;
  }
  .hpb-container .pb40-xs {
    padding-bottom: 40px !important;
  }
  .hpb-container .pb50-xs {
    padding-bottom: 50px !important;
  }
  .hpb-container .pb65-xs {
    padding-bottom: 65px !important;
  }
  .hpb-container .pb80-xs {
    padding-bottom: 80px !important;
  }
  .hpb-container .pb100-xs {
    padding-bottom: 100px !important;
  }
}
.hpb-container .ph-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.hpb-container .ph0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.hpb-container .ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.hpb-container .ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.hpb-container .ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.hpb-container .ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.hpb-container .ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.hpb-container .ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.hpb-container .ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.hpb-container .ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.hpb-container .ph65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
.hpb-container .ph80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.hpb-container .ph100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .ph0-sm {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hpb-container .ph5-sm {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .hpb-container .ph10-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .hpb-container .ph15-sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hpb-container .ph20-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .hpb-container .ph25-sm {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .hpb-container .ph30-sm {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .hpb-container .ph40-sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .hpb-container .ph50-sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .hpb-container .ph65-sm {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .hpb-container .ph80-sm {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .hpb-container .ph100-sm {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .ph0-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hpb-container .ph5-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .hpb-container .ph10-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .hpb-container .ph15-xs {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hpb-container .ph20-xs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .hpb-container .ph25-xs {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .hpb-container .ph30-xs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .hpb-container .ph40-xs {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .hpb-container .ph50-xs {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .hpb-container .ph65-xs {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }
  .hpb-container .ph80-xs {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .hpb-container .ph100-xs {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
.hpb-container .pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.hpb-container .pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.hpb-container .pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.hpb-container .pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.hpb-container .pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.hpb-container .pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.hpb-container .pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.hpb-container .pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.hpb-container .pv65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.hpb-container .pv80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.hpb-container .pv100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .hpb-container .pv0-sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .hpb-container .pv5-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .hpb-container .pv10-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .hpb-container .pv20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .hpb-container .pv25-sm {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .hpb-container .pv30-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .hpb-container .pv40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .hpb-container .pv50-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .hpb-container .pv65-sm {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .hpb-container .pv80-sm {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .hpb-container .pv100-sm {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .hpb-container .pv0-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .hpb-container .pv5-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .hpb-container .pv10-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .hpb-container .pv20-xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .hpb-container .pv25-xs {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .hpb-container .pv30-xs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .hpb-container .pv40-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .hpb-container .pv50-xs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .hpb-container .pv65-xs {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .hpb-container .pv80-xs {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .hpb-container .pv100-xs {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

/* I Quit / E-Cigarettes */
@font-face {
  font-family: "ProximaSoft-Regular";
  src: url("../fonts/ProximaSoft/ProximaSoft-Regular.eot");
  src: url("../fonts/ProximaSoft/ProximaSoft-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaSoft/ProximaSoft-Regular.woff2") format("woff2"), url("../fonts/ProximaSoft/ProximaSoft-Regular.woff") format("woff"), url("../fonts/ProximaSoft/ProximaSoft-Regular.ttf") format("truetype"), url("../fonts/ProximaSoft/ProximaSoft-Regular.svg#Gotham-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaSoft-ExtraBold";
  src: url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.eot");
  src: url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.woff2") format("woff2"), url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.woff") format("woff"), url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.ttf") format("truetype"), url("../fonts/ProximaSoft-ExtraBold/ProximaSoft-ExtraBold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaSoft-Regular";
  src: url("https://ch-api.healthhub.sg/api/public/content/8dd1aac49f684952ba77f749535ef2f2?v=a0d940aa");
  src: url("https://ch-api.healthhub.sg/api/public/content/8dd1aac49f684952ba77f749535ef2f2?v=a0d940aa?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/8344109c829e4b4d9369c03491c2b881?v=50bcc6fe") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/1f4d20972168494b9703cc3a5847fc55?v=eb15b7d5") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/8a61969bcc5544a2925ae286f8c43028?v=d2000a39") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/99c6080ea9ff4c868abdfa428786d290?v=399ae27b#Gotham-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaSoft-ExtraBold";
  src: url("https://ch-api.healthhub.sg/api/public/content/a4177e21f08745528ccffde5cb6931b1?v=2117108f");
  src: url("https://ch-api.healthhub.sg/api/public/content/a4177e21f08745528ccffde5cb6931b1?v=2117108f?#iefix") format("embedded-opentype"), url("https://ch-api.healthhub.sg/api/public/content/791e98b004f449c1aba23765877a5cf3?v=903b8a11") format("woff2"), url("https://ch-api.healthhub.sg/api/public/content/f2ac9795de7a465f982071f977cc6020?v=da46852c") format("woff"), url("https://ch-api.healthhub.sg/api/public/content/f76609d8178b44919be112282f83a2f1?v=1e8f4dca") format("truetype"), url("https://ch-api.healthhub.sg/api/public/content/e7828a39e3ff4d0298a05bb274d67192?v=c23b12e2#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.i-quit__page__tab {
  background-color: #eff0f0;
  border-radius: 50px;
  width: 400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .i-quit__page__tab {
    width: 80%;
    margin-bottom: 20px;
  }
}
.i-quit__page__tab .i-quit__inner__tab {
  border-radius: 50px;
  padding: 20px;
  width: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.i-quit__page__tab .i-quit__inner__tab .text-box {
  font-size: 1.25em !important;
  font-family: "ProximaSoft-ExtraBold" !important;
  line-height: 1;
}

@media (max-width: 767px) {
  .i-quit__page__tab .i-quit__inner__tab {
    padding: 15px;
  }

  .i-quit__page__tab .i-quit__inner__tab .text-box {
    font-size: 16px !important;
  }
}
.i-quit__page__tab .i-quit__inner__tab a {
  font-size: 1.05em !important;
  color: inherit !important;
  font-family: "ProximaSoft-ExtraBold" !important;
}

@media (max-width: 767px) {
  .i-quit__page__tab .i-quit__inner__tab a {
    font-size: 16px !important;
  }
}
.i-quit__page__tab .i-quit__inner__tab a:hover {
  color: #b04021 !important;
}

.i-quit__page__tab .i-quit__inner__tab.active {
  background-color: #b04021;
  color: #ffffff;
}

.i-quit__page__tab .i-quit__inner__tab .box-clear {
  padding: 0;
  margin: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

html.fixed {
  overflow: hidden;
}

a,
a:hover,
a:active,
a:focus {
  color: inherit;
}
a.underline,
a:hover.underline,
a:active.underline,
a:focus.underline {
  text-decoration: underline !important;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.btn-back-to-top {
  display: none !important;
}

.vape {
  font-family: Arial, Helvetica, sans-serif;
}
.vape img {
  image-rendering: -webkit-optimize-contrast;
}
.vape ul {
  -webkit-padding-start: 25px;
          padding-inline-start: 25px;
}
@media only screen and (max-width: 5760px) {
  .vape ul {
    -webkit-padding-start: 1.3020833333vw;
            padding-inline-start: 1.3020833333vw;
  }
}
@media only screen and (max-width: 4320px) {
  .vape ul {
    -webkit-padding-start: 1.5046296296vw;
            padding-inline-start: 1.5046296296vw;
  }
}
@media only screen and (max-width: 2880px) {
  .vape ul {
    -webkit-padding-start: 1.9097222222vw;
            padding-inline-start: 1.9097222222vw;
  }
}
@media only screen and (max-width: 2160px) {
  .vape ul {
    -webkit-padding-start: three-xxl-vw_converter_px(45);
            padding-inline-start: three-xxl-vw_converter_px(45);
  }
}
@media only screen and (max-width: 1440px) {
  .vape ul {
    -webkit-padding-start: 1.7361111111vw;
            padding-inline-start: 1.7361111111vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape ul {
    -webkit-padding-start: 1.953125vw;
            padding-inline-start: 1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape ul {
    -webkit-padding-start: 4.5632333768vw;
            padding-inline-start: 4.5632333768vw;
  }
}
.vape ul.disc {
  list-style-type: disc;
}
.vape ul.long-dash {
  list-style-type: none;
}
.vape ul.long-dash > li:before {
  content: "—";
  position: absolute;
  margin-left: -25px;
}
@media only screen and (max-width: 5760px) {
  .vape ul.long-dash > li:before {
    margin-left: -1.3020833333vw;
  }
}
@media only screen and (max-width: 4320px) {
  .vape ul.long-dash > li:before {
    margin-left: -1.5046296296vw;
  }
}
@media only screen and (max-width: 2880px) {
  .vape ul.long-dash > li:before {
    margin-left: -1.9097222222vw;
  }
}
@media only screen and (max-width: 2160px) {
  .vape ul.long-dash > li:before {
    margin-left: -2.0833333333vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape ul.long-dash > li:before {
    margin-left: -1.7361111111vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape ul.long-dash > li:before {
    margin-left: -1.953125vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape ul.long-dash > li:before {
    margin-left: -4.5632333768vw;
  }
}
.vape ol.right-parentheses,
.vape ol.lower-roman-right-parentheses {
  counter-reset: list;
}
.vape ol.right-parentheses > li,
.vape ol.lower-roman-right-parentheses > li {
  list-style: none;
  position: relative;
}
.vape ol.right-parentheses > li:before,
.vape ol.lower-roman-right-parentheses > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ") ";
  position: absolute;
  left: -1.4em;
}
.vape ol.lower-roman-right-parentheses > li:before {
  content: counter(list, lower-roman) ") ";
}
.vape .nowrap {
  white-space: nowrap;
}
.vape .w-100 {
  width: 100%;
}
.vape .pos-relative {
  position: relative;
}

.vape_kv-container {
  max-width: 2560px;
  width: 100%;
  margin: 0 auto;
  display: table;
  content: " ";
}

.vape.what-s-in-the-news .vape_kv-container {
  display: block;
}

.vape_container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.vape_inner_container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1440px) {
  .vape_inner_container {
    max-width: 70%;
  }
}

.vape_masthead-bg {
  background-image: url("../images/masthead-bg.jpg");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/ab0dce4297474e938ce32c9dbaf41c9f?v=e3b8d656");
  background-color: #030103;
  background-repeat: repeat;
  background-size: cover;
  background-position: center top;
}
.vape_masthead-bg::before {
  content: "";
  display: block;
  padding-bottom: 92%;
}
@media only screen and (max-width: 767px) {
  .vape_masthead-bg::before {
    padding-bottom: 126%;
  }
}

.vape_masthead-intro-bg {
  background-image: url("../images/intro-bg.jpg");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/c64b72c060e341c39f75f3a929b8860d?v=93ee2bd4");
  background-color: #030103;
  background-repeat: repeat;
  background-size: cover;
  background-position: center top;
}

.vape_body-bg {
  background-image: url("../images/body-bg.jpg");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/923e00a742054092800dd7a0c98a00f6?v=46f3400f");
  background-color: #f1f1f1;
  background-repeat: repeat;
  background-size: contain;
  background-position: center top;
}
@media only screen and (max-width: 767px) {
  .vape_body-bg {
    padding-top: 9.89vw;
  }
}

.footer-bg {
  background-image: url("../images/footer-bg.jpg");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/76b01d51829f49bdb295d6df19296d2d?v=0a3e708c");
  background-color: #000;
  background-repeat: repeat;
  background-size: contain;
  background-position: center top;
}

.vape_navigation {
  top: 65%;
  left: 0;
  right: 0;
  max-width: 65%;
  width: 100%;
  margin: 0 auto;
  position: absolute;
}
@media only screen and (max-width: 1280px) {
  .vape_navigation {
    max-width: 60.938vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape_navigation {
    top: 52%;
    max-width: 100%;
  }
}
.vape_navigation .navigation-wrapper_inner {
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 30.5%;
}
@media only screen and (max-width: 767px) {
  .vape_navigation .navigation-wrapper_inner {
    margin-top: 32%;
  }
}
.vape_navigation .navigation-wrapper_inner .header .sticky-bg-bottom {
  display: none;
}
.vape_navigation .navigation-wrapper_inner .header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.vape_navigation .navigation-wrapper_inner .header.fixed .sticky-bg-bottom {
  display: block;
}
.vape_navigation .navigation-wrapper_inner .header.fixed .nav-menu {
  background-color: #171714;
}
.vape_navigation .navigation-wrapper_inner .header.fixed .sticker-need-help-to-quit-vaping {
  position: relative;
  top: -10px;
}
@media only screen and (max-width: 767px) {
  .vape_navigation .navigation-wrapper_inner .header.fixed .sticker-need-help-to-quit-vaping {
    top: -3px;
  }
}
.vape_navigation .nav-menu ul.nav-menu-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 1px 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .vape_navigation .nav-menu ul.nav-menu-list {
    padding-left: 0.6518904824vw;
    padding-right: 0.6518904824vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vape_navigation .nav-menu ul.nav-menu-list li {
    width: 33%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-top: 1px solid #ccc;
  }
  .vape_navigation .nav-menu ul.nav-menu-list li:nth-child(4) {
    border-left: 0;
  }
  .vape_navigation .nav-menu ul.nav-menu-list li:nth-child(4), .vape_navigation .nav-menu ul.nav-menu-list li:nth-child(5) {
    border-bottom: 1px solid #ccc;
  }
}
.vape_navigation .nav-menu li {
  width: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vape_navigation .nav-menu li:not(:first-child) {
  border-left: 1px solid #ccc;
}
.vape_navigation .nav-menu li a {
  display: table;
  height: 100%;
  width: 100%;
  min-height: 90px;
  position: relative;
  padding: 0px 10px;
  font-weight: 700;
  font-size: 19px;
  font-family: "Inter Tight", sans-serif;
}
@media only screen and (min-width: 1800px) {
  .vape_navigation .nav-menu li a {
    font-size: 1.3888888889vw;
    min-height: 5.5555555556vw;
  }
}
@media only screen and (min-width: 4320px) {
  .vape_navigation .nav-menu li a {
    font-size: 1.2731481481vw;
    min-height: 4.1666666667vw;
  }
}
@media only screen and (min-width: 5760px) {
  .vape_navigation .nav-menu li a {
    font-size: 0.9548611111vw;
    min-height: 3.125vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape_navigation .nav-menu li a {
    font-size: 1.5277777778vw;
    min-height: 5.9027777778vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape_navigation .nav-menu li a {
    font-size: 1.484375vw;
    min-height: 6.25vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape_navigation .nav-menu li a {
    font-size: 2.998696219vw;
    min-height: 10.4302477184vw;
    padding-left: 0.6518904824vw;
    padding-right: 0.6518904824vw;
  }
}
.vape_navigation .nav-menu li a div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vape_navigation .nav-menu li a img {
  display: none;
}
.vape_navigation .nav-menu li a:hover div {
  color: #c33735;
}
.vape_navigation .nav-menu li.active a div {
  color: #FFF;
  background-image: url("../images/nav-hover-img.png");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/cd9c9144a05b47d9af37237d2bb6205c?v=9ba317ec");
  background-size: 100% 99%;
  background-position: center top;
}

.masthead-intro-section {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0px 60px 0;
}
@media only screen and (min-width: 1280px) {
  .masthead-intro-section {
    max-width: 54.5%;
  }
}
@media only screen and (max-width: 1280px) {
  .masthead-intro-section {
    max-width: 60.938vw;
    padding-top: 2.34375vw;
    padding-bottom: 4.6875vw;
  }
}
@media only screen and (max-width: 767px) {
  .masthead-intro-section {
    max-width: 100%;
    padding-top: 5.2151238592vw;
    padding-bottom: 5.8670143416vw;
  }
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #FFF;
}

.vape .need-help {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: 50px;
  width: 150px;
  z-index: 1;
  float: right;
}
@media only screen and (max-width: 1280px) {
  .vape .need-help {
    width: 11.71875vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape .need-help {
    width: 6.518904824vw;
    margin-top: 15px;
  }
}
.vape .need-help.is-sticky {
  position: fixed;
}

.vape[data-page-id=take-action] .need-help {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .vape[data-page-id=take-action] .need-help {
    margin-top: 20px;
  }
}

.vape .vape-back-to-top {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-right: 15px;
  margin-bottom: 100px;
  width: 60px;
  z-index: 1;
  display: block;
}
@media only screen and (max-width: 767px) {
  .vape .vape-back-to-top {
    width: 13.6897001304vw;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
}

.vape .vape-section {
  display: table;
  margin: 0 auto;
}

.vape .vape-icon {
  width: 29px;
}
@media only screen and (max-width: 5760px) {
  .vape .vape-icon {
    width: 1.3888888889vw;
  }
}
@media only screen and (max-width: 4320px) {
  .vape .vape-icon {
    width: 1.8518518519vw;
  }
}
@media only screen and (max-width: 2880px) {
  .vape .vape-icon {
    width: 2.265625vw;
  }
}
@media screen and (max-width: 1280px) {
  .vape .vape-icon {
    width: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .vape-icon {
    width: 6.518904824vw;
  }
}

.vape .it-makes-you-break-the-law {
  padding-top: 30px;
}
@media screen and (max-width: 1280px) {
  .vape .it-makes-you-break-the-law {
    padding-top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-makes-you-break-the-law {
    padding-top: 0vw;
  }
}
.vape .it-makes-you-break-the-law .title-img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .vape .it-makes-you-break-the-law .title-img {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-makes-you-break-the-law .title-img {
    margin-bottom: 3.9113428944vw;
  }
}
.vape .it-makes-you-break-the-law .col-right {
  padding-left: 75px;
}
@media screen and (max-width: 1280px) {
  .vape .it-makes-you-break-the-law .col-right {
    padding-left: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-makes-you-break-the-law .col-right {
    padding-top: 0vw;
    padding-left: 5px;
  }
}

.vape .it-harms-your-health .title-img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .vape .it-harms-your-health .title-img {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-harms-your-health .title-img {
    margin-bottom: 3.9113428944vw;
  }
}
.vape .it-harms-your-health .col-left {
  padding-top: 20px;
}
@media screen and (max-width: 1280px) {
  .vape .it-harms-your-health .col-left {
    padding-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-harms-your-health .col-left {
    padding-top: 0px;
  }
}
.vape .it-harms-your-health .col-right {
  padding-right: 75px;
}
@media screen and (max-width: 1280px) {
  .vape .it-harms-your-health .col-right {
    padding-right: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-harms-your-health .col-right {
    padding-right: 0px;
  }
}

.vape .it-get-you-addicted {
  padding-top: 30px;
}
@media screen and (max-width: 1280px) {
  .vape .it-get-you-addicted {
    padding-top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-get-you-addicted {
    padding-top: 0vw;
  }
}
.vape .it-get-you-addicted .title-img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .vape .it-get-you-addicted .title-img {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-get-you-addicted .title-img {
    margin-bottom: 3.9113428944vw;
  }
}
.vape .it-get-you-addicted .col-right {
  padding-top: 50px;
  padding-left: 75px;
}
@media screen and (max-width: 1280px) {
  .vape .it-get-you-addicted .col-right {
    padding-top: 3.90625vw;
    padding-left: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .it-get-you-addicted .col-right {
    padding-top: 0vw;
    padding-left: 5px;
  }
}

.vape .why-footer_wrapper {
  max-width: 1090px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 5760px) {
  .vape .why-footer_wrapper {
    max-width: 34.7222222222vw;
  }
}
@media only screen and (max-width: 4320px) {
  .vape .why-footer_wrapper {
    max-width: 41.6666666667vw;
  }
}
@media only screen and (max-width: 2880px) {
  .vape .why-footer_wrapper {
    max-width: 55.5555555556vw;
  }
}
@media only screen and (max-width: 2160px) {
  .vape .why-footer_wrapper {
    max-width: 60.1851851852vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape .why-footer_wrapper {
    max-width: 75.6944444444vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape .why-footer_wrapper {
    max-width: 85.15625vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape .why-footer_wrapper {
    max-width: 142.112125163vw;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.vape .modal-vape .vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.vape .modal-vape .vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.vape .modal-vape .modal-dialog {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 1100px;
  margin: auto;
  padding: 50px 50px;
}
@media only screen and (max-width: 5760px) {
  .vape .modal-vape .modal-dialog {
    max-width: 38vw;
  }
}
@media only screen and (max-width: 2880px) {
  .vape .modal-vape .modal-dialog {
    max-width: 65vw;
  }
}
@media only screen and (max-width: 1800px) {
  .vape .modal-vape .modal-dialog {
    max-width: 75vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape .modal-vape .modal-dialog {
    max-width: 76.389vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape .modal-vape .modal-dialog {
    max-width: 96.389vw;
    padding: 30px 10px;
  }
}
.vape .modal-vape .modal-content {
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: inherit;
  max-width: inherit;
  height: inherit;
  margin: 0 auto;
  pointer-events: all;
  background-image: url("../images/body-bg.jpg");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/923e00a742054092800dd7a0c98a00f6?v=46f3400f");
  background-color: #f1f1f1;
  background-repeat: repeat;
  background-size: contain;
  background-position: center top;
}
.vape .modal-vape .modal-header {
  text-align: center;
  border-bottom: 0px;
  opacity: 1 !important;
  height: auto !important;
}
.vape .modal-vape .modal-header div.wrapper {
  padding: 30px 20px;
  border: 10px solid black;
}
@media only screen and (max-width: 1440px) {
  .vape .modal-vape .modal-header div.wrapper {
    padding: 1.5625vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape .modal-vape .modal-header div.wrapper {
    padding: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape .modal-vape .modal-header div.wrapper {
    padding: 2.6075619296vw;
    border-width: 5px;
  }
}
.vape .modal-vape .close {
  right: 0;
  z-index: 999999;
  opacity: 1;
  margin-top: -55px;
  margin-right: -24px;
  cursor: pointer;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 30px;
  background: #000;
  font-size: 28px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 20px 5px 12px 6px;
  width: 45px;
  height: 45px;
  position: absolute;
  text-decoration: none;
}
.vape .modal-vape .close::before {
  content: "×";
}
@media only screen and (max-width: 767px) {
  .vape .modal-vape .close {
    width: 40px;
    height: 40px;
    margin-top: -50px;
    margin-right: -9px;
    padding: 18px 5px 12px 6px;
  }
}
.vape .modal-vape .modal-body {
  border-top: 0;
}
@media only screen and (max-width: 767px) {
  .vape .modal-vape .modal-body {
    padding: 0px;
  }
}
.vape .modal-vape .modal-body .modal-footer-kv-desktop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../images/modal-footer-kv-d.png");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/38e0fdea9288484898ad7867f1caea71?v=d9bf1b82");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
  padding: 20px 40px;
}
.vape .modal-vape .modal-body .modal-footer-kv {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  background-image: url("../images/modal-footer-kv.png");
  background-image: url("https://ch-api.healthhub.sg/api/public/content/690a2b26ea16466983e91c651fbf76c0?v=03443834");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}
@media only screen and (max-width: 767px) {
  .vape .modal-vape .modal-body .modal-footer-kv {
    background-image: url("../images/modal-footer-kv-m.png");
    background-image: url("https://ch-api.healthhub.sg/api/public/content/fa7ba4e56bab4143adbcb10d68eba0b4?v=6a03b5a5");
    bottom: -15.625vw;
    max-width: 93.75vw;
    padding: 3.90625vw;
    background-repeat: repeat-y;
  }
}

@media only screen and (max-width: 767px) {
  .modal-vape-nicotine .modal-dialog {
    padding: 0px 10px 60px 10px !important;
  }
}
.modal-vape-nicotine .nicotine-tape-wrapper {
  position: absolute;
  left: -3%;
  top: -3%;
}
.modal-vape-nicotine .nicotine-tape-wrapper img {
  width: 50%;
}
@media only screen and (max-width: 1280px) {
  .modal-vape-nicotine .nicotine-tape-wrapper img {
    width: 22.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .modal-vape-nicotine .nicotine-tape-wrapper img {
    width: 37.5488917862vw;
  }
}
@media only screen and (max-width: 2160px) {
  .modal-vape-nicotine .modal-footer-kv .f3-l {
    font-size: 1.0185185185vw;
    line-height: 1.3888888889vw;
  }
}
@media only screen and (max-width: 2160px) {
  .modal-vape-nicotine .modal-footer-kv .f3-l {
    font-size: 1.4194444444vw;
    line-height: 1.7666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .modal-vape-nicotine .modal-footer-kv .f3-l {
    font-size: 16px;
    line-height: 18px;
  }
}
.modal-vape-nicotine .divider {
  width: 25%;
}

.vape .what-are-vapes .copy-wrapper {
  max-width: 1722px;
  width: 100%;
  margin: 0 auto;
}

.vape .take-action .vape-section {
  max-width: 1722px;
  width: 100%;
  margin: 0 auto;
}
.vape .take-action .hand-icon-wrapper {
  margin-bottom: -20px;
}
@media screen and (max-width: 414px) {
  .vape .take-action .hand-icon-wrapper .f3 {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 375px) {
  .vape .take-action .hand-icon-wrapper .f3 {
    font-size: 13px;
    line-height: 17px;
  }
}
.vape .take-action .take-action-footer .alert-img {
  width: 50%;
}
@media screen and (max-width: 1440px) {
  .vape .take-action .take-action-footer .alert-img {
    width: 12.5vw;
  }
}
@media screen and (max-width: 1280px) {
  .vape .take-action .take-action-footer .alert-img {
    width: 13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .take-action .take-action-footer .alert-img {
    width: 19.556714472vw;
  }
}
.vape .take-action .take-action-footer .join-the-iquit-programme .iquit-logo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31%;
  margin-left: 4%;
}
@media screen and (max-width: 767px) {
  .vape .take-action .take-action-footer .join-the-iquit-programme .iquit-logo {
    top: 0;
    margin-bottom: 0vw;
    margin-top: 13.037809648vw;
    margin-right: 20px;
  }
}

.vape .cards-container .card {
  margin: 2rem auto;
  width: 23%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .vape .cards-container .card {
    width: 70%;
  }
}
.vape .cards-container .card__wrapper {
  position: absolute;
  left: 0;
  top: 0;
}
.vape .cards-container .card-two {
  -webkit-transform: rotate(356deg);
      -ms-transform: rotate(356deg);
          transform: rotate(356deg);
}
.vape .cards-container .card-three {
  -webkit-transform: rotate(2.5deg);
      -ms-transform: rotate(2.5deg);
          transform: rotate(2.5deg);
}
.vape .cards-container .card-four {
  -webkit-transform: rotate(358deg);
      -ms-transform: rotate(358deg);
          transform: rotate(358deg);
}
.vape .cards-container .card__side {
  padding: 1.2em;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .card__side {
    padding: 0.8em;
  }
}
.vape .cards-container .card__side img {
  border-bottom: 1.5px solid #FFF;
}
.vape .cards-container .card__side .card__title,
.vape .cards-container .card__side .card__body {
  display: table;
  height: 11.5%;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .card__side .card__title,
.vape .cards-container .card__side .card__body {
    height: 9%;
  }
}
.vape .cards-container .card__side .card__title p,
.vape .cards-container .card__side .card__body p {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  line-height: 1.2;
}
@media only screen and (min-width: 1800px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 1.2962962963vw;
    min-height: 1.2962962963vw;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 4320px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 0.8101851852vw;
    min-height: 0.8101851852vw;
  }
}
@media only screen and (min-width: 5760px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 0.6076388889vw;
    min-height: 0.6076388889vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 1.9444444444vw;
    line-height: 1.9444444444vw;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 1280px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 1.640625vw;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .card__side .card__title p {
    font-size: 23px;
    line-height: 30px;
  }
}
.vape .cards-container .card__side--back .card__title {
  height: 25%;
  border-bottom: 1.5px solid #FFF;
}
.vape .cards-container .card__side--back .card__body {
  height: 75%;
  padding: 0.8vw;
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .card__side--back .card__body {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 1600px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 0.9722222222vw;
    line-height: 1.1574074074vw;
  }
}
@media only screen and (min-width: 4320px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 0.5787037037vw;
    line-height: 0.6712962963vw;
  }
}
@media only screen and (min-width: 5760px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 0.4340277778vw;
    line-height: 0.5034722222vw;
  }
}
@media only screen and (max-width: 1440px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 1.0069444444vw;
    line-height: 1.2847222222vw;
  }
}
@media only screen and (max-width: 1280px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 1.0546875vw;
    line-height: 1.5234375vw;
  }
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .card__side--back .card__body p {
    font-size: 16px;
    line-height: 22px;
  }
}
.vape .cards-container .card__inner {
  border: 1.5px solid #FFF;
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}
.vape .cards-container .card {
  -webkit-perspective: 600px;
          perspective: 600px;
  position: relative;
}
.vape .cards-container .card__wrapper {
  width: 100%;
  height: 100%;
}
.vape .cards-container .card__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.vape .cards-container .card__side--front {
  display: none;
}
.vape .cards-container .card__side--front.is-active {
  display: block;
}
.vape .cards-container .card__side--back {
  display: none;
}
.vape .cards-container .card__side--back.is-active {
  display: block;
}
.vape .cards-container .tape__wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.vape .cards-container .tape__wrapper.card-one--tape {
  margin-top: -8%;
  margin-left: auto;
  margin-right: auto;
  width: 33%;
}
.vape .cards-container .tape__wrapper.card-two--tape {
  margin-top: -8%;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.vape .cards-container .tape__wrapper.card-three--tape {
  margin-top: -6%;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}
.vape .cards-container .tape__wrapper.card-four--tape {
  margin-top: -8%;
  margin-right: -3%;
  left: auto;
  width: 33%;
}
.vape .cards-container .btn-close__wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-bottom: -3px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .btn-close__wrapper {
    margin-bottom: -3px;
  }
}
.vape .cards-container .btn-close__wrapper img {
  width: 11.5%;
}
@media only screen and (max-width: 767px) {
  .vape .cards-container .btn-close__wrapper img {
    width: 16.5%;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  70% {
    -webkit-transform: rotateY(200deg);
            transform: rotateY(200deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  70% {
    -webkit-transform: rotateY(200deg);
            transform: rotateY(200deg);
  }
  100% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
}
@-webkit-keyframes rotate-inverse {
  0% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  70% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg);
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}
@keyframes rotate-inverse {
  0% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  70% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg);
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}
@media screen and (max-width: 767px) {
  .vape .cards-container {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }
}

.vape .seek-help {
  padding-top: 30px;
}
@media screen and (max-width: 1280px) {
  .vape .seek-help {
    padding-top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .seek-help {
    padding-top: 0vw;
  }
}
.vape .seek-help .title-img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .vape .seek-help .title-img {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .seek-help .title-img {
    margin-bottom: 0vw;
  }
}
.vape .seek-help .col-right {
  padding-top: 100px;
  padding-left: 75px;
}
@media screen and (max-width: 1280px) {
  .vape .seek-help .col-right {
    padding-top: 7.8125vw;
    padding-left: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .vape .seek-help .col-right {
    padding-top: 0vw;
    padding-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .vape .the-4d-techniques .f1 {
    font-size: 16px;
  }
}

.vape .modal-vape-law ol {
  padding-left: 2vw;
}
.vape .modal-vape-law li.reset-list:before {
  content: " ";
}

.vape .modal-vape-need-help .need-help_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vape .modal-vape-need-help .need-help_wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.vape .modal-vape-need-help .need-help_item {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 2vw 3vw;
}
@media screen and (max-width: 767px) {
  .vape .modal-vape-need-help .need-help_item {
    padding: 0vw 7vw;
  }
}
.vape .modal-vape-need-help .need-help_item img {
  width: 50%;
  margin-bottom: 3%;
}

.vape .why-masthead-video {
  margin: 50px 0px 0px 0px;
}
@media screen and (max-width: 767px) {
  .vape .why-masthead-video {
    margin: 40px 0px 0px 0px;
  }
}

@media screen and (max-width: 767px) {
  .vape .what-s-in-the-news-section .f1 {
    font-size: 16px;
    line-height: 1.2;
  }
}

.vape .cards-container.spotlight-container .card__side .card__title {
  padding: 30px 15px 0;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.spotlight-container .card__side .card__title {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .vape .cards-container.spotlight-container .card__side .card__title p {
    font-size: 3.6vw;
  }
}
@media only screen and (min-width: 1000px) {
  .vape .cards-container.spotlight-container .card__side .card__title p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1350px) {
  .vape .cards-container.spotlight-container .card__side .card__title p {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1800px) {
  .vape .cards-container.spotlight-container .card__side .card__title p {
    font-size: 1.6vw;
  }
}
@media only screen and (min-width: 2560px) {
  .vape .cards-container.spotlight-container .card__side .card__title p {
    font-size: 41px;
  }
}
.vape .cards-container.spotlight-container .card__source {
  padding: 0px 15px;
  position: absolute;
  width: 100%;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.spotlight-container .card__source p {
    font-size: 13px;
  }
}
.vape .cards-container.spotlight-container .card_content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 50%;
  position: relative;
}
.vape .cards-container.spotlight-container .card__inner {
  border-radius: 20px;
}
.vape .cards-container.spotlight-container .card__inner img.spotlight-item {
  height: 50%;
  width: 100%;
}
.vape .cards-container.spotlight-container .card-two, .vape .cards-container.spotlight-container .card-three, .vape .cards-container.spotlight-container .card-four {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.vape .cards-container.spotlight-slick .slick-track > a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

@media screen and (max-width: 767px) {
  .vape .spotlight-wrapper {
    width: 70%;
    margin: 0 auto;
  }
  .vape .spotlight-wrapper .card__side .card__title p {
    font-size: 17px;
    line-height: 1.2;
  }
  .vape .spotlight-wrapper .slick-dots {
    bottom: -10px;
    width: 85%;
    padding: 0;
  }
  .vape .spotlight-wrapper .slick-prev {
    left: -10%;
  }
  .vape .spotlight-wrapper .slick-next {
    right: -15%;
  }
  .vape .spotlight-wrapper .slick-prev, .vape .spotlight-wrapper .slick-next {
    visibility: visible !important;
  }
  .vape .spotlight-wrapper .slick-next:before, .vape .spotlight-wrapper .slick-prev:before {
    background-image: none;
    content: none;
  }
  .vape .spotlight-wrapper .slick-slider.slick-dotted .slick-dots li {
    font-size: 0.8em;
    line-height: 1.14286;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #9b9898;
    vertical-align: middle;
    text-align: center;
    margin: 3px 3px 0 3px;
  }
  .vape .spotlight-wrapper .slick-slider.slick-dotted .slick-dots li.slick-active {
    background-color: #000000;
  }
  .vape .spotlight-wrapper .slick-slider.slick-dotted .slick-dots li button {
    display: block;
    font-size: 0px;
    border-color: transparent;
    background-color: transparent;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 500px) {
  .vape .spotlight-wrapper .card__side .card__title p {
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .vape .spotlight-wrapper .card__side .card__title p {
    font-size: 14px;
  }
}
@media screen and (max-width: 365px) {
  .vape .spotlight-wrapper .card__side .card__title p {
    font-size: 13px;
  }
}

.vape .cards-container.more-in-the-news-container {
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.more-in-the-news-container {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
.vape .cards-container.more-in-the-news-container .card__side img {
  border-bottom: none;
}
.vape .cards-container.more-in-the-news-container .card__inner {
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.more-in-the-news-container .card__inner {
    width: 100%;
  }
}
.vape .cards-container.more-in-the-news-container .card__side {
  padding: 1em 0.5em;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.more-in-the-news-container .card__side {
    padding: 0.5em;
  }
}
.vape .cards-container.more-in-the-news-container .card {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.more-in-the-news-container .card {
    width: 40%;
  }
}
.vape .cards-container.more-in-the-news-container .news-title {
  width: 77%;
}
@media screen and (max-width: 767px) {
  .vape .cards-container.more-in-the-news-container .news-title {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .sticker-need-help-to-quit-vaping-img {
    width: 190px;
  }
}

.what-s-in-the-news-footer {
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  .what-s-in-the-news-footer {
    padding: 0 25px;
  }
}

.hpb-container .embed-responsive-9by16 {
  padding-bottom: 177.7777777778%;
}

.hpb-container .w100 {
  width: 100%;
}

.hpb-container .w80 {
  width: 80%;
}
@media (max-width: 767px) {
  .hpb-container .w80 {
    width: 90%;
  }
}

.hpb-container .vape_body > .vape_kv-container.bg-black > img {
  margin-bottom: -1px;
}

.hpb-container .row.row-margin {
  margin-left: -15px;
  margin-right: -15px;
}

.hpb-container .youtube-video-wrapper .video-desc {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .hpb-container .youtube-video-wrapper .video-desc {
    margin-bottom: 1vw;
  }
}

.hpb-container .taped {
  display: inline-block;
  padding: 0.5em 1.5em 0.5em 1em;
  color: white;
  background: url(../images/vaping-mistruths/green-tape-right.jpg) right -1px center/auto 100% no-repeat, url(../images/vaping-mistruths/green-tape-left.jpg) left center/auto 100% no-repeat;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/67952ecdd51f407b8066fa2ffb9aacb5), url(https://ch-api.healthhub.sg/api/public/content/4e0a630e58444894a8bac9a19e90702f);
}

.hpb-container .panel-group {
  margin: 0 0 30px 0;
  width: auto;
}

.hpb-container .panel-default {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #333;
}
.hpb-container .panel-default > .panel-heading {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.hpb-container .panel-default > .panel-heading .panel-title {
  margin: 0;
  padding: 0;
  border: 0;
}
.hpb-container .panel-default > .panel-heading .panel-title a {
  display: block;
  position: relative;
  padding: 1em 3em 1em 0;
}
.hpb-container .panel-default > .panel-heading .panel-title a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 1.6em;
  height: 1.6em;
  margin-top: -0.8em;
  background: url(../images/i-accordion.png) center center/contain no-repeat;
  background-image: url(https://ch-api.healthhub.sg/api/public/content/241884d3fc60448d89a804a16326f1d0);
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.hpb-container .panel-default > .panel-heading .panel-title a.collapsed::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.hpb-container .panel-default > .panel-collapse .panel-body {
  border: 0;
  padding: 10px 0 30px;
}

@media (min-width: 768px) {
  .hpb-container .mobile-link {
    cursor: text;
  }
}

.hpb-container .did-you-know .did-you-know-wrapper {
  position: relative;
  padding: 1.6em 1.6em 1em;
  margin: 2.1em 0 1.6em 0;
  border: 2px solid #0c0c0d;
  border-radius: 5px;
}
.hpb-container .did-you-know .did-you-know-wrapper .did-you-know-image {
  position: absolute;
  height: 3em;
  left: -1.15em;
  top: -1.5em;
}