body {
  background: radial-gradient(
      circle at 25% 35%,
      rgba(82, 176, 58, 0.35) 0%,
      transparent 20%
    ),
    radial-gradient(
      circle at 75% 65%,
      rgba(82, 176, 58, 0.3) 0%,
      transparent 25%
    ),
    radial-gradient(
      circle at 50% 80%,
      rgba(82, 176, 58, 0.25) 0%,
      transparent 18%
    ),
    #0a0a0a;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
/* Custom color definitions */
:root {
  --color-primary: #52B03A;
  --color-primary-light: #85C973;
  --color-primary-lighter: #B8E1AC;
  --color-primary-dark: #3A8C27;
  --color-primary-darker: #226814;
  --color-text-dark: #1A1A1A;
  --color-text-light: #F8F8F8;
}

/* Gradient animation for heading */
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.gradient-text {
  background: linear-gradient(
    to right,
    var(--color-primary-lighter),
    var(--color-primary-light),
    var(--color-text-light),
    var(--color-primary),
    var(--color-primary-lighter)
  );
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: gradient 6s linear infinite;
}
/* Primary Button */
.primary-border-color{
  border-color: #52B03A !important;
}

.rv-btn-primary {
  background-color: #52B03A;
  color: #fff;
  border: none;
  padding: 0.6em 1.4em;
  border-radius: 6px;
  font-weight: 600;
  font-family: 'Segoe UI', sans-serif;
  transition: background-color 0.2s;
}

.rv-btn-primary:not([disabled]):hover {
  background-color: #51c235;
}
.rv-btn-primary:disabled { 
  background-color: #212529;
}

/* Secondary Button */
.rv-btn-secondary {
  background-color: #1a1a1a;
  color: #e0e0e0;
  border: 1px solid #2e2e2e;
  padding: 0.6em 1.4em;
  border-radius: 6px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.rv-btn-secondary:hover {
  background-color: #2b2b2b;
}

.sphereka-link {
  font-weight: 600; /* equivalent to Tailwind's font-semibold */
  color: #56c23c; /* equivalent to Tailwind's text-gray-400 */
  text-decoration: none;
  transition: color 0.3s ease;
}

.sphereka-link:hover {
  color: #4bff1e;
}


@keyframes gradient {
  0% { background-position: 100% 0%; }
  50% { background-position: 0% 100%; }
  100% { background-position: 100% 0%; }
}
.gradient-text {
  background: linear-gradient(
  135deg,
  var(--color-primary-lighter),
  var(--color-primary-light),
  var(--color-text-light),
  var(--color-primary),
  var(--color-primary-lighter)
  );
  background-size: 300% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  animation: gradient 8s ease infinite;
}


.forest-gradient-text {
  background: linear-gradient(to right, #0b3d0b, #228b22);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}


/* Toast container */
#toast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 1055;
}

/* Base toast */
.toast {
  display: flex;
  align-items: center;
  background: #333;
  color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  max-width: 320px;
}

/* Reveal toast */
.toast.show {
  opacity: 1;
  transform: translateY(0);
}

/* Variants */
.toast.success { background: #28a745; }
.toast.error   { background: #dc3545; }
.toast.warning { background: #ffc107; color: #212529; }

/* Icon spacing */
.toast i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* SP CSS */
/* Padding & Margin  */
/* ////////////////////////////////  */
/* Margin */
.sp-m-auto {
  margin: auto !important;
}
.sp-m-0 {
  margin: 0 !important;
}
.sp-m-1 {
  margin: 0.25rem !important;
}
.sp-m-2 {
  margin: 0.5rem !important;
}
.sp-m-3 {
  margin: 1rem !important;
}
.sp-m-4 {
  margin: 1.5rem !important;
}
.sp-m-5 {
  margin: 2rem !important;
}
.sp-m-6 {
  margin: 2.5rem !important;
}
.sp-m-7 {
  margin: 3rem !important;
}
.sp-m-8 {
  margin: 3.5rem !important;
}
/* Default Horizontal Margin (mx) */
.sp-mx-auto {
  margin-right:auto !important;
  margin-left:auto !important;
}
.sp-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.sp-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.sp-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.sp-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.sp-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.sp-mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.sp-mx-6 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.sp-mx-7 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.sp-mx-8 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

/* Default Vertical Margin (my) */
.sp-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.sp-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.sp-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.sp-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.sp-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.sp-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.sp-my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.sp-my-6 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.sp-my-7 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.sp-my-8 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
/* Margin Top */
.sp-mt-auto {
  margin-top: auto !important;
}
.sp-mt-0 {
  margin-top: 0 !important;
}
.sp-mt-1 {
  margin-top: 0.25rem !important;
}
.sp-mt-2 {
  margin-top: 0.5rem !important;
}
.sp-mt-3 {
  margin-top: 1rem !important;
}
.sp-mt-4 {
  margin-top: 1.5rem !important;
}
.sp-mt-5 {
  margin-top: 2rem !important;
}
.sp-mt-6 {
  margin-top: 2.5rem !important;
}
.sp-mt-7 {
  margin-top: 3rem !important;
}
.sp-mt-8 {
  margin-top: 3.5rem !important;
}
/* Margin Bottom */
.sp-mb-auto {
  margin-bottom: auto !important;
}
.sp-mb-0 {
  margin-bottom: 0 !important;
}
.sp-mb-1 {
  margin-bottom: 0.25rem !important;
}
.sp-mb-2 {
  margin-bottom: 0.5rem !important;
}
.sp-mb-3 {
  margin-bottom: 1rem !important;
}
.sp-mb-4 {
  margin-bottom: 1.5rem !important;
}
.sp-mb-5 {
  margin-bottom: 2rem !important;
}
.sp-mb-6 {
  margin-bottom: 2.5rem !important;
}
.sp-mb-7 {
  margin-bottom: 3rem !important;
}
.sp-mb-8 {
  margin-bottom: 3.5rem !important;
}

/* Margin Left */
.sp-ms-auto {
  margin-left: auto !important;
}
.sp-ms-0 {
  margin-left: 0 !important;
}
.sp-ms-1 {
  margin-left: 0.25rem !important;
}
.sp-ms-2 {
  margin-left: 0.5rem !important;
}
.sp-ms-3 {
  margin-left: 1rem !important;
}
.sp-ms-4 {
  margin-left: 1.5rem !important;
}
.sp-ms-5 {
  margin-left: 2rem !important;
}
.sp-ms-6 {
  margin-left: 2.5rem !important;
}
.sp-ms-7 {
  margin-left: 3rem !important;
}
.sp-ms-8 {
  margin-left: 3.5rem !important;
}

/* Margin Right */
.sp-me-auto {
  margin-right: auto !important;
}
.sp-me-0 {
  margin-right: 0 !important;
}
.sp-me-1 {
  margin-right: 0.25rem !important;
}
.sp-me-2 {
  margin-right: 0.5rem !important;
}
.sp-me-3 {
  margin-right: 1rem !important;
}
.sp-me-4 {
  margin-right: 1.5rem !important;
}
.sp-me-5 {
  margin-right: 2rem !important;
}
.sp-me-6 {
  margin-right: 2.5rem !important;
}
.sp-me-7 {
  margin-right: 3rem !important;
}
.sp-me-8 {
  margin-right: 3.5rem !important;
}

/* Padding */
.sp-p-0 {
  padding: 0 !important;
}
.sp-p-1 {
  padding: 0.25rem !important;
}
.sp-p-2 {
  padding: 0.5rem !important;
}
.sp-p-3 {
  padding: 1rem !important;
}
.sp-p-4 {
  padding: 1.5rem !important;
}
.sp-p-5 {
  padding: 2rem !important;
}
.sp-p-6 {
  padding: 2.5rem !important;
}
.sp-p-7 {
  padding: 3rem !important;
}
.sp-p-8 {
  padding: 3.5rem !important;
}

/* Padding Left and Right */
.sp-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.sp-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.sp-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.sp-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.sp-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.sp-px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.sp-px-6 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.sp-px-7 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.sp-px-8 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}
/* Padding Top and Bottom */
.sp-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.sp-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.sp-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.sp-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.sp-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.sp-py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.sp-py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.sp-py-7 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.sp-py-8 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

/* Padding Top */
.sp-pt-0 {
  padding-top: 0 !important;
}
.sp-pt-1 {
  padding-top: 0.25rem !important;
}
.sp-pt-2 {
  padding-top: 0.5rem !important;
}
.sp-pt-3 {
  padding-top: 1rem !important;
}
.sp-pt-4 {
  padding-top: 1.5rem !important;
}
.sp-pt-5 {
  padding-top: 2rem !important;
}
.sp-pt-6 {
  padding-top: 2.5rem !important;
}
.sp-pt-7 {
  padding-top: 3rem !important;
}
.sp-pt-8 {
  padding-top: 3.5rem !important;
}

/* Padding Bottom */
.sp-pb-0 {
  padding-bottom: 0 !important;
}
.sp-pb-1 {
  padding-bottom: 0.25rem !important;
}
.sp-pb-2 {
  padding-bottom: 0.5rem !important;
}
.sp-pb-3 {
  padding-bottom: 1rem !important;
}
.sp-pb-4 {
  padding-bottom: 1.5rem !important;
}
.sp-pb-5 {
  padding-bottom: 2rem !important;
}
.sp-pb-6 {
  padding-bottom: 2.5rem !important;
}
.sp-pb-7 {
  padding-bottom: 3rem !important;
}
.sp-pb-8 {
  padding-bottom: 3.5rem !important;
}

/* Padding Left */
.sp-ps-0 {
  padding-left: 0 !important;
}
.sp-ps-1 {
  padding-left: 0.25rem !important;
}
.sp-ps-2 {
  padding-left: 0.5rem !important;
}
.sp-ps-3 {
  padding-left: 1rem !important;
}
.sp-ps-4 {
  padding-left: 1.5rem !important;
}
.sp-ps-5 {
  padding-left: 2rem !important;
}
.sp-ps-6 {
  padding-left: 2.5rem !important;
}
.sp-ps-7 {
  padding-left: 3rem !important;
}
.sp-ps-8 {
  padding-left: 3.5rem !important;
}

/* Padding Right */
.sp-pe-0 {
  padding-right: 0 !important;
}
.sp-pe-1 {
  padding-right: 0.25rem !important;
}
.sp-pe-2 {
  padding-right: 0.5rem !important;
}
.sp-pe-3 {
  padding-right: 1rem !important;
}
.sp-pe-4 {
  padding-right: 1.5rem !important;
}
.sp-pe-5 {
  padding-right: 2rem !important;
}
.sp-pe-6 {
  padding-right: 2.5rem !important;
}
.sp-pe-7 {
  padding-right: 3rem !important;
}
.sp-pe-8 {
  padding-right: 3.5rem !important;
}

/* Responsive Spacing (for small, medium, large) */
@media (min-width: 576px) {
  /* Margin */
  .sp-sm-m-auto {
    margin: auto !important;
  }
  .sp-sm-m-0 {
    margin: 0 !important;
  }
  .sp-sm-m-1 {
    margin: 0.25rem !important;
  }
  .sp-sm-m-2 {
    margin: 0.5rem !important;
  }
  .sp-sm-m-3 {
    margin: 1rem !important;
  }
  .sp-sm-m-4 {
    margin: 1.5rem !important;
  }
  .sp-sm-m-5 {
    margin: 2rem !important;
  }
  .sp-sm-m-6 {
    margin: 2.5rem !important;
  }
  .sp-sm-m-7 {
    margin: 3rem !important;
  }
  .sp-sm-m-8 {
    margin: 3.5rem !important;
  }
  /* Small Horizontal Margin (mx) */
  .sp-sm-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sp-sm-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sp-sm-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sp-sm-mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sp-sm-mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sp-sm-mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sp-sm-mx-6 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .sp-sm-mx-7 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sp-sm-mx-8 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  /* Small Vertical Margin (my) */
  .sp-sm-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sp-sm-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sp-sm-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sp-sm-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sp-sm-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sp-sm-my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sp-sm-my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .sp-sm-my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sp-sm-my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  /* Margin Top */
  .sp-sm-mt-auto {
    margin-top: auto !important;
  }
  .sp-sm-mt-0 {
    margin-top: 0 !important;
  }
  .sp-sm-mt-1 {
    margin-top: 0.25rem !important;
  }
  .sp-sm-mt-2 {
    margin-top: 0.5rem !important;
  }
  .sp-sm-mt-3 {
    margin-top: 1rem !important;
  }
  .sp-sm-mt-4 {
    margin-top: 1.5rem !important;
  }
  .sp-sm-mt-5 {
    margin-top: 2rem !important;
  }
  .sp-sm-mt-6 {
    margin-top: 2.5rem !important;
  }
  .sp-sm-mt-7 {
    margin-top: 3rem !important;
  }
  .sp-sm-mt-8 {
    margin-top: 3.5rem !important;
  }

  /* Margin Bottom */
  .sp-sm-mb-auto {
    margin-bottom: auto !important;
  }
  .sp-sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .sp-sm-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sp-sm-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sp-sm-mb-3 {
    margin-bottom: 1rem !important;
  }
  .sp-sm-mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sp-sm-mb-5 {
    margin-bottom: 2rem !important;
  }
  .sp-sm-mb-6 {
    margin-bottom: 2.5rem !important;
  }
  .sp-sm-mb-7 {
    margin-bottom: 3rem !important;
  }
  .sp-sm-mb-8 {
    margin-bottom: 3.5rem !important;
  }

  /* Margin Left */
  .sp-sm-ms-auto {
    margin-left: auto !important;
  }
  .sp-sm-ms-0 {
    margin-left: 0 !important;
  }
  .sp-sm-ms-1 {
    margin-left: 0.25rem !important;
  }
  .sp-sm-ms-2 {
    margin-left: 0.5rem !important;
  }
  .sp-sm-ms-3 {
    margin-left: 1rem !important;
  }
  .sp-sm-ms-4 {
    margin-left: 1.5rem !important;
  }
  .sp-sm-ms-5 {
    margin-left: 2rem !important;
  }
  .sp-sm-ms-6 {
    margin-left: 2.5rem !important;
  }
  .sp-sm-ms-7 {
    margin-left: 3rem !important;
  }
  .sp-sm-ms-8 {
    margin-left: 3.5rem !important;
  }

  /* Margin Right */
  .sp-sm-me-auto {
    margin-right: auto !important;
  }
  .sp-sm-me-0 {
    margin-right: 0 !important;
  }
  .sp-sm-me-1 {
    margin-right: 0.25rem !important;
  }
  .sp-sm-me-2 {
    margin-right: 0.5rem !important;
  }
  .sp-sm-me-3 {
    margin-right: 1rem !important;
  }
  .sp-sm-me-4 {
    margin-right: 1.5rem !important;
  }
  .sp-sm-me-5 {
    margin-right: 2rem !important;
  }
  .sp-sm-me-6 {
    margin-right: 2.5rem !important;
  }
  .sp-sm-me-7 {
    margin-right: 3rem !important;
  }
  .sp-sm-me-8 {
    margin-right: 3.5rem !important;
  }
  /* Padding */
  .sp-sm-p-0 {
    padding: 0 !important;
  }
  .sp-sm-p-1 {
    padding: 0.25rem !important;
  }
  .sp-sm-p-2 {
    padding: 0.5rem !important;
  }
  .sp-sm-p-3 {
    padding: 1rem !important;
  }
  .sp-sm-p-4 {
    padding: 1.5rem !important;
  }
  .sp-sm-p-5 {
    padding: 2rem !important;
  }
  .sp-sm-p-6 {
    padding: 2.5rem !important;
  }
  .sp-sm-p-7 {
    padding: 3rem !important;
  }
  .sp-sm-p-8 {
    padding: 3.5rem !important;
  }
  /* Small Padding Left and Right */
  .sp-sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sp-sm-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sp-sm-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sp-sm-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sp-sm-px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sp-sm-px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sp-sm-px-6 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .sp-sm-px-7 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sp-sm-px-8 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  /* Small Padding Top and Bottom */
  .sp-sm-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sp-sm-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sp-sm-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sp-sm-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sp-sm-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sp-sm-py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sp-sm-py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .sp-sm-py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sp-sm-py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  /* Padding Top */
  .sp-sm-pt-0 {
    padding-top: 0 !important;
  }
  .sp-sm-pt-1 {
    padding-top: 0.25rem !important;
  }
  .sp-sm-pt-2 {
    padding-top: 0.5rem !important;
  }
  .sp-sm-pt-3 {
    padding-top: 1rem !important;
  }
  .sp-sm-pt-4 {
    padding-top: 1.5rem !important;
  }
  .sp-sm-pt-5 {
    padding-top: 2rem !important;
  }
  .sp-sm-pt-6 {
    padding-top: 2.5rem !important;
  }
  .sp-sm-pt-7 {
    padding-top: 3rem !important;
  }
  .sp-sm-pt-8 {
    padding-top: 3.5rem !important;
  }

  /* Padding Bottom */
  .sp-sm-pb-0 {
    padding-bottom: 0 !important;
  }
  .sp-sm-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sp-sm-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sp-sm-pb-3 {
    padding-bottom: 1rem !important;
  }
  .sp-sm-pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sp-sm-pb-5 {
    padding-bottom: 2rem !important;
  }
  .sp-sm-pb-6 {
    padding-bottom: 2.5rem !important;
  }
  .sp-sm-pb-7 {
    padding-bottom: 3rem !important;
  }
  .sp-sm-pb-8 {
    padding-bottom: 3.5rem !important;
  }

  /* Padding Left */
  .sp-sm-ps-0 {
    padding-left: 0 !important;
  }
  .sp-sm-ps-1 {
    padding-left: 0.25rem !important;
  }
  .sp-sm-ps-2 {
    padding-left: 0.5rem !important;
  }
  .sp-sm-ps-3 {
    padding-left: 1rem !important;
  }
  .sp-sm-ps-4 {
    padding-left: 1.5rem !important;
  }
  .sp-sm-ps-5 {
    padding-left: 2rem !important;
  }
  .sp-sm-ps-6 {
    padding-left: 2.5rem !important;
  }
  .sp-sm-ps-7 {
    padding-left: 3rem !important;
  }
  .sp-sm-ps-8 {
    padding-left: 3.5rem !important;
  }

  /* Padding Right */
  .sp-sm-pe-0 {
    padding-right: 0 !important;
  }
  .sp-sm-pe-1 {
    padding-right: 0.25rem !important;
  }
  .sp-sm-pe-2 {
    padding-right: 0.5rem !important;
  }
  .sp-sm-pe-3 {
    padding-right: 1rem !important;
  }
  .sp-sm-pe-4 {
    padding-right: 1.5rem !important;
  }
  .sp-sm-pe-5 {
    padding-right: 2rem !important;
  }
  .sp-sm-pe-6 {
    padding-right: 2.5rem !important;
  }
  .sp-sm-pe-7 {
    padding-right: 3rem !important;
  }
  .sp-sm-pe-8 {
    padding-right: 3.5rem !important;
  }
}

@media (min-width: 768px) {
  /* Margin */
  .sp-md-m-auto {
    margin: auto !important;
  }
  .sp-md-m-0 {
    margin: 0 !important;
  }
  .sp-md-m-1 {
    margin: 0.25rem !important;
  }
  .sp-md-m-2 {
    margin: 0.5rem !important;
  }
  .sp-md-m-3 {
    margin: 1rem !important;
  }
  .sp-md-m-4 {
    margin: 1.5rem !important;
  }
  .sp-md-m-5 {
    margin: 2rem !important;
  }
  .sp-md-m-6 {
    margin: 2.5rem !important;
  }
  .sp-md-m-7 {
    margin: 3rem !important;
  }
  .sp-md-m-8 {
    margin: 3.5rem !important;
  }

  /* Medium Horizontal Margin (mx) */
  .sp-md-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sp-md-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sp-md-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sp-md-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sp-md-mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sp-md-mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sp-md-mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sp-md-mx-6 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .sp-md-mx-7 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sp-md-mx-8 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  /* Medium Vertical Margin (my) */
  .sp-md-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .sp-md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sp-md-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sp-md-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sp-md-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sp-md-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sp-md-my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sp-md-my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .sp-md-my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sp-md-my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  /* Margin Top */
  .sp-md-mt-auto {
    margin-top: auto !important;
  }
  .sp-md-mt-0 {
    margin-top: 0 !important;
  }
  .sp-md-mt-1 {
    margin-top: 0.25rem !important;
  }
  .sp-md-mt-2 {
    margin-top: 0.5rem !important;
  }
  .sp-md-mt-3 {
    margin-top: 1rem !important;
  }
  .sp-md-mt-4 {
    margin-top: 1.5rem !important;
  }
  .sp-md-mt-5 {
    margin-top: 2rem !important;
  }
  .sp-md-mt-6 {
    margin-top: 2.5rem !important;
  }
  .sp-md-mt-7 {
    margin-top: 3rem !important;
  }
  .sp-md-mt-8 {
    margin-top: 3.5rem !important;
  }

  /* Margin Bottom */
  .sp-md-mb-auto {
    margin-bottom: auto !important;
  }
  .sp-md-mb-0 {
    margin-bottom: 0 !important;
  }
  .sp-md-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sp-md-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sp-md-mb-3 {
    margin-bottom: 1rem !important;
  }
  .sp-md-mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sp-md-mb-5 {
    margin-bottom: 2rem !important;
  }
  .sp-md-mb-6 {
    margin-bottom: 2.5rem !important;
  }
  .sp-md-mb-7 {
    margin-bottom: 3rem !important;
  }
  .sp-md-mb-8 {
    margin-bottom: 3.5rem !important;
  }

  /* Margin Left */
  .sp-md-ms-auto {
    margin-left: auto !important;
  }
  .sp-md-ms-0 {
    margin-left: 0 !important;
  }
  .sp-md-ms-1 {
    margin-left: 0.25rem !important;
  }
  .sp-md-ms-2 {
    margin-left: 0.5rem !important;
  }
  .sp-md-ms-3 {
    margin-left: 1rem !important;
  }
  .sp-md-ms-4 {
    margin-left: 1.5rem !important;
  }
  .sp-md-ms-5 {
    margin-left: 2rem !important;
  }
  .sp-md-ms-6 {
    margin-left: 2.5rem !important;
  }
  .sp-md-ms-7 {
    margin-left: 3rem !important;
  }
  .sp-md-ms-8 {
    margin-left: 3.5rem !important;
  }

  /* Margin Right */
  .sp-md-me-auto {
    margin-right: auto !important;
  }
  .sp-md-me-0 {
    margin-right: 0 !important;
  }
  .sp-md-me-1 {
    margin-right: 0.25rem !important;
  }
  .sp-md-me-2 {
    margin-right: 0.5rem !important;
  }
  .sp-md-me-3 {
    margin-right: 1rem !important;
  }
  .sp-md-me-4 {
    margin-right: 1.5rem !important;
  }
  .sp-md-me-5 {
    margin-right: 2rem !important;
  }
  .sp-md-me-6 {
    margin-right: 2.5rem !important;
  }
  .sp-md-me-7 {
    margin-right: 3rem !important;
  }
  .sp-md-me-8 {
    margin-right: 3.5rem !important;
  }
  /* Padding */
  .sp-md-p-0 {
    padding: 0 !important;
  }
  .sp-md-p-1 {
    padding: 0.25rem !important;
  }
  .sp-md-p-2 {
    padding: 0.5rem !important;
  }
  .sp-md-p-3 {
    padding: 1rem !important;
  }
  .sp-md-p-4 {
    padding: 1.5rem !important;
  }
  .sp-md-p-5 {
    padding: 2rem !important;
  }
  .sp-md-p-6 {
    padding: 2.5rem !important;
  }
  .sp-md-p-7 {
    padding: 3rem !important;
  }
  .sp-md-p-8 {
    padding: 3.5rem !important;
  }

  /* Medium Padding Left and Right */
  .sp-md-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sp-md-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sp-md-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sp-md-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sp-md-px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sp-md-px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sp-md-px-6 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .sp-md-px-7 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sp-md-px-8 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  /* Medium Padding Top and Bottom */
  .sp-md-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sp-md-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sp-md-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sp-md-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sp-md-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sp-md-py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sp-md-py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .sp-md-py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sp-md-py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  /* Padding Top */
  .sp-md-pt-0 {
    padding-top: 0 !important;
  }
  .sp-md-pt-1 {
    padding-top: 0.25rem !important;
  }
  .sp-md-pt-2 {
    padding-top: 0.5rem !important;
  }
  .sp-md-pt-3 {
    padding-top: 1rem !important;
  }
  .sp-md-pt-4 {
    padding-top: 1.5rem !important;
  }
  .sp-md-pt-5 {
    padding-top: 2rem !important;
  }
  .sp-md-pt-6 {
    padding-top: 2.5rem !important;
  }
  .sp-md-pt-7 {
    padding-top: 3rem !important;
  }
  .sp-md-pt-8 {
    padding-top: 3.5rem !important;
  }

  /* Padding Bottom */
  .sp-md-pb-0 {
    padding-bottom: 0 !important;
  }
  .sp-md-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sp-md-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sp-md-pb-3 {
    padding-bottom: 1rem !important;
  }
  .sp-md-pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sp-md-pb-5 {
    padding-bottom: 2rem !important;
  }
  .sp-md-pb-6 {
    padding-bottom: 2.5rem !important;
  }
  .sp-md-pb-7 {
    padding-bottom: 3rem !important;
  }
  .sp-md-pb-8 {
    padding-bottom: 3.5rem !important;
  }

  /* Padding Left */
  .sp-md-ps-0 {
    padding-left: 0 !important;
  }
  .sp-md-ps-1 {
    padding-left: 0.25rem !important;
  }
  .sp-md-ps-2 {
    padding-left: 0.5rem !important;
  }
  .sp-md-ps-3 {
    padding-left: 1rem !important;
  }
  .sp-md-ps-4 {
    padding-left: 1.5rem !important;
  }
  .sp-md-ps-5 {
    padding-left: 2rem !important;
  }
  .sp-md-ps-6 {
    padding-left: 2.5rem !important;
  }
  .sp-md-ps-7 {
    padding-left: 3rem !important;
  }
  .sp-md-ps-8 {
    padding-left: 3.5rem !important;
  }

  /* Padding Right */
  .sp-md-pe-0 {
    padding-right: 0 !important;
  }
  .sp-md-pe-1 {
    padding-right: 0.25rem !important;
  }
  .sp-md-pe-2 {
    padding-right: 0.5rem !important;
  }
  .sp-md-pe-3 {
    padding-right: 1rem !important;
  }
  .sp-md-pe-4 {
    padding-right: 1.5rem !important;
  }
  .sp-md-pe-5 {
    padding-right: 2rem !important;
  }
  .sp-md-pe-6 {
    padding-right: 2.5rem !important;
  }
  .sp-md-pe-7 {
    padding-right: 3rem !important;
  }
  .sp-md-pe-8 {
    padding-right: 3.5rem !important;
  }
}

@media (min-width: 992px) {
  /* Margin */
  .sp-lg-m-auto {
    margin: auto !important;
  }
  .sp-lg-m-0 {
    margin: 0 !important;
  }
  .sp-lg-m-1 {
    margin: 0.25rem !important;
  }
  .sp-lg-m-2 {
    margin: 0.5rem !important;
  }
  .sp-lg-m-3 {
    margin: 1rem !important;
  }
  .sp-lg-m-4 {
    margin: 1.5rem !important;
  }
  .sp-lg-m-5 {
    margin: 2rem !important;
  }
  .sp-lg-m-6 {
    margin: 2.5rem !important;
  }
  .sp-lg-m-7 {
    margin: 3rem !important;
  }
  .sp-lg-m-8 {
    margin: 3.5rem !important;
  }
  /* Large Horizontal Margin (mx) */
  .sp-lg-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sp-lg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sp-lg-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sp-lg-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sp-lg-mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sp-lg-mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sp-lg-mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sp-lg-mx-6 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .sp-lg-mx-7 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sp-lg-mx-8 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  /* Large Vertical Margin (my) */
  .sp-lg-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .sp-lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sp-lg-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sp-lg-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sp-lg-my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sp-lg-my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sp-lg-my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sp-lg-my-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .sp-lg-my-7 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sp-lg-my-8 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  /* Margin Top */
  .sp-lg-mt-auto {
    margin-top: auto !important;
  }
  .sp-lg-mt-0 {
    margin-top: 0 !important;
  }
  .sp-lg-mt-1 {
    margin-top: 0.25rem !important;
  }
  .sp-lg-mt-2 {
    margin-top: 0.5rem !important;
  }
  .sp-lg-mt-3 {
    margin-top: 1rem !important;
  }
  .sp-lg-mt-4 {
    margin-top: 1.5rem !important;
  }
  .sp-lg-mt-5 {
    margin-top: 2rem !important;
  }
  .sp-lg-mt-6 {
    margin-top: 2.5rem !important;
  }
  .sp-lg-mt-7 {
    margin-top: 3rem !important;
  }
  .sp-lg-mt-8 {
    margin-top: 3.5rem !important;
  }

  /* Margin Bottom */
  .sp-lg-mb-auto {
    margin-bottom: auto !important;
  }
  .sp-lg-mb-0 {
    margin-bottom: 0 !important;
  }
  .sp-lg-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sp-lg-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sp-lg-mb-3 {
    margin-bottom: 1rem !important;
  }
  .sp-lg-mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sp-lg-mb-5 {
    margin-bottom: 2rem !important;
  }
  .sp-lg-mb-6 {
    margin-bottom: 2.5rem !important;
  }
  .sp-lg-mb-7 {
    margin-bottom: 3rem !important;
  }
  .sp-lg-mb-8 {
    margin-bottom: 3.5rem !important;
  }

  /* Margin Left */
  .sp-lg-ms-auto {
    margin-left: auto !important;
  }
  .sp-lg-ms-0 {
    margin-left: 0 !important;
  }
  .sp-lg-ms-1 {
    margin-left: 0.25rem !important;
  }
  .sp-lg-ms-2 {
    margin-left: 0.5rem !important;
  }
  .sp-lg-ms-3 {
    margin-left: 1rem !important;
  }
  .sp-lg-ms-4 {
    margin-left: 1.5rem !important;
  }
  .sp-lg-ms-5 {
    margin-left: 2rem !important;
  }
  .sp-lg-ms-6 {
    margin-left: 2.5rem !important;
  }
  .sp-lg-ms-7 {
    margin-left: 3rem !important;
  }
  .sp-lg-ms-8 {
    margin-left: 3.5rem !important;
  }

  /* Margin Right */
  .sp-lg-me-auto {
    margin-right: auto !important;
  }
  .sp-lg-me-0 {
    margin-right: 0 !important;
  }
  .sp-lg-me-1 {
    margin-right: 0.25rem !important;
  }
  .sp-lg-me-2 {
    margin-right: 0.5rem !important;
  }
  .sp-lg-me-3 {
    margin-right: 1rem !important;
  }
  .sp-lg-me-4 {
    margin-right: 1.5rem !important;
  }
  .sp-lg-me-5 {
    margin-right: 2rem !important;
  }
  .sp-lg-me-6 {
    margin-right: 2.5rem !important;
  }
  .sp-lg-me-7 {
    margin-right: 3rem !important;
  }
  .sp-lg-me-8 {
    margin-right: 3.5rem !important;
  }
  /* Padding */
  .sp-lg-p-0 {
    padding: 0 !important;
  }
  .sp-lg-p-1 {
    padding: 0.25rem !important;
  }
  .sp-lg-p-2 {
    padding: 0.5rem !important;
  }
  .sp-lg-p-3 {
    padding: 1rem !important;
  }
  .sp-lg-p-4 {
    padding: 1.5rem !important;
  }
  .sp-lg-p-5 {
    padding: 2rem !important;
  }
  .sp-lg-p-6 {
    padding: 2.5rem !important;
  }
  .sp-lg-p-7 {
    padding: 3rem !important;
  }
  .sp-lg-p-8 {
    padding: 3.5rem !important;
  }
  /* Large Padding Left and Right */
  .sp-lg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sp-lg-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sp-lg-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sp-lg-px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sp-lg-px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sp-lg-px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sp-lg-px-6 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .sp-lg-px-7 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sp-lg-px-8 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  /* Large Padding Top and Bottom */
  .sp-lg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sp-lg-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sp-lg-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sp-lg-py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sp-lg-py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sp-lg-py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sp-lg-py-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .sp-lg-py-7 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sp-lg-py-8 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  /* Padding Top */
  .sp-lg-pt-0 {
    padding-top: 0 !important;
  }
  .sp-lg-pt-1 {
    padding-top: 0.25rem !important;
  }
  .sp-lg-pt-2 {
    padding-top: 0.5rem !important;
  }
  .sp-lg-pt-3 {
    padding-top: 1rem !important;
  }
  .sp-lg-pt-4 {
    padding-top: 1.5rem !important;
  }
  .sp-lg-pt-5 {
    padding-top: 2rem !important;
  }
  .sp-lg-pt-6 {
    padding-top: 2.5rem !important;
  }
  .sp-lg-pt-7 {
    padding-top: 3rem !important;
  }
  .sp-lg-pt-8 {
    padding-top: 3.5rem !important;
  }

  /* Padding Bottom */
  .sp-lg-pb-0 {
    padding-bottom: 0 !important;
  }
  .sp-lg-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sp-lg-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sp-lg-pb-3 {
    padding-bottom: 1rem !important;
  }
  .sp-lg-pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sp-lg-pb-5 {
    padding-bottom: 2rem !important;
  }
  .sp-lg-pb-6 {
    padding-bottom: 2.5rem !important;
  }
  .sp-lg-pb-7 {
    padding-bottom: 3rem !important;
  }
  .sp-lg-pb-8 {
    padding-bottom: 3.5rem !important;
  }

  /* Padding Left */
  .sp-lg-ps-0 {
    padding-left: 0 !important;
  }
  .sp-lg-ps-1 {
    padding-left: 0.25rem !important;
  }
  .sp-lg-ps-2 {
    padding-left: 0.5rem !important;
  }
  .sp-lg-ps-3 {
    padding-left: 1rem !important;
  }
  .sp-lg-ps-4 {
    padding-left: 1.5rem !important;
  }
  .sp-lg-ps-5 {
    padding-left: 2rem !important;
  }
  .sp-lg-ps-6 {
    padding-left: 2.5rem !important;
  }
  .sp-lg-ps-7 {
    padding-left: 3rem !important;
  }
  .sp-lg-ps-8 {
    padding-left: 3.5rem !important;
  }

  /* Padding Right */
  .sp-lg-pe-0 {
    padding-right: 0 !important;
  }
  .sp-lg-pe-1 {
    padding-right: 0.25rem !important;
  }
  .sp-lg-pe-2 {
    padding-right: 0.5rem !important;
  }
  .sp-lg-pe-3 {
    padding-right: 1rem !important;
  }
  .sp-lg-pe-4 {
    padding-right: 1.5rem !important;
  }
  .sp-lg-pe-5 {
    padding-right: 2rem !important;
  }
  .sp-lg-pe-6 {
    padding-right: 2.5rem !important;
  }
  .sp-lg-pe-7 {
    padding-right: 3rem !important;
  }
  .sp-lg-pe-8 {
    padding-right: 3.5rem !important;
  }
}

.h1,h1 {
    font-size: calc(1.34375rem + 1.125vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.1875rem
    }
}

.h2,h2 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:1.75rem
    }
}

.h3,h3 {
    font-size: calc(1.278125rem + .3375vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.53125rem
    }
}

.h4,h4 {
    font-size: calc(1.25625rem + .075vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.3125rem
    }
}

.h5,h5 {
    font-size: 1.09375rem
}

.h6,h6 {
    font-size: .875rem
}

.ql-container,.ql-toolbar {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-gray-700) !important;
  background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent) !important;
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-200);
}

.ql-container {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.ql-toolbar {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.ql-snow .ql-stroke {
  stroke: var(--color-gray-200) !important;
}

.ql-snow .ql-picker{
  color: var(--color-gray-200) !important;
}

.ql-editor.ql-blank::before {
  color: var(--color-gray-400) !important;
}

.align-items-end {
  align-items: end;
}

.table>:not(caption)>*>* {
    padding: 16px 16px;
  }

  .text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.white-space-normal {
    white-space: normal;
  }

.text_btn {
  font-style: italic;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: var(--color-indigo-300);
}
.text_btn:hover {
  color: #fff;
}
.text_btn svg {
  margin-left: 15px;
}
.text_btn span {
  display: inline-block;
  position: relative;
}
.text_btn span::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.text_btn:hover span::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
          transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.styled-ul {
  list-style-type: disc;
  padding-inline-start: 2em;
}

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

.card-icon {
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}

.gradient-icon {
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(154, 255, 145, 1) 50%, rgba(0, 79, 0, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.cookie-modal {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color:rgb(46, 46, 46);
  color: #f1f1f1;
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  max-width: 300px;
  z-index: 9999;
}

.accept-cookies, .reject-cookies {
  color: white;
  border: none;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
}

.accept-cookies {
  background-color: #4CAF50;
}

.reject-cookies {
  background-color: #af4c4c;
}

.rv-btn-primary.disabled-btn {
  cursor: not-allowed;
  background-color: #212529;
}

.rv-btn-primary.disabled-btn:hover {
  background-color: #212529;
}

.sp-radius-0 {
  border-radius: 0 !important; /* No radius */
}
.sp-radius-1 {
  border-radius: 0.25rem !important; /* 4px */
}

.sp-radius-2 {
  border-radius: 0.5rem !important; /* 8px */
}

.sp-radius-3 {
  border-radius: 1rem !important; /* 16px */
}

.sp-radius-4 {
  border-radius: 2rem !important; /* 32px */
}

.sp-radius-5 {
  border-radius: 3rem !important; /* 48px */
}

.sp-radius-6 {
  border-radius: 4rem !important; /* 64px */
}

.sp-radius-7 {
  border-radius: 5rem !important; /* 80px */
}

.sp-radius-8 {
  border-radius: 6rem !important; /* 96px */
}

/* row & cools  */

.sp-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* Base column sizes */
.sp-col-1 {
  flex: 0 0 8.33%;
  max-width: 8.33%;
}
.sp-col-2 {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}
.sp-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.sp-col-4 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
.sp-col-5 {
  flex: 0 0 41.66%;
  max-width: 41.66%;
}
.sp-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.sp-col-7 {
  flex: 0 0 58.33%;
  max-width: 58.33%;
}
.sp-col-8 {
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
.sp-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.sp-col-10 {
  flex: 0 0 83.33%;
  max-width: 83.33%;
}
.sp-col-11 {
  flex: 0 0 91.66%;
  max-width: 91.66%;
}
.sp-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}


/* Small devices (≥ 576px) */
@media (min-width: 576px) {
  .sp-container {
    max-width: 540px; /* Small devices */
  }
  .sp-col-sm-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .sp-col-sm-2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  .sp-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sp-col-sm-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .sp-col-sm-5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  .sp-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sp-col-sm-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .sp-col-sm-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  .sp-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sp-col-sm-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  .sp-col-sm-11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  .sp-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Medium devices (≥ 768px) */
@media (min-width: 768px) {
  .sp-container {
    max-width: 720px; /* Medium devices */
  }
  .sp-col-md-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .sp-col-md-2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  .sp-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sp-col-md-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .sp-col-md-5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  .sp-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sp-col-md-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .sp-col-md-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  .sp-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sp-col-md-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  .sp-col-md-11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  .sp-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Large devices (≥ 992px) */
@media (min-width: 992px) {
  .sp-container {
    max-width: 960px; /* Large devices */
  }
  .sp-col-lg-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .sp-col-lg-2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  .sp-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sp-col-lg-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .sp-col-lg-5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  .sp-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sp-col-lg-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .sp-col-lg-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  .sp-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sp-col-lg-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  .sp-col-lg-11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  .sp-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Extra large devices (≥ 1200px) */
@media (min-width: 1200px) {
  .sp-container {
    max-width: 1140px; /* Extra large devices */
  }
  .sp-col-xl-1 {
    flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .sp-col-xl-2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
  .sp-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sp-col-xl-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .sp-col-xl-5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  .sp-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sp-col-xl-7 {
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .sp-col-xl-8 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
  .sp-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sp-col-xl-10 {
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }
  .sp-col-xl-11 {
    flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  .sp-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.blog ol{
  margin-left: 1rem !important;
  list-style: auto !important;
}

.blog ul {
  margin-left: 1rem !important;
  list-style: disc !important;
}

.blog a{
  text-decoration: underline !important;
  font-weight: bold !important;
  /* font-style: italic !important; */
  color: #56c23c !important;

}