.cursor {
    cursor: pointer;
}




.color-primary {
    background-color: #8caab5 !important;
}



.ant-pagination-prev {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.ant-pagination-next {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.ant-pagination {
    margin-top: 32px !important;
}



.switch-green {
  background-color: #52c41a !important;
}

.switch-red {
  background-color: #ff4d4f !important;
}.container{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:15px;
    padding-left:15px
  }
  @media (min-width: 476px){
    .container{
      padding-right:15px;
      padding-left:15px
    }
  }
  @media (min-width: 768px){
    .container{
      padding-right:15px;
      padding-left:15px
    }
  }
  @media (min-width: 992px){
    .container{
      padding-right:15px;
      padding-left:15px
    }
  }
  @media (min-width: 1200px){
    .container{
      padding-right:15px;
      padding-left:15px
    }
  }
  @media (min-width: 476px){
    .container{
      width:100%
    }
  }
  @media (min-width: 768px){
    .container{
      width:720px;
      max-width:100%
    }
  }
  @media (min-width: 992px){
    .container{
      width:960px;
      max-width:100%
    }
  }
  @media (min-width: 1200px){
    .container{
      width:1140px;
      max-width:100%
    }
  }
  @media (min-width: 1400px){
    .container{
      width:1340px;
      max-width:100%
    }
  }



/* Width utilities */
.w-100 { width: 100% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }

/* Responsive width utilities */
@media (min-width: 576px) {
  .w-sm-100 { width: 100% !important; }
  .w-sm-50 { width: 50% !important; }
  .w-sm-75 { width: 75% !important; }
}

@media (min-width: 768px) {
  .w-md-100 { width: 100% !important; }
  .w-md-50 { width: 50% !important; }
  .w-md-75 { width: 75% !important; }
}

@media (min-width: 992px) {
  .w-lg-100 { width: 100% !important; }
  .w-lg-50 { width: 50% !important; }
  .w-lg-75 { width: 75% !important; }
}

@media (min-width: 1200px) {
  .w-xl-100 { width: 100% !important; }
  .w-xl-50 { width: 50% !important; }
  .w-xl-75 { width: 75% !important; }
}



/* Rounded utility classes */
.rounded { border-radius: 0.25rem !important; }
.rounded-1 { border-radius: 0.2rem !important; }
.rounded-2 { border-radius: 0.25rem !important; }
.rounded-3 { border-radius: 0.3rem !important; }
.rounded-4 { border-radius: 0.375rem !important; }
.rounded-5 { border-radius: 0.5rem !important; }
.rounded-6 { border-radius: 0.625rem !important; }
.rounded-7 { border-radius: 0.75rem !important; }
.rounded-8 { border-radius: 0.875rem !important; }
.rounded-9 { border-radius: 1rem !important; }

/* Shadow utility classes */
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; }
.shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; }
.shadow-none { box-shadow: none !important; }

/* Responsive shadow utilities */
@media (prefers-reduced-motion: reduce) {
  .shadow-sm, .shadow, .shadow-lg { transition: none !important; }
}




  /* Spacing Scale */
:root {
  --bs-spacing-0: 0;
  --bs-spacing-1: 0.25rem; /* 4px */
  --bs-spacing-2: 0.5rem;  /* 8px */
  --bs-spacing-3: 1rem;    /* 16px */
  --bs-spacing-4: 1.5rem;  /* 24px */
  --bs-spacing-5: 3rem;    /* 48px */
}

/* Margin utilities */
.m-0 { margin: var(--bs-spacing-0) !important; }
.m-1 { margin: var(--bs-spacing-1) !important; }
.m-2 { margin: var(--bs-spacing-2) !important; }
.m-3 { margin: var(--bs-spacing-3) !important; }
.m-4 { margin: var(--bs-spacing-4) !important; }
.m-5 { margin: var(--bs-spacing-5) !important; }

.mt-0 { margin-top: var(--bs-spacing-0) !important; }
.mt-1 { margin-top: var(--bs-spacing-1) !important; }
.mt-2 { margin-top: var(--bs-spacing-2) !important; }
.mt-3 { margin-top: var(--bs-spacing-3) !important; }
.mt-4 { margin-top: var(--bs-spacing-4) !important; }
.mt-5 { margin-top: var(--bs-spacing-5) !important; }

.me-0 { margin-right: var(--bs-spacing-0) !important; }
.me-1 { margin-right: var(--bs-spacing-1) !important; }
.me-2 { margin-right: var(--bs-spacing-2) !important; }
.me-3 { margin-right: var(--bs-spacing-3) !important; }
.me-4 { margin-right: var(--bs-spacing-4) !important; }
.me-5 { margin-right: var(--bs-spacing-5) !important; }

.mb-0 { margin-bottom: var(--bs-spacing-0) !important; }
.mb-1 { margin-bottom: var(--bs-spacing-1) !important; }
.mb-2 { margin-bottom: var(--bs-spacing-2) !important; }
.mb-3 { margin-bottom: var(--bs-spacing-3) !important; }
.mb-4 { margin-bottom: var(--bs-spacing-4) !important; }
.mb-5 { margin-bottom: var(--bs-spacing-5) !important; }

.ms-0 { margin-left: var(--bs-spacing-0) !important; }
.ms-1 { margin-left: var(--bs-spacing-1) !important; }
.ms-2 { margin-left: var(--bs-spacing-2) !important; }
.ms-3 { margin-left: var(--bs-spacing-3) !important; }
.ms-4 { margin-left: var(--bs-spacing-4) !important; }
.ms-5 { margin-left: var(--bs-spacing-5) !important; }

/* Padding utilities */
.p-0 { padding: var(--bs-spacing-0) !important; }
.p-1 { padding: var(--bs-spacing-1) !important; }
.p-2 { padding: var(--bs-spacing-2) !important; }
.p-3 { padding: var(--bs-spacing-3) !important; }
.p-4 { padding: var(--bs-spacing-4) !important; }
.p-5 { padding: var(--bs-spacing-5) !important; }

.pt-0 { padding-top: var(--bs-spacing-0) !important; }
.pt-1 { padding-top: var(--bs-spacing-1) !important; }
.pt-2 { padding-top: var(--bs-spacing-2) !important; }
.pt-3 { padding-top: var(--bs-spacing-3) !important; }
.pt-4 { padding-top: var(--bs-spacing-4) !important; }
.pt-5 { padding-top: var(--bs-spacing-5) !important; }

.pe-0 { padding-right: var(--bs-spacing-0) !important; }
.pe-1 { padding-right: var(--bs-spacing-1) !important; }
.pe-2 { padding-right: var(--bs-spacing-2) !important; }
.pe-3 { padding-right: var(--bs-spacing-3) !important; }
.pe-4 { padding-right: var(--bs-spacing-4) !important; }
.pe-5 { padding-right: var(--bs-spacing-5) !important; }

.pb-0 { padding-bottom: var(--bs-spacing-0) !important; }
.pb-1 { padding-bottom: var(--bs-spacing-1) !important; }
.pb-2 { padding-bottom: var(--bs-spacing-2) !important; }
.pb-3 { padding-bottom: var(--bs-spacing-3) !important; }
.pb-4 { padding-bottom: var(--bs-spacing-4) !important; }
.pb-5 { padding-bottom: var(--bs-spacing-5) !important; }

.ps-0 { padding-left: var(--bs-spacing-0) !important; }
.ps-1 { padding-left: var(--bs-spacing-1) !important; }
.ps-2 { padding-left: var(--bs-spacing-2) !important; }
.ps-3 { padding-left: var(--bs-spacing-3) !important; }
.ps-4 { padding-left: var(--bs-spacing-4) !important; }
.ps-5 { padding-left: var(--bs-spacing-5) !important; }

/* Responsive breakpoints for margin and padding */
@media (min-width: 576px) {
  .m-sm-0 { margin: var(--bs-spacing-0) !important; }
  .m-sm-1 { margin: var(--bs-spacing-1) !important; }
  .m-sm-2 { margin: var(--bs-spacing-2) !important; }
  .m-sm-3 { margin: var(--bs-spacing-3) !important; }
  .m-sm-4 { margin: var(--bs-spacing-4) !important; }
  .m-sm-5 { margin: var(--bs-spacing-5) !important; }

  .mt-sm-0 { margin-top: var(--bs-spacing-0) !important; }
  .mt-sm-1 { margin-top: var(--bs-spacing-1) !important; }
  .mt-sm-2 { margin-top: var(--bs-spacing-2) !important; }
  .mt-sm-3 { margin-top: var(--bs-spacing-3) !important; }
  .mt-sm-4 { margin-top: var(--bs-spacing-4) !important; }
  .mt-sm-5 { margin-top: var(--bs-spacing-5) !important; }

  .me-sm-0 { margin-right: var(--bs-spacing-0) !important; }
  .me-sm-1 { margin-right: var(--bs-spacing-1) !important; }
  .me-sm-2 { margin-right: var(--bs-spacing-2) !important; }
  .me-sm-3 { margin-right: var(--bs-spacing-3) !important; }
  .me-sm-4 { margin-right: var(--bs-spacing-4) !important; }
  .me-sm-5 { margin-right: var(--bs-spacing-5) !important; }

  .mb-sm-0 { margin-bottom: var(--bs-spacing-0) !important; }
  .mb-sm-1 { margin-bottom: var(--bs-spacing-1) !important; }
  .mb-sm-2 { margin-bottom: var(--bs-spacing-2) !important; }
  .mb-sm-3 { margin-bottom: var(--bs-spacing-3) !important; }
  .mb-sm-4 { margin-bottom: var(--bs-spacing-4) !important; }
  .mb-sm-5 { margin-bottom: var(--bs-spacing-5) !important; }

  .ms-sm-0 { margin-left: var(--bs-spacing-0) !important; }
  .ms-sm-1 { margin-left: var(--bs-spacing-1) !important; }
  .ms-sm-2 { margin-left: var(--bs-spacing-2) !important; }
  .ms-sm-3 { margin-left: var(--bs-spacing-3) !important; }
  .ms-sm-4 { margin-left: var(--bs-spacing-4) !important; }
  .ms-sm-5 { margin-left: var(--bs-spacing-5) !important; }

  .p-sm-0 { padding: var(--bs-spacing-0) !important; }
  .p-sm-1 { padding: var(--bs-spacing-1) !important; }
  .p-sm-2 { padding: var(--bs-spacing-2) !important; }
  .p-sm-3 { padding: var(--bs-spacing-3) !important; }
  .p-sm-4 { padding: var(--bs-spacing-4) !important; }
  .p-sm-5 { padding: var(--bs-spacing-5) !important; }

  .pt-sm-0 { padding-top: var(--bs-spacing-0) !important; }
  .pt-sm-1 { padding-top: var(--bs-spacing-1) !important; }
  .pt-sm-2 { padding-top: var(--bs-spacing-2) !important; }
  .pt-sm-3 { padding-top: var(--bs-spacing-3) !important; }
  .pt-sm-4 { padding-top: var(--bs-spacing-4) !important; }
  .pt-sm-5 { padding-top: var(--bs-spacing-5) !important; }

  .pe-sm-0 { padding-right: var(--bs-spacing-0) !important; }
  .pe-sm-1 { padding-right: var(--bs-spacing-1) !important; }
  .pe-sm-2 { padding-right: var(--bs-spacing-2) !important; }
  .pe-sm-3 { padding-right: var(--bs-spacing-3) !important; }
  .pe-sm-4 { padding-right: var(--bs-spacing-4) !important; }
  .pe-sm-5 { padding-right: var(--bs-spacing-5) !important; }

  .pb-sm-0 { padding-bottom: var(--bs-spacing-0) !important; }
  .pb-sm-1 { padding-bottom: var(--bs-spacing-1) !important; }
  .pb-sm-2 { padding-bottom: var(--bs-spacing-2) !important; }
  .pb-sm-3 { padding-bottom: var(--bs-spacing-3) !important; }
  .pb-sm-4 { padding-bottom: var(--bs-spacing-4) !important; }
  .pb-sm-5 { padding-bottom: var(--bs-spacing-5) !important; }

  .ps-sm-0 { padding-left: var(--bs-spacing-0) !important; }
  .ps-sm-1 { padding-left: var(--bs-spacing-1) !important; }
  .ps-sm-2 { padding-left: var(--bs-spacing-2) !important; }
  .ps-sm-3 { padding-left: var(--bs-spacing-3) !important; }
  .ps-sm-4 { padding-left: var(--bs-spacing-4) !important; }
  .ps-sm-5 { padding-left: var(--bs-spacing-5) !important; }
}

@media (min-width: 768px) {
  .m-md-0 { margin: var(--bs-spacing-0) !important; }
  .m-md-1 { margin: var(--bs-spacing-1) !important; }
  .m-md-2 { margin: var(--bs-spacing-2) !important; }
  .m-md-3 { margin: var(--bs-spacing-3) !important; }
  .m-md-4 { margin: var(--bs-spacing-4) !important; }
  .m-md-5 { margin: var(--bs-spacing-5) !important; }

  .mt-md-0 { margin-top: var(--bs-spacing-0) !important; }
  .mt-md-1 { margin-top: var(--bs-spacing-1) !important; }
  .mt-md-2 { margin-top: var(--bs-spacing-2) !important; }
  .mt-md-3 { margin-top: var(--bs-spacing-3) !important; }
  .mt-md-4 { margin-top: var(--bs-spacing-4) !important; }
  .mt-md-5 { margin-top: var(--bs-spacing-5) !important; }

  .me-md-0 { margin-right: var(--bs-spacing-0) !important; }
  .me-md-1 { margin-right: var(--bs-spacing-1) !important; }
  .me-md-2 { margin-right: var(--bs-spacing-2) !important; }
  .me-md-3 { margin-right: var(--bs-spacing-3) !important; }
  .me-md-4 { margin-right: var(--bs-spacing-4) !important; }
  .me-md-5 { margin-right: var(--bs-spacing-5) !important; }

  .mb-md-0 { margin-bottom: var(--bs-spacing-0) !important; }
  .mb-md-1 { margin-bottom: var(--bs-spacing-1) !important; }
  .mb-md-2 { margin-bottom: var(--bs-spacing-2) !important; }
  .mb-md-3 { margin-bottom: var(--bs-spacing-3) !important; }
  .mb-md-4 { margin-bottom: var(--bs-spacing-4) !important; }
  .mb-md-5 { margin-bottom: var(--bs-spacing-5) !important; }

  .ms-md-0 { margin-left: var(--bs-spacing-0) !important; }
  .ms-md-1 { margin-left: var(--bs-spacing-1) !important; }
  .ms-md-2 { margin-left: var(--bs-spacing-2) !important; }
  .ms-md-3 { margin-left: var(--bs-spacing-3) !important; }
  .ms-md-4 { margin-left: var(--bs-spacing-4) !important; }
  .ms-md-5 { margin-left: var(--bs-spacing-5) !important; }

  .p-md-0 { padding: var(--bs-spacing-0) !important; }
  .p-md-1 { padding: var(--bs-spacing-1) !important; }
  .p-md-2 { padding: var(--bs-spacing-2) !important; }
  .p-md-3 { padding: var(--bs-spacing-3) !important; }
  .p-md-4 { padding: var(--bs-spacing-4) !important; }
  .p-md-5 { padding: var(--bs-spacing-5) !important; }

  .pt-md-0 { padding-top: var(--bs-spacing-0) !important; }
  .pt-md-1 { padding-top: var(--bs-spacing-1) !important; }
  .pt-md-2 { padding-top: var(--bs-spacing-2) !important; }
  .pt-md-3 { padding-top: var(--bs-spacing-3) !important; }
  .pt-md-4 { padding-top: var(--bs-spacing-4) !important; }
  .pt-md-5 { padding-top: var(--bs-spacing-5) !important; }

  .pe-md-0 { padding-right: var(--bs-spacing-0) !important; }
  .pe-md-1 { padding-right: var(--bs-spacing-1) !important; }
  .pe-md-2 { padding-right: var(--bs-spacing-2) !important; }
  .pe-md-3 { padding-right: var(--bs-spacing-3) !important; }
  .pe-md-4 { padding-right: var(--bs-spacing-4) !important; }
  .pe-md-5 { padding-right: var(--bs-spacing-5) !important; }

  .pb-md-0 { padding-bottom: var(--bs-spacing-0) !important; }
  .pb-md-1 { padding-bottom: var(--bs-spacing-1) !important; }
  .pb-md-2 { padding-bottom: var(--bs-spacing-2) !important; }
  .pb-md-3 { padding-bottom: var(--bs-spacing-3) !important; }
  .pb-md-4 { padding-bottom: var(--bs-spacing-4) !important; }
  .pb-md-5 { padding-bottom: var(--bs-spacing-5) !important; }

  .ps-md-0 { padding-left: var(--bs-spacing-0) !important; }
  .ps-md-1 { padding-left: var(--bs-spacing-1) !important; }
  .ps-md-2 { padding-left: var(--bs-spacing-2) !important; }
  .ps-md-3 { padding-left: var(--bs-spacing-3) !important; }
  .ps-md-4 { padding-left: var(--bs-spacing-4) !important; }
  .ps-md-5 { padding-left: var(--bs-spacing-5) !important; }
}
@media (min-width: 992px) {
  .m-lg-0 { margin: var(--bs-spacing-0) !important; }
  .m-lg-1 { margin: var(--bs-spacing-1) !important; }
  .m-lg-2 { margin: var(--bs-spacing-2) !important; }
  .m-lg-3 { margin: var(--bs-spacing-3) !important; }
  .m-lg-4 { margin: var(--bs-spacing-4) !important; }
  .m-lg-5 { margin: var(--bs-spacing-5) !important; }

  .mt-lg-0 { margin-top: var(--bs-spacing-0) !important; }
  .mt-lg-1 { margin-top: var(--bs-spacing-1) !important; }
  .mt-lg-2 { margin-top: var(--bs-spacing-2) !important; }
  .mt-lg-3 { margin-top: var(--bs-spacing-3) !important; }
  .mt-lg-4 { margin-top: var(--bs-spacing-4) !important; }
  .mt-lg-5 { margin-top: var(--bs-spacing-5) !important; }

  .me-lg-0 { margin-right: var(--bs-spacing-0) !important; }
  .me-lg-1 { margin-right: var(--bs-spacing-1) !important; }
  .me-lg-2 { margin-right: var(--bs-spacing-2) !important; }
  .me-lg-3 { margin-right: var(--bs-spacing-3) !important; }
  .me-lg-4 { margin-right: var(--bs-spacing-4) !important; }
  .me-lg-5 { margin-right: var(--bs-spacing-5) !important; }

  .mb-lg-0 { margin-bottom: var(--bs-spacing-0) !important; }
  .mb-lg-1 { margin-bottom: var(--bs-spacing-1) !important; }
  .mb-lg-2 { margin-bottom: var(--bs-spacing-2) !important; }
  .mb-lg-3 { margin-bottom: var(--bs-spacing-3) !important; }
  .mb-lg-4 { margin-bottom: var(--bs-spacing-4) !important; }
  .mb-lg-5 { margin-bottom: var(--bs-spacing-5) !important; }

  .ms-lg-0 { margin-left: var(--bs-spacing-0) !important; }
  .ms-lg-1 { margin-left: var(--bs-spacing-1) !important; }
  .ms-lg-2 { margin-left: var(--bs-spacing-2) !important; }
  .ms-lg-3 { margin-left: var(--bs-spacing-3) !important; }
  .ms-lg-4 { margin-left: var(--bs-spacing-4) !important; }
  .ms-lg-5 { margin-left: var(--bs-spacing-5) !important; }

  .p-lg-0 { padding: var(--bs-spacing-0) !important; }
  .p-lg-1 { padding: var(--bs-spacing-1) !important; }
  .p-lg-2 { padding: var(--bs-spacing-2) !important; }
  .p-lg-3 { padding: var(--bs-spacing-3) !important; }
  .p-lg-4 { padding: var(--bs-spacing-4) !important; }
  .p-lg-5 { padding: var(--bs-spacing-5) !important; }

  .pt-lg-0 { padding-top: var(--bs-spacing-0) !important; }
  .pt-lg-1 { padding-top: var(--bs-spacing-1) !important; }
  .pt-lg-2 { padding-top: var(--bs-spacing-2) !important; }
  .pt-lg-3 { padding-top: var(--bs-spacing-3) !important; }
  .pt-lg-4 { padding-top: var(--bs-spacing-4) !important; }
  .pt-lg-5 { padding-top: var(--bs-spacing-5) !important; }

  .pe-lg-0 { padding-right: var(--bs-spacing-0) !important; }
  .pe-lg-1 { padding-right: var(--bs-spacing-1) !important; }
  .pe-lg-2 { padding-right: var(--bs-spacing-2) !important; }
  .pe-lg-3 { padding-right: var(--bs-spacing-3) !important; }
  .pe-lg-4 { padding-right: var(--bs-spacing-4) !important; }
  .pe-lg-5 { padding-right: var(--bs-spacing-5) !important; }

  .pb-lg-0 { padding-bottom: var(--bs-spacing-0) !important; }
  .pb-lg-1 { padding-bottom: var(--bs-spacing-1) !important; }
  .pb-lg-2 { padding-bottom: var(--bs-spacing-2) !important; }
  .pb-lg-3 { padding-bottom: var(--bs-spacing-3) !important; }
  .pb-lg-4 { padding-bottom: var(--bs-spacing-4) !important; }
  .pb-lg-5 { padding-bottom: var(--bs-spacing-5) !important; }

  .ps-lg-0 { padding-left: var(--bs-spacing-0) !important; }
  .ps-lg-1 { padding-left: var(--bs-spacing-1) !important; }
  .ps-lg-2 { padding-left: var(--bs-spacing-2) !important; }
  .ps-lg-3 { padding-left: var(--bs-spacing-3) !important; }
  .ps-lg-4 { padding-left: var(--bs-spacing-4) !important; }
  .ps-lg-5 { padding-left: var(--bs-spacing-5) !important; }
}

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

  .mt-xl-0 { margin-top: var(--bs-spacing-0) !important; }
  .mt-xl-1 { margin-top: var(--bs-spacing-1) !important; }
  .mt-xl-2 { margin-top: var(--bs-spacing-2) !important; }
  .mt-xl-3 { margin-top: var(--bs-spacing-3) !important; }
  .mt-xl-4 { margin-top: var(--bs-spacing-4) !important; }
  .mt-xl-5 { margin-top: var(--bs-spacing-5) !important; }

  .me-xl-0 { margin-right: var(--bs-spacing-0) !important; }
  .me-xl-1 { margin-right: var(--bs-spacing-1) !important; }
  .me-xl-2 { margin-right: var(--bs-spacing-2) !important; }
  .me-xl-3 { margin-right: var(--bs-spacing-3) !important; }
  .me-xl-4 { margin-right: var(--bs-spacing-4) !important; }
  .me-xl-5 { margin-right: var(--bs-spacing-5) !important; }

  .mb-xl-0 { margin-bottom: var(--bs-spacing-0) !important; }
  .mb-xl-1 { margin-bottom: var(--bs-spacing-1) !important; }
  .mb-xl-2 { margin-bottom: var(--bs-spacing-2) !important; }
  .mb-xl-3 { margin-bottom: var(--bs-spacing-3) !important; }
  .mb-xl-4 { margin-bottom: var(--bs-spacing-4) !important; }
  .mb-xl-5 { margin-bottom: var(--bs-spacing-5) !important; }

  .ms-xl-0 { margin-left: var(--bs-spacing-0) !important; }
  .ms-xl-1 { margin-left: var(--bs-spacing-1) !important; }
  .ms-xl-2 { margin-left: var(--bs-spacing-2) !important; }
  .ms-xl-3 { margin-left: var(--bs-spacing-3) !important; }
  .ms-xl-4 { margin-left: var(--bs-spacing-4) !important; }
  .ms-xl-5 { margin-left: var(--bs-spacing-5) !important; }

  .p-xl-0 { padding: var(--bs-spacing-0) !important; }
  .p-xl-1 { padding: var(--bs-spacing-1) !important; }
  .p-xl-2 { padding: var(--bs-spacing-2) !important; }
  .p-xl-3 { padding: var(--bs-spacing-3) !important; }
  .p-xl-4 { padding: var(--bs-spacing-4) !important; }
  .p-xl-5 { padding: var(--bs-spacing-5) !important; }

  .pt-xl-0 { padding-top: var(--bs-spacing-0) !important; }
  .pt-xl-1 { padding-top: var(--bs-spacing-1) !important; }
  .pt-xl-2 { padding-top: var(--bs-spacing-2) !important; }
  .pt-xl-3 { padding-top: var(--bs-spacing-3) !important; }
  .pt-xl-4 { padding-top: var(--bs-spacing-4) !important; }
  .pt-xl-5 { padding-top: var(--bs-spacing-5) !important; }

  .pe-xl-0 { padding-right: var(--bs-spacing-0) !important; }
  .pe-xl-1 { padding-right: var(--bs-spacing-1) !important; }
  .pe-xl-2 { padding-right: var(--bs-spacing-2) !important; }
  .pe-xl-3 { padding-right: var(--bs-spacing-3) !important; }
  .pe-xl-4 { padding-right: var(--bs-spacing-4) !important; }
  .pe-xl-5 { padding-right: var(--bs-spacing-5) !important; }

  .pb-xl-0 { padding-bottom: var(--bs-spacing-0) !important; }
  .pb-xl-1 { padding-bottom: var(--bs-spacing-1) !important; }
  .pb-xl-2 { padding-bottom: var(--bs-spacing-2) !important; }
  .pb-xl-3 { padding-bottom: var(--bs-spacing-3) !important; }
  .pb-xl-4 { padding-bottom: var(--bs-spacing-4) !important; }
  .pb-xl-5 { padding-bottom: var(--bs-spacing-5) !important; }

  .ps-xl-0 { padding-left: var(--bs-spacing-0) !important; }
  .ps-xl-1 { padding-left: var(--bs-spacing-1) !important; }
  .ps-xl-2 { padding-left: var(--bs-spacing-2) !important; }
  .ps-xl-3 { padding-left: var(--bs-spacing-3) !important; }
  .ps-xl-4 { padding-left: var(--bs-spacing-4) !important; }
  .ps-xl-5 { padding-left: var(--bs-spacing-5) !important; }
}


.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-sm-start {
  text-align: left !important;
}

.text-sm-end {
  text-align: right !important;
}

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

.text-md-start {
  text-align: left !important;
}

.text-md-end {
  text-align: right !important;
}

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

.text-lg-start {
  text-align: left !important;
}

.text-lg-end {
  text-align: right !important;
}

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

.text-xl-start {
  text-align: left !important;
}

.text-xl-end {
  text-align: right !important;
}

.text-xl-center {
  text-align: center !important;
}


/* Border Styles */
.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

/* Border Color Classes */
.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #ffffff !important;
}

/* Border Radius */
.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}