/* ag styles */
/* Black Novemeber temp styles */
@media screen and (min-width: 768px) {
  .ag__bn-blue > a {
    color: #b2dcff!important;
  }
  .ag__bn-blue:hover > a {
    color: #1e1e1e!important;
  }
}
@media screen and (max-width: 768px) {
  .ag__bn-blue {
    background-color: #1e1e1e!important;
  }
  .ag__bn-blue > a {
    color: #fff!important;
    background-color: #1e1e1e!important;
  }
  .mob-menu.mob-menu-css .li-level-1.ag__bn-blue.has-subcat:first-child .a-level-1:after,
  .mob-menu.mob-menu-css .li-level-1.ag__bn-blue.has-subcat:first-child .a-level-1:before {
    color: #fff;
  }
  .mob-menu.mob-menu-css .ag__bn-blue .a-level-2 {
      color: #1e1e1e; /* Change this to your desired color */
  }
}
/********** display **********/
.ag--block {
  display: block;
}
.ag--flex {
  display: flex;
}
.ag--grid {
  display: grid;
}
.ag--none {
  display: none !important;
}
.ag--flex-row {
  flex-direction: row;
}
.ag--flex-column {
  flex-direction: column;
}
.ag--border-0 {
  border: 0;
}
.ag--border-radius--4px {
  border-radius: 4px;
}
.ag--gap-1 {
  gap: 1px;
}
.ag--gap-xxs {
  gap: 0.25rem;
}
.ag--gap-xs {
  gap: 0.5rem;
}
.ag--gap-xsm {
  gap: 0.75rem;
}
.ag--gap-s {
  gap: 1rem;
}
.ag--gap-md {
  gap: 1.5rem;
}
.ag--gap-l {
  gap: 2rem;
}
.ag--gap-xl {
  gap: 2.5rem;
}
.ag--gap-xxl {
  gap: 3rem;
}
.ag--col-gap-xxs {
  gap: 0.25rem;
}
.ag--col-gap-xs {
  column-gap: 0.5rem;
}
.ag--col-gap-s {
  column-gap: 1rem;
}
.ag--col-gap-md {
  column-gap: 1.5rem;
}
.ag--row-gap-xxs {
  gap: 0.25rem;
}
.ag--row-gap-xs {
  row-gap: 0.5rem;
}
.ag--row-gap-s {
  row-gap: 1rem;
}
.ag--row-gap-md {
  row-gap: 1.5rem;
}
.ag--row-gap-l {
  row-gap: 2rem;
}
.ag--row-gap-xl {
  row-gap: 2.5rem;
}
.ag--row-gap-xxl {
  row-gap: 3rem;
}
.ag--justify-start {
  justify-content: flex-start;
}
.ag--justify-center {
  justify-content: center;
}
.ag--justify-end {
  justify-content: flex-end;
}
.ag--justify-space-between {
  justify-content: space-between;
}
.ag--justify-space-around {
  justify-content: space-around;
}
.ag--justify-inherit {
  justify-items: inherit;
}
.ag--align-start {
  align-items: flex-start;
}
.ag--align-center {
  align-items: center;
}
.ag--align-end {
  align-items: flex-end;
}
.ag--align-inherit {
  align-items: inherit;
}
/* colours */
.ag--bg-white {
  background-color: #ffffff;
}
.ag--bg-red {
  background-color: #dc143c;
}
.ag--bg-black {
  background-color: #1e1e1e;
}

.ag--bg-xmas-gold {
  background-color: #d9c47f;
}

.ag--bg-mid-grey {
  background-color: #999999;
}

.ag--bg-light-grey {
  background-color: #cecece;
}

.ag--color-white {
  color: #ffffff;
}
.ag--color-red {
  color: #dc143c;
}

.ag--color-black {
  color: #1e1e1e;
}

.ag--color-green {
  color: #1dce8f;
}

.ag--bg-green {
  background-color: #1dce8f;
}

.ag--color-inherit {
  color: inherit;
}

/* text */
.ag--font-size-xxs {
  font-size: 0.8rem;
}
.ag--font-size-xs {
  font-size: 0.9rem;
}
.ag--font-size-s {
  font-size: 1rem;
}
.ag--font-size-sm {
  font-size: 1.2rem;
}
.ag--font-size-md {
  font-size: 1.5rem;
}
.ag--font-size-l {
  font-size: 2rem;
}
.ag--font-size-ml {
  font-size: 1.8rem;
}
.ag--font-size-lx {
  font-size: 2.25rem;
}
.ag--font-size-xl {
  font-size: 2.5rem;
}
.ag--font-size-xxl {
  font-size: 3rem;
}
.ag--uppercase {
  text-transform: uppercase;
}
.ag--underline {
  text-decoration: underline !important;
}
.ag--underline-none {
  text-decoration: none;
}
.ag--line-height-unset {
  line-height: unset;
}

.ag--line-height-100 {
  line-height: 100%;
}

.ag--line-height-120 {
  line-height: 120%;
}

.ag--line-height-130 {
  line-height: 130%;
}

.ag--line-height-140 {
  line-height: 140%;
}

.ag--line-height-150 {
  line-height: 150%;
}

.ag--letter-space-default {
  letter-spacing: 0;
}

.ag--font-300 {
  font-weight: 300;
}

.ag--font-400 {
  font-weight: 400;
}

.ag--font-500 {
  font-weight: 500;
}

.ag--font-600 {
  font-weight: 600;
}

.ag--font-700 {
  font-weight: 700;
}

.ag--font-900 {
  font-weight: 900;
}

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

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

.ag--text-right {
  text-align: right;
}
/* pointer */
.ag--pointer-auto {
  pointer-events: auto;
}
.ag--pointer-none {
  pointer-events: none;
}
.ag--pointer {
  cursor: pointer;
}
.ag--pointer-all {
  pointer-events: all;
}

/* position */
.ag--relative {
  position: relative;
}

.ag--absolute {
  position: absolute;
}

.ag--fixed {
  position: fixed;
}

.ag--left-0 {
  left: 0;
}
.ag--right-0 {
  right: 0;
}
.ag--bottom-0 {
  bottom: 0;
}
.ag--top-0 {
  top: 0;
}
.ag--left-s {
  left: 1rem;
}
.ag--right-s {
  right: 1rem;
}
.ag--bottom-s {
  bottom: 1rem;
}
.ag--bottom-sm {
  bottom: 2rem;
}
.ag--top-s {
  top: 1rem;
}
.ag--top-sm {
  top: 2rem;
}

.ag--z-n1 {
  z-index: -1;
}
.ag--z-0 {
  z-index: 0;
}
.ag--z-1 {
  z-index: 1;
}
.ag--z-2 {
  z-index: 2;
}
.ag--width-auto {
  width: auto;
}
.ag--width-100 {
  width: 100%;
}
.ag--width-fit {
  width: fit-content;
}
.ag--height-100 {
  height: 100%;
}
.ag--height-fit {
  height: fit-content;
}
.ag--max-width-840 {
  max-width: 840px;
}
.ag--max-width-992 {
  max-width: 992px;
}
.ag--max-width-960 {
  max-width: 960px;
}
.ag--max-width-1044 {
  max-width: 1044px;
}
.ag--max-width-1250 {
  max-width: 1250px;
}
.ag--max-width-1300 {
  max-width: 1300px;
}
.ag--max-width-1440 {
  max-width: 1440px;
}
/* image */
.ag--object-cover {
  object-fit: cover;
}
.ag--aspect-ratio-1-1 {
  aspect-ratio: 1 / 1;
}
.ag--aspect-ratio-4-5 {
  aspect-ratio: 4 / 5;
}
.ag--aspect-ratio-2-3 {
  aspect-ratio: 2 / 3;
}
.ag--aspect-ratio-3-1 {
  aspect-ratio: 3 / 1;
}
.ag--aspect-ratio-3-2 {
  aspect-ratio: 3 / 2;
}
.ag--aspect-ratio-9-2--2 {
  aspect-ratio: 9 / 2.2;
}
.ag--aspect-ratio-3-085 {
  aspect-ratio: 3 / 0.85;
}
/* padding */

.ag--section-0 {
  padding: 0;
}
.ag--section-xs {
  padding: 0.5rem;
}

.ag--section-s {
  padding: 1rem;
}

.ag--button-padding-xs {
  padding: 0.5rem 1rem;
}

.ag--button-padding-s {
  padding: 0.75rem 1.5rem;
}

.ag--button-padding-m {
  padding: 1rem 2rem;
}

.ag--padding-xs {
  padding: 0.5rem;
}

.ag--padding-s {
  padding: 1rem;
}

.ag--padding-m {
  padding: 1.5rem;
}

.ag--padding-l {
  padding: 2rem;
}

.ag--padding-xl {
  padding: 3rem;
}

.ag--padding-top-xs {
  padding-top: 0.5rem;
}

.ag--padding-right-xs {
  padding-right: 0.5rem;
}

.ag--padding-bottom-xs {
  padding-bottom: 0.5rem;
}

.ag--padding-left-xs {
  padding-left: 0.5rem;
}

.ag--padding-top-s {
  padding-top: 1rem;
}

.ag--padding-top-sm {
  padding-top: 2rem;
}

.ag--padding-right-s {
  padding: 1rem;
}

.ag--padding-bottom-s {
  padding-bottom: 1rem;
}

.ag--padding-bottom-sm {
  padding-bottom: 2rem;
}
.ag--padding-left-s {
  padding-left: 1rem;
}

.ag--padding-top-m {
  padding-top: 1.5rem;
}

.ag--padding-right-m {
  padding: 1.5rem;
}

.ag--padding-bottom-m {
  padding-bottom: 1.5rem;
}

.ag--padding-left-m {
  padding-left: 1.5rem;
}

.ag--padding-top-l {
  padding-top: 2rem;
}
.ag--padding-top-2l {
  padding-top: 3rem;
}
.ag--padding-right-l {
  padding-right: 2rem;
}
.ag--padding-right-2l {
  padding-right: 3rem;
}
.ag--padding-right-xl {
  padding-right: 4rem;
}

.ag--padding-bottom-l {
  padding-bottom: 2rem;
}
.ag--padding-bottom-2l {
  padding-bottom: 3rem;
}

.ag--padding-left-l {
  padding-left: 2rem;
}
.ag--padding-left-2l {
  padding-left: 3rem;
}
.ag--padding-left-xl {
  padding-left: 4rem;
}
/* margin */

.ag--margin-0 {
  margin: 0;
}

.ag--margin-xs {
  margin: 0.5rem;
}

.ag--margin-s {
  margin: 1rem;
}

.ag--margin-m {
  margin: 1.5rem;
}

.ag--margin-l {
  margin: 2rem;
}

.ag--margin-top-xs {
  margin-top: 0.5rem;
}

.ag--margin-right-xs {
  margin: 0.5rem;
}

.ag--margin-bottom-xs {
  margin-bottom: 0.5rem;
}

.ag--margin-left-xs {
  margin-left: 0.5rem;
}

.ag--margin-top-s {
  margin-top: 1rem;
}

.ag--margin-right-s {
  margin: 1rem;
}

.ag--margin-bottom-s {
  margin-bottom: 1rem;
}

.ag--margin-left-s {
  margin-left: 1rem;
}

.ag--margin-top-m {
  margin-top: 1.5rem;
}

.ag--margin-right-m {
  margin: 1.5rem;
}

.ag--margin-bottom-m {
  margin-bottom: 1.5rem;
}

.ag--margin-left-m {
  margin-left: 1.5rem;
}

.ag--padding-top-l {
  padding-top: 2rem;
}

.ag--margin-right-l {
  margin: 2rem;
}

.ag--margin-bottom-l {
  margin-bottom: 2rem;
}

.ag--margin-left-l {
  margin-left: 2rem;
}

.ag--overflow-hidden {
  overflow: hidden;
}

.ag--overflow-visible {
  overflow: visible;
}

/********** grid **********/
.ag--grid-columns-12 {
  grid-template-columns: repeat(12, 1fr);
}
.ag--grid-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ag--grid-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ag--grid-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ag--grid-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ag--grid-columns-1 {
  grid-template-columns: 1fr;
}
.ag--grid-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ag--grid-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ag--grid-auto-columns {
  grid-auto-columns: minmax(auto, 1fr);
}
.ag--grid-auto-rows {
  grid-auto-rows: minmax(auto, 1fr);
}
.ag--grid-rows-auto {
  grid-auto-rows: auto;
}

.ag--grid-rows-auto-min {
  grid-auto-rows: min-content;
}

.ag--grid-col-1-2 {
  grid-column: 1 / 2;
}
.ag--grid-col-2-2 {
  grid-column: 2 / 2;
}
.ag--grid-col-1-3 {
  grid-column: 1 / 3;
}
.ag--grid-col-2-3 {
  grid-column: 2 / 3;
}
.ag--grid-col-3-3 {
  grid-column: 3 / 3;
}
.ag--grid-col-3-4 {
  grid-column: 3 / 4;
}
.ag--grid-col-4-5 {
  grid-column: 4 / 5;
}
.ag--grid-col-4-7 {
  grid-column: 4 / 7;
}
.ag--grid-col-1-13 {
  grid-column: 1 / 13;
}
.ag--grid-row-unset {
  grid-row: unset;
}
.ag--grid-row-1 {
  grid-row: 1;
}
.ag--grid-row-2 {
  grid-row: 2;
}
.ag--grid-row-3 {
  grid-row: 3;
}
.ag--grid-row-4 {
  grid-row: 4;
}
.ag--align-self-start {
  align-self: start;
}
.ag--align-self-end {
  align-self: end;
}
.ag--align-self-center {
  align-self: center;
}
.ag--align-self-stretch {
  align-self: stretch;
}
.ag--justify-self-start {
  justify-self: start;
}
.ag--justify-self-end {
  justify-self: end;
}
.ag--justify-self-center {
  justify-self: center;
}
.ag--justify-self-stretch {
  justify-self: stretch;
}

.ag--white-space-nowrap {
  white-space: nowrap;
}

/********** hp carousel overides **********/
#hp_carousel .carousel-container .carousel-container-inner {
  margin: 0;
}

/********** Terms & Conditions Accordion **********/
#ag--accordion-terms .toggle-content {
  background-color: #fff;
}
#ag--accordion-terms
  .accordion-section:not(.storedetails-accordion-section):first-child {
  border: 0;
}
#ag--accordion-terms .accordion-section {
  border: 0;
}
#ag--accordion-terms .accordion-toggle:before {
  background: #fff;
  right: 1rem;
}
#ag--accordion-terms .accordion-toggle:after {
  background: #fff;
  right: 1.35rem;
}
#ag--accordion-terms .accordion-toggle {
  background-color: #1e1e1e;
  color: white;
  padding: 1rem;
}
#ag--accordion-terms .hasBullets {
  padding: 1rem 0;
}
.ag--accordion-terms {
}
.ag--accordion-terms--accordion-header {
  font-size: 1rem;
}

@media only screen and (max-width: 380px) {
  #ag--accordion-terms .accordion-toggle h2 {
    min-height: 74px;
    display: flex;
    align-items: center;
    padding-right: 2rem;
    line-height: 130%;
    min-height: 60px;
  }
}

/********** Numbered Terms & Conditions Accordion **********/

.ag--numbered-terms-list {
  padding: 0.5rem 1rem 1rem;
  color: #1e1e1e;
}
.ag--numbered-terms-list li {
  list-style: decimal;
  padding-left: 0;
  margin-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
}
.ag--numbered-terms-list li p {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
  padding-left: 0;
}

/********** Bulleted Terms & Conditions Accordion **********/

.ag--terms-list {
  padding: 0.5rem 1rem 1rem;
  margin-top: 1px;
  color: #1e1e1e;
}
.ag--terms-list li {
  list-style: disc;
  padding-left: 0;
  margin-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
}
.ag--terms-list li p {
  font-size: 1rem;
  line-height: 150%;
  font-weight: 400;
  padding-left: 0;
}

/********************** ag breakpoints **********************/

/********** mobile **********/
@media only screen and (max-width: 767px) {
  /* mobile display */
  .md\:ag--block {
    display: block;
  }
  .md\:ag--flex {
    display: flex;
  }
  .md\:ag--grid {
    display: grid;
  }
  .md\:ag--none {
    display: none !important;
  }
  .md\:ag--flex-row {
    flex-direction: row;
  }
  .md\:ag--flex-column {
    flex-direction: column;
  }
  .md\:ag--border-0 {
    border: 0;
  }
  .md\:ag--border-radius--4px {
    border-radius: 4px;
  }
  .ag--gap-xxs {
    gap: 0.25rem;
  }
  .md\:ag--gap-xs {
    gap: 0.5rem;
  }
  .md\:ag--gap-xsm {
    gap: 0.75rem;
  }
  .md\:ag--gap-s {
    gap: 1rem;
  }
  .md\:ag--gap-md {
    gap: 1.5rem;
  }
  .md\:ag--gap-l {
    gap: 2rem;
  }
  .md\:ag--gap-xl {
    gap: 2.5rem;
  }
  .md\:ag--gap-xxl {
    gap: 3rem;
  }
  .md\:ag--col-gap-xxs {
    gap: 0.25rem;
  }
  .md\:ag--col-gap-xs {
    column-gap: 0.5rem;
  }
  .md\:ag--col-gap-s {
    column-gap: 1rem;
  }
  .md\:ag--col-gap-md {
    column-gap: 1.5rem;
  }
  .md\:ag--gap-xxs {
    gap: 0.25rem;
  }
  .md\:ag--row-gap-xs {
    row-gap: 0.5rem;
  }
  .md\:ag--row-gap-s {
    row-gap: 1rem;
  }
  .md\:ag--row-gap-md {
    row-gap: 1.5rem;
  }
  .md\:ag--row-gap-l {
    row-gap: 2rem;
  }
  .md\:ag--row-gap-xl {
    row-gap: 2.5rem;
  }
  .md\:ag--row-gap-xxl {
    row-gap: 3rem;
  }
  .md\:ag--justify-start {
    justify-content: flex-start;
  }
  .md\:ag--justify-center {
    justify-content: center;
  }
  .md\:ag--justify-end {
    justify-content: flex-end;
  }
  .md\:ag--justify-space-between {
    justify-content: space-between;
  }
  .md\:ag--justify-space-around {
    justify-content: space-around;
  }
  .md\:ag--justify-inherit {
    justify-items: inherit;
  }
  .md\:ag--align-start {
    align-items: flex-start;
  }
  .md\:ag--align-center {
    align-items: center;
  }
  .md\:ag--align-end {
    align-items: flex-end;
  }
  .md\:ag--align-inherit {
    align-items: inherit;
  }
  /* mobile colours */
  .md\:ag--bg-white {
    background-color: #ffffff;
  }
  .md\:ag--bg-red {
    background-color: #dc143c;
  }
  .md\:ag--bg-black {
    background-color: #1e1e1e;
  }

  .md\:ag--bg-mid-grey {
    background-color: #999999;
  }

  .md\:ag--color-white {
    color: #ffffff;
  }
  .md\:ag--color-red {
    color: #dc143c;
  }

  .md\:ag--color-black {
    color: #1e1e1e;
  }

  .md\:ag--color-green {
    color: #1dce8f;
  }
  .md\:ag--bg-green {
    background-color: #1dce8f;
  }

  .md\:ag--bg-xmas-gold {
    background-color: #d9c47f;
  }

  .md\:ag--color-inherit {
    color: inherit;
  }

  .md\:ag--uppercase {
    text-transform: uppercase;
  }
  /* mobile text */
  .md\:ag--font-size-xxs {
    font-size: 0.8rem;
  }
  .md\:ag--font-size-xs {
    font-size: 0.9rem;
  }
  .md\:ag--font-size-s {
    font-size: 1rem;
  }
  .md\:ag--font-size-sm {
    font-size: 1.2rem;
  }
  .md\:ag--font-size-md {
    font-size: 1.5rem;
  }
  .md\:ag--font-size-l {
    font-size: 2rem;
  }
  .md\:ag--font-size-ml {
    font-size: 1.8rem;
  }
  .md\:ag--font-size-lx {
    font-size: 2.25rem;
  }
  .md\:ag--font-size-xl {
    font-size: 2.5rem;
  }
  .md\:ag--font-size-xxl {
    font-size: 3rem;
  }
  .md\:ag--uppercase {
    text-transform: uppercase;
  }
  .md\:ag--line-height-unset {
    line-height: unset;
  }
  .md\:ag--line-height-100 {
    line-height: 100%;
  }

  .md\:ag--line-height-120 {
    line-height: 120%;
  }

  .md\:ag--line-height-130 {
    line-height: 130%;
  }
  .md\:ag--line-height-140 {
    line-height: 140%;
  }
  .md\:ag--line-height-150 {
    line-height: 150%;
  }

  .md\.ag--letter-space-default {
    letter-spacing: 0;
  }

  .md\:ag--font-300 {
    font-weight: 300;
  }

  .md\:ag--font-400 {
    font-weight: 400;
  }

  .md\:ag--font-500 {
    font-weight: 500;
  }

  .md\:ag--font-600 {
    font-weight: 600;
  }

  .md\:ag--font-700 {
    font-weight: 700;
  }

  .md\:ag--font-900 {
    font-weight: 900;
  }

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

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

  .md\:ag--text-right {
    text-align: right;
  }
  /* desktop pointer */
  .md\:ag--pointer-auto {
    pointer-events: auto;
  }
  .md\:ag--pointer-none {
    pointer-events: none;
  }
  /* mobile position */
  .md\:ag--relative {
    position: relative;
  }
  .md\:ag--absolute {
    position: absolute;
  }
  .md\:ag--fixed {
    position: fixed;
  }
  .md\:ag--left-0 {
    left: 0;
  }
  .md\:ag--right-0 {
    right: 0;
  }
  .md\:ag--bottom-0 {
    bottom: 0;
  }
  .md\:ag--top-0 {
    top: 0;
  }
  .md\:ag--left-s {
    left: 1rem;
  }
  .md\:ag--right-s {
    right: 1rem;
  }
  .md\:ag--bottom-s {
    bottom: 1rem;
  }
  .md\:ag--bottom-sm {
    bottom: 2rem;
  }
  .md\ag--top-s {
    top: 1rem;
  }

  .md\:ag--z-n1 {
    z-index: -1;
  }
  .md\:ag--z-0 {
    z-index: 0;
  }
  .md\:ag--z-1 {
    z-index: 1;
  }
  .md\:ag--z-2 {
    z-index: 2;
  }
  .md\:ag--width-auto {
    width: auto;
  }
  .md\:ag--width-100 {
    width: 100%;
  }
  .md\:ag--width-fit {
    width: fit-content;
  }
  .md\:ag--height-100 {
    height: 100%;
  }
  .md\:ag--height-fit {
    height: fit-content;
  }
  /* mobile image */
  .md\:ag--object-cover {
    object-fit: cover;
  }
  .md\:ag--aspect-ratio-1-1 {
    aspect-ratio: 1 / 1;
  }
  .md\:ag--aspect-ratio-4-5 {
    aspect-ratio: 4 / 5;
  }
  .md\:ag--aspect-ratio-2-3 {
    aspect-ratio: 2 / 3;
  }
  .md\:ag--aspect-ratio-3-1 {
    aspect-ratio: 3 / 1;
  }
  .md\:ag--aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
  }
  .md\:ag--aspect-ratio-9-2--2 {
    aspect-ratio: 9 / 2.2;
  }
  /* mobile padding */
  .md\:ag--section-xs {
    padding: 0.5rem;
  }
  .md\:ag--section-s {
    padding: 1rem;
  }
  .md\:ag--button-padding-xs {
    padding: 0.5rem 1rem;
  }
  .md\:ag--button-padding-s {
    padding: 0.75rem 1.5rem;
  }
  .md\:ag--button-padding-m {
    padding: 0.75rem 2.75rem;
  }
  .md\:ag--padding-xs {
    padding: 0.5rem;
  }

  .md\:ag--padding-s {
    padding: 1rem;
  }

  .md\:ag--padding-m {
    padding: 1.5rem;
  }

  .md\:ag--padding-l {
    padding: 2rem;
  }

  .md\:ag--padding-xl {
    padding: 3rem;
  }

  .md\:ag--padding-top-xs {
    padding-top: 0.5rem;
  }

  .md\:ag--padding-right-xs {
    padding-right: 0.5rem;
  }

  .md\:ag--padding-bottom-xs {
    padding-bottom: 0.5rem;
  }

  .md\:ag--padding-left-xs {
    padding-left: 0.5rem;
  }

  .md\:ag--padding-top-s {
    padding-top: 1rem;
  }

  .md\:ag--padding-top-sm {
    padding-top: 2rem;
  }

  .md\:ag--padding-right-s {
    padding-right: 1rem;
  }

  .md\:ag--padding-bottom-s {
    padding-bottom: 1rem;
  }
  .md\:ag--padding-bottom-sm {
    padding-bottom: 2rem;
  }
  .md\:ag--padding-left-s {
    padding-left: 1rem;
  }

  .md\:ag--padding-top-m {
    padding-top: 1.5rem;
  }

  .md\:ag--padding-right-m {
    padding: 1.5rem;
  }

  .md\:ag--padding-bottom-m {
    padding-bottom: 1.5rem;
  }
  .md\:ag--padding-bottom-2l {
    padding-bottom: 3rem;
  }

  .md\:ag--padding-left-m {
    padding-left: 1.5rem;
  }

  .md\:ag--padding-top-l {
    padding-top: 2rem;
  }
  .md\:ag--padding-top-2l {
    padding-top: 3rem;
  }

  .md\:ag--padding-left-2l {
    padding-left: 3rem;
  }

  .md\:ag--padding-right-l {
    padding-right: 2rem;
  }

  .md\:ag--padding-right-2l {
    padding-right: 3rem;
  }
  .md\:ag--padding-right-xl {
    padding-right: 4rem;
  }

  .md\:ag--padding-bottom-l {
    padding-bottom: 2rem;
  }

  .md\:ag--padding-left-l {
    padding-left: 2rem;
  }

  .md\:ag--padding-left-xl {
    padding-left: 4rem;
  }
  /* mobile margin */
  .md\:ag--margin-xs {
    margin: 0.5rem;
  }

  .md\:ag--margin-s {
    margin: 1rem;
  }

  .md\:ag--margin-m {
    margin: 1.5rem;
  }

  .md\:ag--margin-l {
    margin: 2rem;
  }

  .md\:ag--margin-top-xs {
    margin-top: 0.5rem;
  }

  .md\:ag--margin-right-xs {
    margin: 0.5rem;
  }

  .md\:ag--margin-bottom-xs {
    margin-bottom: 0.5rem;
  }

  .md\:ag--margin-left-xs {
    margin-left: 0.5rem;
  }

  .md\:ag--margin-top-s {
    margin-top: 1rem;
  }

  .md\:ag--margin-right-s {
    margin: 1rem;
  }

  .md\:ag--margin-bottom-s {
    margin-bottom: 1rem;
  }

  .md\:ag--margin-left-s {
    margin-left: 1rem;
  }

  .md\:ag--margin-top-m {
    margin-top: 1.5rem;
  }

  .md\:ag--margin-right-m {
    margin: 1.5rem;
  }

  .md\:ag--margin-bottom-m {
    margin-bottom: 1.5rem;
  }

  .md\:ag--margin-left-m {
    margin-left: 1.5rem;
  }

  .md\:ag--padding-top-l {
    padding-top: 2rem;
  }

  .md\:ag--margin-right-l {
    margin: 2rem;
  }

  .md\:ag--margin-bottom-l {
    margin-bottom: 2rem;
  }

  .md\:ag--margin-left-l {
    margin-left: 2rem;
  }
  /* mobile grid */
  .md\:ag--grid-columns-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .md\:ag--grid-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .md\:ag--grid-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .md\:ag--grid-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .md\:ag--grid-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md\:ag--grid-columns-1 {
    grid-template-columns: 1fr;
  }
  .md\:ag--grid-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md\:ag--grid-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .md\:ag--grid-auto-columns {
    grid-auto-columns: minmax(auto, 1fr);
  }
  .md\:ag--grid-auto-rows {
    grid-auto-rows: minmax(auto, 1fr);
  }
  .md\:ag--grid-rows-auto {
    grid-auto-rows: auto;
  }
  .md\:ag--grid-rows-auto-min {
    grid-auto-rows: min-content;
  }
  .md\:ag--grid-col-1-2 {
    grid-column: 1 / 2;
  }
  .md\:ag--grid-col-2-2 {
    grid-column: 2 / 2;
  }
  .md\:ag--grid-col-1-3 {
    grid-column: 1 / 3;
  }
  .md\:ag--grid-col-2-3 {
    grid-column: 2 / 3;
  }
  .md\:ag--grid-col-3-3 {
    grid-column: 3 / 3;
  }
  .md\:ag--grid-col-3-4 {
    grid-column: 3 / 4;
  }
  .md\:ag--grid-col-4-5 {
    grid-column: 4 / 5;
  }
  .md\:ag--grid-col-4-7 {
    grid-column: 4 / 7;
  }
  .md\:ag--grid-row-unset {
    grid-row: unset;
  }
  .md\:ag--grid-row-1 {
    grid-row: 1;
  }
  .md\:ag--grid-row-2 {
    grid-row: 2;
  }
  .md\:ag--grid-row-3 {
    grid-row: 3;
  }
  .md\:ag--grid-row-4 {
    grid-row: 4;
  }
  .md\:ag--align-self-start {
    align-self: start;
  }
  .md\:ag--align-self-end {
    align-self: end;
  }
  .md\:ag--align-self-center {
    align-self: center;
  }
  .md\:ag--align-self-stretch {
    align-self: stretch;
  }
  .md\:ag--justify-self-start {
    justify-self: start;
  }
  .md\:ag--justify-self-end {
    justify-self: end;
  }
  .md\:ag--justify-self-center {
    justify-self: center;
  }
  .md\:ag--justify-self-stretch {
    justify-self: stretch;
  }
  .ag--numbered-terms-list li p,
  .ag--terms-list p {
    font-size: 0.9rem;
  }
}

/********** tablet **********/
@media only screen and (min-width: 767px) and (max-width: 992px) {
  .lgt\:ag--absolute {
    position: absolute;
  }
  .lgt\:ag--top-0 {
    top: 0;
  }
  .lgt\:ag--top-s {
    top: 1rem;
  }
  .lgt\:ag--font-size-xxs {
    font-size: 0.8rem;
  }
  .lgt\:ag--font-size-xs {
    font-size: 0.9rem;
  }
  .lgt\:ag--font-size-md {
    font-size: 1.5rem;
  }
  .lgt\:ag--font-size-ml {
    font-size: 1.8rem;
  }
  .lgt\:ag--aspect-ratio--unset {
    aspect-ratio: unset;
  }
  .lgt\:ag--gap-xs {
    gap: 0.5rem;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
  .lgtm\:ag--gap-xs {
    gap: 0.5rem !important;
  }
  .lgtm\:ag--gap-xxs {
    gap: 0.25rem !important;
  }
}

/********** tablet large **********/
@media (min-width: 768px) and (max-width: 1200) {
  .mdt\:ag--aspect-ratio--1-1 {
    aspect-ratio: 1 / 1;
  }
  .mdt\:ag--aspect-ratio--unset {
    aspect-ratio: unset !important;
  }
}

/********** desktop **********/
@media only screen and (min-width: 767px) {
  /* desktop display */
  .lg\:ag--block {
    display: block;
  }
  .lg\:ag--flex {
    display: flex;
  }
  .lg\:ag--grid {
    display: grid;
  }
  .lg\:ag--none {
    display: none !important;
  }
  .lg\:ag--flex-row {
    flex-direction: row;
  }
  .lg\:ag--flex-column {
    flex-direction: column;
  }
  .lg\:ag--border-0 {
    border: 0;
  }
  .lg\:ag--border-radius--4px {
    border-radius: 4px;
  }
  .lg\:ag--gap-xxs {
    gap: 0.25rem;
  }
  .lg\:ag--gap-xs {
    gap: 0.5rem;
  }
  .lg\:ag--gap-xsm {
    gap: 0.75rem;
  }
  .lg\:ag--gap-s {
    gap: 1rem;
  }
  .lg\:ag--gap-md {
    gap: 1.5rem;
  }
  .lg\:ag--gap-l {
    gap: 2rem;
  }
  .lg\:ag--gap-xl {
    gap: 2.5rem;
  }
  .lg\:ag--gap-xxl {
    gap: 3rem;
  }
  .lg\:ag--col-gap-xxs {
    gap: 0.25rem;
  }
  .lg\:ag--col-gap-xs {
    column-gap: 0.5rem;
  }
  .lg\:ag--col-gap-s {
    column-gap: 1rem;
  }
  .lg\:ag--col-gap-md {
    column-gap: 1.5rem;
  }
  .lg\:ag--row-gap-xs {
    row-gap: 0.5rem;
  }
  .lg\:ag--row-gap-xxs {
    gap: 0.25rem;
  }
  .lg\:ag--row-gap-s {
    row-gap: 1rem;
  }
  .lg\:ag--row-gap-md {
    row-gap: 1.5rem;
  }
  .lg\:ag--row-gap-l {
    row-gap: 2rem;
  }
  .lg\:ag--row-gap-xl {
    row-gap: 2.5rem;
  }
  .lg\:ag--row-gap-xxl {
    row-gap: 3rem;
  }
  .lg\:ag--justify-start {
    justify-content: flex-start;
  }
  .lg\:ag--justify-center {
    justify-content: center;
  }
  .lg\:ag--justify-end {
    justify-content: flex-end;
  }
  .lg\:ag--justify-space-between {
    justify-content: space-between;
  }
  .lg\:ag--justify-space-around {
    justify-content: space-around;
  }
  .lg\:ag--justify-inherit {
    justify-items: inherit;
  }
  .lg\:ag--align-start {
    align-items: flex-start;
  }
  .lg\:ag--align-inherit {
    align-items: inherit;
  }
  .lg\:ag--align-center {
    align-items: center;
  }
  .lg\:ag--align-end {
    align-items: flex-end;
  }
  /* desktop colours */
  .lg\:ag--bg-white {
    background-color: #ffffff;
  }
  .lg\:ag--bg-red {
    background-color: #dc143c;
  }

  .lg\:ag--bg-black {
    background-color: #1e1e1e;
  }

  .lg\:ag--bg-mid-grey {
    background-color: #999999;
  }

  .lg\:ag--color-white {
    color: #ffffff;
  }

  .lg\:ag--color-red {
    color: #dc143c;
  }

  .lg\:ag--color-black {
    color: #1e1e1e;
  }

  .lg\:ag--color-green {
    color: #1dce8f;
  }

  .lg\:ag--bg-green {
    background-color: #1dce8f;
  }

  .lg\:ag--bg-xmas-gold {
    background-color: #d9c47f;
  }

  .lg\:ag--color-inherit {
    color: inherit;
  }

  /* desktop text */
  .lg\:ag--font-size-xxs {
    font-size: 0.8rem;
  }
  .lg\:ag--font-size-xs {
    font-size: 0.9rem;
  }
  .lg\:ag--font-size-s {
    font-size: 1rem;
  }
  .lg\:ag--font-size-sm {
    font-size: 1.2rem;
  }
  .lg\:ag--font-size-md {
    font-size: 1.5rem;
  }
  .lg\:ag--font-size-l {
    font-size: 2rem;
  }
  .lg\:ag--font-size-lx {
    font-size: 2.25rem;
  }
  .lg\:ag--font-size-xl {
    font-size: 2.5rem;
  }
  .lg\:ag--font-size-xxl {
    font-size: 3rem;
  }
  .lg\:ag--uppercase {
    text-transform: uppercase;
  }
  .lg\:ag--uppercase {
    text-transform: uppercase;
  }

  .lg\:ag--line-height-unset {
    line-height: unset;
  }

  .lg\:ag--line-height-100 {
    line-height: 100%;
  }

  .lg\:ag--line-height-120 {
    line-height: 120%;
  }

  .lg\:ag--line-height-130 {
    line-height: 130%;
  }
  .lg\:ag--line-height-140 {
    line-height: 140%;
  }
  .lg\:ag--line-height-150 {
    line-height: 150%;
  }

  .lg\.ag--letter-space-default {
    letter-spacing: 0;
  }

  .lg\:ag--font-300 {
    font-weight: 300;
  }

  .lg\:ag--font-400 {
    font-weight: 400;
  }

  .lg\:ag--font-500 {
    font-weight: 500;
  }

  .lg\:ag--font-600 {
    font-weight: 600;
  }

  .lg\:ag--font-700 {
    font-weight: 700;
  }

  .lg\:ag--font-900 {
    font-weight: 900;
  }

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

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

  .lg\:ag--text-right {
    text-align: right;
  }
  /* desktop pointer */
  .lg\:ag--pointer-auto {
    pointer-events: auto;
  }
  .lg\:ag--pointer-none {
    pointer-events: none;
  }
  /* desktop postion */
  .lg\:ag--relative {
    position: relative;
  }

  .lg\:ag--absolute {
    position: absolute;
  }

  .lg\:ag--fixed {
    position: fixed;
  }
  .lg\:ag--left-0 {
    left: 0;
  }
  .lg\:ag--right-0 {
    right: 0;
  }
  .lg\:ag--bottom-0 {
    bottom: 0;
  }
  .lg\:ag--top-0 {
    top: 0;
  }
  .lg\:ag--left-s {
    left: 1rem;
  }
  .lg\:ag--right-s {
    right: 1rem;
  }
  .lg\:ag--bottom-s {
    bottom: 1rem;
  }
  .lg\:ag--bottom-sm {
    bottom: 2rem;
  }
  .md\:ag--top-s {
    top: 1rem;
  }
  .md\:ag--z-n1 {
    z-index: -1;
  }
  .lg\:ag--z-0 {
    z-index: 0;
  }
  .lg\:ag--z-1 {
    z-index: 1;
  }
  .lg\:ag--z-2 {
    z-index: 2;
  }
  .lg\:ag--width-auto {
    width: auto;
  }
  .lg\:ag--width-100 {
    width: 100%;
  }
  .lg\:ag--width-fit {
    width: fit-content;
  }
  .lg\:ag--height-100 {
    height: 100%;
  }
  .lg\:ag--height-fit {
    height: fit-content;
  }
  /* desktop image */
  .lg\:ag--object-cover {
    object-fit: cover;
  }
  .lg\:ag--aspect-ratio-1-1 {
    aspect-ratio: 1 / 1;
  }
  .lg\:ag--aspect-ratio-4-5 {
    aspect-ratio: 4 / 5;
  }
  .lg\:ag--aspect-ratio-2-3 {
    aspect-ratio: 2 / 3;
  }
  .lg\:ag--aspect-ratio-3-1 {
    aspect-ratio: 3 / 1;
  }
  .lg\:ag--aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
  }
  .lg\:ag--aspect-ratio-9-2--2 {
    aspect-ratio: 9 / 2.2;
  }
  .lg\:ag--aspect-ratio-3-085 {
    aspect-ratio: 3 / 0.85;
  }
  /* desktop padding */
  .lg\:ag--section-xs {
    padding: 0.5rem;
  }

  .lg\:ag--section-s {
    padding: 1rem;
  }
  .lg\:ag--padding-xs {
    padding: 0.5rem;
  }

  .lg\:ag--button-padding-xs {
    padding: 0.5rem 1rem;
  }

  .lg\:ag--button-padding-s {
    padding: 0.75rem 1.5rem;
  }

  .lg\:ag--button-padding-m {
    padding: 0.75rem 2.75rem;
  }

  .lg\:ag--padding-s {
    padding: 1rem;
  }

  .lg\:ag--padding-m {
    padding: 1.5rem;
  }

  .lg\:ag--padding-l {
    padding: 2rem;
  }

  .lg\:ag--padding-xl {
    padding: 3rem;
  }

  .lg\:ag--padding-top-xs {
    padding-top: 0.5rem;
  }

  .lg\:ag--padding-right-xs {
    padding-right: 0.5rem;
  }

  .lg\:ag--padding-bottom-xs {
    padding-bottom: 0.5rem;
  }

  .lg\:ag--padding-left-xs {
    padding-left: 0.5rem;
  }

  .lg\:ag--padding-top-s {
    padding-top: 1rem;
  }

  .lg\:ag--padding-top-sm {
    padding-top: 2rem;
  }

  .lg\:ag--padding-right-s {
    padding-right: 1rem;
  }

  .lg\:ag--padding-bottom-s {
    padding-bottom: 1rem;
  }
  .lg\:ag--padding-bottom-sm {
    padding-bottom: 2rem;
  }

  .lg\:ag--padding-left-s {
    padding-left: 1rem;
  }

  .lg\:ag--padding-top-m {
    padding-top: 1.5rem;
  }

  .lg\:ag--padding-right-m {
    padding: 1.5rem;
  }
  .md\:ag--padding-right-2l {
    padding-right: 3rem;
  }

  .lg\:ag--padding-bottom-m {
    padding-bottom: 1.5rem;
  }

  .lg\:ag--padding-left-m {
    padding-left: 1.5rem;
  }

  .lg\:ag--padding-top-l {
    padding-top: 2rem;
  }
  .lg\:ag--padding-top-2l {
    padding-top: 3rem;
  }

  .lg\:ag--padding-right-l {
    padding-right: 2rem;
  }

  .lg\:ag--padding-right-Xl {
    padding-right: 4rem;
  }

  .lg\:ag--padding-bottom-l {
    padding-bottom: 2rem;
  }

  .lg\:ag--padding-bottom-2l {
    padding-bottom: 3rem;
  }

  .lg\:ag--padding-left-l {
    padding-left: 2rem;
  }
  .lg\:ag--padding-left-2l {
    padding-left: 3rem;
  }
  .lg\:ag--padding-left-xl {
    padding-left: 4rem;
  }
  /* desktop margin */
  .lg\:ag--margin-xs {
    margin: 0.5rem;
  }

  .lg\:ag--margin-s {
    margin: 1rem;
  }

  .lg\:ag--margin-m {
    margin: 1.5rem;
  }

  .lg\:ag--margin-l {
    margin: 2rem;
  }

  .lg\:ag--margin-top-xs {
    margin-top: 0.5rem;
  }

  .lg\:ag--margin-right-xs {
    margin: 0.5rem;
  }

  .lg\:ag--margin-bottom-xs {
    margin-bottom: 0.5rem;
  }

  .lg\:ag--margin-left-xs {
    margin-left: 0.5rem;
  }

  .lg\:ag--margin-top-s {
    margin-top: 1rem;
  }

  .lg\:ag--margin-right-s {
    margin: 1rem;
  }

  .lg\:ag--margin-bottom-s {
    margin-bottom: 1rem;
  }

  .lg\:ag--margin-left-s {
    margin-left: 1rem;
  }

  .lg\:ag--margin-top-m {
    margin-top: 1.5rem;
  }

  .lg\:ag--margin-right-m {
    margin: 1.5rem;
  }

  .lg\:ag--margin-bottom-m {
    margin-bottom: 1.5rem;
  }

  .lg\:ag--margin-left-m {
    margin-left: 1.5rem;
  }

  .lg\:ag--padding-top-l {
    padding-top: 2rem;
  }

  .lg\:ag--margin-right-l {
    margin: 2rem;
  }

  .lg\:ag--margin-bottom-l {
    margin-bottom: 2rem;
  }

  .lg\:ag--margin-left-l {
    margin-left: 2rem;
  }
  /* desktop grid */
  .lg\:ag--grid-columns-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .lg\:ag--grid-columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .lg\:ag--grid-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .lg\:ag--grid-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .lg\:ag--grid-columns-1 {
    grid-template-columns: 1fr;
  }
  .lg\:ag--grid-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg\:ag--grid-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg\:ag--grid-auto-columns {
    grid-auto-columns: minmax(auto, 1fr);
  }
  .lg\:ag--grid-auto-rows {
    grid-auto-rows: minmax(auto, 1fr);
  }
  .lg\:ag--grid-rows-auto {
    grid-auto-rows: auto;
  }
  .lg\:ag--grid-rows-auto-min {
    grid-auto-rows: min-content;
  }
  .lg\:ag--grid-col-1-2 {
    grid-column: 1 / 2;
  }
  .lg\:ag--grid-col-2-2 {
    grid-column: 2 / 2;
  }
  .lg\:ag--grid-col-1-3 {
    grid-column: 1 / 3;
  }
  .lg\:ag--grid-col-2-3 {
    grid-column: 2 / 3;
  }
  .lg\:ag--grid-col-3-4 {
    grid-column: 3 / 4;
  }
  .lg\:ag--grid-col-4-5 {
    grid-column: 4 / 5;
  }
  .lg\:ag--grid-col-4-7 {
    grid-column: 4 / 7;
  }
  .lg\:ag--grid-col-3-3 {
    grid-column: 3 / 3;
  }
  .lg\:ag--grid-row-unset {
    grid-row: unset;
  }
  .lg\:ag--grid-row-1 {
    grid-row: 1;
  }
  .lg\:ag--grid-row-2 {
    grid-row: 2;
  }
  .lg\:ag--grid-row-3 {
    grid-row: 3;
  }
  .lg\:ag--grid-row-4 {
    grid-row: 4;
  }
  .lg\:ag--align-self-start {
    align-self: start;
  }
  .lg\:ag--align-self-end {
    align-self: end;
  }
  .lg\:ag--align-self-center {
    align-self: center;
  }
  .lg\:ag--align-self-stretch {
    align-self: stretch;
  }
  .lg\:ag--justify-self-start {
    justify-self: start;
  }
  .lg\:ag--justify-self-end {
    justify-self: end;
  }
  .lg\:ag--justify-self-center {
    justify-self: center;
  }
  .lg\:ag--justify-self-stretch {
    justify-self: stretch;
  }
}