@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --color-typography-title: rgb(var(--rgb-typography-title));
    --color-typography-paragraph: rgb(var(--rgb-typography-paragraph));
    --color-typography-input-label: rgb(var(--rgb-typography-input-label));
    --color-typography-low-contrast: rgb(var(--rgb-typography-low-contrast));
    --color-background: rgb(var(--rgb-background));
    --color-background-nav: rgba(var(--rgba-background-nav));
    --color-brand-primary: rgb(var(--rgb-brand-primary));
    --color-brand-secondary: rgb(var(--rgb-brand-secondary));
    --color-brand-tertiary: rgb(var(--rgb-brand-tertiary));
    --color-brand-accent: rgb(var(--rgb-brand-accent));
    --color-brand-white: rgb(var(--rgb-brand-white));
    --color-cta-primary-enabled: rgb(var(--rgb-cta-primary-enabled));
    --color-cta-primary-disabled: rgb(var(--rgb-cta-primary-disabled));
    --color-cta-primary-hover: rgb(var(--rgb-cta-primary-hover));
    --color-cta-secondary-enabled: rgb(var(--rgb-cta-secondary-enabled));
    --color-cta-secondary-disabled: rgb(var(--rgb-cta-secondary-disabled));
    --color-cta-secondary-hover: rgb(var(--rgb-cta-secondary-hover));
    --color-cta-tertiary-enabled: rgb(var(--rgb-cta-tertiary-enabled));
    --color-cta-tertiary-disabled: rgb(var(--rgb-cta-tertiary-disabled));
    --color-cta-tertiary-hover: rgb(var(--rgb-cta-tertiary-hover));
    --color-surface-100: rgb(var(--rgb-surface-100));
    --color-surface-90: rgb(var(--rgb-surface-90));
    --color-surface-80: rgb(var(--rgb-surface-80));
    --color-surface-70: rgb(var(--rgb-surface-70));
    --color-surface-60: rgb(var(--rgb-surface-60));
    --color-surface-40: rgb(var(--rgb-surface-40));
    --color-icon-link: rgb(var(--rgb-icon-link));
    --color-icon-static: rgb(var(--rgb-icon-static));
    --color-icon-component: rgb(var(--rgb-icon-component));
    --color-icon-cta: rgb(var(--rgb-icon-cta));
    --color-transparency-40: rgba(var(--rgba-transparency-40));
    --color-transparency-20: rgba(var(--rgba-transparency-20));
    --color-transparency-0: rgba(var(--rgba-transparency-0));
    --color-utilities-blur: rgba(var(--rgb-utilities-blur));
    --color-utilities-logo: rgb(var(--rgb-utilities-logo));
    --color-logo-color: rgb(var(--rgb-logo-color));
    --color-logo-static: rgb(var(--rgb-logo-static));
    --color-badge-1: rgb(var(--rgb-badge-1));
    --color-badge-2: rgb(var(--rgb-badge-2));
    --color-badge-3: rgb(var(--rgb-badge-3));
    --color-badge-4: rgb(var(--rgb-badge-4));
    --color-badge-1-text: rgba(var(--rgba-badge-1-text));
    --color-badge-2-text: rgba(var(--rgba-badge-2-text));
    --color-badge-3-text: rgba(var(--rgba-badge-3-text));
    --color-badge-4-text: rgba(var(--rgba-badge-4-text));
    --color-stroke: rgb(var(--rgb-stroke));
    --color-stroke-light: rgb(var(--rgb-stroke-light));
    --color-stroke-strong: rgb(var(--rgb-stroke-strong));
    --color-input-field: rgb(var(--rgb-input-field));
    --color-success: rgb(var(--rgb-success));
    --color-error: rgb(var(--rgb-error));
    --color-alert: rgb(var(--rgb-alert));
    --color-active: rgb(var(--rgb-active));
    --color-box-shadow: rgb(var(--rgb-box-shadow));
    --color-background-overlay: rgb(var(--rgb-background-overlay));
    --bs-danger-rgb: var(--rgb-error);
    --bs-warning-rgb: var(--rgb-alert);
    --bs-success-rgb: var(--rgb-success);
    color-scheme: dark;
    --bs-body-bg: var(--color-surface-100);
    --bs-border-color-translucent: var(--color-stroke-light);
}

    :root[data-theme='light'] {
        color-scheme: light;
    }

@keyframes rotateinfinite {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a {
    text-decoration: none;
}

body {
    background: var(--color-background);
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

html {
    font-size: 16px;
    height: 100%;
}

@media(max-width: 1200px) {
    html {
        font-size: 14px;
    }
}

@media(max-width: 992px) {
    html {
        font-size: 12px;
    }
}

@media(max-width: 768px) {
    html {
        font-size: 14px;
    }
}

@media(max-width: 576px) {
    html {
        font-size: 12px;
    }
}

:root::-webkit-scrollbar {
    display: none;
}

:root {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

main {
    flex-grow: 1;
}

hr {
    border-color: var(--color-stroke);
    opacity: 1;
    margin: 0px;
}

/*Scroll logos*/

.scroll {
    position: relative;
    width: 100vw;
    overflow: hidden;
    z-index: 0;
    margin: 0;
}

.m-scroll {
    gap: 4rem;
    overflow: hidden;
    height: 100%;
    white-space: nowrap;
    animation: scrollText 30s infinite linear;
    margin: 0;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    width: fit-content;
}

span {
    display: inline-block;
    margin: 0;
    padding: 0;
}

@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

.w-1px {
    width: 1px;
}

.vt-toast {
    display: flex;
    padding: .75rem 1rem;
    justify-content: space-between;
    align-items: center;
    border-radius: .375rem;
    border: 1px solid var(--color-stroke-light);
    color: var(--color-typography-paragraph);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.vt-bg-badge-1 {
    background-color: var(--color-badge-1);
}

.vt-bg-badge-2 {
    background-color: var(--color-badge-2);
}

.vt-bg-badge-3 {
    background-color: var(--color-badge-3);
}

.vt-bg-badge-4 {
    background-color: var(--color-badge-4);
}

.vt-bg-badge-1-text {
    background-color: var(--color-badge-1-text);
}

.vt-bg-badge-2-text {
    background-color: var(--color-badge-1-text);
}

.vt-bg-badge-3-text {
    background-color: var(--color-badge-1-text);
}

.vt-bg-badge-4-text {
    background-color: var(--color-badge-1-text);
}



.vt-overlay {
    transition: opacity 0.5s ease-in-out, visibility 0s 0.5s;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(var(--rgb-background-overlay), 0.6);
    backdrop-filter: blur(4px);
    z-index: 998;
}


.vt-header:has(.vt-menu-dropdown[aria-expanded='true']) ~ .vt-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s;
}

.vt-mob-header:has(.vt-mob-nav-collapse-btn[aria-expanded='true']) ~ .vt-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s;
}

/*body:has(.vt-mob-dashboard-menu-btn[aria-expanded='true']) .vt-overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s;
}*/


.vt-border-left {
    border-left: 1px solid;
}

.vt-border-right {
    border-right: 1px solid;
}

.vt-border-bottom {
    border-bottom: 1px solid;
}

.vt-border-light {
    border-color: var(--color-stroke-light);
}

.btn {
    color: var(--color-brand-white);
    font-family: Lato;
    font-style: normal;
    /*font-weight: 700;*/
    line-height: 160%; /* 1.4rem */
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 0.25rem;
}

a.btn-primary {
    color: var(--color-brand-white) !important;
}

.btn-sm {
    font-size: 0.875rem;
    font-style: normal;
    height: 2rem;
    padding: 0.5rem 1rem;
    gap: 0.25rem;
}

.btn-lg {
    height: 3rem;
    padding: 0.5rem 2rem;
    font-weight: 700;
    gap: 0.25rem;
    border-radius: 0.375rem;
}

.btn-primary {
    background: var(--color-cta-primary-enabled);
    border: none;
}

    .btn-primary:hover, .btn-primary:active {
        background: var(--color-cta-primary-hover) !important;
    }

    .btn-primary:disabled {
        background: var(--color-cta-primary-disabled);
        color: rgb(241,241,241);
    }

.btn-outline-primary {
    border-color: var(--color-cta-primary-enabled);
    color: var(--color-typography-title);
}

    .btn-outline-primary:hover, .btn-outline-primary:active {
        background: var(--color-cta-primary-hover) !important;
        border-color: var(--color-cta-primary-hover);
    }

/*.btn-primary:disabled {
        background: var(--color-cta-primary-disabled);
        color: rgb(241,241,241);
    }*/

.btn-secondary {
    background: var(--color-cta-secondary-enabled);
    border: none;
}

    .btn-secondary:hover {
        background: var(--color-cta-secondary-hover);
    }

    .btn-secondary:disabled {
        background: var(--color-cta-secondary-disabled);
        color: rgb(232,232,232);
    }


.btn-tertiary {
    background: none;
    color: var(--color-cta-tertiary-enabled);
    outline: unset;
    border: unset;
    padding: unset;
}

    .btn-tertiary:hover {
        color: var(--color-cta-tertiary-hover);
    }

    .btn-tertiary:disabled {
        color: var(--color-cta-tertiary-disabled);
    }

.vt-bg-tertiary {
    background: var(--color-cta-tertiary-enabled);
}

    .vt-bg-tertiary:hover {
        background: var(--color-cta-tertiary-hover);
    }

    .vt-bg-tertiary:disabled {
        background: var(--color-cta-tertiary-disabled);
    }

.btn-icon-start::before,
.btn-icon-end::after {
    content: "";
    width: 1rem;
    height: 1rem;
    mask-image: url(/_content/VolumetricaShared/icons/right.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: currentColor;
}

.btn-error {
    background-color: var(--color-error);
}

    .btn-error:hover {
        background-color: var(--color-badge-4);
    }

.vt-text-error {
    color: var(--color-error);
}

.vt-text-success {
    color: var(--color-success);
}

.vt-text-alert {
    color: var(--color-alert);
}

.vt-text-low-contrast {
    color: var(--color-typography-low-contrast);
}

.vt-text-input-label {
    color: var(--color-typography-input-label);
}

.vt-badge {
    display: flex;
    padding: .125rem .5rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex: 0 0 71.25px;
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.0075rem;
    border-radius: .125rem;
    white-space: nowrap;
}

.vt-badge-1 {
    background: var(--color-badge-1-text);
    color: var(--color-badge-1);
}

.vt-badge-2 {
    background: var(--color-badge-2-text);
    color: var(--color-badge-2);
}

.vt-badge-3 {
    background: var(--color-badge-3-text);
    color: var(--color-badge-3);
}

.vt-badge-4 {
    background: var(--color-badge-4-text);
    color: var(--color-badge-4);
}
/*Navbar*/

header:has(.vt-menu-dropdown[aria-expanded='true']) .vt-nav {
    background-color: var(--color-background-nav) !important;
}

.vt-nav-spacer {
    margin-top: 6.5rem;
}

.vt-header {
    position: fixed;
    top: 2rem;
    width: 100%;
    z-index: 999;
}

.vt-nav-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vt-nav {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-transparency-40);
    backdrop-filter: blur(4px);
}

.vt-nav-sx {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.vt-nav-dx {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.vt-logo-volumetrica {
    content: var(--company-logo);
}

.vt-logo-addon {
    display: flex;
    gap: 0.625rem;
    align-items: flex-end;
}

    .vt-logo-addon::after {
        content: "Addon";
        color: var(--color-logo-color);
        font-family: "Red Hat Display";
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: 100%; /* 24px */
        letter-spacing: 0.72px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: .5rem;
        padding-bottom: 0.5625rem;
    }

.vt-nav-logo {
    width: 11.4375rem;
    height: 2rem;
}

.vt-nav-menu {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.vt-menu-item {
    display: flex;
    padding: 0rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.125rem;
    color: var(--color-typography-title);
    font-family: "Open Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 0.875rem */
    letter-spacing: 0.0175rem;
    text-decoration: none;
    border-radius: 0.25rem;
    height: 2rem;
    text-align: center;
    white-space: nowrap;
}

    .vt-menu-item.active {
        background: var(--color-active);
    }

.vt-menu-dropdown::after {
    content: "";
    background-color: currentColor;
    mask-image: url(/_content/VolumetricaShared/icons/down.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    width: 1rem;
    height: 1rem;
    transition: transform 0.2s ease-in-out;
}

.vt-menu-dropdown[aria-expanded='true']::after {
    transform: rotate(-180deg);
}

.vt-nav-utils {
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media(max-width: 1200px) {
    .vt-nav-utils {
        gap: .5rem;
    }

    .vt-nav-dx {
        gap: .5rem;
    }

    .vt-nav-sx {
        gap: 1rem;
    }
}

.vt-nav-cta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.vt-nav-theme .form-switch .form-check-input {
    width: 3rem;
    height: 1.25rem;
    background-image: url(/_content/VolumetricaShared/img/shared/icon-sun.svg);
    background-color: var(--color-cta-primary-enabled);
    background-size: .75rem .75rem;
    background-origin: content-box;
    padding-inline: .3125rem;
    border-radius: 1rem;
}

    .vt-nav-theme .form-switch .form-check-input:checked {
        background-image: url(/_content/VolumetricaShared/img/shared/icon-moon.svg);
    }


.vt-nav-platforms {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.vt-nav-platform {
    gap: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    overflow: hidden;
    height: -webkit-fill-available;
}

.vt-nav-platform-img {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
    width: 12.625rem;
    height: auto;
    flex-shrink: 0;
    align-self: stretch;
}

    .vt-nav-platform-img::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 0) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 1) 100% ), linear-gradient( to right, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 40%, rgba(var(--rgb-background), 0) 100% );
    }


.vt-nav-platform-content {
    display: flex;
    padding: 1rem 1rem 1rem 0rem;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
}

.vt-logo-volsys {
    content: var(--volsys-logo);
}

.vt-logo-volbook {
    content: var(--volbook-logo);
}

.vt-nav-platform-logo {
    display: flex;
    height: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.vt-nav-platform-info {
    display: flex;
    padding: 1rem 0rem 1.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    margin-bottom: auto;
}

    .vt-nav-platform-info span {
        color: var(--color-typography-paragraph);
        font-family: Lato;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 1.1375rem */
        letter-spacing: -0.00875rem;
        white-space: break-spaces;
    }

.vt-dropdown {
    top: 3.5rem;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0%);
}

.vt-dropdown-menu {
    display: flex;
    padding: 0.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke);
    background-color: var(--color-background-nav);
    backdrop-filter: blur(12px);
    width: 100%;
}

.vt-dropdown-item {
    color: var(--color-typography-paragraph);
    text-align: right;
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.3125rem */
    display: flex;
    height: 2rem;
    padding: 0.5625rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.25rem;
    white-space: nowrap;
}

.vt-menu-dropdown[aria-expanded='true'] {
    background: var(--color-active);
}

/*Footer*/

.footer {
    background-color: var(--color-surface-100);
    white-space: nowrap;
    line-height: 3.75rem;
    width: 100%;
    margin-top: 3rem;
}

.footer-shared {
    padding: 24px;
}

.vt-footer {
    background-image: url(/_content/VolumetricaShared/img/shared/volumetrica-icon-footer.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: var(--color-surface-100);
}

    .vt-footer .vt-footer-wrapper {
        min-height: 24.8125rem;
        padding: 4rem 0 0 1rem;
    }

.vt-footer-nav {
    gap: 1rem;
}

.vt-footer-nav-title {
    display: flex;
    padding-bottom: .5rem;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    /*    font-size: 18px;
*/ font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
    white-space: normal;
}

.vt-footer-nav-item {
    display: flex;
    flex-direction: column;
}

    .vt-footer-nav-item ul {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .vt-footer-nav-item li {
        display: flex;
        padding: .25rem 0 .5rem 0;
        font-family: Lato;
        /*    font-size: 14px;*/
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 18.2px */
        white-space: normal;
    }

    .vt-footer-nav-item a {
        display: flex;
        white-space: normal;
        text-decoration: none;
        color: var(--color-typography-paragraph);
    }



.vt-footer-copyright {
    color: var(--color-typography-paragraph);
    text-align: center;
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
}

.vt-social-icon-link {
    --svg-size: 1rem;
    --svg-color: var(--color-icon-link);
}

.vt-footer-logo {
    width: 11.4375rem;
    height: 2rem;
    flex-shrink: 0;
}

@media(max-width: 768px) {
    .vt-social-icon-link {
        --svg-size: 1.5rem;
    }
}

/*Table*/
.table {
    width: 100%;
    border-bottom: 1px solid var(--color-stroke);
    border-right: 1px solid var(--color-stroke);
}

    .table thead th {
        border-top: 1px solid var(--color-stroke);
        border-left: 1px solid var(--color-stroke);
        background: var(--color-surface-40);
        color: var(--color-typography-low-contrast);
        font-family: Lato;
        font-size: .6875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 14.3px */
        letter-spacing: -0.006875rem;
        text-transform: uppercase;
    }

    .table th, td {
        padding: .625rem .75rem;
        align-items: center;
        flex: 1 0 0;
        align-self: stretch;
    }

    .table td {
        border-top: 1px solid var(--color-stroke);
        border-left: 1px solid var(--color-stroke);
        background: var(--color-surface-100);
        color: var(--color-typography-paragraph);
        /* Paragraph xs */
        font-family: Lato;
        font-size: .875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 18.2px */
        letter-spacing: -0.00875rem;
    }

    .table .btn-tertiary {
        text-align: center;
        font-family: Lato;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 0.975rem */
        letter-spacing: -0.0075rem;
    }

table .table-action-container {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

/*Mobile nav*/

.vt-mob-header {
    position: fixed;
    top: .75rem;
    width: 100%;
    z-index: 999;
}

.vt-mob-nav {
    border-radius: 1rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-transparency-40);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: space-between;
    padding: .75rem;
    align-items: center;
    flex-direction: column;
}

header:has(.vt-mob-nav-collapse-btn[aria-expanded='true']) .vt-mob-nav {
    background: var(--color-background-nav);
}

.vt-mob-nav-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    height: 1.5rem;
}

.vt-mob-nav-logo {
    width: 11.4375rem;
    height: 2rem;
}

header:has(.vt-mob-nav-collapse[active='true']) .vt-mob-nav-logo {
    display: none;
}

.vt-mob-nav-theme {
}

header:has(.vt-mob-nav-collapse-btn[aria-expanded='true']) .vt-mob-nav-theme {
    display: none;
}

.vt-mob-nav-collapse[active='true'] {
    transition: all 0.5s;
    transform: translateX(-100%);
}

.vt-mob-nav-collapse[active='false'] {
    transition: all 0.5s;
    transform: translateX(0%);
}


.vt-mob-nav-collapse-btn {
    display: flex;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-icon-component);
    mask: url(/_content/VolumetricaShared/icons/menu.svg) center no-repeat;
    border: none;
}

    .vt-mob-nav-collapse-btn[aria-expanded='true'] {
        mask-image: url(/_content/VolumetricaShared/icons/close.svg);
    }


.vt-mob-nav-collapse {
    margin-top: 2.25rem;
    display: flex;
}

.vt-mob-tab {
    width: 100%;
    flex: 0 0 auto;
    padding: 0.25rem;
}

.vt-mob-menu-wrapper {
    width: 100%;
    flex: 0 0 auto;
    padding: 0.25rem;
}

.vt-mob-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
}

.vt-mob-menu-item {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 1.125rem */
    letter-spacing: 0.0225rem;
    display: flex;
    padding-bottom: 1rem;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    border-bottom: 1px solid rgba(99, 99, 99, 0.40);
}

.vt-mob-menu-item-icon-end::after {
    content: "";
    background-color: currentColor;
    width: 1.5rem;
    height: 1.5rem;
    mask: url(/_content/VolumetricaShared/icons/right.svg) no-repeat center;
    mask-size: cover;
}

.vt-mob-nav-back-btn {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 1.6rem */
}

    .vt-mob-nav-back-btn::before {
        content: "";
        background-color: currentColor;
        width: 1rem;
        height: 1rem;
        mask: url(/_content/VolumetricaShared/icons/right.svg) center no-repeat;
        mask-size: contain;
        transform: rotate(180deg)
    }

header:has(.vt-mob-nav-collapse[active='true']) .vt-mob-nav-back-btn {
    display: inline-flex;
}

.vt-mob-cta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 5rem 0 3.5rem 0;
}

.vt-mob-platforms {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.vt-mob-platform {
    display: flex;
    padding: 0.875rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-mob-platform-logo {
    height: 1.75rem;
}

.vt-mob-platform-info {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.1375rem */
    letter-spacing: -0.00875rem;
    display: flex;
    padding: 1rem 0rem 1.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-mob-nav-dx {
    display: flex;
    gap: 1rem;
    align-content: center;
}


.vt-nav-cart {
    display: flex;
    position: relative;
    align-self: center;
}

    .vt-nav-cart .icon-shop {
        --svg-color: var(--color-typography-title);
    }

.vt-nav-cart-badge::after {
    display: none;
    top: 50%;
    right: 50%;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0.125rem;
    position: absolute;
    border-radius: 2.5rem;
    background-color: var(--color-success);
    background-image: var(--check-icon);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    z-index: 999;
    transform: translate(120%, -130%);
}

.vt-nav-cart-badge.not-empty::after {
    display: flex;
    content: "";
}

body:has(.vt-mob-nav-collapse-btn[aria-expanded="false"]) .vt-mob-nav-cart {
    display: none;
}

.vt-mob-nav-cart .icon-shop {
    --svg-color: var(--color-icon-component);
}

/*Homepage*/


.vt-hp-hero-bg {
    background-image: var(--hero-splash);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    z-index: -999;
    top: 0;
    right: 0;
    width: 90rem;
    height: 100vh;
}

.vt-hp-hero-blend {
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
}

    .vt-hp-hero-bg::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 0) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 1) 100% ), linear-gradient( to right, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 40%, rgba(var(--rgb-background), 0) 100% );
    }


.vt-hp-hero {
}

.vt-hp-hero-title {
    color: var(--color-typography-title);
    /* Title-1 */
    font-family: "Red Hat Display";
    font-size: 4.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 4.25rem */
    letter-spacing: 0.1275rem;
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
}

.vt-hp-hero-paragraph {
    color: var(--color-typography-paragraph);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
    display: flex;
    padding-bottom: 2.5rem;
    align-items: center;
    gap: 0.5rem;
}

.vt-hp-hero-cta {
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-hp-hero-video {
    width: 100%;
    height: 40.0625rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 0.625rem;
    margin-top: 4.75rem;
    position: relative;
}

    .vt-hp-hero-video::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 23.1875rem;
        bottom: 0;
        background: linear-gradient(180deg, var(--color-transparency-0) 14.47%, var(--color-background) 77.14%);
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        pointer-events: none;
    }

html[data-theme='dark'] .vt-hp-hero-video-shadow {
    position: absolute;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.00) 14.47%, #101010 77.14%);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.vt-hp-hero-thumbnail-img {
    content: var(--hero-thumbnail-img);
}

.vt-thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vt-thumbnail-category {
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.vt-thumbnail-category-content {
    display: inline-flex;
    height: 2rem;
    padding: .25rem .75rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    flex-shrink: 0;
    border-radius: .125rem;
    background: var(--color-surface-40);
    color: var(--color-typography-title);
    /* Paragraph xs */
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.00875rem;
}

.vt-thumbnail-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

    .vt-thumbnail-player .icon-svg {
        display: flex;
        width: 4rem;
        height: 4rem;
        --svg-color: var(--color-cta-primary-enabled);
    }

.vt-video:hover .icon-svg {
    --svg-color: var(--color-cta-primary-hover);
}

.vt-hp-brokers {
    padding-top: 3rem;
}

/*HP - Why Us*/

.vt-hp-whyus {
    display: flex;
    flex-direction: column;
    padding-top: 9rem;
}

.vt-whyus {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
    align-content: center;
    flex-wrap: wrap;
}

.vt-whyus-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    max-width: 27.6875rem;
}

.vt-whyus-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-whyus-paragraph {
    color: var(--color-typography-paragraph);
    text-align: center;
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

.vt-whyus-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
}

.vt-whyus-card {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 1rem;
    background: var(--color-surface-100);
}

.vt-whyus-card-title {
    display: flex;
    padding: 1rem 0rem 0.75rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    justify-content: center;
    color: var(--color-typography-title);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 1.65rem */
    letter-spacing: 0.045rem;
}

.vt-whyus-card-paragraph {
    color: var(--color-typography-paragraph);
    text-align: center;
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.01rem;
}


.vt-whyus-blur {
    background-color: rgba(var(--rgb-utilities-blur), 0.2);
    filter: blur(78px);
    width: 100%;
    height: 27.75rem;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -999;
}

/*HP - VolSys*/

.vt-hp-volsys {
    display: flex;
    padding-top: 9rem;
    flex-direction: column;
}

.vt-hp-volsys-logo {
    width: 8.56rem;
    height: 2.5rem;
}

.vt-hp-volsys-title {
    display: flex;
    padding: 1rem 0rem 2.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}


.vt-tab-bar {
    white-space: nowrap;
    display: flex;
    padding: .25rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

    .vt-tab-bar label, .vt-tab-bar select {
        display: flex;
        height: 2.5rem;
        padding: .5625rem .75rem;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        flex: 1 1 auto;
        color: var(--color-typography-paragraph);
        text-align: center;
        font-family: Lato;
        font-size: .875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        border: none;
        white-space: nowrap;
    }

@media(max-width: 576px) {
    .vt-tab-bar-content {
        column-gap: 0 !important;
    }


    .vt-tab-content-page {
        column-gap: 0 !important;
    }
}

.vt-tab-bar-content {
    margin-top: 2rem;
}

.vt-tab-bar .btn-check:checked + .vt-check-label, select {
    color: var(--color-typography-title);
    background: var(--color-surface-60);
    border-radius: .25rem;
}

.vt-tab-content-page .grid {
    gap: 2.5rem;
}

.vt-tab-content-title {
    padding-bottom: 1rem;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-7 */
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 1.95rem */
    letter-spacing: 0.045rem;
}

.vt-tab-content-paragraph {
    padding-bottom: 2.5rem;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.6rem */
    letter-spacing: -0.01rem;
}

/*HP - VolBook*/

.vt-hp-volbook {
    display: flex;
    padding-top: 7rem;
    flex-direction: column;
}

.vt-hp-volbook-logo {
    width: 9.94rem;
    height: 2.5rem;
}

.vt-hp-volbook-title {
    display: flex;
    padding: 1rem 0rem 2.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-our-brokers {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 41.8px */
    letter-spacing: .07125rem;
    margin-bottom: 3rem;
}

/*HP - Addon*/
.vt-hp-addon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
    padding-top: 9rem;
}

.vt-hp-addon-title {
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-hp-addon-card {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    justify-self: center;
    align-self: stretch;
    width: 22rem;
    background: var(--color-surface-100) no-repeat right top;
    background-image: url(/_content/VolumetricaShared/icons/addon-card-bg.svg);
}

    .vt-hp-addon-card:nth-of-type(even) {
        background-image: url(/_content/VolumetricaShared/icons/addon-card-bg-rotated.svg);
    }

.vt-hp-addon-cards {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
    flex-wrap: wrap;
    justify-content: center;
}

.vt-hp-addon-card-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 1.875rem */
    letter-spacing: 0.05625rem;
    display: flex;
    padding-bottom: 1rem;
    align-items: center;
    gap: 0.5rem;
}

.vt-hp-addon-card-paragraph {
    color: var(--Tipografia-Paragraph, #B1B1B1);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.3125rem */
    letter-spacing: -0.00875rem;
    display: flex;
    padding-bottom: 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-hp-addon-card-logo {
    height: 2rem;
    margin-bottom: 1rem;
}

.vt-addon-card-bg-rotated::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: url(/_content/VolumetricaShared/icons/addon-card-bg-rotated.svg) no-repeat right top;
}

.vt-addon-section-text {
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.01rem;
}

    .vt-addon-section-text h4 {
        color: var(--color-typography-title);
        /* Title-4 */
        font-family: "Red Hat Display";
        font-size: 2.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 110%; /* 41.8px */
        letter-spacing: .07125rem;
    }

.vt-hp-addon-card .vt-list {
    padding-bottom: 2rem;
}

ul.vt-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .625rem;
    align-self: stretch;
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.vt-list li {
        display: flex;
        color: var(--color-typography-paragraph);
        font-family: Lato;
        font-size: .875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 18.2px */
        letter-spacing: -0.00875rem;
    }

        ul.vt-list li::before {
            align-items: flex-start;
            background-color: var(--color-cta-tertiary-enabled);
            content: "";
            padding: 0.5625rem 0.125rem 0.25rem 0.125rem;
            margin: 0 .25rem 0 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            flex-shrink: 0;
            height: 1.25rem;
            width: 1.25rem;
            mask-image: url(/_content/VolumetricaShared/icons/check-dark.svg);
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: cover;
        }

/*HP - Learn more*/

.vt-hp-learn-more {
    padding-top: 9rem;
}

.vt-learn-more-card {
    background-color: var(--color-surface-100);
    border-radius: 1.5rem;
    overflow: hidden;
}

.vt-learn-more-content-title {
    display: flex;
    padding-bottom: 1rem;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-learn-more-content-paragraph {
    display: flex;
    padding-bottom: 2rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.6rem */
    letter-spacing: -0.01rem;
}

.vt-learn-more-content {
    padding: 3.5rem;
}

.vt-learn-more-img {
    background-image: var(--volsys-splash);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 3.9375rem;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    box-shadow: 24px 4px 76px 0px var(--color-surface-100) inset;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
    position: relative;
}

/*HP - Blog*/

.vt-latest-blog-articles {
    display: flex;
    flex-direction: column;
    max-width: 70rem;
    gap: 2.5rem;
    justify-content: center;
}

.vt-hp-blog {
    padding-top: 9rem;
    padding-bottom: 6.5rem;
    display: flex;
    justify-content: center;
}

.vt-hp-blog-header {
    display: grid;
    justify-content: space-between;
    align-self: stretch;
    row-gap: 2rem;
}

.vt-hp-blog-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-hp-blog-cards {
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    align-self: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media(max-width: 768px) {
    .vt-hp-blog-cards {
        column-gap: 0;
    }
}

.vt-article-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    overflow: hidden;
    max-width: 22rem;
}

.vt-article-card-img {
    height: 10.9375rem;
    align-self: stretch;
}

.vt-article-card-content {
    display: flex;
    padding: 0rem 1rem 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.vt-article-card-content-kicker {
    display: flex;
    padding-top: 0.6875rem;
    align-items: center;
    gap: 0.375rem;
    align-self: stretch;
}

.vt-article-card-content-kicker-category {
    color: var(--color-cta-tertiary-enabled);
    font-family: Lato;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 1.125rem */
}

.vt-article-card-content-kicker-date {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.21875rem */
    letter-spacing: -0.00813rem;
}

.vt-article-card-content-title {
    display: flex;
    padding: 0.375rem 0rem 0.625rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 1.65rem */
    letter-spacing: 0.045rem;
}

.vt-article-card-content-paragraph {
    display: flex;
    padding-bottom: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.01rem;
}

/*Platforms*/

.vt-platform-hero-logo {
    height: 3rem;
}

.vt-platform-pt-1 {
    padding-top: 9rem;
}

.vt-platform-pt-2 {
    padding-top: 6.5rem;
}

.vt-platform-hero-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    z-index: -999;
    top: 0;
    right: 0;
}

.vt-volsys-hero {
    background-image: var(--volsys-hero-splash);
    width: 820px;
    height: 984px;
}

/*.vt-volbook-hero {
    background-image: var(--volbook-hero-splash);
    width: 800px;
    height: 100%;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: darken;
    box-shadow: inset 18px -20px 20px 18px var(--color-background);
    background-size: cover;
}*/
.vt-volbook-hero {
    background-image: var(--volbook-hero-splash);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 70rem;
    height: 100vh;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
}

    .vt-volbook-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 0) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 1) 100% ), linear-gradient( to right, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 40%, rgba(var(--rgb-background), 0) 100% );
    }

.vt-volanalyzer-hero {
    background-image: url(/_content/VolumetricaShared/img/shared/volanalyzer-hero-splash.png);
    max-width: 510.833px;
    width: 100%;
    height: 510.833px;
}

.vt-platform-hero-title {
    display: flex;
    padding: 1.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3.625rem */
    letter-spacing: 0.10875rem;
}

.vt-platform-hero-paragraph {
    display: flex;
    padding-bottom: 2.5rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
}


.vt-platform-hero-cards {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 4rem;
    overflow: auto;
    justify-content: space-between;
}

.vt-platform-info-card {
    display: flex;
    height: 100%;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    border-radius: 1rem;
    border: 1px solid var(--color-stroke);
    background: linear-gradient(180deg, rgba(115, 115, 115, 0.00) 0%, rgba(115, 115, 115, 0.18) 81.12%), var(--color-surface-100);
}

@media(max-width: 768px) {
    .vt-platform-info-card {
        width: 24rem;
    }
}

.vt-platform-info-card-title {
    display: flex;
    padding-bottom: 0.75rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-5 */
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.2rem */
    letter-spacing: 0.06rem;
}

.vt-platform-info-card-paragraph {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    letter-spacing: -0.01rem;
}

.vt-platform-section-title {
    display: flex;
    padding: 1rem 0rem 2.5rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
    flex-flow: wrap;
}

    .vt-platform-section-title small {
        color: var(--color-typography-paragraph);
        font-family: Lato;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 1.6rem */
        letter-spacing: -0.01rem;
    }


.vt-platform-section-row-gap {
    row-gap: 2.5rem;
}

.vt-carousel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.vt-carousel-indicators {
    position: unset;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1.25rem;
    margin: 0 0 1.31rem 0;
}

    .vt-carousel-indicators button {
        background: none;
        background-color: var(--color-surface-40) !important;
        border: none !important;
        width: 100%;
        max-width: 3rem !important;
        height: 0.5rem !important;
        margin: unset !important;
        padding: unset;
        flex-shrink: 0;
        opacity: unset;
        mask-image: url(/_content/VolumetricaShared/icons/slider-item.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

        .vt-carousel-indicators button.active {
            background-color: var(--color-cta-tertiary-enabled) !important;
        }




.vt-platform-plans {
    display: flex;
    flex-direction: column;
    align-items: center
}

.vt-plans-cards {
    display: flex;
    padding-top: 2.5rem;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.vt-addons-cards {
    display: flex;
    padding-top: 1.5rem;
    align-items: flex-start;
    align-self: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.vt-plans-card {
    display: flex;
    position: relative;
    padding: 1.5rem 0rem 1rem 0rem;
    flex-direction: column;
    flex: 1 0 0;
    align-self: stretch;
    max-width: 19.0rem;
    border-right: 1px solid var(--color-stroke);
}

    .vt-plans-card:hover, .vt-plans-card.highlighted {
        border-radius: .375rem;
        background: var(--gradient-card);
    }


    .vt-plans-card:last-child {
        border: none;
    }

    .vt-plans-card .vt-plans-card-logo {
        padding: 16px;
    }

        .vt-plans-card .vt-plans-card-logo img {
            height: 24px;
        }

    .vt-plans-card:hover .vt-plans-card-header {
        border-color: rgba(116, 116, 116, 0.40);
    }

    .vt-plans-card .vt-plans-card-discount {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        display: flex;
        padding: 0.125rem 0.5rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        font-family: Lato;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 0.975rem */
        letter-spacing: -0.0075rem;
        border-radius: 0.125rem;
        background: var(--color-badge-3-text, rgba(255, 176, 5, 0.20));
        color: var(--color-badge-3, #FFB005);
    }

    .vt-plans-card ul.vt-list {
        padding: 1.5rem 1rem;
    }

    .vt-plans-card .vt-plans-card-cta .btn-primary {
        background-color: var(--color-cta-secondary-enabled);
    }

    .vt-plans-card:hover .btn-primary, .vt-plans-card.highlighted .btn-primary {
        background-color: var(--color-cta-primary-enabled);
    }

.vt-plans-card-header {
    border-bottom: 1px solid var(--color-stroke);
    align-self: stretch;
}

.vt-plans-card-cta {
    display: flex;
    padding: 0rem 1rem;
    flex-direction: column;
    gap: 0.5rem;
    align-self: stretch;
}
/*
.vt-plans-card-logo {
    height: 1rem;
    display: flex;
    margin: 0 0 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}*/


.vt-plans-card-title {
    display: flex;
    padding-left: 1rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 1.71875rem */
    letter-spacing: 0.04688rem;
}

.vt-plans-card-price-tag {
    font-size: 1.4375rem;
    letter-spacing: 0.04313rem;
}

.vt-plans-card-price {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.03375rem;
    display: flex;
    flex-direction: column;
    padding: 1rem 0rem 0.75rem 1rem;
    gap: 0.25rem;
    width: 300px;
}

    .vt-plans-card-price * {
        white-space: nowrap;
    }

    .vt-plans-card-price .vt-plans-card-price-value {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .vt-plans-card-price .vt-plans-card-price-tag-nodiscount {
        font-size: 0.6875rem;
        text-decoration-line: line-through;
    }

.vt-plans-card-title {
    white-space: nowrap;
}

.vt-plans-card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.vt-platform-plans-title {
    display: flex;
    padding-bottom: 2rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    justify-content: center;
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-platform-plans-blur {
    background: rgba(var(--rgb-utilities-blur), 0.1);
    filter: blur(78px);
    width: 100%;
    height: 43.625rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -999;
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(180deg);
    }
}

.vt-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-accordion-lg {
    padding: 0.75rem;
    border-radius: 0.75rem;
}

.vt-accordion-sm {
    padding: 0.5rem 0.5rem 1rem 0.5rem;
    border-radius: 0.375rem;
    gap: .25rem;
}

.vt-accordion-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 0.375rem;
}

.vt-accordion-sm .vt-accordion-item {
    padding: 1rem 0.5rem;
}

.vt-accordion-lg .vt-accordion-item {
    padding: 0.75rem;
}


.vt-accordion-header {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
}

.vt-accordion-item:has(.vt-accordion-button:not(.collapsed)) {
    background-color: var(--color-surface-60);
}

.vt-accordion-button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    border: none;
    background: unset;
    padding: 0;
    text-align: start;
    width: 100%;
}

.vt-accordion-sm .vt-accordion-button {
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 1.3rem */
    letter-spacing: 0.03rem;
}

    .vt-accordion-sm .vt-accordion-button::before {
        display: flex;
        width: 1.25rem;
        height: 1.25rem;
        padding: 0.1875rem;
        justify-content: center;
        align-items: center;
        content: "";
        border-radius: 1.5rem;
        background-image: url(/_content/VolumetricaShared/icons/add.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: var(--color-surface-70);
        background-position: center;
    }

    .vt-accordion-sm .vt-accordion-button:not(.collapsed)::before {
        background-image: url(/_content/VolumetricaShared/icons/subtract.svg);
    }

.vt-accordion-item:has(.vt-accordion-collapse.collapsing) .vt-accordion-button::before {
    animation: rotate 0.5s;
}

.vt-accordion-lg .vt-accordion-button {
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
    justify-content: space-between;
}

    .vt-accordion-lg .vt-accordion-button::after {
        content: "";
        width: 1.5rem;
        height: 1.5rem;
        background-color: rgba(var(--rgb-cta-primary-enabled), 0.6);
        mask-image: url(/_content/VolumetricaShared/icons/accordion-close.svg);
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
    }

    .vt-accordion-lg .vt-accordion-button:not(.collapsed)::after {
        background-color: var(--color-cta-primary-enabled);
        mask-image: url(/_content/VolumetricaShared/icons/accordion-open.svg);
    }


.vt-accordion-body {
    margin-top: .5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
}

.vt-accordion-sm .vt-accordion-body {
    padding: 0rem 0.5rem;
    align-items: center;
    letter-spacing: -0.01rem;
}

.vt-accordion-lg .vt-accordion-body {
    padding-right: 2rem;
}

.vt-platform-faq-title {
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-platform-faq {
    padding-top: 9rem;
    display: flex;
    flex-direction: column;
}

    .vt-platform-faq .vt-accordion {
        max-width: 48.5rem;
        width: 100%;
        align-self: center;
    }

.vt-platform-other {
    padding-top: 9rem;
}

.vt-platform-other-blur {
    background: rgba(var(--rgb-utilities-blur), .1);
    width: 100%;
    height: 30.6875rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -999;
    animation: blur-fading 2s infinite linear;
}

@keyframes blur-fading {
    0% {
        filter: blur(78px);
    }

    50% {
        filter: blur(104px);
    }

    100% {
        filter: blur(78px);
    }
}

.vt-platform-other-content {
    gap: 4rem;
    position: relative;
}

@media(max-width: 768px) {
    .vt-platform-other-content {
        column-gap: 0rem;
    }
}

.vt-img {
    border: 1px solid var(--color-stroke);
    /* Images */
    box-shadow: -1px 0px 6px 0px rgba(0, 0, 0, 0.10);
    border-radius: 0.25rem;
    width: 100%;
}

.vt-platform-learn-more {
    padding: 9rem 0 6.5rem 0;
}

.vt-platform-other-logo {
    height: 2.5rem;
}

.vt-platform-other-title {
    display: flex;
    padding: 1rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-platform-other-paragraph {
    display: flex;
    padding-bottom: 2.5rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.6rem */
    letter-spacing: -0.01rem;
}

/*VolBook*/

.vt-vb-addon {
    padding-top: 9rem;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 7.125rem;
}

.vt-vb-addon-title {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    text-align: center;
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-vb-addon-paragraph {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.6rem */
    letter-spacing: -0.01rem;
    max-width: 20.3125rem;
}

/*Prices*/

.vt-product-list {
    display: flex;
    flex-direction: column;
    gap: 88px;
    padding: 0rem 10rem 6.5rem 10rem;
}

.vt-prices-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0rem 0px 3.88rem 0px;
    position: relative;
}

.vt-prices-hero-blur {
    background-color: rgba(var(--rgb-utilities-blur), 0.1);
    filter: blur(78px);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -999;
}

.vt-prices-hero-title {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    text-align: center;
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3.625rem */
    letter-spacing: 0.10875rem;
}

.vt-prices-hero-paragraph {
    display: flex;
    max-width: 37.0625rem;
    padding-bottom: 2rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-paragraph);
    text-align: center;
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
}

.vt-prices-volsys {
    display: flex;
    padding: 2rem 0 5.5rem 0;
    flex-direction: column;
    align-items: center;
}

.vt-prices-volbook {
    display: flex;
    padding-bottom: 5.5rem;
    flex-direction: column;
    align-items: center;
}

.vt-prices-addon {
    display: flex;
    padding-bottom: 6.5rem;
    flex-direction: column;
    align-items: center;
}

.vt-prices-plans-logo {
    margin-bottom: 2.5rem;
    height: 3rem;
}

    .vt-prices-plans-logo img {
        object-fit: contain;
        object-position: center;
        width: 100%;
        height: 100%;
    }

.vt-prices-addon-title {
    display: flex;
    padding-bottom: 3.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-addon-plans-card-cta {
    display: flex;
    padding: 0rem 1rem;
    flex-direction: column;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-prices-faq-title {
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-prices-faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .vt-prices-faq .vt-accordion {
        max-width: 48.5rem;
        width: 100%;
        align-self: center;
    }

.vt-prices-learn-more {
    padding: 9rem 0 7.5rem 0;
}

/*Blog*/

.vt-blog-header {
    display: flex;
    padding: 4.25rem 0 3rem 0;
    align-items: center;
    gap: 3.5rem;
    justify-content: center;
    position: relative;
    flex-direction: column;
    width: 100%;
}

.vt-blog-blur {
    background-color: rgba(var(--rgb-utilities-blur), 0.1);
    filter: blur(78px);
    width: 100%;
    height: 27.75rem;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, 0);
    z-index: -999;
}

.vt-blog-header-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-1 */
    font-family: "Red Hat Display";
    font-size: 4.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 4.25rem */
    letter-spacing: 0.1275rem;
}

.vt-article-card-lg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-self: center;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    overflow: hidden;
    max-width: 70rem;
}

.vt-article-card-lg-img {
    padding: 0;
}

.vt-article-card-lg-content {
    display: flex;
    padding: 2.5rem 1rem 1rem 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
}

.vt-article-card-lg-content-title {
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
    display: flex;
    padding: 0.375rem 0rem 0.625rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-article-card-lg-content-paragraph {
    color: var(--color-typography-paragraph);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
    display: flex;
    padding-bottom: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-blog-articles-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-blog-articles {
    display: flex;
    max-width: 70rem;
    flex-direction: column;
    gap: 2.5rem;
    padding-top: 4rem;
    padding-bottom: 4.5rem;
}

.vt-blog-articles-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}

.vt-blog-wiki {
    max-width: 70rem;
    display: flex;
    padding-bottom: 6.5rem;
    flex-direction: column;
}

.vt-blog-wiki-cards {
    display: flex;
    max-width: 70rem;
    gap: 1rem;
    padding-top: 4rem;
    flex-wrap: wrap;
}

.vt-wiki-card {
    display: flex;
    padding: 0rem 1rem 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-wiki-card-kicker {
    display: flex;
    padding-top: 0.6875rem;
    align-items: center;
    gap: 0.375rem;
    align-self: stretch;
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 0.9375rem */
    letter-spacing: 0.05625rem;
}

.vt-wiki-card-title {
    display: flex;
    padding: 0.375rem 0rem 0.625rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 1.5125rem */
    letter-spacing: 0.04125rem;
}

.vt-wiki-card-description {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.00875rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.vt-wiki {
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: 3rem;
    padding-bottom: 6.5rem;
    justify-content: center;
    max-width: 70rem;
}

.vt-wiki-cards {
    gap: 1rem;
}


.vt-wiki-article-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .6875rem;
    padding: 0 0 5.5rem 0;
    margin: 0;
}

.vt-wiki-article-header-subtitle {
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
    letter-spacing: -0.0125rem;
    margin: 0;
}

.vt-wiki-article-header-title {
    color: var(--color-typography-title);
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 58px */
    letter-spacing: .10875rem;
    margin: 0;
}

.vt-wiki-article-index {
    position: sticky;
    top: 6.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.125rem;
}

.vt-wiki-article-index-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    text-transform: uppercase;
}

.vt-wiki-article-index-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
}

.vt-wiki-article-index-link {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    text-decoration: none;
}

    .vt-wiki-article-index-link:focus, .vt-wiki-article-index-link:hover {
        color: var(--color-brand-secondary);
    }

.vt-wiki-article-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.vt-wiki-article-content-paragraph {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: justify;
}

    .vt-wiki-article-content-paragraph p:has(img){
        text-align: center;
    }

    .vt-wiki-article-content-paragraph img {
        max-width: 100%;
    }

    .vt-wiki-article-content-paragraph-title {
        color: var(--color-typography-title);
        /* Title-6 */
        font-family: "Red Hat Display";
        font-size: 1.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 33.6px */
        letter-spacing: 0.0525rem;
    }

.vt-wiki-article-content-paragraph-text {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    letter-spacing: -0.01125rem;
    text-align: justify;
}

/*Blog article*/
.vt-blog-article-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    padding: 64px;
}

.vt-blog-article-header-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
}

.vt-blog-article-header-subtitle {
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30px */
    letter-spacing: -0.0125rem;
}

.vt-blog-article-header-title {
    color: var(--color-typography-title);
    /* Title-1 */
    font-family: "Red Hat Display";
    font-size: 4.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 68px */
    letter-spacing: 0.1275rem;
}

.vt-blog-article-header-links {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.vt-blog-article-header-link {
    border-radius: .375rem;
    --svg-size: 2rem;
    --svg-color: var(--color-surface-100);
    background-color: var(--color-cta-tertiary-enabled);
}

    .vt-blog-article-header-link:hover {
        --svg-color: var(--color-surface-100);
        background-color: var(--color-cta-tertiary-hover);
    }

.vt-blog-article-related {
    padding: 5.5rem 0 6.5rem 0;
    gap: 2.5rem;
    display: flex;
    flex-direction: column;
}

    .vt-blog-article-related h4 {
        color: var(--color-typography-title);
        text-align: center;
        /* Title-4 */
        font-family: "Red Hat Display";
        font-size: 2.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 110%; /* 41.8px */
        letter-spacing: .07125rem;
        margin: 0;
    }

.vt-blog-article-hero {
    background-image: url(~/_content/VolumetricaShared/_content/VolumetricaShared/img/shared/blog-img-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    z-index: -999;
    top: 9.75rem;
    right: 0;
    flex-shrink: 0;
    transition: all .5s;
}

/*Changelogs*/

.vt-changelog-section {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.vt-changelog-header {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.vt-changelog-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}

.vt-changelog-kicker {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21px */
    text-transform: uppercase;
}

.vt-changelog-title {
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 41.8px */
    letter-spacing: .07125rem;
}

.vt-changelog-subtitle {
    color: var(--color-typography-paragraph);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
    letter-spacing: -0.0125rem;
}

.vt-changelog-paragraph {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    letter-spacing: -0.01125rem;
}

.vt-changelog-read-more-btn {
    display: flex;
    height: 2rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    border-radius: .25rem;
    color: var(--color-brand-white);
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22.4px */
}

/*FAQ*/
.vt-faq-header {
    display: flex;
    flex-direction: column;
    padding: 4.25rem 0 4rem 0;
    align-items: center;
    gap: 1.5rem;
}

.vt-faq-header-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 58px */
    letter-spacing: .10875rem;
}

.vt-faq-header-subtitle {
    color: var(--color-typography-paragraph);
    text-align: center;
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
    letter-spacing: -0.0125rem;
}

/*B&DF*/
.form-switch .form-check-input {
    margin: 0;
}

.form-check:not(.form-switch) .form-check-input[type='checkbox'] {
    appearance: none;
    border-radius: .125rem;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 1px solid var(--color-cta-primary-enabled);
    /*background-color: var(--color-brand-white);*/
    margin: 0;
    --bs-form-switch-bg: "";
}

.form-check-input[type='checkbox']:active:not(:disabled) {
    background-color: var(--color-brand-accent);
}

.form-check-input[type='checkbox']:checked {
    background-color: var(--color-cta-primary-enabled);
    background-image: url(/_content/VolumetricaShared/icons/check-light.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.form-check-input[type='checkbox']:not(:checked):disabled {
    border: 1px solid var(--color-cta-secondary-disabled);
    background-color: var(--color-background);
}

.vt-bdf-header {
    padding: 4.25rem 0 4rem 0;
}

.vt-bdf-header-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 58px */
    letter-spacing: .10875rem;
}

.vt-bdf-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vt-bdf-block-title {
    color: var(--color-typography-title);
    /* Title-6 */
    font-family: "Red Hat Display";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.0525rem;
}

.vt-bdf-block-paragraph {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28.8px */
    letter-spacing: -0.01125rem;
}

.vt-bdf-table-wrapper {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 4.5rem 0 0 0;
}

.vt-bdf-table {
    width: 100%;
    border-bottom: 1px solid var(--color-stroke);
    border-right: 1px solid var(--color-stroke);
}

    .vt-bdf-table thead th {
        border-top: 1px solid var(--color-stroke);
        border-left: 1px solid var(--color-stroke);
        background: var(--color-surface-40);
        color: var(--color-typography-low-contrast);
        font-family: Lato;
        font-size: .6875rem;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 14.3px */
        letter-spacing: -0.006875rem;
        text-transform: uppercase;
    }

    .vt-bdf-table th, td {
        padding: .625rem .75rem;
        vertical-align: middle;
    }

    .vt-bdf-table td {
        border-top: 1px solid var(--color-stroke);
        border-left: 1px solid var(--color-stroke);
        background: var(--color-surface-100);
    }

        .vt-bdf-table td:not(td:first-child) {
            text-align: center;
        }

        .vt-bdf-table td:first-child {
            color: var(--color-typography-paragraph);
            /* Paragraph xs */
            font-family: Lato;
            font-size: .875rem;
            font-style: normal;
            font-weight: 500;
            line-height: 130%; /* 18.2px */
            letter-spacing: -0.00875rem;
        }

    .vt-bdf-table .form-check-input[type='checkbox'] {
        margin: 0;
    }

        .vt-bdf-table .form-check-input[type='checkbox']:disabled {
            opacity: unset;
        }

.vt-bdf-table-info {
    padding: 1rem 0 0 0;
}

.vt-bdf-table-paragraph {
    color: var(--color-typography-low-contrast);
    /* Paragraph xs */
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.00875rem;
}

    .vt-bdf-table-paragraph a {
        text-decoration: none;
    }


/*Education*/

.vt-education-header {
    display: flex;
    flex-direction: column;
    padding: 6.5rem 0 7.8125rem 0;
    justify-content: center;
    align-items: center;
    max-width: 62.8125rem;
}

.vt-education-header-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-2 */
    font-family: "Red Hat Display";
    font-size: 3.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3.625rem */
    letter-spacing: 0.10875rem;
    padding-bottom: 1.5rem;
}

.vt-education-header-subtitle {
    color: var(--color-typography-paragraph);
    text-align: center;
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
    padding-bottom: 2.5rem;
}

.vt-education-cover {
    background-image: var(--education-cover);
    width: 100%;
    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
    position: relative;
}

    .vt-education-cover::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 0) 100% );
    }

.vt-education-educators {
    padding-top: 6.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
}

.vt-education-educators-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vt-education-educators-title {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-education-educators-paragraph {
    padding-bottom: 2.5rem;
    color: var(--color-typography-paragraph);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
}

.vt-educators-cards {
   row-gap: 2rem;
}

.vt-educators-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 28rem;
}

    .vt-educators-card img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

.vt-educators-card-bg {
    background-image: var(--educator-background);
    background-size: contain;
    width: 100%;
    border-radius: .375rem;
}

.vt-educators-card-kicker {
    display: flex;
    padding-top: 1rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 1.3rem */
    text-transform: uppercase;
}

.vt-educators-card-title {
    display: flex;
    padding: 0.25rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 1.925rem */
    letter-spacing: 0.0525rem;
}

.vt-educators-card-email {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 1.4rem */
    letter-spacing: -0.00875rem;
}

.vt-educators-card-description {
    display: flex;
    padding: 0.5rem 0 0 0;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 1.225rem */
    letter-spacing: -0.00875rem;
}

.btn-icon-down-end::after {
    content: "";
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    mask-image: url(/_content/VolumetricaShared/icons/down.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}

.vt-preview {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.collapse.show ~ .vt-preview {
    display: none;
}

.vt-educators-card .collapsing {
    transition: none !important;
}

.btn-toggle .when-expanded {
    display: none;
}

.btn-toggle:not(.collapsed) .when-collapsed {
    display: none;
}

.btn-toggle:not(.collapsed) .when-expanded {
    display: inline;
}

.btn-icon-down-end::after {
    transform: rotate(0deg);
}

.btn-icon-down-end:not(.collapsed)::after {
    transform: rotate(180deg);
}

.vt-education-course {
    display: flex;
    padding-top: 9rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    max-width: 70rem;
}

.vt-education-course-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
}

.vt-education-course-title {
    display: flex;
    padding-bottom: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-education-course-subtitle {
    display: flex;
    padding-bottom: 1rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-paragraph);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
}

.vt-education-course-paragraph {
    padding-bottom: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
    max-width: 51.1875rem;
}

.vt-education-learn-more {
    display: flex;
    padding-top: 9rem;
    flex-direction: column;
    align-self: stretch;
}

.vt-education-blog {
    display: flex;
    padding-top: 9rem;
    padding-bottom: 6.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/*Course*/

.vt-course-cover {
    background-image: var(--course-cover);
    width: 100%;
    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -10rem;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
    position: relative;
    z-index: -999;
}

    .vt-course-cover::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 0) 100% );
    }

.vt-course-educators {
    display: flex;
    padding-top: 6.5rem;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
}

.vt-course-educators-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-course-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    padding-top: 9rem;
    max-width: 70rem;
}

.vt-course-info {
}

.vt-course-info-img {
    max-width: 100%;
    border-radius: 0.75rem;
    opacity: 0.8;
}

.vt-course-info-title {
    display: flex;
    padding: 1rem 0rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-course-info-paragraph {
    padding-bottom: 2.5rem;
    gap: 0.5rem;
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

.vt-course-learn-more {
    padding-top: 9rem;
    padding-bottom: 3rem;
}


.vt-course-program {
    padding-top: 9.5rem;
    max-width: 70rem;
}

.vt-course-program-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vt-course-program-header-title {
    color: var(--color-typography-title);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: .075rem;
    text-transform: uppercase;
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: .5rem;
}

.vt-course-program-section {
    padding: 2.5rem 0 5rem 0;
    display: flex;
    gap: 4rem;
}

@media(max-width: 768px) {
    .vt-course-program-section {
        column-gap: 0;
    }
}

.vt-course-program-section-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    height: 100%;
    border-radius: 0.75rem;
    opacity: 0.9;
}

.vt-course-program-section-kicker {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
}

.vt-course-program-section-title {
    color: var(--color-typography-title);
    /* Title-5 */
    font-family: "Red Hat Display";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 35.2px */
    letter-spacing: 0.06rem;
    display: flex;
    padding: .375rem 0 1rem 0;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-bottom: solid 1px var(--color-stroke);
}

.vt-course-program-section-lecture {
    display: flex;
    padding-top: 1rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.vt-course-program-section-lecture-title {
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    letter-spacing: -0.01rem;
    text-transform: uppercase;
    display: flex;
    padding-bottom: .5rem;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

.vt-course-program-section-lecture-content {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    padding-bottom: 1rem;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

/*About us*/
.vt-about-header {
    display: flex;
    max-width: 39.8125rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 6.5rem;
}

.vt-about-header-title {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 4.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 4.25rem */
    letter-spacing: 0.1275rem;
}

.vt-about-header-subtitle {
    display: flex;
    padding-bottom: 2.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-paragraph);
    text-align: center;
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 2rem */
    letter-spacing: -0.0125rem;
}

.vt-about-cover {
    background-image: var(--about-cover);
    width: 100%;
    height: 28.6875rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    background-color: var(--color-cta-primary-enabled);
    background-blend-mode: luminosity;
    position: relative;
}

    .vt-about-cover::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( to bottom, rgba(var(--rgb-background), 1) 0%, rgba(var(--rgb-background), 0.3) 60%, rgba(var(--rgb-background), 0) 100% );
    }

.vt-about-experts {
    display: flex;
    padding-top: 6.5rem;
    padding-bottom: 8rem;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    max-width: 58rem;
}

.vt-about-experts-title {
    display: flex;
    padding-bottom: 2rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
    text-align: start;
    align-self: start;
}

.vt-about-experts-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.5rem;
    align-self: stretch;
    flex-wrap: wrap;
}

.vt-about-experts-content-paragraph {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

.vt-about-whyus {
    padding-top: 6rem;
}

.vt-about-platforms {
    display: flex;
    padding-block: 9rem;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.vt-about-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    align-self: stretch;
}

.vt-about-team-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
    max-width: 40.25rem;
}

.vt-about-learn-more {
    display: flex;
    padding-top: 9rem;
    padding-bottom: 6.5rem;
    flex-direction: column;
    align-self: stretch;
}

/*Contact Us*/

/*.vt-contactus-card {
    justify-items: center;
}

.vt-contactus-card .modal-content {
    padding: 1.5rem;
    align-items: flex-start;
    gap: 1rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-contactus-modal .modal-dialog {
    max-width: 31.1rem;
}

.vt-contactus-card .grid {
    gap: 1.5rem;
}*/

.form-groups {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

    .form-groups:not(:last-child) {
        padding-bottom: 1.5rem;
    }

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 0 0;
}

.form-label {
    color: var(--color-typography-input-label);
    font-family: Lato;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 1.125rem */
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 0px;
}

.dt-input {
    background-color: var(--color-input-field) !important;
    border: 1px solid var(--color-stroke-light) !important;
    color: var(--color-typography-input-label) !important;
}

.form-control:not([type='checkbox']), .form-select, .dt-input {
    /*display: flex;*/

    padding: 0.75rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.25rem;
    border: 1px solid var(--color-stroke-light);
    background-color: var(--color-input-field);
    color: var(--color-typography-input-label);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
}

    .form-control:not([type='checkbox']):not(textarea):not([type='radio']), .form-select, .dt-input {
        height: 2.5rem;
    }

.form-control[type="date"] {
    display: flex;
    justify-content: space-between;
}

    .form-control[type="date"]::after {
        content: "";
        display: inline-flex;
        background-color: var(--color-utilities-logo);
        width: 1.5rem;
        height: 1.5rem;
        mask-image: url(/_content/VolumetricaShared/icons/calendar.svg);
        mask-size: contain;
        mask-position: center;
        mask-repeat: no-repeat;
    }

    .form-control[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0;
        width: 100%;
        position: absolute;
        z-index: 2;
    }

.form-control:not([type='checkbox']).invalid, .form-select.invalid, .dt-input.invalid {
    outline: 1px solid var(--bs-white);
}

.validation-message {
    color: var(--bs-red);
    font-size: .7rem;
}

select .form-control, .form-select, selct.dt-input {
    padding-block: 0;
    appearance: none;
    background-image: url(/_content/VolumetricaShared/icons/down.svg);
    background-size: 1.5rem;
    background-position: right .75rem center;
    background-repeat: no-repeat;
}

.form-control::placeholder {
    color: var(--color-typography-low-contrast);
}

.form-control:focus, .form-control:focus-visible {
    border-color: var(--color-cta-primary-enabled);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--rgb-cta-primary-enabled), .25);
}

.input-group-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-typography-input-label);
    /*background-color: var(--color-input-field);*/
    border: 1px solid var(--color-stroke-light);
    border-radius: 0.25rem;
}

.vt-login-validation-error {
    color: var(--color-error) !important;
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
    text-transform: uppercase;
}

.form-check-label {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 1.1375rem */
    text-transform: none;
}

.vt-contacts {
    padding-top: 6rem;
}

.vt-contacts-header-title {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 3rem */
    letter-spacing: 0.09rem;
}

.vt-contacts-address {
    display: flex;
    padding-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
}

.vt-contacts-title {
    display: flex;
    padding-bottom: 0.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 1.625rem */
    letter-spacing: 0.0375rem;
}

.vt-contacts-paragraph {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

.vt-contacts-phone-number {
    display: flex;
    padding-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
}

.vt-contacts-mail {
    display: flex;
    padding-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
}

.vt-contacts-mail-paragraph {
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

/*Login*/
.vt-login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4.5rem;
    padding-bottom: 6.5rem;
}

.vt-login-form {
    width: 100%;
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    padding: 2.5rem 2rem;
    max-width: 34rem;
}

    .vt-login-form .form-check {
        padding-bottom: 1rem;
    }

.vt-login-title {
    padding-bottom: 1rem;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-login-subtitle {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.07125rem;
}

.vt-login-form-forgot {
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 0.875rem */
}

.vt-login-form-register-label {
    color: var(--color-typography-paragraph);
    /* Font Trapstudio/Paragraph Small */
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 22.4px */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 0 1rem 0;
    white-space: nowrap;
}

    .vt-login-form-register-label::before, .vt-login-form-register-label::after {
        display: inline-block;
        content: "";
        border-top: 1px solid var(--color-stroke-strong);
        width: 4rem;
        margin: 0 1rem;
    }

.vt-login-form-checkbox {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1.5rem 0 1rem 0;
}



/*Dashboard*/
@media(min-width: 992px) {
    .vt-dashboard {
        /*padding-top: 4rem;*/
    }

    .vt-nav-spacer {
        margin-top: 9.5rem;
    }
}

.vt-dashboard-menu {
    display: flex;
    max-width: 10rem;
    padding: 1rem 1rem 1.5rem 1rem;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-transparency-40);
}

.vt-dashboard-voice {
    display: flex;
    width: 100%;
    padding: .5rem;
    align-items: center;
    gap: .5rem;
    border-radius: .25rem;
    color: var(--color-typography-low-contrast);
    /* Paragraph xs */
    font-family: Lato;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.1375rem */
    letter-spacing: -0.00875rem;
    justify-content: space-between;
}

    .vt-dashboard-voice.active {
        background: var(--color-active);
        color: var(--color-typography-title);
    }

    .vt-dashboard-voice:not(.active):hover {
        background: rgba(var(--rgb-active), 0.3);
    }


.vt-dashboard-sections {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}


.vt-dashboard-title {
    color: var(--color-typography-title);
    /* Title-4 */
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 2.6125rem */
    letter-spacing: 0.07125rem;
}

.vt-dashboard-section-title {
    color: var(--color-typography-low-contrast);
    /* Title-7 */
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 1.95rem */
    letter-spacing: 0.045rem;
    padding: 0 0 1rem 0;
}

.vt-dashboard-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.vt-dashboard-active-platforms-card {
    border-radius: .5rem;
    overflow: hidden;
}

.vt-dashboard-active-platforms-card-info {
    display: flex;
    padding-right: 1.5rem;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
    background: var(--color-surface-80);
}

.vt-dashboard-active-platforms-card-splash {
    width: 10rem;
    align-self: stretch;
}

    .vt-dashboard-active-platforms-card-splash .platform-img-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .vt-dashboard-active-platforms-card-splash .platform-img-wrapper img {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.vt-dashboard-active-platforms-card-content {
    display: flex;
    padding: 1rem 0px;
    align-items: flex-start;
    flex: 1 0 0;
    gap: .5rem;
    flex-direction: column;
}

    .vt-dashboard-active-platforms-card-content .name {
        font-size: 1.25rem;
        font-weight: 500;
        color: var(--color-typography-title);
    }

.license-container {
    align-items: center;
    background-color: var(--color-surface-60);
    border-radius: 4px;
    color: var(--color-typography-paragraph);
    display: flex;
    font-size: .875rem;
    gap: 8px;
    padding: 4px 8px;
    justify-content: space-between;
}

    .license-container i {
        cursor: pointer;
        text-decoration: none;
        transition: all .2s;
    }

        .license-container i:hover {
            color: var(--color-typography-title);
        }

.vt-dashboard-active-platforms-card-content-logo {
    background-size: contain;
    display: flex;
    width: 7.70625rem;
    align-items: flex-start;
    gap: .5rem;
}

    .vt-dashboard-active-platforms-card-content-logo img {
        max-height: 64px;
    }

.vt-dashboard-card-content-expires {
    display: flex;
    padding-bottom: 1rem;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
    text-transform: uppercase;
}

.vt-dashboard-active-platforms-card-content-button {
    display: flex;
    height: 2rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    border-radius: .25rem;
}

.vt-dashboard-active-platforms-card-download {
    display: flex;
    padding: .75rem .75rem 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-top: 1px solid var(--color-stroke);
    background: var(--color-surface-60);
}

.vt-dashboard-active-platforms-card-download-title {
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
    text-transform: uppercase;
}

.vt-dashboard-active-platforms-card-download-content {
    align-items: flex-start;
    gap: 2rem;
}

.vt-dashboard-active-platforms-card-download-content-text {
    color: var(--color-typography-paragraph);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.vt-dashboard-addons-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vt-dashboard-addon-card {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
    border-radius: .5rem .5rem 0 0;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-dashboard-addon-card-logo {
    height: 1rem;
    background-size: contain;
    margin-bottom: .25rem;
}

.vt-dashboard-addon-card-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 1.375rem */
    letter-spacing: 0.0375rem;
}

/*Orders*/

.vt-mob-orders-cards {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.33333rem;
    flex-wrap: wrap;
}

.vt-mob-orders-card {
    display: flex;
    padding: 1.33333rem;
    flex-direction: column;
    gap: 1rem;
    align-self: stretch;
    border-radius: 1.33333rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-70);
    width: 100%;
}

.vt-mob-orders-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vt-mob-orders-card-id {
    display: inline-flex;
    align-items: baseline;
    gap: 0.33333rem;
}

.vt-mob-orders-card-id-text {
    color: var(--color-typography-low-contrast);
    font-family: Lato;
    font-size: 0.91667rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 1.19167rem */
    letter-spacing: -0.00917rem;
    text-transform: uppercase;
}

.vt-mob-orders-card-id-number {
    color: var(--color-typography-input-label);
    /* Paragraph xs */
    font-family: Lato;
    font-size: 1.16667rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.51667rem */
    letter-spacing: -0.01167rem;
}

.vt-mob-orders-card-price {
    display: inline-flex;
    align-items: baseline;
    gap: 0.33333rem;
}

.vt-mob-orders-card-price-text {
    color: var(--color-typography-low-contrast);
    font-family: Lato;
    font-size: 0.91667rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 1.19167rem */
    letter-spacing: -0.00917rem;
    text-transform: uppercase;
}

.vt-mob-orders-card-price-tag {
    color: var(--color-typography-input-label);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 2.4rem */
    letter-spacing: -0.015rem;
}

.vt-mob-orders-card-divider {
    height: 0.08333rem;
    align-self: stretch;
    background: var(--color-stroke);
}

.vt-mob-orders-card-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-mob-orders-card-info-name {
    color: var(--color-typography-low-contrast);
    font-family: Lato;
    font-size: 0.91667rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 1.19167rem */
    letter-spacing: -0.00917rem;
    text-transform: uppercase;
}

.vt-mob-orders-card-info-email {
    color: var(--color-typography-input-label);
    /* Paragraph xs */
    font-family: Lato;
    font-size: 1.16667rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.51667rem */
    letter-spacing: -0.01167rem;
}

.vt-mob-orders-card-footer {
    display: flex;
    justify-content: space-between;
}

.vt-mob-orders-card-download {
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.3rem */
    letter-spacing: -0.01rem;
    gap: 0.66667rem;
    display: flex;
}

    .vt-mob-orders-card-download::after {
        display: flex;
        content: "";
        background-color: currentColor;
        width: 1.33333rem;
        height: 1.33333rem;
        mask-image: url(/_content/VolumetricaShared/icons/download.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

.vt-mob-orders-card-view {
    text-align: right;
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.3rem */
    letter-spacing: -0.01rem;
    gap: 0.5rem;
    display: flex;
}

    .vt-mob-orders-card-view::after {
        display: flex;
        content: "";
        background-color: currentColor;
        width: 1.33333rem;
        height: 1.33333rem;
        mask-image: url(/_content/VolumetricaShared/icons/view.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

.vt-mob-dashboard-menu-wrapper {
    display: flex;
    align-self: stretch;
    border-radius: 0.28571rem;
    border: none;
    background: var(--color-surface-70);
    width: 100%;
    margin-bottom: 1.33rem;
    flex-direction: column;
    padding: 0.85714rem;
    position: relative;
    z-index: 998;
}

.vt-mob-dashboard-kicker {
    display: flex;
    padding-bottom: 1.33333rem;
    align-items: center;
    gap: 0.66667rem;
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.08333rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 1.40833rem */
    letter-spacing: 0.0325rem;
}

.vt-mob-dashboard-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    background: var(--color-surface-70);
    padding: 0.85714rem;
    border-radius: 0.28571rem;
    border: solid 1px var(--color-stroke-light);
}

.vt-mob-dashboard-menu-dropdown {
    position: absolute;
    top: 4rem;
    right: 50%;
    transform: translate(50%, 0%);
    width: 100%;
}

.vt-mob-dashboard-menu-btn {
    display: flex;
    justify-content: space-between;
    color: var(--color-typography-low-contrast);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1.14286rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.71429rem */
    align-self: stretch;
    background: none;
    border: none;
    padding: 0;
}

    .vt-mob-dashboard-menu-btn::after {
        display: flex;
        content: "";
        background-color: currentColor;
        width: 1.71429rem;
        height: 1.71429rem;
        mask-image: url(/_content/VolumetricaShared/icons/down.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        transition: transform .2s;
    }

    .vt-mob-dashboard-menu-btn[aria-expanded='true']::after {
        transform: rotate(-180deg);
    }


.vt-mob-dashboard-menu-voice {
    align-self: stretch;
    padding: .5rem;
    border-radius: .25rem;
}

    .vt-mob-dashboard-menu-voice a, .vt-mob-dashboard-menu-voice button {
        display: flex;
        color: var(--color-typography-low-contrast);
        /* Paragraph Small */
        font-family: Lato;
        font-size: 1.14286rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 1.71429rem */
        align-self: flex-start;
        justify-content: space-between;
        align-items: flex-end;
    }

    .vt-mob-dashboard-menu-voice.active {
        background: var(--color-active);
    }

    .vt-mob-dashboard-menu-voice:not(.active):hover {
        background: rgba(var(--rgb-active), 0.3);
    }


/*Tutorials*/

.vt-tutorials {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.vt-tutorial-thumbnail {
    width: 18rem;
    height: 11.875rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: .375rem;
}

.vt-thumbnail-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container and maintains its aspect ratio */
}

.vt-thumbnail-category {
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.vt-thumbnail-category-content {
    display: inline-flex;
    height: 2rem;
    padding: .25rem .75rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    flex-shrink: 0;
    border-radius: .125rem;
    background: var(--color-surface-40);
    color: var(--color-typography-title);
    /* Paragraph xs */
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.00875rem;
}

.vt-thumbnail-player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vt-tutorial:hover .icon-svg {
    --svg-color: var(--color-cta-primary-hover);
}

.vt-tutorial {
    max-width: 18rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 0 0;
}

.vt-video-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    align-self: stretch;
}

.vt-video-title {
    color: var(--color-typography-title);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    letter-spacing: -0.00125rem;
}

.vt-video-description {
    color: var(--color-typography-paragraph);
    /* Paragraph xs */
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.00875rem;
}

.vt-tutorial-header {
    display: flex;
    flex-direction: column;
    padding-bottom: 2.63rem;
}

.vt-video-filter-wrapper {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    padding: .75rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 0.25rem;
    border: 1px solid var(--color-stroke-light);
    background: var(--color-input-field);
    position: relative;
    z-index: 997;
    width: 100%;
    max-width: 12.5rem;
}

.vt-video-filter-btn {
    display: flex;
    background: none;
    border: none;
    color: var(--color-typography-low-contrast);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.5rem */
    align-self: stretch;
    justify-content: space-between;
    padding: 0;
}

    .vt-video-filter-btn::after {
        display: flex;
        content: "";
        background-color: currentColor;
        width: 1.5rem;
        height: 1.5rem;
        mask-image: url(/_content/VolumetricaShared/icons/down.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        transition: transform .2s;
    }

    .vt-video-filter-btn[aria-expanded='true']::after {
        transform: rotate(-180deg);
    }

.vt-video-filter-dropdown {
    top: 3rem;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0%);
    width: 100%;
}

.modal-backdrop {
    --bs-backdrop-opacity: 1 !important;
    background: rgba(53, 53, 53, 0.60);
    backdrop-filter: blur(4px);
}

.modal-showalways {
    position: unset;
    display: block;
}

.vt-video-filter-dropdown-menu {
    display: flex;
    padding: 0.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 0.25rem;
    border: 1px solid var(--color-stroke-light);
    background-color: var(--color-input-field);
    backdrop-filter: blur(12px);
    width: 100%;
}

.vt-mob-filter-modal .modal-content {
    display: flex;
    max-width: 27.91667rem;
    padding-bottom: 1.66667rem;
    flex-direction: column;
    align-items: center;
    gap: 3.33333rem;
    border-radius: 0.66667rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-90);
    margin-top: 3.33rem;
    position: relative;
    overflow: hidden;
}

.vt-mob-filter-modal .btn-close {
    position: absolute;
    top: 1rem;
    right: 1.67rem;
}

.vt-mob-filter-modal-header {
    display: flex;
    height: 4rem;
    padding: 0.66667rem 1.66667rem;
    align-items: center;
    background: var(--color-surface-100);
    align-self: stretch;
}

.vt-mob-filter-modal-title {
    color: var(--color-typography-title);
    text-align: center;
    /* Lead */
    font-family: Lato;
    font-size: 1.66667rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 2.66667rem */
    letter-spacing: -0.01667rem;
}

.vt-mob-filter-modal-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 1.33333rem;
    padding-inline: 1.66667rem;
}

.form-check {
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

.form-control[type="radio"] {
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    background-color: var(--color-brand-secondary);
    mask-image: url(/_content/VolumetricaShared/icons/radio-unchecked.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    align-self: center;
}

    .form-control[type="radio"]:checked {
        mask-image: url(/_content/VolumetricaShared/icons/radio-checked.svg);
    }

.vt-mob-filter-modal-cta {
    display: flex;
    padding-inline: 1.66667rem;
    align-self: stretch;
}
/*Recordings*/
.vt-recordings {
    gap: 2rem;
    justify-items: center;
}

.vt-recordings-header {
    display: flex;
    flex-direction: column;
    padding-bottom: 1.3333rem;
}

.vt-recording {
    max-width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 0 0;
}

    .vt-recording:hover {
    }

.vt-recording-thumbnail {
    display: flex;
    height: 6rem;
    padding: 1rem 4.5rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-color: var(--color-surface-60);
    border-radius: .375rem;
}

.vt-mob-recordings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.vt-mob-recording {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.vt-mob-recording-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1 0 0;
}

.vt-mob-recording-title {
    color: var(--color-typography-title);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 2.4rem */
    letter-spacing: -0.015rem;
}

.vt-mob-recording-date {
    color: var(--color-typography-paragraph);
    text-align: right;
    /* Paragraph xs */
    font-family: Lato;
    font-size: 1.16667rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 1.51667rem */
    letter-spacing: -0.01167rem;
}

.vt-mob-recording a {
    display: contents;
}

.vt-mob-recording-player {
    content: "";
    display: flex;
    width: 4.58333rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 0.33333rem;
    background-color: var(--color-surface-70);
    background-image: url(/_content/VolumetricaShared/icons/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4rem;
}

/*User - FAQ*/

.vt-accordion-faq-title {
    display: flex;
    color: var(--color-typography-low-contrast);
    /* Title-7 */
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 1.95rem */
    letter-spacing: 0.045rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .vt-accordion-faq-title::after {
        content: "";
        display: block;
        width: 100%;
        background-color: var(--color-stroke);
        height: 1px;
        flex: 1 0 0;
    }


.vt-dashboard-faq-accordions {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    padding-top: 2.5rem;
}

.vt-dashboard-faq-accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}


/*Password*/

.vt-change-password-form {
    display: flex;
    max-width: 40.1875rem;
    padding: 1.5rem;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-change-password-header {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}


.vt-password-toggler {
    content: "";
    display: flex;
    background-color: var(--color-icon-component);
    width: 1.5rem;
    height: 1.5rem;
    mask-image: url(/_content/VolumetricaShared/icons/view.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translate(0, -50%);
}

.form-control[type='text'] + .vt-password-toggler {
    mask-image: url(/_content/VolumetricaShared/icons/hide.svg);
}

/*Log out*/

.vt-logout-modal .modal-content {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    position: relative;
    max-width: 21.9rem;
}

.vt-logout-modal .btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.vt-logout-modal-content {
    display: flex;
    padding-bottom: 1.5rem;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.vt-logout-modal-title {
    display: flex;
    padding-bottom: 0.5rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-typography-title);
    text-align: center;
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 110%; /* 1.65rem */
    letter-spacing: 0.045rem;
}

.vt-logout-modal-subtitle {
    color: var(--color-typography-paragraph);
    text-align: center;
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 1.8rem */
    letter-spacing: -0.01125rem;
}

.vt-logout-modal-cta {
    display: flex;
    gap: 0.5rem;
    align-self: stretch;
}

.vt-mob-video-filter {
    display: flex;
    padding: 1rem 0rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 0.33333rem;
}

.vt-mob-video-filter-text {
    color: var(--color-typography-low-contrast);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1.33333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 2rem */
}

.vt-mob-video-filter-btn {
    content: "";
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    background-color: var(--color-icon-component);
    mask-image: url(/_content/VolumetricaShared/icons/filter.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

/*Cart*/


.vt-cart-title {
    display: inline-flex;
    padding-bottom: 2rem;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    flex: 1 0 0;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
    letter-spacing: .09rem;
}

.vt-cart-empty-info {
    display: flex;
    padding-bottom: 1.5rem;
    align-items: center;
    gap: .5rem;
    color: var(--color-typography-title);
    /* Lead */
    font-family: Lato;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
    letter-spacing: -0.0125rem;
}

.vt-cart-summary-card {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    /*align-items: flex-start;*/
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    height: fit-content;
    position: sticky;
    top: 9.5rem;
}

    .vt-cart-summary-card hr {
        margin-bottom: 1rem;
    }

.vt-cart-summary-card-header {
    display: flex;
    padding-bottom: .1875rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
}

.vt-cart-summary-kicker {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: .0375rem;
}

.vt-cart-summary-price {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 26px */
    letter-spacing: 0.04875rem;
}

.vt-cart-summary-price-discounted {
    color: var(--color-typography-paragraph);
    font-weight: 400;
    text-decoration: line-through;
}

.vt-cart-summary-info {
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    display: flex;
    padding: .5rem 0px 1.5rem 0px;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
}

.vt-cart-summary-coupon-input {
    padding-bottom: 1rem;
    width: 100%;
}

.vt-cart-summary-proceed-btn {
    height: 3rem;
    padding: .75rem 2rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: .375rem;
}

.vt-cart-add-another {
}

.vt-icon-add-end::after {
    content: "";
    width: 1rem;
    height: 1rem;
    mask-image: url(/_content/VolumetricaShared/icons/add.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    background-color: currentColor;
    -webkit-mask-repeat: inherit;
}


.vt-cart-platform-info {
    display: flex;
    padding-right: 1.5rem;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
    border-radius: .5rem .5rem 0px 0px;
    background: var(--color-surface-80);
    position: relative;
}

.vt-cart-platform-requirements {
    display: flex;
    /*padding: 1.25rem .75rem 1.5rem 1rem;*/
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0px 0px .5rem .5rem;
    /*border-top: 1px solid var(--color-stroke);*/
    background: var(--color-surface-80);
}

.vt-cart-platform-requirements-title {
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 18px */
    text-transform: uppercase;
}

.vt-cart-platform-requirements-container {
    display: flex;
    padding-top: .75rem;
    align-items: flex-start;
    align-self: stretch;
}

.vt-cart-platform-requirements-type {
    color: var(--color-typography-input-label);
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.03rem;
    display: flex;
    padding-bottom: .375rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
}

.vt-cart-platform-requirements-component {
    color: var(--color-typography-input-label);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.vt-cart-platform-requirements-value {
    color: var(--color-typography-paragraph);
    /* Paragraph Small */
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.vt-cart-platform-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px solid var(--color-stroke);
    overflow: hidden;
}

.vt-cart-platform-info {
    display: flex;
    padding-right: 1.5rem;
    align-items: flex-start;
    align-self: stretch;
    border-radius: .5rem .5rem 0px 0px;
    background: var(--color-surface-80);
    position: relative;
}

.vt-cart-platform-info-content {
    display: flex;
    padding: 1rem 0 1rem 1rem;
    flex-direction: column;
    align-items: flex-start;
}

.vt-cart-platform-img {
    align-self: stretch;
}

    .vt-cart-platform-img .platform-img-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .vt-cart-platform-img .platform-img-wrapper img {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.vt-volsys-splash {
    background-image: var(--volsys-splash);
    background-position-x: right;
}

.vt-volbook-splash {
    background-image: var(--volbook-splash);
}

.vt-cart-platform-logo {
    display: flex;
    height: 3.5rem;
    padding-bottom: 1rem;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}

    .vt-cart-platform-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-fit: center;
    }

    .vt-cart-platform-logo .vt-cart-platform-logo-name {
        color: var(--color-typography-title);
        font-size: 1.5625rem;
        font-style: normal;
        font-weight: 600;
        line-height: 110%; /* 1.71875rem */
        letter-spacing: 0.04688rem;
    }

.vt-cart-platform-pricing {
    display: flex;
    padding-bottom: 2rem;
    gap: 0.75rem;
}


    .vt-cart-platform-pricing .form-select {
        font-size: 0.875rem;
        padding: 0rem 2rem 0rem 0.7rem !important;
        height: 2rem;
    }

.vt-cart-platform-pricing-tag {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 18px */
    letter-spacing: 0.03375rem;
    align-self: self-end;
}

.vt-cart-platform-pricing-discounted {
    color: var(--color-typography-paragraph, #B1B1B1);
    font-family: "Red Hat Display";
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 0.6875rem */
    letter-spacing: 0.02063rem;
    text-decoration-line: line-through;
}

.vt-cart-badge-discount {
    display: flex;
    padding: 0.125rem 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.125rem;
    background: var(--color-badge-3-text, rgba(255, 176, 5, 0.20));
    color: var(--Badge-Badge-3, #FFB005);
    font-family: Lato;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 0.975rem */
    letter-spacing: -0.0075rem;
}

.vt-cart-platform-pricing-text {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.03rem;
}

.vt-cart-platform-total-tag {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 20px */
    letter-spacing: 0.0375rem;
}

.vt-cart-platform-total-tag-discounted {
    color: var(--color-typography-paragraph, #B1B1B1);
    font-family: "Red Hat Display";
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 0.6875rem */
    letter-spacing: 0.02063rem;
    text-decoration-line: line-through;
}

.vt-cart-platform-total-text {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    letter-spacing: 0.0375rem;
    gap: .5rem;
    display: flex;
}

.vt-cart-delete-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    --svg-size: 1.5rem;
    --svg-color: var(--color-icon-component);
}

.vt-cart-addon-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 26px */
    letter-spacing: 0.04875rem;
    display: flex;
    padding: 2.5rem 0px 1.5rem 0px;
    align-items: center;
    gap: .5rem;
}

.vt-cart-addons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}


.vt-cart-addon-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: .5rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-cart-addon-container {
    padding: 0px 1.5rem;
}

.vt-cart-addon-content {
    display: flex;
    padding: 1rem 0px;
    flex-direction: column;
    align-items: flex-start;
}

.vt-cart-addon-logo {
    /*width: 3.425rem;*/
    display: flex;
    padding-bottom: .25rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    height: 1.5rem;
}

    .vt-cart-addon-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

.vt-cart-addon-name {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 22px */
    letter-spacing: 0.0375rem;
}

.vt-cart-addon-pricing {
    display: flex;
    padding: 1rem 0px 1.5rem 0px;
    justify-content: space-between;
}

.vt-cart-addon-monthly-price {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

    .vt-cart-addon-monthly-price .form-label {
        color: var(--color-typography-paragraph);
    }

    .vt-cart-addon-monthly-price select {
        width: 90px;
        font-size: 0.875rem;
        padding: 0rem 2rem 0rem 0.7rem !important;
        height: 2rem;
    }



.vt-cart-addon-pricing-tag {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 1.125rem */
    letter-spacing: 0.03375rem;
}

.vt-cart-addon-pricing-tag-discounted {
    color: var(--color-typography-paragraph, #B1B1B1);
    font-family: "Red Hat Display";
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 0.6875rem */
    letter-spacing: 0.02063rem;
    text-decoration-line: line-through;
}

.vt-cart-addon-pricing-text {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.03rem;
}

.vt-cart-addon-total-text {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 1.25rem */
    letter-spacing: 0.0375rem;
}

.vt-cart-addon-total-tag {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 1.25rem */
    letter-spacing: 0.0375rem;
}

.vt-addon-btn {
    display: flex;
    height: 2rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    border-radius: .25rem;
    border: 1px solid var(--color-stroke);
}

.vt-remove-addon-btn::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    mask-image: url(/_content/VolumetricaShared/icons/delete.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
}

.vt-add-addon-btn::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    mask-image: url(/_content/VolumetricaShared/icons/add.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
}

.vt-cart-addon-cart-dropdown {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.vt-cart-addon-cart-dropdown-container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    padding: .5rem .75rem .5rem 1rem;
    border-top: 1px solid var(--color-stroke);
}

.vt-cart-addon-cart-dropdown-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    color: var(--color-typography-title);
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 1.125rem */
    text-transform: uppercase;
    gap: .5rem;
    display: flex;
    align-items: center;
    align-self: stretch;
    background: inherit;
    border: none;
}

    .vt-cart-addon-cart-dropdown-btn::after {
        content: "";
        background-color: rgba(var(--rgb-cta-primary-enabled), 0.6);
        width: 1.5rem;
        height: 1.5rem;
        mask-image: url(/_content/VolumetricaShared/icons/accordion-close.svg);
        mask-repeat: no-repeat;
        mask-size: cover;
    }

    .vt-cart-addon-cart-dropdown-btn:not(.collapsed)::after {
        mask-image: url(/_content/VolumetricaShared/icons/accordion-open.svg);
        background-color: var(--color-cta-primary-enabled);
    }

.vt-cart-addon-specifics-container {
    margin-top: .75rem;
}

.vt-cart-addon-specifics {
}

.vt-billingData-title {
    display: flex;
    padding-bottom: 1.5625rem;
    align-items: center;
    gap: .5rem;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
    letter-spacing: .09rem;
}

.vt-billingdata-account {
    display: flex;
    padding-bottom: 2rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1rem;
}

.vt-billingdata-account-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
}

.vt-billingdata-account-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: 0.0375rem;
}

.vt-billingdata-account-subtitle {
    color: var(--color-typography-subtitle);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.vt-billingdata-account-login-btn {
    display: flex;
    height: 2rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    border-radius: .25rem;
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22..25rem */
    color: var(--color-brand-white) !important;
}

.form {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    /*align-items: flex-start;*/
    gap: 1rem;
    align-self: stretch;
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.form-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 31..125rem */
    letter-spacing: 0.045rem;
}

.form-content {
    gap: 1.5rem;
    align-self: stretch;
}


.vt-cart-summary-card-billingdata-label {
    display: flex;
    padding-top: .75rem;
    align-items: center;
    gap: .5rem;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.vt-checkout-title {
    display: flex;
    padding-bottom: 2rem;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    color: var(--color-typography-title);
    /* Title-3 */
    font-family: "Red Hat Display";
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 48px */
    letter-spacing: .09rem;
}

.vt-checkout-billingdata-summary {
    display: flex;
    padding-bottom: 3rem;
    flex-direction: column;
    align-items: flex-start;
}

    .vt-checkout-billingdata-summary ul {
        list-style: none;
        padding: 0;
    }

    .vt-checkout-billingdata-summary li {
        color: var(--color-typography-paragraph);
        /* Paragraph */
        font-family: Lato;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 28..5rem */
        letter-spacing: -0.01125rem;
    }

.vt-checkout-billingdata-summary-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: 0.0375rem;
    display: flex;
    padding-bottom: .5rem;
    align-items: center;
    gap: .5rem;
}

.vt-checkout-billingdata-edit-btn {
    padding: 0;
    margin: 0;
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    gap: .25rem;
}

    .vt-checkout-billingdata-edit-btn::after {
        content: "";
        background-color: currentColor;
        mask-image: url(/_content/VolumetricaShared/icons/edit.svg);
        mask-repeat: no-repeat;
        mask-size: contain;
        width: 1rem;
        height: 1rem;
    }


.vt-checkout-products-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
}

.vt-checkout-summary-card {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.vt-checkout-summary-row {
    display: flex;
    padding-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.vt-checkout-summary-label {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: 0.0375rem;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.vt-checkout-summary-netcost {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 22px */
    letter-spacing: 0.04125rem;
}

.vt-checkout-summary-vat {
    color: var(--color-typography-paragraph);
    font-family: "Red Hat Display";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 1.125rem */
    letter-spacing: 0.03375rem;
}

    .vt-checkout-summary-vat.discount {
        color: var(--color-success);
    }

.vt-checkout-summary-action {
    background: none;
    border: none;
    color: var(--color-typography-paragraph);
}

.vt-checkout-summary-coupon-input {
    display: flex;
    padding-bottom: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
}

.vt-checkout-summary-total-row {
    display: flex;
    padding-bottom: 2rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.vt-checkout-summary-total {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 26px */
    letter-spacing: 0.04875rem;
}

.vt-checkout-summary-payment-title {
    display: flex;
    padding-bottom: .5rem;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 26px */
    letter-spacing: 0.0375rem;
}

.vt-checkout-summary-payment-methods {
    display: flex;
    padding-bottom: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    align-self: stretch;
}

.vt-checkout-summary-proceed-btn {
    display: flex;
    height: 3rem;
    padding: .75rem 2rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: .375rem;
}

.vt-checkout-summary-card-sign-label {
    display: flex;
    padding: .5rem 0 1.5rem 0;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    color: var(--color-typography-paragraph);
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.form-check {
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    padding: 0;
    margin: 0;
}

.form-control[type="radio"] {
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    background-color: var(--color-brand-secondary);
    mask-image: url(/_content/VolumetricaShared/icons/radio-unchecked.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    align-self: center;
}

    .form-control[type="radio"]:checked {
        mask-image: url(/_content/VolumetricaShared/icons/radio-checked.svg);
    }


.vt-checkout-sign-btn {
    margin-top: 1.5rem;
}

.vt-icon-pen-end::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    mask-image: url(/_content/VolumetricaShared/icons/pen.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
}

.vt-contract-modal .modal-content {
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-100);
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    position: relative;
}

.vt-contract-modal .modal-header {
    display: flex;
    padding: 1rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: .75rem .75rem 0 0;
    border-bottom: 1px solid var(--color-stroke);
    background: var(--color-surface-100);
}

.vt-contract-modal-header-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 1.5rem */
    letter-spacing: 0.045rem;
}

.vt-contract-modal-close-btn {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    right: 1rem;
    top: 1rem;
}

.vt-contract-modal .modal-body {
    color: var(--color-typography-paragraph);
    /* Paragraph */
    font-family: Lato;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 28..5rem */
    letter-spacing: -0.01125rem;
    display: flex;
    padding: 1rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.vt-contract-modal .modal-footer {
    display: flex;
    padding: 1rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0 0 .75rem .75rem;
    border-top: 1px solid var(--color-stroke);
    background: var(--color-surface-100);
}

.vt-contract-modal-footer-cta {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.vt-contract-modal-btn {
    display: flex;
    height: 2rem;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    border-radius: .25rem;
    font-family: Lato;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 22..25rem */
}

.vt-checkout-signed-label {
    display: flex;
    gap: .125rem;
    color: var(--color-success);
    font-family: Lato;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 1.125rem */
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

    .vt-checkout-signed-label::after {
        content: "";
        background-color: currentColor;
        width: 1rem;
        height: 1rem;
        mask-image: url(/_content/VolumetricaShared/icons/check-dark.svg);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

.vt-checkout-apply-btn {
    display: flex;
    height: 3rem;
    padding: .5rem 0 1.5rem 0;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
}

#modal-loading {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100000;
    display: none;
    opacity: 1;
    visibility: visible;
}

    #modal-loading .modal-loading-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        font-size: 30px;
    }

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 30px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 10px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        /*background: #888888;*/
        background: var(--color-cta-primary-enabled);
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.vt-card {
    border-radius: 0.5rem;
    border: 1px solid var(--color-stroke, #2B2B2B);
    padding: 1.5rem;
}

.vt-section-card {
    border-radius: 1rem;
    background: var(--color-transparency-20);
    backdrop-filter: blur(4px);
    padding: 2.5rem;
}

.vt-section-blur {
    position: relative;
    padding: 2.5rem;
}

    .vt-section-blur::after {
        content: "";
        position: absolute;
        width: 100vw;
        height: 30.6875rem;
        flex-shrink: 0;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        z-index: -999;
        animation: blur-fading 2s infinite linear;
        background: rgba(var(--rgb-utilities-blur), 0.1);
        filter: blur(78px);
    }

.vt-payment-status-card {
}

    .vt-payment-status-card i {
        color: var(--color-cta-primary-enabled);
    }

.vt-btn-apply-coupon {
    color: var(--color-brand-secondary, #00BAE2);
    font-family: Lato;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 1.6rem */
    background: none;
    border: none;
    padding: 0.5rem 0rem;
    /*margin-bottom: 1rem;*/
}

.vt-dashboard-table {
    --border: 2px solid var(--color-stroke);
    border: var(--border);
    width: 100%;
}

    .vt-dashboard-table thead tr {
        border-bottom: var(--border);
    }

        .vt-dashboard-table thead tr th {
            background-color: var(--color-surface-40);
        }

            .vt-dashboard-table thead tr th:not(:last-of-type) {
                border-right: var(--border);
            }

            .vt-dashboard-table thead tr th, .vt-dashboard-table thead tr th .col-header-content .col-title, .vt-dashboard-table thead tr th .col-header-content .col-title .col-title-text {
                padding: 0;
            }

                .vt-dashboard-table thead tr th .col-header-content {
                    padding: 12px;
                }

                    .vt-dashboard-table thead tr th .col-header-content .col-title .col-title-text {
                        color: var(--color-typography-low-contrast);
                        font-size: 1rem;
                    }

    .vt-dashboard-table tbody tr:not(:last-of-type) {
        border-bottom: var(--border);
    }

    .vt-dashboard-table tbody tr td {
        background-color: var(--color-surface-100);
        color: var(--color-typography-paragraph);
        font-size: 1rem;
        font-weight: 500;
        padding: 10px 12px !important;
    }

        .vt-dashboard-table tbody tr td:not(:last-of-type) {
            border-right: var(--border);
        }

        .vt-dashboard-table tbody tr td.edited {
            background-color: rgba(var(--rgb-badge-3), .2);
        }


    .vt-dashboard-table .vt-table-link {
        color: var(--color-cta-tertiary-enabled);
        font-size: .75rem;
        transition: all .2s;
    }

        .vt-dashboard-table .vt-table-link:hover {
            color: var(--color-cta-tertiary-hover);
        }

    .vt-dashboard-table.vt-dashboard-table-sm thead tr th .col-header-content {
        padding: 4px 8px;
    }

        .vt-dashboard-table.vt-dashboard-table-sm thead tr th .col-header-content .col-title .col-title-text {
            font-size: .875rem;
        }

    .vt-dashboard-table.vt-dashboard-table-sm tbody tr td {
        font-size: .875rem;
        padding: 4px 8px !important;
    }

.form-error-message {
    color: var(--color-error);
    font-size: .875rem;
}


.form-control:not([type='checkbox']).form-control-sm {
    padding: 4px 8px;
}

.translation-table-cell {
    position: relative;
}

    .translation-table-cell .form-control {
        padding: 4px 28px 4px 8px !important;
    }

    .translation-table-cell i {
        cursor: pointer;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }

.modal .modal-content {
    /*align-items: flex-start;*/
    gap: 1rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
}

.modal .modal-header {
    justify-content: start;
    font-family: "Red Hat Display";
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
}

.modal .modal-body {
    /*padding: 0;*/
    border: none;
    align-self: stretch;
}

.modal .btn-close {
    background-size: contain;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
}

.vt-modal form {
    display: contents;
}


.vt-contactus-modal .modal-dialog {
    max-width: 34.8625rem;
    width: 100%;
}

.vt-contactus-modal .modal-body {
    padding: 1.5rem;
}

.vt-contactus-modal .modal-header {
    border: none;
    color: var(--color-typography-title);
}

form:has(.grid) .grid {
    gap: 1.5rem;
}




/*.vt-contactus-modal-privacy {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 1rem;
}

.vt-contactus-card-title {
    color: var(--color-typography-title);
    font-family: "Red Hat Display";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.06rem;
}*/


.s2-admin-container .s2 .s2-inner {
    background-color: var(--color-background);
    border: 1px solid var(--bs-border-color);
}

    .s2-admin-container .s2 .s2-inner .s2-inner-container .s2-inner-option:hover {
        background-color: var(--color-typography-paragraph);
    }

        .s2-admin-container .s2 .s2-inner .s2-inner-container .s2-inner-option:hover span {
            color: var(--color-background);
        }


    .s2-admin-container .s2 .s2-inner .s2-inner-container .s2-inner-option span {
        color: var(--color-typography-paragraph);
    }

    .s2-admin-container .s2 .s2-inner .s2-inner-container .s2-inner-option.s2-inner-option-selected span {
        color: var(--color-background);
    }

.cursor-pointer {
    cursor: pointer;
}

.dashboard-subscription-modal .resources-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .dashboard-subscription-modal .resources-list .item {
        align-items: center;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        gap: 8px;
        justify-content: space-between;
        padding: 6px 8px;
        transition: all .2s;
    }

        .dashboard-subscription-modal .resources-list .item:hover {
            background-color: var(--color-surface-60);
        }

        .dashboard-subscription-modal .resources-list .item .section {
            align-items: center;
            display: flex;
            flex-direction: row;
            gap: 16px;
        }

            .dashboard-subscription-modal .resources-list .item .section i {
                color: var(--color-typography-title);
            }

            .dashboard-subscription-modal .resources-list .item .section .title {
                color: var(--color-typography-title);
                font-size: 1rem;
                font-weight: 500;
            }

        .dashboard-subscription-modal .resources-list .item .download {
            align-items: center;
            display: flex;
            flex-direction: row;
            font-size: 1rem;
            color: var(--color-typography-paragraph);
            gap: 8px;
            transition: all.2s;
        }

            .dashboard-subscription-modal .resources-list .item .download:hover {
                color: var(--color-icon-link);
            }

.affiliate-statistics-card {
    background-color: var(--color-surface-60);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

    .affiliate-statistics-card .title {
        color: var(--color-typography-paragraph);
        font-size: 1.25rem;
        font-weight: 400;
    }

    .affiliate-statistics-card .value {
        color: var(--color-typography-title);
        font-size: 1.5rem;
        font-weight: 700;
    }

.affiliate-url-title {
    color: var(--color-typography-paragraph);
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 4px;
}

.vt-datafeed-card {
    border-radius: .5rem;
    padding: 0.5rem 1rem;
    background: var(--color-surface-80);
}

    .vt-datafeed-card .vt-datafeed-card-title {
        font-weight: 500;
    }

    .vt-datafeed-card .vt-datafeed-card-exchanges {
        color: var(--color-typography-paragraph);
        font-size: 0.85rem;
    }

    .vt-datafeed-card .vt-datafeed-card-price {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

        .vt-datafeed-card .vt-datafeed-card-price .vt-datafeed-card-price-month {
            font-size: 1rem;
            font-weight: 200;
            margin-left: 0.3rem;
            color: var(--color-typography-paragraph);
        }

.vt-datafeed-baseprice {
    color: var(--color-typography-paragraph);
    font-size: 1rem;
}

.vt-datafeed-type-header {
    color: var(--color-typography-paragraph);
}

.vt-datafeed-type-separator {
    height: 1px;
    width: 100%;
    background-color: rgba(255,255,255,0.1);
}

.vt-datafeed-billing-summary {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    height: fit-content;
    position: sticky;
    top: 9.5rem;
}

.vt-table-datafeed-checkout {
}

    .vt-table-datafeed-checkout td {
        padding: 8px 16px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

.vt-table-datafeed-checkout-spacer {
    height: 1rem;
}

.vt-table-datafeed-checkout-summary {
}

    .vt-table-datafeed-checkout-summary td {
        padding: 8px 16px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }


.vt-data-feed-subscription-card {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    border-radius: .75rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    height: fit-content;
}

    .vt-data-feed-subscription-card .vt-data-feed-subscription-title {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .vt-data-feed-subscription-card .vt-data-feed-subscription-header {
        display: flex;
        justify-content: space-between;
    }

.vt-data-feed-subscription-exchanges {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vt-data-feed-subscription-exchange {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 4px 0px 8px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

    .vt-data-feed-subscription-exchange:last-child {
        border-bottom: none;
    }

.vt-data-feed-subscription-action {
    border: none;
    color: var(--color-cta-primary-enabled);
    background: none;
    font-size: 0.8rem;
}

    .vt-data-feed-subscription-action:hover {
        text-decoration: underline;
    }

.datafeed-paid {
    text-decoration: line-through;
    color: var(--bs-success) !important;
}

.ql-container {
    min-height: 500px;
}

.ql-editor.ql-blank::before {
    color: rgba(255,255,255,0.5) !important;
}

.ql-toolbar.ql-snow {
    background: #CCC;
}

.vt-agreement-wrapper {
    max-height: 45vh;
    background: var(--color-background);
    overflow: auto;
    padding: 16px;
}

.vt-calendar-event-card {
    display: flex;
    padding: 6px 12px;
    background: var(--color-surface-70);
    flex-direction: column;
    gap: 4px;
    border-radius: 0.5rem;
    font-size: 0.9rem;
}

    .vt-calendar-event-card.past {
        opacity: 0.9;
        background: var(--color-surface-80);
    }

    .vt-calendar-event-card.nexts {
        /*border: 1px solid yellow;*/
    }

    .vt-calendar-event-card.next {
        /*border: 1px solid green;*/
    }

    .vt-calendar-event-card .vt-calendar-event-card-header {
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .vt-calendar-event-card .vt-calendar-event-card-header .vt-calendar-event-card-title {
            font-weight: 500;
            color: var(--color-typography-title);
        }

        .vt-calendar-event-card .vt-calendar-event-card-header .vt-calendar-event-card-time {
            font-size: 0.8rem;
            font-weight: 500;
        }

    .vt-calendar-event-card.past .vt-calendar-event-card-time {
        color: rgba(var(--bs-danger-rgb),1) !important;
    }

    .vt-calendar-event-card.next .vt-calendar-event-card-time {
        color: rgba(var(--bs-success-rgb),1) !important;
    }

    .vt-calendar-event-card .vt-calendar-event-card-body {
        font-size: 0.8rem;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .vt-calendar-event-card .vt-calendar-event-card-info {
        display: flex;
        gap: 8px;
        align-items: baseline;
        color: var(--color-typography-paragraph);
    }


.vt-widget {
    display: flex;
    padding: 1rem;
    background: var(--color-surface-80);
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
    border-radius: 0.5rem;
    min-width: 150px;
    max-width: 300px;
    flex: 1 1 0;
    box-sizing: border-box;
    align-items: center;
}

    .vt-widget .vt-widget-title {
        color: var(--color-typography-paragraph);
    }

    .vt-widget .vt-widget-subtitle {
        color: var(--color-typography-paragraph);
    }

    .vt-widget .vt-widget-body {
        text-align: center;
    }

    .vt-widget .vt-widget-value {
        color: var(--color-cta-primary-enabled);
    }

.vt-cookie-banner {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10000;
    max-width: 58rem;
    width: calc(100% - 2rem);
    bottom: 1rem;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    backdrop-filter: blur(4px);
    border-radius: .75rem;
    box-shadow: 0 8px 32px rgba(var(--rgb-box-shadow), .25);
    opacity: 0;
    animation: vt-banner-in .35s ease-out both;
}

.vt-cookie-banner-content {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

@media (max-width: 768px) {
    .vt-cookie-banner-content {
        grid-template-columns: 1fr;
        row-gap: .75rem;
    }
}

.vt-cookie-banner-text {
    margin: 0;
    color: var(--color-typography-paragraph);
    line-height: 150%;
}

.vt-cookie-banner-link {
    color: var(--color-cta-tertiary-enabled);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.vt-cookie-banner-actions {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}

    .vt-cookie-banner-actions .btn {
        transition: box-shadow .2s ease, opacity .2s ease, filter .2s ease;
    }

        .vt-cookie-banner-actions .btn:hover {
            box-shadow: 0 6px 20px rgba(var(--rgb-box-shadow), .18);
        }

        .vt-cookie-banner-actions .btn:active {
            box-shadow: 0 2px 10px rgba(var(--rgb-box-shadow), .14);
            filter: brightness(.98);
        }

.vt-cookie-reopen {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10001;
    border: 1px solid var(--color-stroke);
    background: var(--color-surface-80);
    backdrop-filter: blur(4px);
    border-radius: 999px;
    padding: .75rem;
    box-shadow: 0 8px 32px rgba(var(--rgb-box-shadow), .25);
    cursor: pointer;
    line-height: 0;
    animation: vt-fab-in .35s ease-out .1s both;
    transition: box-shadow .2s ease, opacity .2s ease, filter .2s ease;
}

    .vt-cookie-reopen i {
        font-size: 1.25rem;
    }

    .vt-cookie-reopen:focus-visible {
        outline: 2px solid var(--color-cta-tertiary-enabled);
        outline-offset: 2px;
    }

    .vt-cookie-reopen:hover {
        box-shadow: 0 10px 36px rgba(var(--rgb-box-shadow), .28);
    }

    .vt-cookie-reopen:active {
        box-shadow: 0 6px 20px rgba(var(--rgb-box-shadow), .22);
        filter: brightness(.98);
    }

@keyframes vt-banner-in {
    from {
        transform: translate(-50%, 12px);
        opacity: 0;
    }

    to {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

@keyframes vt-fab-in {
    from {
        transform: translateY(8px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vt-cookie-banner,
    .vt-cookie-reopen,
    .vt-cookie-banner-actions .btn,
    .vt-cookie-banner-link {
        animation: none !important;
        transition: none !important;
    }

    .vt-cookie-banner {
        opacity: 1;
    }
}