:root {
    --fb: "C-InterTight", sans-serif;
    --f1: JuraVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
    --f2: InterVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
    --f3: RalewayVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
    --f4: ManropeVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
    --cb: #171b2b;
    --c1: #fff;
    --c2: #000;
    --c3: #064cea;
    --c4: #f7f8fd;
    --c5: #f8f9fd;
    --c6: #5b5d72;
    --c7: #272b3f;
    --c8: #a3a7c7;
    --c9: #dee0ef;
    --c10: #0f1323;
    --c11: #102557;
    --c12: #838fb5;
    --c13: #0a66c2;
    --c14: #d44570;
    --c15: #1873ea;
    --c16: #e00420;
    --c17: #3390ec;
    --c18: #4ec95b;
    --c19: #583fbb;
    --c20: red;
    --c21: #fb5a8e;
    --c22: #3d3d3d;
    --c23: #8993af;
    --c24: #dde1ff;
    --c25: #777;
    --c26: #001652;
    --c27: #393939;
    --c28: #272727;
    --c29: #e9e9e9;
    --c30: #1b1b1f;
    --c31: #686868;
    --c32: #252525;
    --c33: #36394a;
    --c34: #ebecf4;
    --c35: #54567c;
    --c36: #36374b;
    --c37: #40434b;
    --c38: #dfe1e7;
    --c39: #3c6aff;
    --c40: #ecf1fa;
    --c41: #f3f3f3;
    --c42: #475569;
    --c43: #f5f7fc;
    --c44: #4c4c4c;
    --c45: #f9fafe;
    --c46: #eef0f6;
    --c47: #eff1fa;
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--cb);
    font: 1em var(--fb);
    scroll-behavior: smooth;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --hero-bg-height: 50%
}

@media (min-width:1201px) {
    :root {
        scroll-padding-top: 120px
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    background: 0 0;
    border: 0;
    font-size: inherit;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html:has(.body-style-1) {
    height: 100%
}

html:has(.body-style-1) body {
    height: 100%
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    margin: 0;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -ms-scroll-chaining: none;
    background-color: #fdfdfd;
    overscroll-behavior: contain
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
    font-weight: 400
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

summary {
    display: list-item
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

:focus,
a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

img {
    border: 0;
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-collapse: initial;
    border-spacing: 0;
    border-spacing: 8px;
    width: 100%
}

td,
th {
    padding: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-offset: -2px
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

optgroup {
    font-weight: 700
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

body,
html {
    scrollbar-gutter: stable
}

body:has(dialog[open]) {
    overflow-y: hidden
}

body.body-style-1 main {
    padding-top: 0
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

footer,
header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 40px
}

a::-moz-selection,
b::-moz-selection,
em::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection,
img::-moz-selection,
input:not([type=checkbox], [type=radio])::-moz-selection,
li::-moz-selection,
p::-moz-selection,
picture::-moz-selection,
span::-moz-selection,
strong::-moz-selection,
table td::-moz-selection,
table th::-moz-selection {
    background-color: var(--cb);
    color: var(--c1)
}

a::selection,
b::selection,
em::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
img::selection,
input:not([type=checkbox], [type=radio])::selection,
li::selection,
p::selection,
picture::selection,
span::selection,
strong::selection,
table td::selection,
table th::selection {
    background-color: var(--cb);
    color: var(--c1)
}

.container,
.container-lg,
.container-md {
    margin-left: auto;
    margin-right: auto
}

.container {
    max-width: 1200px
}

.container-lg {
    max-width: 1400px
}

.container-md {
    max-width: 774px
}

@media (max-width:1430px) {
    .container-lg {
        padding-left: 2.7972027972%;
        padding-right: 2.7972027972%
    }
}

@media (max-width:1230px) {

    .container,
    .container-lg {
        padding-left: 3.2520325203%;
        padding-right: 3.2520325203%
    }
}

@media (max-width:1200px) {
    :root {
        scroll-padding-top: 80px
    }

    main {
        padding-top: 20px
    }

    .container,
    .container-lg {
        padding-left: 3.3333333333%;
        padding-right: 3.3333333333%
    }
}

@media (max-width:804px) {
    .container-md {
        padding-left: 4.9751243781%;
        padding-right: 4.9751243781%
    }
}

@media (max-width:1024px) {

    .container,
    .container-lg,
    .container-md {
        padding-left: 3.90625%;
        padding-right: 3.90625%
    }
}

@media (max-width:767px) {

    .container,
    .container-lg,
    .container-md {
        padding-left: 20px;
        padding-right: 20px
    }

    .table-style-3,
    .table-style-3 tbody {
        display: block
    }

    .table-style-3 tr {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 7px 120px;
        gap: 7px;
        grid-template-columns: 1fr 120px
    }

    .table-style-3 tr+tr {
        margin-top: 28px
    }

    .table-style-3 td:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .table-style-3 td:nth-child(3) {
        grid-column: 1/-1;
        padding: 0
    }
}

@media (max-width:415px) {

    .container,
    .container-lg,
    .container-md {
        padding-left: 15px;
        padding-right: 15px
    }
}

h1,
h2,
h3 {
    font-weight: 500;
    overflow-wrap: anywhere
}

h2,
h3 {
    line-height: 1.15
}

h1 {
    font-size: 2.8125rem;
    line-height: 1.125;
    margin-bottom: 40px
}

h2 {
    font-size: 2.1875rem;
    line-height: 1.3;
    margin-bottom: 20px
}

h2 strong {
    color: rgba(91, 93, 114, .5);
    font-weight: inherit
}

h3 {
    font-size: 1.25rem;
    margin-bottom: 23px
}

@media (max-width:375px) {
    :root {
        font-size: .875em
    }

    main {
        padding-top: 10px
    }

    .container,
    .container-lg,
    .container-md {
        padding-left: 10px;
        padding-right: 10px
    }

    h1,
    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.4285714286rem
    }
}

td {
    background-color: var(--c46);
    border-radius: 7px;
    color: var(--c2);
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.2;
    padding: 16px 15px 14px
}

.table-style-1 td:nth-child(2) {
    text-align: center
}

.table-style-2 td {
    vertical-align: middle
}

@media (min-width:768px) {
    .table-style-1 td:nth-child(2) {
        min-width: 120px;
        width: 120px
    }

    .table-style-1 td:nth-child(3) {
        min-width: 238px;
        padding: 0;
        width: 238px
    }
}

@media (max-width:576px) {
    .table-style-3 tr {
        -ms-grid-columns: 1fr 100px;
        grid-template-columns: 1fr 100px
    }

    .table-style-3 td {
        font-size: .875rem;
        padding-bottom: 19px;
        padding-top: 22px
    }
}

@media (max-width:415px) {
    .table-style-3 tr {
        gap: 15px
    }
}

@media (max-width:375px) {
    td {
        padding: 22px 10px 20px
    }

    .table-style-3 tr {
        -ms-grid-columns: 1fr 10px 80px;
        gap: 10px;
        grid-template-columns: 1fr 80px
    }

    .table-style-3 td {
        font-size: .8571428571rem
    }
}

blockquote,
ol:not(.reset-list),
p,
ul:not(.reset-list) {
    line-height: 1.4
}

ol:not(.reset-list),
p,
ul:not(.reset-list) {
    margin-bottom: 20px
}

a:hover {
    text-decoration: none
}

a:not(.reset-link):not(.button) {
    color: var(--c3);
    text-decoration: none;
    text-underline-offset: 3px
}

a:not(.reset-link):not(.button):hover {
    text-decoration: underline
}

img,
picture {
    height: auto;
    max-width: 100%
}

picture {
    display: block
}

b,
strong {
    font-weight: 600
}

ol:not(.reset-list):not(.ab-top-menu),
ul:not(.reset-list):not(.ab-top-menu) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

ol:not(.reset-list):not(.ab-top-menu) li,
ul:not(.reset-list):not(.ab-top-menu) li {
    padding-left: 24px;
    position: relative
}

ol:not(.reset-list):not(.ab-top-menu) li:before,
ul:not(.reset-list):not(.ab-top-menu) li:before {
    position: absolute
}

ul:not(.reset-list) li:before {
    background-color: var(--cb);
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 9px;
    top: 7px;
    width: 6px
}

ol:not(.reset-list) {
    counter-reset: num
}

ol:not(.reset-list) li {
    position: relative
}

ol:not(.reset-list) li:before {
    content: counter(num) ".";
    counter-increment: num;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    height: 18px;
    left: 0;
    line-height: 1;
    top: 2px;
    width: 18px
}

blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
    background-color: var(--c5);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 24px 20px 26px
}

blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ol:not(.reset-list),
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ul:not(.reset-list) {
    row-gap: 9px
}

blockquote:not(.info-blockquote, .reviews-list-item-blockquote) strong {
    font-weight: 500
}

blockquote ol:not(.reset-list):last-child,
blockquote p:last-child,
blockquote ul:not(.reset-list):last-child {
    margin-bottom: 0
}

@media (max-width:320px) {

    h1,
    h2 {
        font-size: 2.1428571429rem
    }

    .table-style-3 td {
        font-size: .7857142857rem
    }

    blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
        padding-left: 10px;
        padding-right: 10px
    }

    ol:not(.reset-list) li:before {
        font-size: 1rem
    }
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/InterTight/InterTight-Thin.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Thin.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/InterTight/InterTight-ThinItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-ThinItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-ThinItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/InterTight/InterTight-ExtraLight.ttf) format("truetype"), url(../fonts/InterTight/InterTight-ExtraLight.woff2) format("woff2"), url(../fonts/InterTight/InterTight-ExtraLight.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/InterTight/InterTight-ExtraLightItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-ExtraLightItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-ExtraLightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/InterTight/InterTight-Light.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Light.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/InterTight/InterTight-LightItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-LightItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-LightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/InterTight/InterTight-Regular.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Regular.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/InterTight/InterTight-Italic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Italic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/InterTight/InterTight-Medium.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Medium.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/InterTight/InterTight-MediumItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-MediumItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/InterTight/InterTight-SemiBold.ttf) format("truetype"), url(../fonts/InterTight/InterTight-SemiBold.woff2) format("woff2"), url(../fonts/InterTight/InterTight-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/InterTight/InterTight-SemiBoldItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-SemiBoldItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-SemiBoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/InterTight/InterTight-Bold.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Bold.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/InterTight/InterTight-BoldItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-BoldItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/InterTight/InterTight-ExtraBold.ttf) format("truetype"), url(../fonts/InterTight/InterTight-ExtraBold.woff2) format("woff2"), url(../fonts/InterTight/InterTight-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/InterTight/InterTight-ExtraBoldItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-ExtraBoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/InterTight/InterTight-Black.ttf) format("truetype"), url(../fonts/InterTight/InterTight-Black.woff2) format("woff2"), url(../fonts/InterTight/InterTight-Black.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: C-InterTight;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/InterTight/InterTight-BlackItalic.ttf) format("truetype"), url(../fonts/InterTight/InterTight-BlackItalic.woff2) format("woff2"), url(../fonts/InterTight/InterTight-BlackItalic.woff) format("woff")
}

.wrapper {
    margin: auto;
    max-width: 1295px;
    padding: .1px 50px;
    position: relative;
    width: 100%
}

.wrapper--overflow-hidden {
    overflow: hidden
}

@media screen and (max-width:1200px) {
    .wrapper {
        padding: .1px 10px
    }
}

@media screen and (max-width:993px) {
    .wrapper--lg-overflow-visible {
        overflow: visible
    }
}

@media screen and (max-width:586px) {
    .wrapper--sm-overflow-visible {
        overflow: visible
    }
}

.hel {
    font-size: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    text-indent: -9999px;
    visibility: hidden;
    width: 0
}

.db {
    display: block
}

.dn {
    display: none
}

.disabled,
.hidden {
    pointer-events: none
}

.hidden {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.visible {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible
}

.ovh {
    overflow: hidden
}

.ovyh {
    overflow-y: hidden
}

.tac {
    text-align: center
}

.ttu {
    text-transform: uppercase
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.logo-company {
    display: inline-block;
    text-decoration: none
}

.logo-company svg {
    height: 100%;
    width: 100%
}

.logo-company:hover {
    text-decoration: none
}

.logo-company-path {
    fill: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.dotlottie-wrapper canvas,
.spline-viewer-wrapper canvas {
    height: auto;
    max-width: 100%
}

.list-img,
.list-img-2 {
    position: relative
}

.list-img {
    overflow: hidden
}

.list-img img,
.list-img picture {
    height: 100%;
    left: 0;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0
}

.list-img-2 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute
}

.list-img-2 img,
.list-img-2 picture {
    max-height: 100%;
    width: auto
}

iframe:not(.facebook),
iframe:not(.instagram-media),
iframe:not([id^=telegram]),
video {
    border: none;
    margin-bottom: 0
}

.video-wrapper {
    margin-bottom: 45px;
    padding-top: 56.25%;
    position: relative
}

.video-wrapper iframe:not(.facebook),
.video-wrapper iframe:not(.instagram-media),
.video-wrapper iframe:not([id^=telegram]),
.video-wrapper video {
    border: none;
    height: 100%;
    left: 0;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-wrapper,
.slider-wrapper {
    position: relative
}

.carousel-wrapper .carousel-btn,
.carousel-wrapper .slider-btn,
.slider-wrapper .carousel-btn,
.slider-wrapper .slider-btn {
    position: absolute
}

.slider-wrapper .swiper-horizontal>.swiper-pagination-bullets,
.slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider-wrapper .swiper-pagination-custom,
.slider-wrapper .swiper-pagination-fraction {
    bottom: auto;
    top: 40px
}

.slider-wrapper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: center
}

.slider-wrapper .swiper-pagination-bullet {
    background-color: var(--c6);
    border-radius: 50%;
    height: 8px;
    opacity: 1;
    width: 8px
}

.slider-wrapper .swiper-pagination-bullet-active {
    background-color: var(--c1)
}

.carousel-wrapper.slider-wrapper-not-initialized,
.carousel-wrapper.slider-wrapper-not-initialized .carousel-btn,
.carousel-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized,
.slider-wrapper.slider-wrapper-not-initialized .carousel-btn,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn {
    position: static
}

.carousel-wrapper:not(.slider-wrapper-not-initialized),
.slider-wrapper:not(.slider-wrapper-not-initialized) {
    position: relative
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn {
    position: absolute;
    z-index: 2
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c24);
    border-radius: 5px;
    cursor: pointer;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
    fill: currentColor
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover {
    background-color: var(--c24)
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock {
    display: none;
    pointer-events: none
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) {
    height: 26px;
    width: 26px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg {
    height: 8px;
    width: 14px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
    color: var(--cb);
    height: 50px;
    width: 50px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
    height: 16px;
    width: 18px;
    fill: currentColor
}

.slider-single-item .slider-btn,
.slider-single-item .swiper-pagination,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized .swiper-pagination {
    display: none
}

.s_ocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_ocial a,
.s_ocial li {
    display: inline-block;
    height: 20px;
    width: 20px
}

.s_ocial:not(.social-style-1, .social-style-2) a {
    color: var(--cb)
}

.s_ocial.social-style-1 a {
    color: var(--c5)
}

.s_ocial.social-style-2 li:has(.s_ocial__e_mail) {
    height: 18px;
    width: 24px
}

.s_ocial.social-style-2 a {
    color: var(--c3)
}

.s_ocial.social-style-2 a.s_ocial__e_mail {
    height: 18px;
    width: 24px
}

.s_ocial a,
.s_ocial a:hover {
    text-decoration: none
}

.s_ocial a.s_ocial__l_inkedin:hover {
    color: var(--c13)
}

.s_ocial a.s_ocial__i_nstagram:hover,
.s_ocial a.s_ocial__t_alk:hover {
    color: var(--c14)
}

.s_ocial a.s_ocial__f_acebook:hover {
    color: var(--c15)
}

.s_ocial a.s_ocial__p_interest:hover {
    color: var(--c16)
}

.s_ocial a.s_ocial__t_elegram:hover {
    color: var(--c17)
}

.s_ocial a.s_ocial__w_hatsapp:hover {
    color: var(--c18)
}

.s_ocial a.s_ocial__v_iber:hover {
    color: var(--c19)
}

.s_ocial a.s_ocial__y_outube:hover {
    color: var(--c20)
}

.s_ocial a.s_ocial__m_essenger:hover {
    color: var(--c21)
}

.s_ocial svg {
    height: 100%;
    width: 100%;
    fill: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-4 {
    gap: 13px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.social-style-4 .s_ocial__e_mail path,
.social-style-4 .s_ocial__l_inkedin path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-4 .s_ocial__l_inkedin path {
    fill: var(--c3)
}

.social-style-4 .s_ocial__l_inkedin:hover path {
    fill: var(--c13)
}

.social-style-4 .s_ocial__e_mail .path-1 {
    fill: var(--c3)
}

.social-style-4 .s_ocial__e_mail .path-2 {
    fill: var(--c1)
}

.social-style-4 .s_ocial__e_mail:hover .path-1 {
    fill: var(--c13)
}

.social-style-5 {
    gap: 5px
}

.social-style-5 a,
.social-style-5 li {
    height: 50px;
    width: 50px
}

.social-style-5 a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid rgba(48, 48, 48, .1);
    border-radius: 5px;
    justify-content: center
}

.social-style-5 a path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-5 .s_ocial__f_acebook svg,
.social-style-5 .s_ocial__i_nstagram svg,
.social-style-5 .s_ocial__l_inkedin svg {
    height: 20px;
    width: 20px
}

.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-5 .s_ocial__y_outube svg {
    height: 15px;
    width: 21px
}

.social-style-5 .s_ocial__f_acebook,
.social-style-5 .s_ocial__i_nstagram,
.social-style-5 .s_ocial__l_inkedin,
.social-style-5 .s_ocial__y_outube {
    color: var(--cb)
}

.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path,
.social-style-5 .s_ocial__y_outube path {
    fill: currentColor
}

.social-style-5 .s_ocial__f_acebook:hover,
.social-style-5 .s_ocial__i_nstagram:hover,
.social-style-5 .s_ocial__l_inkedin:hover,
.social-style-5 .s_ocial__y_outube:hover {
    color: var(--c3)
}

.header--dark .social-style-5 a {
    border-color: var(--c8);
    color: var(--c8)
}

.body-style-1 {
    padding: 20px 0 20px 20px;
    position: relative
}

.body-style-1.mobile-user-agent {
    padding-right: 20px
}

.body-style-1 main {
    position: relative
}

.body-style-1 section {
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--c4) url(../img/bg.svg) no-repeat 0 100%;
    background-size: cover;
    border-radius: 10px;
    justify-content: center
}

.body-style-1 .container-md,
.body-style-1 section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-style-1 .container-md {
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-style-1 h1 {
    font-size: 3.4375rem;
    margin-bottom: 22px;
    text-align: center
}

.body-style-1 h1~p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 530px;
    text-align: center
}

.body-style-1 h1~p:last-of-type {
    margin-bottom: 0
}

.body-style-1 h1~p+.btn {
    margin-top: 38px
}

.body-style-1 h1~p+.form {
    margin-top: 39px
}

@media (max-width:576px) {
    .body-style-1 h1 {
        font-size: 2.8125rem
    }

    .body-style-1 p {
        font-size: 1rem
    }
}

@media (max-width:415px) {
    .body-style-1 h1 {
        font-size: 2.1875rem
    }
}

@media (max-width:375px) {
    .body-style-1 {
        padding: 10px 0 10px 10px
    }

    .body-style-1.mobile-user-agent {
        padding-right: 10px
    }

    .body-style-1 .container-md {
        padding: 10px
    }

    .body-style-1 h1 {
        font-size: 2.5rem
    }

    .body-style-1 h1~p {
        font-size: 1.1428571429rem
    }
}

@media (max-width:320px) {
    .body-style-1 h1 {
        font-size: 1.875rem
    }
}

.scroll-table-content {
    background-color: var(--c5);
    border-radius: 15px;
    margin-bottom: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 16px
}

.scroll-table-content table {
    margin-bottom: 0
}

@media (max-width:415px) {
    .scroll-table-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .scroll-table-content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.map-wrapper {
    border-radius: 5px;
    overflow: hidden;
    padding-top: 71.845%;
    position: relative
}

.map-wrapper iframe {
    border: none;
    height: 100%;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0
}

.style-1 {
    margin-bottom: 150px
}

.style-2 {
    max-height: 400px;
    overflow: hidden
}

.style-3 {
    margin-bottom: 130px
}

.style-4 {
    margin-bottom: 100px
}

.style-5 {
    margin-bottom: 60px
}

.style-6 {
    margin-bottom: 64px
}

.style-7 {
    margin-bottom: 77px
}

.style-8 {
    margin-bottom: 70px
}

@media (max-width:767px) {

    .style-1,
    .style-4 {
        margin-bottom: 80px
    }
}

.alert {
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 24px 27px
}

.alert p {
    letter-spacing: .5px;
    line-height: 1.4
}

.alert p:last-child {
    margin-bottom: 0
}

.alert strong {
    font-weight: 600
}

@media (max-width:767px) {
    .alert {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .alert {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .alert {
        padding-left: 10px;
        padding-right: 10px
    }
}

.alert--info p,
.alert--primary p {
    color: var(--c1)
}

.alert--info {
    background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%)
}

.alert--primary {
    background-color: hsla(0, 0%, 100%, .13)
}

.alert-success {
    background-color: var(--c5)
}

.alert-style-1 {
    border-radius: 7px;
    padding: 18px 16px 16px
}

.alert-style-1 p {
    font-size: .875rem;
    letter-spacing: .25px
}

.alert-style-2 {
    border-left: 5px solid var(--c3);
    border-radius: 0;
    padding: 15px
}

.alert-style-2 p {
    color: var(--c2);
    font-weight: 600
}

.alert-style-3 {
    padding-bottom: 19px;
    padding-top: 19px
}

.alert-style-3 p {
    font-weight: 500
}

.alert-style-3 p a {
    text-decoration: underline
}

.alert-style-3 p a:hover {
    text-decoration: none
}

.alert--has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 34px;
    -moz-column-gap: 34px;
    column-gap: 34px
}

.alert--has-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.alert--has-icon ol,
.alert--has-icon p,
.alert--has-icon ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.alert--has-icon.icon-bell svg {
    height: 46px;
    width: 37px
}

.alert--has-icon.icon-info svg {
    height: 29px;
    width: 25px
}

.alert--has-icon-style-1 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.title-1 {
    font-size: 2.8125rem
}

.title-2 {
    color: var(--c28);
    font-size: 1.25rem;
    line-height: 1.3
}

.title-2+.add-info {
    padding-top: 12px
}

@media (max-width:375px) {
    .alert--has-icon {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .alert-style-1 p {
        font-size: 1rem
    }

    .alert--has-icon.icon-bell svg {
        height: 25px;
        width: 20px
    }

    .title-1 {
        font-size: 2.5rem
    }

    .title-2 {
        font-size: 1.4285714286rem
    }
}

@media (max-width:320px) {
    .title-1 {
        font-size: 2.1428571429rem
    }
}

.chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.chips-btn {
    background-color: var(--c5);
    border-radius: 5px;
    color: var(--cb);
    display: inline-block;
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px;
    padding: 8px 10px
}

.chips-btn:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.chips-btn.active {
    background-color: var(--c3);
    color: var(--c1);
    pointer-events: none
}

@media (min-width:577px) {
    .chips {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .add-info-style-7 h2 {
        translate: 0 16px
    }
}

@media (max-width:576px) {
    .chips {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .chips::-webkit-scrollbar {
        display: none
    }

    .chips-btn {
        scroll-snap-align: start;
        white-space: nowrap
    }
}

@media (max-width:375px) {
    .chips-btn {
        font-size: 1rem
    }
}

.tooltip {
    cursor: pointer;
    position: relative
}

.tooltip:hover .tooltip__content {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible
}

.tooltip__content {
    background-color: var(--c1);
    border: 1px solid var(--c41);
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 12px 0 var(--c40);
    box-shadow: 3px 3px 12px 0 var(--c40);
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    padding: 15px 16px 13px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
    visibility: hidden;
    width: min(100vw, 305px);
    z-index: 1
}

.tooltip-icon {
    -ms-flex-negative: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.tooltip-icon.tooltip-icon--info {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%233c6aff' fill-rule='evenodd' d='M19.6 10A9.6 9.6 0 1 1 .4 10a9.6 9.6 0 0 1 19.2 0m-8.4-4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M8.8 8.8a1.2 1.2 0 1 0 0 2.4v3.6A1.2 1.2 0 0 0 10 16h1.2a1.2 1.2 0 1 0 0-2.4V10A1.2 1.2 0 0 0 10 8.8z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.tooltip-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--c42);
    flex-grow: 1;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3
}

@media (max-width:375px) {
    .tooltip-text {
        font-size: .8571428571rem
    }
}

@media (max-width:767px) {
    .breadcrumbs+.top-section-dark-content {
        margin-top: 40px
    }
}

.add-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.add-info+.blog-list,
.add-info+.recall {
    margin-top: 60px
}

.add-info .breadcrumbs {
    margin-bottom: 0
}

.add-info+.article {
    margin-top: 64px
}

.add-info+.article-preview-info-content {
    margin-top: 40px
}

.add-info-style-1 h2,
.add-info-style-1 p {
    max-width: 520px
}

.add-info-style-1 h2 {
    margin-bottom: 0
}

.add-info-style-2 p {
    color: var(--c6);
    font-size: 1.125rem
}

.add-info-style-2 p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .add-info+.article-preview-info-content {
        margin-top: 58px
    }

    .add-info-style-4>div:last-child {
        display: none
    }

    .add-info-style-6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 35px
    }

    .add-info-style-6 h2 {
        margin-bottom: 0
    }
}

@media (max-width:576px) {
    .add-info-style-3 {
        display: block
    }

    .add-info-style-3>div+div {
        margin-top: 18px
    }
}

@media (max-width:375px) {
    .add-info+.article-preview-info-content {
        margin-top: 10px
    }

    .tag-style-3+.add-info.add-info-style-5 {
        margin-top: 0
    }

    .add-info-style-2 p {
        font-size: 1rem
    }

    .add-info-style-5 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 22px
    }

    .add-info-style-5>div:has(.btn-full-mobile) {
        width: 100%
    }

    .add-info-style-5 h2 {
        margin-bottom: 0
    }
}

.icon,
.icon-2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon {
    background-color: var(--c1);
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08);
    box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08)
}

.icon-2 {
    border: 1px solid var(--c35);
    border-radius: 7px
}

.icon-stars-2 svg {
    height: 33px;
    width: 28px
}

.icon-success svg {
    height: 33px;
    width: 33px
}

.icon-check--round svg {
    height: 20px;
    width: 20px
}

.icon-success-2 svg {
    height: 25px;
    width: 25px
}

.icon-costs svg {
    height: 26px;
    width: 24px
}

.icon-learning svg {
    height: 35px;
    width: 36px
}

.icon-collaboration svg {
    height: 31px;
    width: 31px
}

.icon-customer svg {
    height: 20px;
    width: 35px
}

.icon-design svg,
.icon-responsibility svg {
    height: 34px;
    width: 34px
}

.icon-design-2 svg {
    height: 36px;
    width: 32px
}

.icon-style-1 {
    height: 60px;
    width: 60px
}

.icon-style-2 {
    height: 85px;
    width: 85px
}

.icon-style-2.icon-success svg {
    height: 46px;
    width: 46px
}

.icon-style-2.icon-costs svg {
    height: 35px;
    width: 32px
}

.icon-style-3 {
    height: 32px;
    width: 32px
}

.icon-style-4 {
    height: 45px;
    width: 45px
}

.tag {
    border-radius: 20px;
    color: var(--c6);
    display: inline-block;
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px;
    margin-bottom: 26px;
    padding: 8px 15px 6px;
    text-align: center
}

@media (max-width:375px) {
    .tag {
        font-size: 1rem
    }
}

.tag-default {
    background-color: var(--c1)
}

.tag-primary {
    background-color: var(--c5)
}

.tag-info {
    background-color: var(--c33);
    color: var(--c1)
}

.tag-info.tag-with-border-animation:before {
    background-color: var(--c33)
}

.tag-style-1 {
    min-width: 158px
}

.tag-style-2 {
    padding: 12px 20px
}

.tag-style-2.tag-with-icon.tag-icon-lock {
    padding-left: 45px
}

.tag-style-2.tag-with-icon.tag-icon-lock svg {
    left: 20px
}

.tag-style-3+.add-info {
    margin-top: -14px
}

.tag-style-4+h2 {
    margin-top: -2px
}

.tag-style-5 {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid var(--c3);
    border-radius: 5px;
    color: var(--c3);
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: normal;
    min-width: 110px;
    text-transform: uppercase
}

@media (max-width:375px) {
    .tag-style-5 {
        font-size: .7142857143rem
    }
}

.tag-style-6 {
    min-width: 126px
}

.tag-style-7 {
    font: 600 .75rem var(--fb);
    letter-spacing: .25px
}

.tag-style-8 {
    min-width: 166px
}

.tag-style-9 {
    padding: 7px 14px 5px
}

.tag-style-10 {
    border-radius: 15px
}

.tag-style-11 {
    background-color: hsla(0, 0%, 100%, .13);
    color: var(--c1)
}

.tag-style-12 {
    background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
    color: var(--c1)
}

.tag-style-13 {
    min-width: min(200px, 100%)
}

.tag-style-14 {
    font-weight: 400
}

@media (max-width:375px) {
    .tag-style-7 {
        font-size: .8571428571rem
    }
}

.tag-with-icon {
    position: relative
}

.tag-with-icon svg {
    left: 0;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    fill: currentColor
}

.tag-icon-lock svg {
    height: 17px;
    width: 13px
}

.tag-with-border-animation {
    background-color: transparent;
    overflow: hidden;
    position: relative
}

.tag-with-border-animation.tag-with-icon svg {
    z-index: 2
}

.tag-with-border-animation span {
    display: inline-block;
    position: relative;
    z-index: 2
}

.tag-with-border-animation:after,
.tag-with-border-animation:before {
    content: "";
    position: absolute
}

.tag-with-border-animation:before {
    border-radius: inherit;
    inset: 1px;
    z-index: 1
}

.tag-with-border-animation:after {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    background: conic-gradient(from 0 at 50% 50%, hsla(0, 0%, 100%, .5) 0deg, hsla(0, 0%, 100%, 0) 60deg, hsla(0, 0%, 100%, 0) 310deg, hsla(0, 0%, 100%, .5) 1turn);
    left: 50%;
    min-height: 20rem;
    rotate: -45deg;
    top: 50%;
    translate: -50% -50%;
    width: 100%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.menu-with-active-marker-wrapper {
    position: relative
}

.active-marker {
    background-color: var(--c3);
    display: inline-block;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 3px
}

.menu-with-active-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    row-gap: 23px
}

.menu-with-active-marker .active a {
    color: var(--c3)
}

.menu-with-active-marker a {
    color: var(--c1);
    display: inline-block;
    line-height: 1.2
}

.menu-with-active-marker a:hover {
    color: var(--c3)
}

.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-6,
.list-7,
.list-8,
.list-9 {
    display: -ms-grid;
    display: grid
}

.list-1,
.list-2,
.list-3,
.list-7 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.list-1 {
    gap: 57px 10px
}

.list-2 {
    gap: 15px
}

.list-3,
.list-5 {
    gap: 20px
}

.list-4,
.list-5,
.list-6,
.list-8,
.list-9 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.list-4 {
    gap: 56px 20px
}

.list-6 {
    gap: 120px 30px
}

.list-7 {
    gap: 23px 10px
}

.list-9 {
    gap: 10px
}

.list-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 26px
}

@media (max-width:767px) {

    .list-1,
    .list-2,
    .list-3,
    .list-7 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .list-6,
    .list-8,
    .list-9 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .list-4 {
        row-gap: 40px
    }

    .list-6 {
        row-gap: 34px
    }

    .list-8 {
        row-gap: 60px
    }
}

@media (max-width:576px) {

    .list-1,
    .list-2,
    .list-3,
    .list-4,
    .list-5,
    .list-7 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .list-1 {
        row-gap: 37px
    }
}

@media (max-width:320px) {
    .accordion-style-6 .accordion__btn {
        font-size: 1.2857142857rem
    }

    .accordion-style-6 .accordion__btn:after {
        top: 22px
    }

    .list-2,
    .list-3,
    .list-5 {
        row-gap: 10px
    }
}

.list-style-1 .list-item {
    display: block;
    height: 100%
}

.list-style-1 .list-item p {
    color: var(--cb);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0
}

.list-style-1 .list-item img,
.list-style-1 .list-item p {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-style-1 .list-item:hover p {
    color: var(--c3)
}

.list-style-1 .list-item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.list-style-1 .list-item-img {
    border-radius: 5px;
    padding-top: 63.563%
}

.list-style-1 .list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-bottom: 12px;
    margin-top: 10px
}

.list-style-1 .list-item-info span {
    display: inline-block;
    line-height: 1
}

.list-style-1 .list-item-info-category {
    margin-bottom: 0
}

.list-style-1 .list-item-info-date {
    color: rgba(91, 93, 114, .5);
    font-size: .875rem
}

@media (max-width:375px) {
    .list-style-1 .list-item p {
        font-size: 1.4285714286rem
    }

    .list-style-1 .list-item-info-date {
        font-size: 1rem
    }
}

.list-style-2 .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--c5);
    border-radius: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 23px 25px 37px;
    row-gap: 19px
}

.list-style-2 .list-item strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    padding-top: 14px
}

.list-style-2 .list-item p {
    color: var(--c6);
    font-size: .875rem;
    max-width: 320px
}

.list-style-2 .list-item p:last-of-type {
    margin-bottom: 0
}

@media (max-width:375px) {
    .list-style-2 .list-item {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px
    }

    .list-style-2 .list-item strong {
        font-size: 1.4285714286rem;
        padding-top: 3px
    }

    .list-style-2 .list-item p {
        font-size: 1rem
    }
}

@media (max-width:320px) {
    .list-style-2 .list-item {
        padding: 20px 10px 32px
    }
}

.list-style-3 .list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-style-3 .list-item p,
.list-style-3 .list-item strong {
    text-align: center
}

.list-style-4 .list-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.list-style-5 .list-item p+.btn {
    margin-top: 20px
}

.list-style-6 .list-item .icon-success+strong {
    margin-top: 4px
}

.list-style-6 .list-item p,
.list-style-6 .list-item strong {
    color: var(--c6)
}

.list-style-6 .list-item strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-top: 14px
}

.list-style-6 .list-item p {
    font-size: .875rem
}

.list-style-6 .list-item p:last-of-type {
    margin-bottom: 0
}

.list-style-7-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--c43);
    border-radius: 15px;
    cursor: pointer;
    justify-content: space-between;
    padding: 20px;
    row-gap: 30px
}

.list-style-7-item:hover .list-style-7-bl-2 span {
    background-color: var(--c39);
    color: var(--c1)
}

.list-style-7-bl-1 p,
.list-style-7-bl-1 span {
    color: var(--c2)
}

.list-style-7-bl-1 span {
    background-color: var(--c1);
    border-radius: 15px;
    display: inline-block;
    font-size: .75rem;
    letter-spacing: .25px;
    line-height: 1;
    min-width: 82px;
    padding: 9px 10px 7px;
    text-align: center
}

.list-style-7-bl-1 span+p {
    margin-top: 15px
}

.list-style-7-bl-1 p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 335px
}

.list-style-7-bl-1 p strong {
    font-weight: 600
}

.list-style-7-bl-1 p:last-child {
    margin-bottom: 0
}

.list-style-7-bl-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 30px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-template-columns: 1fr 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.list-style-7-bl-2:has(p) div:first-child {
    background-color: var(--c39);
    border: 1px solid var(--c39);
    border-radius: 7px;
    padding: 11px 10px 9px
}

.list-style-7-bl-2:has(p) div:first-child p {
    color: var(--c1);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.2;
    max-width: 285px
}

.list-style-7-bl-2:has(p) div:first-child p:last-child {
    margin-bottom: 0
}

.list-style-7-bl-2 span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border-radius: 50%;
    color: var(--c44);
    cursor: pointer;
    height: 30px;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 30px
}

.list-style-7-bl-2 span svg {
    height: 17px;
    width: 17px;
    fill: currentColor
}

@media (max-width:375px) {
    .list-style-6 .list-item strong {
        font-size: 1.2857142857rem
    }

    .list-style-6 .list-item p {
        font-size: 1rem
    }

    .list-style-7-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-7-bl-1 span {
        font-size: .8571428571rem
    }

    .list-style-7-bl-1 p {
        font-size: 1.1428571429rem
    }
}

.list-style-8 div {
    background-color: var(--c45);
    border: 1px solid var(--c45);
    border-radius: 15px;
    color: var(--c2);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 23px 22px 21px
}

.list-style-8 div:nth-child(odd) {
    position: relative
}

.list-style-8 div:nth-child(odd):after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none' viewBox='0 0 29 30'%3E%3Cpath fill='%23064cea' d='M28.414 16.414a2 2 0 0 0 0-2.828L15.686.858a2 2 0 1 0-2.828 2.828L24.172 15 12.858 26.314a2 2 0 1 0 2.828 2.828zM0 17h27v-4H0z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    content: "";
    height: 30px;
    position: absolute;
    width: 29px
}

.list-style-8 div:nth-child(2n) {
    border-color: var(--c3);
    color: var(--c3);
    font-size: 1.125rem;
    font-weight: 600
}

@media (min-width:768px) {
    .list-8 {
        gap: 10px 79px
    }

    .list-style-8 div:nth-child(odd):after {
        left: 100%;
        top: 50%;
        translate: 25px -50%
    }
}

.list-style-9-item {
    background-color: var(--c39);
    border-radius: 15px;
    padding: 20px;
    row-gap: 15px
}

.list-style-9-item,
.list-style-9__bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-style-9__bl {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: hsla(0, 0%, 100%, .16);
    border-radius: 7px;
    justify-content: center;
    padding: 20px 24px
}

.list-style-9__bl p {
    color: var(--c1);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.4
}

.list-style-9__bl p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .list-style-8 div {
        padding-left: 20px;
        padding-right: 20px
    }

    .list-style-8 div:nth-child(odd):after {
        left: 50%;
        rotate: 90deg;
        top: 100%;
        translate: -50% 18px
    }

    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {

    .list-style-8 div,
    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 15px;
        padding-right: 15px
    }

    .list-style-9__bl p {
        font-size: 1.125rem
    }
}

@media (max-width:375px) {
    .list-style-8 div {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-8 div:nth-child(2n) {
        font-size: 1.1428571429rem
    }

    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-9__bl p {
        font-size: 1.1428571429rem
    }
}

.list-style-10 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c5);
    border-radius: 15px;
    padding: 28px 25px 26px
}

.list-style-10 div p {
    color: var(--c2);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4
}

.list-style-10 div p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .list-style-10 div {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .list-style-10 div {
        padding-left: 15px;
        padding-right: 15px
    }

    .list-style-10 div p {
        font-size: 1.125rem
    }
}

@media (max-width:375px) {
    .list-style-10 div {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-10 div p {
        font-size: 1.1428571429rem
    }
}

.list-style-11-item .tag {
    margin-bottom: 19px
}

.list-style-11-item div {
    background-color: var(--c47);
    border-radius: 7px;
    padding: 14px 16px
}

.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
    color: var(--cb);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.5
}

.list-style-11-item div ol:last-child,
.list-style-11-item div p:last-child,
.list-style-11-item div ul:last-child {
    margin-bottom: 0
}

.list-style-11-item div ul:not(.reset-list) li {
    padding-left: 12px
}

.list-style-11-item div ul:not(.reset-list) li:before {
    background-color: var(--cb);
    height: 4px;
    left: 0;
    top: 8px;
    width: 4px
}

button,
input,
select,
textarea {
    background: 0 0;
    border: none;
    border-radius: 0
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.style-check {
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    padding-left: 25px;
    position: relative
}

.style-check input[type=checkbox],
.style-check input[type=radio] {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    clip: rect(0 0 0 0);
    height: 16px;
    width: 16px
}

.style-check input[type=checkbox]+span,
.style-check input[type=radio]+span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 16px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c31);
    border-radius: 2px
}

.style-check input[type=checkbox]+span svg,
.style-check input[type=radio]+span svg {
    height: 9px;
    scale: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 10px;
    fill: var(--cb)
}

.style-check input[type=checkbox]:checked+span,
.style-check input[type=radio]:checked+span {
    pointer-events: none
}

.style-check input[type=checkbox]:checked+span svg,
.style-check input[type=radio]:checked+span svg {
    scale: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.style-check input[type=radio]+span {
    border-radius: 50%
}

.style-check-style-1 {
    color: var(--c1);
    font: .625rem var(--f3)
}

input:not([type=checkbox], [type=radio], [type=number]),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:not([type=checkbox], [type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio])::-webkit-input-placeholder:focus,
textarea::-webkit-input-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio]):-moz-placeholder:focus,
textarea:-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio])::-moz-placeholder:focus,
textarea::-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio]):-ms-input-placeholder:focus,
textarea:-ms-input-placeholder:focus {
    color: transparent
}

.form {
    position: relative
}

.form label:not(.style-check) {
    display: block;
    line-height: 1;
    margin-bottom: 9px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form label:not(.style-check),
.form select,
.form textarea {
    padding-left: 15px;
    padding-right: 15px
}

.form .label--required span {
    display: inline-block;
    padding-right: 12px;
    position: relative
}

.form .label--required span:after {
    content: "*";
    position: absolute;
    right: 0;
    top: -1px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select,
.form textarea {
    background-color: var(--c1);
    border: 1px solid var(--c9);
    border-radius: 5px;
    font-weight: 700;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form select:focus,
.form textarea:focus {
    border-color: #cdd0e7
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select {
    height: 50px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input).surname {
    bottom: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 0;
    z-index: -1
}

.form textarea {
    border: 1px solid transparent;
    line-height: 1.2;
    min-height: 135px;
    padding-bottom: 15px;
    padding-top: 15px;
    resize: vertical
}

.form textarea:focus {
    -webkit-text-size-adjust: 100%
}

.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required,
.form.has-required textarea:required {
    border-color: var(--c20)
}

.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required:valid,
.form.has-required textarea:required:valid {
    border-color: var(--c3)
}

.form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: var(--c1)
}

.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
    background-color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .05);
    color: var(--c8);
    font: 400 .875rem var(--fb)
}

@media (max-width:375px) {

    .list-style-11-item div ol,
    .list-style-11-item div p,
    .list-style-11-item div ul {
        font-size: 1rem
    }

    .style-check-style-1 {
        font-size: .7142857143rem
    }

    .form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-2 select,
    .form-style-2 textarea {
        font-size: 1rem
    }
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
    background-color: var(--c5);
    border-color: var(--c5);
    color: var(--c8);
    font-size: .875rem
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
    border-color: #e4e8f7
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width:375px) {

    .form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-3 select,
    .form-style-3 textarea {
        font-size: 1rem
    }
}

.form-style-4 label:not(.style-check) {
    color: var(--c1);
    font-weight: 700;
    margin-bottom: 14px;
    padding-left: 0;
    padding-right: 0
}

.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
    background-color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .05);
    color: var(--c8);
    font: 400 .625rem var(--f3)
}

.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select {
    height: 40px
}

.form-style-4 textarea {
    min-height: 96px
}

.form-style-5 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-5 select,
.form-style-5 textarea {
    background-color: var(--c7);
    border-color: var(--c6);
    color: var(--c8);
    font-weight: 700
}

@media (min-width:416px) {

    .form-style-1 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-1 label:not(.style-check),
    .form-style-1 select,
    .form-style-1 textarea {
        padding-left: 25px;
        padding-right: 25px
    }

    .subscribe-form .fluentform fieldset .ff-t-container,
    .subscribe-form-content {
        -ms-grid-columns: 1fr 156px;
        grid-template-columns: 1fr 156px
    }
}

.form .dn,
.form .hidden {
    display: none
}

.style-select {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.77 2.885A.37.37 0 0 1 2.505 3a.37.37 0 0 1-.266-.115L.115.673A.4.4 0 0 1 0 .395a.4.4 0 0 1 .11-.28A.38.38 0 0 1 .379 0a.36.36 0 0 1 .267.12l1.859 1.936L4.364.119a.37.37 0 0 1 .526.005.4.4 0 0 1 .005.549z' clip-rule='evenodd'/%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat
}

.style-select:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.23.115A.37.37 0 0 1 2.495 0c.1 0 .195.041.266.115l2.124 2.212A.4.4 0 0 1 5 2.605a.4.4 0 0 1-.11.28.38.38 0 0 1-.269.115.36.36 0 0 1-.267-.12L2.495.945.636 2.881a.37.37 0 0 1-.526-.005.4.4 0 0 1-.005-.549z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.form__submit {
    display: block;
    text-decoration: none;
    width: 100%
}

.form__submit:hover {
    text-decoration: none
}

.form-close {
    color: var(--cb);
    cursor: pointer;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    scale: 0;
    top: 20px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    visibility: hidden;
    z-index: 2
}

.form-close svg {
    height: 14px;
    width: 14px;
    fill: currentColor
}

.form-close:hover {
    color: var(--c20)
}

.form-close.show {
    opacity: 1;
    scale: 1;
    visibility: visible
}

div.form-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--cb);
    justify-content: center;
    padding: 25px 30px
}

div.form-message h3,
div.form-message p {
    max-width: 400px
}

div.form-message h3 {
    color: var(--c1);
    font: 700 1.625rem/1.3 var(--f1);
    margin-bottom: 20px
}

div.form-message h3:has(.icon-style-4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

div.form-message h3:has(.icon-style-4) .icon-2 {
    translate: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.form-message h3:has(.icon-style-4)~p {
    max-width: 440px;
    padding-left: 60px
}

div.form-message p {
    color: hsla(0, 0%, 100%, .5);
    font-size: .875rem
}

div.form-message p:last-of-type {
    margin-bottom: 0
}

@media (max-width:767px) {
    .form-message {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .form-message {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {

    .form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-4 select,
    .form-style-4 textarea {
        font-size: .7142857143rem
    }

    .form-message {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-message h3 {
        font-size: 1.4285714286rem
    }

    .form-message p {
        font-size: 1rem
    }
}

.subscribe-form {
    width: min(472px, 100%)
}

.subscribe-form .fluentform~p {
    color: var(--c8);
    font-size: .625rem;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 11px
}

.subscribe-form .fluentform~p a {
    color: inherit;
    text-decoration: underline
}

.subscribe-form .fluentform~p a:hover {
    text-decoration: none
}

.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
    display: -ms-grid;
    display: grid;
    gap: 20px 10px
}

.subscribe-form-content+p {
    color: var(--c8);
    font-size: .625rem;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 11px
}

.subscribe-form-content+p a {
    color: inherit;
    text-decoration: underline
}

.subscribe-form-content+p a:hover {
    text-decoration: none
}

.subscribe-form-style-1 .fluentform+p,
.subscribe-form-style-1 .subscribe-form-content+p {
    color: var(--c8);
    margin-top: 30px
}

@media (max-width:375px) {

    .subscribe-form .fluentform~p,
    .subscribe-form-content+p {
        font-size: .7142857143rem
    }
}

.subscribe-newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.subscribe-newsletter-form:has(fieldset) {
    display: block
}

.subscribe-newsletter-form:has(fieldset) fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.subscribe-newsletter-form .fluentform .ff-el-input--label {
    display: none
}

.subscribe-newsletter-form .fluentform .ff-el-group {
    margin-bottom: 0
}

.subscribe-newsletter-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: var(--c1)
}

@media (min-width:641px) {
    .subscribe-newsletter-form:has(.form__submit) .form__submit {
        width: min(132px, 100%)
    }
}

.experts-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    gap: 20px 10px;
    grid-template-columns: repeat(2, 1fr)
}

.experts-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: #fff
}

.experts-form-item-3,
.experts-form-item-4,
.experts-form-item-5 {
    grid-column: 1/-1
}

.experts-form-item-4 {
    margin-top: -5px
}

.experts-form-item-5 {
    padding-top: 15px
}

.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content__aside {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:768px) {
    .content-1__aside {
        -ms-flex-preferred-size: 30.4166666667%;
        flex-basis: 30.4166666667%
    }

    .content-2__aside {
        -ms-flex-preferred-size: 42.25%;
        flex-basis: 42.25%
    }

    .content-3__aside {
        -ms-flex-preferred-size: 38.1666666667%;
        flex-basis: 38.1666666667%
    }

    .content-4__aside {
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%
    }

    .content-5__aside {
        -ms-flex-preferred-size: 29.1666666667%;
        flex-basis: 29.1666666667%
    }

    .content-6__aside {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }

    .content-7__aside {
        -ms-flex-preferred-size: 39.3333333333%;
        flex-basis: 39.3333333333%
    }

    .content-8__aside {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%
    }

    .content-9__aside {
        -ms-flex-preferred-size: 30.1652892562%;
        flex-basis: 30.1652892562%
    }

    .content-10__aside {
        -ms-flex-preferred-size: 29.5%;
        flex-basis: 29.5%
    }

    .content-style-1 {
        -webkit-column-gap: 3.75%;
        -moz-column-gap: 3.75%;
        column-gap: 3.75%
    }

    .content-style-2 {
        -webkit-column-gap: 7.75%;
        -moz-column-gap: 7.75%;
        column-gap: 7.75%
    }

    .content-style-3 {
        -webkit-column-gap: 6.6666666667%;
        -moz-column-gap: 6.6666666667%;
        column-gap: 6.6666666667%
    }

    .content-style-4 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .content-style-5 {
        -webkit-column-gap: 4.75%;
        -moz-column-gap: 4.75%;
        column-gap: 4.75%
    }

    .content-style-6 {
        -webkit-column-gap: 9.1666666667%;
        -moz-column-gap: 9.1666666667%;
        column-gap: 9.1666666667%
    }

    .content-style-7 {
        -webkit-column-gap: 10.4166666667%;
        -moz-column-gap: 10.4166666667%;
        column-gap: 10.4166666667%
    }

    .content-style-8 {
        -webkit-column-gap: 11.4166666667%;
        -moz-column-gap: 11.4166666667%;
        column-gap: 11.4166666667%
    }

    .content-style-9 {
        -webkit-column-gap: 6.1983471074%;
        -moz-column-gap: 6.1983471074%;
        column-gap: 6.1983471074%
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .subscribe-form-style-1 .subscribe-form-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .content-style-10 {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (min-width:1201px) {
    .content-style-10 {
        -webkit-column-gap: 9.1666666667%;
        -moz-column-gap: 9.1666666667%;
        column-gap: 9.1666666667%
    }
}

@media (max-width:767px) {
    .subscribe-form-style-1 .subscribe-form-content+p {
        margin-top: 25px
    }

    .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 45px
    }

    .content-9__aside {
        width: min(292px, 100%)
    }
}

body:has(.top-section+.media) .top-section-content {
    padding-bottom: 190px;
    padding-top: 193px
}

body:not(:has(.top-section+.media)) .top-section-content {
    padding-bottom: 120px;
    padding-top: 120px
}

.top-section-author {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--c3);
    -webkit-column-gap: 13px;
    -moz-column-gap: 13px;
    column-gap: 13px;
    font-size: .75rem;
    letter-spacing: -.36px;
    line-height: 1.2
}

.top-section-author .spline-viewer-wrapper {
    height: 100px;
    padding-top: 0;
    width: 100px
}

.top-section-author svg {
    height: 20px;
    width: 19px;
    fill: currentColor
}

.top-section-content {
    row-gap: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-section-content h1 {
    font-size: 3.4375rem;
    font-weight: 500;
    line-height: 1.3;
    max-width: 774px;
    padding-top: 7px;
    text-align: center
}

.top-section-content h1~p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 532px;
    text-align: center
}

.top-section-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px
}

.top-section-style-1 {
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width:768px) {
    .top-section-content {
        min-height: 800px
    }

    body:not(:has(.top-section+.media)) .top-section-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1200px) {
    .top-section-style-1 {
        margin-top: -120px
    }
}

@media (max-width:767px) {

    body:has(.top-section+.media) .top-section-content,
    body:not(:has(.top-section+.media)) .top-section-content {
        padding-top: 188px
    }

    body:not(:has(.top-section+.media)) .top-section-content {
        padding-bottom: 90px
    }
}

@media (min-width:431px) {
    .top-section {
        background: var(--c4) url(../img/bg.svg) no-repeat 50% 100%;
        background-size: cover
    }
}

@media (max-width:430px) {

    body:has(.top-section+.media) .top-section-content,
    body:not(:has(.top-section+.media)) .top-section-content {
        padding-bottom: 40px;
        padding-top: 35px
    }

    .top-section-style-1 {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 1px
    }
}

@media (max-width:415px) {
    .content-9__aside {
        width: 100%
    }

    .top-section-style-1 {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:430px) {
    .top-section {
        background-color: var(--c4)
    }

    .top-section-style-1 {
        margin-left: 10px;
        margin-right: 10px
    }

    .top-section-content h1 {
        font-size: 2.1875rem
    }

    .top-section-content h1~p {
        font-size: 1rem;
        max-width: 290px
    }

    .top-section-btns {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .top-section-btns+.media-content {
        display: block;
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width:375px) {
    .top-section-content h1 {
        font-size: 2.5rem
    }
}

.top-section-style-2 .top-section-content,
.top-section-style-2 .top-section-dark-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-section-style-2 .top-section-content h1,
.top-section-style-2 .top-section-content p:last-of-type,
.top-section-style-2 .top-section-dark-main h1,
.top-section-style-2 .top-section-dark-main p:last-of-type {
    margin-bottom: 0
}

.top-section-dark {
    background-color: var(--c10);
    border-radius: 10px;
    padding-bottom: 107px;
    padding-top: 178px
}

.top-section-dark h1 {
    color: var(--c5);
    padding-bottom: 3px
}

.top-section-dark p {
    color: hsla(0, 0%, 100%, .6);
    max-width: 590px
}

.top-section-dark .top-section-author {
    color: var(--c1)
}

.top-section-dark .breadcrumbs {
    background-color: rgba(39, 43, 63, .3);
    margin-bottom: 8px
}

.top-section-dark .breadcrumbs li:not(:last-child) a,
.top-section-dark .breadcrumbs li:not(:last-child):after {
    color: var(--c6)
}

.top-section-dark .breadcrumbs li:not(:last-child) a:hover {
    color: var(--c3)
}

.top-section-dark .breadcrumbs li:last-child a {
    color: var(--c1);
    pointer-events: none
}

.top-section-dark-aside .form-message {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .top-section-dark .breadcrumbs {
        margin-bottom: 0
    }

    .top-section-dark-style-6 {
        padding-bottom: 134px
    }
}

.top-section-dark-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 28px
}

.top-section-dark-img img,
.top-section-dark-img picture {
    border-radius: 10px
}

.top-section-dark-style-1 p {
    color: var(--c5);
    max-width: 455px
}

.top-section-dark-style-2 .breadcrumbs {
    margin-bottom: 40px
}

.top-section-dark-style-3 .top-section-dark-main {
    row-gap: 19px
}

.top-section-dark-style-3 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0;
    padding-top: 4px
}

.top-section-dark-style-3 .top-section-dark-main p+.btn {
    margin-top: 20px
}

.top-section-dark-style-4 {
    padding-top: 140px
}

.top-section-dark-style-5 .top-section-dark-main {
    row-gap: 18px
}

.top-section-dark-style-5 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0
}

.top-section-dark-style-5 .top-section-dark-main p {
    color: hsla(0, 0%, 100%, .6);
    font-size: 1.125rem
}

.top-section-dark-style-5 .top-section-dark-main p+.btn {
    margin-top: 20px
}

@media (max-width:430px) {
    .top-section-dark-style-4 {
        padding-top: 40px
    }

    .top-section-dark-style-5 .top-section-dark-main p {
        font-size: 1.125rem
    }

    .top-section-dark-style-6 {
        padding-bottom: 120px
    }
}

@media (max-width:375px) {
    .top-section-dark-style-5 .top-section-dark-main p {
        font-size: 1.2857142857rem
    }
}

@media (min-width:768px) {
    .top-section-dark-style-7 .content__main {
        min-height: 370px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-section-dark-style-9 h1 {
    max-width: 570px
}

.top-section-dark-style-9 p {
    max-width: 455px
}

.top-section-dark-style-10 {
    padding-bottom: 60px
}

@media (max-width:430px) {
    .top-section-dark-style-10 {
        padding-bottom: 40px
    }
}

.top-section-dark-style-11 .top-section-dark-aside {
    border-radius: 10px
}

.top-section-dark-style-12 .top-section-dark-aside {
    background-color: var(--cb);
    padding: 60px 5%
}

@media (max-width:767px) {
    .top-section-dark-style-8 .breadcrumbs {
        margin-bottom: 0
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 8.7336244541%;
        padding-right: 8.7336244541%
    }
}

@media (max-width:640px) {
    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 10.7142857143%;
        padding-right: 10.7142857143%
    }
}

@media (max-width:576px) {
    .experts-form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding: 40px 20px
    }
}

@media (max-width:320px) {
    .top-section-content h1 {
        font-size: 2.1428571429rem
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.top-section-dark-style-13 .top-section-dark-aside {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(39, 43, 63, .5);
    padding: 40px 3.3333333333%
}

@media (max-width:1024px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 3.90625%;
        padding-right: 3.90625%
    }

    .recall-content {
        -webkit-column-gap: 8.4745762712%;
        -moz-column-gap: 8.4745762712%;
        column-gap: 8.4745762712%
    }
}

@media (max-width:767px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:576px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:320px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.top-section-dark-style-14 .top-section-dark-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-section-dark-style-15 .top-section-dark-aside h2 {
    color: var(--c1);
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 22px
}

.top-section-dark-style-16 .breadcrumbs+.top-section-dark-content {
    margin-top: 32px
}

.top-section-dark-style-33 .top-section-dark-main {
    row-gap: 18px
}

.top-section-dark-style-33 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0
}

.top-section-dark-style-33 .top-section-dark-main p {
    color: hsla(0, 0%, 100%, .69);
    font-size: 1rem
}

.top-section-dark-style-33 .top-section-dark-main p+.btn {
    margin-top: 20px
}

.top-section-dark-style-34 h1,
.top-section-dark-style-34 p {
    max-width: 500px
}

.top-section-dark-style-35 {
    background: linear-gradient(250deg, #0f1323 48.75%, #14204c 109.33%)
}

.top-section-dark-style-36 .content__aside h2 {
    color: var(--c1);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2
}

.top-section-dark-style-37 .top-section-dark-aside {
    background-color: var(--cb);
    padding: 30px 2.5% 45px
}

.top-section-dark-style-38 {
    padding-bottom: 100px
}

.top-section-dark-style-39 .content__aside h2 {
    margin-bottom: 32px
}

@media (max-width:767px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 4.3668122271%;
        padding-right: 4.3668122271%
    }
}

@media (max-width:640px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 5.3571428571%;
        padding-right: 5.3571428571%
    }
}

@media (max-width:576px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:430px) {
    .top-section-dark-style-38 {
        padding-bottom: 40px
    }
}

@media (max-width:320px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:767px) {
    .top-section-dark-style-17 h1 {
        max-width: 574px
    }

    .top-section-dark-style-17 p {
        max-width: 455px
    }

    .top-section-dark-style-18 {
        padding-bottom: 20px
    }

    .top-section-dark-style-19 .top-section-dark-main p {
        font-size: 1.125rem
    }

    .top-section-dark-style-20 .content {
        row-gap: 30px
    }

    .top-section-dark-style-21 {
        padding-bottom: 97px
    }

    .top-section-dark-style-22 .top-section-dark-aside h2 {
        display: none
    }

    .top-section-dark-style-23 .content {
        row-gap: 38px
    }

    .top-section-dark-style-24 .breadcrumbs+.top-section-dark-content {
        margin-top: 70px
    }

    .top-section-dark-style-28 {
        padding-bottom: 60px;
        padding-top: 120px
    }

    .top-section-dark-style-29 .breadcrumbs {
        margin-bottom: 12px
    }

    .top-section-dark-style-30 .top-section-dark-main p {
        color: hsla(0, 0%, 100%, .6);
        max-width: 600px
    }
}

@media (max-width:430px) {
    .top-section-dark-style-18 {
        padding-bottom: 40px
    }

    .top-section-dark-style-19 .top-section-dark-main p {
        font-size: 1rem
    }

    .top-section-dark-style-20 .content {
        row-gap: 40px
    }

    .top-section-dark-style-25 .top-section-dark-main p {
        color: var(--c1)
    }

    .top-section-dark-style-26 .breadcrumbs+.top-section-dark-content {
        margin-top: 24px
    }

    .top-section-dark-style-27 .content {
        row-gap: 80px
    }

    .top-section-dark-style-28 {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .top-section-dark-style-31 .top-section-dark-main {
        row-gap: 16px
    }

    .top-section-dark-style-32 .top-section-dark-main p+.btn {
        margin-top: 24px
    }
}

.media {
    margin-top: -320px
}

.media-content {
    border: 1px solid var(--c24);
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 870px;
    overflow: hidden;
    position: relative
}

.media-play-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 22, 82, .11);
    border: 1px dashed rgba(0, 22, 82, .11);
    border-radius: 50%;
    color: var(--c1);
    cursor: pointer;
    height: 72px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 72px
}

.media-play-btn svg {
    height: 30px;
    margin-left: 6px;
    position: relative;
    width: 27px;
    z-index: 1;
    fill: currentColor
}

.media-play-btn svg path {
    fill: currentColor
}

.media-play-btn span {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
    background-color: rgba(223, 225, 231, .64);
    border: 1px solid rgba(0, 22, 82, .22);
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.media-play-btn:hover {
    color: var(--c3)
}

@-webkit-keyframes smallScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes smallScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.media-content-img {
    padding-top: 71.15%
}

.media-video-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width:767px) {
    .media {
        margin-top: -220px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .media {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:376px) and (max-width:575px) {
    .media {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:430px) {
    .media {
        margin-top: 0
    }

    .media,
    .media-content {
        display: none
    }

    .media-play-btn {
        height: 50px;
        width: 50px
    }

    .media-play-btn svg {
        height: 22px;
        width: 19px
    }
}

.info h2,
.info h3 {
    color: var(--c28);
    margin-bottom: 28px
}

.info h3 {
    line-height: 1.3
}

.info ol:not(.reset-list),
.info p,
.info ul:not(.reset-list) {
    margin-bottom: 28px
}

.info p {
    color: var(--c27);
    max-width: 550px
}

.info p:last-child {
    margin-bottom: 0
}

.info-content {
    display: -ms-grid;
    display: grid
}

@media (min-width:768px) {
    .info-content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:376px) {
    .info h3 {
        font-size: 1.375rem
    }
}

.info-img img,
.info-img picture {
    border-radius: 10px
}

.info-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.info-style-1 .info-content {
    gap: 35px 6.6666666667%
}

.info-style-2 .info-content {
    gap: 30px 4.5833333333%
}

.info-style-3 .info-content {
    -ms-grid-columns: min(650px, 100%);
    grid-template-columns: min(650px, 100%)
}

.info-style-3 .info-content h2:last-child {
    margin-bottom: 0
}

.info-style-5 .info-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .info-style-4 .info-content {
        -ms-grid-columns: 49.1666666667% 4.1666666667% 1fr;
        gap: 30px 4.1666666667%;
        grid-template-columns: 49.1666666667% 1fr
    }

    .info-style-6 .info-content,
    .info-style-8 .info-content {
        -ms-grid-columns: 45.8333333333% 1fr;
        grid-template-columns: 45.8333333333% 1fr;
        row-gap: 30px
    }

    .info-style-6 .info-content {
        -webkit-column-gap: 4.5833333333%;
        -moz-column-gap: 4.5833333333%;
        column-gap: 4.5833333333%
    }

    .info-style-8 .info-content {
        -ms-grid-columns: 45.8333333333% 8.3333333333% 1fr;
        -webkit-column-gap: 8.3333333333%;
        -moz-column-gap: 8.3333333333%;
        column-gap: 8.3333333333%;
        grid-template-columns: 45.8333333333% 1fr
    }
}

@media (max-width:767px) {

    .info-style-6 .info-content,
    .info-style-8 .info-content {
        max-width: 555px
    }

    .info-style-4 .info-content {
        row-gap: 40px
    }

    .info-style-6 .info-content {
        row-gap: 60px
    }

    .info-style-8 .info-content {
        row-gap: 30px
    }
}

.info-media {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.info-media-play-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 22, 82, .11);
    border: 1px dashed var(--c1);
    border-radius: 50%;
    color: var(--c1);
    cursor: pointer;
    height: 72px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 72px
}

.info-media-play-btn svg {
    height: 30px;
    margin-left: 6px;
    position: relative;
    width: 27px;
    z-index: 1;
    fill: currentColor
}

.info-media-play-btn svg path {
    fill: currentColor
}

.info-media-play-btn span {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
    background-color: hsla(0, 0%, 100%, .3);
    border: 1px solid var(--c1);
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.info-media-play-btn:hover {
    color: var(--c3)
}

.info-media-img {
    padding-top: 70.536%
}

.info-media-video-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width:375px) {
    .info-style-6 .info-content {
        row-gap: 40px
    }

    .info-style-9 .info-content p {
        color: var(--c6)
    }

    .info-media-play-btn {
        height: 50px;
        width: 50px
    }

    .info-media-play-btn svg {
        height: 22px;
        width: 19px
    }

    .info-1 h2 {
        font-size: 2.1428571429rem
    }
}

.info-1 {
    margin-bottom: 35px
}

.info-1>h2,
.info-1>h3 {
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3
}

.info-1>h2 {
    font-size: 1.875rem;
    margin-bottom: 26px
}

.info-1>h3 {
    color: var(--c2);
    font-size: 1.125rem;
    margin-bottom: 32px
}

.info-1>p {
    color: var(--c37);
    letter-spacing: .5px;
    margin-bottom: 32px;
    max-width: 760px
}

.info-1>p:last-child {
    margin-bottom: 0
}

.info-1-style-1 {
    max-width: 788px
}

.info-1-style-2 {
    margin-bottom: 26px
}

.info-1-style-3 {
    margin-bottom: 35px
}

.info-1-style-4 {
    background-color: var(--c43);
    border-radius: 15px;
    padding: 33px 30px
}

.info-1-style-5>h3 {
    margin-bottom: 20px
}

.info-1-style-6 {
    margin-bottom: 94px
}

.info-1-style-7 {
    margin-bottom: 45px
}

.info-1-style-8 {
    max-width: 920px
}

.info-1-style-9 {
    margin-bottom: 80px
}

.info-1-style-10>h2 {
    margin-bottom: 10px
}

.info-1-style-10>p {
    margin-bottom: 40px
}

.info-1-style-11 {
    max-width: 768px
}

.info-1-style-12>p {
    max-width: 715px
}

.info-1-style-13 blockquote {
    background-color: var(--c5);
    border-left: 5px solid var(--c3);
    border-radius: 0;
    margin-bottom: 40px;
    padding: 15px
}

.info-1-style-13 blockquote p {
    color: var(--c2);
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.4
}

.info-1-style-13 blockquote p:last-child {
    margin-bottom: 0
}

.info-1-style-13 blockquote strong {
    font-weight: 600
}

.info-1-style-14 blockquote {
    padding-bottom: 19px;
    padding-top: 19px
}

.info-1-style-14 blockquote p {
    font-weight: 500
}

.info-1-style-14 blockquote p a {
    text-decoration: underline
}

.info-1-style-14 blockquote p a:hover {
    text-decoration: none
}

@media (max-width:767px) {

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .info-1>h2 {
        font-size: 2.1428571429rem
    }

    .info-1>h3 {
        font-size: 1.2857142857rem
    }

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.quiz-to-guide {
    background-color: var(--c5);
    border-radius: 16px;
    padding: 80px 10.152284264%
}

.quiz-to-guide h2 {
    font-size: 1.5625rem;
    font-weight: 600;
    letter-spacing: .25px;
    margin-bottom: 27px
}

.quiz-to-guide h2 span {
    color: var(--c39)
}

.quiz-to-guide-content.quiz-to-guide--hide {
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

.quiz-to-guide-content.quiz-to-guide--show {
    max-height: 9999px;
    opacity: 1
}

.quiz-to-guide-content[data-quiz-status=end] h2 {
    margin-bottom: 0
}

.quiz-to-guide-content-title-has-icon {
    padding-left: 40px;
    position: relative
}

.quiz-to-guide-content-title-has-icon-1 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='27' fill='none' viewBox='0 0 29 27'%3E%3Cpath fill='%233c6aff' d='M22.275.962c-2.33 1.19-5.11 3.505-7.775 6.51-2.668-3.008-5.445-5.32-7.776-6.51-6.227-3.183-8.7 2.387-4.966 4.4 2.724 1.47 5.99 3.965 9.05 6.862-2.496 3.672-4.592 7.868-5.679 12.123-.624 2.44 2.054 4.334 3.626.345 1.053-2.673 3.173-5.724 5.745-8.648 2.572 2.924 4.691 5.975 5.745 8.648 1.571 3.989 4.246 2.095 3.625-.345-1.086-4.255-3.18-8.45-5.68-12.123 3.062-2.897 6.327-5.393 9.05-6.863 3.735-2.015 1.265-7.582-4.965-4.4'/%3E%3C/svg%3E") 0 3px no-repeat
}

.quiz-to-guide-progress {
    background-color: var(--c38);
    border-radius: 3px;
    height: 6px;
    position: relative
}

.quiz-to-guide-progress span {
    background-color: var(--c3);
    border-radius: 3px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 0
}

.quiz-to-guide-progress+.quiz-to-guide-counter {
    margin-top: 20px
}

.quiz-to-guide-counter {
    color: var(--c2);
    font-size: .9375rem;
    letter-spacing: .15px;
    line-height: 1;
    margin-bottom: 32px
}

.quiz-to-guide-content-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.quiz-to-guide-content-info {
    background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
    border-radius: 15px;
    color: var(--c1);
    padding: 30px 20px
}

.quiz-to-guide-content-info .alert {
    margin-bottom: 50px
}

.quiz-to-guide-content-info .tag {
    margin-bottom: 12px
}

.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
    font-size: .875rem;
    letter-spacing: .25px
}

.quiz-to-guide-content-info ul:not(.reset-list) li {
    padding-left: 12px
}

.quiz-to-guide-content-info ul:not(.reset-list) li:before {
    background-color: var(--c1);
    height: 4px;
    left: 0;
    width: 4px
}

.quiz-to-guide-content-info ul:not(.reset-list):last-child {
    margin-bottom: 0
}

.quiz-to-guide-content-info p {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .quiz-to-guide {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 60px 20px
    }
}

@media (max-width:415px) {
    .quiz-to-guide {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }

    .quiz-to-guide .btn-style-10 {
        width: calc(50% - 5px)
    }
}

@media (max-width:375px) {
    .quiz-to-guide {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .quiz-to-guide h2 {
        font-size: 1.4285714286rem
    }

    .quiz-to-guide-counter {
        font-size: 1.0714285714rem
    }

    .quiz-to-guide-content-info ol,
    .quiz-to-guide-content-info p,
    .quiz-to-guide-content-info ul {
        font-size: 1rem
    }
}

.recall {
    margin-bottom: 15px
}

.recall-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 6.6666666667%
}

.recall-content>div:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 32.0833333333%;
    flex-basis: 32.0833333333%
}

.recall-content>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 44px 20px 0
}

.recall-content p {
    font-size: 1.1875rem
}

.recall-content p:last-of-type {
    margin-bottom: 0
}

.recall-content p+.recall-name {
    margin-top: 22px
}

.recall-img {
    min-height: 316px
}

.recall-img .list-img {
    border-radius: 10px;
    height: 100%
}

.recall-date,
.recall-name {
    display: block;
    line-height: 1
}

.recall-name {
    font-size: .875rem
}

.recall-name+.recall-date {
    margin-top: 12px
}

.recall-date {
    color: var(--c6);
    font-size: .75rem
}

@media (min-width:577px) {
    .recall-content {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), #fff;
        background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), #fff;
        border-radius: 10px;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .recall-content {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .recall-content>div:first-child {
        -ms-flex-preferred-size: 36.3136176066%;
        flex-basis: 36.3136176066%
    }

    .recall-content p {
        font-size: .875rem
    }
}

@media (max-width:576px) {
    .recall {
        margin-bottom: 35px
    }

    .recall-content>div:first-child {
        display: none
    }

    .recall-content>div:last-child {
        padding: 0
    }

    .recall-content p {
        color: var(--c6);
        text-align: center
    }

    .recall-date,
    .recall-name {
        display: none
    }

    .case-studies-style-1 .case-studies-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 18px
    }

    .case-studies-style-1 .case-studies-content .tag {
        margin-bottom: 0
    }

    .case-studies-style-1 .case-studies-content .tag-style-3+.add-info {
        margin-top: 7px
    }

    .case-studies-style-1 .add-info+.blog-list,
    .case-studies-style-1 .add-info+.recall {
        margin-top: 0
    }

    .case-studies-style-1 .add-info h2 {
        margin-bottom: 0
    }

    .case-studies-style-1 .case-studies-add-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .case-studies-style-1 .case-studies-add-info>div:last-child {
        display: none
    }

    .case-studies-style-3 .case-studies-content .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .case-studies-style-3 .case-studies-content .tag-style-3+.add-info {
        margin-top: 7px
    }

    .case-studies-style-3 .add-info+.blog-list,
    .case-studies-style-3 .add-info+.recall {
        margin-top: 0
    }

    .case-studies-style-3 .add-info h2 {
        margin-bottom: 18px
    }

    .case-studies-style-3 .case-studies-add-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .case-studies-style-3 .case-studies-add-info>div:last-child {
        display: none
    }
}

.not-found h1 {
    text-transform: uppercase
}

.cooming-soon p+.form {
    margin-top: 45px
}

@media (max-width:375px) {
    .recall-content p {
        font-size: 1rem
    }

    .case-studies-style-2 .case-studies-content>.tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }
}

.why-case-craft-add-info+.why-case-craft-list {
    margin-top: 48px
}

.why-case-craft-list .icon path,
.why-case-craft-list .icon svg {
    fill: var(--c3)
}

@media (max-width:767px) {
    .why-case-craft-content>.tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .why-case-craft-add-info h2,
    .why-case-craft-add-info p {
        text-align: center
    }

    .why-case-craft-add-info+.why-case-craft-list {
        margin-top: 40px
    }

    .why-case-craft-list-style-1 {
        margin-left: auto;
        margin-right: auto;
        width: min(415px, 100%);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.process .tag {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.process h2 {
    margin-bottom: 38px;
    text-align: center
}

.process-list-wrapper {
    position: relative
}

.process-list-progressbar {
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.process-list-progressbar span {
    background-color: var(--c3);
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.desktop-user-agent .process-list-progressbar span {
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.process-list-item>strong {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px
}

.process-list-item p,
.process-list-item ul {
    color: var(--c6);
    font-size: 1.125rem;
    margin-bottom: 24px
}

.process-list-item p:last-child,
.process-list-item ul:last-child {
    margin-bottom: 0
}

.process-list-item ul:not(.reset-list) li {
    padding-left: 26px
}

.process-list-item ul strong {
    color: var(--c10);
    font-weight: 400
}

.process-list-counter {
    color: var(--c24);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 19px;
    position: relative;
    z-index: 2
}

.process-list-counter span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    position: absolute;
    top: -3px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c24);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.process-list-counter span:after {
    background-color: var(--c24);
    border-radius: 50%;
    content: "";
    height: 15px;
    -webkit-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
    width: 15px
}

.process-list-counter.active span {
    border-color: var(--c3)
}

.process-list-counter.active span:after {
    background-color: var(--c3)
}

@media (min-width:768px) {
    .process-list {
        grid-auto-flow: dense
    }

    .process-list-counter span {
        left: -60px
    }

    .process-list-progressbar {
        left: 50%;
        translate: -50% 0
    }

    .process-list-item:nth-child(4n+2),
    .process-list-item:nth-child(4n+3) {
        padding-right: 30px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .process-list-item:nth-child(4),
    .process-list-item:nth-child(4n+1),
    .process-list-item:nth-child(8) {
        padding-left: 30px
    }

    .process-list-item:nth-child(4n+1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1
    }

    .process-list-item:nth-child(4n+3) .process-list-counter span {
        left: auto;
        right: -60px
    }
}

@media (max-width:767px) {
    .process-list-counter span {
        left: -50px
    }

    .process-list-progressbar {
        left: 35px
    }

    .process-list-item {
        padding-left: 70px
    }

    .process-list-item p,
    .process-list-item ul,
    .process-list-item>strong {
        max-width: 500px
    }

    .process-list-item>strong {
        font-size: 1.25rem
    }

    .process-list-item p,
    .process-list-item ul {
        font-size: .875rem;
        margin-bottom: 24px
    }
}

@media (max-width:375px) {
    .process-list-counter span {
        left: -45px
    }

    .process-list-progressbar {
        left: 30px
    }

    .process-list-counter {
        font-size: 2.1428571429rem
    }

    .process-list-item {
        padding-left: 60px
    }

    .process-list-item>strong {
        font-size: 1.4285714286rem
    }

    .process-list-item p,
    .process-list-item ul {
        font-size: 1rem
    }
}

.features h2 {
    margin-bottom: 57px;
    max-width: 500px
}

.features-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    grid-template-columns: repeat(3, 1fr)
}

.features-list p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3
}

.features-list p:last-of-type {
    margin-bottom: 0
}

.features-list-progress {
    background-color: rgba(91, 93, 114, .5);
    display: block;
    height: 1px;
    margin-bottom: 15px;
    position: relative
}

.features-list-progress i {
    background-color: var(--c3);
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0
}

.features-slider-wrapper {
    padding-bottom: 80px
}

.features-slider-wrapper .slider-btn {
    bottom: 0
}

.features-slider-wrapper .slider-btn--prev {
    left: 0
}

.features-slider-wrapper .slider-btn--next {
    left: 54px;
    right: auto
}

.features-item {
    background-color: var(--c10);
    border-radius: 10px;
    overflow: hidden
}

.features-item,
.features-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.features-item-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 45px 20px 40px
}

.features-item-info h3,
.features-item-info p {
    max-width: 500px
}

.features-item-info h3 {
    color: var(--c1);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px
}

.features-item-info p {
    color: var(--c5);
    font-size: 1.125rem
}

.features-item-info p:last-of-type {
    margin-bottom: 0
}

.features-item-info p+.features-item-btns {
    margin-top: 40px
}

.features-item-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

@media (min-width:376px) {
    .features-item {
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%
    }

    .features-slider-wrapper .swiper-pagination {
        display: none
    }
}

@media (max-width:1024px) {
    .features-list p {
        font-size: .875rem
    }
}

@media (min-width:768px) {
    .features-list+.features-slider-wrapper {
        margin-top: 78px
    }

    .features-item-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 44.1666666667%;
        flex-basis: 44.1666666667%;
        min-height: 430px
    }

    .features-item-img .list-img {
        height: 100%
    }

    .features-item-info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width:767px) {
    .features-list+.features-slider-wrapper {
        margin-top: 54px
    }

    .features-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .features-item-img .list-img {
        padding-top: 81.134%
    }
}

@media (max-width:576px) {
    .features-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 30px
    }

    .features-list div {
        display: none
    }

    .features-list div.db {
        display: block
    }

    .features-list p {
        font-size: 1.25rem
    }

    .features-list+.features-slider-wrapper {
        margin-top: 39px
    }
}

@media (max-width:375px) {
    .features .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .features h2 {
        text-align: center
    }

    .features-list p {
        font-size: 1.4285714286rem
    }

    .features-slider-wrapper {
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 70px
    }

    .features-slider-wrapper .slider-btn {
        left: 50%;
        translate: -50% 0
    }

    .features-slider-wrapper .slider-btn--prev {
        margin-left: -27px
    }

    .features-slider-wrapper .slider-btn--next {
        margin-left: 27px
    }

    .features-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 10px 60px
    }

    .features-item-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .features-item-img .list-img {
        border-radius: 10px;
        padding-top: 112.997%
    }

    .features-item-info {
        padding: 100px 0 40px
    }

    .features-item-info h3,
    .features-item-info p {
        text-align: center
    }

    .features-item-info h3 {
        font-size: 2.1428571429rem
    }

    .features-item-info p {
        font-size: 1rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 320px
    }

    .features-item-btns a {
        -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px)
    }
}

@media (max-width:320px) {
    .features-item-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px
    }

    .features-item-btns a {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.small-claims-resolution {
    overflow: hidden
}

.small-claims-resolution h2 {
    margin-bottom: 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 694px;
    text-align: center
}

.small-claims-resolution-list {
    display: -ms-grid;
    display: grid;
    gap: 40px 20px
}

.small-claims-resolution-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 10px;
    justify-content: center;
    row-gap: 30px
}

.small-claims-resolution-list .list-item>div:not(.spline-viewer-wrapper) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.small-claims-resolution-list .list-item .icon-style-2 .dotlottie-wrapper {
    height: 46px;
    width: 46px
}

.small-claims-resolution-list .list-item p,
.small-claims-resolution-list .list-item strong {
    max-width: 500px
}

.small-claims-resolution-list .list-item .icon+strong {
    padding-top: 15px
}

.small-claims-resolution-list .list-item strong {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3
}

.small-claims-resolution-list .list-item p {
    color: var(--c6);
    font-size: 1.125rem;
    line-height: 1.4
}

.small-claims-resolution-list .list-item p:last-of-type {
    margin-bottom: 0
}

.small-claims-resolution-list .list-item p+div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px
}

@media (min-width:768px) {
    .small-claims-resolution-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .small-claims-resolution-list .list-item {
        padding: 90px 40px
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2),
    .small-claims-resolution-list .list-item:nth-child(4n+3) {
        background-color: var(--c5);
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2):after,
    .small-claims-resolution-list .list-item:nth-child(4n+3):before {
        background-color: var(--c5);
        content: "";
        height: 100%;
        position: absolute;
        top: 0
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2) {
        border-radius: 10px 0 0 10px
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2):after {
        border-radius: 0 10px 10px 0;
        left: 100%;
        width: calc(50vw - 720px)
    }

    .small-claims-resolution-list .list-item:nth-child(4n+3) {
        border-radius: 0 10px 10px 0
    }

    .small-claims-resolution-list .list-item:nth-child(4n+3):before {
        border-radius: 10px 0 0 10px;
        left: calc(-50vw + 720px);
        width: calc(50vw - 700px)
    }

    .small-claims-resolution-list .list-item:nth-child(4n+1),
    .small-claims-resolution-list .list-item:nth-child(4n+4) {
        background-color: var(--c1);
        padding-left: 14.4927536232%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .simplifying-legal-process-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .small-claims-resolution-content h2 {
        margin-bottom: 0
    }

    .small-claims-resolution-list .list-item {
        padding: 80px 40px
    }

    .small-claims-resolution-list .list-item:nth-child(2),
    .small-claims-resolution-list .list-item:nth-child(3) {
        background-color: var(--c5)
    }

    .small-claims-resolution-list .list-item:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:576px) {
    .small-claims-resolution-list .list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:415px) {
    .small-claims-resolution-list .list-item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.parallax-wrapper {
    overflow: hidden
}

.parallax {
    background: url(../img/bg-3.svg) 50% 100%/auto 100% no-repeat;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.simplifying-legal-proces-style-2 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), var(--c5);
    background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), var(--c5)
}

@media (max-width:767px) {
    .simplifying-legal-process-list-item {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:415px) {
    .simplifying-legal-process-list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:375px) {
    .small-claims-resolution-list {
        row-gap: 10px
    }

    .small-claims-resolution-list .list-item {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .small-claims-resolution-list .list-item strong {
        font-size: 1.7857142857rem
    }

    .small-claims-resolution-list .list-item p {
        font-size: 1rem
    }

    .small-claims-resolution-list .list-item .btn-style-1 {
        min-width: 144px
    }

    .simplifying-legal-process-content h2 {
        margin-bottom: 36px
    }

    .simplifying-legal-process-content h2~p {
        font-size: 1rem;
        font-weight: 400
    }

    .simplifying-legal-process-content .tag {
        margin-bottom: 22px
    }

    .simplifying-legal-process-content+.simplifying-legal-process-list {
        margin-top: 40px
    }

    .simplifying-legal-process-btns {
        padding-top: 40px
    }

    .simplifying-legal-process-list-item {
        padding: 57px 20px 60px
    }

    .simplifying-legal-process-list-item h3 {
        font-size: 1.7857142857rem;
        margin-bottom: 12px
    }

    .simplifying-legal-process-list-item p {
        font-size: 1rem
    }
}

@media (max-width:320px) {

    .simplifying-legal-process-list-item,
    .small-claims-resolution-list .list-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.case-studies-add-info+.case-studies-slider-wrapper {
    margin-top: 58px
}

.case-studies-slider-wrapper {
    padding-bottom: 90px
}

.case-studies-slider-wrapper .slider-btn {
    bottom: 0
}

.case-studies-slider-wrapper .slider-btn--prev {
    left: calc(50% - 53px)
}

.case-studies-slider-wrapper .slider-btn--next {
    right: calc(50% - 53px)
}

.case-studies-slider {
    min-width: 100%;
    width: 0
}

@media (max-width:375px) {
    .case-studies-slider-wrapper {
        padding-bottom: 70px
    }

    .case-studies-add-info+.case-studies-slider-wrapper {
        margin-top: 40px
    }
}

.reviews-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 27px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--c5);
    border-radius: 10px;
    justify-content: space-between;
    padding: 42px 10.2564102564% 45px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.reviews-list-item:hover {
    background-color: var(--c34)
}

.reviews-list-item-blockquote {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0
}

.reviews-list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.reviews-list-item-info>div:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px
}

.reviews-list-item-info>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reviews-list-item-info .list-img {
    border-radius: 50%;
    padding-top: 100%
}

.reviews-list-item-info p,
.reviews-list-item-info span {
    font-size: .875rem;
    line-height: 1
}

.reviews-list-item-info span {
    display: block
}

.reviews-list-item-info span+p {
    margin-top: 10px
}

.reviews-list-item-info p {
    color: var(--c25);
    margin-bottom: 0
}

@media (max-width:1200px) {
    .reviews-list-item {
        padding-left: 11.0192837466%;
        padding-right: 11.0192837466%
    }
}

@media (max-width:1024px) {
    .reviews-list-item {
        padding-left: 13.1578947368%;
        padding-right: 13.1578947368%
    }
}

@media (max-width:767px) {
    .reviews-list-item {
        padding: 39px 10.2389078498%;
        row-gap: 45px
    }

    .reviews-list-item-blockquote {
        font-size: .875rem
    }
}

@media (max-width:576px) {
    .reviews-list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:375px) {
    .reviews-list-item {
        padding-bottom: 48px;
        padding-top: 48px;
        row-gap: 24px
    }

    .reviews-list-item-info>div:first-child {
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }

    .reviews-list-item-blockquote,
    .reviews-list-item-info p,
    .reviews-list-item-info span {
        font-size: 1rem
    }
}

@media (max-width:320px) {
    .reviews-list-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.pagination-navigation-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.navigation,
.pagination {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-btn,
.pagination-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border-radius: 5px;
    color: var(--cb);
    cursor: pointer;
    height: 50px;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 50px
}

.pagination-btn {
    border: 1px solid var(--c29);
    font: 600 .875rem/1 var(--f4);
    letter-spacing: -.21px
}

.pagination-btn:hover {
    background-color: var(--c29)
}

.pagination-btn.pagination-btn-active {
    background-color: var(--c10);
    color: var(--c1)
}

.navigation-btn {
    border: 1px solid var(--c24)
}

.navigation-btn svg {
    height: 16px;
    width: 18px;
    fill: currentColor
}

.navigation-btn:hover {
    background-color: var(--c24)
}

.build-with-privacy {
    background: var(--c10) url(../img/built-with-privacy.svg) no-repeat calc(207px + 50%) calc(100% + 15px);
    padding-bottom: 80px;
    padding-top: 108px
}

.build-with-privacy-content .tag+p {
    margin-top: 43px
}

.build-with-privacy-content p {
    color: var(--c1);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    max-width: 782px
}

.build-with-privacy-content p:last-of-type {
    margin-bottom: 0
}

.build-with-privacy-content p+.build-with-privacy__icons {
    margin-top: 52px
}

.build-with-privacy__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.build-with-privacy__icons .list-img-2 {
    background-color: var(--c36);
    border-radius: 10px;
    padding-top: 96.27%;
    width: 107px
}

.build-with-privacy__icons .list-img-2 div {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px
}

@media (max-width:1200px) {
    .build-with-privacy {
        background-position: 100% 100%
    }
}

@media (max-width:767px) {
    .build-with-privacy-content p {
        font-size: 1.5625rem
    }
}

@media (max-width:375px) {
    .build-with-privacy {
        background: var(--cb);
        padding-top: 80px
    }

    .build-with-privacy-content .tag+p {
        margin-top: 15px
    }

    .build-with-privacy-content p {
        font-size: 1.7857142857rem
    }

    .build-with-privacy-content p+.build-with-privacy__icons {
        margin-top: 37px
    }

    .build-with-privacy__icons {
        gap: 10px
    }

    .build-with-privacy__icons .list-img-2 {
        width: 64px
    }
}

@media (max-width:320px) {
    .build-with-privacy-content p {
        font-size: 1.4285714286rem
    }
}

.how-it-works h2 {
    margin-bottom: 57px
}

.how-it-works-img {
    border-radius: 5px;
    overflow: hidden
}

.how-it-works-img img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.how-it-works-img img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:767px) {
    .how-it-works .content {
        row-gap: 20px
    }

    .how-it-works h2 {
        margin-bottom: 45px
    }

    .how-it-works-img-list {
        display: none
    }
}

.claims-system {
    background-color: var(--c5);
    border-radius: 5px;
    padding-bottom: 77px;
    padding-top: 79px
}

.claims-system h2 {
    text-align: center
}

.claims-system h2+p {
    margin-top: -2px
}

.claims-system h2~p {
    color: var(--c6);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 718px;
    text-align: center
}

.claims-system h2~p:last-of-type {
    margin-bottom: 0
}

.claims-system h2~p+.claims-system-list {
    margin-top: 72px
}

.claims-system-list {
    text-align: center
}

.claims-system-list-item>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 1 !important
}

.claims-system-list-item>div>i:not(:empty),
.claims-system-list-item>div>span:not(.claims-system-list__decor) {
    display: inline-block
}

.claims-system-list-item>div>i:not(:empty) {
    color: rgba(91, 93, 114, .5);
    font-style: normal
}

.claims-system-list-item>div+p {
    margin-top: 14px
}

.claims-system-list-item p {
    color: var(--c6);
    font-size: 1.125rem;
    margin-bottom: 0
}

@media (min-width:768px) {
    .how-it-works-img-list-item {
        display: none
    }

    .how-it-works-img-list-item.db {
        display: block
    }

    .claims-system-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        gap: 30px 20px;
        justify-content: space-between
    }

    .claims-system-list>div:not(:first-child) {
        position: relative
    }

    .claims-system-list__decor {
        background-color: var(--c23);
        bottom: 5px;
        height: 88px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        width: 1px
    }
}

@media (max-width:767px) {
    .claims-system {
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 83px
    }

    .claims-system-list {
        display: -ms-grid;
        display: grid;
        gap: 100px 30px
    }

    .claims-system-list>div:nth-child(odd) {
        position: relative
    }

    .claims-system-list>div:nth-child(odd):after {
        background-color: var(--c23);
        content: "";
        pointer-events: none;
        position: absolute
    }

    .faqs h2~p {
        max-width: 365px
    }
}

@media (min-width:416px) and (max-width:767px) {
    .claims-system-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .claims-system-list>div:nth-child(odd):after {
        height: 88px;
        left: calc(100% + 15px);
        top: 50%;
        translate: 0 -50%;
        width: 1px
    }
}

@media (max-width:415px) {
    .claims-system-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 60px
    }

    .claims-system-list>div:nth-child(odd):after {
        height: 1px;
        top: 50%;
        top: calc(100% + 15px);
        translate: -50% 0;
        width: 88px
    }
}

@media (max-width:375px) {
    .claims-system {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .claims-system h2~p {
        font-size: 1.2857142857rem
    }

    .claims-system h2~p+.claims-system-list {
        margin-top: 43px
    }

    .claims-system-list span:not(.claims-system-list__decor) {
        font-size: 2.5rem
    }

    .claims-system-list p {
        font-size: 1.2857142857rem
    }
}

@media (max-width:320px) {
    .claims-system {
        margin-left: 10px;
        margin-right: 10px
    }

    .claims-system h2~p {
        font-size: 1.1428571429rem
    }

    .claims-system-list span:not(.claims-system-list__decor) {
        font-size: 1.7857142857rem
    }

    .claims-system-list p {
        font-size: 1.1428571429rem
    }
}

.blog-add-info+.list-style-1 {
    margin-top: 58px
}

@media (max-width:576px) {
    .blog-content>.tag {
        display: table;
        margin-bottom: 38px;
        margin-left: auto;
        margin-right: auto
    }

    .blog-add-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .blog-add-info>div:last-child {
        display: none
    }

    .blog-add-info h2 {
        margin-bottom: 0
    }

    .blog-add-info+.list-style-1 {
        margin-top: 40px
    }
}

.faqs h2~p {
    color: var(--c6);
    font-size: 1.125rem
}

.faqs h2~p:last-of-type {
    margin-bottom: 0
}

.faqs-accordion>div:not(.item-visible):nth-child(1n+6) {
    display: none
}

.faqs-accordion+.btn {
    margin-top: 20px
}

.ai-powered-platform {
    background-color: var(--c5);
    padding-bottom: 140px;
    padding-top: 140px
}

.ai-powered-platform-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px 20px
}

.ai-powered-platform-content p {
    font: 1.375rem var(--f2);
    max-width: 560px
}

.ai-powered-platform-content p:last-of-type {
    margin-bottom: 0
}

.ai-powered-platform-content p+.btn {
    margin-top: 22px
}

@media (min-width:641px) {
    .ai-powered-platform-content {
        -webkit-column-gap: 34px;
        -moz-column-gap: 34px;
        column-gap: 34px
    }

    .ai-powered-platform-content>div {
        -ms-flex-preferred-size: calc(50% - 17px);
        flex-basis: calc(50% - 17px)
    }
}

@media (min-width:768px) {
    .ai-powered-platform-content h2 {
        font-size: 2.8125rem
    }
}

@media (min-width:641px) and (max-width:767px) {
    .ai-powered-platform-content {
        -webkit-column-gap: 34px;
        -moz-column-gap: 34px;
        column-gap: 34px
    }

    .ai-powered-platform-content>div {
        -ms-flex-preferred-size: calc(50% - 17px);
        flex-basis: calc(50% - 17px)
    }

    .ai-powered-platform-content p {
        font-weight: 500
    }
}

@media (max-width:767px) {
    .ai-powered-platform {
        padding-bottom: 80px;
        padding-top: 80px
    }

    .ai-powered-platform-content p {
        font-size: 1.125rem
    }
}

@media (max-width:640px) {
    .ai-powered-platform-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 65px
    }

    .ai-powered-platform-content>div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ai-powered-platform-content h2,
    .ai-powered-platform-content p {
        text-align: center
    }

    .ai-powered-platform-content p {
        font-size: .875rem;
        max-width: 345px
    }

    .ai-powered-platform-content p+.btn {
        margin-top: 43px
    }
}

@media (max-width:375px) {
    .faqs h2~p {
        font-size: .8571428571rem
    }

    .faqs-accordion+.btn {
        margin-top: 10px
    }

    .ai-powered-platform-content p {
        font-size: 1rem
    }
}

.experts-add-info {
    row-gap: 42px
}

.experts-add-info+.experts-list {
    margin-top: 58px
}

.experts-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    gap: 40px 10px;
    grid-template-columns: repeat(4, 1fr)
}

.experts-list-photo {
    margin-bottom: 10px;
    position: relative
}

.experts-list-photo .list-img {
    border-radius: 10px;
    padding-top: 119.66%
}

.experts-list-photo .list-img:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
    background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.experts-list-photo span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M7.5.5v13M1 6.96h13'/%3E%3C/svg%3E") 100% 50% no-repeat;
    bottom: 28px;
    color: var(--c1);
    left: 30px;
    line-height: 1;
    opacity: 0;
    padding-right: 24px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 2
}

.experts-list-modal-btn {
    cursor: pointer
}

.experts-list-modal-btn li span,
.experts-list-modal-btn p {
    color: var(--c32)
}

.experts-list-modal-btn p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3
}

.experts-list-modal-btn p:last-of-type {
    margin-bottom: 0
}

.experts-list-modal-btn p+ul {
    margin-top: 4px
}

.experts-list-modal-btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.experts-list-modal-btn li {
    color: rgba(91, 93, 114, .5);
    font-weight: 700;
    line-height: 1
}

.experts-list-modal-btn+.s_ocial {
    margin-top: 9px
}

.experts-list-modal-btn:hover .experts-list-photo span {
    opacity: 1
}

.experts-list-modal-btn:hover .experts-list-photo .list-img:after {
    border-radius: 10px;
    opacity: 1
}

.experts-dialog .list-img {
    border-radius: 10px;
    padding-top: 119.865%
}

.experts-dialog .list-img+.s_ocial {
    margin-top: 14px
}

.experts-dialog .tag {
    margin-bottom: 21px
}

.experts-dialog h2 {
    margin-bottom: 16px
}

.experts-dialog h2+strong {
    color: rgba(91, 93, 114, .5);
    display: block;
    font-weight: 700;
    line-height: 1
}

.experts-dialog h2+strong+p {
    margin-top: 21px
}

.experts-dialog p {
    color: var(--c6);
    font-size: .875rem
}

.experts-dialog p:last-of-type {
    margin-bottom: 0
}

@media (max-width:1024px) {
    .experts-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .experts-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .experts-dialog .dialog-content-aside {
        display: none
    }

    .experts-dialog .dialog-content-main h2+strong+.dialog-content-aside {
        display: block;
        margin-bottom: 38px;
        margin-top: 38px
    }
}

@media (max-width:375px) {
    .experts-add-info {
        row-gap: 20px
    }

    .experts-add-info h2,
    .experts-add-info p {
        text-align: center
    }

    .experts-add-info .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .experts-add-info+.experts-list {
        margin-top: 40px
    }

    .experts-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .experts-list-modal-btn p {
        font-size: 1.4285714286rem
    }

    .experts-dialog p {
        font-size: 1rem
    }
}

.download-logo-list {
    display: -ms-grid;
    display: grid;
    gap: 40px 10px
}

@media (min-width:501px) {
    .download-logo-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.download-logo-list-item-img {
    background-color: var(--c5);
    border-radius: 5px;
    padding-top: 250px
}

.download-logo-list-item-img div {
    bottom: 20px;
    left: 15px;
    right: 15px;
    top: 20px
}

.download-logo-list-item-img+.btn {
    margin-top: 20px
}

.article-preview+.article {
    margin-top: 64px
}

.article h1 {
    font-size: 2.1875rem;
    line-height: 1.3
}

.article h2 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4
}

.article img,
.article picture {
    border-radius: 10px
}

.article ol:last-child,
.article p:last-child,
.article ul:last-child {
    margin-bottom: 0
}

.article-style-1 {
    max-width: 750px
}

.article-style-2 h1 {
    margin-bottom: 17px
}

.article-style-2 img,
.article-style-2 picture {
    margin-bottom: 60px
}

.article-style-2 picture img {
    margin-bottom: 0
}

.article-style-2 ol,
.article-style-2 p,
.article-style-2 ul {
    color: var(--c7)
}

.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
    padding-top: 40px
}

.article-style-2 ol+picture img,
.article-style-2 p+picture img,
.article-style-2 ul+picture img {
    padding-top: 0
}

.article-style-2 h2 {
    font-size: 1.25rem
}

.article-preview-info {
    bottom: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.article-preview-info .tag {
    margin-bottom: 13px
}

.article-preview-info h1 {
    color: var(--c1);
    font-size: 2.1875rem;
    line-height: 1.3;
    margin-bottom: 9px;
    max-width: 580px
}

.article-preview {
    position: relative
}

.article-preview:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
    background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.article-preview-img {
    border-radius: 10px;
    padding-top: 62.667%
}

.article-preview-add {
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-preview-add span {
    display: inline-block
}

.article-preview-add span:not(.article-preview-add-decor) {
    color: var(--c1);
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px
}

.article-preview-add-decor {
    background-color: var(--c1);
    border-radius: 50%;
    height: 3px;
    width: 3px
}

.article-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    row-gap: 40px
}

.article-info h2 {
    color: var(--c30);
    font-size: 1.25rem;
    margin-bottom: 19px
}

.article-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.article-info-list a {
    border-left: 3px solid transparent;
    color: var(--c6);
    display: block;
    line-height: 1.4;
    padding: 9px 17px 10px
}

.article-info-list a.active,
.article-info-list a:hover {
    border-color: var(--c3);
    color: var(--cb)
}

.article-info-social {
    background-color: var(--cb);
    border-radius: 5px;
    padding: 20px
}

.article-info-social strong {
    color: var(--c1);
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px
}

.article-info-social .s_ocial a,
.article-info-social .s_ocial li {
    height: 30px;
    width: 30px
}

@media (max-width:375px) {
    .article h1 {
        font-size: 1.7857142857rem
    }

    .article h2 {
        font-size: 1.4285714286rem
    }

    .article-style-2 img,
    .article-style-2 picture {
        margin-bottom: 42px
    }

    .article-style-2 ol+img,
    .article-style-2 ol+picture,
    .article-style-2 p+img,
    .article-style-2 p+picture,
    .article-style-2 ul+img,
    .article-style-2 ul+picture {
        padding-top: 20px
    }

    .article-preview+.article {
        margin-top: 76px
    }

    .article-preview-img {
        padding-top: 145%
    }

    .article-preview-info {
        bottom: 60px
    }

    .article-preview-info h1 {
        font-size: 2.5rem
    }

    .article-info h2,
    .article-style-2 h2 {
        font-size: 1.4285714286rem
    }

    .article-info-list a {
        font-size: 1.1428571429rem
    }

    .article-preview-add span:not(.article-preview-add-decor) {
        font-size: 1rem
    }
}

@media (max-width:360px) {
    .article-preview-info {
        left: 20px;
        right: 20px;
        top: 20px
    }
}

@media (max-width:320px) {
    .article h1 {
        font-size: 1.5714285714rem
    }

    .article h2 {
        font-size: 1.2857142857rem
    }

    .article-preview-info {
        left: 10px;
        right: 10px
    }

    .article-preview-info h1 {
        font-size: 1.7857142857rem
    }

    .article-info h2,
    .article-style-2 h2 {
        font-size: 1.2857142857rem
    }

    .article-info-list a {
        font-size: 1rem
    }
}

.information {
    background-color: var(--c5);
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 70px;
    padding-top: 70px
}

.information-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.information-img .list-img {
    border-radius: 10px
}

.information-img-list svg {
    height: 35px;
    fill: var(--c3)
}

.information-img-list .icon-security svg {
    width: 34px
}

.information-img-list .icon-empowerment svg {
    width: 33px
}

.information-img-list .icon-accessibility svg {
    width: 35px
}

.information-img-list .icon-innovation svg {
    width: 34px
}

@media (min-width:768px) {
    .information-content {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }

    .information-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%
    }

    .information-img .list-img {
        height: 100%
    }

    .information-info {
        padding-bottom: 16px;
        padding-top: 22px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width:767px) {
    .information {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .information-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 70px
    }

    .information-img .list-img {
        padding-top: 65.56%
    }
}

@media (max-width:415px) {
    .information {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:375px) {
    .information {
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 35px;
        padding-top: 40px
    }
}

.as-seen-in {
    background-color: var(--c5);
    border-radius: 10px;
    padding-bottom: 80px;
    padding-top: 70px
}

.as-seen-in-content h2,
.as-seen-in-content p {
    text-align: center
}

.as-seen-in-content h2 {
    font-size: 2.8125rem;
    margin-bottom: 17px
}

.as-seen-in-content p {
    color: var(--c6);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 718px
}

.as-seen-in-content p:last-of-type {
    margin-bottom: 0
}

.as-seen-in-content p+.as-seen-in-list {
    margin-top: 64px
}

.as-seen-in-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media (min-width:1231px) {
    .info-style-7 .info-content>div:last-child {
        padding-right: 7.5630252101%
    }

    .as-seen-in-list {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {
    .as-seen-in-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 40px 50px;
        justify-content: center
    }

    .as-seen-in-content p {
        max-width: 490px
    }
}

@media (max-width:375px) {
    .as-seen-in-content h2 {
        font-size: 2.5rem
    }

    .as-seen-in-content p {
        font-size: 1.1428571429rem
    }

    .as-seen-in-content p+.as-seen-in-list {
        margin-top: 40px
    }
}

@media (max-width:360px) {
    .as-seen-in-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:320px) {
    .as-seen-in-content h2 {
        font-size: 2.1428571429rem
    }

    .as-seen-in-content p {
        font-size: 1rem
    }
}

.for-companies-content {
    background-color: var(--cb);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.for-companies-info .tag {
    margin-bottom: 21px
}

.for-companies-info h2,
.for-companies-info p {
    max-width: 500px
}

.for-companies-info h2 {
    color: var(--c1)
}

.for-companies-info p {
    color: var(--c5);
    font-size: 1.125rem
}

.for-companies-info p:last-of-type {
    margin-bottom: 0
}

.for-companies-info p+.btn {
    margin-top: 36px
}

@media (min-width:768px) {
    .for-companies-content {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        padding-left: 30px
    }

    .for-companies-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 44.1666666667%;
        flex-basis: 44.1666666667%
    }

    .for-companies-img .list-img {
        height: 100%
    }

    .for-companies-info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 53px;
        padding-top: 53px
    }
}

@media (max-width:767px) {
    .for-companies .container {
        padding-left: 0;
        padding-right: 0
    }

    .for-companies-content {
        padding: 40px 20px 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 60px
    }

    .for-companies-img .list-img {
        border-radius: 10px;
        padding-top: 62.646%
    }
}

@media (max-width:415px) {
    .for-companies-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .for-companies-content {
        padding-left: 10px;
        padding-right: 10px;
        row-gap: 40px
    }

    .for-companies-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .for-companies-info .tag {
        margin-bottom: 38px
    }

    .for-companies-info h2,
    .for-companies-info p {
        text-align: center
    }

    .for-companies-info p {
        font-size: 1rem;
        max-width: 320px
    }

    .for-companies-img .list-img {
        padding-top: 112.87%
    }
}

.our-culture-values-content p {
    color: var(--c6);
    font-size: .875rem;
    max-width: 380px
}

.our-culture-values-content p:last-of-type {
    margin-bottom: 0
}

.our-culture-values-content p+.btn {
    margin-top: 18px
}

.our-culture-values-list .icon path {
    fill: var(--c3)
}

@media (max-width:767px) {
    .our-culture-values-content {
        row-gap: 57px
    }

    .our-culture-values-content p {
        max-width: 350px
    }
}

@media (max-width:375px) {
    .our-culture-values-content p {
        font-size: 1rem
    }
}

footer {
    background: #171b2b;
    padding-bottom: 60px;
    padding-top: 58px
}

@media (max-width:1201px) {
    footer {
        padding-bottom: 56px
    }
}

.footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.footer-top p {
    color: var(--c1);
    line-height: 1.4;
    margin-bottom: 0
}

.footer-logo-company {
    color: var(--c1);
    height: 54px;
    width: 230px
}

@media (min-width:1201px) {
    .footer-top {
        padding-bottom: 56px
    }

    .footer-top p {
        font-size: 1.125rem;
        max-width: 558px
    }
}

@media (max-width:1200px) {
    footer {
        padding-bottom: 60px
    }

    .footer-top>div:last-child {
        -ms-flex-preferred-size: 30.2678571429%;
        flex-basis: 30.2678571429%;
        padding-left: 15px
    }

    .footer-top p {
        font-size: .875rem;
        max-width: 285px
    }
}

@media (max-width:1024px) {
    .footer-top>div:last-child {
        -ms-flex-preferred-size: 35.9110169492%;
        flex-basis: 35.9110169492%
    }
}

@media (max-width:767px) {
    .footer-top>div:last-child {
        -ms-flex-preferred-size: 46.3548830812%;
        flex-basis: 46.3548830812%
    }
}

@media (max-width:640px) {
    footer {
        padding-top: 34px
    }

    .footer-top {
        padding-bottom: 37px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 37px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer-top>div:last-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0
    }

    .footer-top p {
        font-size: 1.25rem;
        font-weight: 500;
        max-width: 345px
    }
}

.footer-middle {
    display: -ms-grid;
    display: grid;
    gap: 20px
}

.footer-info h3 {
    color: var(--c1);
    font: 700 1rem/1 var(--f1);
    margin-bottom: 0
}

.footer-info h3 a {
    color: inherit;
    display: inline-block
}

.footer-info h3 a:hover {
    color: var(--c3)
}

.footer-info h3+ul {
    margin-top: 24px
}

.footer-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-info ul a {
    color: var(--c8);
    display: inline-block;
    line-height: 1
}

.footer-info ul a:hover {
    color: var(--c1)
}

.footer-middle-bl-5 h3 {
    color: var(--c1);
    font: 400 1.375rem/1.25 var(--f2);
    margin-bottom: 0
}

.footer-middle-bl-5 h3+p {
    color: var(--c8);
    font-size: .875rem;
    line-height: 1.35;
    margin-bottom: 0;
    margin-top: 22px
}

.footer-middle-bl-5 p+.form {
    margin-top: 23px
}

@media (min-width:1201px) {
    .footer-middle {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 32.5%;
        border-top: 1px solid var(--c12);
        grid-template-columns: 1fr 1fr 1fr 1fr 32.5%;
        padding-bottom: 90px;
        padding-top: 50px
    }

    .footer-info ul {
        row-gap: 15px
    }

    .footer-info ul a {
        font-size: .875rem
    }

    .footer-middle-bl-5 {
        padding-left: 10.7692307692%
    }
}

@media (max-width:1200px) {
    .footer-middle {
        -ms-grid-columns: 1fr 4.0178571429% 1fr 4.0178571429% 30.2678571429%;
        gap: 65px 4.0178571429%;
        grid-template-columns: 1fr 1fr 30.2678571429%;
        padding-bottom: 62px;
        padding-top: 63px
    }

    .footer-info h3 {
        font-size: .875rem
    }

    .footer-info ul {
        row-gap: 11px
    }

    .footer-info ul a {
        font-size: .75rem
    }
}

@media (min-width:641px) and (max-width:1200px) {
    .footer-middle-bl-5 {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/span 2;
        padding-left: 15px
    }
}

@media (max-width:1024px) {
    .footer-middle {
        -ms-grid-columns: 1fr 4.7669491525% 1fr 4.7669491525% 35.9110169492%;
        -webkit-column-gap: 4.7669491525%;
        -moz-column-gap: 4.7669491525%;
        column-gap: 4.7669491525%;
        grid-template-columns: 1fr 1fr 35.9110169492%
    }
}

@media (max-width:767px) {
    .footer-middle {
        -ms-grid-columns: 150px 6.1898211829% 150px 6.1898211829% 1fr;
        -webkit-column-gap: 6.1898211829%;
        -moz-column-gap: 6.1898211829%;
        column-gap: 6.1898211829%;
        grid-template-columns: repeat(2, 150px) 1fr
    }
}

@media (max-width:640px) {
    .footer-middle {
        -ms-grid-columns: 37.6% 20px 1fr;
        border-top: 1px solid var(--c8);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: 37.6% 1fr;
        padding-top: 70px
    }

    .footer-middle-bl-5 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 1/-1;
        grid-row: 1/span 1
    }

    .footer-middle-bl-5 h3 {
        font-size: 1.25rem
    }

    .footer-middle-bl-5 h3+p {
        font-size: .75rem
    }
}

@media (min-width:361px) and (max-width:640px) {
    .footer-info h3 {
        font-size: 1rem
    }

    .footer-info ul a {
        font-size: .875rem
    }
}

@media (max-width:320px) {
    .footer-info h3 {
        font-size: .75rem
    }

    .footer-info ul a {
        font-size: .625rem
    }
}

.footer-accordion-list {
    display: -ms-grid;
    display: grid;
    gap: 65px 20px
}

@media (min-width:1201px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4] 32.5%;
        grid-template-columns: repeat(4, 1fr) 32.5%
    }

    .footer-add {
        padding-top: 50px
    }
}

@media (max-width:1200px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4] 30.2678571429%;
        grid-template-columns: repeat(4, 1fr) 30.2678571429%
    }
}

@media (max-width:1024px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width:767px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:640px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:576px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.footer-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--c12);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px
}

.footer__copyright p {
    color: var(--c8);
    font-size: .875rem;
    line-height: 1.4
}

.footer__copyright p:last-child {
    margin-bottom: 0
}

@media (max-width:1200px) {
    .footer-add {
        padding-top: 60px
    }
}

@media (max-width:640px) {
    .footer-add {
        border-top: 1px solid var(--c8)
    }

    footer .accordion-style-1 .accordion__btn {
        border-top-color: var(--c8);
        font-size: .875rem
    }

    .footer__copyright p {
        font-size: .625rem;
        font-weight: 600;
        max-width: 160px
    }
}

.dialog {
    background-color: var(--c5);
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 40px;
    text-align: left;
    -webkit-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s;
    width: min(1048px, 100%)
}

.dialog[open] {
    -webkit-animation: dialogShow .3s ease-in-out;
    animation: dialogShow .3s ease-in-out
}

.dialog[open]::-ms-backdrop {
    background-color: rgba(23, 27, 43, .3)
}

.dialog[open]::backdrop {
    background-color: rgba(23, 27, 43, .3)
}

.dialog.dialog--hide {
    -webkit-animation: dialogHide .3s ease-in-out;
    animation: dialogHide .3s ease-in-out
}

@-webkit-keyframes dialogShow {
    0% {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        scale: 1;
        visibility: visible
    }
}

@keyframes dialogShow {
    0% {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        scale: 1;
        visibility: visible
    }
}

@-webkit-keyframes dialogHide {
    0% {
        opacity: 1;
        scale: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }
}

@keyframes dialogHide {
    0% {
        opacity: 1;
        scale: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }
}

.modal__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 1px solid var(--c9);
    border-radius: 5px;
    color: var(--c3);
    cursor: pointer;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 40px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 36px;
    z-index: 2
}

.modal__close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.modal__close svg {
    height: 9px;
    margin-top: 1px;
    width: 9px;
    fill: var(--cb);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.modal__close:hover {
    background-color: var(--c9)
}

@media (max-width:768px) {
    .dialog {
        max-height: calc(100dvh - 20px);
        padding-left: 20px;
        padding-right: 20px
    }

    .modal__close {
        right: 20px;
        top: 20px
    }
}

@media (max-width:415px) {
    .dialog {
        max-height: calc(100dvh - 15px);
        padding-left: 15px;
        padding-right: 15px
    }

    .modal__close {
        right: 15px;
        top: 15px
    }
}

.dialog-style-1 {
    border-radius: 10px;
    width: min(780px, 100%)
}

.dialog-style-1 section>h3,
.dialog-style-1 section>p {
    color: var(--cb);
    font-size: 1.375rem;
    margin-bottom: 34px;
    max-width: 548px
}

.dialog-style-1 section>h3 {
    font-weight: 600;
    margin-bottom: 3px
}

.dialog-style-1 section>h3~p:empty {
    display: none;
    margin-bottom: 0
}

.dialog-style-1 section>h3+.dialog-content,
.dialog-style-1 section>h3~p:empty+.dialog-content {
    margin-top: 36px
}

.dialog-style-1 .dialog-content {
    max-width: 600px
}

.dialog-style-1 .list-10+.btn {
    margin-top: 43px
}

.dialog-style-1 .modal__close {
    border: none;
    border-radius: 0;
    color: var(--cb);
    height: 18px;
    width: 18px
}

.dialog-style-1 .modal__close svg {
    height: 18px;
    margin-top: 0;
    width: 18px
}

.dialog-style-1 .modal__close:hover {
    background-color: transparent;
    color: var(--c3)
}

.dialog-style-2 .dialog-content h2 {
    background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
    border-radius: 15px;
    color: var(--c1);
    display: inline-block;
    font: 400 .75rem/1 var(--fb);
    letter-spacing: .25px;
    margin-bottom: 19px;
    min-width: min(200px, 100%);
    padding: 8px 15px 6px;
    text-align: center
}

.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
    background-color: var(--c47);
    border-radius: 7px;
    color: var(--cb);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.5;
    margin-bottom: 26px;
    padding: 14px 16px
}

.dialog-style-2 .dialog-content ol:last-child,
.dialog-style-2 .dialog-content p:last-child,
.dialog-style-2 .dialog-content ul:last-child {
    margin-bottom: 0
}

.dialog-style-2 .dialog-content ol+.btn,
.dialog-style-2 .dialog-content p+.btn,
.dialog-style-2 .dialog-content ul+.btn {
    margin-top: 17px
}

.dialog-style-2 .dialog-content ul:not(.reset-list) li {
    padding-left: 12px
}

.dialog-style-2 .dialog-content ul:not(.reset-list) li:before {
    background-color: var(--cb);
    height: 4px;
    left: 0;
    top: 8px;
    width: 4px
}

@media (max-width:375px) {
    .dialog {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal__close {
        right: 10px;
        top: 10px
    }

    .dialog-style-2 .dialog-content h2 {
        font-size: .8571428571rem
    }

    .dialog-style-2 .dialog-content ol,
    .dialog-style-2 .dialog-content p,
    .dialog-style-2 .dialog-content ul {
        font-size: 1rem
    }

    .dialog-style-1 section>h3,
    .dialog-style-1 section>p {
        font-size: 1.5714285714rem
    }
}

@media (min-width:769px) {
    .dialog-style-1 {
        padding: 45px 30px
    }

    .dialog-style-1 .modal__close {
        right: 28px;
        top: 38px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    position: relative;
    vertical-align: baseline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: baseline;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    padding-top: 1px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.accordion__btn,
.accordion__btn:after {
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.accordion__btn {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
    width: 100%
}

.accordion__btn span {
    font-weight: 400
}

.accordion__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    translate: 0 -50%
}

.accordion__btn.open+.accordion__toggle-content {
    max-height: 9999px;
    opacity: 1
}

.accordion__toggle-content {
    height: 0;
    overflow: hidden
}

.accordion__toggle-content>div {
    padding-bottom: 60px
}

.accordion-style-1>div {
    overflow: hidden
}

.accordion-style-1 .accordion__btn {
    border-top: 1px solid var(--c12);
    color: var(--c1);
    font-weight: 700;
    line-height: 1;
    padding: 30px 50px 30px 0
}

.accordion-style-1 .accordion__btn:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11' fill='none' viewBox='0 0 22 11'%3E%3Cpath stroke='%23a3a7c7' d='m1 .454 10 9 10-9'/%3E%3C/svg%3E") 50% no-repeat;
    height: 11px;
    right: 14px;
    width: 22px
}

.accordion-style-1 .accordion__btn.open+.accordion__toggle-content {
    padding-bottom: 65px;
    padding-top: 2px
}

.accordion-style-2 {
    row-gap: 10px
}

.accordion-style-3 .accordion__toggle-content p:last-child {
    margin-bottom: 0
}

.accordion-style-4 .accordion__btn.open:after {
    rotate: 180deg
}

.accordion-style-5.accordion-numeric .accordion__btn span {
    left: 30px;
    top: 33px
}

.accordion-style-5 .accordion__btn {
    background-color: var(--c5);
    border-radius: 7px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    padding: 33px 55px 33px 60px
}

.accordion-style-5 .accordion__btn:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M.25 9.371a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M9 .621a.5.5 0 0 1 .5.5v16.5a.5.5 0 0 1-1 0v-16.5a.5.5 0 0 1 .5-.5' clip-rule='evenodd'/%3E%3C/svg%3E") 50% no-repeat;
    height: 19px;
    right: 30px;
    top: 30px;
    translate: none;
    width: 18px
}

.accordion-style-5 .accordion__btn.open {
    padding-bottom: 23px
}

.accordion-style-5 .accordion__btn.open:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='2' fill='none'%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M.25 1a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.accordion-style-5 .accordion__btn.open+.accordion__toggle-content {
    padding-bottom: 28px
}

.accordion-style-5 .accordion__toggle-content {
    background-color: var(--c5);
    padding-left: 60px;
    padding-right: 30px
}

.accordion-style-5 .accordion__toggle-content p {
    color: var(--c6);
    max-width: 650px
}

@media (max-width:375px) {
    .accordion-style-5.accordion-numeric .accordion__btn span {
        left: 18px;
        top: 23px
    }

    .accordion-style-5 .accordion__btn {
        font-size: 1rem;
        padding-bottom: 23px;
        padding-left: 48px;
        padding-top: 23px
    }

    .accordion-style-5 .accordion__btn:after {
        right: 20px;
        top: 20px
    }

    .accordion-style-5 .accordion__btn.open+.accordion__toggle-content {
        padding-bottom: 28px
    }

    .accordion-style-5 .accordion__toggle-content {
        padding-left: 50px;
        padding-right: 20px
    }

    .accordion-style-5 .accordion__toggle-content p {
        font-size: 1rem;
        max-width: 235px
    }
}

@media (max-width:320px) {
    .accordion-style-5.accordion-numeric .accordion__btn span {
        left: 10px
    }

    .accordion-style-5 .accordion__btn {
        padding-left: 30px;
        padding-right: 35px
    }

    .accordion-style-5 .accordion__btn:after {
        right: 10px
    }

    .accordion-style-5 .accordion__toggle-content {
        padding-left: 30px;
        padding-right: 10px
    }
}

.accordion-style-6.accordion-numeric .accordion__btn span {
    left: 0;
    top: 19px
}

.accordion-style-6 .accordion__btn {
    border-top: 1px solid rgba(91, 93, 114, .5);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    padding: 19px 20px 53px 39px
}

.accordion-style-6 .accordion__btn:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' fill='none' viewBox='0 0 16 8'%3E%3Cpath stroke='%235b5d72' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.5' d='m15 1.129-7 6-7-6'/%3E%3C/svg%3E") 50% no-repeat;
    height: 8px;
    right: 0;
    top: 24px;
    translate: none;
    width: 16px
}

.accordion-style-6 .accordion__btn.open {
    padding-bottom: 18px
}

.accordion-style-6 .accordion__btn.open:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' fill='none' viewBox='0 0 16 8'%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' stroke-linejoin='round' d='m15 7.258-7-6-7 6'/%3E%3C/svg%3E")
}

.accordion-style-6 .accordion__btn.open+.accordion__toggle-content {
    padding-bottom: 28px
}

.accordion-style-6 .accordion__toggle-content {
    -webkit-transition: none;
    transition: none
}

.accordion-style-6 .accordion__toggle-content p {
    color: var(--c6);
    font-size: .875rem;
    max-width: 650px
}

@media (max-width:767px) {
    .accordion-style-6 .accordion__btn.open+.accordion__toggle-content {
        padding-bottom: 30px
    }
}

@media (max-width:375px) {
    .accordion-style-6 .accordion__btn {
        font-size: 1.4285714286rem
    }

    .accordion-style-6 .accordion__toggle-content p {
        font-size: 1rem
    }
}

.accordion-style-7>div:first-child .accordion__btn {
    padding-left: 35px
}

.accordion-style-8 .accordion__progressbar {
    background-color: var(--cb);
    display: block;
    height: 2px;
    pointer-events: none;
    translate: 0 2px;
    width: 0
}

.accordion-numeric {
    position: relative
}

.accordion-numeric .accordion__btn span {
    color: rgba(91, 93, 114, .5);
    font-weight: 500;
    line-height: 1;
    position: absolute
}

.ad-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #f7f8fd;
    border: 1px solid #dde1ff;
    border-radius: 8px;
    justify-content: space-between;
    max-width: 100%;
    padding: 16px;
    width: 800px
}

.ad-banner,
.ad-banner__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ad-banner__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.ad-banner__title p {
    color: #171b2b;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0
}

.ad-banner__title p span {
    color: #064cea
}

.ad-banner__text p {
    color: rgba(26, 26, 28, .502);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

@media screen and (max-width:768px) {
    .ad-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 32px
    }
}

@media screen and (max-width:586px) {
    .ad-banner__right .button {
        padding-bottom: 14px;
        padding-top: 14px
    }

    .ad-banner__title p {
        font-size: 32px
    }
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    max-width: 56px
}

.author__image img {
    border-radius: 50%;
    max-width: 56px
}

.author__content {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 calc(100% - 68px);
    flex: 0 0 calc(100% - 68px);
    max-width: calc(100% - 68px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 122px
}

.author__name span {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2
}

.author__position span {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.block-blue {
    background-color: #064cea;
    border: 1px solid #dde1ff;
    border-radius: 15px;
    padding: 30px
}

.block-blue__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block-blue__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.block-blue__column:first-child {
    padding-right: 14px
}

.block-blue__column:last-child {
    padding-left: 14px
}

.block-blue__column p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: .5em
}

.block-blue__column p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:586px) {
    .block-blue {
        padding: 32px 18px
    }

    .block-blue__row {
        gap: 27px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .block-blue__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .block-blue__column:first-child {
        padding-right: 0
    }

    .block-blue__column:last-child {
        padding-left: 0
    }

    .block-blue__column p {
        font-size: 16px;
        font-weight: 400
    }
}

.breadcrumbs {
    background-color: #f7f8fd;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 5px;
    margin: 0;
    padding: 8px 10px
}

.breadcrumbs span {
    color: #171b2b;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 1
}

.breadcrumbs a span {
    color: #a3a7c7
}

.breadcrumbs a:hover span {
    color: var(--c3)
}

.breadcrumbs li {
    position: relative
}

.breadcrumbs li:not(:last-child) {
    padding-right: 12px
}

.breadcrumbs li:not(:last-child):after {
    color: var(--c8);
    content: "/";
    font: .625rem/1.2 var(--f3);
    position: absolute;
    right: 3px;
    top: -1px
}

.breadcrumbs li>span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.breadcrumbs--dark {
    background-color: #1e2440
}

.breadcrumbs--dark span {
    color: #a3a7c7
}

.breadcrumbs--dark a span {
    color: #5b5d72
}

.breadcrumbs--dark a span:hover {
    color: #a3a7c7
}

@media (max-width:375px) {
    .breadcrumbs li:not(:last-child):after {
        font-size: .7142857143rem
    }

    .breadcrumbs a {
        font-size: .7142857143rem
    }
}

.btn {
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    padding: 16px 15px;
    position: relative;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn.dn {
    display: none
}

.btn span {
    display: inline-block;
    position: relative
}

.btn span svg {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn span.arrow-right-diagonal {
    padding-right: 25px
}

.btn span.arrow-right-diagonal svg {
    height: 10px;
    left: auto;
    right: 0;
    width: 10px
}

.btn span.arrow-right {
    padding-right: 25px
}

.btn span.arrow-right svg {
    height: 12px;
    left: auto;
    right: 0;
    width: 12px
}

.btn span.download {
    padding-left: 27px
}

.btn span.download svg {
    height: 19px;
    width: 19px
}

.btn span.sturdy {
    padding-left: 25px
}

.btn span.sturdy svg {
    height: 17px;
    width: 16px
}

.btn span.exit svg {
    height: 16px;
    width: 17px
}

.btn:hover .arrow-right-diagonal svg {
    -webkit-transform: translate(3px, calc(-50% - 3px));
    -ms-transform: translate(3px, calc(-50% - 3px));
    transform: translate(3px, calc(-50% - 3px))
}

.btn-default {
    background-color: var(--c1);
    border-color: var(--c4);
    color: var(--cb)
}

.btn-default:hover {
    background-color: #e3e6f8;
    border-color: #e3e6f8
}

.btn-primary {
    background-color: var(--c3);
    border-color: var(--c3);
    color: var(--c1)
}

.btn-primary:hover {
    background-color: #0544d1;
    border-color: #0544d1
}

.btn-success {
    background-color: var(--c5);
    border-color: var(--c5);
    color: var(--c3)
}

.btn-success:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.btn-success-2 {
    background-color: var(--c5);
    border-color: var(--c5);
    color: var(--cb)
}

.btn-success-2:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.btn-success-3 {
    background-color: var(--c1);
    border-color: var(--c3);
    color: var(--c3)
}

.btn-success-3:hover {
    border-color: #0544d1;
    color: #0544d1
}

.btn-info {
    background-color: var(--cb);
    border-color: var(--cb);
    color: var(--c1)
}

.btn-info:hover {
    background-color: #0e111a;
    border-color: #0e111a
}

.btn-info-2 {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .1);
    color: var(--c1)
}

.btn-info-2:hover {
    background-color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .05)
}

.btn-info-3 {
    color: var(--c6)
}

.btn-info-3:hover {
    color: var(--c3)
}

.btn-info-4 {
    background-color: var(--c1);
    border-color: var(--c9);
    color: var(--cb)
}

.btn-info-4:hover {
    background-color: #cdd0e7;
    border-color: #cdd0e7
}

.btn-info-5 {
    background-color: var(--c5);
    border-color: var(--c5);
    color: var(--c6)
}

.btn-info-5:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.btn-info-6 {
    background-color: var(--c5);
    border-color: var(--c4);
    color: var(--cb)
}

.btn-info-6:hover {
    background-color: #e4e8f7;
    border-color: #e3e6f8
}

.btn-info-7 {
    background-color: var(--c1);
    border-color: var(--c1);
    color: var(--cb)
}

.btn-info-7:hover {
    background-color: #e3e6f8;
    border-color: #e3e6f8
}

.btn-info-8 {
    background-color: var(--c7);
    border-color: var(--c7);
    color: var(--c1)
}

.btn-info-8:hover {
    background-color: #1d202f;
    border-color: #1d202f
}

.btn-info-9 {
    color: var(--c3)
}

.btn-info-9:hover {
    color: #0544d1
}

.btn-info-10 {
    background-color: var(--c1);
    border-color: var(--c5);
    color: var(--cb)
}

.btn-info-10:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.btn-info-11 {
    border-color: var(--c1);
    color: var(--c1)
}

.btn-info-11:hover {
    background-color: hsla(0, 0%, 100%, .13)
}

.btn-style-1 {
    min-width: 160px
}

.btn-style-2 {
    min-width: 140px
}

.btn-style-3 {
    padding-bottom: 13px;
    padding-top: 13px
}

.btn-style-4 {
    min-width: 132px
}

.btn-style-5 {
    padding: 0
}

.btn-style-6 {
    width: min(250px, 100%)
}

.btn-style-7 {
    min-width: 148px
}

.btn-style-8 {
    border-radius: 4px
}

.btn-style-9 {
    font-weight: 500;
    letter-spacing: .25px
}

.btn-style-10 {
    width: min(175px, 100%)
}

.btn-style-11 {
    width: min(245px, 100%)
}

.btn-style-12 {
    font-size: .875rem;
    font-weight: 400
}

.btn-style-13 {
    letter-spacing: .25px
}

.btn-style-15 {
    padding-bottom: 17px;
    padding-top: 17px
}

.btn-style-16 {
    border-radius: 7px
}

.btn-style-17 {
    padding-bottom: 20px;
    padding-top: 22px
}

.btn-style-18 {
    width: min(238px, 100%)
}

.btn-full {
    width: 100%
}

@media (max-width:375px) {
    .btn-full-mobile {
        width: 100%
    }

    .btn-style-12 {
        font-size: 1rem
    }
}

.btn-justify {
    display: table;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.built-in-your-privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.built-in-your-privacy__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px
}

.built-in-your-privacy__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 525px;
    flex: 0 0 525px
}

.built-in-your-privacy__image-inner {
    border-radius: 20px;
    max-width: 100%;
    overflow: hidden
}

.built-in-your-privacy__image img {
    border-radius: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.built-in-your-privacy__image img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.built-in-your-privacy__tag span {
    background: rgba(91, 93, 114, .5);
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 9px 30px 9px 57px;
    position: relative
}

.built-in-your-privacy__tag span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14.143 7.072H3.857c-.71 0-1.286.575-1.286 1.285v7.715c0 .71.576 1.286 1.286 1.286h10.286c.71 0 1.286-.576 1.286-1.286V8.357c0-.71-.576-1.285-1.286-1.285'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M13.5 7.072V5.143a4.5 4.5 0 1 0-9 0v1.929M9 12.858a.643.643 0 1 0 0-1.286.643.643 0 0 0 0 1.286'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 30px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px
}

.built-in-your-privacy__text {
    padding-right: 40px
}

.built-in-your-privacy__text p {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0
}

.built-in-your-privacy__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:993px) {
    .built-in-your-privacy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .built-in-your-privacy__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .built-in-your-privacy__text {
        padding-right: 0
    }
}

@media screen and (max-width:586px) {
    .built-in-your-privacy__text p {
        font-size: 22px
    }
}

.button {
    background-color: #fff;
    border: .5px solid transparent;
    border-radius: 8px;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    padding: 15px 33px 13px;
    position: relative;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-weight: 500;
    justify-content: center;
    line-height: 1
}

.button,
.button img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.button:hover {
    opacity: .7;
    text-decoration: none
}

.button.button--orange:hover {
    opacity: 1;
}

.button:hover img {
    -webkit-transform: translateX(.2777777778rem);
    -ms-transform: translateX(.2777777778rem);
    transform: translateX(.2777777778rem)
}

.button--outline {
    background-color: transparent;
    border-color: #a3a7c7;
    color: #000
}

.button--primary {
    background-color: #171b2b;
    border-color: #171b2b;
    color: #fff
}

.button--login {
    background-color: var(--c7);
    border-radius: 4px;
    height: 44px;
    width: 44px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--c1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.button--login:focus {
    background-color: var(--c7)
}

.button--login svg {
    height: 16px;
    width: 17px;
    fill: currentColor
}

.button--hamburger {
    background-color: var(--c7);
    border-radius: 4px;
    height: 44px;
    padding: 0;
    position: relative;
    width: 44px
}

.button--hamburger:after,
.button--hamburger:before {
    background-color: var(--c1);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 18px
}

.button--hamburger:before {
    bottom: calc(50% + 1.5px)
}

.button--hamburger:after {
    top: calc(50% + 1.5px)
}

.button--hamburger.active {
    background-color: var(--c7)
}

.button--hamburger.active:before {
    bottom: calc(50% - .5px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.button--hamburger.active:after {
    top: calc(50% - .5px);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.button--go {
    background-color: #eeeff7;
    border-radius: 8px;
    font-size: 16px;
    padding: 14px 38px 14px 21px
}

.button--go:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' d='M.5 5h8.357M5.643 1.143l3.403 3.402a.643.643 0 0 1 0 .91L5.643 8.857'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 21px;
    top: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 12px
}

.button--go:hover:before {
    -webkit-transform: translateX(.2777777778rem);
    -ms-transform: translateX(.2777777778rem);
    transform: translateX(.2777777778rem)
}

.button--orange {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: 15px;
    padding: 0;
    /* margin: 15px 33px 13px; */
    padding: 5px
}

.button--orange:before {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.hero__prefers {
    margin: auto;
    width: 100%;
    max-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button--orange:not(.button--no-animation):before {
    -webkit-animation: buttonPulse 1.5s linear infinite normal;
    animation: buttonPulse 1.5s linear infinite normal
}

.button--orange div {
    background: #ff5630;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    gap: 5px;
    line-height: 1;
    position: relative;
    z-index: 20
}

.button--orange span {
    line-height: 1
}

.button--orange img {
    max-width: 16px
}

.button--blue {
    border-radius: 15px;
    padding: 5px;
    position: relative
}

.button--blue:before {
    background-color: rgba(6, 76, 234, .2);
    border-radius: 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.button--blue:not(.button--no-animation):before {
    -webkit-animation: buttonPulse 1.5s linear infinite normal;
    animation: buttonPulse 1.5s linear infinite normal
}

.button--blue div {
    background: #064cea;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    line-height: 1;
    position: relative;
    z-index: 20
}

.button--blue span {
    line-height: 1
}

.button--blue img,
.button--blue svg {
    max-width: 16px
}

.button--blue-lite {
    background: #dde1ff;
    color: #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    line-height: 1;
    position: relative;
    z-index: 20
}

.button--blue-lite span {
    line-height: 1
}

.button--blue-lite img,
.button--blue-lite svg {
    max-width: 16px
}

.button--white {
    background: #fff;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 30px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 1;
    position: relative
}

.button--white span {
    line-height: 1
}

.button--white img,
.button--white span {
    position: relative;
    z-index: 10
}

.button--white:before {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.button--white:not(.button--no-animation):before {
    -webkit-animation: buttonPulse 1.5s linear infinite normal;
    animation: buttonPulse 1.5s linear infinite normal
}

.button--white img {
    max-width: 16px
}

.button--black {
    background: #1b2034;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 1;
    position: relative
}

.button--black svg {
    max-width: 16px
}

.button--dark {
    background: hsla(0, 0%, 100%, .17);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 1;
    position: relative
}

.button--dark svg {
    max-width: 16px
}

.button--light {
    background: #f6f7fa;
    color: #0f1323;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px 28px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    gap: 5px;
    line-height: 1;
    position: relative;
    width: 230px
}

.button--light svg {
    max-width: 16px
}

@-webkit-keyframes buttonPulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.3);
        transform: scale(1.15, 1.3)
    }
}

@keyframes buttonPulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.3);
        transform: scale(1.15, 1.3)
    }
}

@-webkit-keyframes buttonPulse2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.45);
        transform: scale(1.15, 1.45)
    }
}

@keyframes buttonPulse2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.45);
        transform: scale(1.15, 1.45)
    }
}

@-webkit-keyframes buttonPulse3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.4);
        transform: scale(1.15, 1.4)
    }
}

@keyframes buttonPulse3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.15, 1.4);
        transform: scale(1.15, 1.4)
    }
}

.cart-information a {
    color: #1a1a1c;
    text-decoration: none
}

.cart-information__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cart-information__inner:hover {
    background-color: #f7f8fe
}

.cart-information__title span {
    color: #1a1a1c;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.cart-information__text p {
    color: rgba(26, 26, 28, .5);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.case-study__inner {
    background-image: url(../img/case-study-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    color: #fff;
    margin-left: -100px;
    padding: 76px 100px 84px;
    width: calc(100% + 200px)
}

.case-study__title.section__title h2 {
    color: #fff;
    font-weight: 600
}

.case-study__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.case-study__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.case-study__column:first-child {
    padding-right: 50px
}

.case-study__column:last-child {
    padding-left: 50px
}

.case-study__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.case-study__item,
.case-study__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.case-study__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    padding: 15px 23px
}

.case-study__item img {
    max-width: 24px
}

.case-study__item span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 2
}

.case-study__item span b {
    font-weight: 600
}

.case-study__item--white {
    background-color: #fff
}

.case-study__item--white span {
    color: #064cea
}

.case-study__content .button {
    width: 211px
}

.case-study__content .button div {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: center
}

@media screen and (max-width:1440px) {
    .case-study__inner {
        margin-left: 0;
        padding: 60px;
        width: 100%
    }

    .case-study__item span {
        line-height: 1.3
    }
}

@media screen and (max-width:993px) {
    .case-study__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .case-study__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .case-study__column:first-child {
        padding-right: 0
    }

    .case-study__column:last-child {
        padding-left: 0
    }

    .case-study__author {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .case-study__inner .section__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .case-study__inner .section__title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:586px) {
    .case-study__inner {
        padding: 40px 20px
    }

    .case-study__content p {
        font-weight: 500
    }

    .case-study__item span {
        font-weight: 16px;
        font-weight: 500
    }

    .case-study__item span b {
        font-weight: 600
    }

    .case-study__item:not(.case-study__item--white) img {
        display: none
    }

    .case-study__item:not(.case-study__item--white) span {
        color: hsla(0, 0%, 100%, .8)
    }

    .case-study__item:not(.case-study__item--white) span b {
        color: #fff
    }
}

.check-if-you-cant__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.check-if-you-cant__row--align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.check-if-you-cant__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.check-if-you-cant__column:first-child {
    padding-right: 25px
}

.check-if-you-cant__column:last-child {
    padding-left: 25px
}

.check-if-you-cant__column iframe,
.check-if-you-cant__column img,
.check-if-you-cant__column video {
    border-radius: 15px
}

.check-if-you-cant__content>p {
    color: #393939;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 28px
}

.check-if-you-cant__content>p:last-child {
    margin-bottom: 0
}

.check-if-you-cant__content .numbered-list {
    margin-bottom: 28px
}

.check-if-you-cant__content ul {
    list-style: disc;
    margin-bottom: 28px;
    padding-left: 20px
}

.check-if-you-cant__content ul:last-child {
    margin-bottom: 0
}

.check-if-you-cant__content ul li {
    color: #393939;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.check-if-you-cant__right {
    height: 100%;
    position: relative
}

.check-if-you-cant__image {
    border-radius: 15px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.check-if-you-cant__image iframe,
.check-if-you-cant__image img,
.check-if-you-cant__image video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.check-if-you-cant__button {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding-bottom: 40px;
    position: absolute;
    right: 0;
    z-index: 20;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.check-if-you-cant__button .button {
    background-color: hsla(0, 0%, 100%, .1);
    width: 240px
}

.check-if-you-cant__button .button div {
    width: 100%
}

@media screen and (max-width:993px) {
    .check-if-you-cant__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 22px
    }

    .check-if-you-cant__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .check-if-you-cant__column:first-child {
        padding-right: 0
    }

    .check-if-you-cant__column:last-child {
        padding-left: 0
    }

    .check-if-you-cant__content>p {
        margin-bottom: 22px
    }

    .check-if-you-cant__content>p:last-child {
        margin-bottom: 0
    }

    .check-if-you-cant__content .numbered-list {
        margin-bottom: 22px
    }

    .check-if-you-cant__right {
        padding-bottom: 56%
    }
}

.early-access-message {
    background-color: var(--cb);
    color: var(--c1);
    display: block;
    font-size: .875rem;
    line-height: 1.2;
    margin-bottom: 40px;
    padding: 13px 10px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 100
}

.early-access-message:hover {
    text-decoration: none
}

.early-access-message.dn {
    display: none
}

@media (max-width:430px) {
    .early-access-message {
        font-size: .75rem;
        margin-bottom: 20px
    }
}

@media (max-width:375px) {
    .early-access-message {
        font-size: .8571428571rem
    }
}

.faq-item {
    background-color: rgba(244, 245, 247, .729);
    border: 1px solid transparent;
    border-radius: 12px;
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    -webkit-transition: border .3s ease;
    transition: border .3s ease
}

.faq-item__question {
    cursor: pointer;
    padding: 23px;
    position: relative
}

.faq-item__question:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' fill='none' viewBox='0 0 32 31'%3E%3Crect width='30.951' height='31' x='.09' fill='%23fff' rx='15.475'/%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' d='M15.796 8v14.645m5.678-4.732-5.01 5.009a.946.946 0 0 1-1.338 0l-5.009-5.01'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 30px;
    margin: auto;
    position: absolute;
    right: 17px;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 30px
}

.faq-item__question p {
    color: #171b2b;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.faq-item__answer {
    height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    -webkit-transition: all .3 ease;
    transition: all .3 ease;
    will-change: height
}

.faq-item__answer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

.faq-item__answer p:last-child {
    margin-bottom: 23px !important
}

.faq-item.open,
.faq-item:hover {
    border-color: #064cea
}

.faq-item.open .faq-item__question:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:993px) {
    .faq-item__question {
        padding-right: 60px
    }
}

.faq-list__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5.5px;
    padding-right: 5.5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.faq-list__column,
.faq-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq-list__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5.5px;
    row-gap: 11px;
    width: calc(100% + 11px)
}

.faq-list__row--full-width {
    margin-left: 0;
    width: 100%
}

.faq-list__row--full-width .faq-list__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:993px) {
    .faq-list__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.faq__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px
}

.faq__text {
    margin-bottom: 30px
}

.faq__text p {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    text-align: center
}

.faq__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.faq__button a {
    border: 1px solid #064cea;
    border-radius: 8px;
    color: #064cea;
    display: block;
    font-weight: 500;
    padding: 11px 33px
}

.get-started-block {
    background-image: url(../img/get-started-block.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 50px;
    justify-content: space-between
}

.get-started-block__title {
    margin-bottom: 10px
}

.get-started-block__title span {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3
}

.get-started-block__text p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

.get-started-block__logo {
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.get-started,
.get-started-block__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.get-started {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.get-started__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 620px;
    flex: 0 0 620px;
    max-width: 620px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 55px
}

.get-started__content,
.get-started__image {
    -webkit-box-flex: 0;
    position: relative;
    z-index: 20
}

.get-started__image {
    -ms-flex: 0 0 506px;
    flex: 0 0 506px;
    max-width: 506px
}

.get-started__image img {
    max-width: 100%
}

.get-started__suptitle {
    margin-bottom: 20px
}

.get-started__suptitle span {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 6px 18px;
    text-align: center
}

.get-started__title {
    margin-bottom: 20px
}

.get-started__title h2,
.get-started__title p {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

.get-started__text {
    margin-bottom: 27px
}

.get-started__text p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0
}

.get-started__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 586px) {
    .get-started__rate {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.get-started__rate ul {
    gap: 17px;
    list-style: none;
    padding-left: 0
}

.get-started__rate ul,
.get-started__rate ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.get-started__rate ul li {
    gap: 4px
}

.get-started__rate ul li:nth-child(1) {
    display: none;
}

.get-started__rate ul li span {
    color: #fff
}

.get-started--blue {
    background-color: #f7f8fd;
    border-radius: 15px;
    margin-left: -100px;
    padding: 90px 100px;
    width: calc(100% + 200px)
}

.get-started--blue .get-started__text h2,
.get-started--blue .get-started__text p,
.get-started--blue .get-started__title h2,
.get-started--blue .get-started__title p {
    color: #171b2b
}

.get-started--blue .get-started__suptitle span {
    background-color: #fff;
    border: 1px solid #dde1ff;
    color: #064cea
}

.get-started--blue .get-started__rate ul li span {
    color: #171b2b
}

.get-started--blue:before {
    background-color: #3c6aff;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    bottom: 0;
    content: "";
    position: absolute;
    right: -50px;
    top: 0;
    z-index: 10;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(48% + 50px);
    flex: 0 0 calc(48% + 50px);
    height: 100%;
    width: calc(48% + 50px)
}

@media screen and (max-width:1200px) {
    .get-started__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
        padding-right: 20px
    }

    .get-started__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        padding-left: 20px
    }

    .get-started--blue {
        border-radius: 0;
        margin-left: -10px;
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% + 20px)
    }

    .get-started--blue:before {
        right: -10px;
        -webkit-box-flex: 0;
        border-radius: 0;
        -ms-flex: 0 0 calc(45% + 10px);
        flex: 0 0 calc(45% + 10px);
        width: calc(45% + 10px)
    }
}

@media screen and (max-width:993px) {
    .get-started {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .get-started__content {
        padding-right: 0
    }

    .get-started__content,
    .get-started__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .get-started__image {
        padding-left: 0
    }

    .get-started--blue {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .get-started--blue:before {
        display: none
    }

    .get-started--blue .get-started__image {
        background-color: #3c6aff;
        border-radius: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
        width: 100%
    }
}

@media screen and (max-width:586px) {
    .get-started__suptitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .get-started__title h2 {
        font-size: 40px;
        text-align: center
    }

    .get-started__text {
        margin-bottom: 40px
    }

    .get-started__text p {
        font-size: 20px;
        text-align: center
    }

    .get-started__text p br {
        display: none
    }

    .get-started__content {
        gap: 40px
    }

    .get-started__button,
    .get-started__rate ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-navigation>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 34px;
    list-style: none;
    padding-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.header-navigation>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.header-navigation>ul>li>a {
    color: #171b2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 8px;
    justify-content: center;
    padding: 10px 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-navigation>ul>li>a:hover {
    background-color: #fff
}

.header-navigation>ul>li>a[data-child-selector] {
    padding: 7px 16px
}

.header-navigation>ul>li>a[data-child-selector]:after {
    background-image: url(../img/icons/angle-bottom.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 24px;
    position: relative;
    width: 24px
}

.header-navigation--dark>ul>li>a {
    color: #fff
}

.header-navigation--dark>ul>li>a[data-child-selector]:after {
    background-image: url(../img/icons/angle-bottom-white.svg)
}

.header-navigation--dark>ul>li>a:hover {
    background-color: #fff;
    color: #000
}

.header-navigation--dark>ul>li>a:hover[data-child-selector]:after {
    background-image: url(../img/icons/angle-bottom.svg)
}

@media screen and (max-width:1231px) {
    .header-navigation>ul {
        gap: 5px
    }
}

.header {
    left: 0;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 100
}

.header--fixed {
    position: fixed;
    top: 20px
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #f7f8fd;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
    box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
    justify-content: space-between
}

.header__logo img {
    width: 170px
}

.header__login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    gap: 5px;
    justify-content: flex-end
}

.header .container {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header.menu-is-open .container {
    padding-left: 0;
    padding-right: 0
}

.header--dark .header__inner {
    background: #1e2440;
    border: 1px solid #3c4466
}

.header--dark .button--outline {
    border-color: #fff !important;
    color: #fff !important
}

.header--dark .button--primary {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important
}

@media screen and (min-width:993px) {
    .header__mobile {
        display: none
    }

    .header__login .button {
        min-width: 140px
    }
}

@media screen and (max-width:993px) {

    .header__navigation,
    .header__right {
        display: none
    }

    .header__inner {
        border-radius: 12px
    }

    .header__login .button {
        border-radius: 8px
    }
}

.helpful-links {
    background-color: #064cea;
    border-radius: 10px;
    padding: 17px 28px
}

.helpful-links__title {
    margin-bottom: 14px
}

.helpful-links__title span {
    background-color: #3c6aff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 6px 20px
}

.helpful-links__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin: 0
}

.helpful-links__list ul li {
    padding-left: 20px;
    position: relative
}

.helpful-links__list ul li:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 6px
}

.helpful-links__list ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline
}

.helpful-links__list ul li a:hover {
    text-decoration: none
}

@media screen and (max-width:768px) {
    .helpful-links {
        padding-left: 22px;
        padding-right: 22px
    }
}

.hero-seo {
    margin-top: -70px;
    padding-bottom: 47px
}

.hero-seo__inner {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(47.92%, #0e1329), color-stop(147%, #283463));
    background: linear-gradient(180deg, #0e1329 47.92%, #283463 147%);
    border-radius: 15px;
    margin-left: -100px;
    padding: 150px 100px 110px;
    width: calc(100% + 200px)
}

.hero-seo__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero-seo__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 537px);
    flex: 0 0 calc(100% - 537px);
    max-width: calc(100% - 537px);
    padding-top: 24px
}

.hero-seo__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 537px;
    flex: 0 0 537px;
    max-width: 537px
}

.hero-seo__breadcrumps,
.hero-seo__title {
    margin-bottom: 30px
}

.hero-seo__title h1 {
    color: #f8f9fd;
    font-size: clamp(35px, 5vw, 55px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0
}

.hero-seo__text {
    margin-bottom: 30px
}

.hero-seo__text p {
    color: hsla(0, 0%, 100%, .6);
    font-size: clamp(14px, 3vw, 20px);
    font-weight: 500;
    line-height: 1.4;
    margin: 0
}

.hero-seo__button {
    margin-bottom: 35px
}

.hero-seo__button .button {
    background-color: hsla(0, 0%, 100%, 0);
    padding: 0;
    width: 240px
}

.hero-seo__button .button:before {
    -webkit-animation: buttonPulse2 1.5s linear infinite normal;
    animation: buttonPulse2 1.5s linear infinite normal;
    background-color: hsla(0, 0%, 100%, .2)
}

.hero-seo__button .button div {
    width: 100%
}

.hero-seo__trustpilot ul {
    gap: 13px
}

.hero-seo__trustpilot ul,
.hero-seo__trustpilot ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-seo__trustpilot ul li {
    gap: 4px
}

.hero-seo__trustpilot ul li span {
    color: #a3a7c7;
    font-size: 14px
}

.hero-seo__trustpilot ul li span b {
    font-weight: 600
}

.hero-seo__trustpilot ul li img {
    display: block;
    margin-bottom: 4px;
    width: 14px
}

@media screen and (max-width:1440px) {
    .hero-seo__inner {
        margin-left: 0;
        padding: 60px;
        width: 100%
    }

    .hero-seo__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .hero-seo__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media screen and (max-width:993px) {
    .hero-seo__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 60px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .hero-seo__content {
        padding-top: 0
    }

    .hero-seo__content,
    .hero-seo__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:586px) {
    .hero-seo {
        margin-top: 30px
    }

    .hero-seo__row {
        gap: 40px
    }

    .hero-seo__inner {
        padding: 40px 13px
    }

    .hero-seo__title {
        margin-bottom: 20px
    }

    .hero-seo__text {
        margin-bottom: 40px
    }

    .hero-seo__text p {
        color: #fff
    }

    .hero-seo__button {
        margin-bottom: 20px
    }

    .hero-seo__trustpilot ul li span {
        font-size: 16px
    }

    .hero-seo__trustpilot ul li img {
        width: 16px
    }
}

.hero {
    margin-bottom: 50px;
    padding-top: 72px;
    position: relative
}

.hero video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    bottom: 0;
    z-index: -1;
}

.hero:after {
    background-image: url(../img/hero-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 110%;
    border-radius: 15px;
    /* content: ""; */
    display: block;
    height: var(--hero-bg-height);
    left: 20px;
    /* opacity: var(--hero-opacity); */
    opacity: 1!important;
    position: absolute;
    right: 20px;
    top: 3px;
    -webkit-transform: var(--hero-transform);
    -ms-transform: var(--hero-transform);
    transform: var(--hero-transform);
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    z-index: -1
}

.hero__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

.hero__inner,
.hero__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__top {
    gap: 20px
}

.hero__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    gap: 17px
}

.hero__middle,
.hero__powered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__title h1 {
    font-size: clamp(32px, 5vw, 55px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-align: center
}

.hero__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__text p {
    color: #011452;
    font-size: clamp(14px, 5vw, 18px);
    line-height: 1.4;
    margin: 0;
    max-width: 532px;
    text-align: center
}

.hero__prefers ul {
    gap: 13px
}

.hero__prefers ul,
.hero__prefers ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero__prefers ul li {
    gap: 4px
}

.hero__prefers ul li span {
    color: #455a8c;
    font-size: 14px
}

.hero__prefers ul li span b {
    font-weight: 600
}

.hero__prefers ul li img {
    display: block;
    margin-bottom: 4px;
    width: 14px
}

.hero__button,
.hero__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__image {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: transform 1s cubic-bezier(.23,1,.32,1),opacity 1s cubic-bezier(.23,1,.32,1);
}

.hero__image:before {
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
    background: hsla(0, 0%, 100%, .478);
    border: 1px solid #cddef4;
    border-radius: 15px;
    content: "";
    display: block;
    height: calc(100% + 20px);
    position: absolute;
    width: 969px;
    z-index: 10
}

.hero__image img {
    -webkit-backface-visibility: hidden;
    border-radius: 12px;
    -webkit-filter: none;
    filter: none;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 949px;
    will-change: transform;
    z-index: 20
}

@media screen and (max-width:993px) {
    .hero {
        position: relative
    }

    .hero:after {
        background-size: cover;
        border-radius: 12px;
        bottom: -30px;
        height: auto;
        left: 8px;
        right: 8px;
        top: 6px
    }

    .hero__image:before {
        width: calc(100% + 20px)
    }

    .hero__image img {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .hero {
        padding-top: 124px
    }

    .hero__image:before {
        width: 100%
    }

    .hero__image img {
        width: calc(100% - 20px) !important
    }
}

.how-it-works__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.how-it-works__navigation {
    padding-right: 20px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px
}

.how-it-works__navigation-inner {
    height: 100%
}

.how-it-works__navigation-inner:after,
.how-it-works__navigation-inner:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 26px
}

.how-it-works__navigation-inner:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 73%, 0)), color-stop(48.56%, #064cea), to(hsla(0, 0%, 87%, 0)));
    background-image: linear-gradient(0deg, hsla(0, 0%, 73%, 0), #064cea 48.56%, hsla(0, 0%, 87%, 0));
    height: 50%;
    width: 2px;
    z-index: 20
}

.how-it-works__navigation-inner:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#afafaf));
    background-image: linear-gradient(0deg, #fff, #afafaf);
    height: calc(100% - 20px);
    width: 1px;
    z-index: 10
}

.how-it-works__navigation-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    max-height: 100%;
    padding-top: 20px;
    position: sticky;
    top: 20%;
    z-index: 30
}

.how-it-works__navigation-inner ul li {
    color: hsla(233, 4%, 44%, .659);
    cursor: pointer;
    font-size: 18px;
    line-height: 1.3;
    padding-left: 30px;
    position: relative;
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
    z-index: 30
}


.how-it-works__navigation-inner ul li:before {
    background-color: #064cea;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 11px;
    left: -5.0px;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 11px
}

.how-it-works__navigation-inner ul li.visible,
.how-it-works__navigation-inner ul li.active {
    color: #171b2b;
    font-weight: 600
}

.how-it-works__navigation-inner ul li.visible:before,
.how-it-works__navigation-inner ul li.active:before {
    opacity: 1
}

.how-it-works__navigation-inner ul li.visible span,
.how-it-works__navigation-inner ul li.active span {
    color: #064cea;
    font-weight: 500
}

.how-it-works__blocks-list {
    gap: 40px;
    padding-left: 10px
}

.how-it-works__block,
.how-it-works__blocks-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.how-it-works__block {
    background-color: #f3f4fc;
    border-radius: 15px;
    gap: 38px;
    padding: 34px 25px 25px;
}

.how-it-works__content h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    font-weight: 500;
    gap: 17px;
    line-height: 1.3;
    margin-bottom: 22px;
    padding-right: 95px;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.how-it-works__content h3 img {
    margin-top: 7px;
    max-width: 26px
}

.how-it-works__content p {
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
    padding-left: 0;
    padding-right: 95px
}

.how-it-works__image {
    background-color: #e3e8f4;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.how-it-works__image img {
    /* max-height: 337px; */
    max-width: 100%;
    border-radius: 15px;
}

.how-it-works__link {
    bottom: 18px;
    position: absolute;
    right: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.how-it-works__link a {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' fill='none' viewBox='0 0 21 22'%3E%3Cg stroke='%23978f8f' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M4.888 17.564 16.836 5.855M4.888 5.855h11.948v11.71'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M21 22H0V0h21z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px;
    border: 1px solid #dde1ff;
    border-radius: 50%;
    display: block;
    height: 46px;
    width: 46px
}

.how-it-works__mobile-blocks-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.how-it-works:hover .how-it-works__link {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (min-width:994px) {
    .how-it-works--mobile {
        display: none
    }
}

@media screen and (max-width:993px) {
    .how-it-works {
        position: relative
    }

    .how-it-works--desktop {
        display: none
    }

    .how-it-works__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 13px;
        max-width: 100vw
    }

    .how-it-works__swiper {
        max-width: 100vw
    }

    .how-it-works__title h3 {
        gap: 11px
    }

    .how-it-works__swiper-navigation {
        background-color: #fff;
        margin-left: -10px;
        overflow: hidden;
        position: sticky;
        top: 96px;
        width: 100vw;
        z-index: 100
    }

    .how-it-works__swiper-navigation ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #ececec;
        list-style: none;
        margin-left: -10px;
        overflow: auto;
        padding-left: 20px;
        padding-right: 10px;
        position: relative;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%
    }

    .how-it-works__swiper-navigation ul::-webkit-scrollbar {
        background-color: #fff;
        height: 2px
    }

    .how-it-works__swiper-navigation ul::-webkit-scrollbar-thumb {
        background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 73%, 0)), color-stop(48.56%, #064cea), to(hsla(0, 0%, 87%, 0)));
        background-image: linear-gradient(90deg, hsla(0, 0%, 73%, 0), #064cea 48.56%, hsla(0, 0%, 87%, 0));
        width: 50vw
    }

    .how-it-works__swiper-navigation ul li {
        color: #6c6d75;
        font-size: 18px;
        padding-bottom: 18px;
        padding-left: 21px;
        padding-top: 18px;
        position: relative;
        white-space: nowrap
    }

    .how-it-works__swiper-navigation ul li:before {
        background-color: transparent;
        border-radius: 50%;
        bottom: 0;
        content: "";
        display: block;
        height: 11px;
        left: 0;
        margin: auto;
        position: absolute;
        top: 0;
        width: 11px
    }

    .how-it-works__swiper-navigation ul li.active {
        color: #171b2b;
        font-weight: 500
    }

    .how-it-works__swiper-navigation ul li.active:before {
        background-color: #064cea
    }

    .how-it-works__swiper-navigation ul li.active span {
        color: #064cea
    }

    .how-it-works__content h3,
    .how-it-works__content p {
        padding-right: 0px
    }
}

.mobile-menu {
    background-color: #fff;
    bottom: 0;
    left: 0;
    max-height: 100vh;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 140px 20px 20px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 90
}

.mobile-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 24px;
    height: 100%;
    justify-content: space-between
}

.mobile-menu.active {
    opacity: 1;
    pointer-events: all
}

.mobile-menu__navigation nav>ul ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.mobile-menu__navigation nav>ul ul>li:first-child {
    margin-top: 17px
}

.mobile-menu__navigation nav>ul ul>li:last-child {
    margin-bottom: 17px
}

.mobile-menu__navigation nav>ul ul a {
    background-color: #f7f8fd;
    border: 1px solid #a3a7c7;
    border-radius: 12px;
    color: #171b2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px 10px 27px;
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.mobile-menu__navigation nav>ul ul a b {
    color: #171b2b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.mobile-menu__navigation nav>ul ul a span {
    color: rgba(91, 93, 114, .502);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.mobile-menu__navigation nav>ul ul a:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.mobile-menu__navigation nav>ul ul a:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 17px;
    width: 6px
}

.mobile-menu__navigation nav>ul li.active>a:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu__navigation nav>ul li li.active>a:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mobile-menu__navigation nav>ul>li>a {
    border-bottom: 1px solid #dee0ef;
    color: var(--cb);
    display: block;
    font-size: 14px;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-top: 16px;
    position: relative;
    text-decoration: none
}

.mobile-menu__navigation nav>ul>li>a.mobile-menu__link--has-child:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23a3a7c7' stroke-linecap='square' stroke-linejoin='round' d='m3 6 5 5 5-5'/%3E%3C/svg%3E");
    height: 12px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 12px
}

.mobile-menu__navigation nav>ul>li ul ul li a {
    background-color: transparent;
    border: 0;
    padding-right: 0
}

.mobile-menu__navigation nav>ul>li ul ul li a:before {
    display: none
}

.mobile-menu__link {
    border-bottom: 1px solid #dedede;
    color: var(--cb);
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    text-decoration: none
}

.mobile-menu__link--has-child:after {
    background-image: url(../img/icons/angle-bottom.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30px;
    bottom: 0;
    content: "";
    display: block;
    height: 40px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px
}

.mobile-menu__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.mobile-menu__social-networks ul {
    gap: 5px
}

.mobile-menu__social-networks ul,
.mobile-menu__social-networks ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-menu__social-networks ul a {
    border: 1px solid rgba(48, 48, 48, .1);
    border-radius: 5px;
    height: 50px;
    width: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-menu__social-networks ul a img {
    width: 20px
}

.mobile-menu__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu__buttons>div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.mobile-menu__buttons>div .button {
    width: 100%
}

.mobile-menu__buttons>div:first-child {
    padding-right: 2.5px
}

.mobile-menu__buttons>div:last-child {
    padding-left: 2.5px
}

.numbered-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1px
}

.numbered-list,
.numbered-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.numbered-list__item {
    background-color: #f8f9fd;
    padding: 20px 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.numbered-list__item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 30px
}

.numbered-list__item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 30px
}

.numbered-list__item span {
    display: block;
    height: 24px;
    width: 24px;
    -webkit-box-flex: 0;
    background-color: #064cea;
    border-radius: 50%;
    color: #fff;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    font-size: 12px;
    line-height: 24px;
    margin-top: 0;
    text-align: center
}

.numbered-list__item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 94px);
    flex: 0 0 calc(100% - 94px)
}

@media screen and (max-width:768px) {
    .numbered-list__item {
        padding: 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .numbered-list__item:first-child {
        padding-top: 25px
    }

    .numbered-list__item:last-child {
        padding-bottom: 25px
    }

    .numbered-list__item p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 64px);
        flex: 0 0 calc(100% - 64px)
    }
}

@media screen and (max-width:586px) {
    .numbered-list {
        gap: 10px
    }

    .numbered-list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border-radius: 12px;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px
    }

    .numbered-list__item span {
        margin: 0
    }

    .numbered-list__item p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 16px;
        font-weight: 500
    }
}

.possibilities-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -7px;
    row-gap: 14px;
    width: calc(100% + 14px);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.possibilities-list__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 7px;
    padding-right: 7px
}

@media screen and (max-width:993px) {
    .possibilities-list__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width:768px) {
    .possibilities-list__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.possibility {
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 35px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #f7f8fd;
    gap: 30px;
    height: 100%;
    justify-content: space-between;
    /* justify-content: flex-start; */
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;    
}


@media (max-width: 993px) {
    .possibility__footer {
        height: auto !important;
    }
}

.possibility:not(.possibility--blue):not(.possibility--image):hover {
    background-color: #f0f2fb
}

.possibility__bottom,
.possibility__footer,
.possibility__header,
.possibility__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.possibility__title p {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.possibility__text p {
    color: #272b3f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0
}

.possibility__link a {
    color: #5b5d72;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    min-height: 12px;
    padding-right: 30px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.possibility__link a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none' viewBox='0 0 7 11'%3E%3Cpath stroke='%230a0a0a' stroke-linecap='round' d='m1.233.798 4.278 4.277a.81.81 0 0 1 0 1.143l-4.278 4.278'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 12px
}

.possibility__link a:hover {
    color: rgba(91, 93, 114, .8)
}

.possibility__link a:hover:before {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.possibility--blue {
    background-color: #3c6aff;
    color: #fff
}

.possibility--blue .possibility__link a,
.possibility--blue .possibility__text p {
    color: #fff
}

.possibility--blue .possibility__link a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' fill='none' viewBox='0 0 6 11'%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M.849.651 5.126 4.93a.81.81 0 0 1 0 1.142L.85 10.35'/%3E%3C/svg%3E")
}

.possibility__image {
    border-radius: 20px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.possibility__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.possibility__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.possibility--image,
.possibility__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.possibility--image {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.possibility--image .possibility__bottom,
.possibility--image .possibility__top {
    position: relative;
    z-index: 20
}

.possibility--image .possibility__title p {
    color: #fff;
    font-weight: 600;
    text-align: center
}

.possibility--image:hover .possibility__image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:768px) {
    .possibility {
        gap: 40px;
        padding: 33px 28px
    }

    .possibility__top {
        gap: 28px
    }

    .possibility__header {
        gap: 33px
    }

    .possibility__title p {
        font-size: 24px
    }

    .possibility__text p {
        font-size: 16px
    }

    .possibility--image {
        gap: 0;
        min-height: 378px
    }
}

.post-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.post-navigation ul a {
    border-left: 3px solid transparent;
    color: #5b5d72;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    padding: 10px 0 10px 17px
}

.post-navigation ul a.active {
    border-color: #064cea;
    color: #171b2b
}

.post-navigation ul a.active span {
    color: #064cea
}

.post-preview__image {
    border-radius: 16px;
    margin-bottom: 15px;
    overflow: hidden
}

.post-preview__image img {
    border-radius: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.post-preview__image img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.post-preview__meta {
    gap: 20px;
    margin-bottom: 20px
}

.post-preview__meta,
.post-preview__tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.post-preview__tags ul {
    gap: 10px
}

.post-preview__tags ul li {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: #f7f8fd;
    border: 1px solid #dde1ff;
    border-radius: 8px;
    color: #064cea;
    font-size: 12px;
    line-height: 1;
    padding: 5px 30px;
    text-align: center
}

.post-preview__time time {
    color: #5b5d72;
    font-size: 14px
}

.post-preview__title a {
    color: #171b2b !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important
}

.powered-by {
    background: #F7F8FE;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 8px;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
    box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 31px;
    padding: 13px 16px 13px 46px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.powered-by:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3E%3Crect width='22.16' height='22.16' y='.42' fill='url(%23a)' rx='5'/%3E%3Cpath fill='%23f8f9fd' d='m11.683 8.64-1.286-4.31-1.22 4.236-.043.149-.153.043-4.419 1.254 4.343 1.19.152.042.044.15 1.286 4.309 1.22-4.236.043-.148.153-.044 4.419-1.254-4.343-1.19-.152-.042zM15.881 14.985l-.67-2.249-.637 2.21-.023.077-.08.023-2.305.654 2.266.621.08.022.022.078.671 2.248.637-2.21.022-.077.08-.023 2.305-.654-2.265-.62-.08-.023z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='11.08' x2='24.115' y1='.42' y2='28.446' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23064cea'/%3E%3Cstop offset='1' stop-color='%236181e9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 22px;
    left: 13px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 22px
}

.powered-by span {
    color: #064cea;
    font-size: 12px;
    line-height: 1;
    line-height: -.03em
}

.prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -6px;
    width: calc(100% + 12px)
}

.prices__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px
}

.prices__item {
    background-color: #f0f2fb;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 40px;
    justify-content: space-between
}

.prices__title {
    margin-bottom: 24px
}

.prices__title p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0
}

.prices__text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

@media screen and (max-width:768px) {
    .prices {
        gap: 24px;
        margin-left: 0;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .prices__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .prices__item {
        gap: 24px
    }

    .prices__title p {
        font-size: 22px !important;
        font-weight: 600 !important
    }

    .prices__text p,
    .prices__title p {
        color: #272b3f !important;
        line-height: 1.4 !important;
        margin: 0 !important
    }

    .prices__text p {
        font-size: 16px !important;
        font-weight: 400 !important
    }
}

.risks__inner {
    background-image: url(../img/risks-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    margin-left: -100px;
    padding: 74px 100px;
    width: calc(100% + 200px)
}

.risks__title.section__title h2 {
    color: #fff;
    font-weight: 600
}

.risks__subtitle.section__subtitle p {
    color: #fff
}

.risks__subtitle.section__subtitle p a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    text-decoration: underline
}

.risks__subtitle.section__subtitle p a:hover {
    text-decoration: none
}

.risks__column,
.risks__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.risks__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 35px;
    max-height: 450px;
    overflow: auto;
    scrollbar-color: #2d64e3 hsla(0, 0%, 100%, 0);
    scrollbar-width: 4px
}

.risks__column::-webkit-scrollbar {
    width: 4px
}

.risks__column::-webkit-scrollbar-track {
    background-color: transparent
}

.risks__column::-webkit-scrollbar-thumb {
    background-color: #2d64e3;
    border: .1px solid #2d64e3;
    border-radius: 8px;
    width: 1px
}

.risks__column:first-child {
    padding-right: 45px
}

.risks__column:last-child {
    padding-left: 45px
}

.risks__item {
    color: #fff
}

.risks__item h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 22px
}

.risks__item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.risks__item p a {
    color: #fff;
    text-decoration: underline
}

.risks__item p a:hover {
    text-decoration: none
}

.risks__item p:last-child {
    margin-bottom: 0
}

.risks__footer {
    margin-top: 52px
}

.risks__footer .button--blue {
    background-color: hsla(0, 0%, 100%, 0);
    padding: 0;
    width: 240px
}

.risks__footer .button--blue:before {
    -webkit-animation: buttonPulse3 1.5s linear infinite normal;
    animation: buttonPulse3 1.5s linear infinite normal;
    background-color: hsla(0, 0%, 100%, .2)
}

.risks__footer .button--blue div {
    width: 100%
}

@media screen and (max-width:1440px) {
    .risks__inner {
        margin-left: 0;
        padding: 60px;
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .risks--mobile {
        display: none
    }
}

@media screen and (max-width:768px) {
    .risks--desktop {
        display: none
    }

    .risks__column {
        max-height: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        gap: 40px;
        max-width: 100%
    }

    .risks__column:first-child {
        padding-right: 0
    }

    .risks__column:last-child {
        display: none;
        padding-left: 0
    }

    .risks__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }

    .risks__row.open .risks__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .risks__item--small {
        max-height: none
    }

    .risks__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .risks__footer .button {
        width: 240px
    }

    .risks__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px
    }
}

@media screen and (max-width:586px) {
    .risks__inner {
        padding: 40px 20px
    }
}

.search-form__inner {
    position: relative;
    width: 400px
}

.search-form__icon {
    bottom: 0;
    height: 16px;
    left: 10px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 16px
}

.search-form__input input {
    background-color: #f7f8fd;
    border: 1px solid #a3a7c7;
    border-radius: 10px;
    color: #272b3f;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px 10px 12px 36px;
    width: 100%
}

.section {
    padding-bottom: 50px;
    padding-top: 50px
}

.section--pb100 {
    padding-bottom: 100px
}

.section--pb95 {
    padding-bottom: 95px
}

.section--pt95 {
    padding-top: 95px
}

.section--dark-inner {
    padding-bottom: 0;
    padding-top: 0
}

.section--dark-inner.section--pb95 .section__inner {
    padding-bottom: 95px
}

.section--dark-inner.section--pt95 .section__inner {
    padding-top: 95px
}

.section--dark-inner .section__inner {
    background-color: #171b2b;
    padding-bottom: 50px;
    padding-top: 50px
}

.section--blue {
    background-image: url(../img/blue-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.section__inner {
    border-radius: 15px;
    margin-left: -100px;
    padding-left: 100px;
    padding-right: 100px;
    width: calc(100% + 200px)
}

.section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 56px;
    text-align: center
}

.section__header--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section__header--horizontal .section__suptitle {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section__header-left,
.section__header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.section__header--w50p {
    max-width: 50%
}

.section__header--title-w60p {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section__header--title-w60p .section__title {
    max-width: 60%;
    text-align: left
}

.section__header--align-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.section__header--justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section__suptitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section__suptitle p {
    background-color: #f3f4fc;
    border-radius: 8px;
    font-size: 14px;
    margin: 0;
    padding: 5px 13px
}

.section__title h2,
.section__title p {
    color: #171b2b;
    font-size: clamp(35px, 5vw, 45px);
    font-weight: 500;
    line-height: 1.2;
    margin: 0
}

.section__title h2 span,
.section__title p span {
    color: #064cea
}

.section__title--w600 h2,
.section__title--w600 h2 span,
.section__title--w600 p,
.section__title--w600 p span {
    font-weight: 600
}

.section__subtitle p {
    color: #393939;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

.section__subtitle p a {
    color: #393939;
    text-decoration: underline
}

.section__subtitle p a:hover {
    text-decoration: none
}

.section__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1440px) {
    .section__inner {
        margin-left: 0;
        padding-left: 60px;
        padding-right: 60px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {

    .section__header--title-w60p .section__title,
    .section__header--w50p {
        max-width: 100%
    }
}

@media screen and (max-width:993px) {
    .section__title br {
        display: none
    }
}

@media screen and (min-width:768px) {
    .section--mobile {
        display: none
    }
}

@media screen and (max-width:768px) {
    .section {
        padding-bottom: 42px;
        padding-top: 42px
    }

    .section--pb100,
    .section--pb95 {
        padding-bottom: 84px
    }

    .section--pt95 {
        padding-top: 84px
    }

    .section--desktop {
        display: none
    }

    .section__header {
        margin-bottom: 45px
    }
}

@media screen and (max-width:586px) {

    .section--sm-mb40,
    .section--sm-mb40.style-1 {
        margin-bottom: 40px
    }

    .section--sm-pt40 {
        padding-top: 40px
    }

    .section--sm-pt60 {
        padding-top: 60px
    }

    .section__inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .section--dark-inner.section--pb95 .section__inner {
        padding-bottom: 50px
    }

    .section--dark-inner.section--pt95 .section__inner {
        padding-top: 50px
    }

    .section--dark-inner .section__inner {
        padding-bottom: 50px;
        padding-top: 50px
    }

    .section__header--sm-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section__header--sm-center,
    .section__header--sm-center .section__suptitle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section__header--sm-left {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .section__header--sm-left,
    .section__header--sm-left .section__suptitle {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.share-block {
    background-color: #f7f8fd;
    border-radius: 10px;
    padding: 20px
}

.share-block__title {
    margin-bottom: 10px
}

.share-block__title span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.share-block__list ul {
    gap: 16px
}

.share-block__list ul,
.share-block__list ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.share-block__list ul a {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #5c6dff;
    justify-content: center
}

.share-block__list ul a svg {
    width: 18px
}

.simplifying-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.simplifying-footer ul {
    gap: 13px
}

.simplifying-footer ul,
.simplifying-footer ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.simplifying-footer ul li {
    gap: 4px
}

.simplifying-footer ul li span {
    color: #fff;
    font-size: 20px
}

.simplifying-footer ul li span b {
    font-weight: 600
}

.simplifying-footer ul li img {
    display: block;
    margin-bottom: 4px;
    width: 20px
}

@media screen and (max-width:586px) {
    .simplifying-footer {
        padding-top: 20px
    }

    .simplifying-footer ul li span {
        font-size: 12px
    }

    .simplifying-footer ul li img {
        margin-bottom: 3px;
        width: 11px
    }
}

.simplifying-legal-process {
    border-radius: 10px;
    padding-bottom: 80px;
    padding-top: 80px
}

@media screen and (max-width:586px) {
    .simplifying-legal-process {
        padding-bottom: 65px;
        padding-top: 65px
    }
}

.simplifying-legal-process-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.simplifying-legal-process-content .tag {
    margin-bottom: 40px
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-content .tag {
        margin-bottom: 20px
    }
}

.simplifying-legal-process-content h2 {
    margin-bottom: 7px;
    max-width: 810px;
    text-align: center
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-content h2 {
        font-size: 35px;
        margin: 0
    }
}

.simplifying-legal-process-content h2~p {
    font-size: 1.125rem;
    font-weight: 500;
    max-width: 718px;
    text-align: center
}

.simplifying-legal-process-content h2~p:last-of-type {
    margin-bottom: 0
}

.simplifying-legal-process-content+.simplifying-legal-process-list {
    margin-top: 66px
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-content+.simplifying-legal-process-list {
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .simplifying-legal-process-content h2 {
        margin-bottom: 20px
    }
}

.simplifying-legal-process-list {
    display: -ms-grid;
    display: grid;
    gap: 15px
}

.simplifying-legal-process-list-item {
    border-radius: 10px;
    padding: 38px 40px
}

.simplifying-legal-process-list-item section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplifying-legal-process-list-item__flexbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 25px;
    justify-content: space-between
}

.simplifying-legal-process-list-item h3 {
    font-size: clamp(24px, 5vw, 28px);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-list-item h3 {
        text-align: center
    }
}

.simplifying-legal-process-list-item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-list-item p {
        font-size: 14px;
        text-align: center
    }
}

.simplifying-legal-process-list-item .btn {
    margin-top: 0
}

.simplifying-legal-process-list-item:nth-child(2n),
.simplifying-legal-process-list-item:nth-child(odd) {
    background-color: var(--c7)
}

.simplifying-legal-process-list-item:nth-child(odd) {
    background-color: var(--c1)
}

.simplifying-legal-process-list-item:nth-child(odd) p {
    color: var(--c6)
}

.simplifying-legal-process-list-item:nth-child(2n) h3,
.simplifying-legal-process-list-item:nth-child(2n) p {
    color: var(--c1)
}

@media screen and (max-width:586px) {
    .simplifying-legal-process-list-item .button {
        margin: auto
    }

    .simplifying-legal-process-list-item .button span {
        font-size: 14px
    }
}

.simplifying-legal-process-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 19px
}

.simplifying-legal-proces-style-1 {
    background: linear-gradient(127.17deg, #3a4574 9.01%, #171b2b 79.85%), linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    margin-left: -100px;
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    width: calc(100% + 200px)
}

@media screen and (max-width:1440px) {
    .simplifying-legal-proces-style-1 {
        margin-left: auto;
        max-width: 100%;
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (max-width:586px) {
    .simplifying-legal-proces-style-1 {
        padding-left: 12px;
        padding-right: 12px
    }
}

.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2,
.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2~p {
    color: var(--c1)
}

.single-overview {
    background-color: #f8f9fd;
    border: .5px solid #dde1ff;
    border-radius: 8px;
    margin-bottom: 28px;
    margin-top: 17px;
    padding: 20px
}

.single-overview__title {
    margin-bottom: 15px
}

.single-overview__title span {
    background-color: #3c6aff;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 18px 6px 37px;
    position: relative
}

.single-overview__title span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none' viewBox='0 0 9 9'%3E%3Cpath fill='%23f8f9fd' d='M4.682 2.705 3.837 0l-.803 2.658-.028.094-.1.027L0 3.566l2.855.747.1.026.03.094.845 2.705.803-2.659.028-.093.1-.027 2.906-.787-2.856-.747-.1-.026zM7.443 6.687l-.441-1.411-.42 1.387-.014.049-.052.014L5 7.136l1.49.39.052.014.015.049L6.998 9l.419-1.387.015-.049.052-.014L9 7.14l-1.49-.39-.052-.014z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 9px;
    left: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 9px;
    z-index: 20
}

.single-overview p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0
}

.single-post__main {
    padding-top: 83px
}

.single-post__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px
}

.single-post__header {
    height: 386px;
    margin-bottom: 50px;
    position: relative;
    width: 100%
}

.single-post__image {
    border-radius: 15px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.single-post__image img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important
}

.single-post__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 20;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.single-post__header-content {
    padding: 30px
}

.single-post__tags {
    margin-bottom: 20px
}

.single-post__tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding-left: 0
}

.single-post__tags ul li {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 7px 17px;
    text-transform: uppercase
}

.single-post__title {
    margin-bottom: 28px
}

.single-post__title h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0
}

.single-post__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-post__read span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 27px;
    position: relative
}

.single-post__read span:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M11.25 20a7.841 7.841 0 1 1 7.841-7.84 7.85 7.85 0 0 1-7.84 7.84M13.78 3.224a.87.87 0 0 0 .068-1.23 3.487 3.487 0 0 0-5.194 0 .871.871 0 0 0 1.299 1.162 1.8 1.8 0 0 1 2.596 0 .87.87 0 0 0 1.23.068m-.17 11.294a.87.87 0 0 0 0-1.232l-1.488-1.488V8.674a.871.871 0 0 0-1.742 0v3.485a.87.87 0 0 0 .255.616l1.743 1.742a.87.87 0 0 0 1.231 0'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px
}

.single-post__published time {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right
}

.single-post__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.single-post__aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
    position: relative
}

.single-post__aside aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
    max-width: 300px;
    top: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.single-post__aside aside.active {
    bottom: 0;
    position: fixed;
    top: 120px
}

.single-post__aside aside.fix-bottom {
    bottom: 0;
    position: absolute;
    top: auto
}

.single-post__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 324px);
    flex: 0 0 calc(100% - 324px);
    max-width: calc(100% - 324px)
}

.single-post__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px
}

.single-post__author img {
    max-width: 57px
}

.single-post__author span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4
}

.single-post__updated time {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right
}

.single-post__article {
    border-top: 1px solid #dee0ef;
    margin-top: 18px;
    padding-top: 18px
}

.single-post__article article p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px
}

.single-post__article article p a {
    color: #064cea !important;
    font-weight: 700 !important
}

.single-post__article article p:last-child {
    margin-bottom: 0
}

.single-post__article article h2:not(:first-child) {
    border-top: 0.5px solid #CBCEDF;
    padding-top: 28px;
    margin-top: 58px;
}

.single-post__article article h2,
.single-post__article article h2 strong {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 28px
}

.single-post__article article blockquote {
    background-color: #f8f9fd;
    border: .5px solid #dde1ff;
    border-radius: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px
}

.single-post__article article blockquote p {
    font-weight: 500
}

.single-post__article article .faq {
    border-bottom: 1px solid #dee0ef;
    margin-bottom: 27px;
    padding-bottom: 58px
}

.single-post__article article .helpful-links,
.single-post__article article .numbered-list,
.single-post__article article .prices {
    margin-bottom: 28px;
    margin-top: 28px
}

.single-post__article article figure {
    margin-left: 0;
    margin-right: 0
}

.single-post__article article figure img {
    border-radius: 12px
}

.single-post__article article figure figcaption {
    margin-top: 8px
}

@media screen and (min-width:993px) {
    .single-post--mobile {
        display: none
    }

    .single-post__title h1 {
        max-width: 55%
    }
}

@media screen and (max-width:993px) {
    .single-post__aside {
        display: none
    }

    .single-post__top>div:last-child {
        display: none
    }

    .single-post__article {
        border-top: 0;
        margin-top: 55px;
        padding-top: 0
    }

    .single-post__article article .faq {
        padding-bottom: 27px
    }

    .single-post__article article .faq__list {
        margin-bottom: 0
    }

    .single-post__article article .single-overview p {
        font-size: 18px !important
    }

    .single-post__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .single-post__content .single-post__meta {
        border-bottom: 1px solid #dee0ef;
        margin-bottom: 18px;
        padding-bottom: 18px
    }
}

@media screen and (max-width:600px) {
    .single-post__image:before {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background: -webkit-gradient(linear, left top, right top, color-stop(.44%, rgba(0, 0, 0, .6)), color-stop(97.17%, rgba(0, 0, 0, 0)));
        background: linear-gradient(90deg, rgba(0, 0, 0, .6) .44%, rgba(0, 0, 0, 0) 97.17%);
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 20
    }

    .single-post__header {
        margin-bottom: 25px
    }

    .single-post__header-content {
        padding: 120px 20px 30px
    }

    .single-post__title h1 {
        font-size: 28px;
        font-weight: 500
    }

    .single-post__published {
        display: none
    }
}

.small-claim {
    position: relative
}

.small-claim,
.small-claim__bg {
    border-radius: 15px;
    height: 100%
}

.small-claim__bg {
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.small-claim__bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.small-claim__content {
    height: 100%;
    position: relative;
    z-index: 20
}

.small-claim__content:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .45)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0));
    border-radius: 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.small-claim__content a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 230px;
    height: 100%;
    position: relative;
    text-decoration: none;
    z-index: 20
}

.small-claim__content a,
.small-claim__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.small-claim__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 28px
}

.small-claim__title p {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.small-claim__plus {
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.small-claim__plus,
.small-claim__plus svg line {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.small-claim__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 85%, 0)), to(hsla(0, 0%, 45%, .2)));
    background: linear-gradient(180deg, hsla(0, 0%, 85%, 0), hsla(0, 0%, 45%, .2));
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 20px 28px
}

.small-claim__footer,
.small-claim__tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.small-claim__tags ul {
    gap: 10px;
    list-style: none;
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-claim__tags ul li {
    background-color: #3c6aff;
    border-radius: 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    padding: 8px 8px 6px
}

.small-claim__text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3
}

.small-claim__text p b {
    font-weight: 700
}

.small-claim:hover .small-claim__plus {
    background-color: #fff
}

.small-claim:hover .small-claim__plus svg line {
    stroke: #000
}

.small-claim:hover .small-claim__bg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.steps-you-need-item {
    background-color: #ebedf9;
    border: 1px solid #064cea;
    border-radius: 12px;
    padding: 30px
}

.steps-you-need-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 20px
}

.steps-you-need-item__header span {
    background-color: #064cea;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}

.steps-you-need-item__header p {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 29px);
    flex: 0 0 calc(100% - 29px);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    max-width: calc(100% - 29px)
}

.steps-you-need-item__body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.steps-you-need-item__body p:last-child {
    margin-bottom: 0
}

.steps-you-need-item__body ul {
    font-weight: 500;
    line-height: 1.4;
    list-style: disc;
    margin-bottom: 20px;
    padding-left: 20px
}

.steps-you-need-item__body ul:last-child {
    margin-bottom: 0
}

@media screen and (max-width:586px) {
    .steps-you-need-item {
        padding: 23px 18px
    }

    .steps-you-need-item__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 17px
    }

    .steps-you-need-item__header p {
        font-size: 20px;
        font-weight: 600
    }
}

.steps-you-need__inner {
    background: #f7f8fd;
    border-radius: 15px;
    margin-left: -100px;
    padding: 71px 100px;
    width: calc(100% + 200px)
}

.steps-you-need__row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.steps-you-need__column,
.steps-you-need__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps-you-need__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.steps-you-need__column:first-child {
    padding-right: 6px
}

.steps-you-need__column:last-child {
    padding-left: 6px
}

.steps-you-need__column--double>div {
    height: 50%
}

@media screen and (max-width:1440px) {
    .steps-you-need__inner {
        margin-left: 0;
        padding: 60px;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .steps-you-need__inner {
        padding: 32px 10px
    }
}

@media screen and (max-width:586px) {
    .steps-you-need__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 18px
    }

    .steps-you-need__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        gap: 18px;
        max-width: 100%
    }

    .steps-you-need__column:first-child {
        padding-right: 0
    }

    .steps-you-need__column:last-child {
        padding-left: 0
    }
}

.submenu {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
    box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
    opacity: 0;
    padding: 14px 13px;
    pointer-events: none;
    position: fixed;
    top: 95px;
    z-index: 100
}

.submenu:before {
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
    width: 100%
}

.submenu__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.submenu__column:first-child {
    padding-right: 36px
}

.submenu__column:first-child:last-child {
    padding-right: 0
}

.submenu--has-message {
    top: 144px
}

.submenu--has-message.submenu--fixed {
    top: 104px
}

.submenu.open {
    opacity: 1;
    pointer-events: all
}

.submenu__list {
    gap: 7px
}

.submenu__item a,
.submenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.submenu__item a {
    border: 1px solid transparent;
    border-radius: 12px;
    color: #171b2b;
    gap: 2px;
    padding: 10px 15px 10px 27px;
    position: relative;
    width: 336px
}

.submenu__item a:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 15px;
    position: absolute;
    top: 18px;
    width: 6px
}

.submenu__item a.active,
.submenu__item a:hover {
    border-color: #a3a7c7
}

.submenu__item a:hover {
    background-color: #f7f8fd
}

.submenu__item a b {
    font-weight: 500;
    line-height: 1.4
}

.submenu__item a span {
    color: rgba(91, 93, 114, .502);
    font-size: 12px;
    line-height: 1.3
}

.submenu__item--point-blue a:before {
    background-color: #064cea
}

.submenu__item--point-gray-dark a:before {
    background-color: #5b5d72
}

.submenu__item--point-red a:before {
    background-color: #ff3b30
}

.submenu__item--point-gray-lite a:before {
    background-color: #a3a7c7
}

.submenu__item[data-submenu-lvl2-selector] a:after {
    background-image: url(../img/icons/angle-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 9px;
    margin: auto;
    position: absolute;
    right: 16px;
    top: 0;
    width: 9px
}

.submenu--dark .submenu__item[data-submenu-lvl2-selector] a:after {
    filter: invert(98%) sepia(11%) saturate(331%) hue-rotate(232deg) brightness(119%) contrast(100%);
}

.submenu__lvl2 {
    display: none;
    height: 100%;
    /* min-height: 350px; */
    min-height: auto;
}

.submenu__lvl2.open {
    border-left: 1px solid #dde1ff;
    display: block;
    padding-left: 12px
}

.submenu__lvl2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #171b2b;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    padding: 10px 15px 10px 27px;
    position: relative;
    width: 300px
}

.submenu__lvl2 a:hover {
    border-color: #a3a7c7
}

.submenu__lvl2 a b {
    font-weight: 500;
    line-height: 1.4
}

.submenu__lvl2 a span {
    color: rgba(91, 93, 114, .502);
    font-size: 12px;
    line-height: 1.3
}

.submenu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.submenu--dark {
    background: #1e2440;
    border: 1px solid #3c4466;
    color: #fff
}

.submenu--dark .submenu__item a {
    color: #fff
}

.submenu--dark .submenu__item a.active,
.submenu--dark .submenu__item a:hover {
    border-color: #fafafa
}

.submenu--dark .submenu__item a:hover {
    background-color: #272f51
}

.submenu--dark .submenu__item a span {
    color: #fafafa
}

.submenu--dark .submenu[data-submenu-lvl2-selector] a:after {
    background-image: url(../img/icons/angle-right.svg)
}

.submenu--dark .submenu__lvl2.open {
    border-left: 1px solid #272f51
}

.submenu--dark .submenu__lvl2 a {
    color: #fff
}

.submenu--dark .submenu__lvl2 a:hover {
    border-color: #fafafa
}

.submenu--dark .submenu__lvl2 a span {
    color: #fafafa
}

.supports__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    row-gap: 16px;
    width: calc(100% + 16px)
}

.supports__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 8px;
    padding-right: 8px
}

.supports__ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:993px) {
    .supports__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media screen and (max-width:768px) {
    .supports__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width:586px) {
    .supports--mobile {
        display: none
    }
}

@media screen and (max-width:586px) {
    .supports__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .supports__column:not(:first-child, :nth-child(2), :nth-child(3), :nth-child(4)) {
        display: none
    }

    .supports__row.open .supports__column {
        display: block !important
    }

    .supports--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 20px
    }

    .supports__ad {
        padding-top: 20px
    }
}

.triple-slider__container {
    position: relative
}

.triple-slider__container .swiper-button-next,
.triple-slider__container .swiper-button-prev {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    background-color: rgba(231, 232, 242, .82);
    border-radius: 50%;
    bottom: 67px;
    display: block;
    height: 50px;
    margin: auto;
    top: 0;
    width: 50px
}

.triple-slider__container .swiper-button-next:after,
.triple-slider__container .swiper-button-prev:after {
    display: none
}

.triple-slider__container .swiper-button-next:before,
.triple-slider__container .swiper-button-prev:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-linejoin='round' d='M3.75 12h16.5m0 0L13.5 5.25M20.25 12l-6.75 6.75'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px
}

.triple-slider__container .swiper-button-prev {
    left: -25px
}

.triple-slider__container .swiper-button-prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.triple-slider__container .swiper-button-prev:hover:before {
    -webkit-transform: rotate(180deg) translateX(.2777777778rem);
    -ms-transform: rotate(180deg) translateX(.2777777778rem);
    transform: rotate(180deg) translateX(.2777777778rem)
}

.triple-slider__container .swiper-button-next {
    right: -25px
}

.triple-slider__container .swiper-button-next:hover:before {
    -webkit-transform: translateX(.2777777778rem);
    -ms-transform: translateX(.2777777778rem);
    transform: translateX(.2777777778rem)
}

.triple-slider__container--blog .swiper-button-next,
.triple-slider__container--blog .swiper-button-prev {
    bottom: 177px
}

.triple-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    background-color: #e4e5eb;
    border-radius: 20px;
    bottom: auto;
    display: inline-block;
    padding: 4px 10px 7px;
    position: relative;
    width: auto
}

.triple-slider .swiper-pagination-bullet {
    background-color: #fff;
    cursor: pointer;
    opacity: 1;
    position: relative
}

.triple-slider .swiper-pagination-bullet-active:before {
    background-color: #dfe1e7;
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px
}

.triple-slider .swiper-pagination__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 37px
}

@media screen and (max-width:1200px) {
    .triple-slider__container .swiper-button-next {
        right: 10px
    }

    .triple-slider__container .swiper-button-prev {
        left: 10px
    }
}

@media screen and (min-width:768px) {
    .triple-slider__container .swiper-wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .triple-slider__container .swiper-slide {
        height: auto
    }
}

@media screen and (max-width:993px) {

    .triple-slider__container .swiper-button-next,
    .triple-slider__container .swiper-button-prev {
        bottom: -10px;
        top: auto
    }

    .triple-slider__container .swiper-button-prev {
        left: 0
    }

    .triple-slider__container .swiper-button-next {
        right: 0
    }

    .triple-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        padding-top: 5px
    }
}


@media screen and (max-width: 540px) {
    .triple-slider__container .swiper-button-prev {
        left: 20px !important
    }

    .triple-slider__container .swiper-button-next {
        right: 20px !important
    }
}

.what-happens__inner {
    background-color: #f7f8fd;
    border-radius: 15px;
    margin-left: -100px;
    padding: 76px 100px 60px;
    width: calc(100% + 200px)
}

.what-happens__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.what-happens__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.what-happens__column:first-child {
    padding-right: 25px
}

.what-happens__column:last-child {
    padding-left: 25px
}

.what-happens__content p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px
}

.what-happens__content p a {
    color: #171b2b !important;
    text-decoration: underline
}

.what-happens__content p a:hover {
    text-decoration: none
}

.what-happens__content p:last-child {
    margin-bottom: 0
}

.what-happens__content h2 {
    color: #171b2b;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 28px
}

.what-happens__content ul {
    list-style: disc;
    margin-bottom: 28px;
    padding-left: 20px
}

.what-happens__content ul li {
    font-size: 16px;
    line-height: 1.5
}

.what-happens__content blockquote {
    background-color: #ebedf9;
    border: .5px solid #dde1ff;
    border-radius: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 20px
}

.what-happens__content blockquote p {
    color: #171b2b;
    font-weight: 500
}

.what-happens__content blockquote p a {
    color: #171b2b;
    text-decoration: underline
}

.what-happens__content blockquote p a:hover {
    text-decoration: none
}

@media screen and (max-width:1440px) {
    .what-happens__inner {
        margin-left: 0;
        padding: 60px;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .what-happens__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .what-happens__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .what-happens__column:first-child {
        padding-right: 0
    }

    .what-happens__column:last-child {
        padding-left: 0
    }
}

@media screen and (max-width:586px) {
    .what-happens__inner {
        padding: 32px 10px
    }

    .what-happens .section__header,
    .what-happens__content blockquote {
        margin-bottom: 18px
    }

    .what-happens__content p {
        margin-bottom: 1em
    }
}

.widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.widget__title span {
    color: #1b1b1f;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3
}

.hel {
    font-size: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    text-indent: -9999px;
    visibility: hidden;
    width: 0
}

.db {
    display: block
}

.dn {
    display: none
}

.disabled,
.hidden {
    pointer-events: none
}

.hidden {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.visible {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible
}

.ovh {
    overflow: hidden
}

.ovyh {
    overflow-y: hidden
}

.tac {
    text-align: center
}

.ttu {
    text-transform: uppercase
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.logo-company {
    display: inline-block;
    text-decoration: none
}

.logo-company svg {
    height: 100%;
    width: 100%
}

.logo-company:hover {
    text-decoration: none
}

.logo-company-path {
    fill: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.dotlottie-wrapper canvas,
.spline-viewer-wrapper canvas {
    height: auto;
    max-width: 100%
}

.list-img,
.list-img-2 {
    position: relative
}

.list-img {
    overflow: hidden
}

.list-img img,
.list-img picture {
    height: 100%;
    left: 0;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0
}

.list-img-2 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute
}

.list-img-2 img,
.list-img-2 picture {
    max-height: 100%;
    width: auto
}

iframe:not(.facebook),
iframe:not(.instagram-media),
iframe:not([id^=telegram]),
video {
    border: none;
    margin-bottom: 0
}

.video-wrapper {
    margin-bottom: 45px;
    padding-top: 56.25%;
    position: relative
}

.video-wrapper iframe:not(.facebook),
.video-wrapper iframe:not(.instagram-media),
.video-wrapper iframe:not([id^=telegram]),
.video-wrapper video {
    border: none;
    height: 100%;
    left: 0;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-wrapper,
.slider-wrapper {
    position: relative
}

.carousel-wrapper .carousel-btn,
.carousel-wrapper .slider-btn,
.slider-wrapper .carousel-btn,
.slider-wrapper .slider-btn {
    position: absolute
}

.slider-wrapper .swiper-horizontal>.swiper-pagination-bullets,
.slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider-wrapper .swiper-pagination-custom,
.slider-wrapper .swiper-pagination-fraction {
    bottom: auto;
    top: 40px
}

.slider-wrapper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: center
}

.slider-wrapper .swiper-pagination-bullet {
    background-color: var(--c6);
    border-radius: 50%;
    height: 8px;
    opacity: 1;
    width: 8px
}

.slider-wrapper .swiper-pagination-bullet-active {
    background-color: var(--c1)
}

.carousel-wrapper.slider-wrapper-not-initialized,
.carousel-wrapper.slider-wrapper-not-initialized .carousel-btn,
.carousel-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized,
.slider-wrapper.slider-wrapper-not-initialized .carousel-btn,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn {
    position: static
}

.carousel-wrapper:not(.slider-wrapper-not-initialized),
.slider-wrapper:not(.slider-wrapper-not-initialized) {
    position: relative
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn {
    position: absolute;
    z-index: 2
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c24);
    border-radius: 5px;
    cursor: pointer;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
    fill: currentColor
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover {
    background-color: var(--c24)
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock {
    display: none;
    pointer-events: none
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) {
    height: 26px;
    width: 26px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg {
    height: 8px;
    width: 14px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
    color: var(--cb);
    height: 50px;
    width: 50px
}

.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
    height: 16px;
    width: 18px;
    fill: currentColor
}

.slider-single-item .slider-btn,
.slider-single-item .swiper-pagination,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized .swiper-pagination {
    display: none
}

.s_ocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s_ocial a,
.s_ocial li {
    display: inline-block;
    height: 20px;
    width: 20px
}

.s_ocial:not(.social-style-1, .social-style-2) a {
    color: var(--cb)
}

.s_ocial.social-style-1 a {
    color: var(--c5)
}

.s_ocial.social-style-2 li:has(.s_ocial__e_mail) {
    height: 18px;
    width: 24px
}

.s_ocial.social-style-2 a {
    color: var(--c3)
}

.s_ocial.social-style-2 a.s_ocial__e_mail {
    height: 18px;
    width: 24px
}

.s_ocial a,
.s_ocial a:hover {
    text-decoration: none
}

.s_ocial a.s_ocial__l_inkedin:hover {
    color: var(--c13)
}

.s_ocial a.s_ocial__i_nstagram:hover,
.s_ocial a.s_ocial__t_alk:hover {
    color: var(--c14)
}

.s_ocial a.s_ocial__f_acebook:hover {
    color: var(--c15)
}

.s_ocial a.s_ocial__p_interest:hover {
    color: var(--c16)
}

.s_ocial a.s_ocial__t_elegram:hover {
    color: var(--c17)
}

.s_ocial a.s_ocial__w_hatsapp:hover {
    color: var(--c18)
}

.s_ocial a.s_ocial__v_iber:hover {
    color: var(--c19)
}

.s_ocial a.s_ocial__y_outube:hover {
    color: var(--c20)
}

.s_ocial a.s_ocial__m_essenger:hover {
    color: var(--c21)
}

.s_ocial svg {
    height: 100%;
    width: 100%;
    fill: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-4 {
    gap: 13px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.social-style-4 .s_ocial__e_mail path,
.social-style-4 .s_ocial__l_inkedin path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-4 .s_ocial__l_inkedin path {
    fill: var(--c3)
}

.social-style-4 .s_ocial__l_inkedin:hover path {
    fill: var(--c13)
}

.social-style-4 .s_ocial__e_mail .path-1 {
    fill: var(--c3)
}

.social-style-4 .s_ocial__e_mail .path-2 {
    fill: var(--c1)
}

.social-style-4 .s_ocial__e_mail:hover .path-1 {
    fill: var(--c13)
}

.social-style-5 {
    gap: 5px
}

.social-style-5 a,
.social-style-5 li {
    height: 50px;
    width: 50px
}

.social-style-5 a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid rgba(48, 48, 48, .1);
    border-radius: 5px;
    justify-content: center
}

.social-style-5 a path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-5 .s_ocial__f_acebook svg,
.social-style-5 .s_ocial__i_nstagram svg,
.social-style-5 .s_ocial__l_inkedin svg {
    height: 20px;
    width: 20px
}

.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.social-style-5 .s_ocial__y_outube svg {
    height: 15px;
    width: 21px
}

.social-style-5 .s_ocial__f_acebook,
.social-style-5 .s_ocial__i_nstagram,
.social-style-5 .s_ocial__l_inkedin,
.social-style-5 .s_ocial__y_outube {
    color: var(--cb)
}

.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path,
.social-style-5 .s_ocial__y_outube path {
    fill: currentColor
}

.social-style-5 .s_ocial__f_acebook:hover,
.social-style-5 .s_ocial__i_nstagram:hover,
.social-style-5 .s_ocial__l_inkedin:hover,
.social-style-5 .s_ocial__y_outube:hover {
    color: var(--c3)
}

.header--dark .social-style-5 a {
    border-color: var(--c8);
    color: var(--c8)
}

.body-style-1 {
    padding: 20px 0 20px 20px;
    position: relative
}

.body-style-1.mobile-user-agent {
    padding-right: 20px
}

.body-style-1 main {
    position: relative
}

.body-style-1 section {
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--c4) url(../img/bg.svg) no-repeat 0 100%;
    background-size: cover;
    border-radius: 10px;
    justify-content: center
}

.body-style-1 .container-md,
.body-style-1 section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body-style-1 .container-md {
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.body-style-1 h1 {
    font-size: 3.4375rem;
    margin-bottom: 22px;
    text-align: center
}

.body-style-1 h1~p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 530px;
    text-align: center
}

.body-style-1 h1~p:last-of-type {
    margin-bottom: 0
}

.body-style-1 h1~p+.btn {
    margin-top: 38px
}

.body-style-1 h1~p+.form {
    margin-top: 39px
}

@media (max-width:576px) {
    .body-style-1 h1 {
        font-size: 2.8125rem
    }

    .body-style-1 p {
        font-size: 1rem
    }
}

@media (max-width:415px) {
    .body-style-1 h1 {
        font-size: 2.1875rem
    }
}

@media (max-width:375px) {
    .body-style-1 {
        padding: 10px 0 10px 10px
    }

    .body-style-1.mobile-user-agent {
        padding-right: 10px
    }

    .body-style-1 .container-md {
        padding: 10px
    }

    .body-style-1 h1 {
        font-size: 2.5rem
    }

    .body-style-1 h1~p {
        font-size: 1.1428571429rem
    }
}

@media (max-width:320px) {
    .body-style-1 h1 {
        font-size: 1.875rem
    }
}

.scroll-table-content {
    background-color: var(--c5);
    border-radius: 15px;
    margin-bottom: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 16px
}

.scroll-table-content table {
    margin-bottom: 0
}

@media (max-width:415px) {
    .scroll-table-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .scroll-table-content {
        padding-left: 10px;
        padding-right: 10px
    }
}

.map-wrapper {
    border-radius: 5px;
    overflow: hidden;
    padding-top: 71.845%;
    position: relative
}

.map-wrapper iframe {
    border: none;
    height: 100%;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0
}

.style-1 {
    margin-bottom: 150px
}

.style-2 {
    max-height: 400px;
    overflow: hidden
}

.style-3 {
    margin-bottom: 130px
}

.style-4 {
    margin-bottom: 100px
}

.style-5 {
    margin-bottom: 60px
}

.style-6 {
    margin-bottom: 64px
}

.style-7 {
    margin-bottom: 77px
}

.style-8 {
    margin-bottom: 70px
}

@media (max-width:767px) {

    .style-1,
    .style-4 {
        margin-bottom: 80px
    }
}

.alert {
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 24px 27px
}

.alert p {
    letter-spacing: .5px;
    line-height: 1.4
}

.alert p:last-child {
    margin-bottom: 0
}

.alert strong {
    font-weight: 600
}

@media (max-width:767px) {
    .alert {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .alert {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .alert {
        padding-left: 10px;
        padding-right: 10px
    }
}

.alert--info p,
.alert--primary p {
    color: var(--c1)
}

.alert--info {
    background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%)
}

.alert--primary {
    background-color: hsla(0, 0%, 100%, .13)
}

.alert-success {
    background-color: var(--c5)
}

.alert-style-1 {
    border-radius: 7px;
    padding: 18px 16px 16px
}

.alert-style-1 p {
    font-size: .875rem;
    letter-spacing: .25px
}

.alert-style-2 {
    border-left: 5px solid var(--c3);
    border-radius: 0;
    padding: 15px
}

.alert-style-2 p {
    color: var(--c2);
    font-weight: 600
}

.alert-style-3 {
    padding-bottom: 19px;
    padding-top: 19px
}

.alert-style-3 p {
    font-weight: 500
}

.alert-style-3 p a {
    text-decoration: underline
}

.alert-style-3 p a:hover {
    text-decoration: none
}

.alert--has-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 34px;
    -moz-column-gap: 34px;
    column-gap: 34px
}

.alert--has-icon svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.alert--has-icon ol,
.alert--has-icon p,
.alert--has-icon ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.alert--has-icon.icon-bell svg {
    height: 46px;
    width: 37px
}

.alert--has-icon.icon-info svg {
    height: 29px;
    width: 25px
}

.alert--has-icon-style-1 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.title-1 {
    font-size: 2.8125rem
}

.title-2 {
    color: var(--c28);
    font-size: 1.25rem;
    line-height: 1.3
}

.title-2+.add-info {
    padding-top: 12px
}

@media (max-width:375px) {
    .alert--has-icon {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .alert-style-1 p {
        font-size: 1rem
    }

    .alert--has-icon.icon-bell svg {
        height: 25px;
        width: 20px
    }

    .title-1 {
        font-size: 2.5rem
    }

    .title-2 {
        font-size: 1.4285714286rem
    }
}

@media (max-width:320px) {
    .title-1 {
        font-size: 2.1428571429rem
    }
}

.chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.chips-btn {
    background-color: var(--c5);
    border-radius: 5px;
    color: var(--cb);
    display: inline-block;
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px;
    padding: 8px 10px
}

.chips-btn:hover {
    background-color: #e4e8f7;
    border-color: #e4e8f7
}

.chips-btn.active {
    background-color: var(--c3);
    color: var(--c1);
    pointer-events: none
}

@media (min-width:577px) {
    .chips {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .add-info-style-7 h2 {
        translate: 0 16px
    }
}

@media (max-width:576px) {
    .chips {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch
    }

    .chips::-webkit-scrollbar {
        display: none
    }

    .chips-btn {
        scroll-snap-align: start;
        white-space: nowrap
    }
}

@media (max-width:375px) {
    .chips-btn {
        font-size: 1rem
    }
}

.tooltip {
    cursor: pointer;
    position: relative
}

.tooltip:hover .tooltip__content {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible
}

.tooltip__content {
    background-color: var(--c1);
    border: 1px solid var(--c41);
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 12px 0 var(--c40);
    box-shadow: 3px 3px 12px 0 var(--c40);
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    opacity: 0;
    padding: 15px 16px 13px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
    transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
    visibility: hidden;
    width: min(100vw, 305px);
    z-index: 1
}

.tooltip-icon {
    -ms-flex-negative: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.tooltip-icon.tooltip-icon--info {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%233c6aff' fill-rule='evenodd' d='M19.6 10A9.6 9.6 0 1 1 .4 10a9.6 9.6 0 0 1 19.2 0m-8.4-4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M8.8 8.8a1.2 1.2 0 1 0 0 2.4v3.6A1.2 1.2 0 0 0 10 16h1.2a1.2 1.2 0 1 0 0-2.4V10A1.2 1.2 0 0 0 10 8.8z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.tooltip-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--c42);
    flex-grow: 1;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3
}

@media (max-width:375px) {
    .tooltip-text {
        font-size: .8571428571rem
    }
}

@media (max-width:767px) {
    .breadcrumbs+.top-section-dark-content {
        margin-top: 40px
    }
}

.add-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.add-info+.blog-list,
.add-info+.recall {
    margin-top: 60px
}

.add-info .breadcrumbs {
    margin-bottom: 0
}

.add-info+.article {
    margin-top: 64px
}

.add-info+.article-preview-info-content {
    margin-top: 40px
}

.add-info-style-1 h2,
.add-info-style-1 p {
    max-width: 520px
}

.add-info-style-1 h2 {
    margin-bottom: 0
}

.add-info-style-2 p {
    color: var(--c6);
    font-size: 1.125rem
}

.add-info-style-2 p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .add-info+.article-preview-info-content {
        margin-top: 58px
    }

    .add-info-style-4>div:last-child {
        display: none
    }

    .add-info-style-6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 35px
    }

    .add-info-style-6 h2 {
        margin-bottom: 0
    }
}

@media (max-width:576px) {
    .add-info-style-3 {
        display: block
    }

    .add-info-style-3>div+div {
        margin-top: 18px
    }
}

@media (max-width:375px) {
    .add-info+.article-preview-info-content {
        margin-top: 10px
    }

    .tag-style-3+.add-info.add-info-style-5 {
        margin-top: 0
    }

    .add-info-style-2 p {
        font-size: 1rem
    }

    .add-info-style-5 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 22px
    }

    .add-info-style-5>div:has(.btn-full-mobile) {
        width: 100%
    }

    .add-info-style-5 h2 {
        margin-bottom: 0
    }
}

.icon,
.icon-2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icon {
    background-color: var(--c1);
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08);
    box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08)
}

.icon-2 {
    border: 1px solid var(--c35);
    border-radius: 7px
}

.icon-stars-2 svg {
    height: 33px;
    width: 28px
}

.icon-success svg {
    height: 33px;
    width: 33px
}

.icon-check--round svg {
    height: 20px;
    width: 20px
}

.icon-success-2 svg {
    height: 25px;
    width: 25px
}

.icon-costs svg {
    height: 26px;
    width: 24px
}

.icon-learning svg {
    height: 35px;
    width: 36px
}

.icon-collaboration svg {
    height: 31px;
    width: 31px
}

.icon-customer svg {
    height: 20px;
    width: 35px
}

.icon-design svg,
.icon-responsibility svg {
    height: 34px;
    width: 34px
}

.icon-design-2 svg {
    height: 36px;
    width: 32px
}

.icon-style-1 {
    height: 60px;
    width: 60px
}

.icon-style-2 {
    height: 85px;
    width: 85px
}

.icon-style-2.icon-success svg {
    height: 46px;
    width: 46px
}

.icon-style-2.icon-costs svg {
    height: 35px;
    width: 32px
}

.icon-style-3 {
    height: 32px;
    width: 32px
}

.icon-style-4 {
    height: 45px;
    width: 45px
}

.tag {
    border-radius: 20px;
    color: var(--c6);
    display: inline-block;
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px;
    margin-bottom: 26px;
    padding: 8px 15px 6px;
    text-align: center
}

@media (max-width:375px) {
    .tag {
        font-size: 1rem
    }
}

.tag-default {
    background-color: var(--c1)
}

.tag-primary {
    background-color: var(--c5)
}

.tag-info {
    background-color: var(--c33);
    color: var(--c1)
}

.tag-info.tag-with-border-animation:before {
    background-color: var(--c33)
}

.tag-style-1 {
    min-width: 158px
}

.tag-style-2 {
    padding: 12px 20px
}

.tag-style-2.tag-with-icon.tag-icon-lock {
    padding-left: 45px
}

.tag-style-2.tag-with-icon.tag-icon-lock svg {
    left: 20px
}

.tag-style-3+.add-info {
    margin-top: -14px
}

.tag-style-4+h2 {
    margin-top: -2px
}

.tag-style-5 {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid var(--c3);
    border-radius: 5px;
    color: var(--c3);
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: normal;
    min-width: 110px;
    text-transform: uppercase
}

@media (max-width:375px) {
    .tag-style-5 {
        font-size: .7142857143rem
    }
}

.tag-style-6 {
    min-width: 126px
}

.tag-style-7 {
    font: 600 .75rem var(--fb);
    letter-spacing: .25px
}

.tag-style-8 {
    min-width: 166px
}

.tag-style-9 {
    padding: 7px 14px 5px
}

.tag-style-10 {
    border-radius: 15px
}

.tag-style-11 {
    background-color: hsla(0, 0%, 100%, .13);
    color: var(--c1)
}

.tag-style-12 {
    background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
    color: var(--c1)
}

.tag-style-13 {
    min-width: min(200px, 100%)
}

.tag-style-14 {
    font-weight: 400
}

@media (max-width:375px) {
    .tag-style-7 {
        font-size: .8571428571rem
    }
}

.tag-with-icon {
    position: relative
}

.tag-with-icon svg {
    left: 0;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    fill: currentColor
}

.tag-icon-lock svg {
    height: 17px;
    width: 13px
}

.tag-with-border-animation {
    background-color: transparent;
    overflow: hidden;
    position: relative
}

.tag-with-border-animation.tag-with-icon svg {
    z-index: 2
}

.tag-with-border-animation span {
    display: inline-block;
    position: relative;
    z-index: 2
}

.tag-with-border-animation:after,
.tag-with-border-animation:before {
    content: "";
    position: absolute
}

.tag-with-border-animation:before {
    border-radius: inherit;
    inset: 1px;
    z-index: 1
}

.tag-with-border-animation:after {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    background: conic-gradient(from 0 at 50% 50%, hsla(0, 0%, 100%, .5) 0deg, hsla(0, 0%, 100%, 0) 60deg, hsla(0, 0%, 100%, 0) 310deg, hsla(0, 0%, 100%, .5) 1turn);
    left: 50%;
    min-height: 20rem;
    rotate: -45deg;
    top: 50%;
    translate: -50% -50%;
    width: 100%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.menu-with-active-marker-wrapper {
    position: relative
}

.active-marker {
    background-color: var(--c3);
    display: inline-block;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 3px
}

.menu-with-active-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    row-gap: 23px
}

.menu-with-active-marker .active a {
    color: var(--c3)
}

.menu-with-active-marker a {
    color: var(--c1);
    display: inline-block;
    line-height: 1.2
}

.menu-with-active-marker a:hover {
    color: var(--c3)
}

.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-6,
.list-7,
.list-8,
.list-9 {
    display: -ms-grid;
    display: grid
}

.list-1,
.list-2,
.list-3,
.list-7 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.list-1 {
    gap: 57px 10px
}

.list-2 {
    gap: 15px
}

.list-3,
.list-5 {
    gap: 20px
}

.list-4,
.list-5,
.list-6,
.list-8,
.list-9 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.list-4 {
    gap: 56px 20px
}

.list-6 {
    gap: 120px 30px
}

.list-7 {
    gap: 23px 10px
}

.list-9 {
    gap: 10px
}

.list-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 26px
}

@media (max-width:767px) {

    .list-1,
    .list-2,
    .list-3,
    .list-7 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .list-6,
    .list-8,
    .list-9 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .list-4 {
        row-gap: 40px
    }

    .list-6 {
        row-gap: 34px
    }

    .list-8 {
        row-gap: 60px
    }
}

@media (max-width:576px) {

    .list-1,
    .list-2,
    .list-3,
    .list-4,
    .list-5,
    .list-7 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .list-1 {
        row-gap: 37px
    }
}

@media (max-width:320px) {
    .accordion-style-6 .accordion__btn {
        font-size: 1.2857142857rem
    }

    .accordion-style-6 .accordion__btn:after {
        top: 22px
    }

    .list-2,
    .list-3,
    .list-5 {
        row-gap: 10px
    }
}

.list-style-1 .list-item {
    display: block;
    height: 100%
}

.list-style-1 .list-item p {
    color: var(--cb);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0
}

.list-style-1 .list-item img,
.list-style-1 .list-item p {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-style-1 .list-item:hover p {
    color: var(--c3)
}

.list-style-1 .list-item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.list-style-1 .list-item-img {
    border-radius: 5px;
    padding-top: 63.563%
}

.list-style-1 .list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-bottom: 12px;
    margin-top: 10px
}

.list-style-1 .list-item-info span {
    display: inline-block;
    line-height: 1
}

.list-style-1 .list-item-info-category {
    margin-bottom: 0
}

.list-style-1 .list-item-info-date {
    color: rgba(91, 93, 114, .5);
    font-size: .875rem
}

@media (max-width:375px) {
    .list-style-1 .list-item p {
        font-size: 1.4285714286rem
    }

    .list-style-1 .list-item-info-date {
        font-size: 1rem
    }
}

.list-style-2 .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--c5);
    border-radius: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 23px 25px 37px;
    row-gap: 19px
}

.list-style-2 .list-item strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    padding-top: 14px
}

.list-style-2 .list-item p {
    color: var(--c6);
    font-size: .875rem;
    max-width: 320px
}

.list-style-2 .list-item p:last-of-type {
    margin-bottom: 0
}

@media (max-width:375px) {
    .list-style-2 .list-item {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px
    }

    .list-style-2 .list-item strong {
        font-size: 1.4285714286rem;
        padding-top: 3px
    }

    .list-style-2 .list-item p {
        font-size: 1rem
    }
}

@media (max-width:320px) {
    .list-style-2 .list-item {
        padding: 20px 10px 32px
    }
}

.list-style-3 .list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-style-3 .list-item p,
.list-style-3 .list-item strong {
    text-align: center
}

.list-style-4 .list-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.list-style-5 .list-item p+.btn {
    margin-top: 20px
}

.list-style-6 .list-item .icon-success+strong {
    margin-top: 4px
}

.list-style-6 .list-item p,
.list-style-6 .list-item strong {
    color: var(--c6)
}

.list-style-6 .list-item strong {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-top: 14px
}

.list-style-6 .list-item p {
    font-size: .875rem
}

.list-style-6 .list-item p:last-of-type {
    margin-bottom: 0
}

.list-style-7-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--c43);
    border-radius: 15px;
    cursor: pointer;
    justify-content: space-between;
    padding: 20px;
    row-gap: 30px
}

.list-style-7-item:hover .list-style-7-bl-2 span {
    background-color: var(--c39);
    color: var(--c1)
}

.list-style-7-bl-1 p,
.list-style-7-bl-1 span {
    color: var(--c2)
}

.list-style-7-bl-1 span {
    background-color: var(--c1);
    border-radius: 15px;
    display: inline-block;
    font-size: .75rem;
    letter-spacing: .25px;
    line-height: 1;
    min-width: 82px;
    padding: 9px 10px 7px;
    text-align: center
}

.list-style-7-bl-1 span+p {
    margin-top: 15px
}

.list-style-7-bl-1 p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 335px
}

.list-style-7-bl-1 p strong {
    font-weight: 600
}

.list-style-7-bl-1 p:last-child {
    margin-bottom: 0
}

.list-style-7-bl-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 30px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    grid-template-columns: 1fr 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.list-style-7-bl-2:has(p) div:first-child {
    background-color: var(--c39);
    border: 1px solid var(--c39);
    border-radius: 7px;
    padding: 11px 10px 9px
}

.list-style-7-bl-2:has(p) div:first-child p {
    color: var(--c1);
    font-size: .6875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.2;
    max-width: 285px
}

.list-style-7-bl-2:has(p) div:first-child p:last-child {
    margin-bottom: 0
}

.list-style-7-bl-2 span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border-radius: 50%;
    color: var(--c44);
    cursor: pointer;
    height: 30px;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 30px
}

.list-style-7-bl-2 span svg {
    height: 17px;
    width: 17px;
    fill: currentColor
}

@media (max-width:375px) {
    .list-style-6 .list-item strong {
        font-size: 1.2857142857rem
    }

    .list-style-6 .list-item p {
        font-size: 1rem
    }

    .list-style-7-item {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-7-bl-1 span {
        font-size: .8571428571rem
    }

    .list-style-7-bl-1 p {
        font-size: 1.1428571429rem
    }
}

.list-style-8 div {
    background-color: var(--c45);
    border: 1px solid var(--c45);
    border-radius: 15px;
    color: var(--c2);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 23px 22px 21px
}

.list-style-8 div:nth-child(odd) {
    position: relative
}

.list-style-8 div:nth-child(odd):after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none' viewBox='0 0 29 30'%3E%3Cpath fill='%23064cea' d='M28.414 16.414a2 2 0 0 0 0-2.828L15.686.858a2 2 0 1 0-2.828 2.828L24.172 15 12.858 26.314a2 2 0 1 0 2.828 2.828zM0 17h27v-4H0z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    content: "";
    height: 30px;
    position: absolute;
    width: 29px
}

.list-style-8 div:nth-child(2n) {
    border-color: var(--c3);
    color: var(--c3);
    font-size: 1.125rem;
    font-weight: 600
}

@media (min-width:768px) {
    .list-8 {
        gap: 10px 79px
    }

    .list-style-8 div:nth-child(odd):after {
        left: 100%;
        top: 50%;
        translate: 25px -50%
    }
}

.list-style-9-item {
    background-color: var(--c39);
    border-radius: 15px;
    padding: 20px;
    row-gap: 15px
}

.list-style-9-item,
.list-style-9__bl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-style-9__bl {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: hsla(0, 0%, 100%, .16);
    border-radius: 7px;
    justify-content: center;
    padding: 20px 24px
}

.list-style-9__bl p {
    color: var(--c1);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.4
}

.list-style-9__bl p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .list-style-8 div {
        padding-left: 20px;
        padding-right: 20px
    }

    .list-style-8 div:nth-child(odd):after {
        left: 50%;
        rotate: 90deg;
        top: 100%;
        translate: -50% 18px
    }

    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {

    .list-style-8 div,
    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 15px;
        padding-right: 15px
    }

    .list-style-9__bl p {
        font-size: 1.125rem
    }
}

@media (max-width:375px) {
    .list-style-8 div {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-8 div:nth-child(2n) {
        font-size: 1.1428571429rem
    }

    .list-style-9-item,
    .list-style-9__bl {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-9__bl p {
        font-size: 1.1428571429rem
    }
}

.list-style-10 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c5);
    border-radius: 15px;
    padding: 28px 25px 26px
}

.list-style-10 div p {
    color: var(--c2);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4
}

.list-style-10 div p:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .list-style-10 div {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .list-style-10 div {
        padding-left: 15px;
        padding-right: 15px
    }

    .list-style-10 div p {
        font-size: 1.125rem
    }
}

@media (max-width:375px) {
    .list-style-10 div {
        padding-left: 10px;
        padding-right: 10px
    }

    .list-style-10 div p {
        font-size: 1.1428571429rem
    }
}

.list-style-11-item .tag {
    margin-bottom: 19px
}

.list-style-11-item div {
    background-color: var(--c47);
    border-radius: 7px;
    padding: 14px 16px
}

.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
    color: var(--cb);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.5
}

.list-style-11-item div ol:last-child,
.list-style-11-item div p:last-child,
.list-style-11-item div ul:last-child {
    margin-bottom: 0
}

.list-style-11-item div ul:not(.reset-list) li {
    padding-left: 12px
}

.list-style-11-item div ul:not(.reset-list) li:before {
    background-color: var(--cb);
    height: 4px;
    left: 0;
    top: 8px;
    width: 4px
}

button,
input,
select,
textarea {
    background: 0 0;
    border: none;
    border-radius: 0
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.style-check {
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    padding-left: 25px;
    position: relative
}

.style-check input[type=checkbox],
.style-check input[type=radio] {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    clip: rect(0 0 0 0);
    height: 16px;
    width: 16px
}

.style-check input[type=checkbox]+span,
.style-check input[type=radio]+span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 16px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c31);
    border-radius: 2px
}

.style-check input[type=checkbox]+span svg,
.style-check input[type=radio]+span svg {
    height: 9px;
    scale: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 10px;
    fill: var(--cb)
}

.style-check input[type=checkbox]:checked+span,
.style-check input[type=radio]:checked+span {
    pointer-events: none
}

.style-check input[type=checkbox]:checked+span svg,
.style-check input[type=radio]:checked+span svg {
    scale: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.style-check input[type=radio]+span {
    border-radius: 50%
}

.style-check-style-1 {
    color: var(--c1);
    font: .625rem var(--f3)
}

input:not([type=checkbox], [type=radio], [type=number]),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:not([type=checkbox], [type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio])::-webkit-input-placeholder:focus,
textarea::-webkit-input-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio]):-moz-placeholder:focus,
textarea:-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio])::-moz-placeholder:focus,
textarea::-moz-placeholder:focus {
    color: transparent
}

input:not([type=checkbox], [type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--c8);
    opacity: 1;
    text-overflow: ellipsis
}

input:not([type=checkbox], [type=radio]):-ms-input-placeholder:focus,
textarea:-ms-input-placeholder:focus {
    color: transparent
}

.form {
    position: relative
}

.form label:not(.style-check) {
    display: block;
    line-height: 1;
    margin-bottom: 9px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form label:not(.style-check),
.form select,
.form textarea {
    padding-left: 15px;
    padding-right: 15px
}

.form .label--required span {
    display: inline-block;
    padding-right: 12px;
    position: relative
}

.form .label--required span:after {
    content: "*";
    position: absolute;
    right: 0;
    top: -1px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select,
.form textarea {
    background-color: var(--c1);
    border: 1px solid var(--c9);
    border-radius: 15px;
    font-weight: 700;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form select:focus,
.form textarea:focus {
    border-color: #cdd0e7
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select {
    height: 50px
}

.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input).surname {
    bottom: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 0;
    z-index: -1
}

.form textarea {
    border: 1px solid transparent;
    line-height: 1.2;
    min-height: 135px;
    padding-bottom: 15px;
    padding-top: 15px;
    resize: vertical
}

.form textarea:focus {
    -webkit-text-size-adjust: 100%
}

.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required,
.form.has-required textarea:required {
    border-color: var(--c20)
}

.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required:valid,
.form.has-required textarea:required:valid {
    border-color: var(--c3)
}

.form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: var(--c1)
}

.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
    background-color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .05);
    color: var(--c8);
    font: 400 .875rem var(--fb)
}

@media (max-width:375px) {

    .list-style-11-item div ol,
    .list-style-11-item div p,
    .list-style-11-item div ul {
        font-size: 1rem
    }

    .style-check-style-1 {
        font-size: .7142857143rem
    }

    .form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-2 select,
    .form-style-2 textarea {
        font-size: 1rem
    }
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
    background-color: var(--c5);
    border-color: var(--c5);
    color: var(--c8);
    font-size: .875rem
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
    border-color: #e4e8f7
}

.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width:375px) {

    .form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-3 select,
    .form-style-3 textarea {
        font-size: 1rem
    }
}

.form-style-4 label:not(.style-check) {
    color: var(--c1);
    font-weight: 700;
    margin-bottom: 14px;
    padding-left: 0;
    padding-right: 0
}

.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
    background-color: hsla(0, 0%, 100%, .05);
    border-color: hsla(0, 0%, 100%, .05);
    color: var(--c8);
    font: 400 .625rem var(--f3)
}

.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select {
    height: 40px
}

.form-style-4 textarea {
    min-height: 96px
}

.form-style-5 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-5 select,
.form-style-5 textarea {
    background-color: var(--c7);
    border-color: var(--c6);
    color: var(--c8);
    font-weight: 700
}

@media (min-width:416px) {

    .form-style-1 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-1 label:not(.style-check),
    .form-style-1 select,
    .form-style-1 textarea {
        padding-left: 25px;
        padding-right: 25px
    }

    .subscribe-form .fluentform fieldset .ff-t-container,
    .subscribe-form-content {
        -ms-grid-columns: 1fr 156px;
        grid-template-columns: 1fr 156px
    }
}

.form .dn,
.form .hidden {
    display: none
}

.style-select {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.77 2.885A.37.37 0 0 1 2.505 3a.37.37 0 0 1-.266-.115L.115.673A.4.4 0 0 1 0 .395a.4.4 0 0 1 .11-.28A.38.38 0 0 1 .379 0a.36.36 0 0 1 .267.12l1.859 1.936L4.364.119a.37.37 0 0 1 .526.005.4.4 0 0 1 .005.549z' clip-rule='evenodd'/%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat
}

.style-select:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.23.115A.37.37 0 0 1 2.495 0c.1 0 .195.041.266.115l2.124 2.212A.4.4 0 0 1 5 2.605a.4.4 0 0 1-.11.28.38.38 0 0 1-.269.115.36.36 0 0 1-.267-.12L2.495.945.636 2.881a.37.37 0 0 1-.526-.005.4.4 0 0 1-.005-.549z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.form__submit {
    display: block;
    text-decoration: none;
    width: 100%
}

.form__submit:hover {
    text-decoration: none
}

.form-close {
    color: var(--cb);
    cursor: pointer;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    scale: 0;
    top: 20px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    visibility: hidden;
    z-index: 2
}

.form-close svg {
    height: 14px;
    width: 14px;
    fill: currentColor
}

.form-close:hover {
    color: var(--c20)
}

.form-close.show {
    opacity: 1;
    scale: 1;
    visibility: visible
}

div.form-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: var(--cb);
    justify-content: center;
    padding: 25px 30px
}

div.form-message h3,
div.form-message p {
    max-width: 400px
}

div.form-message h3 {
    color: var(--c1);
    font: 700 1.625rem/1.3 var(--f1);
    margin-bottom: 20px
}

div.form-message h3:has(.icon-style-4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

div.form-message h3:has(.icon-style-4) .icon-2 {
    translate: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

div.form-message h3:has(.icon-style-4)~p {
    max-width: 440px;
    padding-left: 60px
}

div.form-message p {
    color: hsla(0, 0%, 100%, .5);
    font-size: .875rem
}

div.form-message p:last-of-type {
    margin-bottom: 0
}

@media (max-width:767px) {
    .form-message {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {
    .form-message {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {

    .form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
    .form-style-4 select,
    .form-style-4 textarea {
        font-size: .7142857143rem
    }

    .form-message {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-message h3 {
        font-size: 1.4285714286rem
    }

    .form-message p {
        font-size: 1rem
    }
}

.subscribe-form {
    width: min(472px, 100%)
}

.subscribe-form .fluentform~p {
    color: var(--c8);
    font-size: .625rem;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 11px
}

.subscribe-form .fluentform~p a {
    color: inherit;
    text-decoration: underline
}

.subscribe-form .fluentform~p a:hover {
    text-decoration: none
}

.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
    display: -ms-grid;
    display: grid;
    gap: 20px 10px
}

.subscribe-form-content+p {
    color: var(--c8);
    font-size: .625rem;
    line-height: 1.25;
    margin-bottom: 0;
    margin-top: 11px
}

.subscribe-form-content+p a {
    color: inherit;
    text-decoration: underline
}

.subscribe-form-content+p a:hover {
    text-decoration: none
}

.subscribe-form-style-1 .fluentform+p,
.subscribe-form-style-1 .subscribe-form-content+p {
    color: var(--c8);
    margin-top: 30px
}

@media (max-width:375px) {

    .subscribe-form .fluentform~p,
    .subscribe-form-content+p {
        font-size: .7142857143rem
    }
}

.subscribe-newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.subscribe-newsletter-form:has(fieldset) {
    display: block
}

.subscribe-newsletter-form:has(fieldset) fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.subscribe-newsletter-form .fluentform .ff-el-input--label {
    display: none
}

.subscribe-newsletter-form .fluentform .ff-el-group {
    margin-bottom: 0
}

.subscribe-newsletter-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: var(--c1)
}

@media (min-width:641px) {
    .subscribe-newsletter-form:has(.form__submit) .form__submit {
        width: min(132px, 100%)
    }
}

.experts-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    gap: 20px 10px;
    grid-template-columns: repeat(2, 1fr)
}

.experts-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color: #fff
}

.experts-form-item-3,
.experts-form-item-4,
.experts-form-item-5 {
    grid-column: 1/-1
}

.experts-form-item-4 {
    margin-top: -5px
}

.experts-form-item-5 {
    padding-top: 15px
}

.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content__aside {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.content__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:768px) {
    .content-1__aside {
        -ms-flex-preferred-size: 30.4166666667%;
        flex-basis: 30.4166666667%
    }

    .content-2__aside {
        -ms-flex-preferred-size: 42.25%;
        flex-basis: 42.25%
    }

    .content-3__aside {
        -ms-flex-preferred-size: 38.1666666667%;
        flex-basis: 38.1666666667%
    }

    .content-4__aside {
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%
    }

    .content-5__aside {
        -ms-flex-preferred-size: 29.1666666667%;
        flex-basis: 29.1666666667%
    }

    .content-6__aside {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%
    }

    .content-7__aside {
        -ms-flex-preferred-size: 39.3333333333%;
        flex-basis: 39.3333333333%
    }

    .content-8__aside {
        -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%
    }

    .content-9__aside {
        -ms-flex-preferred-size: 30.1652892562%;
        flex-basis: 30.1652892562%
    }

    .content-10__aside {
        -ms-flex-preferred-size: 29.5%;
        flex-basis: 29.5%
    }

    .content-style-1 {
        -webkit-column-gap: 3.75%;
        -moz-column-gap: 3.75%;
        column-gap: 3.75%
    }

    .content-style-2 {
        -webkit-column-gap: 7.75%;
        -moz-column-gap: 7.75%;
        column-gap: 7.75%
    }

    .content-style-3 {
        -webkit-column-gap: 6.6666666667%;
        -moz-column-gap: 6.6666666667%;
        column-gap: 6.6666666667%
    }

    .content-style-4 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .content-style-5 {
        -webkit-column-gap: 4.75%;
        -moz-column-gap: 4.75%;
        column-gap: 4.75%
    }

    .content-style-6 {
        -webkit-column-gap: 9.1666666667%;
        -moz-column-gap: 9.1666666667%;
        column-gap: 9.1666666667%
    }

    .content-style-7 {
        -webkit-column-gap: 10.4166666667%;
        -moz-column-gap: 10.4166666667%;
        column-gap: 10.4166666667%
    }

    .content-style-8 {
        -webkit-column-gap: 11.4166666667%;
        -moz-column-gap: 11.4166666667%;
        column-gap: 11.4166666667%
    }

    .content-style-9 {
        -webkit-column-gap: 6.1983471074%;
        -moz-column-gap: 6.1983471074%;
        column-gap: 6.1983471074%
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .subscribe-form-style-1 .subscribe-form-content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .content-style-10 {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media (min-width:1201px) {
    .content-style-10 {
        -webkit-column-gap: 9.1666666667%;
        -moz-column-gap: 9.1666666667%;
        column-gap: 9.1666666667%
    }
}

@media (max-width:767px) {
    .subscribe-form-style-1 .subscribe-form-content+p {
        margin-top: 25px
    }

    .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 45px
    }

    .content-9__aside {
        width: min(292px, 100%)
    }
}

body:has(.top-section+.media) .top-section-content {
    padding-bottom: 190px;
    padding-top: 193px
}

body:not(:has(.top-section+.media)) .top-section-content {
    padding-bottom: 120px;
    padding-top: 120px
}

.top-section-author {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--c3);
    -webkit-column-gap: 13px;
    -moz-column-gap: 13px;
    column-gap: 13px;
    font-size: .75rem;
    letter-spacing: -.36px;
    line-height: 1.2
}

.top-section-author .spline-viewer-wrapper {
    height: 100px;
    padding-top: 0;
    width: 100px
}

.top-section-author svg {
    height: 20px;
    width: 19px;
    fill: currentColor
}

.top-section-content {
    row-gap: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-section-content h1 {
    font-size: 3.4375rem;
    font-weight: 500;
    line-height: 1.3;
    max-width: 774px;
    padding-top: 7px;
    text-align: center
}

.top-section-content h1~p {
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 532px;
    text-align: center
}

.top-section-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px
}

.top-section-style-1 {
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width:768px) {
    .top-section-content {
        min-height: 800px
    }

    body:not(:has(.top-section+.media)) .top-section-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:1200px) {
    .top-section-style-1 {
        margin-top: -120px
    }
}

@media (max-width:767px) {

    body:has(.top-section+.media) .top-section-content,
    body:not(:has(.top-section+.media)) .top-section-content {
        padding-top: 188px
    }

    body:not(:has(.top-section+.media)) .top-section-content {
        padding-bottom: 90px
    }
}

@media (min-width:431px) {
    .top-section {
        background: var(--c4) url(../img/bg.svg) no-repeat 50% 100%;
        background-size: cover
    }
}

@media (max-width:430px) {

    body:has(.top-section+.media) .top-section-content,
    body:not(:has(.top-section+.media)) .top-section-content {
        padding-bottom: 40px;
        padding-top: 35px
    }

    .top-section-style-1 {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 1px
    }
}

@media (max-width:415px) {
    .content-9__aside {
        width: 100%
    }

    .top-section-style-1 {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:430px) {
    .top-section {
        background-color: var(--c4)
    }

    .top-section-style-1 {
        margin-left: 10px;
        margin-right: 10px
    }

    .top-section-content h1 {
        font-size: 2.1875rem
    }

    .top-section-content h1~p {
        font-size: 1rem;
        max-width: 290px
    }

    .top-section-btns {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .top-section-btns+.media-content {
        display: block;
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width:375px) {
    .top-section-content h1 {
        font-size: 2.5rem
    }
}

.top-section-style-2 .top-section-content,
.top-section-style-2 .top-section-dark-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-section-style-2 .top-section-content h1,
.top-section-style-2 .top-section-content p:last-of-type,
.top-section-style-2 .top-section-dark-main h1,
.top-section-style-2 .top-section-dark-main p:last-of-type {
    margin-bottom: 0
}

.top-section-dark {
    background-color: var(--c10);
    border-radius: 10px;
    padding-bottom: 107px;
    padding-top: 178px
}

.top-section-dark h1 {
    color: var(--c5);
    padding-bottom: 3px
}

.top-section-dark p {
    color: hsla(0, 0%, 100%, .6);
    max-width: 590px
}

.top-section-dark .top-section-author {
    color: var(--c1)
}

.top-section-dark .breadcrumbs {
    background-color: rgba(39, 43, 63, .3);
    margin-bottom: 8px
}

.top-section-dark .breadcrumbs li:not(:last-child) a,
.top-section-dark .breadcrumbs li:not(:last-child):after {
    color: var(--c6)
}

.top-section-dark .breadcrumbs li:not(:last-child) a:hover {
    color: var(--c3)
}

.top-section-dark .breadcrumbs li:last-child a {
    color: var(--c1);
    pointer-events: none
}

.top-section-dark-aside .form-message {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .top-section-dark .breadcrumbs {
        margin-bottom: 0
    }

    .top-section-dark-style-6 {
        padding-bottom: 134px
    }
}

.top-section-dark-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 28px
}

.top-section-dark-img img,
.top-section-dark-img picture {
    border-radius: 10px
}

.top-section-dark-style-1 p {
    color: var(--c5);
    max-width: 455px
}

.top-section-dark-style-2 .breadcrumbs {
    margin-bottom: 40px
}

.top-section-dark-style-3 .top-section-dark-main {
    row-gap: 19px
}

.top-section-dark-style-3 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0;
    padding-top: 4px
}

.top-section-dark-style-3 .top-section-dark-main p+.btn {
    margin-top: 20px
}

.top-section-dark-style-4 {
    padding-top: 140px
}

.top-section-dark-style-5 .top-section-dark-main {
    row-gap: 18px
}

.top-section-dark-style-5 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0
}

.top-section-dark-style-5 .top-section-dark-main p {
    color: hsla(0, 0%, 100%, .6);
    font-size: 1.125rem
}

.top-section-dark-style-5 .top-section-dark-main p+.btn {
    margin-top: 20px
}

@media (max-width:430px) {
    .top-section-dark-style-4 {
        padding-top: 40px
    }

    .top-section-dark-style-5 .top-section-dark-main p {
        font-size: 1.125rem
    }

    .top-section-dark-style-6 {
        padding-bottom: 120px
    }
}

@media (max-width:375px) {
    .top-section-dark-style-5 .top-section-dark-main p {
        font-size: 1.2857142857rem
    }
}

@media (min-width:768px) {
    .top-section-dark-style-7 .content__main {
        min-height: 370px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-section-dark-style-9 h1 {
    max-width: 570px
}

.top-section-dark-style-9 p {
    max-width: 455px
}

.top-section-dark-style-10 {
    padding-bottom: 60px
}

@media (max-width:430px) {
    .top-section-dark-style-10 {
        padding-bottom: 40px
    }
}

.top-section-dark-style-11 .top-section-dark-aside {
    border-radius: 10px
}

.top-section-dark-style-12 .top-section-dark-aside {
    background-color: var(--cb);
    padding: 60px 5%
}

@media (max-width:767px) {
    .top-section-dark-style-8 .breadcrumbs {
        margin-bottom: 0
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 8.7336244541%;
        padding-right: 8.7336244541%
    }
}

@media (max-width:640px) {
    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 10.7142857143%;
        padding-right: 10.7142857143%
    }
}

@media (max-width:576px) {
    .experts-form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding: 40px 20px
    }
}

@media (max-width:320px) {
    .top-section-content h1 {
        font-size: 2.1428571429rem
    }

    .top-section-dark-style-12 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.top-section-dark-style-13 .top-section-dark-aside {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(39, 43, 63, .5);
    padding: 40px 3.3333333333%
}

@media (max-width:1024px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 3.90625%;
        padding-right: 3.90625%
    }

    .recall-content {
        -webkit-column-gap: 8.4745762712%;
        -moz-column-gap: 8.4745762712%;
        column-gap: 8.4745762712%
    }
}

@media (max-width:767px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:576px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:320px) {
    .top-section-dark-style-13 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.top-section-dark-style-14 .top-section-dark-aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.top-section-dark-style-15 .top-section-dark-aside h2 {
    color: var(--c1);
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 22px
}

.top-section-dark-style-16 .breadcrumbs+.top-section-dark-content {
    margin-top: 32px
}

.top-section-dark-style-33 .top-section-dark-main {
    row-gap: 18px
}

.top-section-dark-style-33 .top-section-dark-main h1 {
    line-height: 1.3;
    padding-bottom: 0
}

.top-section-dark-style-33 .top-section-dark-main p {
    color: hsla(0, 0%, 100%, .69);
    font-size: 1rem
}

.top-section-dark-style-33 .top-section-dark-main p+.btn {
    margin-top: 20px
}

.top-section-dark-style-34 h1,
.top-section-dark-style-34 p {
    max-width: 500px
}

.top-section-dark-style-35 {
    background: linear-gradient(250deg, #0f1323 48.75%, #14204c 109.33%)
}

.top-section-dark-style-36 .content__aside h2 {
    color: var(--c1);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2
}

.top-section-dark-style-37 .top-section-dark-aside {
    background-color: var(--cb);
    padding: 30px 2.5% 45px
}

.top-section-dark-style-38 {
    padding-bottom: 100px
}

.top-section-dark-style-39 .content__aside h2 {
    margin-bottom: 32px
}

@media (max-width:767px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 4.3668122271%;
        padding-right: 4.3668122271%
    }
}

@media (max-width:640px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 5.3571428571%;
        padding-right: 5.3571428571%
    }
}

@media (max-width:576px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:430px) {
    .top-section-dark-style-38 {
        padding-bottom: 40px
    }
}

@media (max-width:320px) {
    .top-section-dark-style-37 .top-section-dark-aside {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:767px) {
    .top-section-dark-style-17 h1 {
        max-width: 574px
    }

    .top-section-dark-style-17 p {
        max-width: 455px
    }

    .top-section-dark-style-18 {
        padding-bottom: 20px
    }

    .top-section-dark-style-19 .top-section-dark-main p {
        font-size: 1.125rem
    }

    .top-section-dark-style-20 .content {
        row-gap: 30px
    }

    .top-section-dark-style-21 {
        padding-bottom: 97px
    }

    .top-section-dark-style-22 .top-section-dark-aside h2 {
        display: none
    }

    .top-section-dark-style-23 .content {
        row-gap: 38px
    }

    .top-section-dark-style-24 .breadcrumbs+.top-section-dark-content {
        margin-top: 70px
    }

    .top-section-dark-style-28 {
        padding-bottom: 60px;
        padding-top: 120px
    }

    .top-section-dark-style-29 .breadcrumbs {
        margin-bottom: 12px
    }

    .top-section-dark-style-30 .top-section-dark-main p {
        color: hsla(0, 0%, 100%, .6);
        max-width: 600px
    }
}

@media (max-width:430px) {
    .top-section-dark-style-18 {
        padding-bottom: 40px
    }

    .top-section-dark-style-19 .top-section-dark-main p {
        font-size: 1rem
    }

    .top-section-dark-style-20 .content {
        row-gap: 40px
    }

    .top-section-dark-style-25 .top-section-dark-main p {
        color: var(--c1)
    }

    .top-section-dark-style-26 .breadcrumbs+.top-section-dark-content {
        margin-top: 24px
    }

    .top-section-dark-style-27 .content {
        row-gap: 80px
    }

    .top-section-dark-style-28 {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .top-section-dark-style-31 .top-section-dark-main {
        row-gap: 16px
    }

    .top-section-dark-style-32 .top-section-dark-main p+.btn {
        margin-top: 24px
    }
}

.media {
    margin-top: -320px
}

.media-content {
    border: 1px solid var(--c24);
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 870px;
    overflow: hidden;
    position: relative
}

.media-play-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 22, 82, .11);
    border: 1px dashed rgba(0, 22, 82, .11);
    border-radius: 50%;
    color: var(--c1);
    cursor: pointer;
    height: 72px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 72px
}

.media-play-btn svg {
    height: 30px;
    margin-left: 6px;
    position: relative;
    width: 27px;
    z-index: 1;
    fill: currentColor
}

.media-play-btn svg path {
    fill: currentColor
}

.media-play-btn span {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
    background-color: rgba(223, 225, 231, .64);
    border: 1px solid rgba(0, 22, 82, .22);
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.media-play-btn:hover {
    color: var(--c3)
}

@-webkit-keyframes smallScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes smallScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.media-content-img {
    padding-top: 71.15%
}

.media-video-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width:767px) {
    .media {
        margin-top: -220px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .media {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:376px) and (max-width:575px) {
    .media {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:430px) {
    .media {
        margin-top: 0
    }

    .media,
    .media-content {
        display: none
    }

    .media-play-btn {
        height: 50px;
        width: 50px
    }

    .media-play-btn svg {
        height: 22px;
        width: 19px
    }
}

.info h2,
.info h3 {
    color: var(--c28);
    margin-bottom: 28px
}

.info h3 {
    line-height: 1.3
}

.info ol:not(.reset-list),
.info p,
.info ul:not(.reset-list) {
    margin-bottom: 28px
}

.info p {
    color: var(--c27);
    max-width: 550px
}

.info p:last-child {
    margin-bottom: 0
}

.info-content {
    display: -ms-grid;
    display: grid
}

@media (min-width:768px) {
    .info-content {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:376px) {
    .info h3 {
        font-size: 1.375rem
    }
}

.info-img img,
.info-img picture {
    border-radius: 10px
}

.info-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.info-style-1 .info-content {
    gap: 35px 6.6666666667%
}

.info-style-2 .info-content {
    gap: 30px 4.5833333333%
}

.info-style-3 .info-content {
    -ms-grid-columns: min(650px, 100%);
    grid-template-columns: min(650px, 100%)
}

.info-style-3 .info-content h2:last-child {
    margin-bottom: 0
}

.info-style-5 .info-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .info-style-4 .info-content {
        -ms-grid-columns: 49.1666666667% 4.1666666667% 1fr;
        gap: 30px 4.1666666667%;
        grid-template-columns: 49.1666666667% 1fr
    }

    .info-style-6 .info-content,
    .info-style-8 .info-content {
        -ms-grid-columns: 45.8333333333% 1fr;
        grid-template-columns: 45.8333333333% 1fr;
        row-gap: 30px
    }

    .info-style-6 .info-content {
        -webkit-column-gap: 4.5833333333%;
        -moz-column-gap: 4.5833333333%;
        column-gap: 4.5833333333%
    }

    .info-style-8 .info-content {
        -ms-grid-columns: 45.8333333333% 8.3333333333% 1fr;
        -webkit-column-gap: 8.3333333333%;
        -moz-column-gap: 8.3333333333%;
        column-gap: 8.3333333333%;
        grid-template-columns: 45.8333333333% 1fr
    }
}

@media (max-width:767px) {

    .info-style-6 .info-content,
    .info-style-8 .info-content {
        max-width: 555px
    }

    .info-style-4 .info-content {
        row-gap: 40px
    }

    .info-style-6 .info-content {
        row-gap: 60px
    }

    .info-style-8 .info-content {
        row-gap: 30px
    }
}

.info-media {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.info-media-play-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    z-index: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 22, 82, .11);
    border: 1px dashed var(--c1);
    border-radius: 50%;
    color: var(--c1);
    cursor: pointer;
    height: 72px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 72px
}

.info-media-play-btn svg {
    height: 30px;
    margin-left: 6px;
    position: relative;
    width: 27px;
    z-index: 1;
    fill: currentColor
}

.info-media-play-btn svg path {
    fill: currentColor
}

.info-media-play-btn span {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
    background-color: hsla(0, 0%, 100%, .3);
    border: 1px solid var(--c1);
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.info-media-play-btn:hover {
    color: var(--c3)
}

.info-media-img {
    padding-top: 70.536%
}

.info-media-video-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width:375px) {
    .info-style-6 .info-content {
        row-gap: 40px
    }

    .info-style-9 .info-content p {
        color: var(--c6)
    }

    .info-media-play-btn {
        height: 50px;
        width: 50px
    }

    .info-media-play-btn svg {
        height: 22px;
        width: 19px
    }

    .info-1 h2 {
        font-size: 2.1428571429rem
    }
}

.info-1 {
    margin-bottom: 35px
}

.info-1>h2,
.info-1>h3 {
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.3
}

.info-1>h2 {
    font-size: 1.875rem;
    margin-bottom: 26px
}

.info-1>h3 {
    color: var(--c2);
    font-size: 1.125rem;
    margin-bottom: 32px
}

.info-1>p {
    color: var(--c37);
    letter-spacing: .5px;
    margin-bottom: 32px;
    max-width: 760px
}

.info-1>p:last-child {
    margin-bottom: 0
}

.info-1-style-1 {
    max-width: 788px
}

.info-1-style-2 {
    margin-bottom: 26px
}

.info-1-style-3 {
    margin-bottom: 35px
}

.info-1-style-4 {
    background-color: var(--c43);
    border-radius: 15px;
    padding: 33px 30px
}

.info-1-style-5>h3 {
    margin-bottom: 20px
}

.info-1-style-6 {
    margin-bottom: 94px
}

.info-1-style-7 {
    margin-bottom: 45px
}

.info-1-style-8 {
    max-width: 920px
}

.info-1-style-9 {
    margin-bottom: 80px
}

.info-1-style-10>h2 {
    margin-bottom: 10px
}

.info-1-style-10>p {
    margin-bottom: 40px
}

.info-1-style-11 {
    max-width: 768px
}

.info-1-style-12>p {
    max-width: 715px
}

.info-1-style-13 blockquote {
    background-color: var(--c5);
    border-left: 5px solid var(--c3);
    border-radius: 0;
    margin-bottom: 40px;
    padding: 15px
}

.info-1-style-13 blockquote p {
    color: var(--c2);
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.4
}

.info-1-style-13 blockquote p:last-child {
    margin-bottom: 0
}

.info-1-style-13 blockquote strong {
    font-weight: 600
}

.info-1-style-14 blockquote {
    padding-bottom: 19px;
    padding-top: 19px
}

.info-1-style-14 blockquote p {
    font-weight: 500
}

.info-1-style-14 blockquote p a {
    text-decoration: underline
}

.info-1-style-14 blockquote p a:hover {
    text-decoration: none
}

@media (max-width:767px) {

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:415px) {

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .info-1>h2 {
        font-size: 2.1428571429rem
    }

    .info-1>h3 {
        font-size: 1.2857142857rem
    }

    .info-1-style-13 blockquote,
    .info-1-style-4 {
        padding-left: 10px;
        padding-right: 10px
    }
}

.quiz-to-guide {
    background-color: var(--c5);
    border-radius: 16px;
    padding: 80px 10.152284264%
}

.quiz-to-guide h2 {
    font-size: 1.5625rem;
    font-weight: 600;
    letter-spacing: .25px;
    margin-bottom: 27px
}

.quiz-to-guide h2 span {
    color: var(--c39)
}

.quiz-to-guide-content.quiz-to-guide--hide {
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

.quiz-to-guide-content.quiz-to-guide--show {
    max-height: 9999px;
    opacity: 1
}

.quiz-to-guide-content[data-quiz-status=end] h2 {
    margin-bottom: 0
}

.quiz-to-guide-content-title-has-icon {
    padding-left: 40px;
    position: relative
}

.quiz-to-guide-content-title-has-icon-1 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='27' fill='none' viewBox='0 0 29 27'%3E%3Cpath fill='%233c6aff' d='M22.275.962c-2.33 1.19-5.11 3.505-7.775 6.51-2.668-3.008-5.445-5.32-7.776-6.51-6.227-3.183-8.7 2.387-4.966 4.4 2.724 1.47 5.99 3.965 9.05 6.862-2.496 3.672-4.592 7.868-5.679 12.123-.624 2.44 2.054 4.334 3.626.345 1.053-2.673 3.173-5.724 5.745-8.648 2.572 2.924 4.691 5.975 5.745 8.648 1.571 3.989 4.246 2.095 3.625-.345-1.086-4.255-3.18-8.45-5.68-12.123 3.062-2.897 6.327-5.393 9.05-6.863 3.735-2.015 1.265-7.582-4.965-4.4'/%3E%3C/svg%3E") 0 3px no-repeat
}

.quiz-to-guide-progress {
    background-color: var(--c38);
    border-radius: 3px;
    height: 6px;
    position: relative
}

.quiz-to-guide-progress span {
    background-color: var(--c3);
    border-radius: 3px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 0
}

.quiz-to-guide-progress+.quiz-to-guide-counter {
    margin-top: 20px
}

.quiz-to-guide-counter {
    color: var(--c2);
    font-size: .9375rem;
    letter-spacing: .15px;
    line-height: 1;
    margin-bottom: 32px
}

.quiz-to-guide-content-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.quiz-to-guide-content-info {
    background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
    border-radius: 15px;
    color: var(--c1);
    padding: 30px 20px
}

.quiz-to-guide-content-info .alert {
    margin-bottom: 50px
}

.quiz-to-guide-content-info .tag {
    margin-bottom: 12px
}

.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
    font-size: .875rem;
    letter-spacing: .25px
}

.quiz-to-guide-content-info ul:not(.reset-list) li {
    padding-left: 12px
}

.quiz-to-guide-content-info ul:not(.reset-list) li:before {
    background-color: var(--c1);
    height: 4px;
    left: 0;
    width: 4px
}

.quiz-to-guide-content-info ul:not(.reset-list):last-child {
    margin-bottom: 0
}

.quiz-to-guide-content-info p {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .quiz-to-guide {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 60px 20px
    }
}

@media (max-width:415px) {
    .quiz-to-guide {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }

    .quiz-to-guide .btn-style-10 {
        width: calc(50% - 5px)
    }
}

@media (max-width:375px) {
    .quiz-to-guide {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .quiz-to-guide h2 {
        font-size: 1.4285714286rem
    }

    .quiz-to-guide-counter {
        font-size: 1.0714285714rem
    }

    .quiz-to-guide-content-info ol,
    .quiz-to-guide-content-info p,
    .quiz-to-guide-content-info ul {
        font-size: 1rem
    }
}

.recall {
    margin-bottom: 15px
}

.recall-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 6.6666666667%
}

.recall-content>div:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 32.0833333333%;
    flex-basis: 32.0833333333%
}

.recall-content>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 44px 20px 0
}

.recall-content p {
    font-size: 1.1875rem
}

.recall-content p:last-of-type {
    margin-bottom: 0
}

.recall-content p+.recall-name {
    margin-top: 22px
}

.recall-img {
    min-height: 316px
}

.recall-img .list-img {
    border-radius: 10px;
    height: 100%
}

.recall-date,
.recall-name {
    display: block;
    line-height: 1
}

.recall-name {
    font-size: .875rem
}

.recall-name+.recall-date {
    margin-top: 12px
}

.recall-date {
    color: var(--c6);
    font-size: .75rem
}

@media (min-width:577px) {
    .recall-content {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), #fff;
        background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), #fff;
        border-radius: 10px;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .recall-content {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .recall-content>div:first-child {
        -ms-flex-preferred-size: 36.3136176066%;
        flex-basis: 36.3136176066%
    }

    .recall-content p {
        font-size: .875rem
    }
}

@media (max-width:576px) {
    .recall {
        margin-bottom: 35px
    }

    .recall-content>div:first-child {
        display: none
    }

    .recall-content>div:last-child {
        padding: 0
    }

    .recall-content p {
        color: var(--c6);
        text-align: center
    }

    .recall-date,
    .recall-name {
        display: none
    }

    .case-studies-style-1 .case-studies-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 18px
    }

    .case-studies-style-1 .case-studies-content .tag {
        margin-bottom: 0
    }

    .case-studies-style-1 .case-studies-content .tag-style-3+.add-info {
        margin-top: 7px
    }

    .case-studies-style-1 .add-info+.blog-list,
    .case-studies-style-1 .add-info+.recall {
        margin-top: 0
    }

    .case-studies-style-1 .add-info h2 {
        margin-bottom: 0
    }

    .case-studies-style-1 .case-studies-add-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .case-studies-style-1 .case-studies-add-info>div:last-child {
        display: none
    }

    .case-studies-style-3 .case-studies-content .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .case-studies-style-3 .case-studies-content .tag-style-3+.add-info {
        margin-top: 7px
    }

    .case-studies-style-3 .add-info+.blog-list,
    .case-studies-style-3 .add-info+.recall {
        margin-top: 0
    }

    .case-studies-style-3 .add-info h2 {
        margin-bottom: 18px
    }

    .case-studies-style-3 .case-studies-add-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .case-studies-style-3 .case-studies-add-info>div:last-child {
        display: none
    }
}

.not-found h1 {
    text-transform: uppercase
}

.cooming-soon p+.form {
    margin-top: 45px
}

@media (max-width:375px) {
    .recall-content p {
        font-size: 1rem
    }

    .case-studies-style-2 .case-studies-content>.tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }
}

.why-case-craft-add-info+.why-case-craft-list {
    margin-top: 48px
}

.why-case-craft-list .icon path,
.why-case-craft-list .icon svg {
    fill: var(--c3)
}

@media (max-width:767px) {
    .why-case-craft-content>.tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .why-case-craft-add-info h2,
    .why-case-craft-add-info p {
        text-align: center
    }

    .why-case-craft-add-info+.why-case-craft-list {
        margin-top: 40px
    }

    .why-case-craft-list-style-1 {
        margin-left: auto;
        margin-right: auto;
        width: min(415px, 100%);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.process .tag {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.process h2 {
    margin-bottom: 38px;
    text-align: center
}

.process-list-wrapper {
    position: relative
}

.process-list-progressbar {
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px
}

.process-list-progressbar span {
    background-color: var(--c3);
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.desktop-user-agent .process-list-progressbar span {
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.process-list-item>strong {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 20px
}

.process-list-item p,
.process-list-item ul {
    color: var(--c6);
    font-size: 1.125rem;
    margin-bottom: 24px
}

.process-list-item p:last-child,
.process-list-item ul:last-child {
    margin-bottom: 0
}

.process-list-item ul:not(.reset-list) li {
    padding-left: 26px
}

.process-list-item ul strong {
    color: var(--c10);
    font-weight: 400
}

.process-list-counter {
    color: var(--c24);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 19px;
    position: relative;
    z-index: 2
}

.process-list-counter span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    position: absolute;
    top: -3px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border: 1px solid var(--c24);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.process-list-counter span:after {
    background-color: var(--c24);
    border-radius: 50%;
    content: "";
    height: 15px;
    -webkit-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
    width: 15px
}

.process-list-counter.active span {
    border-color: var(--c3)
}

.process-list-counter.active span:after {
    background-color: var(--c3)
}

@media (min-width:768px) {
    .process-list {
        grid-auto-flow: dense
    }

    .process-list-counter span {
        left: -60px
    }

    .process-list-progressbar {
        left: 50%;
        translate: -50% 0
    }

    .process-list-item:nth-child(4n+2),
    .process-list-item:nth-child(4n+3) {
        padding-right: 30px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .process-list-item:nth-child(4),
    .process-list-item:nth-child(4n+1),
    .process-list-item:nth-child(8) {
        padding-left: 30px
    }

    .process-list-item:nth-child(4n+1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/span 1
    }

    .process-list-item:nth-child(4n+3) .process-list-counter span {
        left: auto;
        right: -60px
    }
}

@media (max-width:767px) {
    .process-list-counter span {
        left: -50px
    }

    .process-list-progressbar {
        left: 35px
    }

    .process-list-item {
        padding-left: 70px
    }

    .process-list-item p,
    .process-list-item ul,
    .process-list-item>strong {
        max-width: 500px
    }

    .process-list-item>strong {
        font-size: 1.25rem
    }

    .process-list-item p,
    .process-list-item ul {
        font-size: .875rem;
        margin-bottom: 24px
    }
}

@media (max-width:375px) {
    .process-list-counter span {
        left: -45px
    }

    .process-list-progressbar {
        left: 30px
    }

    .process-list-counter {
        font-size: 2.1428571429rem
    }

    .process-list-item {
        padding-left: 60px
    }

    .process-list-item>strong {
        font-size: 1.4285714286rem
    }

    .process-list-item p,
    .process-list-item ul {
        font-size: 1rem
    }
}

.features h2 {
    margin-bottom: 57px;
    max-width: 500px
}

.features-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    grid-template-columns: repeat(3, 1fr)
}

.features-list p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3
}

.features-list p:last-of-type {
    margin-bottom: 0
}

.features-list-progress {
    background-color: rgba(91, 93, 114, .5);
    display: block;
    height: 1px;
    margin-bottom: 15px;
    position: relative
}

.features-list-progress i {
    background-color: var(--c3);
    height: 2px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0
}

.features-slider-wrapper {
    padding-bottom: 80px
}

.features-slider-wrapper .slider-btn {
    bottom: 0
}

.features-slider-wrapper .slider-btn--prev {
    left: 0
}

.features-slider-wrapper .slider-btn--next {
    left: 54px;
    right: auto
}

.features-item {
    background-color: var(--c10);
    border-radius: 10px;
    overflow: hidden
}

.features-item,
.features-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.features-item-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 45px 20px 40px
}

.features-item-info h3,
.features-item-info p {
    max-width: 500px
}

.features-item-info h3 {
    color: var(--c1);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 18px
}

.features-item-info p {
    color: var(--c5);
    font-size: 1.125rem
}

.features-item-info p:last-of-type {
    margin-bottom: 0
}

.features-item-info p+.features-item-btns {
    margin-top: 40px
}

.features-item-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

@media (min-width:376px) {
    .features-item {
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%
    }

    .features-slider-wrapper .swiper-pagination {
        display: none
    }
}

@media (max-width:1024px) {
    .features-list p {
        font-size: .875rem
    }
}

@media (min-width:768px) {
    .features-list+.features-slider-wrapper {
        margin-top: 78px
    }

    .features-item-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 44.1666666667%;
        flex-basis: 44.1666666667%;
        min-height: 430px
    }

    .features-item-img .list-img {
        height: 100%
    }

    .features-item-info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width:767px) {
    .features-list+.features-slider-wrapper {
        margin-top: 54px
    }

    .features-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .features-item-img .list-img {
        padding-top: 81.134%
    }
}

@media (max-width:576px) {
    .features-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 30px
    }

    .features-list div {
        display: none
    }

    .features-list div.db {
        display: block
    }

    .features-list p {
        font-size: 1.25rem
    }

    .features-list+.features-slider-wrapper {
        margin-top: 39px
    }
}

@media (max-width:375px) {
    .features .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .features h2 {
        text-align: center
    }

    .features-list p {
        font-size: 1.4285714286rem
    }

    .features-slider-wrapper {
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 70px
    }

    .features-slider-wrapper .slider-btn {
        left: 50%;
        translate: -50% 0
    }

    .features-slider-wrapper .slider-btn--prev {
        margin-left: -27px
    }

    .features-slider-wrapper .slider-btn--next {
        margin-left: 27px
    }

    .features-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 10px 60px
    }

    .features-item-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .features-item-img .list-img {
        border-radius: 10px;
        padding-top: 112.997%
    }

    .features-item-info {
        padding: 100px 0 40px
    }

    .features-item-info h3,
    .features-item-info p {
        text-align: center
    }

    .features-item-info h3 {
        font-size: 2.1428571429rem
    }

    .features-item-info p {
        font-size: 1rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 320px
    }

    .features-item-btns a {
        -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px)
    }
}

@media (max-width:320px) {
    .features-item-btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 10px
    }

    .features-item-btns a {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.small-claims-resolution {
    overflow: hidden
}

.small-claims-resolution h2 {
    margin-bottom: 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 694px;
    text-align: center
}

.small-claims-resolution-list {
    display: -ms-grid;
    display: grid;
    gap: 40px 20px
}

.small-claims-resolution-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 10px;
    justify-content: center;
    row-gap: 30px
}

.small-claims-resolution-list .list-item>div:not(.spline-viewer-wrapper) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 30px
}

.small-claims-resolution-list .list-item .icon-style-2 .dotlottie-wrapper {
    height: 46px;
    width: 46px
}

.small-claims-resolution-list .list-item p,
.small-claims-resolution-list .list-item strong {
    max-width: 500px
}

.small-claims-resolution-list .list-item .icon+strong {
    padding-top: 15px
}

.small-claims-resolution-list .list-item strong {
    display: block;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3
}

.small-claims-resolution-list .list-item p {
    color: var(--c6);
    font-size: 1.125rem;
    line-height: 1.4
}

.small-claims-resolution-list .list-item p:last-of-type {
    margin-bottom: 0
}

.small-claims-resolution-list .list-item p+div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px
}

@media (min-width:768px) {
    .small-claims-resolution-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .small-claims-resolution-list .list-item {
        padding: 90px 40px
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2),
    .small-claims-resolution-list .list-item:nth-child(4n+3) {
        background-color: var(--c5);
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2):after,
    .small-claims-resolution-list .list-item:nth-child(4n+3):before {
        background-color: var(--c5);
        content: "";
        height: 100%;
        position: absolute;
        top: 0
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2) {
        border-radius: 10px 0 0 10px
    }

    .small-claims-resolution-list .list-item:nth-child(4n+2):after {
        border-radius: 0 10px 10px 0;
        left: 100%;
        width: calc(50vw - 720px)
    }

    .small-claims-resolution-list .list-item:nth-child(4n+3) {
        border-radius: 0 10px 10px 0
    }

    .small-claims-resolution-list .list-item:nth-child(4n+3):before {
        border-radius: 10px 0 0 10px;
        left: calc(-50vw + 720px);
        width: calc(50vw - 700px)
    }

    .small-claims-resolution-list .list-item:nth-child(4n+1),
    .small-claims-resolution-list .list-item:nth-child(4n+4) {
        background-color: var(--c1);
        padding-left: 14.4927536232%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .simplifying-legal-process-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .small-claims-resolution-content h2 {
        margin-bottom: 0
    }

    .small-claims-resolution-list .list-item {
        padding: 80px 40px
    }

    .small-claims-resolution-list .list-item:nth-child(2),
    .small-claims-resolution-list .list-item:nth-child(3) {
        background-color: var(--c5)
    }

    .small-claims-resolution-list .list-item:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:576px) {
    .small-claims-resolution-list .list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:415px) {
    .small-claims-resolution-list .list-item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.parallax-wrapper {
    overflow: hidden
}

.parallax {
    background: url(../img/bg-3.svg) 50% 100%/auto 100% no-repeat;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.simplifying-legal-proces-style-2 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), var(--c5);
    background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), var(--c5)
}

@media (max-width:767px) {
    .simplifying-legal-process-list-item {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:415px) {
    .simplifying-legal-process-list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:375px) {
    .small-claims-resolution-list {
        row-gap: 10px
    }

    .small-claims-resolution-list .list-item {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .small-claims-resolution-list .list-item strong {
        font-size: 1.7857142857rem
    }

    .small-claims-resolution-list .list-item p {
        font-size: 1rem
    }

    .small-claims-resolution-list .list-item .btn-style-1 {
        min-width: 144px
    }

    .simplifying-legal-process-content h2 {
        margin-bottom: 36px
    }

    .simplifying-legal-process-content h2~p {
        font-size: 1rem;
        font-weight: 400
    }

    .simplifying-legal-process-content .tag {
        margin-bottom: 22px
    }

    .simplifying-legal-process-content+.simplifying-legal-process-list {
        margin-top: 40px
    }

    .simplifying-legal-process-btns {
        padding-top: 40px
    }

    .simplifying-legal-process-list-item {
        padding: 57px 20px 60px
    }

    .simplifying-legal-process-list-item h3 {
        font-size: 1.7857142857rem;
        margin-bottom: 12px
    }

    .simplifying-legal-process-list-item p {
        font-size: 1rem
    }
}

@media (max-width:320px) {

    .simplifying-legal-process-list-item,
    .small-claims-resolution-list .list-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.case-studies-add-info+.case-studies-slider-wrapper {
    margin-top: 58px
}

.case-studies-slider-wrapper {
    padding-bottom: 90px
}

.case-studies-slider-wrapper .slider-btn {
    bottom: 0
}

.case-studies-slider-wrapper .slider-btn--prev {
    left: calc(50% - 53px)
}

.case-studies-slider-wrapper .slider-btn--next {
    right: calc(50% - 53px)
}

.case-studies-slider {
    min-width: 100%;
    width: 0
}

@media (max-width:375px) {
    .case-studies-slider-wrapper {
        padding-bottom: 70px
    }

    .case-studies-add-info+.case-studies-slider-wrapper {
        margin-top: 40px
    }
}

.reviews-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 27px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--c5);
    border-radius: 10px;
    justify-content: space-between;
    padding: 42px 10.2564102564% 45px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.reviews-list-item:hover {
    background-color: var(--c34)
}

.reviews-list-item-blockquote {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0
}

.reviews-list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.reviews-list-item-info>div:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px
}

.reviews-list-item-info>div:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reviews-list-item-info .list-img {
    border-radius: 50%;
    padding-top: 100%
}

.reviews-list-item-info p,
.reviews-list-item-info span {
    font-size: .875rem;
    line-height: 1
}

.reviews-list-item-info span {
    display: block
}

.reviews-list-item-info span+p {
    margin-top: 10px
}

.reviews-list-item-info p {
    color: var(--c25);
    margin-bottom: 0
}

@media (max-width:1200px) {
    .reviews-list-item {
        padding-left: 11.0192837466%;
        padding-right: 11.0192837466%
    }
}

@media (max-width:1024px) {
    .reviews-list-item {
        padding-left: 13.1578947368%;
        padding-right: 13.1578947368%
    }
}

@media (max-width:767px) {
    .reviews-list-item {
        padding: 39px 10.2389078498%;
        row-gap: 45px
    }

    .reviews-list-item-blockquote {
        font-size: .875rem
    }
}

@media (max-width:576px) {
    .reviews-list-item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:375px) {
    .reviews-list-item {
        padding-bottom: 48px;
        padding-top: 48px;
        row-gap: 24px
    }

    .reviews-list-item-info>div:first-child {
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px
    }

    .reviews-list-item-blockquote,
    .reviews-list-item-info p,
    .reviews-list-item-info span {
        font-size: 1rem
    }
}

@media (max-width:320px) {
    .reviews-list-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.pagination-navigation-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.navigation,
.pagination {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-btn,
.pagination-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--c1);
    border-radius: 5px;
    color: var(--cb);
    cursor: pointer;
    height: 50px;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 50px
}

.pagination-btn {
    border: 1px solid var(--c29);
    font: 600 .875rem/1 var(--f4);
    letter-spacing: -.21px
}

.pagination-btn:hover {
    background-color: var(--c29)
}

.pagination-btn.pagination-btn-active {
    background-color: var(--c10);
    color: var(--c1)
}

.navigation-btn {
    border: 1px solid var(--c24)
}

.navigation-btn svg {
    height: 16px;
    width: 18px;
    fill: currentColor
}

.navigation-btn:hover {
    background-color: var(--c24)
}

.build-with-privacy {
    background: var(--c10) url(../img/built-with-privacy.svg) no-repeat calc(207px + 50%) calc(100% + 15px);
    padding-bottom: 80px;
    padding-top: 108px
}

.build-with-privacy-content .tag+p {
    margin-top: 43px
}

.build-with-privacy-content p {
    color: var(--c1);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.3;
    max-width: 782px
}

.build-with-privacy-content p:last-of-type {
    margin-bottom: 0
}

.build-with-privacy-content p+.build-with-privacy__icons {
    margin-top: 52px
}

.build-with-privacy__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.build-with-privacy__icons .list-img-2 {
    background-color: var(--c36);
    border-radius: 10px;
    padding-top: 96.27%;
    width: 107px
}

.build-with-privacy__icons .list-img-2 div {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px
}

@media (max-width:1200px) {
    .build-with-privacy {
        background-position: 100% 100%
    }
}

@media (max-width:767px) {
    .build-with-privacy-content p {
        font-size: 1.5625rem
    }
}

@media (max-width:375px) {
    .build-with-privacy {
        background: var(--cb);
        padding-top: 80px
    }

    .build-with-privacy-content .tag+p {
        margin-top: 15px
    }

    .build-with-privacy-content p {
        font-size: 1.7857142857rem
    }

    .build-with-privacy-content p+.build-with-privacy__icons {
        margin-top: 37px
    }

    .build-with-privacy__icons {
        gap: 10px
    }

    .build-with-privacy__icons .list-img-2 {
        width: 64px
    }
}

@media (max-width:320px) {
    .build-with-privacy-content p {
        font-size: 1.4285714286rem
    }
}

.how-it-works h2 {
    margin-bottom: 57px
}

.how-it-works-img {
    border-radius: 5px;
    overflow: hidden
}

.how-it-works-img img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.how-it-works-img img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width:767px) {
    .how-it-works .content {
        row-gap: 20px
    }

    .how-it-works h2 {
        margin-bottom: 45px
    }

    .how-it-works-img-list {
        display: none
    }
}

.claims-system {
    background-color: var(--c5);
    border-radius: 5px;
    padding-bottom: 77px;
    padding-top: 79px
}

.claims-system h2 {
    text-align: center
}

.claims-system h2+p {
    margin-top: -2px
}

.claims-system h2~p {
    color: var(--c6);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 718px;
    text-align: center
}

.claims-system h2~p:last-of-type {
    margin-bottom: 0
}

.claims-system h2~p+.claims-system-list {
    margin-top: 72px
}

.claims-system-list {
    text-align: center
}

.claims-system-list-item>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 1 !important
}

.claims-system-list-item>div>i:not(:empty),
.claims-system-list-item>div>span:not(.claims-system-list__decor) {
    display: inline-block
}

.claims-system-list-item>div>i:not(:empty) {
    color: rgba(91, 93, 114, .5);
    font-style: normal
}

.claims-system-list-item>div+p {
    margin-top: 14px
}

.claims-system-list-item p {
    color: var(--c6);
    font-size: 1.125rem;
    margin-bottom: 0
}

@media (min-width:768px) {
    .how-it-works-img-list-item {
        display: none
    }

    .how-it-works-img-list-item.db {
        display: block
    }

    .claims-system-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        gap: 30px 20px;
        justify-content: space-between
    }

    .claims-system-list>div:not(:first-child) {
        position: relative
    }

    .claims-system-list__decor {
        background-color: var(--c23);
        bottom: 5px;
        height: 88px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        width: 1px
    }
}

@media (max-width:767px) {
    .claims-system {
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 83px
    }

    .claims-system-list {
        display: -ms-grid;
        display: grid;
        gap: 100px 30px
    }

    .claims-system-list>div:nth-child(odd) {
        position: relative
    }

    .claims-system-list>div:nth-child(odd):after {
        background-color: var(--c23);
        content: "";
        pointer-events: none;
        position: absolute
    }

    .faqs h2~p {
        max-width: 365px
    }
}

@media (min-width:416px) and (max-width:767px) {
    .claims-system-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .claims-system-list>div:nth-child(odd):after {
        height: 88px;
        left: calc(100% + 15px);
        top: 50%;
        translate: 0 -50%;
        width: 1px
    }
}

@media (max-width:415px) {
    .claims-system-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 60px
    }

    .claims-system-list>div:nth-child(odd):after {
        height: 1px;
        top: 50%;
        top: calc(100% + 15px);
        translate: -50% 0;
        width: 88px
    }
}

@media (max-width:375px) {
    .claims-system {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .claims-system h2~p {
        font-size: 1.2857142857rem
    }

    .claims-system h2~p+.claims-system-list {
        margin-top: 43px
    }

    .claims-system-list span:not(.claims-system-list__decor) {
        font-size: 2.5rem
    }

    .claims-system-list p {
        font-size: 1.2857142857rem
    }
}

@media (max-width:320px) {
    .claims-system {
        margin-left: 10px;
        margin-right: 10px
    }

    .claims-system h2~p {
        font-size: 1.1428571429rem
    }

    .claims-system-list span:not(.claims-system-list__decor) {
        font-size: 1.7857142857rem
    }

    .claims-system-list p {
        font-size: 1.1428571429rem
    }
}

.blog-add-info+.list-style-1 {
    margin-top: 58px
}

@media (max-width:576px) {
    .blog-content>.tag {
        display: table;
        margin-bottom: 38px;
        margin-left: auto;
        margin-right: auto
    }

    .blog-add-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .blog-add-info>div:last-child {
        display: none
    }

    .blog-add-info h2 {
        margin-bottom: 0
    }

    .blog-add-info+.list-style-1 {
        margin-top: 40px
    }
}

.faqs h2~p {
    color: var(--c6);
    font-size: 1.125rem
}

.faqs h2~p:last-of-type {
    margin-bottom: 0
}

.faqs-accordion>div:not(.item-visible):nth-child(1n+6) {
    display: none
}

.faqs-accordion+.btn {
    margin-top: 20px
}

.ai-powered-platform {
    background-color: var(--c5);
    padding-bottom: 140px;
    padding-top: 140px
}

.ai-powered-platform-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px 20px
}

.ai-powered-platform-content p {
    font: 1.375rem var(--f2);
    max-width: 560px
}

.ai-powered-platform-content p:last-of-type {
    margin-bottom: 0
}

.ai-powered-platform-content p+.btn {
    margin-top: 22px
}

@media (min-width:641px) {
    .ai-powered-platform-content {
        -webkit-column-gap: 34px;
        -moz-column-gap: 34px;
        column-gap: 34px
    }

    .ai-powered-platform-content>div {
        -ms-flex-preferred-size: calc(50% - 17px);
        flex-basis: calc(50% - 17px)
    }
}

@media (min-width:768px) {
    .ai-powered-platform-content h2 {
        font-size: 2.8125rem
    }
}

@media (min-width:641px) and (max-width:767px) {
    .ai-powered-platform-content {
        -webkit-column-gap: 34px;
        -moz-column-gap: 34px;
        column-gap: 34px
    }

    .ai-powered-platform-content>div {
        -ms-flex-preferred-size: calc(50% - 17px);
        flex-basis: calc(50% - 17px)
    }

    .ai-powered-platform-content p {
        font-weight: 500
    }
}

@media (max-width:767px) {
    .ai-powered-platform {
        padding-bottom: 80px;
        padding-top: 80px
    }

    .ai-powered-platform-content p {
        font-size: 1.125rem
    }
}

@media (max-width:640px) {
    .ai-powered-platform-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 65px
    }

    .ai-powered-platform-content>div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ai-powered-platform-content h2,
    .ai-powered-platform-content p {
        text-align: center
    }

    .ai-powered-platform-content p {
        font-size: .875rem;
        max-width: 345px
    }

    .ai-powered-platform-content p+.btn {
        margin-top: 43px
    }
}

@media (max-width:375px) {
    .faqs h2~p {
        font-size: .8571428571rem
    }

    .faqs-accordion+.btn {
        margin-top: 10px
    }

    .ai-powered-platform-content p {
        font-size: 1rem
    }
}

.experts-add-info {
    row-gap: 42px
}

.experts-add-info+.experts-list {
    margin-top: 58px
}

.experts-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    gap: 40px 10px;
    grid-template-columns: repeat(4, 1fr)
}

.experts-list-photo {
    margin-bottom: 10px;
    position: relative
}

.experts-list-photo .list-img {
    border-radius: 10px;
    padding-top: 119.66%
}

.experts-list-photo .list-img:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
    background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%
}

.experts-list-photo span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M7.5.5v13M1 6.96h13'/%3E%3C/svg%3E") 100% 50% no-repeat;
    bottom: 28px;
    color: var(--c1);
    left: 30px;
    line-height: 1;
    opacity: 0;
    padding-right: 24px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 2
}

.experts-list-modal-btn {
    cursor: pointer
}

.experts-list-modal-btn li span,
.experts-list-modal-btn p {
    color: var(--c32)
}

.experts-list-modal-btn p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3
}

.experts-list-modal-btn p:last-of-type {
    margin-bottom: 0
}

.experts-list-modal-btn p+ul {
    margin-top: 4px
}

.experts-list-modal-btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.experts-list-modal-btn li {
    color: rgba(91, 93, 114, .5);
    font-weight: 700;
    line-height: 1
}

.experts-list-modal-btn+.s_ocial {
    margin-top: 9px
}

.experts-list-modal-btn:hover .experts-list-photo span {
    opacity: 1
}

.experts-list-modal-btn:hover .experts-list-photo .list-img:after {
    border-radius: 10px;
    opacity: 1
}

.experts-dialog .list-img {
    border-radius: 10px;
    padding-top: 119.865%
}

.experts-dialog .list-img+.s_ocial {
    margin-top: 14px
}

.experts-dialog .tag {
    margin-bottom: 21px
}

.experts-dialog h2 {
    margin-bottom: 16px
}

.experts-dialog h2+strong {
    color: rgba(91, 93, 114, .5);
    display: block;
    font-weight: 700;
    line-height: 1
}

.experts-dialog h2+strong+p {
    margin-top: 21px
}

.experts-dialog p {
    color: var(--c6);
    font-size: .875rem
}

.experts-dialog p:last-of-type {
    margin-bottom: 0
}

@media (max-width:1024px) {
    .experts-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .experts-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .experts-dialog .dialog-content-aside {
        display: none
    }

    .experts-dialog .dialog-content-main h2+strong+.dialog-content-aside {
        display: block;
        margin-bottom: 38px;
        margin-top: 38px
    }
}

@media (max-width:375px) {
    .experts-add-info {
        row-gap: 20px
    }

    .experts-add-info h2,
    .experts-add-info p {
        text-align: center
    }

    .experts-add-info .tag {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .experts-add-info+.experts-list {
        margin-top: 40px
    }

    .experts-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .experts-list-modal-btn p {
        font-size: 1.4285714286rem
    }

    .experts-dialog p {
        font-size: 1rem
    }
}

.download-logo-list {
    display: -ms-grid;
    display: grid;
    gap: 40px 10px
}

@media (min-width:501px) {
    .download-logo-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.download-logo-list-item-img {
    background-color: var(--c5);
    border-radius: 5px;
    padding-top: 250px
}

.download-logo-list-item-img div {
    bottom: 20px;
    left: 15px;
    right: 15px;
    top: 20px
}

.download-logo-list-item-img+.btn {
    margin-top: 20px
}

.article-preview+.article {
    margin-top: 64px
}

.article h1 {
    font-size: 2.1875rem;
    line-height: 1.3
}

.article h2 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4
}

.article img,
.article picture {
    border-radius: 10px
}

.article ol:last-child,
.article p:last-child,
.article ul:last-child {
    margin-bottom: 0
}

.article-style-1 {
    max-width: 750px
}

.article-style-2 h1 {
    margin-bottom: 17px
}

.article-style-2 img,
.article-style-2 picture {
    margin-bottom: 60px
}

.article-style-2 picture img {
    margin-bottom: 0
}

.article-style-2 ol,
.article-style-2 p,
.article-style-2 ul {
    color: var(--c7)
}

.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
    padding-top: 40px
}

.article-style-2 ol+picture img,
.article-style-2 p+picture img,
.article-style-2 ul+picture img {
    padding-top: 0
}

.article-style-2 h2 {
    font-size: 1.25rem
}

.article-preview-info {
    bottom: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.article-preview-info .tag {
    margin-bottom: 13px
}

.article-preview-info h1 {
    color: var(--c1);
    font-size: 2.1875rem;
    line-height: 1.3;
    margin-bottom: 9px;
    max-width: 580px
}

.article-preview {
    position: relative
}

.article-preview:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
    background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.article-preview-img {
    border-radius: 10px;
    padding-top: 62.667%
}

.article-preview-add {
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-preview-add span {
    display: inline-block
}

.article-preview-add span:not(.article-preview-add-decor) {
    color: var(--c1);
    font: 700 .875rem/1 var(--f1);
    letter-spacing: -.42px
}

.article-preview-add-decor {
    background-color: var(--c1);
    border-radius: 50%;
    height: 3px;
    width: 3px
}

.article-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    row-gap: 40px
}

.article-info h2 {
    color: var(--c30);
    font-size: 1.25rem;
    margin-bottom: 19px
}

.article-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
}

.article-info-list a {
    border-left: 3px solid transparent;
    color: var(--c6);
    display: block;
    line-height: 1.4;
    padding: 9px 17px 10px
}

.article-info-list a.active,
.article-info-list a:hover {
    border-color: var(--c3);
    color: var(--cb)
}

.article-info-social {
    background-color: var(--cb);
    border-radius: 5px;
    padding: 20px
}

.article-info-social strong {
    color: var(--c1);
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px
}

.article-info-social .s_ocial a,
.article-info-social .s_ocial li {
    height: 30px;
    width: 30px
}

@media (max-width:375px) {
    .article h1 {
        font-size: 1.7857142857rem
    }

    .article h2 {
        font-size: 1.4285714286rem
    }

    .article-style-2 img,
    .article-style-2 picture {
        margin-bottom: 42px
    }

    .article-style-2 ol+img,
    .article-style-2 ol+picture,
    .article-style-2 p+img,
    .article-style-2 p+picture,
    .article-style-2 ul+img,
    .article-style-2 ul+picture {
        padding-top: 20px
    }

    .article-preview+.article {
        margin-top: 76px
    }

    .article-preview-img {
        padding-top: 145%
    }

    .article-preview-info {
        bottom: 60px
    }

    .article-preview-info h1 {
        font-size: 2.5rem
    }

    .article-info h2,
    .article-style-2 h2 {
        font-size: 1.4285714286rem
    }

    .article-info-list a {
        font-size: 1.1428571429rem
    }

    .article-preview-add span:not(.article-preview-add-decor) {
        font-size: 1rem
    }
}

@media (max-width:360px) {
    .article-preview-info {
        left: 20px;
        right: 20px;
        top: 20px
    }
}

@media (max-width:320px) {
    .article h1 {
        font-size: 1.5714285714rem
    }

    .article h2 {
        font-size: 1.2857142857rem
    }

    .article-preview-info {
        left: 10px;
        right: 10px
    }

    .article-preview-info h1 {
        font-size: 1.7857142857rem
    }

    .article-info h2,
    .article-style-2 h2 {
        font-size: 1.2857142857rem
    }

    .article-info-list a {
        font-size: 1rem
    }
}

.information {
    background-color: var(--c5);
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 70px;
    padding-top: 70px
}

.information-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.information-img .list-img {
    border-radius: 10px
}

.information-img-list svg {
    height: 35px;
    fill: var(--c3)
}

.information-img-list .icon-security svg {
    width: 34px
}

.information-img-list .icon-empowerment svg {
    width: 33px
}

.information-img-list .icon-accessibility svg {
    width: 35px
}

.information-img-list .icon-innovation svg {
    width: 34px
}

@media (min-width:768px) {
    .information-content {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }

    .information-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%
    }

    .information-img .list-img {
        height: 100%
    }

    .information-info {
        padding-bottom: 16px;
        padding-top: 22px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (max-width:767px) {
    .information {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .information-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 70px
    }

    .information-img .list-img {
        padding-top: 65.56%
    }
}

@media (max-width:415px) {
    .information {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:375px) {
    .information {
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 35px;
        padding-top: 40px
    }
}

.as-seen-in {
    background-color: var(--c5);
    border-radius: 10px;
    padding-bottom: 80px;
    padding-top: 70px
}

.as-seen-in-content h2,
.as-seen-in-content p {
    text-align: center
}

.as-seen-in-content h2 {
    font-size: 2.8125rem;
    margin-bottom: 17px
}

.as-seen-in-content p {
    color: var(--c6);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    max-width: 718px
}

.as-seen-in-content p:last-of-type {
    margin-bottom: 0
}

.as-seen-in-content p+.as-seen-in-list {
    margin-top: 64px
}

.as-seen-in-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media (min-width:1231px) {
    .info-style-7 .info-content>div:last-child {
        padding-right: 7.5630252101%
    }

    .as-seen-in-list {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:767px) {
    .as-seen-in-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 40px 50px;
        justify-content: center
    }

    .as-seen-in-content p {
        max-width: 490px
    }
}

@media (max-width:375px) {
    .as-seen-in-content h2 {
        font-size: 2.5rem
    }

    .as-seen-in-content p {
        font-size: 1.1428571429rem
    }

    .as-seen-in-content p+.as-seen-in-list {
        margin-top: 40px
    }
}

@media (max-width:360px) {
    .as-seen-in-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:320px) {
    .as-seen-in-content h2 {
        font-size: 2.1428571429rem
    }

    .as-seen-in-content p {
        font-size: 1rem
    }
}

.for-companies-content {
    background-color: var(--cb);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.for-companies-info .tag {
    margin-bottom: 21px
}

.for-companies-info h2,
.for-companies-info p {
    max-width: 500px
}

.for-companies-info h2 {
    color: var(--c1)
}

.for-companies-info p {
    color: var(--c5);
    font-size: 1.125rem
}

.for-companies-info p:last-of-type {
    margin-bottom: 0
}

.for-companies-info p+.btn {
    margin-top: 36px
}

@media (min-width:768px) {
    .for-companies-content {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        padding-left: 30px
    }

    .for-companies-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 44.1666666667%;
        flex-basis: 44.1666666667%
    }

    .for-companies-img .list-img {
        height: 100%
    }

    .for-companies-info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 53px;
        padding-top: 53px
    }
}

@media (max-width:767px) {
    .for-companies .container {
        padding-left: 0;
        padding-right: 0
    }

    .for-companies-content {
        padding: 40px 20px 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 60px
    }

    .for-companies-img .list-img {
        border-radius: 10px;
        padding-top: 62.646%
    }
}

@media (max-width:415px) {
    .for-companies-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:375px) {
    .for-companies-content {
        padding-left: 10px;
        padding-right: 10px;
        row-gap: 40px
    }

    .for-companies-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .for-companies-info .tag {
        margin-bottom: 38px
    }

    .for-companies-info h2,
    .for-companies-info p {
        text-align: center
    }

    .for-companies-info p {
        font-size: 1rem;
        max-width: 320px
    }

    .for-companies-img .list-img {
        padding-top: 112.87%
    }
}

.our-culture-values-content p {
    color: var(--c6);
    font-size: .875rem;
    max-width: 380px
}

.our-culture-values-content p:last-of-type {
    margin-bottom: 0
}

.our-culture-values-content p+.btn {
    margin-top: 18px
}

.our-culture-values-list .icon path {
    fill: var(--c3)
}

@media (max-width:767px) {
    .our-culture-values-content {
        row-gap: 57px
    }

    .our-culture-values-content p {
        max-width: 350px
    }
}

@media (max-width:375px) {
    .our-culture-values-content p {
        font-size: 1rem
    }
}

footer {
    background: #171b2b;
    padding-bottom: 60px;
    padding-top: 58px
}

@media (max-width:1201px) {
    footer {
        padding-bottom: 56px
    }
}

.footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.footer-top p {
    color: var(--c1);
    line-height: 1.4;
    margin-bottom: 0
}

.footer-logo-company {
    color: var(--c1);
    height: 54px;
    width: 230px
}

@media (min-width:1201px) {
    .footer-top {
        padding-bottom: 56px
    }

    .footer-top p {
        font-size: 1.125rem;
        max-width: 558px
    }
}

@media (max-width:1200px) {
    footer {
        padding-bottom: 60px
    }

    .footer-top>div:last-child {
        -ms-flex-preferred-size: 30.2678571429%;
        flex-basis: 30.2678571429%;
        padding-left: 15px
    }

    .footer-top p {
        font-size: .875rem;
        max-width: 285px
    }
}

@media (max-width:1024px) {
    .footer-top>div:last-child {
        -ms-flex-preferred-size: 35.9110169492%;
        flex-basis: 35.9110169492%
    }
}

@media (max-width:767px) {
    .footer-top>div:last-child {
        -ms-flex-preferred-size: 46.3548830812%;
        flex-basis: 46.3548830812%
    }
}

@media (max-width:640px) {
    footer {
        padding-top: 34px
    }

    .footer-top {
        padding-bottom: 37px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 37px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer-top>div:last-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0
    }

    .footer-top p {
        font-size: 1.25rem;
        font-weight: 500;
        max-width: 345px
    }
}

.footer-middle {
    display: -ms-grid;
    display: grid;
    gap: 20px
}

.footer-info h3 {
    color: var(--c1);
    font: 700 1rem/1 var(--f1);
    margin-bottom: 0;
    line-height: 1.3;
}

.footer-info h3 a {
    color: inherit;
    display: inline-block
}

.footer-info h3 a:hover {
    color: var(--c3)
}

.footer-info h3+ul {
    margin-top: 24px
}

.footer-info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-info ul a {
    color: var(--c8);
    display: inline-block;
    line-height: 1
}

.footer-info ul a:hover {
    color: var(--c1)
}

.footer-middle-bl-5 h3 {
    color: var(--c1);
    font: 400 1.375rem/1.25 var(--f2);
    margin-bottom: 0
}

.footer-middle-bl-5 h3+p {
    color: var(--c8);
    font-size: .875rem;
    line-height: 1.35;
    margin-bottom: 0;
    margin-top: 22px
}

.footer-middle-bl-5 p+.form {
    margin-top: 23px
}

@media (min-width:1201px) {
    .footer-middle {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 32.5%;
        border-top: 1px solid var(--c12);
        grid-template-columns: 1fr 1fr 1fr 1fr 32.5%;
        padding-bottom: 90px;
        padding-top: 50px
    }

    .footer-info ul {
        row-gap: 15px
    }

    .footer-info ul a {
        font-size: .875rem
    }

    .footer-middle-bl-5 {
        padding-left: 10.7692307692%
    }
}

@media (max-width:1200px) {
    .footer-middle {
        -ms-grid-columns: 1fr 4.0178571429% 1fr 4.0178571429% 30.2678571429%;
        gap: 65px 4.0178571429%;
        grid-template-columns: 1fr 1fr 30.2678571429%;
        padding-bottom: 62px;
        padding-top: 63px
    }

    .footer-info h3 {
        font-size: .875rem
    }

    .footer-info ul {
        row-gap: 11px
    }

    .footer-info ul a {
        font-size: .75rem
    }
}

@media (min-width:641px) and (max-width:1200px) {
    .footer-middle-bl-5 {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/span 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/span 2;
        padding-left: 15px
    }
}

@media (max-width:1024px) {
    .footer-middle {
        -ms-grid-columns: 1fr 4.7669491525% 1fr 4.7669491525% 35.9110169492%;
        -webkit-column-gap: 4.7669491525%;
        -moz-column-gap: 4.7669491525%;
        column-gap: 4.7669491525%;
        grid-template-columns: 1fr 1fr 35.9110169492%
    }
}

@media (max-width:767px) {
    .footer-middle {
        -ms-grid-columns: 150px 6.1898211829% 150px 6.1898211829% 1fr;
        -webkit-column-gap: 6.1898211829%;
        -moz-column-gap: 6.1898211829%;
        column-gap: 6.1898211829%;
        grid-template-columns: repeat(2, 150px) 1fr
    }
}

@media (max-width:640px) {
    .footer-middle {
        -ms-grid-columns: 37.6% 20px 1fr;
        border-top: 1px solid var(--c8);
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: 37.6% 1fr;
        padding-top: 70px
    }

    .footer-middle-bl-5 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 1/-1;
        grid-row: 1/span 1
    }

    .footer-middle-bl-5 h3 {
        font-size: 1.25rem
    }

    .footer-middle-bl-5 h3+p {
        font-size: .75rem
    }
}

@media (min-width:361px) and (max-width:640px) {
    .footer-info h3 {
        font-size: 1rem
    }

    .footer-info ul a {
        font-size: .875rem
    }
}

@media (max-width:320px) {
    .footer-info h3 {
        font-size: .75rem
    }

    .footer-info ul a {
        font-size: .625rem
    }
}

.footer-accordion-list {
    display: -ms-grid;
    display: grid;
    gap: 65px 20px
}

@media (min-width:1201px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4] 32.5%;
        grid-template-columns: repeat(4, 1fr) 32.5%
    }

    .footer-add {
        padding-top: 50px
    }
}

@media (max-width:1200px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4] 30.2678571429%;
        grid-template-columns: repeat(4, 1fr) 30.2678571429%
    }
}

@media (max-width:1024px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width:767px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:640px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:576px) {
    .footer-accordion-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.footer-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid var(--c12);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px
}

.footer__copyright p {
    color: var(--c8);
    font-size: .875rem;
    line-height: 1.4
}

.footer__copyright p:last-child {
    margin-bottom: 0
}

@media (max-width:1200px) {
    .footer-add {
        padding-top: 60px
    }
}

@media (max-width:640px) {
    .footer-add {
        border-top: 1px solid var(--c8)
    }

    footer .accordion-style-1 .accordion__btn {
        border-top-color: var(--c8);
        font-size: .875rem
    }

    .footer__copyright p {
        font-size: .625rem;
        font-weight: 600;
        max-width: 160px
    }
}

.dialog {
    background-color: var(--c5);
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 40px;
    text-align: left;
    -webkit-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s;
    width: min(1048px, 100%)
}

.dialog[open] {
    -webkit-animation: dialogShow .3s ease-in-out;
    animation: dialogShow .3s ease-in-out
}

.dialog[open]::-ms-backdrop {
    background-color: rgba(23, 27, 43, .3)
}

.dialog[open]::backdrop {
    background-color: rgba(23, 27, 43, .3)
}

.dialog.dialog--hide {
    -webkit-animation: dialogHide .3s ease-in-out;
    animation: dialogHide .3s ease-in-out
}

@-webkit-keyframes dialogShow {
    0% {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        scale: 1;
        visibility: visible
    }
}

@keyframes dialogShow {
    0% {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        scale: 1;
        visibility: visible
    }
}

@-webkit-keyframes dialogHide {
    0% {
        opacity: 1;
        scale: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }
}

@keyframes dialogHide {
    0% {
        opacity: 1;
        scale: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        scale: 0;
        visibility: hidden
    }
}

.modal__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: 1px solid var(--c9);
    border-radius: 5px;
    color: var(--c3);
    cursor: pointer;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 40px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 36px;
    z-index: 2
}

.modal__close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.modal__close svg {
    height: 9px;
    margin-top: 1px;
    width: 9px;
    fill: var(--cb);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.modal__close:hover {
    background-color: var(--c9)
}

@media (max-width:768px) {
    .dialog {
        max-height: calc(100dvh - 20px);
        padding-left: 20px;
        padding-right: 20px
    }

    .modal__close {
        right: 20px;
        top: 20px
    }
}

@media (max-width:415px) {
    .dialog {
        max-height: calc(100dvh - 15px);
        padding-left: 15px;
        padding-right: 15px
    }

    .modal__close {
        right: 15px;
        top: 15px
    }
}

.dialog-style-1 {
    border-radius: 10px;
    width: min(780px, 100%)
}

.dialog-style-1 section>h3,
.dialog-style-1 section>p {
    color: var(--cb);
    font-size: 1.375rem;
    margin-bottom: 34px;
    max-width: 548px
}

.dialog-style-1 section>h3 {
    font-weight: 600;
    margin-bottom: 3px
}

.dialog-style-1 section>h3~p:empty {
    display: none;
    margin-bottom: 0
}

.dialog-style-1 section>h3+.dialog-content,
.dialog-style-1 section>h3~p:empty+.dialog-content {
    margin-top: 36px
}

.dialog-style-1 .dialog-content {
    max-width: 600px
}

.dialog-style-1 .list-10+.btn {
    margin-top: 43px
}

.dialog-style-1 .modal__close {
    border: none;
    border-radius: 0;
    color: var(--cb);
    height: 18px;
    width: 18px
}

.dialog-style-1 .modal__close svg {
    height: 18px;
    margin-top: 0;
    width: 18px
}

.dialog-style-1 .modal__close:hover {
    background-color: transparent;
    color: var(--c3)
}

.dialog-style-2 .dialog-content h2 {
    background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
    border-radius: 15px;
    color: var(--c1);
    display: inline-block;
    font: 400 .75rem/1 var(--fb);
    letter-spacing: .25px;
    margin-bottom: 19px;
    min-width: min(200px, 100%);
    padding: 8px 15px 6px;
    text-align: center
}

.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
    background-color: var(--c47);
    border-radius: 7px;
    color: var(--cb);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 1.5;
    margin-bottom: 26px;
    padding: 14px 16px
}

.dialog-style-2 .dialog-content ol:last-child,
.dialog-style-2 .dialog-content p:last-child,
.dialog-style-2 .dialog-content ul:last-child {
    margin-bottom: 0
}

.dialog-style-2 .dialog-content ol+.btn,
.dialog-style-2 .dialog-content p+.btn,
.dialog-style-2 .dialog-content ul+.btn {
    margin-top: 17px
}

.dialog-style-2 .dialog-content ul:not(.reset-list) li {
    padding-left: 12px
}

.dialog-style-2 .dialog-content ul:not(.reset-list) li:before {
    background-color: var(--cb);
    height: 4px;
    left: 0;
    top: 8px;
    width: 4px
}

@media (max-width:375px) {
    .dialog {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal__close {
        right: 10px;
        top: 10px
    }

    .dialog-style-2 .dialog-content h2 {
        font-size: .8571428571rem
    }

    .dialog-style-2 .dialog-content ol,
    .dialog-style-2 .dialog-content p,
    .dialog-style-2 .dialog-content ul {
        font-size: 1rem
    }

    .dialog-style-1 section>h3,
    .dialog-style-1 section>p {
        font-size: 1.5714285714rem
    }
}

@media (min-width:769px) {
    .dialog-style-1 {
        padding: 45px 30px
    }

    .dialog-style-1 .modal__close {
        right: 28px;
        top: 38px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    position: relative;
    vertical-align: baseline
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: baseline;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    padding-top: 1px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}