:root {
    --background-primary: #FCFDFF;
    --background-primary-hover: #F5F6F7;
    --background-primary-active: #ECEDF0;
    --background-secondary: #FFFFFF;
    --background-secondary-hover: #ECEDF0;
    --background-secondary-active: #E2E5E8;
    --background-accent: #016CF3;
    --background-accent-hover: #0962D3;
    --background-accent-active: #3036A1;
    --background-accent-subdued: #016CF314;
    --background-accent-subdued-hover: #DBEAFD;
    --background-accent-subdued-active: #DBEAFD;
    --background-primary-inverse: #080808;
    --background-secondary-inverse: #080808;
    --background-faint: #FCFDFF;
    --background-disabled: #E2E5E8;
    --background-gradient: linear-gradient(90deg, #67A7F8, #016CF3);
    --background-gradient-inverse: linear-gradient(270deg, #67A7F8, #016CF3);
    --background-cases-hero: #FAFAFA;
    --background-cases-filters: #F4F5F6;
    --text-primary: #11243E;
    --text-secondary: #11243EA3;
    --text-disabled: #A0A7B2;
    --text-accent: #016CF3;
    --text-success: #05B364;
    --text-caution: #FF8B00;
    --text-critical: #E53E3E;
    --text-primary-inverse: #FCFDFF;
    --text-primary-inverse-oppacity: #FCFDFFA3;
    --text-primary-on-color: #FCFDFF;
    --text-white: #FFFFFF;
    --text-tetriary-inverse: #FCFDFF66;
    --border-primary: #FCFDFF24;
    --border-secondary: #FCFDFF;
    --border-tertiary: #F5F6F7;
    --border-accent: #016CF3;
    --border-accent-subdued: #DBEAFD;
    --border-critical: #9E2424;
    --border-success: #05B364;
    --button-primary-bakcground: var(--background-gradient);
    --button-primary-color: var(--text-primary-inverse);
    --button-primary-hover-bakcground: var(--background-gradient-inverse);
    --button-primary-active-bakcground: var(--background-accent);
    --button-secondary-bakcground: var(--background-primary);
    --button-secondary-color: var(--text-accent);
    --button-secondary-hover-background: var(--background-primary);
    --button-secondary-box-shadow: #016CF314;
    --button-secondary-hover-box-shadow: #016CF329;
    --button-secondary-active-border-color: var(--border-accent-subdued);
    --button-tertiary-bakcground: var(--background-accent);
    --button-tertiary-color: var(--text-primary-inverse);
    --button-tertiary-hover-background: #67A7F8;
    --button-tertiary-active-background: #0962D3;
    --button-arrow-primary-bakcground: var(--background-accent);
    --button-arrow-primary-color: var(--text-primary-inverse);
    --button-arrow-primary-hover-bakcground: var(--background-accent);
    --button-arrow-secondary-bakcground: var(--background-primary);
    --button-arrow-secondary-color: var(--text-accent);
    --button-arrow-secondary-hover-background: var(--background-primary);
    --button-arrow-tertiary-bakcground: var(--background-accent);
    --button-arrow-tertiary-color: var(--text-primary-inverse);
    --button-arrow-tertiary-hover-background: var(--background-accent-hover);
    --button-disabled-background: var(--background-disabled);
    --button-disabled-color: var(--text-disabled);
    --burger-menu-bakcground: var(--background-accent);
    --burger-menu-line-color: var(--background-faint);
    --container-width: 1272px;
    --container-padding: 16px;
    --font-geist-sans: "Geist";
    --font-geist-mono: monospace;
    --burger-color: #016CF3;
    --header-height-container-desktop: 101px;
    --header-height-desktop: 86px;
    --header-height-mobile-first: 62px;
    --header-height-mobile-second: 54px
}

@font-face {
    font-family: Geist;
    src: url(/fonts/GeistVariableVF.woff2) format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

body,
html {
    max-width: 100vw
}

html {
    scroll-behavior: auto !important
}

body {
    font-family: Geist, sans-serif;
    background: var(--background-primary)
}

strong {
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 16px
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

a {
    color: var(--text-accent);
    text-decoration: none;
    transition: color .2s ease-in-out
}

p {
    margin-bottom: 0
}

.page {
    display: flex;
    flex-direction: column
}

.no-scroll {
    overflow: hidden
}

.slick-track {
    display: flex !important;
    gap: 28px !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    background-color: transparent !important;
    color: var(--text-primary-inverse) !important;
    -webkit-background-clip: text;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px var(--background-primary-inverse);
    -webkit-text-fill-color: var(--text-primary-inverse) !important
}

input:-webkit-autofill~label {
    top: 0;
    font-size: 10px;
    color: var(--text-primary-inverse-oppacity)
}

.serviceIntroBackground {
    background: radial-gradient(circle at right bottom, rgba(1, 108, 243, 1) -20%, #080808 50%) no-repeat 100% 100%
}

.casesHeroBackground {
    background: var(--background-cases-hero)
}

.header-shadow {
    box-shadow: 0 5px 23.1px 0 rgba(1, 108, 243, .08)
}

@media screen and (min-width: 961px) {
    .no-scroll {
        overflow: auto
    }
}

body.menu-open #footer {
    opacity: .4;
    pointer-events: none;
    transition: opacity .3s ease
}