Pricing | Voconiq

/* Stylesheet for browsers with JS disabled, so the navigation will still function. * Styles here seem to have lower specificity, so `!important` may be necessary. */ .header__links { display: none !important; } .header__actions { & > .desktop { display: none !important; } & > .mobile { display: flex !important; } } /* If we're in a browser that doesn't support scroll queries, and JS is disabled, just show the header shadow. */ @supports not (container-type: scroll-state) { .header:not([data-shadow]) { --shadow-opacity: 1; } }

Pricing for Every Business Size

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor.

Bronze

Description for the first tab content.

/* These styles make the tabs legible and presentable when JS is disabled. */ @media (scripting: none) { .tab-content__tab { display: block; text-align: center; /* Increase font weight on all tab titles so they read more like headings */ font-weight: var(--font-semibold) !important; padding-inline: var(--gutter); } /* Boost flow space between tabs, so each one is distinct from the tab before */ * + .tab-content__tab { margin-block-start: var(--space-2xl); } .tab-content__panel > * { margin-block-start: var(--space-s); padding-inline: var(--gutter); } /* Shrink flow space between elements within the tab body, so it's clear they're related */ .tab-content__panel__body { --flow-space: var(--space-m) !important; } }

Silver

Description for the second tab content.

Gold

Tab content description goes here.

Enterprise

Tab content description goes here.

A brief description of your content that will appear in the left column.

.vq-carousel { scrollbar-width: thin !important; } .vq-carousel::-webkit-scrollbar { display: initial !important; } .vq-carousel__controls { display: none !important; }

Pricing for Every Business Size

Case Study

Your Content Title