@font-face {font-family: Tinos;src: url('../font/Tinos/Tinos-Regular.ttf') format('truetype');font-weight: 100;font-size: 1rem} .tinos{font-family: "Tinos" !important} .f-s-1{font-size: 1rem !important} .f-s-2{font-size: 1.5rem !important} .f-s-3{font-size: 1.7rem !important} .f-s-4{font-size: 2rem !important} .f-s-5{font-size: 2.5rem !important} @font-face {font-family: En;src: url('../font/Roboto_Condensed/static/RobotoCondensed-Regular.ttf') format('truetype');font-weight:normal;font-size: 1rem} .en{font-family: "En" !important} .image-background {background-image: url(../images/1920x1080-main-bg.webp)} :root {--_size: 1.6rem;--_font-default: "Tinos" !important;--_font-accent: "Tinos" !important;--_radius-s: 1.5rem;--_radius-m: 2.2rem;--_radius-l: 3rem;--_radius-xl: 3.6rem;--_animspeed-fast: 0.1s;--_animspeed-medium: 0.3s;--_animspeed-slow: 0.6s;--_animbezier: cubic-bezier(0.23, 0.65, 0.74, 1.09);--light: #ffffff8a;--base--light: #e6ebf4;--base-tint--light: #ebf0f7;--base-shade--light: #bdc1c8;--accent--light: #aa70e0;--secondary--light: #7059e2;--secondary-rgba--light: rgba(112,89,226,0.3);--stroke-controls--light: #a8b0c1;--stroke-controls-neutral--light: rgba(0,0,0,0.3);--stroke-elements--light: #d1d5e0;--t-bright--light: #8d65e1;--t-bright-hover-light:#865ae6;--t-medium--light: #424550 !important;--t-muted--light: #666a79 !important;--t-accent--light: #8f56cc;--t-secondary--light: #5d4ec4;--t-disabled--light: #717586 !important;--t-placeholder--light: #969bb2 !important;--base-opp--light: #111111;--t-opp-bright--light: #ebf0f7;--t-opp-medium--light: #C7C6D3;--t-opp-muted--light: #A1A1AF;--gradient-one--light: #CEC4EF;--gradient-two--light: #f5c5cd;--gradient-three--light: #ac8fe3;--base--dark: #111111;--base-tint--dark: #161616;--base-shade--dark: #000000;--accent--dark: #E4B8BF;--secondary--dark: #CEC4EF;--secondary-rgba--dark: rgba(206,196,239,0.2);--stroke-controls--dark: #4B4B51;--stroke-controls-neutral--dark: rgba(255,255,255,0.3);--stroke-elements--dark: #303033;--t-bright--dark: #ccbddb;--t-bright-hover-dark: #d6d0dd;--t-medium--dark: #C7C6D3;--t-muted--dark: #A1A1AF;--t-accent--dark: #E1BAC5;--t-secondary--dark: #CEC4EF;--t-disabled--dark: #8B8A91;--t-placeholder--dark: #58585E;--base-opp--dark: #fafafa;--t-opp-bright--dark: #121319;--t-opp-medium--dark: #626577;--t-opp-muted--dark: #717586 !important;--gradient-one--dark: #a287d5;--gradient-two--dark: #E4B8BF;--gradient-three--dark: #8b6bc5;--per-base: #111111;--per-base-tint: #212121;--per-stroke-controls: rgba(255,255,255,0.4);--t-per-bright-light: #ffffff;--t-per-medium-light: #f2f2f2;--t-per-muted-light: #C7C6D3;--t-per-bright-dark: #27293b;--t-per-medium-dark: #626577;--t-per-muted-dark: #717586 !important} a{color: #626577 !important} a{color: var(--t-bright-hover) !important} @media only screen and (min-width: 1600px) {:root {--_radius-s: 1.7rem;--_radius-m: 2.6rem}} @media (prefers-color-scheme: light) {:root {--base: var(--base--light);--base-tint: var(--base-tint--light);--base-shade: var(--base-shade--light);--accent: var(--accent--light);--secondary: var(--secondary--light);--secondary-rgba: var(--secondary-rgba--light);--stroke-controls: var(--stroke-controls--light);--stroke-controls-neutral: var(--stroke-controls-neutral--light);--stroke-elements: var(--stroke-elements--light);--t-bright: var(--t-bright--light);--t-bright-hover:var(var(--t-bright-hover-light));--t-medium: var(--t-medium--light);--t-muted: var(--t-muted--light);--t-accent: var(--t-accent--light);--t-secondary: var(--t-secondary--light);--t-disabled: var(--t-disabled--light);--t-placeholder: var(--t-placeholder--light);--base-opp: var(--base-opp--light);--t-opp-bright: var(--t-opp-bright--light);--t-opp-medium: var(--t-opp-medium--light);--t-opp-muted: var(--t-opp-muted--light);--gradient-one: var(--gradient-one--light);--gradient-two: var(--gradient-two--light);--gradient-three: var(--gradient-three--light)}} @media (prefers-color-scheme: dark) {:root {--base: var(--base--dark);--base-tint: var(--base-tint--dark);--base-shade: var(--base-shade--dark);--accent: var(--accent--dark);--secondary: var(--secondary--dark);--secondary-rgba: var(--secondary-rgba--dark);--stroke-controls: var(--stroke-controls--dark);--stroke-controls-neutral: var(--stroke-controls-neutral--dark);--stroke-elements: var(--stroke-elements--dark);--t-bright: var(--t-bright--dark);--t-bright-hover:var(var(--t-bright-hover-dark));--t-medium: var(--t-medium--dark);--t-muted: var(--t-muted--dark);--t-accent: var(--t-accent--dark);--t-secondary: var(--t-secondary--dark);--t-disabled: var(--t-disabled--dark);--t-placeholder: var(--t-placeholder--dark);--base-opp: var(--base-opp--dark);--t-opp-bright: var(--t-opp-bright--dark);--t-opp-medium: var(--t-opp-medium--dark);--t-opp-muted: var(--t-opp-muted--dark);--gradient-one: var(--gradient-one--dark);--gradient-two: var(--gradient-two--dark);--gradient-three: var(--gradient-three--dark)}} [color-scheme=light] {--base: var(--base--light);--base-tint: var(--base-tint--light);--base-shade: var(--base-shade--light);--accent: var(--accent--light);--secondary: var(--secondary--light);--secondary-rgba: var(--secondary-rgba--light);--stroke-controls: var(--stroke-controls--light);--stroke-controls-neutral: var(--stroke-controls-neutral--light);--stroke-elements: var(--stroke-elements--light);--t-bright: var(--t-bright--light);--t-medium: var(--t-medium--light);--t-muted: var(--t-muted--light);--t-accent: var(--t-accent--light);--t-secondary: var(--t-secondary--light);--t-disabled: var(--t-disabled--light);--t-placeholder: var(--t-placeholder--light);--base-opp: var(--base-opp--light);--t-opp-bright: var(--t-opp-bright--light);--t-opp-medium: var(--t-opp-medium--light);--t-opp-muted: var(--t-opp-muted--light);--gradient-one: var(--gradient-one--light);--gradient-two: var(--gradient-two--light);--gradient-three: var(--gradient-three--light)} [color-scheme=dark] {--base: var(--base--dark);--base-tint: var(--base-tint--dark);--base-shade: var(--base-shade--dark);--accent: var(--accent--dark);--secondary: var(--secondary--dark);--secondary-rgba: var(--secondary-rgba--dark);--stroke-controls: var(--stroke-controls--dark);--stroke-controls-neutral: var(--stroke-controls-neutral--dark);--stroke-elements: var(--stroke-elements--dark);--t-bright: var(--t-bright--dark);--t-medium: var(--t-medium--dark);--t-muted: var(--t-muted--dark);--t-accent: var(--t-accent--dark);--t-secondary: var(--t-secondary--dark);--t-disabled: var(--t-disabled--dark);--t-placeholder: var(--t-placeholder--dark);--base-opp: var(--base-opp--dark);--t-opp-bright: var(--t-opp-bright--dark);--t-opp-medium: var(--t-opp-medium--dark);--t-opp-muted: var(--t-opp-muted--dark);--gradient-one: var(--gradient-one--dark);--gradient-two: var(--gradient-two--dark);--gradient-three: var(--gradient-three--dark)} *, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} button:active, button:focus {outline: none !important} button::-moz-focus-inner {border: 0 !important} input::-moz-focus-inner {border: 0 !important} a:focus, button:focus, input:focus, textarea:focus {-webkit-tap-highlight-color: transparent} input, textarea, button, select, a {-webkit-tap-highlight-color: transparent} ::-moz-selection {background-color: var(--secondary-rgba);color: var(--t-bright);text-shadow: none} ::selection {background-color: var(--secondary-rgba);color: var(--t-bright);text-shadow: none} ::-webkit-scrollbar {display: none;inline-size: 5px;background: var(--base-shade)} @media only screen and (min-width: 768px) {::-webkit-scrollbar {display: block}} ::-webkit-scrollbar-track {background-color: var(--base-shade)} ::-webkit-scrollbar-thumb {background-color: var(--secondary);background: -webkit-gradient(linear, left top, left bottom, from(var(--accent)), to(var(--secondary)));background: linear-gradient(to bottom, var(--accent) 0%, var(--secondary) 100%);border-radius: 10px} html {inline-size: 100%;block-size: 100%;font-family: sans-serif;font-size: 62.5%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale} body {position: relative;inline-size: 100%;min-inline-size: 360px;overflow-inline: unset !important;font: normal 400 var(--_size)/1.4 var(--_font-default);text-rendering: optimizeLegibility;background-color: var(--base);color: var(--t-medium)} section {position: relative;inline-size: 100%} a {text-decoration: none;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-transition: all var(--_animspeed-medium) var(--_animbezier);-moz-transition: all var(--_animspeed-medium) var(--_animbezier);transition: all var(--_animspeed-medium) var(--_animbezier)} .img {display: block;inline-size: 100%;block-size: auto} .overflow-hidden {overflow: hidden !important} .components {position: relative} .components__item {position: relative;padding-block-start: 4rem;padding-inline-end: 10%;padding-block-end: 4rem;padding-inline-start: 10%;border-block-end: 1px solid var(--stroke-elements)} .components__caption {display: block;font: normal 400 -moz-calc(var(--_size) * 0.938)/1 var(--_font-default);font: normal 400 calc(var(--_size) * 0.938)/1 var(--_font-default);color: var(--t-muted);margin-block-end: 2rem} .gradient-background {position: fixed;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100vh;overflow: hidden;z-index: -1 !important} .blur {position: absolute;z-index: 1;-moz-border-radius: 900px;border-radius: 900px;-webkit-filter: blur(clamp(40px, 7vw, 90px));filter: blur(clamp(40px, 7vw, 90px))} .blur:nth-of-type(1) {background: var(--gradient-one);block-size: clamp(400px, 20vw, 60vw);inline-size: -moz-calc(clamp(400px, 30vw, 70vw) * 1.1);inline-size: calc(clamp(400px, 30vw, 70vw) * 1.1);inset-block-start: -10vh;inset-inline-end: -5vw} .blur:nth-of-type(2) {background: var(--gradient-two);block-size: clamp(300px, 16vw, 46vw);inline-size: -moz-calc(clamp(300px, 16vw, 56vw) * 0.75);inline-size: calc(clamp(300px, 16vw, 56vw) * 0.75);inset-block-start: 5vh;inset-inline-end: 0vw} .blur:nth-of-type(3) {background: var(--gradient-three);block-size: clamp(100px, 20vw, 20vw);inline-size: -moz-calc(clamp(100px, 20vw, 20vw) * 2);inline-size: calc(clamp(100px, 20vw, 20vw) * 2);inset-block-start: -10vh;inset-inline-start: -10vw} .image-background {position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 110vh;overflow: hidden;background-position: center center;-moz-background-size: cover;background-size: cover;background-repeat: no-repeat} .svg-background {position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%;overflow: hidden} .svg-background.loaded .background__svg01 svg {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .svg-background.loaded .background__svg02 svg {opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .background__svg01 {position: absolute;inset-block-start: -15vh;inset-inline-end: -30vw;inline-size: 320px;block-size: 320px} .background__svg01 svg {inline-size: 100%;block-size: 100%;opacity: 0;-webkit-transform: translate3d(50px, -50px, 0);-moz-transform: translate3d(50px, -50px, 0);transform: translate3d(50px, -50px, 0);-webkit-transition: opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier);transition: opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier);-moz-transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier), -moz-transform 0.8s var(--_animbezier);transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier);transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier), -moz-transform 0.8s var(--_animbezier)} @media only screen and (min-width: 768px) {.background__svg01 {inset-block-start: -15vh;inset-inline-end: -10vw;inline-size: 465px;block-size: 465px}} @media only screen and (min-width: 992px) {.background__svg01 {inset-block-start: -17vh;inset-inline-end: -8vw}} @media only screen and (min-width: 1200px) {.background__svg01 {inset-block-start: -25vh;inset-inline-end: -6vw;inline-size: 580px;block-size: 580px}} @media only screen and (min-width: 1400px) {.background__svg01 {inset-block-start: -25vh;inset-inline-end: -8vw;inline-size: 680px;block-size: 680px}} @media only screen and (min-width: 1600px) {.background__svg01 {inset-block-start: -45vh;inset-inline-end: -5vw;inline-size: 880px;block-size: 880px}} .background__svg02 {position: absolute;inset-block-start: 60vh;inset-inline-start: -40vw;inline-size: 320px;block-size: 320px} .background__svg02 svg {inline-size: 100%;block-size: 100%;opacity: 0;-webkit-transform: translate3d(-50px, 50px, 0);-moz-transform: translate3d(-50px, 50px, 0);transform: translate3d(-50px, 50px, 0);-webkit-transition: opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier);transition: opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier);-moz-transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier), -moz-transform 0.8s var(--_animbezier);transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier);transition: transform 0.8s var(--_animbezier), opacity 0.8s var(--_animbezier), -webkit-transform 0.8s var(--_animbezier), -moz-transform 0.8s var(--_animbezier)} @media only screen and (min-width: 768px) {.background__svg02 {inset-block-start: 70vh;inset-inline-start: -20vw}} @media only screen and (min-width: 992px) {.background__svg02 {inset-block-start: 70vh;inset-inline-start: -8vw}} @media only screen and (min-width: 1400px) {.background__svg02 {inset-block-start: 60vh;inset-inline-start: -8vw;inline-size: 425px;block-size: 425px}} h1 {font: normal 700 3.8rem/1.2 var(--_font-accent);color: var(--t-accent);background: var(--t-accent);background: -webkit-linear-gradient(15deg, var(--t-accent) 0%, var(--t-secondary) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent} @media only screen and (min-width: 768px) {h1 {font-size: 5rem}} @media only screen and (min-width: 1200px) {h1 {font-size: 6rem}} @media only screen and (min-width: 1400px) {h1 {font-size: 7rem}} @media only screen and (min-width: 1600px) {h1 {font-size: 8rem}} .headline__subtitle {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;block-size: 3.4rem;padding-block-start: 0;padding-inline-end: 1.4rem;padding-block-end: 0;padding-inline-start: 1.4rem;-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s);border: 1px solid var(--stroke-elements);background-color: var(--base);font: normal 700 1.3rem/3.3rem var(--_font-default);margin-block-end: 1rem} .headline__subtitle svg, .headline__subtitle span {display: block} .headline__subtitle svg {inline-size: 1.1rem;block-size: 1.1rem} .headline__subtitle span {padding-block-start: 0.1rem;margin-inline-start: 1rem} @media only screen and (min-width: 768px) {.headline__subtitle {margin-block-end: 1.4rem}} @media only screen and (min-width: 1200px) {.headline__subtitle {margin-block-end: 1.7rem}} @media only screen and (min-width: 1400px) {.headline__subtitle {margin-block-end: 1.9rem}} @media only screen and (min-width: 1600px) {.headline__subtitle {block-size: 3.8rem;line-height: 3.8rem;font-size: 1.5rem;margin-block-end: 2.2rem} .headline__subtitle svg {inline-size: 1.3rem;block-size: 1.3rem}} .headline__text {margin-block-start: 2.9rem} @media only screen and (min-width: 768px) {.headline__text {margin-block-start: 3.3rem}} @media only screen and (min-width: 1200px) {.headline__text {margin-block-start: 2.9rem}} @media only screen and (min-width: 1400px) {.headline__text {margin-block-start: 2.6rem}} @media only screen and (min-width: 1600px) {.headline__text {margin-block-start: 2.7rem}} .headline__btnholder {inline-size: 100%;margin-block-start: 4rem} @media only screen and (min-width: 576px) {.headline__btnholder {inline-size: auto}} @media only screen and (min-width: 768px) {.headline__btnholder {margin-block-start: 4.6rem}} @media only screen and (min-width: 1200px) {.headline__btnholder {margin-block-start: 4.6rem}} @media only screen and (min-width: 1400px) {.headline__btnholder {margin-block-start: 5.1rem}} @media only screen and (min-width: 1600px) {.headline__btnholder {margin-block-start: 4.8rem}} .headline__numblock {margin-block-start: 4.1rem} @media only screen and (min-width: 768px) {.headline__numblock {margin-block-start: 4.8rem}} @media only screen and (min-width: 1200px) {.headline__numblock {margin-block-start: 4.6rem}} @media only screen and (min-width: 1400px) {.headline__numblock {margin-block-start: 4.2rem}} @media only screen and (min-width: 1600px) {.headline__numblock {margin-block-start: 5rem}} h2 {font: normal 700 3.4rem/1.2 var(--_font-accent);color: var(--t-accent);background: var(--t-accent);background: -webkit-linear-gradient(15deg, var(--t-accent) 0%, var(--t-secondary) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent} @media only screen and (min-width: 768px) {h2 {font-size: 3.8rem}} @media only screen and (min-width: 1200px) {h2 {font-size: 4.6rem;max-inline-size: 70rem}} @media only screen and (min-width: 1400px) {h2 {font-size: 5.4rem;max-inline-size: 80rem}} @media only screen and (min-width: 1600px) {h2 {font-size: 6rem;max-inline-size: 90rem}} .h2__subtitle {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;block-size: 3.4rem;padding-block-start: 0;padding-inline-end: 1.4rem;padding-block-end: 0;padding-inline-start: 1.4rem;-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s);border: 1px solid var(--stroke-elements);background-color: var(--base);font: normal 700 1.3rem/1 var(--_font-default);margin-block-end: 0.7rem} .h2__subtitle svg, .h2__subtitle span {display: block} .h2__subtitle svg {inline-size: 1.1rem;block-size: 1.1rem} .h2__subtitle span {padding-block-start: 0.1rem;margin-inline-start: 1rem} @media only screen and (min-width: 768px) {.h2__subtitle {margin-block-end: 1.1rem}} @media only screen and (min-width: 1200px) {.h2__subtitle {margin-block-end: 1.3rem}} @media only screen and (min-width: 1400px) {.h2__subtitle {margin-block-end: 1.6rem}} @media only screen and (min-width: 1600px) {.h2__subtitle {block-size: 3.8rem;font-size: 1.5rem;margin-block-end: 1.7rem} .h2__subtitle svg {inline-size: 1.3rem;block-size: 1.3rem}} .h2__text {margin-block-start: 3rem} @media only screen and (min-width: 768px) {.h2__text {margin-block-start: 4rem}} @media only screen and (min-width: 1200px) {.h2__text {margin-block-start: 3.6rem}} @media only screen and (min-width: 1400px) {.h2__text {margin-block-start: 4.2rem}} @media only screen and (min-width: 1600px) {.h2__text {margin-block-start: 4.1rem}} h3 {font: normal 700 2.8rem/1.2 var(--_font-accent);color: var(--t-bright)} @media only screen and (min-width: 768px) {h3 {font-size: 3rem}} @media only screen and (min-width: 1400px) {h3 {font-size: 3.8rem}} @media only screen and (min-width: 1600px) {h3 {font-size: 4.4rem}} .h3__text {margin-block-start: 2.2rem} @media only screen and (min-width: 768px) {.h3__text {margin-block-start: 3.1rem}} @media only screen and (min-width: 1400px) {.h3__text {margin-block-start: 2.9rem}} @media only screen and (min-width: 1600px) {.h3__text {margin-block-start: 2.7rem}} h4 {font: normal 700 2.6rem/1.2 var(--_font-accent);color: var(--t-bright)} @media only screen and (min-width: 768px) {h4 {font-size: 2.6rem}} @media only screen and (min-width: 1400px) {h4 {font-size: 3rem}} @media only screen and (min-width: 1600px) {h4 {font-size: 3.4rem}} h5 {font: normal 700 2.2rem/1.2 var(--_font-accent);color: var(--t-bright)} h5 small {display: block;font: normal 400 1.5rem/1 var(--_font-default);color: var(--t-medium);margin-block-start: 0.6rem} @media only screen and (min-width: 1600px) {h5 {font-size: 2.4rem}} h6 {font: normal 700 1.6rem/1.2 var(--_font-accent);font-variant-numeric: lining-nums;color: var(--t-bright)} h6 a {color: var(--t-bright)} h6 small {display: block;font: normal 400 1.3rem/1 var(--_font-default);color: var(--t-medium)} h6 small.top {margin-block-end: 0.4rem} h6 small.bottom {margin-block-start: 0.4rem} @media only screen and (min-width: 1400px) {h6 {font-size: 1.8rem} h6 small {font-size: 1.5rem}} @media only screen and (min-width: 1600px) {h6 {font-size: 2rem}} p {font: normal 400 2rem/1.4 var(--_font-default);font-variant-numeric: lining-nums;color: var(--t-medium)} p.small {font-size: 1.8rem} p.additional-text {font: normal 400 1.5rem/1 var(--_font-default);color: var(--t-muted)} p.additional-text a {font-weight: 700;color: var(--t-bright)} @media only screen and (min-width: 768px) {p.small {font-size: 1.8rem}} @media only screen and (min-width: 1400px) {p {font-size: 2.2rem} p.small {font-size: 1.8rem}} @media only screen and (min-width: 1600px) {p {font-size: 2.4rem} p.small {font-size: 2rem}} .rounded-tag {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding: 1.4rem;margin-block-start: 0.5rem;margin-inline-end: 1rem;margin-block-end: 0.5rem;margin-inline-start: 0;-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s);font: normal 400 1.5rem/1 var(--_font-default);font-variant-numeric: lining-nums;line-height: 1.5} .rounded-tag.tag-base {background-color: var(--base);color: var(--t-bright)} .rounded-tag.tag-base-opposite {background-color: var(--base-opp);color: var(--t-opp-bright)} .rounded-tag.tag-outline {background-color: transparent;border: 1px solid var(--stroke-elements);color: var(--t-medium)} .text-link {color: inherit;color: var(--t-medium);text-decoration: none;background: -webkit-gradient(linear, left top, right top, from(var(--stroke-controls)), to(var(--stroke-controls))), -webkit-gradient(linear, left top, right top, from(var(--accent)), to(var(--secondary)));background: -moz-linear-gradient(left, var(--stroke-controls), var(--stroke-controls)), -moz-linear-gradient(left, var(--accent), var(--secondary));background: linear-gradient(to right, var(--stroke-controls), var(--stroke-controls)), linear-gradient(to right, var(--accent), var(--secondary));-moz-background-size: 100% 1px, 0 1px;background-size: 100% 1px, 0 1px;background-position: 100% 100%, 0 100%;background-repeat: no-repeat;-webkit-transition: background-size 400ms, color 300ms;-moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;transition: background-size 400ms, color 300ms;transition: background-size 400ms, color 300ms, -moz-background-size 400ms} .no-touch .text-link:hover {color: var(--t-bright);-moz-background-size: 0 1px, 100% 1px;background-size: 0 1px, 100% 1px} .text-link-bold {color: inherit;color: var(--t-bright);text-decoration: none;background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(var(--accent)), to(var(--secondary)));background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), -moz-linear-gradient(left, var(--accent), var(--secondary));background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--accent), var(--secondary));-moz-background-size: 100% 1px, 0 1px;background-size: 100% 1px, 0 1px;background-position: 100% 100%, 0 100%;background-repeat: no-repeat;-webkit-transition: background-size 400ms, color 300ms;-moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;transition: background-size 400ms, color 300ms;transition: background-size 400ms, color 300ms, -moz-background-size 400ms} .no-touch .text-link-bold:hover {color: var(--t-bright);-moz-background-size: 0 1px, 100% 1px;background-size: 0 1px, 100% 1px} .btn {position: relative;display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;border: none;outline: 0;padding: 0;font: inherit;background-color: transparent;cursor: pointer;text-decoration: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} .mobile-vertical {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;inline-size: 100%;margin-block-end: 1rem} .mobile-vertical:last-child {margin-block-end: 0} @media only screen and (min-width: 576px) {.mobile-vertical {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;inline-size: auto;margin-block-end: 0;margin-inline-end: 1rem} .mobile-vertical:last-child {margin-inline-end: 0}} .mobile-horizontal {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;inline-size: auto;margin-block-end: 0;margin-inline-end: 1rem} .mobile-horizontal:last-child {margin-inline-end: 0} .btn-default {inline-size: auto;block-size: 5rem;padding-block-start: 0;padding-inline-end: 2rem;padding-block-end: 0;padding-inline-start: 2rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);font: normal 700 1.6rem/5rem var(--_font-default)} .btn-default i, .btn-default span {position: relative} .btn-default i {font-size: 1.8rem;margin-inline-start: 0.6rem} @media only screen and (min-width: 1600px) {.btn-default {block-size: 6rem;line-height: 6rem;padding-block-start: 0;padding-inline-end: 2.4rem;padding-block-end: 0;padding-inline-start: 2.4rem;font-size: 2rem} .btn-default i {font-size: 2.2rem}} .btn-fullwidth {inline-size: 100%} .btn-hover::before {content: "";display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);will-change: transform;-webkit-transition: -webkit-transform 0.3s var(--_animbezier);transition: -webkit-transform 0.3s var(--_animbezier);-moz-transition: transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier), -webkit-transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier)} .btn-hover i, .btn-hover span {display: block;line-height: 5rem;color: rgba(0, 0, 0, 0);overflow: hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s} @media only screen and (min-width: 1200px) {.no-touch .btn-hover:hover::before {-webkit-transform: scale3d(1.03, 1.03, 1.03);-moz-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)}} @media only screen and (min-width: 1600px) {.btn-hover i, .btn-hover span {line-height: 6rem}} .btn-hover-accent::before {background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%)} .btn-hover-accent i, .btn-hover-accent span {text-shadow: 0 0 var(--t-opp-bright), 0 5rem var(--t-opp-bright)} @media only screen and (min-width: 1200px) {.no-touch .btn-hover-accent:hover i, .no-touch .btn-hover-accent:hover span {text-shadow: 0 -5rem var(--t-opp-bright), 0 0 var(--t-opp-bright)}} @media only screen and (min-width: 1600px) {.btn-hover-accent i, .btn-hover-accent span {text-shadow: 0 0 var(--t-opp-bright), 0 6rem var(--t-opp-bright)} .no-touch .btn-hover-accent:hover i, .no-touch .btn-hover-accent:hover span {text-shadow: 0 -6rem var(--t-opp-bright), 0 0 var(--t-opp-bright)}} .btn-accent {background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);color: var(--t-opp-bright)} .btn-hover-accent-mobile::before {background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%)} .btn-hover-accent-mobile i, .btn-hover-accent-mobile span {color: var(--t-opp-bright)} @media only screen and (min-width: 992px) {.btn-hover-accent-mobile::before {background: var(--base);border: 1px solid var(--stroke-controls)} .btn-hover-accent-mobile i, .btn-hover-accent-mobile span {color: var(--t-bright)}} @media only screen and (min-width: 1200px) {.btn-hover-accent-mobile i, .btn-hover-accent-mobile span {color: rgba(0, 0, 0, 0);text-shadow: 0 0 var(--t-bright), 0 5rem var(--t-bright)} .no-touch .btn-hover-accent-mobile:hover i, .no-touch .btn-hover-accent-mobile:hover span {text-shadow: 0 -5rem var(--t-bright), 0 0 var(--t-bright)}} @media only screen and (min-width: 1600px) {.btn-hover-accent-mobile i, .btn-hover-accent-mobile span {text-shadow: 0 0 var(--t-bright), 0 6rem var(--t-bright)} .no-touch .btn-hover-accent-mobile:hover i, .no-touch .btn-hover-accent-mobile:hover span {text-shadow: 0 -6rem var(--t-bright), 0 0 var(--t-bright)}} .btn-accent-mobile {background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);color: var(--t-opp-bright)} @media only screen and (min-width: 992px) {.btn-accent-mobile {background: var(--base);border: 1px solid var(--stroke-controls);color: var(--t-bright)}} .btn-hover-outline::before {background-color: transparent;border: 1px solid var(--stroke-controls)} .btn-hover-outline i, .btn-hover-outline span {text-shadow: 0 0 var(--t-bright), 0 5rem var(--t-bright)} @media only screen and (min-width: 1200px) {.no-touch .btn-hover-outline:hover i, .no-touch .btn-hover-outline:hover span {text-shadow: 0 -5rem var(--t-bright), 0 0 var(--t-bright)}} @media only screen and (min-width: 1600px) {.btn-hover-outline i, .btn-hover-outline span {text-shadow: 0 0 var(--t-bright), 0 6rem var(--t-bright)} .no-touch .btn-hover-outline:hover i, .no-touch .btn-hover-outline:hover span {text-shadow: 0 -6rem var(--t-bright), 0 0 var(--t-bright)}} .btn-outline {background-color: transparent;border: 1px solid var(--stroke-controls);color: var(--t-bright)} .btn-hover-outline-mobile::before {background-color: transparent;border: 1px solid var(--stroke-controls)} .btn-hover-outline-mobile i, .btn-hover-outline-mobile span {color: var(--t-bright)} @media only screen and (min-width: 992px) {.btn-hover-outline-mobile::before {background-color: transparent;border: none} .btn-hover-outline-mobile i, .btn-hover-outline-mobile span {color: var(--t-disabled)}} @media only screen and (min-width: 1200px) {.btn-hover-outline-mobile i, .btn-hover-outline-mobile span {color: rgba(0, 0, 0, 0);text-shadow: 0 0 var(--t-disabled), 0 5rem var(--t-disabled)} .no-touch .btn-hover-outline-mobile:hover i, .no-touch .btn-hover-outline-mobile:hover span {text-shadow: 0 -5rem var(--t-bright), 0 0 var(--t-bright)}} @media only screen and (min-width: 1600px) {.btn-hover-outline-mobile i, .btn-hover-outline-mobile span {text-shadow: 0 0 var(--t-disabled), 0 6rem var(--t-disabled)} .no-touch .btn-hover-outline-mobile:hover i, .no-touch .btn-hover-outline-mobile:hover span {text-shadow: 0 -6rem var(--t-bright), 0 0 var(--t-bright)}} .btn-outline-mobile {background-color: transparent;border: 1px solid var(--stroke-controls);color: var(--t-bright)} @media only screen and (min-width: 992px) {.btn-outline-mobile {background-color: transparent;border: none;color: var(--t-disabled)}} .btn-hover-transparent::before {background-color: transparent} .btn-hover-transparent i, .btn-hover-transparent span {text-shadow: 0 0 var(--t-disabled), 0 5rem var(--t-disabled)} @media only screen and (min-width: 1200px) {.no-touch .btn-hover-transparent:hover i, .no-touch .btn-hover-transparent:hover span {text-shadow: 0 -5rem var(--t-disabled), 0 0 var(--t-disabled)}} @media only screen and (min-width: 1600px) {.btn-hover-transparent i, .btn-hover-transparent span {text-shadow: 0 0 var(--t-disabled), 0 6rem var(--t-disabled)} .no-touch .btn-hover-transparent:hover i, .no-touch .btn-hover-transparent:hover span {text-shadow: 0 -6rem var(--t-bright), 0 0 var(--t-bright)}} .btn-transparent {background-color: transparent;color: var(--t-bright)} .btn-line {-webkit-box-pack: start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: start;font: normal 700 1.6rem/1 var(--_font-default)} .btn-line i, .btn-line span {position: relative} .btn-line i {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 1.8rem;margin-inline-start: 0.6rem;overflow: hidden} @media only screen and (min-width: 1600px) {.btn-line {font-size: 2rem} .btn-line i {font-size: 2.2rem}} .btn-square {inline-size: 5rem;block-size: 5rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m)} .btn-square i {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;font-size: 1.8rem;overflow: hidden} @media only screen and (min-width: 1600px) {.btn-square {inline-size: 6rem;block-size: 6rem} .btn-square i {font-size: 2.2rem}} .btn-square-s i {font-size: 1.4rem} .slide-right:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideRight;-moz-animation: 0.4s ease-in-out 0s 1 both slideRight;animation: 0.4s ease-in-out 0s 1 both slideRight} .slide-right-up:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideRightUp;-moz-animation: 0.4s ease-in-out 0s 1 both slideRightUp;animation: 0.4s ease-in-out 0s 1 both slideRightUp} .slide-right-down:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideRightDown;-moz-animation: 0.4s ease-in-out 0s 1 both slideRightDown;animation: 0.4s ease-in-out 0s 1 both slideRightDown} .slide-left:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideLeft;-moz-animation: 0.4s ease-in-out 0s 1 both slideLeft;animation: 0.4s ease-in-out 0s 1 both slideLeft} .slide-left-up:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideLeftUp;-moz-animation: 0.4s ease-in-out 0s 1 both slideLeftUp;animation: 0.4s ease-in-out 0s 1 both slideLeftUp} .slide-left-down:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideLeftDown;-moz-animation: 0.4s ease-in-out 0s 1 both slideLeftDown;animation: 0.4s ease-in-out 0s 1 both slideLeftDown} .slide-down:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideDown;-moz-animation: 0.4s ease-in-out 0s 1 both slideDown;animation: 0.4s ease-in-out 0s 1 both slideDown} .slide-up:hover i::before {-webkit-animation: 0.4s ease-in-out 0s 1 both slideUp;-moz-animation: 0.4s ease-in-out 0s 1 both slideUp;animation: 0.4s ease-in-out 0s 1 both slideUp} @-webkit-keyframes slideRight {0% {-webkit-transform: translateX(0);transform: translateX(0)} 50% {-webkit-transform: translateX(100%);transform: translateX(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0);transform: translateX(0)}} @-moz-keyframes slideRight {0% {-moz-transform: translateX(0);transform: translateX(0)} 50% {-moz-transform: translateX(100%);transform: translateX(100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(-100%);transform: translateX(-100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0);transform: translateX(0)}} @keyframes slideRight {0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)} 50% {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);transform: translateX(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}} @-webkit-keyframes slideRightUp {0% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-moz-keyframes slideRightUp {0% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-moz-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @keyframes slideRightUp {0% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(100%) translateY(-100%);-moz-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%) translateY(100%);-moz-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-webkit-keyframes slideRightDown {0% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-moz-keyframes slideRightDown {0% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-moz-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @keyframes slideRightDown {0% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(100%) translateY(100%);-moz-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(-100%) translateY(-100%);-moz-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-webkit-keyframes slideLeft {0% {-webkit-transform: translateX(0);transform: translateX(0)} 50% {-webkit-transform: translateX(-100%);transform: translateX(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0);transform: translateX(0)}} @-moz-keyframes slideLeft {0% {-moz-transform: translateX(0);transform: translateX(0)} 50% {-moz-transform: translateX(-100%);transform: translateX(-100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(100%);transform: translateX(100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0);transform: translateX(0)}} @keyframes slideLeft {0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)} 50% {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);transform: translateX(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}} @-webkit-keyframes slideLeftUp {0% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-moz-keyframes slideLeftUp {0% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-moz-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @keyframes slideLeftUp {0% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(-100%) translateY(-100%);-moz-transform: translateX(-100%) translateY(-100%);transform: translateX(-100%) translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%) translateY(100%);-moz-transform: translateX(100%) translateY(100%);transform: translateX(100%) translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-webkit-keyframes slideLeftDown {0% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-moz-keyframes slideLeftDown {0% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-moz-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%)} 51% {opacity: 0} 52% {-moz-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @keyframes slideLeftDown {0% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)} 50% {-webkit-transform: translateX(-100%) translateY(100%);-moz-transform: translateX(-100%) translateY(100%);transform: translateX(-100%) translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateX(100%) translateY(-100%);-moz-transform: translateX(100%) translateY(-100%);transform: translateX(100%) translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0)}} @-webkit-keyframes slideDown {0% {-webkit-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(100%);transform: translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateY(0);transform: translateY(0)}} @-moz-keyframes slideDown {0% {-moz-transform: translateY(0);transform: translateY(0)} 50% {-moz-transform: translateY(100%);transform: translateY(100%)} 51% {opacity: 0} 52% {-moz-transform: translateY(-100%);transform: translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateY(0);transform: translateY(0)}} @keyframes slideDown {0% {-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transform: translateY(100%)} 51% {opacity: 0} 52% {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0)}} @-webkit-keyframes slideUp {0% {-webkit-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(-100%);transform: translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateY(100%);transform: translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateY(0);transform: translateY(0)}} @-moz-keyframes slideUp {0% {-moz-transform: translateY(0);transform: translateY(0)} 50% {-moz-transform: translateY(-100%);transform: translateY(-100%)} 51% {opacity: 0} 52% {-moz-transform: translateY(100%);transform: translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-moz-transform: translateY(0);transform: translateY(0)}} @keyframes slideUp {0% {-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0)} 50% {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%)} 51% {opacity: 0} 52% {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transform: translateY(100%);opacity: 0} 53% {opacity: 1} 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0)}} .form-container {position: relative} .form {opacity: 1;-webkit-transition: opacity var(--_animspeed-slow) ease-in-out;-moz-transition: opacity var(--_animspeed-slow) ease-in-out;transition: opacity var(--_animspeed-slow) ease-in-out} .form.is-hidden {opacity: 0} .form__item {padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem;margin-block-end: 3rem} .form__item:last-of-type {margin-block-end: 0} @media only screen and (min-width: 1400px) {.form__item {padding-block-start: 0;padding-inline-end: 2.5rem;padding-block-end: 0;padding-inline-start: 2.5rem}} form {position: relative;inline-size: 100%} form input, form textarea {position: relative;display: block;inline-size: 100%;border: none;outline: none;margin: 0;padding-block-start: 1.4rem;padding-inline-end: 0.4rem;padding-block-end: 1.4rem;padding-inline-start: 0.4rem;background-color: transparent;border-block-end: 2px solid var(--stroke-elements);font: normal 700 2rem/1.4 var(--_font-default);color: var(--t-bright)} form input:focus, form textarea:focus {border-block-end: 2px solid var(--accent)} form textarea {block-size: 16rem;resize: none} form ::-webkit-input-placeholder {color: var(--t-placeholder)} form :-moz-placeholder {color: var(--t-placeholder)} form ::-moz-placeholder {color: var(--t-placeholder)} form :-ms-input-placeholder {color: var(--t-placeholder)} form input:focus:required:invalid, form textarea:focus:required:invalid {color: var(--t-default)} form input:required:valid, form textarea:required:valid {color: var(--t-default)} .form__reply {position: absolute;inset-block-start: 0;inset-inline-end: auto;inset-block-end: auto;inset-inline-start: 0;opacity: 0;-webkit-transition: opacity var(--_animspeed-slow) ease-in-out;-moz-transition: opacity var(--_animspeed-slow) ease-in-out;transition: opacity var(--_animspeed-slow) ease-in-out} .form__reply.centered {position: absolute;inset-block-start: auto;inset-inline-end: auto;inset-block-end: auto;inset-inline-start: auto;inset-inline-start: 50%;inset-block-start: 50%;inset-block-end: auto;inset-inline-end: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);max-inline-size: 300px} .form__reply.is-visible {opacity: 1} .reply__icon {display: block;font-size: -moz-calc(var(--_size) * 2.75);font-size: calc(var(--_size) * 2.75);color: var(--accent);margin-block-end: 1rem} .reply__title {font: normal 700 -moz-calc(var(--_size) * 1.5)/1 var(--_font-accent);font: normal 700 calc(var(--_size) * 1.5)/1 var(--_font-accent);color: var(--t-bright);margin-block-end: 0.375rem} .reply__text {display: block;font: normal 400 -moz-calc(var(--_size) * 1.125)/1.4 var(--_font-default);font: normal 400 calc(var(--_size) * 1.125)/1.4 var(--_font-default);color: var(--t-medium)} .main {position: relative;block-size: auto;padding-block-start: 6rem;padding-inline-end: 0;padding-block-end: 6rem;padding-inline-start: 0} @media only screen and (min-width: 768px) {.main {padding-block-start: 7.5rem;padding-inline-end: 0;padding-block-end: 7.5rem;padding-inline-start: 0}} @media only screen and (min-width: 992px) {.main {block-size: -moz-calc(100vh - 2rem);block-size: calc(100vh - 2rem);padding: 0}} @media only screen and (min-width: 1400px) {.main {block-size: -moz-calc(100vh - 8rem);block-size: calc(100vh - 8rem)}} .headline {position: relative;padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem} @media only screen and (min-width: 768px) {.headline {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 6rem}} @media only screen and (min-width: 992px) {.headline {position: absolute;inset-block-end: 4rem;inset-inline-start: 0;inline-size: 100%;padding-block-start: 0;padding-inline-end: 3rem;padding-block-end: 0;padding-inline-start: 3rem}} @media only screen and (min-width: 1200px) {.headline {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 3rem}} @media only screen and (min-width: 1400px) {.headline {inset-block-end: 2rem;padding-block-start: 0;padding-inline-end: 8rem;padding-block-end: 0;padding-inline-start: 5rem}} @media only screen and (min-width: 1600px) {.headline {padding-block-start: 0;padding-inline-end: 10rem;padding-block-end: 0;padding-inline-start: 5rem}} @media only screen and (min-width: 992px) {.headline__title {max-inline-size: 560px}} @media only screen and (min-width: 1200px) {.headline__title {max-inline-size: 660px}} @media only screen and (min-width: 1400px) {.headline__title {max-inline-size: 760px}} @media only screen and (min-width: 1600px) {.headline__title {max-inline-size: 900px}} .rotating-btn {position: relative;inline-size: 100%;block-size: auto;padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem;margin-block-start: 5rem} @media only screen and (min-width: 768px) {.rotating-btn {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 6rem;margin-block-start: 6rem}} @media only screen and (min-width: 992px) {.rotating-btn {inline-size: auto;padding: 0;margin-block-start: 0;position: absolute;inset-inline-end: 3rem;inset-block-end: 4rem}} @media only screen and (min-width: 1200px) {.rotating-btn {inset-inline-end: 6rem}} @media only screen and (min-width: 1400px) {.rotating-btn {inset-block-end: 2rem;inset-inline-end: 8rem}} @media only screen and (min-width: 1600px) {.rotating-btn {inset-inline-end: 10rem}} .rotating-btn__link {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;position: relative;inline-size: 120px;block-size: 120px;color: var(--t-bright);font-size: 2.2rem} .rotating-btn__link i {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;position: relative;overflow: hidden} .rotating-btn__link svg {display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 120px;block-size: 120px} .rotating-btn__link svg text {fill: var(--t-bright);font-family: var(--_font-default);font-weight: 700;font-size: 1.2rem;letter-spacing: 0.05rem;text-transform: uppercase;-webkit-transition: var(--_animspeed-medium) var(--_animbezier);-moz-transition: var(--_animspeed-medium) var(--_animbezier);transition: var(--_animspeed-medium) var(--_animbezier)} @media only screen and (min-width: 1600px) {.rotating-btn__link {inline-size: 140px;block-size: 140px;font-size: 2.6rem} .rotating-btn__link svg {inline-size: 140px;block-size: 140px}} .inner {padding-block-start: 6rem;padding-inline-end: 0;padding-block-end: 6rem;padding-inline-start: 0} .inner.inner-grid-top {padding-block-start: 3rem;padding-inline-end: 0;padding-block-end: 6rem;padding-inline-start: 0} @media only screen and (min-width: 768px) {.inner {padding-block-start: 7.5rem;padding-inline-end: 0;padding-block-end: 7.5rem;padding-inline-start: 0} .inner.inner-grid-top {padding-block-start: 4.5rem;padding-inline-end: 0;padding-block-end: 7.5rem;padding-inline-start: 0}} @media only screen and (min-width: 992px) {.inner {padding-block-start: 11rem;padding-inline-end: 0;padding-block-end: 4rem;padding-inline-start: 0} .inner.inner-first {padding-block-start: 11rem;padding-inline-end: 0;padding-block-end: 4rem;padding-inline-start: 0} .inner.inner-grid-top {padding-block-start: 8rem;padding-inline-end: 0;padding-block-end: 4rem;padding-inline-start: 0}} @media only screen and (min-width: 1400px) {.inner {padding-block-start: 15rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0} .inner.inner-grid-top {padding-block-start: 10rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0} .inner.inner-first {padding-block-start: 15rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0}} @media only screen and (min-width: 1600px) {.inner {padding-block-start: 16rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0} .inner.inner-grid-top {padding-block-start: 11rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0} .inner.inner-first {padding-block-start: 16rem;padding-inline-end: 0;padding-block-end: 2rem;padding-inline-start: 0}} .content {position: relative;inline-size: 100%;min-inline-size: 360px;block-size: auto} @media only screen and (min-width: 992px) {.content {padding-inline-start: 330px}} @media only screen and (min-width: 1200px) {.content {padding-inline-start: 360px}} @media only screen and (min-width: 1400px) {.content {padding-inline-start: 480px}} @media only screen and (min-width: 1600px) {.content {padding-inline-start: 500px}} .content__background {position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%} .content__wrapper {position: relative} .content__block {position: relative;padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem} .content__block.grid-block {padding: 0} @media only screen and (min-width: 768px) {.content__block {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 6rem} .content__block.grid-block {padding-block-start: 0;padding-inline-end: 4.5rem;padding-block-end: 0;padding-inline-start: 4.5rem}} @media only screen and (min-width: 992px) {.content__block {padding-block-start: 0;padding-inline-end: 3rem;padding-block-end: 0;padding-inline-start: 3rem} .content__block.grid-block {padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem}} @media only screen and (min-width: 1200px) {.content__block {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 3rem} .content__block.grid-block {padding-block-start: 0;padding-inline-end: 4.5rem;padding-block-end: 0;padding-inline-start: 1.5rem}} @media only screen and (min-width: 1400px) {.content__block {padding-block-start: 0;padding-inline-end: 8rem;padding-block-end: 0;padding-inline-start: 5rem} .content__block.grid-block {padding-block-start: 0;padding-inline-end: 5.5rem;padding-block-end: 0;padding-inline-start: 2.5rem}} @media only screen and (min-width: 1600px) {.content__block {padding-block-start: 0;padding-inline-end: 10rem;padding-block-end: 0;padding-inline-start: 5rem} .content__block.grid-block {padding-block-start: 0;padding-inline-end: 7.5rem;padding-block-end: 0;padding-inline-start: 2.5rem}} .content__block.section-title {margin-block-end: 4rem} .content__block.section-grid-title {margin-block-end: 1.4rem} .content__block.block-large {margin-block-end: 11rem} .content__block.block-grid-large {margin-block-end: 10rem} @media only screen and (min-width: 768px) {.content__block.section-title {margin-block-end: 5rem} .content__block.section-grid-title {margin-block-end: 1.9rem} .content__block.block-large {margin-block-end: 13rem} .content__block.block-grid-large {margin-block-end: 13rem}} @media only screen and (min-width: 1200px) {.content__block.section-title {margin-block-end: 4.7rem} .content__block.section-grid-title {margin-block-end: 1.6rem}} @media only screen and (min-width: 1400px) {.content__block.section-grid-title {margin-block-end: 0.4rem} .content__block.block-large {margin-block-end: 14.6rem} .content__block.block-grid-large {margin-block-end: 15rem}} @media only screen and (min-width: 1600px) {.content__block.section-title {margin-block-end: 5.3rem} .content__block.block-large {margin-block-end: 15.6rem}} .section-h4 {margin-block-end: 4.1rem;margin-block-start: 15rem} .section-h3 {margin-block-end: 4.1rem} .section-h3.section-h3-grid {margin-block-start: 5rem;margin-block-end: 2.1rem} @media only screen and (min-width: 1400px) {.section-h3 {margin-block-end: 3.9rem} .section-h3.section-h3-grid {margin-block-end: 2rem}} @media only screen and (min-width: 1600px) {.section-h3 {margin-block-end: 3.7rem} .section-h3.section-h3-grid {margin-block-end: 1.8rem}} .grid-item {padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem;margin-block-start: 3rem} @media only screen and (min-width: 1400px) {.grid-item {padding-block-start: 0;padding-inline-end: 2.5rem;padding-block-end: 0;padding-inline-start: 2.5rem;margin-block-start: 5rem}} .grid-item-s {padding-block-start: 0;padding-inline-end: 1rem;padding-block-end: 0;padding-inline-start: 1rem;margin-block-start: 2rem} .header {position: fixed;inset-inline-start: 50%;inset-inline-end: auto;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);inset-block-end: 1.5rem;inline-size: auto;block-size: 4.4rem;-moz-border-radius: 2rem;border-radius: 2rem;background-color: rgba(0, 0, 0, 0.03);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);z-index: 11} @media only screen and (min-width: 768px) {.header {inset-block-end: 3rem}} @media only screen and (min-width: 992px) {.header {inset-block-start: 3rem;inset-inline-start: auto;inset-inline-end: 0;inset-block-end: auto;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);inline-size: -moz-calc(100% - 330px);inline-size: calc(100% - 330px);block-size: 5rem;padding-block-start: 0;padding-inline-end: 3rem;padding-block-end: 0;padding-inline-start: 3rem;background-color: transparent;-webkit-backdrop-filter: none;backdrop-filter: none}} @media only screen and (min-width: 1200px) {.header {padding-block-start: 0;padding-inline-end: 6rem;padding-block-end: 0;padding-inline-start: 3rem;inline-size: -moz-calc(100% - 360px);inline-size: calc(100% - 360px)}} @media only screen and (min-width: 1400px) {.header {inset-block-start: 5rem;inline-size: -moz-calc(100% - 480px);inline-size: calc(100% - 480px);padding-block-start: 0;padding-inline-end: 8rem;padding-block-end: 0;padding-inline-start: 5rem}} @media only screen and (min-width: 1600px) {.header {inline-size: -moz-calc(100% - 500px);inline-size: calc(100% - 500px);block-size: 6rem;padding-block-start: 0;padding-inline-end: 10rem;padding-block-end: 0;padding-inline-start: 5rem}} @media only screen and (min-width: 992px) {.header__controls .btn {margin-inline-end: 1rem} .header__controls .btn:last-child {margin-inline-end: 0}} .header__trigger {inline-size: 4.4rem;block-size: 4.4rem;font-size: 1.6rem;white-space: nowrap} .header__trigger::before {content: "";display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%;background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);-moz-border-radius: 2rem;border-radius: 2rem;-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);will-change: transform;-webkit-transition: -webkit-transform 0.3s var(--_animbezier);transition: -webkit-transform 0.3s var(--_animbezier);-moz-transition: transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier), -webkit-transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier)} .header__trigger i, .header__trigger span {display: block;position: relative;line-height: 4.4rem;color: var(--t-opp-bright);overflow: hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s} .header__trigger i {font-size: 1.8rem} .header__trigger span {display: none} @media only screen and (min-width: 992px) {.header__trigger {inline-size: auto;block-size: 5rem;padding-block-start: 0;padding-inline-end: 2rem;padding-block-end: 0;padding-inline-start: 2rem;font: normal 700 var(--_size)/5rem var(--_font-default)} .header__trigger::before {-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m)} .header__trigger i, .header__trigger span {line-height: 5rem;color: rgba(0, 0, 0, 0);text-shadow: 0 0 var(--t-opp-bright), 0 5rem var(--t-opp-bright)} .header__trigger span {display: block} .header__trigger i {margin-inline-start: 0.6rem}} @media only screen and (min-width: 1200px) {.no-touch .header__trigger:hover::before {-webkit-transform: scale3d(1.03, 1.03, 1.03);-moz-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)} .no-touch .header__trigger:hover i, .no-touch .header__trigger:hover span {text-shadow: 0 -5rem var(--t-opp-bright), 0 0 var(--t-opp-bright)}} @media only screen and (min-width: 1600px) {.header__trigger {block-size: 6rem;line-height: 6rem;padding-block-start: 0;padding-inline-end: 2.4rem;padding-block-end: 0;padding-inline-start: 2.4rem;font-size: 2rem} .header__trigger i, .header__trigger span {line-height: 6rem;text-shadow: 0 0 var(--t-opp-bright), 0 6rem var(--t-opp-bright)} .header__trigger i {font-size: 2.2rem} .no-touch .header__trigger:hover i, .no-touch .header__trigger:hover span {text-shadow: 0 -6rem var(--t-opp-bright), 0 0 var(--t-opp-bright)}} .trigger__caption {display: none} @media only screen and (min-width: 992px) {.trigger__caption {display: inline}} .header__switcher {inline-size: 4.4rem;block-size: 4.4rem;-moz-border-radius: 2rem;border-radius: 2rem;color: var(--t-muted);font-size: 1.6rem;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out} @media only screen and (min-width: 992px) {.header__switcher {inline-size: 5rem;block-size: 5rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)} .header__switcher i {position: relative;font-size: 2rem} .no-touch .header__switcher:hover {color: var(--t-bright)}} @media only screen and (min-width: 1600px) {.header__switcher {inline-size: 6rem;block-size: 6rem} .header__switcher i {font-size: 2.2rem}} .gradient-fill{fill: var(--t-bright) !important} .avatar {position: relative;inline-size: -moz-calc(100% - 3rem);inline-size: calc(100% - 3rem);block-size: auto;margin-block-start: 0;margin-inline-end: auto;margin-block-end: 0;margin-inline-start: auto;padding-block-start: 1.5rem;padding-block-end: 6rem;z-index: 9;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left} @media only screen and (min-width: 768px) {.avatar {padding-block-start: 3rem;padding-block-end: 7.5rem;inline-size: -moz-calc(100% - 12rem);inline-size: calc(100% - 12rem)}} @media only screen and (min-width: 992px) {.avatar {position: fixed;inset-block-start: 3rem;inset-inline-start: 3rem;inline-size: 300px;block-size: -moz-calc(100% - 6rem);block-size: calc(100% - 6rem);margin: 0;padding-block-start: 0;padding-block-end: 0}} @media only screen and (min-width: 1200px) {.avatar {inset-inline-start: 6rem}} @media only screen and (min-width: 1400px) {.avatar {inset-block-start: 5rem;inset-inline-start: 8rem;inline-size: 400px;block-size: -moz-calc(100% - 10rem);block-size: calc(100% - 10rem)}} @media only screen and (min-width: 1600px) {.avatar {inset-inline-start: 10rem}} .avatar__container {position: relative;inline-size: 100%;block-size: 100%;padding-block-start: 1.2rem;padding-inline-end: 3rem;padding-block-end: 1.2rem;padding-inline-start: 3rem} .avatar__container::before {content: "";display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%;background-color: var(--base-tint);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl)} @media only screen and (min-width: 1400px) {.avatar__container {padding: 5rem}} .avatar__block {position: relative;margin-block-end: 3rem} .avatar__block > h6 > .top{margin-block-end: 1rem;display: block} .avatar__block:first-child {margin-block-end: 3.6rem} .avatar__block:last-child {margin-block-end: 0} @media only screen and (min-width: 768px) {.avatar__block {margin-block-end: 4rem} .avatar__block:first-child {margin-block-end: 4.4rem}} @media only screen and (min-width: 992px) {.avatar__block {margin-block-end: 0} .avatar__block:first-child {margin-block-end: 0}} .avatar__logo {margin-block-end: 1rem} @media only screen and (min-width: 1400px) {.avatar__logo {margin-block-end: 2rem}} .logo__image {inline-size: 60px;block-size: 60px} .logo__image svg {inline-size: 100%;block-size: auto} @media only screen and (min-width: 1400px) {.logo__image {inline-size: 75px;block-size: 75px}} .logo__caption {padding-inline-start: 2rem} .logo__caption p {font: normal 700 2.8rem/1.06 var(--_font-accent);color: var(--t-bright)} @media only screen and (min-width: 1400px) {.logo__caption p {font-size: 3.6rem}} .avatar__image {overflow: hidden;-moz-border-radius: var(--_radius-l);border-radius: var(--_radius-l);margin-block-end: 0.8rem} .avatar__socials {margin-block-end: 1rem} .menu__item {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex} @media only screen and (min-width: 992px) {.menu__item {margin-inline-end: 1rem} .menu__item:last-child {margin-inline-end: 0}} .menu__link {inline-size: 4.4rem;block-size: 4.4rem;-moz-border-radius: 2rem;border-radius: 2rem;color: var(--t-disabled);background-color: transparent;border: none;white-space: nowrap;font-size: 1.8rem;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out} .menu__link.active {color: var(--t-opp-bright);background-color: var(--base-opp)} @media only screen and (min-width: 992px) {.menu__link {inline-size: 5rem;block-size: 5rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);margin-inline-end: 1rem;border: 1px solid transparent} .menu__link:last-child {margin-inline-end: 0} .menu__link i {position: relative} .menu__link.active {background-color: transparent;border: 1px solid var(--stroke-controls-neutral);color: var(--t-bright);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px)}} @media only screen and (min-width: 1200px) {.menu__link {inline-size: auto;block-size: 5rem;padding-block-start: 0;padding-inline-end: 2rem;padding-block-end: 0;padding-inline-start: 2rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);font: normal 700 var(--_size)/5rem var(--_font-default)} .menu__link i {display: none} .no-touch .menu__link:hover {color: var(--t-bright)}} @media only screen and (min-width: 1600px) {.menu__link {block-size: 6rem;line-height: 6rem;padding-block-start: 0;padding-inline-end: 2.4rem;padding-block-end: 0;padding-inline-start: 2.4rem;font-size: 2rem}} .menu__caption {display: none} @media only screen and (min-width: 1200px) {.menu__caption {display: inline}} .teaser {padding-block-start: 4rem;padding-block-end: 4.3rem} @media only screen and (min-width: 768px) {.teaser {padding-block-start: 4.7rem;padding-block-end: 5.2rem}} @media only screen and (min-width: 1600px) {.teaser {padding-block-start: 5.2rem;padding-block-end: 5.7rem}} .teaser__text {font: normal 700 2.6rem/1.2 var(--_font-default);font-variant-numeric: lining-nums;background: var(--t-accent);background: -webkit-linear-gradient(15deg, var(--t-accent) 0%, var(--t-secondary) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent} @media only screen and (min-width: 768px) {.teaser__text {font-size: 3rem;max-inline-size: 62rem}} @media only screen and (min-width: 1400px) {.teaser__text {font-size: 3.8rem;max-inline-size: 80rem}} @media only screen and (min-width: 1600px) {.teaser__text {font-size: 4.4rem;max-inline-size: 92rem}} .contact-lines__item {padding-block-start: 4.3rem;padding-block-end: 4.2rem;border-block-start: 1px solid var(--stroke-elements)} @media only screen and (min-width: 768px) {.contact-lines__item {padding-block-start: 3.3rem;padding-block-end: 3.2rem}} @media only screen and (min-width: 992px) {.contact-lines__item {padding-block-end: 10.3rem}} @media only screen and (min-width: 1400px) {.contact-lines__item {padding-block-start: 3.3rem;padding-block-end: 14.4rem}} @media only screen and (min-width: 1600px) {.contact-lines__item {padding-block-start: 3.3rem}} .contact-lines__data {margin-block-end: 1.7rem} .contact-lines__data:last-of-type {margin-block-end: 0} @media only screen and (min-width: 768px) {.contact-lines__data {margin-block-end: 0}} .contact-lines__title {font: normal 700 1.6rem/1.2 var(--_font-accent);font-variant-numeric: lining-nums;color: var(--t-bright)} .contact-lines__title a {color: var(--t-bright)} .contact-lines__text {font: normal 400 1.6rem/1.4 var(--_font-default);font-variant-numeric: lining-nums;color: var(--t-muted)} .contact-lines__text a {color: var(--t-muted)} .about-descr {padding-block-start: 1rem} @media only screen and (min-width: 768px) {.about-descr {padding-block-start: 2rem}} @media only screen and (min-width: 1400px) {.about-descr {padding-block-start: 0.9rem}} .about-descr__text {margin-block-end: 1.5rem} .about-descr__text:last-of-type {margin-block-end: 0} @media only screen and (min-width: 1400px) {.about-descr__text {margin-block-end: 2.1rem}} .about-descr__btnholder {margin-block-start: 2.5rem} @media only screen and (min-width: 1400px) {.about-descr__btnholder {margin-block-start: 3.1rem}} @media only screen and (min-width: 1600px) {.about-descr__btnholder {margin-block-start: 3.2rem}} .about-info {padding-block-start: 1.7rem} @media only screen and (min-width: 768px) {.about-info {padding-block-start: 2.7rem}} @media only screen and (min-width: 1400px) {.about-info {padding-block-start: 1.6rem}} .about-info__item {margin-block-end: 2.6rem} .about-info__item:last-of-type {margin-block-end: 0} @media only screen and (min-width: 1400px) {.about-info__item {margin-block-end: 3rem}} @media only screen and (min-width: 1600px) {.about-info__item {margin-block-end: 3.2rem}} .gallery__item {position: relative} .gallery__link {display: block;position: relative;overflow: hidden;-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);cursor: pointer} .gallery__link .picture {position: absolute;inset-inline-start: 50%;inset-block-start: 50%;inset-block-end: auto;inset-inline-end: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);inline-size: 112%;block-size: 112%;background-repeat: no-repeat;background-position: center center;-moz-background-size: cover;background-size: cover;-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;-webkit-transition: opacity 0.5s ease-in-out, width 0.3s var(--_animbezier), height 0.3s var(--_animbezier), -webkit-transform 0.7s ease-in-out;transition: opacity 0.5s ease-in-out, width 0.3s var(--_animbezier), height 0.3s var(--_animbezier), -webkit-transform 0.7s ease-in-out;-moz-transition: transform 0.7s ease-in-out, opacity 0.5s ease-in-out, width 0.3s var(--_animbezier), height 0.3s var(--_animbezier), -moz-transform 0.7s ease-in-out;transition: transform 0.7s ease-in-out, opacity 0.5s ease-in-out, width 0.3s var(--_animbezier), height 0.3s var(--_animbezier);transition: transform 0.7s ease-in-out, opacity 0.5s ease-in-out, width 0.3s var(--_animbezier), height 0.3s var(--_animbezier), -webkit-transform 0.7s ease-in-out, -moz-transform 0.7s ease-in-out} @media only screen and (min-width: 1200px) {.gallery__link {-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transition: -webkit-transform 0.3s var(--_animbezier);transition: -webkit-transform 0.3s var(--_animbezier);-moz-transition: transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier), -webkit-transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier)} .no-touch .gallery__link:hover {-webkit-transform: scale3d(1.03, 1.03, 1.03);-moz-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)} .no-touch .gallery__link:hover .picture {inline-size: 100%;block-size: 100%}} .gallery__image {opacity: 0} .gallery__descr {position: absolute;inset-block-end: 0;inset-inline-start: 1.5rem;inline-size: -moz-calc(100% - 3rem);inline-size: calc(100% - 3rem);padding-block-start: 2.5rem;padding-inline-end: 3rem;padding-block-end: 2.5rem;padding-inline-start: 3rem} .gallery__descr h5, .gallery__descr p {display: none} .gallery__descr .rounded-tag {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;block-size: 3.4rem;padding-block-start: 0;padding-inline-end: 1.4rem;padding-block-end: 0;padding-inline-start: 1.4rem;margin-block-start: 0.5rem;margin-inline-end: 1rem;margin-block-end: 0.5rem;margin-inline-start: 0;-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s);font: normal 400 1.5rem/1 var(--_font-default);font-variant-numeric: lining-nums;background-color: var(--base);color: var(--t-bright)} .gallery__descr .rounded-tag.opposite {background-color: var(--base-opp);color: var(--t-opp-bright)} @media only screen and (min-width: 1400px) {.gallery__descr {position: absolute;inset-block-end: 0;inset-inline-start: 2.5rem;inline-size: -moz-calc(100% - 5rem);inline-size: calc(100% - 5rem)}} .pswp__bg {background: var(--per-base-tint)} .pswp__top-bar, .pswp__ui--fit .pswp__top-bar {block-size: 74px;padding: 1.5rem;background-color: transparent} .pswp__counter {inset-inline-start: 1.5rem;inset-block-start: 1.5rem;padding-block-start: 0;padding-inline-end: 1.4rem;padding-block-end: 0;padding-inline-start: 1.4rem;-moz-border-radius: 2rem;border-radius: 2rem;background-color: rgba(0, 0, 0, 0.4);font: normal 400 1.8rem/44px var(--_font-default);font-variant-numeric: lining-nums;color: var(--t-per-bright-light);opacity: 1} .pswp__counter:active {opacity: 1} .pswp__caption, .pswp__ui--fit .pswp__caption {padding: 1.5rem;background-color: transparent} .pswp__caption__center {-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);padding: 3rem;background-color: rgba(0, 0, 0, 0.4)} .pswp__caption__center h5 {font: normal 700 -moz-calc(var(--_size) * 1.5)/1.2 var(--_font-accent);font: normal 700 calc(var(--_size) * 1.5)/1.2 var(--_font-accent);color: var(--t-per-bright-light);margin-block-end: 1.2rem} .pswp__caption__center .rounded-tag {display: -webkit-inline-box;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;block-size: 3.4rem;padding-block-start: 0;padding-inline-end: 1.4rem;padding-block-end: 0;padding-inline-start: 1.4rem;margin-block-start: 0.5rem;margin-inline-end: 1rem;margin-block-end: 0.5rem;margin-inline-start: 0;-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s);font: normal 400 1.5rem/1 var(--_font-default);font-variant-numeric: lining-nums;background-color: transparent;border: 1px solid var(--per-stroke-controls);color: var(--t-per-bright-light)} .pswp__caption__center p {font: normal 400 -moz-calc(var(--_size) * 1.125)/1.4 var(--_font-default);font: normal 400 calc(var(--_size) * 1.125)/1.4 var(--_font-default);color: var(--t-per-medium-light);margin-block-start: 1rem} @media only screen and (min-width: 1200px) {.pswp__caption__center {max-inline-size: 600px}} @media only screen and (min-width: 1600px) {.pswp__caption__center p {font-size: -moz-calc(var(--_size) * 1.25);font-size: calc(var(--_size) * 1.25)}} .pswp__button {background-color: rgba(0, 0, 0, 0.4);border: 1px solid var(--per-stroke-controls);-moz-border-radius: 2rem;border-radius: 2rem;opacity: 1} .pswp__button:active {opacity: 1} .pswp__button--zoom, .pswp__button--fs, .pswp__button--share {margin-inline-end: 1rem} .pswp__button--close {position: relative;background-color: var(--accent);border: none;opacity: 1} .pswp__button--close:active {opacity: 1} .pswp__button--arrow--left, .pswp__button--arrow--right {inline-size: 74px;opacity: 1;border: none;background-color: transparent} .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {inset-block-start: 28px;inline-size: 44px;block-size: 44px;line-height: 44px;-moz-border-radius: 2rem;border-radius: 2rem;background-color: var(--accent);color: var(--t-per-bright-dark);font-size: 1.6rem} .pswp__button--arrow--left:before {inset-inline-start: 1.5rem;background-position: -132px -44px} .pswp__button--arrow--right:before {inset-inline-end: 1.5rem;background-position: -88px -44px} .numblock {padding-block-start: 1rem;padding-inline-end: 1.25rem;padding-block-end: 1rem;padding-inline-start: 1.25rem;margin-inline-end: 1rem;border: 1px solid var(--stroke-elements);background-color: var(--base);-moz-border-radius: var(--_radius-s);border-radius: var(--_radius-s)} .numblock:last-of-type {margin-inline-end: 0} .numblock__number {display: block;font: normal 700 2.25rem/1 var(--_font-accent);font-variant-numeric: lining-nums;color: var(--t-bright)} .numblock__descr {font: normal 700 -moz-calc(var(--_size) * 0.938)/1.2 var(--_font-default);font: normal 700 calc(var(--_size) * 0.938)/1.2 var(--_font-default);color: var(--t-muted);margin-block-start: 0.375rem} @media only screen and (min-width: 768px) {.numblock__descr {margin-block-start: 0;margin-inline-start: 0.375rem}} .achievements__item {inline-size: 100%} @media only screen and (min-width: 768px) {.achievements__item {inline-size: 33.33333334%}} .achievements__card {block-size: 100%;padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);text-align: center} .achievements__number {font: normal 700 6rem/1 var(--_font-accent);letter-spacing: -0.2rem;font-variant-numeric: lining-nums;background: var(--t-accent);background: -webkit-linear-gradient(15deg, var(--t-accent) 0%, var(--t-secondary) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent} @media only screen and (min-width: 1200px) {.achievements__number {font-size: 7rem}} @media only screen and (min-width: 1600px) {.achievements__number {font-size: 8rem}} .achievements__descr {font: normal 700 1.6rem/1.2 var(--_font-default);color: var(--t-bright);margin-block-start: 0.6rem} @media only screen and (min-width: 1200px) {.achievements__descr {font-size: 1.8rem}} @media only screen and (min-width: 1600px) {.achievements__descr {font-size: 2rem}} .cards {position: relative} .cards__item {position: relative;overflow: hidden;cursor: pointer;block-size: 520px} @media only screen and (min-width: 1400px) {.cards__item {block-size: 620px}} .cards__card {block-size: 100%;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);overflow: hidden} .cards__descr {padding: 3rem} @media only screen and (min-width: 1400px) {.cards__descr {padding: 5rem}} .cards__tags {margin-block-start: 0.7rem} @media only screen and (min-width: 1400px) {.cards__tags {margin-block-start: 0.8rem}} @media only screen and (min-width: 1600px) {.cards__tags {margin-block-start: 0.9rem}} .cards__text {margin-block-start: 1.5rem} .cards__image {position: relative;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1} .cards__image img {-o-object-fit: cover;object-fit: cover;max-inline-size: 100%;max-block-size: 100%} .resume-lines__item {padding-block-start: 4.8rem;padding-inline-end: 0;padding-block-end: 4.3rem;padding-inline-start: 0;border-block-end: 1px solid var(--stroke-elements)} .resume-lines__item:first-of-type {border-block-start: 1px solid var(--stroke-elements)} @media only screen and (min-width: 768px) {.resume-lines__item {padding-block-start: 4.4rem;padding-inline-end: 0;padding-block-end: 4.3rem;padding-inline-start: 0}} @media only screen and (min-width: 1400px) {.resume-lines__item {padding-block-start: 4.4rem;padding-inline-end: 0;padding-block-end: 4.3rem;padding-inline-start: 0}} @media only screen and (min-width: 1600px) {.resume-lines__item {padding-block-start: 4.4rem;padding-inline-end: 0;padding-block-end: 4rem;padding-inline-start: 0}} .resume-lines__date {display: block;font: normal 400 1.5rem/1 var(--_font-default);font-variant-numeric: lining-nums;color: var(--t-medium);margin-block-end: 1.8rem} @media only screen and (min-width: 768px) {.resume-lines__date {margin-block-end: 0;margin-block-start: 0.4rem}} .resume-lines__title, .resume-lines__source {padding-inline-end: 3rem} @media only screen and (min-width: 1400px) {.resume-lines__title, .resume-lines__source {padding-inline-end: 5rem}} .resume-lines__source {font: normal 400 1.5rem/1.4 var(--_font-default);color: var(--t-medium);margin-block-start: 0.3rem} .resume-lines__source a {font-weight: 700;color: var(--t-bright)} .resume-lines__descr {color: var(--t-medium);margin-block-start: 2rem} @media only screen and (min-width: 768px) {.resume-lines__descr {margin-block-start: 0}} .tools-cards {padding-block-start: 0;padding-inline-end: 0.5rem;padding-block-end: 0;padding-inline-start: 0.5rem} @media only screen and (min-width: 1400px) {.tools-cards {padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem}} .tools-cards__item {inline-size: 50%} @media only screen and (min-width: 768px) {.tools-cards__item {inline-size: 33.33333334%}} @media only screen and (min-width: 1200px) {.tools-cards__item {inline-size: 20%}} .tools-cards__card_codedup {position: relative;inline-size: 13rem;padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);text-align: center} .tools-cards__card {position: relative;inline-size: 100%;padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);text-align: center} .tools-cards__icon {inline-size: auto;block-size: 60px;margin-block-start: 0;margin-inline-end: auto;margin-block-end: 0;margin-inline-start: auto} @media only screen and (min-width: 768px) {.tools-cards__icon {block-size: 90px}} @media only screen and (min-width: 1200px) {.tools-cards__icon {block-size: 6rem}} @media only screen and (min-width: 1600px) {.tools-cards__icon {block-size: 7rem}} .tools-cards__caption {line-height: 1;margin-block-start: 1.5rem} .tools-card {padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);overflow: hidden} .tools-card__icon {inline-size: auto;block-size: 60px;margin-block-start: 0;margin-inline-end: auto;margin-block-end: 0;margin-inline-start: auto} @media only screen and (min-width: 768px) {.tools-card__icon {block-size: 90px}} .tools-card__caption {line-height: 1;margin-block-start: 1.5rem} .testimonials-card {padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl)} @media only screen and (min-width: 1400px) {.testimonials-card {padding: 5rem}} .testimonials-card__descr {max-inline-size: 1050px;margin-block-start: 2rem} @media only screen and (min-width: 1400px) {.testimonials-card__descr {margin-block-start: 3.9rem}} .testimonials-card__btnholder {margin-block-start: 2rem} @media only screen and (min-width: 1400px) {.testimonials-card__btnholder {margin-block-start: 3.4rem}} .tauthor__avatar {inline-size: 60px;min-inline-size: 60px;block-size: 60px;margin-inline-end: 2rem;-moz-border-radius: var(--_radius-m);border-radius: var(--_radius-m);overflow: hidden} @media only screen and (min-width: 768px) {.tauthor__avatar {inline-size: 100px;min-inline-size: 100px;block-size: 100px;-moz-border-radius: var(--_radius-l);border-radius: var(--_radius-l)}} .tauthor__name {font: normal 700 2.4rem/1.05 var(--_font-accent);color: var(--t-bright)} @media only screen and (min-width: 768px) {.tauthor__name {font-size: 2.6rem}} @media only screen and (min-width: 1400px) {.tauthor__name {font-size: 3rem}} .tauthor__position {font: normal 400 1.5rem/1.4 var(--_font-default);color: var(--t-medium)} .tauthor__position a {font-weight: 700;color: var(--t-bright)} @media only screen and (min-width: 768px) {.tauthor__position {margin-block-start: 0.2rem}} .tauthor__rating {margin-block-start: 1rem;margin-inline-end: 0;margin-block-end: 0.6rem;margin-inline-start: 0} .tauthor__rating i {display: block;margin-inline-end: 0.8rem;font-size: 1.8rem;background: var(--t-accent);background: -webkit-linear-gradient(15deg, var(--t-accent) 0%, var(--t-secondary) 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent} .tauthor__rating i:last-of-type {margin-inline-end: 0} .tools-slider, .testimonials-slider {position: relative;overflow: hidden} .mxd-swiper-pagination.swiper-pagination-bullets {position: relative;inset-block-end: auto;inset-inline-start: auto;line-height: 0;margin-block-start: 2rem} .mxd-swiper-pagination .swiper-pagination-bullet {display: inline-block;inline-size: 10px;block-size: 10px;-moz-border-radius: 5px;border-radius: 5px;line-height: 0;background: var(--stroke-elements);opacity: 1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out} .mxd-swiper-pagination .swiper-pagination-bullet-active {inline-size: 10px;background-color: var(--accent);background: var(--accent);background: -moz-linear-gradient(315deg, var(--accent) 0%, var(--secondary) 100%);background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%)} .swiper-testimonials {padding-block-end: 7rem} @media only screen and (min-width: 1600px) {.swiper-testimonials {padding-block-end: 8rem}} .mxd-slider-btn-square {position: absolute;inset-block-start: auto;inset-inline-end: auto;inset-block-end: 0;inset-inline-start: auto;inline-size: 5rem;block-size: 5rem;margin: 0} .mxd-slider-btn-square::after {display: none} @media only screen and (min-width: 1600px) {.mxd-slider-btn-square {inline-size: 6rem;block-size: 6rem}} .mxd-slider-btn-square-prev {inset-inline-start: 0} .mxd-slider-btn-square-next {inset-inline-start: 6rem} @media only screen and (min-width: 1600px) {.mxd-slider-btn-square-next {inset-inline-start: 7rem}} .socials-cards {padding-block-start: 0;padding-inline-end: 0.5rem;padding-block-end: 0;padding-inline-start: 0.5rem} @media only screen and (min-width: 1400px) {.socials-cards {padding-block-start: 0;padding-inline-end: 1.5rem;padding-block-end: 0;padding-inline-start: 1.5rem}} .socials-cards__item {inline-size: 50%} @media only screen and (min-width: 768px) {.socials-cards__item {inline-size: 33.33333334%}} @media only screen and (min-width: 1200px) {.socials-cards__item {inline-size: 20%}} .socials-cards__card {position: relative;inline-size: 100%;padding: 3rem;background-color: var(--base);border: 1px solid var(--stroke-elements);-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);text-align: center;-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);will-change: transform;-webkit-transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s var(--_animbezier);transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s var(--_animbezier);-moz-transition: transform 0.3s var(--_animbezier), border 0.3s ease-in-out, background-color 0.3s ease-in-out, -moz-transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier), border 0.3s ease-in-out, background-color 0.3s ease-in-out;transition: transform 0.3s var(--_animbezier), border 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier)} .socials-cards__card i {display: block;font-size: 6rem;line-height: 1;color: var(--t-placeholder);-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out} .no-touch .socials-cards__card:hover {-webkit-transform: scale3d(1.05, 1.05, 1.05);-moz-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);border: 1px solid var(--stroke-controls)} .no-touch .socials-cards__card:hover i {color: var(--t-bright)} @media only screen and (min-width: 1600px) {.socials-cards__card {font-size: 7rem}} .socials-cards__link {display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%} .socials-square__link {inline-size: 4.4rem;block-size: 4.4rem;color: var(--t-bright)} .socials-square__link::before {content: "";display: block;position: absolute;inset-block-start: 0;inset-inline-start: 0;inline-size: 100%;block-size: 100%;-moz-border-radius: 2rem;border-radius: 2rem;border: 1px solid var(--stroke-controls);background-color: var(--base-tint);-webkit-transform: scale3d(1, 1, 1);-moz-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);will-change: transform;-webkit-transition: -webkit-transform 0.3s var(--_animbezier);transition: -webkit-transform 0.3s var(--_animbezier);-moz-transition: transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier);transition: transform 0.3s var(--_animbezier), -webkit-transform 0.3s var(--_animbezier), -moz-transform 0.3s var(--_animbezier)} .socials-square__link i {display: block;position: relative;line-height: 4.4rem;font-size: 1.8rem;color: var(--t-bright);overflow: hidden;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s} @media only screen and (min-width: 1200px) {.socials-square__link i {color: rgba(0, 0, 0, 0);text-shadow: 0 0 var(--t-bright), 0 4.4rem var(--t-bright)} .no-touch .socials-square__link:hover::before {-webkit-transform: scale3d(1.08, 1.08, 1.08);-moz-transform: scale3d(1.08, 1.08, 1.08);transform: scale3d(1.08, 1.08, 1.08)} .no-touch .socials-square__link:hover i {text-shadow: 0 -4.4rem var(--t-bright), 0 0 var(--t-bright)}} @media only screen and (min-width: 1400px) {.socials-square__link {inline-size: 5rem;block-size: 5rem} .socials-square__link::before {-moz-border-radius: 2.2rem;border-radius: 2.2rem} .socials-square__link i {line-height: 5rem;font-size: 1.8rem;text-shadow: 0 0 var(--t-bright), 0 5rem var(--t-bright)} .no-touch .socials-square__link:hover i {text-shadow: 0 -5rem var(--t-bright), 0 0 var(--t-bright)}} .img1{background: url("/Portals/0/images/number/01.png");background-position: left;background-repeat: no-repeat;background-size: contain;inline-size: 35% !important;block-size: 35% !important;opacity: 0.7} .img2{background: url("/Portals/0/images/number/02.png");background-position: left;background-repeat: no-repeat;background-size: contain;inline-size: 40% !important;block-size: 40% !important;opacity: 0.7} .img3{background: url("/Portals/0/images/number/03.png");background-position: left;background-repeat: no-repeat;background-size: contain;inline-size: 40% !important;block-size: 40% !important;opacity: 0.7} .img4{background: url("/Portals/0/images/number/04.png");background-position: left;background-repeat: no-repeat;background-size: contain;background-clip: inherit;inline-size: 40% !important;block-size: 40% !important;opacity: 0.7} .tools-cards__card2 {position: relative;inline-size: 100%;padding: 3rem;-moz-border-radius: var(--_radius-xl);border-radius: var(--_radius-xl);text-align: center} .tools-cards__item2 {inline-size: 100%} @media only screen and (max-width : 476px){.img1{inline-size: 70% !important;block-size: 70% !important} .img2{inline-size: 70% !important;block-size: 70% !important} .img3{inline-size: 70% !important;block-size: 70% !important} .img4{inline-size: 70% !important;block-size: 70% !important}} @media only screen and (min-width: 768px) {.tools-cards__item2 {inline-size: 50%}} @media only screen and (min-width: 1200px) {.tools-cards__item2 {inline-size: 50%}} .text-ltr{text-align: start !important}