/* spacing */
.m-0 {
  margin: 0px;
}

.\!m-0 {
  margin: 0px !important;
}

.mt-10 {
  margin-top: 2.5rem /* 40px */;
}

.ms-1 {
  margin-inline-start: 0.25rem /* 4px */;
}

.py-7 {
  padding-top: 1.75rem /* 28px */;
  padding-bottom: 1.75rem /* 28px */;
}

.p-8 {
  padding: 2rem /* 32px */;
}

.p-2\.5 {
  padding: 0.625rem
}

.\!text-22px {
    font-size: 1.375rem !important;
}

.border-t-2 {
  border-top-width: 2px;
}

.my-10 {
  margin-top: 2.5rem /* 40px */;
  margin-bottom: 2.5rem /* 40px */;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.\!p-0 {
  padding: 0px !important;
}

.me-1 {
  margin-inline-end: 0.25rem /* 4px */;
}

.\!mb-4 {
  margin-bottom: 1rem /* 16px */ !important;
}

.\!mb-6 {
  margin-bottom: 1.5rem /* 24px */ !important;
}

.\!mb-10 {
  margin-bottom: 2.5rem /* 40px */ !important;
}

.w-\[100px\] {
  width: 100px;
}

.h-\[100px\] {
  height: 100px;
}

.\!mb-6 {
  margin-bottom: 1.5rem /* 24px */ !important;
}

.\!align-middle {
  vertical-align: middle !important;
}

.\!leading-\[1\.3\] {
  line-height: 1.3 !important;
}

.overflow-x-auto {
  overflow-x: auto;
}

.min-w-max {
  min-width: max-content;
}

.py-6 {
  padding-top: 1.5rem /* 24px */;
  padding-bottom: 1.5rem /* 24px */;
}

.gap-y-6 {
  row-gap: 1.5rem /* 24px */;
}

.\!mt-6 {
  margin-top: 1.5rem /* 24px */ !important;
}

@media (min-width: 640px) {
  .sm\:\!grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) {
  .md\:\!grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:w-\[150px\] {
    width: 150px;
  }

  .md\:h-\[150px\] {
    height: 150px;
  }

  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem /* 32px */ * var(--tw-space-x-reverse));
    margin-left: calc(2rem /* 32px */ * calc(1 - var(--tw-space-x-reverse)));
  }
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem /* 16px */ * var(--tw-space-x-reverse));
  margin-left: calc(1rem /* 16px */ * calc(1 - var(--tw-space-x-reverse)));
}

@media (min-width: 1024px) {
  .lg\:\!mt-10 {
    margin-top: 2.5rem /* 40px */ !important;
  }

  .lg\:\!grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

   .lg\:\!mb-10 {
    margin-bottom: 2.5rem /* 40px */ !important;
  }

  .lg\:\!mb-14 {
    margin-bottom: 3.5rem /* 56px */ !important;
  }

  .lg\:my-16 {
    margin-top: 4rem /* 64px */;
    margin-bottom: 4rem /* 64px */;
  }

  .lg\:px-8 {
    padding-left: 2rem /* 32px */;
    padding-right: 2rem /* 32px */;
  }

  .lg\:\!py-14 {
    padding-top: 3.5rem /* 56px */ !important;
    padding-bottom: 3.5rem /* 56px */ !important;
  }

  .lg\:py-14 {
    padding-top: 3.5rem /* 56px */;
    padding-bottom: 3.5rem /* 56px */;
  }

  .lg\:\!p-14 {
    padding: 3.5rem /* 56px */ !important;
  }
}

.py-8 {
  padding-top: 2rem /* 32px */;
  padding-bottom: 2rem /* 32px */;
}

.pt-\[30px\] {
  padding-top: 30px;
}

.pt-\[65px\] {
  padding-top: 65px;
}

.pb-\[5px\] {
  padding-bottom: 5px;
}

.pb-\[65px\] {
  padding-bottom: 65px;
}

.mb-7 {
  margin-bottom: 1.75rem /* 28px */;
}

.pr-\[8px\] {
  padding-right: 8px;
}

.mt-\[65px\] {
  margin-top: 65px;
}

.mb-\[65px\] {
  margin-bottom: 65px;
}

.mb-11 {
  margin-bottom: 2.75rem /* 44px */;
}

/* sizing */
.w-\[5px\] {
  width: 5px;
}

.w-40px {
    width: 2.5rem;
}

.w-\[44px\] {
  width: 44px;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[120px\] {
  width: 120px;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[5px\] {
  height: 5px;
}

.h-40px {
    height: 2.5rem;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[80px\] {
  height: 80px;
}


.h-\[300px\] {
  height: 300px;
}

.h-\[600px\] {
  height: 600px;
}

.min-w-\[140px\] {
  min-width: 140px
}

.max-h-\[32px\] {
  max-height: 32px;
}

.max-h-\[35px\] {
  max-height: 35px;
}

.max-h-\[40px\] {
  max-height: 40px;
}

/* typography */
.text-\[30px\] {
  font-size: 30px
}

.text-\[70px\] {
  font-size: 70px
}


/* colors */
.text-current {
  color: currentColor;
}
/*
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}*/

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}



.rounded-lg {
  border-radius: 0.5rem
}


.align-middle {
  vertical-align: middle
}




/* additional classes */
.gap-5 {
  gap: 1.25rem /* 20px */;
}





.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.after\:w-\[85\%\]::after {
  content: var(--tw-content);
  width: 85%;
}

.after\:h-\[30px\]::after {
  content: var(--tw-content);
  height: 30px;
}

.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}

.after\:-translate-x-1\/2::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:bottom-\[-30px\]::after {
  content: var(--tw-content);
  bottom: -30px;
}


.\!text-4xl {
  font-size: 2.25rem /* 36px */ !important;
  line-height: 2.5rem /* 40px */ !important;
}

.\!text-5xl {
  font-size: 3rem /* 48px */ !important;
  line-height: 1 !important;
}


/*
.bg-\[linear-gradient\(135deg\2c \#FF0000_0\%\2c \#FF8C00_100\%\)\] {
  background-image: linear-gradient(135deg,#FF0000 0%,#FF8C00 100%);
}*/

.shadow-\[0_10px_20px_rgba\(102\2c 126\2c 234\2c 0\.3\)\] {
  --tw-shadow: 0 10px 20px rgba(102,126,234,0.3);
  --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-80 {
  opacity: 0.8;
}

.inset-0 {
  inset: 0px;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group:hover .group-hover\:max-h-\[200px\] {
  max-height: 200px;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.px-8 {
  padding-left: 2rem /* 32px */;
  padding-right: 2rem /* 32px */;
}

.py-12 {
  padding-top: 3rem /* 48px */;
  padding-bottom: 3rem /* 48px */;
}

.mt-3 {
  margin-top: 0.75rem /* 12px */;
}

.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) /* #ffffff */;
}

.hover\:border:hover {
  border-width: 1px;
}

/*
.hover\:text-secondary-color\/10:hover {
  background-color: rgb(254 0 0 / 0.1);
}*/

.group:hover .group-hover\:text-secondary-color {
  --tw-text-opacity: 1;
  color: rgb(254 0 0 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-heading-color {
  --tw-text-opacity: 1;
  color: rgb(7 28 31 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-paragraph-color {
  --tw-text-opacity: 1;
  color: rgb(92 114 125 / var(--tw-text-opacity));
}

.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}

.group:hover .group-hover\:grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.rounded-md {
  border-radius: 0.375rem /* 6px */;
}

.text-left {
  text-align: left;
}

.\!leading-\[0\] {
  line-height: 0 !important;
}

.gap-20 {
  gap: 5rem /* 80px */;
}

.w-\[48px\] {
  width: 48px;
}

@media (min-width: 768px) {
  .md\:min-h-\[254px\] {
    min-height: 254px;
  }

  .md\:\!grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  .lg\:mb-12 {
    margin-bottom: 3rem /* 48px */;
  }

  .lg\:mt-\[100px\] {
    margin-top: 100px;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:gap-\[10px\] {
    gap: 10px;
  }

  .lg\:w-\[189px\] {
    width: 189px;
  }

  .lg\:h-\[50px\] {
    height: 50px;
  }

  .lg\:w-\[50px\] {
    width: 50px;
  }

  .lg\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(15px * var(--tw-space-y-reverse));
  }

  .lg\:\!ms-0 {
    margin-inline-start: 0px !important;
  }

  .lg\:max-w-500px {
    max-width: 31.25rem;
  }

  .lg\:pt-\[30px\] {
    padding-top: 30px;
  }

  .lg\:pt-\[65px\] {
    padding-top: 65px;
  }

  .lg\:pt-\[100px\] {
    padding-top: 100px;
  }

   .lg\:pb-\[45px\] {
    padding-bottom: 45px;
  }

  .lg\:pb-\[90px\] {
    padding-bottom: 90px;
  }

  .lg\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pr-\[15px\] {
    padding-right: 15px;
  }

  .lg\:mb-\[15px\] {
    margin-bottom: 15px;
  }

  .lg\:\!mb-\[60px\] {
    margin-bottom: 60px !important;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:col-start-4 {
    grid-column-start: 4;
  }

  .lg\:\!mb-5 {
    margin-bottom: 1.25rem /* 20px */ !important;
  }
}

@media (min-width: 768px) {

  .md\:py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:\!grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:h-\[800px\] {
    height: 800px;
  }

  .lg\:\!text-left {
    text-align: left !important;
  }
}




.nl-theme .tracking-tight {
  letter-spacing: -0.025em;
}

.nl-theme .text-justify {
  text-align: justify;
}

.nl-theme .h-fit {
  height: fit-content;
}

.nl-theme .border-t {
  border-top-width: 1px;
}

.nl-theme .border-dotted {
  border-style: dotted;
}

.nl-theme .border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 0.5)) /* #d6d3d1 */;
}

.nl-theme .before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}

.nl-theme .w-full {
  width: 100%;
}

.nl-theme .py-30px {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.nl-theme .after\:right-\[-30px\]::after {
  content: var(--tw-content);
  right: -30px;
}

.nl-theme .after\:bottom-\[-30px\]::after {
  content: var(--tw-content);
  bottom: -30px;
}

.nl-theme .after\:w-60px::after {
    content: var(--tw-content);
    width: 3.75rem;
}

.nl-theme .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(254 0 0 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .nl-theme .lg\:self-start {
    align-self: flex-start;
  }

  .nl-theme .lg\:items-center {
    align-items: center;
  }

  .nl-theme .lg\:ml-70px {
    margin-left: 4.375rem;
  }
}

@media (min-width: 640px) {
  .nl-theme .sm\:px-25px {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  .nl-theme .sm\:w-auto {
    width: auto;
  }
}

@media (min-width: 768px) {
  .nl-theme .md\:mb-60px {
    margin-bottom: 3.75rem;
  }
}

@media (max-width: 768px) {
    .nl-theme button, a, input[type="submit"], input[type="button"] {
        min-height: auto !important;
        min-width: auto !important;
    }
}


