: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: var(--c4) url(../img/bg.jpg) 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

}