:root {
    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
    --spacing-4: 32px;
    --spacing-5: 40px;
    --spacing-6: 48px;
    --spacing-7: 60px;
}

.sp-m-0 {
  margin: 0 !important;
}

.sp-m-1 {
  margin: var(--spacing-1) !important;
}

.sp-m-2 {
  margin: var(--spacing-2) !important;
}

.sp-m-3 {
  margin: var(--spacing-3) !important;
}

.sp-m-4 {
  margin: var(--spacing-4) !important;
}

.sp-m-5 {
  margin: var(--spacing-5) !important;
}

.sp-m-6 {
  margin: var(--spacing-6) !important;
}

.sp-m-7 {
  margin: var(--spacing-7) !important;
}

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

.sp-mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.sp-mx-1 {
  margin-right: var(--spacing-1) !important;
  margin-left: var(--spacing-1) !important;
}

.sp-mx-2 {
  margin-right: var(--spacing-2) !important;
  margin-left: var(--spacing-2) !important;
}

.sp-mx-3 {
  margin-right: var(--spacing-3) !important;
  margin-left: var(--spacing-3) !important;
}

.sp-mx-4 {
  margin-right: var(--spacing-4) !important;
  margin-left: var(--spacing-4) !important;
}

.sp-mx-5 {
  margin-right: var(--spacing-5) !important;
  margin-left: var(--spacing-5) !important;
}

.sp-mx-6 {
  margin-right: var(--spacing-6) !important;
  margin-left: var(--spacing-6) !important;
}

.sp-mx-7 {
  margin-right: var(--spacing-7) !important;
  margin-left: var(--spacing-7) !important;
}

.sp-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.sp-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sp-my-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}

.sp-my-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}

.sp-my-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}

.sp-my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.sp-my-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}

.sp-my-6 {
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-6) !important;
}

.sp-my-7 {
  margin-top: var(--spacing-7) !important;
  margin-bottom: var(--spacing-7) !important;
}

.sp-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.sp-mt-1 {
  margin-top: var(--spacing-1) !important;
}

.sp-mt-2 {
  margin-top: var(--spacing-2) !important;
}

.sp-mt-3 {
  margin-top: var(--spacing-3) !important;
}

.sp-mt-4 {
  margin-top: var(--spacing-4) !important;
}

.sp-mt-5 {
  margin-top: var(--spacing-5) !important;
}

.sp-mt-6 {
  margin-top: var(--spacing-6) !important;
}

.sp-mt-7 {
  margin-top: var(--spacing-7) !important;
}

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

.sp-me-0 {
  margin-right: 0 !important;
}

.sp-me-1 {
  margin-right: var(--spacing-1) !important;
}

.sp-me-2 {
  margin-right: var(--spacing-2) !important;
}

.sp-me-3 {
  margin-right: var(--spacing-3) !important;
}

.sp-me-4 {
  margin-right: var(--spacing-4) !important;
}

.sp-me-5 {
  margin-right: var(--spacing-5) !important;
}

.sp-me-6 {
    margin-right: var(--spacing-6) !important;
}

.sp-me-7 {
  margin-right: var(--spacing-7) !important;
}

.sp-me-auto {
  margin-right: auto !important;
}

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

.sp-mb-1 {
  margin-bottom: var(--spacing-1) !important;
}

.sp-mb-2 {
  margin-bottom: var(--spacing-2) !important;
}

.sp-mb-3 {
  margin-bottom: var(--spacing-3) !important;
}

.sp-mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.sp-mb-5 {
  margin-bottom: var(--spacing-5) !important;
}

.sp-mb-6 {
  margin-bottom: var(--spacing-6) !important;
}

.sp-mb-7 {
  margin-bottom: var(--spacing-7) !important;
}

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

.sp-ms-0 {
  margin-left: 0 !important;
}

.sp-ms-1 {
  margin-left: var(--spacing-1) !important;
}

.sp-ms-2 {
  margin-left: var(--spacing-2) !important;
}

.sp-ms-3 {
  margin-left: var(--spacing-3) !important;
}

.sp-ms-4 {
  margin-left: var(--spacing-4) !important;
}

.sp-ms-5 {
  margin-left: var(--spacing-5) !important;
}

.sp-ms-6 {
  margin-left: var(--spacing-6) !important;
}

.sp-ms-7 {
  margin-left: var(--spacing-7) !important;
}

.sp-ms-auto {
  margin-left: auto !important;
}

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

.sp-p-1 {
  padding: var(--spacing-1) !important;
}

.sp-p-2 {
  padding: var(--spacing-2) !important;
}

.sp-p-3 {
  padding: var(--spacing-3) !important;
}

.sp-p-4 {
  padding: var(--spacing-4) !important;
}

.sp-p-5 {
  padding: var(--spacing-5) !important;
}

.sp-p-6 {
  padding: var(--spacing-6) !important;
}

.sp-p-7 {
  padding: var(--spacing-7) !important;
}

.sp-px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.sp-px-1 {
  padding-right: var(--spacing-1) !important;
  padding-left: var(--spacing-1) !important;
}

.sp-px-2 {
  padding-right: var(--spacing-2) !important;
  padding-left: var(--spacing-2) !important;
}

.sp-px-3 {
  padding-right: var(--spacing-3) !important;
  padding-left: var(--spacing-3) !important;
}

.sp-px-4 {
  padding-right: var(--spacing-4) !important;
  padding-left: var(--spacing-4) !important;
}

.sp-px-5 {
  padding-right: var(--spacing-5) !important;
  padding-left: var(--spacing-5) !important;
}

.sp-px-6 {
  padding-right: var(--spacing-6) !important;
  padding-left: var(--spacing-6) !important;
}

.sp-px-7 {
  padding-right: var(--spacing-7) !important;
  padding-left: var(--spacing-7) !important;
}


.sp-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.sp-py-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}

.sp-py-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}

.sp-py-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}

.sp-py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}

.sp-py-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}

.sp-py-6 {
  padding-top: var(--spacing-6) !important;
  padding-bottom: var(--spacing-6) !important;
}

.sp-py-7 {
  padding-top: var(--spacing-7) !important;
  padding-bottom: var(--spacing-7) !important;
}

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

.sp-pt-1 {
  padding-top: var(--spacing-1) !important;
}

.sp-pt-2 {
  padding-top: var(--spacing-2) !important;
}

.sp-pt-3 {
  padding-top: var(--spacing-3) !important;
}

.sp-pt-4 {
  padding-top: var(--spacing-4) !important;
}

.sp-pt-5 {
  padding-top: var(--spacing-5) !important;
}

.sp-pt-6 {
    padding-top: var(--spacing-6) !important;
}

.sp-pt-7 {
  padding-top: var(--spacing-7) !important;
}

.sp-pe-0 {
  padding-right: 0 !important;
}

.sp-pe-1 {
  padding-right: var(--spacing-1) !important;
}

.sp-pe-2 {
  padding-right: var(--spacing-2) !important;
}

.sp-pe-3 {
  padding-right: var(--spacing-3) !important;
}

.sp-pe-4 {
  padding-right: var(--spacing-4) !important;
}

.sp-pe-5 {
  padding-right: var(--spacing-5) !important;
}

.sp-pe-6 {
  padding-right: var(--spacing-6) !important;
}

.sp-pe-7 {
  padding-right: var(--spacing-7) !important;
}

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

.sp-pb-1 {
  padding-bottom: var(--spacing-1) !important;
}

.sp-pb-2 {
  padding-bottom: var(--spacing-2) !important;
}

.sp-pb-3 {
  padding-bottom: var(--spacing-3) !important;
}

.sp-pb-4 {
  padding-bottom: var(--spacing-4) !important;
}

.sp-pb-5 {
  padding-bottom: var(--spacing-5) !important;
}

.sp-pb-6 {
  padding-bottom: var(--spacing-6) !important;
}

.sp-pb-7 {
  padding-bottom: var(--spacing-7) !important;
}

.sp-ps-0 {
  padding-left: 0 !important;
}

.sp-ps-1 {
  padding-left: var(--spacing-1) !important;
}

.sp-ps-2 {
  padding-left: var(--spacing-2) !important;
}

.sp-ps-3 {
  padding-left: var(--spacing-3) !important;
}

.sp-ps-4 {
  padding-left: var(--spacing-4) !important;
}

.sp-ps-5 {
  padding-left: var(--spacing-5) !important;
}

.sp-ps-6 {
  padding-left: var(--spacing-6) !important;
}

.sp-ps-7 {
  padding-left: var(--spacing-7) !important;
}
  

@media (min-width: 992px) {
    .sp-m-lg-0 {
    margin: 0 !important;
    }
    .sp-m-lg-1 {
    margin: var(--spacing-1) !important;
    }
    .sp-m-lg-2 {
    margin: var(--spacing-2) !important;
    }
    .sp-m-lg-3 {
    margin: var(--spacing-3) !important;
    }
    .sp-m-lg-4 {
    margin: var(--spacing-4) !important;
    }
    .sp-m-lg-5 {
    margin: var(--spacing-5) !important;
    }
    .sp-m-lg-6 {
        margin: var(--spacing-6) !important;
    }
    .sp-m-lg-7 {
      margin: var(--spacing-7) !important;
  }
    .sp-m-lg-auto {
    margin: auto !important;
    }
    .sp-mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    }
    .sp-mx-lg-1 {
    margin-right: var(--spacing-1) !important;
    margin-left: var(--spacing-1) !important;
    }
    .sp-mx-lg-2 {
    margin-right: var(--spacing-2) !important;
    margin-left: var(--spacing-2) !important;
    }
    .sp-mx-lg-3 {
    margin-right: var(--spacing-3) !important;
    margin-left: var(--spacing-3) !important;
    }
    .sp-mx-lg-4 {
    margin-right: var(--spacing-4) !important;
    margin-left: var(--spacing-4) !important;
    }
    .sp-mx-lg-5 {
    margin-right: var(--spacing-5) !important;
    margin-left: var(--spacing-5) !important;
    }
    .sp-mx-lg-6 {
        margin-right: var(--spacing-6) !important;
        margin-left: var(--spacing-6) !important;
    }
    .sp-mx-lg-7 {
      margin-right: var(--spacing-7) !important;
      margin-left: var(--spacing-7) !important;
    }
    .sp-mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
    }
    .sp-my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
    .sp-my-lg-1 {
    margin-top: var(--spacing-1) !important;
    margin-bottom: var(--spacing-1) !important;
    }
    .sp-my-lg-2 {
    margin-top: var(--spacing-2) !important;
    margin-bottom: var(--spacing-2) !important;
    }
    .sp-my-lg-3 {
    margin-top: var(--spacing-3) !important;
    margin-bottom: var(--spacing-3) !important;
    }
    .sp-my-lg-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important;
    }
    .sp-my-lg-5 {
    margin-top: var(--spacing-5) !important;
    margin-bottom: var(--spacing-5) !important;
    }
    .sp-my-lg-6 {
        margin-top: var(--spacing-6) !important;
        margin-bottom: var(--spacing-6) !important;
    }
    .sp-my-lg-7 {
      margin-top: var(--spacing-7) !important;
      margin-bottom: var(--spacing-7) !important;
    }
    .sp-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
    .sp-mt-lg-0 {
    margin-top: 0 !important;
    }
    .sp-mt-lg-1 {
    margin-top: var(--spacing-1) !important;
    }
    .sp-mt-lg-2 {
    margin-top: var(--spacing-2) !important;
    }
    .sp-mt-lg-3 {
    margin-top: var(--spacing-3) !important;
    }
    .sp-mt-lg-4 {
    margin-top: var(--spacing-4) !important;
    }
    .sp-mt-lg-5 {
    margin-top: var(--spacing-5) !important;
    }
    .sp-mt-lg-6 {
        margin-top: var(--spacing-6) !important;
    }
    .sp-mt-lg-7 {
      margin-top: var(--spacing-7) !important;
    }
    .sp-mt-lg-auto {
    margin-top: auto !important;
    }
    .sp-me-lg-0 {
    margin-right: 0 !important;
    }
    .sp-me-lg-1 {
    margin-right: var(--spacing-1) !important;
    }
    .sp-me-lg-2 {
    margin-right: var(--spacing-2) !important;
    }
    .sp-me-lg-3 {
    margin-right: var(--spacing-3) !important;
    }
    .sp-me-lg-4 {
    margin-right: var(--spacing-4) !important;
    }
    .sp-me-lg-5 {
    margin-right: var(--spacing-5) !important;
    }
    .sp-me-lg-6 {
        margin-right: var(--spacing-6) !important;
    }
    .sp-me-lg-7 {
      margin-right: var(--spacing-7) !important;
    }
    .sp-me-lg-auto {
    margin-right: auto !important;
    }
    .sp-mb-lg-0 {
    margin-bottom: 0 !important;
    }
    .sp-mb-lg-1 {
    margin-bottom: var(--spacing-1) !important;
    }
    .sp-mb-lg-2 {
    margin-bottom: var(--spacing-2) !important;
    }
    .sp-mb-lg-3 {
    margin-bottom: var(--spacing-3) !important;
    }
    .sp-mb-lg-4 {
    margin-bottom: var(--spacing-4) !important;
    }
    .sp-mb-lg-5 {
    margin-bottom: var(--spacing-5) !important;
    }
    .sp-mb-lg-6 {
        margin-bottom: var(--spacing-6) !important;
    }
    .sp-mb-lg-7 {
      margin-bottom: var(--spacing-7) !important;
    }
    .sp-mb-lg-auto {
    margin-bottom: auto !important;
    }
    .sp-ms-lg-0 {
    margin-left: 0 !important;
    }
    .sp-ms-lg-1 {
    margin-left: var(--spacing-1) !important;
    }
    .sp-ms-lg-2 {
    margin-left: var(--spacing-2) !important;
    }
    .sp-ms-lg-3 {
    margin-left: var(--spacing-3) !important;
    }
    .sp-ms-lg-4 {
    margin-left: var(--spacing-4) !important;
    }
    .sp-ms-lg-5 {
    margin-left: var(--spacing-5) !important;
    }
    .sp-ms-lg-6 {
        margin-left: var(--spacing-6) !important;
    }
    .sp-ms-lg-7 {
      margin-left: var(--spacing-7) !important;
    }
    .sp-ms-lg-auto {
    margin-left: auto !important;
    }
    .sp-p-lg-0 {
    padding: 0 !important;
    }
    .sp-p-lg-1 {
    padding: var(--spacing-1) !important;
    }
    .sp-p-lg-2 {
    padding: var(--spacing-2) !important;
    }
    .sp-p-lg-3 {
    padding: var(--spacing-3) !important;
    }
    .sp-p-lg-4 {
    padding: var(--spacing-4) !important;
    }
    .sp-p-lg-5 {
    padding: var(--spacing-5) !important;
    }
    .sp-p-lg-6 {
      padding: var(--spacing-6) !important;
    }
    .sp-p-lg-7 {
      padding: var(--spacing-7) !important;
    }
    .sp-px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    }
    .sp-px-lg-1 {
    padding-right: var(--spacing-1) !important;
    padding-left: var(--spacing-1) !important;
    }
    .sp-px-lg-2 {
    padding-right: var(--spacing-2) !important;
    padding-left: var(--spacing-2) !important;
    }
    .sp-px-lg-3 {
    padding-right: var(--spacing-3) !important;
    padding-left: var(--spacing-3) !important;
    }
    .sp-px-lg-4 {
    padding-right: var(--spacing-4) !important;
    padding-left: var(--spacing-4) !important;
    }
    .sp-px-lg-5 {
    padding-right: var(--spacing-5) !important;
    padding-left: var(--spacing-5) !important;
    }
    .sp-px-lg-6 {
      padding-right: var(--spacing-6) !important;
      padding-left: var(--spacing-6) !important;
    }
    .sp-px-lg-7 {
      padding-right: var(--spacing-7) !important;
      padding-left: var(--spacing-7) !important;
    }
    .sp-py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
    .sp-py-lg-1 {
    padding-top: var(--spacing-1) !important;
    padding-bottom: var(--spacing-1) !important;
    }
    .sp-py-lg-2 {
    padding-top: var(--spacing-2) !important;
    padding-bottom: var(--spacing-2) !important;
    }
    .sp-py-lg-3 {
    padding-top: var(--spacing-3) !important;
    padding-bottom: var(--spacing-3) !important;
    }
    .sp-py-lg-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important;
    }
    .sp-py-lg-5 {
    padding-top: var(--spacing-5) !important;
    padding-bottom: var(--spacing-5) !important;
    }
    .sp-py-lg-6 {
        padding-top: var(--spacing-6) !important;
        padding-bottom: var(--spacing-6) !important;
    }
    .sp-py-lg-7 {
      padding-top: var(--spacing-7) !important;
      padding-bottom: var(--spacing-7) !important;
    } 
    .sp-pt-lg-0 {
    padding-top: 0 !important;
    }
    .sp-pt-lg-1 {
    padding-top: var(--spacing-1) !important;
    }
    .sp-pt-lg-2 {
    padding-top: var(--spacing-2) !important;
    }
    .sp-pt-lg-3 {
    padding-top: var(--spacing-3) !important;
    }
    .sp-pt-lg-4 {
    padding-top: var(--spacing-4) !important;
    }
    .sp-pt-lg-5 {
    padding-top: var(--spacing-5) !important;
    }
    .sp-pt-lg-6 {
    padding-top: var(--spacing-6) !important;
    }
    .sp-pt-lg-7 {
    padding-top: var(--spacing-7) !important;
    }
    .sp-pe-lg-0 {
    padding-right: 0 !important;
    }
    .sp-pe-lg-1 {
    padding-right: var(--spacing-1) !important;
    }
    .sp-pe-lg-2 {
    padding-right: var(--spacing-2) !important;
    }
    .sp-pe-lg-3 {
    padding-right: var(--spacing-3) !important;
    }
    .sp-pe-lg-4 {
    padding-right: var(--spacing-4) !important;
    }
    .sp-pe-lg-5 {
    padding-right: var(--spacing-5) !important;
    }
    .sp-pe-lg-6 {
    padding-right: var(--spacing-6) !important;
    }
    .sp-pe-lg-7 {
    padding-right: var(--spacing-7) !important;
    }
    .sp-pb-lg-0 {
    padding-bottom: 0 !important;
    }
    .sp-pb-lg-1 {
    padding-bottom: var(--spacing-1) !important;
    }
    .sp-pb-lg-2 {
    padding-bottom: var(--spacing-2) !important;
    }
    .sp-pb-lg-3 {
    padding-bottom: var(--spacing-3) !important;
    }
    .sp-pb-lg-4 {
    padding-bottom: var(--spacing-4) !important;
    }
    .sp-pb-lg-5 {
    padding-bottom: var(--spacing-5) !important;
    }
    .sp-pb-lg-6 {
    padding-bottom: var(--spacing-6) !important;
    }
    .sp-pb-lg-7 {
    padding-bottom: var(--spacing-7) !important;
    }
    .sp-ps-lg-0 {
    padding-left: 0 !important;
    }
    .sp-ps-lg-1 {
    padding-left: var(--spacing-1) !important;
    }
    .sp-ps-lg-2 {
    padding-left: var(--spacing-2) !important;
    }
    .sp-ps-lg-3 {
    padding-left: var(--spacing-3) !important;
    }
    .sp-ps-lg-4 {
    padding-left: var(--spacing-4) !important;
    }
    .sp-ps-lg-5 {
    padding-left: var(--spacing-5) !important;
    }
    .sp-ps-lg-6 {
    padding-left: var(--spacing-6) !important;
    }
    .sp-ps-lg-7 {
    padding-left: var(--spacing-7) !important;
    }
}

@media (min-width: 1200px) {
  .sp-mt-xl-0 {
    margin-top: 0 !important;
  }
  .sp-mt-xl-1 {
    margin-top: var(--spacing-1) !important;
  }
  .sp-mt-xl-2 {
    margin-top: var(--spacing-2) !important;
  }
  .sp-mt-xl-3 {
    margin-top: var(--spacing-3) !important;
  }
  .sp-mt-xl-4 {
    margin-top: var(--spacing-4) !important;
  }
  .sp-mt-xl-5 {
    margin-top: var(--spacing-5) !important;
  }
  .sp-mt-xl-6 {
    margin-top: var(--spacing-6) !important;
  }
}

@media (min-width: 1200px) {
  .sp-ps-xl-0 {
    padding-left: 0 !important;
  }
  .sp-ps-xl-1 {
    padding-left: var(--spacing-1) !important;
  }
  .sp-ps-xl-2 {
    padding-left: var(--spacing-2) !important;
  }
  .sp-ps-xl-3 {
    padding-left: var(--spacing-3) !important;
  }
  .sp-ps-xl-4 {
    padding-left: var(--spacing-4) !important;
  }
  .sp-ps-xl-5 {
    padding-left: var(--spacing-5) !important;
  }
  .sp-ps-xl-6 {
    padding-left: var(--spacing-6) !important;
  }
}

@media (min-width: 1400px) {
  .sp-m-xxl-0 {
  margin: 0 !important;
  }
  .sp-m-xxl-1 {
  margin: var(--spacing-1) !important;
  }
  .sp-m-xxl-2 {
  margin: var(--spacing-2) !important;
  }
  .sp-m-xxl-3 {
  margin: var(--spacing-3) !important;
  }
  .sp-m-xxl-4 {
  margin: var(--spacing-4) !important;
  }
  .sp-m-xxl-5 {
  margin: var(--spacing-5) !important;
  }
  .sp-m-xxl-6 {
      margin: var(--spacing-6) !important;
  }
  .sp-m-xxl-7 {
    margin: var(--spacing-7) !important;
}
  .sp-m-xxl-auto {
  margin: auto !important;
  }
  .sp-mx-xxl-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
  }
  .sp-mx-xxl-1 {
  margin-right: var(--spacing-1) !important;
  margin-left: var(--spacing-1) !important;
  }
  .sp-mx-xxl-2 {
  margin-right: var(--spacing-2) !important;
  margin-left: var(--spacing-2) !important;
  }
  .sp-mx-xxl-3 {
  margin-right: var(--spacing-3) !important;
  margin-left: var(--spacing-3) !important;
  }
  .sp-mx-xxl-4 {
  margin-right: var(--spacing-4) !important;
  margin-left: var(--spacing-4) !important;
  }
  .sp-mx-xxl-5 {
  margin-right: var(--spacing-5) !important;
  margin-left: var(--spacing-5) !important;
  }
  .sp-mx-xxl-6 {
      margin-right: var(--spacing-6) !important;
      margin-left: var(--spacing-6) !important;
  }
  .sp-mx-xxl-7 {
    margin-right: var(--spacing-7) !important;
    margin-left: var(--spacing-7) !important;
  }
  .sp-mx-xxl-auto {
  margin-right: auto !important;
  margin-left: auto !important;
  }
  .sp-my-xxl-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  }
  .sp-my-xxl-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
  }
  .sp-my-xxl-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
  }
  .sp-my-xxl-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
  }
  .sp-my-xxl-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
  }
  .sp-my-xxl-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
  }
  .sp-my-xxl-6 {
      margin-top: var(--spacing-6) !important;
      margin-bottom: var(--spacing-6) !important;
  }
  .sp-my-xxl-7 {
    margin-top: var(--spacing-7) !important;
    margin-bottom: var(--spacing-7) !important;
  }
  .sp-my-xxl-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
  }
  .sp-mt-xxl-0 {
  margin-top: 0 !important;
  }
  .sp-mt-xxl-1 {
  margin-top: var(--spacing-1) !important;
  }
  .sp-mt-xxl-2 {
  margin-top: var(--spacing-2) !important;
  }
  .sp-mt-xxl-3 {
  margin-top: var(--spacing-3) !important;
  }
  .sp-mt-xxl-4 {
  margin-top: var(--spacing-4) !important;
  }
  .sp-mt-xxl-5 {
  margin-top: var(--spacing-5) !important;
  }
  .sp-mt-xxl-6 {
      margin-top: var(--spacing-6) !important;
  }
  .sp-mt-xxl-7 {
    margin-top: var(--spacing-7) !important;
  }
  .sp-mt-xxl-auto {
  margin-top: auto !important;
  }
  .sp-me-xxl-0 {
  margin-right: 0 !important;
  }
  .sp-me-xxl-1 {
  margin-right: var(--spacing-1) !important;
  }
  .sp-me-xxl-2 {
  margin-right: var(--spacing-2) !important;
  }
  .sp-me-xxl-3 {
  margin-right: var(--spacing-3) !important;
  }
  .sp-me-xxl-4 {
  margin-right: var(--spacing-4) !important;
  }
  .sp-me-xxl-5 {
  margin-right: var(--spacing-5) !important;
  }
  .sp-me-xxl-6 {
      margin-right: var(--spacing-6) !important;
  }
  .sp-me-xxl-7 {
    margin-right: var(--spacing-7) !important;
  }
  .sp-me-xxl-auto {
  margin-right: auto !important;
  }
  .sp-mb-xxl-0 {
  margin-bottom: 0 !important;
  }
  .sp-mb-xxl-1 {
  margin-bottom: var(--spacing-1) !important;
  }
  .sp-mb-xxl-2 {
  margin-bottom: var(--spacing-2) !important;
  }
  .sp-mb-xxl-3 {
  margin-bottom: var(--spacing-3) !important;
  }
  .sp-mb-xxl-4 {
  margin-bottom: var(--spacing-4) !important;
  }
  .sp-mb-xxl-5 {
  margin-bottom: var(--spacing-5) !important;
  }
  .sp-mb-xxl-6 {
      margin-bottom: var(--spacing-6) !important;
  }
  .sp-mb-xxl-7 {
    margin-bottom: var(--spacing-7) !important;
  }
  .sp-mb-xxl-auto {
  margin-bottom: auto !important;
  }
  .sp-ms-xxl-0 {
  margin-left: 0 !important;
  }
  .sp-ms-xxl-1 {
  margin-left: var(--spacing-1) !important;
  }
  .sp-ms-xxl-2 {
  margin-left: var(--spacing-2) !important;
  }
  .sp-ms-xxl-3 {
  margin-left: var(--spacing-3) !important;
  }
  .sp-ms-xxl-4 {
  margin-left: var(--spacing-4) !important;
  }
  .sp-ms-xxl-5 {
  margin-left: var(--spacing-5) !important;
  }
  .sp-ms-xxl-6 {
      margin-left: var(--spacing-6) !important;
  }
  .sp-ms-xxl-7 {
    margin-left: var(--spacing-7) !important;
  }
  .sp-ms-xxl-auto {
  margin-left: auto !important;
  }
  .sp-p-xxl-0 {
  padding: 0 !important;
  }
  .sp-p-xxl-1 {
  padding: var(--spacing-1) !important;
  }
  .sp-p-xxl-2 {
  padding: var(--spacing-2) !important;
  }
  .sp-p-xxl-3 {
  padding: var(--spacing-3) !important;
  }
  .sp-p-xxl-4 {
  padding: var(--spacing-4) !important;
  }
  .sp-p-xxl-5 {
  padding: var(--spacing-5) !important;
  }
  .sp-p-xxl-6 {
    padding: var(--spacing-6) !important;
  }
  .sp-p-xxl-7 {
    padding: var(--spacing-7) !important;
  }
  .sp-px-xxl-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
  }
  .sp-px-xxl-1 {
  padding-right: var(--spacing-1) !important;
  padding-left: var(--spacing-1) !important;
  }
  .sp-px-xxl-2 {
  padding-right: var(--spacing-2) !important;
  padding-left: var(--spacing-2) !important;
  }
  .sp-px-xxl-3 {
  padding-right: var(--spacing-3) !important;
  padding-left: var(--spacing-3) !important;
  }
  .sp-px-xxl-4 {
  padding-right: var(--spacing-4) !important;
  padding-left: var(--spacing-4) !important;
  }
  .sp-px-xxl-5 {
  padding-right: var(--spacing-5) !important;
  padding-left: var(--spacing-5) !important;
  }
  .sp-px-xxl-6 {
    padding-right: var(--spacing-6) !important;
    padding-left: var(--spacing-6) !important;
  }
  .sp-px-xxl-7 {
    padding-right: var(--spacing-7) !important;
    padding-left: var(--spacing-7) !important;
  }
  .sp-py-xxl-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  }
  .sp-py-xxl-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
  }
  .sp-py-xxl-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
  }
  .sp-py-xxl-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
  }
  .sp-py-xxl-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
  }
  .sp-py-xxl-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
  }
  .sp-py-xxl-6 {
      padding-top: var(--spacing-6) !important;
      padding-bottom: var(--spacing-6) !important;
  }
  .sp-py-xxl-7 {
    padding-top: var(--spacing-7) !important;
    padding-bottom: var(--spacing-7) !important;
  } 
  .sp-pt-xxl-0 {
  padding-top: 0 !important;
  }
  .sp-pt-xxl-1 {
  padding-top: var(--spacing-1) !important;
  }
  .sp-pt-xxl-2 {
  padding-top: var(--spacing-2) !important;
  }
  .sp-pt-xxl-3 {
  padding-top: var(--spacing-3) !important;
  }
  .sp-pt-xxl-4 {
  padding-top: var(--spacing-4) !important;
  }
  .sp-pt-xxl-5 {
  padding-top: var(--spacing-5) !important;
  }
  .sp-pt-xxl-6 {
  padding-top: var(--spacing-6) !important;
  }
  .sp-pt-xxl-7 {
  padding-top: var(--spacing-7) !important;
  }
  .sp-pe-xxl-0 {
  padding-right: 0 !important;
  }
  .sp-pe-xxl-1 {
  padding-right: var(--spacing-1) !important;
  }
  .sp-pe-xxl-2 {
  padding-right: var(--spacing-2) !important;
  }
  .sp-pe-xxl-3 {
  padding-right: var(--spacing-3) !important;
  }
  .sp-pe-xxl-4 {
  padding-right: var(--spacing-4) !important;
  }
  .sp-pe-xxl-5 {
  padding-right: var(--spacing-5) !important;
  }
  .sp-pe-xxl-6 {
  padding-right: var(--spacing-6) !important;
  }
  .sp-pe-xxl-7 {
  padding-right: var(--spacing-7) !important;
  }
  .sp-pb-xxl-0 {
  padding-bottom: 0 !important;
  }
  .sp-pb-xxl-1 {
  padding-bottom: var(--spacing-1) !important;
  }
  .sp-pb-xxl-2 {
  padding-bottom: var(--spacing-2) !important;
  }
  .sp-pb-xxl-3 {
  padding-bottom: var(--spacing-3) !important;
  }
  .sp-pb-xxl-4 {
  padding-bottom: var(--spacing-4) !important;
  }
  .sp-pb-xxl-5 {
  padding-bottom: var(--spacing-5) !important;
  }
  .sp-pb-xxl-6 {
  padding-bottom: var(--spacing-6) !important;
  }
  .sp-pb-xxl-7 {
  padding-bottom: var(--spacing-7) !important;
  }
  .sp-ps-xxl-0 {
  padding-left: 0 !important;
  }
  .sp-ps-xxl-1 {
  padding-left: var(--spacing-1) !important;
  }
  .sp-ps-xxl-2 {
  padding-left: var(--spacing-2) !important;
  }
  .sp-ps-xxl-3 {
  padding-left: var(--spacing-3) !important;
  }
  .sp-ps-xxl-4 {
  padding-left: var(--spacing-4) !important;
  }
  .sp-ps-xxl-5 {
  padding-left: var(--spacing-5) !important;
  }
  .sp-ps-xxl-6 {
  padding-left: var(--spacing-6) !important;
  }
  .sp-ps-xxl-7 {
  padding-left: var(--spacing-7) !important;
  }
}