@media (min-width:768px){.md\:col-span-3{grid-column:span 3/span 3}}
@media (min-width:1024px){.lg\:col-span-3{grid-column:span 3/span 3}}
.overflow-x-auto{overflow-x:auto}
.break-all{word-break: break-all}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.bg-primary {
  background-color:rgb(0 174 239/var(--tw-bg-opacity))
}
.text-primary {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
.hover\:border-primary:hover {
  border-color:rgb(0 174 239/var(--tw-border-opacity))
}
.hover\:border-b-primary:hover {
  border-bottom-color:rgb(0 174 239/var(--tw-border-opacity))
}
.hover\:bg-primary:hover {
  background-color:rgb(0 174 239/var(--tw-bg-opacity))
}
.hover\:text-primary:hover {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
.hs-accordion.active.hs-accordion-active\:text-primary {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
.hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:text-primary {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
.hs-accordion.active>.hs-accordion-toggle.hs-accordion-active\:text-primary {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
.prose-blockquote\:border-primary :is(:where(blockquote):not(:where([class~=not-prose],
[class~=not-prose] *))) {
  border-color:rgb(0 174 239/var(--tw-border-opacity))
}
:is(.dark .dark\:hover\:border-primary:hover) {
  border-color:rgb(0 174 239/var(--tw-border-opacity))
}
:is(.dark .dark\:hover\:border-b-primary:hover) {
  border-bottom-color:rgb(0 174 239/var(--tw-border-opacity))
}
:is(.dark .dark\:hover\:bg-primary:hover) {
  background-color:rgb(0 174 239/var(--tw-bg-opacity))
}
:is(.dark .dark\:hover\:text-primary:hover) {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
:is(.dark .hs-accordion.active.dark\:hs-accordion-active\:text-primary) {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
:is(.dark .hs-accordion.active>.hs-accordion-toggle .dark\:hs-accordion-active\:text-primary) {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
:is(.dark .hs-accordion.active>.hs-accordion-toggle.dark\:hs-accordion-active\:text-primary) {
  color:rgb(0 174 239/var(--tw-text-opacity))
}
input[type="range"] {
  accent-color: #00aeef;
}
.swiper-v .swiper-wrapper {
  width: 101%;
}

.premium, .freemium {
  position: relative;
}
.premium::after {
  background-image: url('../img/premium.svg');
}
.freemium::after {
  background-image: url('../img/freemium.svg');
}
.premium::after,
.freemium::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}