@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(vli5gyn.css);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5 .h1 {
    color: #000;
}

    .h2,
    .h2 a:link,
    .h2:link,
    .h3,
    .h3 a:link,
    .h3:link,
    .h4,
    .h4 a:link,
    .h4:link,
    .h5,
    .h5 a:link,
    .h5:link,
    .h6,
    .h6 a:link,
    .h6:link,
    .h7,
    .h7 a:link,
    .h7:link,
    h1,
    h1 a:link,
    h1:link,
    h2,
    h2 a:link,
    h2:link,
    h3,
    h3 a:link,
    h3:link,
    h4,
    h4 a:link,
    h4:link,
    h5 .h1,
    h5 .h1 a:link,
    h5 .h1:link {
        text-decoration: none;
    }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
    color: #000;
}

.h1,
h1 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 6.8rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .h1,
    h1 {
        font-size: 5rem;
    }
}

.h2,
h2 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .h2,
    h2 {
        font-size: 3.8rem;
        line-height: 1.2;
    }
}

.h3,
h3 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .h3,
    h3 {
        font-size: 3.2rem;
    }
}

.h4,
h4 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 3.8rem;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .h4,
    h4 {
        font-size: 2.4rem;
    }
}

.h5,
h5 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
}

@media screen and (max-width: 767px) {
    .h5,
    h5 {
        font-size: 2.4rem;
    }
}

.h6,
h6 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none;
}

@media screen and (max-width: 767px) {
    .h6,
    h6 {
        font-size: 2rem;
    }
}

.h7 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.h7,
.heading-2 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    text-transform: none;
}

.heading-2 {
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -3.06px;
    line-height: 130%;
}

@media screen and (max-width: 992px) {
    .heading-2 {
        font-size: 38px;
        letter-spacing: -1.71px;
    }
}

.heading-3 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -2.25px;
    line-height: 56px;
    text-transform: none;
}

    .heading-3:lang(ar) {
        letter-spacing: 0;
        margin-top: 10px;
    }

@media screen and (max-width: 992px) {
    .heading-3 {
        font-size: 2.8rem;
        line-height: 32px;
    }
}

.heading-4 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -1.71px;
    line-height: 42px;
    text-transform: none;
}

    .heading-4:lang(ar) {
        font-size: 42px;
        letter-spacing: 0;
        line-height: 50px;
    }

@media screen and (max-width: 992px) {
    .heading-4,
    .heading-4:lang(ar) {
        font-size: 32px;
        line-height: 36px;
    }
}

@media screen and (max-width: 768px) {
    .heading-4,
    .heading-4:lang(ar) {
        font-size: 24px;
        line-height: 32px;
    }
}

.heading-5 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.44px;
    line-height: 36px;
    text-transform: none;
}

@media screen and (max-width: 992px) {
    .heading-5 {
        font-size: 24px;
        letter-spacing: -1.08px;
        line-height: 28px;
    }
}

.heading-6 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1.08px;
    line-height: 32px;
    text-transform: none;
}

    .heading-6:lang(ar) {
        font-size: 28px;
        letter-spacing: 0;
        line-height: 34px;
    }

@media screen and (max-width: 992px) {
    .heading-6,
    .heading-6:lang(ar) {
        font-size: 2rem;
        line-height: 24px;
    }
}

.heading-7 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.81px;
    line-height: 140%;
}

@media screen and (max-width: 992px) {
    .heading-7 {
        font-size: 16px;
    }
}

.emphasis {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none;
}

@media screen and (max-width: 768px) {
    .emphasis {
        font-size: 18px;
        line-height: 26px;
    }
}

.text-body-r {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

    .text-body-r:lang(ar) {
        letter-spacing: 0;
    }

.text-body-highlight {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.navigation-button,
.text-caption {
    font-size: 13px;
    line-height: 22px;
}

.navigation-button,
.text-caption,
.text-small-caption {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-weight: 500;
}

.text-small-caption {
    font-size: 11px;
    line-height: 16px;
}

.tag {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0v.5H.526V3H0V0h4z' fill='%23D4A0FF'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3v-.5H.526V0H0v3h4z' fill='%23D4A0FF'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3v-.5h3.474V0H4v3H0z' fill='%23D4A0FF'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v.5h3.474V3H4V0H0z' fill='%23D4A0FF'/%3E%3C/svg%3E");
    background-position: 0 0, 0 100%, 100% 100%, 100% 0;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3px 4px;
    width: -moz-fit-content;
    width: fit-content;
}

    .tag.new {
        left: 10px;
        position: absolute;
        top: 10px;
    }

    .tag h1,
    .tag span {
        -webkit-backdrop-filter: blur(19px);
        backdrop-filter: blur(19px);
    }

    .tag.purple h1,
    .tag.purple span {
        background: rgba(212, 160, 255, 0.3);
    }

    .tag.purple-light span {
        -webkit-backdrop-filter: blur(38px);
        backdrop-filter: blur(38px);
        background-color: #f2e2ff;
        color: #6a3794;
    }

    .tag.black {
        filter: grayscale(1);
    }

        .tag.black h1,
        .tag.black span {
            background: hsla(0, 0%, 100%, 0.1);
        }

    .tag:lang(ar) {
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }

    .tag h1,
    .tag span {
        color: #fff;
        font-family: HMAlphaMono, Open sans, arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.42px;
        line-height: 18px;
        padding: 4px 8px;
        text-align: center;
        text-transform: uppercase;
    }

        .tag h1:lang(ar),
        .tag span:lang(ar) {
            letter-spacing: 1px;
        }

    .tag.small h1,
    .tag.small span {
        font-size: 12px;
        letter-spacing: 0.36px;
        line-height: 16px;
        padding: 0 4px;
    }

        .tag.small h1:lang(ar),
        .tag.small span:lang(ar) {
            letter-spacing: 1px;
        }

@font-face {
    font-display: swap;
    font-family: HMAlphaMono;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/HMAlphaMono-Medium.otf);
}

.body {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

.label {
    color: #6a6a6a;
}

.label,
.placeholder {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.caption,
.placeholder {
    color: #949494;
}

.caption {
    font-size: 1.3rem;
    line-height: 1.4;
}

.caption,
.small-text {
    font-family: inherit;
    font-weight: 500;
}

.small-text {
    font-size: 1.4rem;
    line-height: 1.5;
}

.super-small-text {
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.6;
}

.up-title {
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
}

.font-size-l {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (max-width: 860px) {
    .font-size-l {
        font-size: 1.8rem;
    }
}

.uppercase {
    text-transform: uppercase;
}

mark {
    background: #c3c3c3;
}

@media screen and (min-width: 768px) {
    .plain-text.row {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px;
        width: 65%;
    }
}

.plain-text p:not([class^="margin-"]) {
    margin: 22px 0;
}

.plain-text img {
    height: auto;
}

blockquote {
    border-left: 3px solid #000;
    font-style: italic;
    padding-left: 3vw;
}

    blockquote cite {
        color: #949494;
        display: block;
        font-size: 1.3rem;
        margin-top: 7px;
    }

.h1 a:link,
.h1 a:visited,
.h2 a:link,
.h2 a:visited,
.h3 a:link,
.h3 a:visited,
.h4 a:link,
.h4 a:visited,
.h5 a:link,
.h5 a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited {
    color: inherit;
    text-decoration: none !important;
}

a:link,
a:visited {
    outline: 0;
    text-decoration: underline;
    text-underline-position: under;
    transition: all 0.2s ease;
}

    a:link:not(.is-primary),
    a:visited:not(.is-primary) {
        color: #000;
    }

.read-more {
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
}

    .read-more:not(.reverse):after {
        transition: transform 0.3s ease;
    }

    .read-more.reverse:before,
    .read-more:not(.reverse):after {
        content: "";
        display: inline-block;
        font-family: ledger-icons-font;
        font-weight: 600;
        padding-left: 7px;
        vertical-align: middle;
    }

    .read-more.reverse:before {
        transform: rotate(180deg);
        transition: transform 0.3s ease, margin-right 0.3s ease;
    }

    .read-more.reverse:after {
        content: none !important;
    }

    .read-more:not(.is-primary) {
        color: #000;
    }

    .read-more:hover:not(.reverse):after {
        transform: translateX(6px);
    }

    .read-more:hover.reverse:before {
        margin-right: 10px;
        transform: translateX(6px);
    }

.anchor-link {
    color: #000;
    display: inline-block;
    font-weight: 600;
}

    .anchor-link:after {
        content: "";
        display: inline-block;
        font-family: ledger-icons-font;
        margin-left: 10px;
    }

a:link.disable,
a:visited.disable {
    cursor: default;
    opacity: 0.3;
}

    a:link.disable:after,
    a:visited.disable:after {
        content: normal;
    }

.block-popin {
    align-items: center;
    background-color: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: background-color 0.6s ease, opacity 0.3s ease;
    width: 100%;
    z-index: 9999;
}

    .block-popin.open {
        background-color: rgba(0, 0, 0, 0.4);
        display: flex;
        opacity: 1;
    }

    .block-popin .container {
        -webkit-backdrop-filter: blur(32px);
        backdrop-filter: blur(32px);
        background-color: hsla(0, 0%, 100%, 0.6);
        box-shadow: 0 24px 64px #000;
        clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
        max-width: 540px;
        opacity: 0;
        padding: 32px 48px;
        position: relative;
        transform: translateY(32px);
        transition: transform 0.3s ease, opacity 0.3s ease;
        width: 100%;
    }

        .block-popin .container.open {
            opacity: 1;
            transform: translateY(0);
        }

        .block-popin .container .close {
            all: unset;
            height: 24px;
            position: absolute;
            right: 24px;
            top: 24px;
            width: 24px;
        }

            .block-popin .container .close:focus,
            .block-popin .container .close:hover {
                cursor: pointer;
            }

        .block-popin .container .content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            text-align: center;
        }

            .block-popin .container .content img {
                clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
                height: 161px;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
            }

@media screen and (max-width: 690px) {
    .block-popin .container .content img {
        clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 70px, 100% 100%, 0 100%);
    }
}

.block-popin .container .content form {
    display: flex;
    gap: 12px;
}

    .block-popin .container .content form .fields-container input[type="email"] {
        background: transparent;
        border: 1px solid #000;
        border-radius: 72px;
        height: 56px;
        padding: 14px 24px;
    }

        .block-popin .container .content form .fields-container input[type="email"]:active,
        .block-popin .container .content form .fields-container input[type="email"]:focus {
            outline: none;
        }

            .block-popin .container .content form .fields-container input[type="email"]:focus + label {
                opacity: 0;
            }

    .block-popin .container .content form .fields-container label {
        left: 24px;
        position: absolute;
        right: auto;
        top: 14px;
        transition: opacity 0.2s;
    }

    .block-popin .container .content form .fields-container.is-not-empty label {
        opacity: 0;
    }

@media screen and (max-width: 690px) {
    .block-popin .container .content form .fields-container {
        max-width: 100%;
    }
}

.block-popin .container .content form button[type="submit"] {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 12px 24px;
}

@media screen and (max-width: 690px) {
    .block-popin .container .content form {
        flex-direction: column;
    }

    .block-popin .container {
        margin: 0 24px;
        padding: 16px;
    }
}

.clearfix {
    clear: both;
    display: block;
}

hr {
    background-color: #e5e5e5;
    border: 0;
    height: 2px;
    margin: 0;
    padding: 0;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.is-valid {
    color: #6ec85c;
}

.is-error {
    color: #f04f52;
}

.is-primary,
.is-warning,
a.is-primary,
a.is-warning {
    color: #ff5300;
}

.is-secondary,
a.is-secondary {
    color: #d4a0ff;
}

.is-hidden {
    display: none !important;
    visibility: hidden;
}

@media screen and (min-width: 992.5px) {
    .is-hidden-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 768.5px) and (max-width: 992px) {
    .is-hidden-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 768.5px) {
    .is-hidden-mobile {
        display: none !important;
    }
}

.social-icons-footer {
    align-items: center;
    display: flex;
}

    .social-icons-footer > * {
        color: #949494 !important;
        font-size: 20px;
        margin: 0 5px;
        text-decoration: none !important;
    }

    .social-icons-footer > :hover {
        color: #ff5300 !important;
    }

.color-white {
    color: #fff;
}

.color-neutral-100 {
    color: #f5f5f5;
}

.color-brand-primary {
    color: #ff5300;
}

.color-brand-secondary {
    color: #d4a0ff;
}

.color-grey-800 {
    color: #191919;
}

.color-grey-600 {
    color: #6a6a6a;
}

.color-grey-500 {
    color: #949494;
}

.color-grey-400 {
    color: #c3c3c3;
}

.color-darkblue,
.color-darkblue:link {
    color: #001b3c;
}

.color-neutral-300 {
    color: #d4d4d4;
}

.color-neutral-500 {
    color: #737373;
}

.color-neutral-700 {
    color: #404040;
}

.color-neutral-800 {
    color: #262626;
}

.bg {
    padding-bottom: 80px;
    padding-top: 80px;
}

@media screen and (max-width: 690px) {
    .bg {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}

.bg-light-grey {
    background-color: #f1f1f1;
}

.bg-fone-grey {
    background-color: #c3c3c3;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

    .bg-black .h1:not(.is-primary),
    .bg-black .h2:not(.is-primary),
    .bg-black .h3:not(.is-primary),
    .bg-black .h4:not(.is-primary),
    .bg-black .h5:not(.is-primary),
    .bg-black .h6:not(.is-primary),
    .bg-black .h7:not(.is-primary),
    .bg-black:not(.is-primary),
    .bg-black h1:not(.is-primary),
    .bg-black h2:not(.is-primary),
    .bg-black h3:not(.is-primary),
    .bg-black h4:not(.is-primary),
    .bg-black h5:not(.is-primary),
    .bg-black h6:not(.is-primary) {
        color: #fff;
    }

    .bg-black a:not(.is-primary) {
        color: inherit;
    }

    .bg-black .button:not(:empty).primary {
        background: #fff;
        color: #1c1d20;
    }

.bg-carbon {
    background-color: #1c1d20;
}

    .bg-carbon .h1:not(.is-primary),
    .bg-carbon .h2:not(.is-primary),
    .bg-carbon .h3:not(.is-primary),
    .bg-carbon .h4:not(.is-primary),
    .bg-carbon .h5:not(.is-primary),
    .bg-carbon .h6:not(.is-primary),
    .bg-carbon .h7:not(.is-primary),
    .bg-carbon:not(.is-primary),
    .bg-carbon h1:not(.is-primary),
    .bg-carbon h2:not(.is-primary),
    .bg-carbon h3:not(.is-primary),
    .bg-carbon h4:not(.is-primary),
    .bg-carbon h5:not(.is-primary),
    .bg-carbon h6:not(.is-primary) {
        color: #fff;
    }

    .bg-carbon a {
        color: inherit !important;
    }

    .bg-carbon .button.primary {
        background: #fff;
        color: #1c1d20;
    }

.bg-neutral {
    background-color: #0a0a0a;
}

    .bg-neutral .h1:not(.is-primary),
    .bg-neutral .h2:not(.is-primary),
    .bg-neutral .h3:not(.is-primary),
    .bg-neutral .h4:not(.is-primary),
    .bg-neutral .h5:not(.is-primary),
    .bg-neutral .h6:not(.is-primary),
    .bg-neutral .h7:not(.is-primary),
    .bg-neutral:not(.is-primary),
    .bg-neutral h1:not(.is-primary),
    .bg-neutral h2:not(.is-primary),
    .bg-neutral h3:not(.is-primary),
    .bg-neutral h4:not(.is-primary),
    .bg-neutral h5:not(.is-primary),
    .bg-neutral h6:not(.is-primary) {
        color: #fff;
    }

    .bg-neutral a {
        color: inherit !important;
    }

    .bg-neutral .button.primary {
        background: #fff;
        color: #0a0a0a;
    }

.bg-dark {
    background-color: #001b3c;
}

    .bg-black,
    .bg-black .h1,
    .bg-black .h1:not(.is-primary),
    .bg-black .h2,
    .bg-black .h2:not(.is-primary),
    .bg-black .h3,
    .bg-black .h3:not(.is-primary),
    .bg-black .h4,
    .bg-black .h4:not(.is-primary),
    .bg-black .h5,
    .bg-black .h5:not(.is-primary),
    .bg-black .h6,
    .bg-black .h6:not(.is-primary),
    .bg-black .h7,
    .bg-black .h7:not(.is-primary),
    .bg-black:not(.is-primary),
    .bg-black a:not(.is-primary):not(.is-secondary),
    .bg-black a:not(.is-primary):not(.is-secondary):not(.is-primary),
    .bg-black h1,
    .bg-black h1:not(.is-primary),
    .bg-black h2,
    .bg-black h2:not(.is-primary),
    .bg-black h3,
    .bg-black h3:not(.is-primary),
    .bg-black h4,
    .bg-black h4:not(.is-primary),
    .bg-black h5,
    .bg-black h5:not(.is-primary),
    .bg-black h6,
    .bg-black h6:not(.is-primary),
    .bg-carbon,
    .bg-carbon .h1,
    .bg-carbon .h1:not(.is-primary),
    .bg-carbon .h2,
    .bg-carbon .h2:not(.is-primary),
    .bg-carbon .h3,
    .bg-carbon .h3:not(.is-primary),
    .bg-carbon .h4,
    .bg-carbon .h4:not(.is-primary),
    .bg-carbon .h5,
    .bg-carbon .h5:not(.is-primary),
    .bg-carbon .h6,
    .bg-carbon .h6:not(.is-primary),
    .bg-carbon .h7,
    .bg-carbon .h7:not(.is-primary),
    .bg-carbon:not(.is-primary),
    .bg-carbon a:not(.is-primary):not(.is-secondary),
    .bg-carbon a:not(.is-primary):not(.is-secondary):not(.is-primary),
    .bg-carbon h1,
    .bg-carbon h1:not(.is-primary),
    .bg-carbon h2,
    .bg-carbon h2:not(.is-primary),
    .bg-carbon h3,
    .bg-carbon h3:not(.is-primary),
    .bg-carbon h4,
    .bg-carbon h4:not(.is-primary),
    .bg-carbon h5,
    .bg-carbon h5:not(.is-primary),
    .bg-carbon h6,
    .bg-carbon h6:not(.is-primary),
    .bg-dark,
    .bg-dark .h1,
    .bg-dark .h2,
    .bg-dark .h3,
    .bg-dark .h4,
    .bg-dark .h5,
    .bg-dark h1,
    .bg-dark h2,
    .bg-dark h3,
    .bg-dark h4,
    .bg-dark h5 {
        color: #fff;
    }

.bg-tertiary {
    background-color: #fff;
}

.bg-secondary {
    background-color: #d4a0ff;
}

.bg-primary {
    background-color: #ff5300;
}

.bg-purple-gradient {
    background: radial-gradient(80.07% 46.93% at 50% 50%, #45395c 0, #000 94.27%);
    box-shadow: 0 2.396px 2.396px 0 rgba(0, 0, 0, 0.25);
}

.bg-white-neutral {
    background-color: #fafafa;
}

.vault-illustration-bg {
    background-image: url(https://enterprise.ledger.com/images/homepage/home-introduction-image.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 689px) {
    .vault-illustration-bg {
        background-position: 100% 0;
        background-size: 125%;
    }
}

.vault-illustration-bg > .row > * {
    max-width: 100%;
}

@media screen and (min-width: 690px) {
    .vault-illustration-bg > .row > * {
        max-width: 62%;
    }
}

@media screen and (max-width: 690px) {
    #main > .bg {
        margin-left: 0;
        margin-right: 0;
    }
}

.logo {
    display: inherit;
    flex: none;
}

.icon-star-solid,
.icon.icon-star,
.yotpo-icon-half-star,
.yotpo-icon-star {
    color: #ffd24a;
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 1.6rem;
    margin-bottom: 1vw;
    margin-right: 2px;
}

    .yotpo-icon-star:before {
        content: "";
        margin-right: 3px;
    }

    .yotpo-icon-half-star:before {
        content: "";
        margin-right: 3px;
    }

.fa-star,
.fa-star-half-alt {
    color: #ffd24a;
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 1vw;
    margin-right: 2px;
}

.all-clickable,
.cursor-pointer {
    cursor: pointer;
}

.space-between {
    justify-content: space-between !important;
}

.flex-end {
    justify-content: flex-end !important;
}

.flex-start {
    justify-content: flex-start !important;
}

.flex-center {
    justify-content: center !important;
}

.flex-space-around {
    justify-content: space-around !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.flex-none {
    flex: none !important;
}

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

.flex-row {
    flex-direction: row;
}

.flex-align-self-end {
    align-self: end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.left-on-mobile {
    text-align: right;
}

    .left-on-mobile,
    .left-on-mobile > * {
        margin-right: 0;
    }

@media screen and (max-width: 690px) {
    .left-on-mobile {
        text-align: left;
    }

        .left-on-mobile,
        .left-on-mobile > * {
            margin-left: 0;
        }
}

.right-on-mobile {
    text-align: left;
}

    .right-on-mobile,
    .right-on-mobile > * {
        margin-left: 0;
    }

@media screen and (max-width: 690px) {
    .right-on-mobile {
        text-align: right;
    }

        .right-on-mobile,
        .right-on-mobile > * {
            margin-right: 0;
        }
}

@media screen and (min-width: 768px) {
    .center-on-desktop {
        text-align: center;
    }
}

@media screen and (max-width: 690px) {
    .order-1-mobile {
        order: 1;
    }

    .order-5-mobile {
        order: 5;
    }

    .order-10-mobile {
        order: 10;
    }
}

.level {
    color: #000;
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: middle;
}

    .level.with-point:before {
        content: "";
        display: inline-block;
        height: 10px;
        margin: 0 7px 0 0;
        position: relative;
        top: 1px;
        width: 10px;
    }

    .level.level-1 {
        color: #6ec85c;
    }

        .level.level-1:before {
            background-color: #6ec85c;
        }

    .level.level-2 {
        color: #d4a0ff;
    }

        .level.level-2:before {
            background-color: #d4a0ff;
        }

    .level.level-3 {
        color: #ff5300;
    }

        .level.level-3:before {
            background-color: #ff5300;
        }

.badge {
    border: 1px solid;
    border-radius: 0;
    display: inline-block;
    font-size: 1.3rem;
    padding: 4px 10px;
    transition: all 0.2s;
    vertical-align: middle;
}

    .badge:not(.badge-nude) {
        color: #ff5300;
        text-transform: uppercase;
    }

    .badge:hover {
        color: inherit;
        text-decoration: none;
    }

    .badge.badge-tab {
        border: 0;
        color: #949494;
        cursor: pointer;
        margin: 2px;
    }

        .badge.badge-tab.selected,
        .badge.badge-tab:hover {
            background-color: #000;
            color: #fff;
        }

.black-badge {
    background: #000;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    padding: 6px 20px;
    text-transform: uppercase;
}

    .black-badge > .fa,
    .black-badge > .fal {
        color: #ff5300;
        margin: 0 7px 0 0;
    }

.tooltip {
    color: #999;
    cursor: pointer;
    position: relative;
    top: 2px;
}

    .tooltip:hover ~ .tooltip-content {
        display: block !important;
    }

.tooltip-content {
    background: #000;
    border-radius: 0;
    color: #fff;
    display: none;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 1.4;
    max-width: 300px;
    min-width: 200px;
    padding: 1vw;
    position: absolute;
    right: 0;
    text-align: left;
    transition: all 0.3s;
}

main :not(.height-auto) > iframe {
    border-radius: 0;
    height: 310px;
    width: 100%;
}

@media screen and (max-width: 690px) {
    main :not(.height-auto) > iframe {
        height: 200px;
    }
}

main :not(.height-auto) > iframe.iframe-nofull {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 992px) {
    main :not(.height-auto) > iframe.iframe-nofull {
        max-width: 650px;
        min-height: 500px;
    }
}

.target-section {
    clear: both;
    position: relative;
    top: -90px;
    width: 100px;
}

@media screen and (min-width: 992px) {
    .target-section {
        top: -130px;
    }
}

.target {
    margin-top: -120px;
    position: absolute;
}

.v-padding-lg {
    padding-bottom: 7vw;
    padding-top: 7vw;
}

@media screen and (max-width: 690px) {
    .v-padding-lg {
        padding-bottom: 13vw;
        padding-top: 13vw;
    }
}

.v-padding-md {
    padding-bottom: 5vw;
    padding-top: 5vw;
}

@media screen and (max-width: 690px) {
    .v-padding-md {
        padding-bottom: 7vw;
        padding-top: 7vw;
    }
}

.v-padding-sm {
    padding-bottom: 3vw;
    padding-top: 3vw;
}

@media screen and (max-width: 690px) {
    .v-padding-sm {
        padding-bottom: 5vw;
        padding-top: 5vw;
    }
}

.v-padding-xs {
    padding-bottom: 2vw;
    padding-top: 2vw;
}

@media screen and (max-width: 690px) {
    .v-padding-xs {
        padding-bottom: 3vw;
        padding-top: 3vw;
    }
}

.v-margin-lg {
    margin-bottom: 7vw;
    margin-top: 7vw;
}

@media screen and (max-width: 690px) {
    .v-margin-lg {
        margin-bottom: 13vw;
        margin-top: 13vw;
    }
}

.v-margin-md {
    margin-bottom: 5vw;
    margin-top: 5vw;
}

@media screen and (max-width: 690px) {
    .v-margin-md {
        margin-bottom: 7vw;
        margin-top: 7vw;
    }
}

.v-margin-sm {
    margin-bottom: 3vw;
    margin-top: 3vw;
}

@media screen and (max-width: 690px) {
    .v-margin-sm {
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
}

.v-margin-xs {
    margin-bottom: 2vw;
    margin-top: 2vw;
}

@media screen and (max-width: 690px) {
    .v-margin-xs {
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
}

.v-margin-xxs {
    margin-bottom: 1vw;
    margin-top: 1vw;
}

@media screen and (max-width: 690px) {
    .v-margin-xxs {
        margin-bottom: 2vw;
        margin-top: 2vw;
    }
}

.margin-lg {
    margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
    .margin-lg {
        margin-bottom: 80px;
    }
}

.margin-md {
    margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
    .margin-md {
        margin-bottom: 50px;
    }
}

.margin-sm {
    margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .margin-sm {
        margin-bottom: 40px;
    }
}

.margin-s {
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .margin-s {
        margin-bottom: 20px;
    }
}

.margin-xs {
    margin-bottom: 20px;
}

.margin-xxs {
    margin-bottom: 12px;
}

.padding-md {
    padding: 80px;
}

@media screen and (max-width: 690px) {
    .padding-md {
        padding: 20px;
    }
}

.padding-sm {
    padding: 60px;
}

@media screen and (max-width: 690px) {
    .padding-sm {
        padding: 40px;
    }
}

.padding-s {
    padding: 40px;
}

@media screen and (max-width: 690px) {
    .padding-s {
        padding: 20px;
    }
}

.padding-xs {
    padding: 20px;
}

.padding-xxs {
    padding: 12px;
}

.ldg-container,
.row {
    box-sizing: border-box;
}

.row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative;
}

@media screen and (max-width: 1510px) {
    .row {
        margin-left: 4%;
        margin-right: 4%;
    }
}

.row > .row {
    margin-left: 4%;
    margin-right: 4%;
}

@media screen and (min-width: 992px) {
    .row > .row.no-margin-right {
        margin-left: 4%;
        margin-right: 0;
    }

    .row > .row.no-margin-left {
        margin-left: 0;
        margin-right: 4%;
    }
}

.flexbox {
    align-items: inherit;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media screen and (max-width: 690px) {
    .flexbox {
        align-items: inherit;
        display: flex;
        flex-flow: column wrap;
        justify-content: inherit;
    }
}

@media screen and (max-width: 690px) and (-ms-high-contrast: active), screen and (max-width: 690px) and (-ms-high-contrast: none) {
    .flexbox {
        align-items: inherit;
        display: flex;
        flex-flow: row wrap;
        justify-content: inherit;
    }
}

.flexbox > * {
    flex: 1 0 0%;
}

.flexbox.flex-column {
    align-items: inherit;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .no-margin-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

#header {
    background-color: #fff;
    margin-bottom: 0px;
    padding: 0 16px;
    position: relative;
    position: sticky;
    top: -100%;
    top: 0;
    transition: all 0.3s;
    width: 100%;
    z-index: 99;
}

@media (min-width: 1024px) {
    #header {
        padding: 0 2.5rem;
    }
}

@media (min-width: 1280px) {
    #header {
        padding: 0 96px;
    }
}

@media screen and (max-width: 992px) {
    #header {
        margin-bottom: 0px;
    }
}

#header > .flexbox {
    align-items: center;
}

    #header > .flexbox > * {
        flex: initial;
    }

@media screen and (max-width: 1024px) {
    #header > .flexbox {
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 20px 0;
    }

    #header .logo .flexbox {
        flex-flow: nowrap;
    }
}

#header > .row {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 86px;
    margin: auto;
    max-width: 1440px;
}

    #header > .row > .row {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

@media screen and (max-width: 1510px) {
    #header > .row {
        padding: 0 4%;
    }
}

@media screen and (max-width: 1024px) {
    #header > .row {
        height: 64px;
    }
}

#header a {
    text-decoration: none;
}

#header .cart,
#header .logo {
    flex: none;
    font-size: 2rem;
}

    #header .cart img,
    #header .logo img {
        height: 32px;
    }

    #header .cart > * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        transition: all 0.2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

@media screen and (min-width: 993px) {
    #header .cart #mobile-menu {
        display: none;
    }
}

#header .cart #mobile-menu.is-open > i:before {
    content: "";
}

#header nav {
    flex: 2;
    justify-content: flex-end;
}

    #header nav > * {
        border: none;
    }

@media screen and (max-width: 992px) {
    #header .cart {
        display: flex;
        flex: 2;
        justify-content: flex-end;
    }

    #header .icon-bars,
    #header .icon-shopping_cart {
        display: block;
        padding: 18px 12px;
    }
}

@media screen and (min-width: 993px) {
    #header.dark-header .main-navigation > ul > li > a {
        color: #fff;
    }
}

#header.dark-header .logo {
    filter: invert(1);
}

#header.dark-header,
#header.transparent-white-font:not(.out-of-top) {
    -webkit-backdrop-filter: blur(40px) brightness(90%) contrast(110%) opacity(80%);
    backdrop-filter: blur(40px) brightness(90%) contrast(110%) opacity(80%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.04) 14.9%, hsla(0, 0%, 100%, 0.04) 85.37%, hsla(0, 0%, 100%, 0));
    border: 0;
}

    #header.dark-header .language-switcher a,
    #header.dark-header .navigation a.navigation-button:not(.navigation__tabs__trigger),
    #header.dark-header .navigation button:not(.navigation__tabs__trigger),
    #header.transparent-white-font:not(.out-of-top) .language-switcher a,
    #header.transparent-white-font:not(.out-of-top) .navigation a.navigation-button:not(.navigation__tabs__trigger),
    #header.transparent-white-font:not(.out-of-top) .navigation button:not(.navigation__tabs__trigger) {
        color: #fff;
    }

        #header.dark-header .language-switcher a:after,
        #header.transparent-white-font:not(.out-of-top) .language-switcher a:after {
            filter: invert(0);
        }

    #header.dark-header .cart > *,
    #header.dark-header .hamburger,
    #header.dark-header .logo,
    #header.transparent-white-font:not(.out-of-top) .cart > *,
    #header.transparent-white-font:not(.out-of-top) .hamburger,
    #header.transparent-white-font:not(.out-of-top) .logo {
        filter: invert(1);
    }

    #header.dark-header:hover,
    #header.transparent-white-font:not(.out-of-top):hover {
        background-color: #fff;
        transition-delay: 0s;
    }

        #header.dark-header:hover .language-switcher a,
        #header.dark-header:hover .navigation a.navigation-button,
        #header.dark-header:hover .navigation button.navigation-button,
        #header.transparent-white-font:not(.out-of-top):hover .language-switcher a,
        #header.transparent-white-font:not(.out-of-top):hover .navigation a.navigation-button,
        #header.transparent-white-font:not(.out-of-top):hover .navigation button.navigation-button {
            color: #000;
        }

            #header.dark-header:hover .language-switcher a:after,
            #header.transparent-white-font:not(.out-of-top):hover .language-switcher a:after {
                filter: invert(1);
            }

        #header.dark-header:hover .cart > *,
        #header.dark-header:hover .hamburger,
        #header.dark-header:hover .logo,
        #header.transparent-white-font:not(.out-of-top):hover .cart > *,
        #header.transparent-white-font:not(.out-of-top):hover .hamburger,
        #header.transparent-white-font:not(.out-of-top):hover .logo {
            filter: invert(0);
        }

        #header.dark-header:hover .header-divider,
        #header.transparent-white-font:not(.out-of-top):hover .header-divider {
            background: linear-gradient(90deg, rgba(38, 38, 38, 0), rgba(38, 38, 38, 0.1) 25%, rgba(38, 38, 38, 0.1) 75%, rgba(38, 38, 38, 0));
        }

    #header.dark-header .cart > *,
    #header.dark-header .hamburger,
    #header.dark-header .header-language-selector .language-switcher a,
    #header.dark-header .header-language-selector .language-switcher a:after,
    #header.dark-header .logo,
    #header.dark-header .navigation-button,
    #header.transparent-white-font:not(.out-of-top) .cart > *,
    #header.transparent-white-font:not(.out-of-top) .hamburger,
    #header.transparent-white-font:not(.out-of-top) .header-language-selector .language-switcher a,
    #header.transparent-white-font:not(.out-of-top) .header-language-selector .language-switcher a:after,
    #header.transparent-white-font:not(.out-of-top) .logo,
    #header.transparent-white-font:not(.out-of-top) .navigation-button {
        transition-delay: 0s;
    }

#header.white-header .header-divider {
    background: linear-gradient(90deg, rgba(38, 38, 38, 0), rgba(38, 38, 38, 0.1) 25%, rgba(38, 38, 38, 0.1) 75%, rgba(38, 38, 38, 0));
}

#header.dark-header.out-of-top,
#header.transparent-white-font.out-of-top,
#header.white-header:not(.out-of-top) {
    background-color: #fff;
}

    #header.dark-header.out-of-top .header-language-selector .language-switcher a,
    #header.dark-header.out-of-top .navigation a.navigation-button,
    #header.dark-header.out-of-top .navigation button,
    #header.transparent-white-font.out-of-top .header-language-selector .language-switcher a,
    #header.transparent-white-font.out-of-top .navigation a.navigation-button,
    #header.transparent-white-font.out-of-top .navigation button,
    #header.white-header:not(.out-of-top) .header-language-selector .language-switcher a,
    #header.white-header:not(.out-of-top) .navigation a.navigation-button,
    #header.white-header:not(.out-of-top) .navigation button {
        color: #000;
    }

        #header.dark-header.out-of-top .header-language-selector .language-switcher a:after,
        #header.transparent-white-font.out-of-top .header-language-selector .language-switcher a:after,
        #header.white-header:not(.out-of-top) .header-language-selector .language-switcher a:after {
            filter: invert(1);
        }

    #header.dark-header.out-of-top .cart > *,
    #header.dark-header.out-of-top .hamburger,
    #header.dark-header.out-of-top .logo,
    #header.transparent-white-font.out-of-top .cart > *,
    #header.transparent-white-font.out-of-top .hamburger,
    #header.transparent-white-font.out-of-top .logo,
    #header.white-header:not(.out-of-top) .cart > *,
    #header.white-header:not(.out-of-top) .hamburger,
    #header.white-header:not(.out-of-top) .logo {
        filter: invert(0);
    }

@media screen and (min-width: 993px) {
    #header.dark-header.out-of-top a,
    #header.dark-header.out-of-top button,
    #header.transparent-white-font.out-of-top a,
    #header.transparent-white-font.out-of-top button,
    #header.white-header:not(.out-of-top) a,
    #header.white-header:not(.out-of-top) button {
        color: #000;
    }
}

#header:not(.dark-header).out-of-top {
    background-color: #fff;
}

    #header:not(.dark-header).out-of-top button {
        color: #000;
    }

#header.out-of-top {
    transform: translateY(-86px);
}

    #header.out-of-top .navigation__tabs__content {
        height: calc(100dvh - 146px);
    }

#header.sticky {
    background-color: #fff;
    transform: translateY(0);
    transition: all 0.3s;
}

    #header.sticky .navigation a.navigation-button:not(.navigation__tabs__trigger),
    #header.sticky .navigation button:not(.navigation__tabs__trigger) {
        color: #000;
    }

    #header.sticky .cart > *,
    #header.sticky .hamburger,
    #header.sticky .logo {
        filter: invert(0);
    }

    #header.sticky .language-switcher a {
        color: #000;
    }

        #header.sticky .language-switcher a:after {
            filter: invert(1);
        }

    #header.sticky .header-divider {
        background: linear-gradient(90deg, rgba(38, 38, 38, 0), rgba(38, 38, 38, 0.1) 25%, rgba(38, 38, 38, 0.1) 75%, rgba(38, 38, 38, 0));
    }

.pick-up-news {
    background: #262626;
    padding: 0.5vw 1vw;
    text-align: center;
}

    .pick-up-news a,
    .pick-up-news p {
        color: #fff;
        font-size: 1.3rem;
    }

    .pick-up-news a {
        text-decoration: underline;
    }

        .pick-up-news a:not(.is-primary) {
            color: #fff;
        }

@media screen and (max-width: 992px) {
    .pick-up-news {
        display: none;
    }
}

.page-template-page-redirection-only #header,
.page-template-page-start #header {
    margin-bottom: 0;
}

.header-divider {
    background: linear-gradient(90deg, hsla(0, 0%, 90%, 0), hsla(0, 0%, 90%, 0.1) 25%, hsla(0, 0%, 90%, 0.1) 75%, hsla(0, 0%, 90%, 0));
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.header-end-container {
    align-items: center;
    display: flex;
    gap: 12px;
}

.header-top-banner,
.pick-up-news {
    display: block;
    position: relative;
    z-index: 999;
}

.page-template-page-referral-v2 #main.no-top-spacing .introduction {
    margin-top: -110px;
}

@media screen and (max-width: 1024px) {
    .page-template-page-referral-v2 #main.no-top-spacing .introduction {
        margin-top: -100px;
    }
}

.ledger-card .hero,
.ledger-card .introduction,
.ledger-live .hero,
.ledger-live .introduction {
    margin-top: -166px;
}

@media screen and (max-width: 1024px) {
    .ledger-card .hero,
    .ledger-card .introduction,
    .ledger-live .hero,
    .ledger-live .introduction {
        margin-top: -76px;
    }
}

@media screen and (max-width: 992px) {
    .ledger-card .hero,
    .ledger-card .introduction,
    .ledger-live .hero,
    .ledger-live .introduction {
        margin-top: -96px;
    }
}

.ledger-card .hero,
.ledger-live .hero {
    padding-top: 180px;
}

.ledger-card .introduction {
    padding-top: 142px;
}

@media screen and (max-width: 1024px) {
    .ledger-card .introduction {
        padding-top: 112px;
    }
}

.ledger-live .hero {
    padding-top: 86px;
}

@media screen and (max-width: 1024px) {
    .ledger-live .hero {
        padding-top: 126px;
    }

    .pick-up-news {
        display: none;
    }
}

#footer {
    background-color: #000;
    font-weight: 400;
    padding: 80px 0 40px;
}

@media screen and (max-width: 768px) {
    #footer {
        padding: 60px 0 20px;
    }
}

#footer > * {
    box-sizing: border-box;
    margin: auto;
    max-width: 1440px;
    padding-left: 3%;
}

@media screen and (max-width: 1510px) {
    #footer > * {
        margin-left: 4%;
        margin-right: 4%;
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    #footer > * {
        flex-direction: column;
    }
}

#footer,
#footer a {
    color: #949494;
}

    #footer .logo {
        margin-bottom: 40px;
    }

        #footer .logo img {
            filter: invert(1);
            height: 40px;
        }

        #footer .logo ~ p {
            font-size: 1.3rem;
            line-height: 1.7;
        }

.page-template-page-redirection-only #footer > *,
.page-template-page-start #footer > * {
    padding-left: 4%;
}

.prefooter-blocks {
    background: linear-gradient(104deg, #000 9.86%, #181818 50.03%, #000 90.19%);
}

    .prefooter-blocks .heading-4 {
        color: #fff;
    }

    .prefooter-blocks label.text-body-r,
    .prefooter-blocks p.text-body-r {
        color: #e5e5e5;
    }

    .prefooter-blocks > * {
        margin: auto;
        max-width: 1440px;
    }

    .prefooter-blocks .flexbox {
        box-sizing: border-box;
        color: #000;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all 0.3s;
    }

        .prefooter-blocks .flexbox a {
            color: inherit;
            font-size: inherit;
        }

@media screen and (min-width: 992px) {
    .prefooter-blocks .flexbox {
        flex-direction: row;
    }
}

.prefooter-blocks .flexbox > :not(:last-child) {
    margin-bottom: 60px !important;
}

@media screen and (min-width: 860px) {
    .prefooter-blocks .flexbox > * {
        margin-bottom: 0;
    }
}

.prefooter-blocks .social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0 0;
}

    .prefooter-blocks .social-icons > * {
        margin: 0;
    }

        .prefooter-blocks .social-icons > * a {
            align-items: center;
            background-color: hsla(0, 0%, 100%, 0.05);
            border-radius: 100%;
            display: flex;
            flex-direction: column;
            height: 50px;
            justify-content: center;
            width: 50px;
        }

.prefooter-blocks form.inline-form {
    gap: 16px;
    justify-content: flex-start;
    margin-bottom: 20px;
}

    .prefooter-blocks form.inline-form .fields-container {
        margin-right: 0 !important;
    }

        .prefooter-blocks form.inline-form .fields-container #footer-mail {
            background: transparent;
            border: 1px solid var(--Neutral-Neutral-600, #525252);
            border-radius: 72px;
            max-height: 52px;
            padding: 13px 13px 13px 30px;
        }

            .prefooter-blocks form.inline-form .fields-container #footer-mail + label {
                top: 12px;
            }

    .prefooter-blocks form.inline-form .button:not(:empty) {
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        max-height: 52px;
        padding: 12px 24px;
    }

@media screen and (max-width: 992px) {
    .prefooter-blocks form.inline-form {
        gap: 12px;
    }
}

.prefooter-blocks .prefooter-disclaimer {
    color: #a3a3a3;
    font-size: 1.3rem;
}

@media screen and (min-width: 769px) {
    aside {
        background-color: transparent;
        margin-left: 10%;
        max-width: 300px;
    }
}

aside form.inline-form {
    justify-content: flex-start;
}

@media screen and (min-width: 769px) {
    aside form.inline-form {
        flex-direction: row;
    }

        aside form.inline-form .button {
            min-width: auto;
            padding-left: 12px;
            padding-right: 12px;
        }
}

aside form.inline-form .button:after {
    display: none;
}

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

input:not(textarea):not(select):not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    width: 100%;
}

@media screen and (min-width: 690px) {
    input:not(textarea):not(select):not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
        max-width: 400px;
    }
}

@media screen and (max-width: 690px) {
    input:not(textarea):not(select):not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
        max-width: 100%;
    }
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]),
select,
textarea {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: inherit;
    max-height: 76px;
    max-width: 100%;
    padding: 22px;
    transition: font-size 0.2s;
    z-index: 5;
}

@media screen and (max-width: 768px) {
    input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]),
    select,
    textarea {
        font-size: 1.4rem;
        padding: 20px 12px;
    }
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]):-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #f9f9f9;
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]):active,
input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]):focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: none;
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"])[type="date"],
select[type="date"],
textarea[type="date"] {
    color: #fff;
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"]):not([type="submit"]),
input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"])[type="file"],
select:not([type="submit"]),
select[type="file"],
textarea:not([type="submit"]),
textarea[type="file"] {
    background: #fff;
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"])[type="submit"],
select[type="submit"],
textarea[type="submit"] {
    background: inherit;
    border: none;
}

input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"])[type="checkbox"],
input:not([type="file"]):not([type="submit"]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type="checkbox"]):not([type="range"])[type="radio"],
select[type="checkbox"],
select[type="radio"],
textarea[type="checkbox"],
textarea[type="radio"] {
    filter: grayscale(1) contrast(1) saturate(0);
    margin-top: 0;
}

textarea {
    border-radius: 20px;
    min-height: 150px;
    resize: vertical;
    width: 100%;
}

select:not([size]) {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/arrow.svg) no-repeat center right 12px !important;
    background-position: 100% !important;
    line-height: 1.5;
    padding-right: 36px;
    width: 100%;
    -ms-word-break: normal;
    word-break: normal;
}

    select:not([size])::-ms-expand {
        display: none;
    }

@media screen and (min-width: 690px) {
    select:not([size]) {
        max-width: 400px;
    }
}

@media screen and (max-width: 690px) {
    select:not([size]) {
        max-width: 200px;
    }
}

select[size] {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    max-height: none;
    overflow: auto;
}

    select[size]::-webkit-scrollbar {
        width: 5px;
    }

    select[size]::-webkit-scrollbar-track {
        background: transparent;
    }

    select[size]::-webkit-scrollbar-thumb {
        background: #c3c3c3;
    }

        select[size]::-webkit-scrollbar-thumb:hover {
            background: #949494;
        }

select option {
    color: #1c1d20;
}

select.order-by {
    background-color: #fbfbfb !important;
    border: none;
    border-radius: 0;
    font-size: 1.4rem !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

::-moz-placeholder {
    color: #3c3b3b;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

::placeholder,
label {
    color: #3c3b3b;
    transition: opacity 0.2s;
}

:-ms-input-placeholder {
    color: #3c3b3b;
}

::-ms-input-placeholder {
    color: #3c3b3b;
}

.fields-container {
    display: inline-block;
    max-width: 400px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 690px) {
    .fields-container {
        display: block;
    }
}

.fields-container > span + label,
.fields-container input + label {
    color: #000;
    font-size: 1.6rem;
    left: 30px;
    max-width: 100%;
    position: absolute;
    right: auto;
    top: 25px;
    transition: all 0.2s;
    z-index: 10;
}

@media screen and (max-width: 768px) {
    .fields-container > span + label,
    .fields-container input + label {
        font-size: 1.4rem;
        left: 24px;
        top: 24px;
    }
}

.fields-container.is-active label {
    opacity: 0;
}

.fields-container.is-active input[type="date"] {
    color: inherit;
}

.fields-container label + select {
    color: #000;
    display: block;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: inherit;
    margin-top: 12px;
}

.fields-container input.nolabel {
    padding-left: 45px;
}

.fields-container-options input,
.fields-container-options label {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.fields-container-options label {
    margin-right: 12px;
}

form .wpcf7-not-valid-tip {
    color: #f04f52;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: inherit;
    padding-top: 7px;
}

form .fields-container .wpcf7-not-valid {
    border: 1px solid #f04f52 !important;
}

form.inline-form,
form .inline-form {
    align-items: stretch;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    form.inline-form,
    form .inline-form {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    form.inline-form .fields-container,
    form .inline-form .fields-container {
        margin-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    form.inline-form .fields-container > *,
    form .inline-form .fields-container > * {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

form.inline-form label,
form .inline-form label {
    max-width: 90% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

form.inline-form__space-between,
form .inline-form__space-between {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

    form.inline-form__space-between .fields-container,
    form .inline-form__space-between .fields-container {
        width: 45%;
    }

form .footer-form {
    text-align: right;
}

    form .footer-form > * {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 1vw;
    }

    form .footer-form .button {
        margin-top: 1vw;
        padding: 15px 20px;
        position: relative;
        white-space: nowrap;
    }

form [class^="is-"] {
    display: block;
    font-size: 1.4rem;
    line-height: 1rem;
    margin-top: 8px;
}

#cover-form {
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 435px;
    padding: 2vw;
    width: 100%;
}

@media screen and (max-width: 690px) {
    #cover-form {
        margin-top: 5vw;
        max-width: 100%;
        padding: 7vw 2vw;
    }
}

@media screen and (min-width: 690px) and (max-width: 880px) {
    #cover-form {
        margin-top: 5vw;
    }
}

#cover-form .fields-container {
    display: block;
}

    #cover-form .fields-container input {
        width: 100% !important;
    }

#cover-form .h4,
#cover-form h4 {
    color: initial !important;
    margin-bottom: 3vw;
}

@media screen and (min-width: 690px) {
    #cover-form .h4,
    #cover-form h4 {
        margin-bottom: 1vw;
    }
}

#cover-form .v-margin-xs {
    margin-bottom: 1vw;
    margin-top: 1vw;
}

@media screen and (max-width: 690px) {
    #cover-form .v-margin-xs {
        margin: 2vw 0;
    }
}

.wpcf7-aborted:before,
.wpcf7-acceptance-missing:before,
.wpcf7-mail-sent-ok:before,
.wpcf7-spam-blocked:before,
.wpcf7-validation-errors:before {
    color: #27d0e2 !important;
    content: "";
    float: left;
    font-family: ledger-icons-font;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-right: 16px;
}

.wpcf7-response-output {
    background: #142533;
    border: 0 !important;
    border-radius: 4px;
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1vw;
    padding: 1vw !important;
    text-align: left;
}

@media screen and (max-width: 690px) {
    .wpcf7-response-output {
        padding: 4vw !important;
    }
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #f3f3f3;
    color: #142533;
}

    .wpcf7-response-output.wpcf7-mail-sent-ok:before {
        content: "";
    }

.ajax-loader {
    border: none;
    height: 16px;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 16px;
}

ol,
ul {
    margin: 12px 0 32px 22px;
}

    ol li,
    ul li {
        list-style: disc;
        margin: 10px;
    }

        ol li ul,
        ul li ul {
            margin-bottom: 22px;
            margin-left: 32px;
        }

    ol li {
        list-style-type: decimal;
        list-style: decimal;
        padding-left: 12px;
    }

.ul-square {
    margin-left: 15px;
}

    .ul-square li {
        list-style: square;
    }

.ol-bullet {
    counter-reset: section;
    margin-left: 0;
    margin-right: 0;
}

    .ol-bullet li {
        align-items: baseline;
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .ol-bullet li:not(:last-child) {
            margin-bottom: 20px;
        }

        .ol-bullet li:before {
            border: 1px solid;
            border-radius: 100%;
            content: counter(section);
            counter-increment: section;
            flex: none;
            height: 32px;
            line-height: 32px;
            margin-right: 20px;
            padding: 0;
            text-align: center;
            width: 32px;
        }

.list-checked > *,
.no-bullet,
.no-bullet > * {
    list-style: none;
    margin-left: 0;
}

.list-checked > * {
    display: flex;
}

.list-checked > :before {
    color: #ff5300;
    content: "";
    font-family: Font Awesome\5 Pro;
    margin-right: 10px;
}

.pipe-list,
.pipe-list > * {
    margin-left: 0;
}

    .pipe-list > * {
        border-left: 1px solid;
        list-style: none;
        padding-left: 7px;
    }

    .pipe-list > :not(:last-child) {
        margin-bottom: 1vw;
    }

.article-list {
    flex-grow: 2;
}

.article-item {
    margin-bottom: 60px;
}

    .article-item img {
        border: 1px solid #f5f5f5;
        margin-right: 3vw;
        max-width: 100%;
    }

    .article-item .datetime {
        margin-top: 1vw;
    }

@media screen and (min-width: 1200px) {
    .article-item {
        align-items: flex-start;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .article-item > * {
            flex: auto;
            padding-top: 0 !important;
        }
}

@media screen and (max-width: 1199px) {
    .article-item img {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    article {
        min-width: 85%;
    }
}

article hr {
    margin: 32px 0 22px;
}

article .content {
    justify-content: space-between !important;
}

    article .content p:first-of-type > span {
        color: #949494;
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: inherit;
    }

article footer .icon {
    font-size: 3.8rem;
}

article .datetime span {
    color: #c3c3c3;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top;
}

article img {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .blog-posts > .flexbox {
        flex-direction: column;
    }
}

.blog-posts article {
    min-width: auto;
}

@media screen and (max-width: 767.5px) {
    .blog-posts .hero-latest-post {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .blog-posts .hero-latest-post {
        align-items: stretch;
        display: flex;
    }
}

.blog-posts .hero-latest-post > * {
    flex: 1;
}

.blog-posts .hero-latest-post .illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 210px;
}

@media screen and (min-width: 768px) {
    .blog-posts .hero-latest-post .illustration {
        max-width: 670px;
        width: 58%;
    }
}

.blog-posts .hero-latest-post .content {
    display: flex;
    flex-direction: column;
    margin: 40px 4%;
}

@media screen and (min-width: 768px) {
    .blog-posts .hero-latest-post .content {
        margin: 0;
        padding-left: 6%;
        width: 42%;
    }
}

.blog-posts .hero-latest-post .content .caption {
    font-weight: 400;
    order: -1;
}

@media screen and (max-width: 860px) {
    .blog-posts .hero-latest-post .content .title {
        font-size: 3.8rem;
    }
}

@media screen and (min-width: 768px) {
    .blog-posts .sub-hero-latest-post {
        display: flex;
        flex-wrap: wrap;
    }
}

.blog-posts .sub-hero-latest-post > * {
    display: flex;
    flex: 1;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .blog-posts .sub-hero-latest-post > :not(:last-of-type) {
        padding-right: 40px;
    }
}

@media screen and (max-width: 767.5px) {
    .blog-posts .sub-hero-latest-post > :not(:last-of-type) {
        margin-bottom: 40px;
    }
}

.blog-posts .sub-hero-latest-post > * .caption {
    font-weight: 400;
    order: -1;
}

.blog-posts .blog-articles-list {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

@media screen and (min-width: 992px) {
    .blog-posts .blog-articles-list {
        flex-flow: row wrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .blog-posts .blog-articles-list {
        flex-flow: row wrap;
    }
}

.blog-posts .blog-articles-list .article-list-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .blog-posts .blog-articles-list .article-list-item {
        max-width: 31%;
        min-width: 31%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .blog-posts .blog-articles-list .article-list-item {
        max-width: 47%;
        min-width: 47%;
    }
}

.blog-posts .blog-articles-list .article-list-item .illustration {
    background-color: #fbfbfb;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 155%;
    min-height: 275px;
    transition: all 0.35s;
}

.blog-posts .blog-articles-list .article-list-item:hover .illustration {
    background-size: 195%;
}

.blog-posts .blog-articles-list .see-more {
    min-width: 100%;
}

.blog-posts.home-blog .blog-articles-list:not(.active) {
    display: none;
}

.blog-posts.home-blog .blog-articles-list-filters {
    min-height: 76px;
}

    .blog-posts.home-blog .blog-articles-list-filters .categories-of-blog,
    .blog-posts.home-blog .blog-articles-list-filters .categories-of-blog ul {
        height: 100%;
    }

.blog-posts .blog-articles-list-filters {
    border-bottom: 2px solid #e5e5e5;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media screen and (min-width: 690px) {
    .blog-posts .blog-articles-list-filters {
        display: flex;
    }
}

@media screen and (max-width: 860px) {
    .blog-posts .blog-articles-list-filters {
        align-items: normal;
        border: 0;
        flex-direction: column;
    }
}

.blog-posts .blog-articles-list-filters > * {
    flex: 1;
}

.blog-posts .blog-articles-list-filters > :first-of-type {
    flex: 2;
}

@media screen and (max-width: 690px) {
    .blog-posts .blog-articles-list-filters .categories-of-blog {
        overflow-x: auto;
    }
}

.blog-posts .blog-articles-list-filters .categories-of-blog > ul {
    align-items: stretch;
    display: flex;
    font-weight: 600;
    text-transform: uppercase;
}

    .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li {
        align-items: center;
        display: flex;
        margin-right: 20px;
        max-width: 190px;
        padding: 15px 5px 20px;
        text-align: center;
        transition: all 0.3s;
    }

        .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li a {
            color: #c3c3c3;
        }

        .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li.active,
        .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li:hover {
            box-shadow: 0 2px 0 0 #000;
        }

            .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li.active a,
            .blog-posts .blog-articles-list-filters .categories-of-blog > ul > li:hover a {
                color: inherit;
            }

.blog-posts .blog-articles-list-filters #searchform {
    display: block;
    margin-top: 40px;
    position: relative;
}

@media screen and (min-width: 860.5px) {
    .blog-posts .blog-articles-list-filters #searchform {
        margin-top: 0;
    }
}

.blog-posts .blog-articles-list-filters #searchform .fields-container {
    margin: 0;
    max-width: none;
}

    .blog-posts .blog-articles-list-filters #searchform .fields-container input {
        padding: 15px 50px 15px 20px;
    }

    .blog-posts .blog-articles-list-filters #searchform .fields-container label {
        top: 18px;
    }

.blog-posts .blog-articles-list-filters #searchform #searchsubmit {
    background: none;
    border: none;
    font-size: 2rem;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 10;
}

.blog-posts .blog-category-breadcrumb,
.blog-posts .blog-category-breadcrumb a {
    color: #949494;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

    .blog-posts .blog-category-breadcrumb i {
        padding: 0 12px;
    }

.blog-posts.blog-category .blog-articles-list-filters {
    border-bottom: 0;
}

@media screen and (min-width: 860.5px) {
    .blog-posts.blog-category .blog-articles-list-filters {
        align-items: center;
    }
}

.blog-posts.search-page label {
    display: none;
}

.blog-posts.search-page #searchform {
    margin-top: 0;
}

.blog-posts.article-page .header {
    align-items: center;
    border-bottom: 1px solid #949494;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1510px;
}

@media screen and (max-width: 768px) {
    .blog-posts.article-page .header {
        border: 0;
        flex-direction: column-reverse;
    }
}

.blog-posts.article-page .header > * {
    flex: 1;
    width: 100%;
}

.blog-posts.article-page .header > .content {
    margin-top: 12px;
    padding: 4%;
}

@media screen and (min-width: 768.5px) {
    .blog-posts.article-page .header > .content {
        margin-top: 0;
        padding: 12px 6%;
    }
}

@media screen and (max-width: 992px) {
    .blog-posts.article-page .header > .content .title {
        font-size: 3.8rem;
    }
}

.blog-posts.article-page .header > .illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
}

@media screen and (min-width: 768.5px) {
    .blog-posts.article-page .header > .illustration {
        min-height: 700px;
    }
}

.blog-posts.article-page .plain-text .h1,
.blog-posts.article-page .plain-text .h2,
.blog-posts.article-page .plain-text .h3,
.blog-posts.article-page .plain-text .h4,
.blog-posts.article-page .plain-text .h5,
.blog-posts.article-page .plain-text h1,
.blog-posts.article-page .plain-text h2,
.blog-posts.article-page .plain-text h3,
.blog-posts.article-page .plain-text h4,
.blog-posts.article-page .plain-text h5 {
    margin-bottom: 20px;
}

.blog-posts.article-page .plain-text p + .h1,
.blog-posts.article-page .plain-text p + .h2,
.blog-posts.article-page .plain-text p + .h3,
.blog-posts.article-page .plain-text p + .h4,
.blog-posts.article-page .plain-text p + .h5,
.blog-posts.article-page .plain-text p + h1,
.blog-posts.article-page .plain-text p + h2,
.blog-posts.article-page .plain-text p + h3,
.blog-posts.article-page .plain-text p + h4,
.blog-posts.article-page .plain-text p + h5 {
    margin-top: 60px;
}

.blog-posts.article-page .footer .social-icons-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

    .blog-posts.article-page .footer .social-icons-footer > * {
        border: 1px solid #000;
        border-radius: 100px;
        color: #000 !important;
        font-size: 20px;
        height: 42px;
        line-height: 40px;
        margin-right: 5px;
        text-align: center;
        text-decoration: none !important;
        width: 42px;
    }

    .blog-posts.article-page .footer .social-icons-footer > :hover {
        color: #ff5300 !important;
    }

.blog-posts.article-page .badge {
    background-color: #e5e5e5;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
    text-decoration: none;
}

.b-title-master {
    align-items: center;
}

    .b-title-master > .row {
        padding: 0;
    }

    .b-title-master:not(.align-left) {
        text-align: center;
    }

    .b-title-master .h3,
    .b-title-master h1 {
        margin-bottom: 1vw;
    }

        .b-title-master .h3 + *,
        .b-title-master h1 + * {
            margin-bottom: 2vw;
        }

@media screen and (max-width: 690px) {
    .b-title-master .h3 + *,
    .b-title-master h1 + * {
        margin-bottom: 5vw;
    }
}

.b-title-master .button {
    margin-top: 5vw;
}

    .b-title-master .button + * {
        margin-top: 2vw;
    }

@media screen and (min-width: 690px) {
    .b-title-master:not(.align-left) > * {
        margin-left: auto;
        margin-right: auto;
        max-width: 75%;
    }

    .b-title-master .button {
        margin-top: 3vw;
    }
}

.b-title-master .h2 + .button,
.b-title-master h2 + .button {
    margin-top: 0;
}

@media screen and (max-width: 690px) {
    .b-title-master br {
        display: none;
    }

    .b-title-master .h3,
    .b-title-master > *,
    .b-title-master h1 {
        margin-bottom: 5vw;
    }
}

.b-stat .h2,
.b-stat .h5,
.b-stat h2,
.b-stat h5 {
    margin: 0;
}

.b-stat > * {
    padding: 4vw 2vw;
}

    .b-stat > * > * {
        margin: 0 2vw;
    }

@media screen and (max-width: 690px) {
    .b-stat > * {
        padding: 5vw;
    }

        .b-stat > * > * {
            margin: 1vw 2vw 5vw;
        }
}

.b-stat:not(.bg-dark) {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.c-grid-table .row {
    flex-wrap: wrap;
}

    .c-grid-table .row > * {
        margin-bottom: 7vw;
        text-align: center;
    }

@media screen and (min-width: 992px) {
    .c-grid-table .row > * {
        min-width: 23%;
    }
}

@media screen and (max-width: 992px) {
    .c-grid-table .row > * {
        margin-left: 2vw;
        margin-right: 2vw;
        min-width: 30%;
    }
}

.c-grid-table .row img {
    margin-bottom: 2vw;
    max-height: 60px;
    max-width: 60px;
}

.c-grid-table .row .h5,
.c-grid-table .row h5 {
    display: block;
}

.bloc-text {
    align-items: normal;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    max-height: auto;
    min-width: 175px;
}

@media screen and (min-width: 690px) {
    .bloc-text {
        align-items: normal;
        height: inherit;
        padding-bottom: 1vw;
        padding-top: 1vw;
    }
}

@media screen and (max-width: 690px) {
    .bloc-text:not(:last-of-type) {
        margin-bottom: 60px;
    }
}

.bloc-text .icon:not(.icon-long_arrow_right):not(.icon-star):not(.fa-star) {
    color: #ff5300;
    font-size: 4.2rem;
    margin: 0 0 max(1.5vw, 15px);
}

.bloc-text .fa:not(.reviews .fa-star),
.bloc-text .fal:not(.reviews .fa-star) {
    color: #ff5300;
    font-size: 3.8rem;
    margin-bottom: 12px;
}

.bloc-text img {
    margin: 0 auto 20px;
    width: -moz-max-content;
    width: max-content;
}

.bloc-text .bg-illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    width: 95%;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .bloc-text > div,
    .bloc-text > div img {
        max-height: 300px;
    }
}

@media screen and (max-width: 690px) {
    .bloc-text > .icon,
    .bloc-text > .icon + p,
    .bloc-text > .icon + p + p {
        text-align: center;
    }

    .bloc-text h1,
    .bloc-text p {
        margin-bottom: 3vw;
    }
}

.bloc-text .clearfix {
    display: none;
}

.bloc-text.card {
    background: #fff;
    border-radius: 0;
    box-sizing: border-box;
    margin: 1vw 1vw 1vw 0;
    padding: 20px;
}

@media screen and (max-width: 690px) {
    .bloc-text.card {
        margin: 2vw 0;
        padding: 5vw;
    }
}

.bloc-text.card a {
    margin-top: 12px;
}

.bloc-text.float-img {
    box-sizing: border-box;
    max-width: 100%;
    padding-top: 0;
    position: relative;
}

    .bloc-text.float-img:not(:last-child) {
        margin-bottom: 60px;
    }

    .bloc-text.float-img img {
        max-height: 100%;
        max-width: 170px;
    }

@media screen and (min-width: 690px) {
    .bloc-text.float-img {
        padding-left: 210px;
    }

        .bloc-text.float-img img {
            left: 0;
            position: absolute;
            right: auto;
            top: 0;
        }

    .bloc-item {
        align-items: inherit;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
}

.bloc-item > :not(.content) {
    flex: 1;
    min-width: 40%;
}

.bloc-item > .content {
    flex: 2;
}

@media screen and (max-width: 690px) {
    .bloc-item:not(.flat-line) > :first-of-type {
        order: 3;
    }

    .bloc-item {
        flex-direction: column;
        margin-bottom: 40px;
    }

        .bloc-item > * {
            margin-top: 3vw;
        }

        .bloc-item img {
            display: block;
            margin: 12px auto 60px;
        }
}

.bloc-item .content {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

@media screen and (min-width: 690px) {
    .bloc-item .content > * {
        margin-left: 3vw;
        margin-right: 3vw;
    }
}

.bloc-item > :last-of-type.content > * {
    margin-right: 0;
}

.bloc-item.flat-line {
    margin-bottom: 52px;
}

    .bloc-item.flat-line .bloc-text {
        margin: 0;
    }

    .bloc-item.flat-line > * {
        flex: inherit;
    }

    .bloc-item.flat-line img {
        max-width: 165px;
    }

@media screen and (min-width: 690px) {
    .bloc-item.flat-line img {
        margin-right: 3vw;
    }
}

.two-full-blocks {
    display: flex;
    min-height: 520px;
    overflow: hidden;
}

@media screen and (max-width: 860px) {
    .two-full-blocks {
        flex-direction: column;
    }
}

.two-full-blocks > * {
    flex: 1;
    position: relative;
    transition: all 0.2s;
}

.two-full-blocks .image-block {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

@media screen and (max-width: 860px) {
    .two-full-blocks .image-block {
        min-height: 300px;
    }
}

.two-full-blocks .text-block {
    align-items: center;
    display: flex;
    z-index: 15;
}

    .two-full-blocks .text-block > * {
        margin: min(120px, 4vw);
    }

.c-diagonal-bloc > .row.flexbox {
    flex-direction: column;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .c-diagonal-bloc > .row.flexbox {
        flex-direction: row;
    }
}

.c-diagonal-bloc .bloc-item ~ .bloc-item {
    margin-top: 80px;
}

@media screen and (max-width: 768px) {
    .c-diagonal-bloc .bloc-item ~ .bloc-item {
        margin-top: 60px;
    }
}

.c-diagonal-bloc .bloc-item .bloc-text {
    margin: 0;
    padding: 0;
}

.c-diagonal-bloc .bloc-item img {
    max-width: 650px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .c-diagonal-bloc .bloc-item img {
        margin-bottom: 7vw;
        max-width: 100%;
    }
}

.c-diagonal-bloc .bloc-item .content {
    flex: 1;
    margin-left: 6vw;
}

@media screen and (min-width: 769px) {
    .c-diagonal-bloc .bloc-item > :not(.content) {
        text-align: center;
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .c-diagonal-bloc .bloc-item {
        flex-direction: row;
    }
}

@media screen and (max-width: 768px) {
    .c-diagonal-bloc .bloc-item {
        flex-direction: column;
    }

        .c-diagonal-bloc .bloc-item .content,
        .c-diagonal-bloc .bloc-item .content > * {
            margin-left: 0;
            margin-right: 0;
        }
}

@media screen and (min-width: 769px) {
    .c-diagonal-bloc:not(.reverse) .bloc-item:nth-of-type(2n) > :not(.content) {
        order: 5;
    }

    .c-diagonal-bloc:not(.reverse) .bloc-item:nth-of-type(2n) .content {
        margin-left: 0;
        margin-right: 7vw;
    }
}

.c-diagonal-bloc.reverse .bloc-item {
    display: flex;
}

@media screen and (min-width: 769px) {
    .c-diagonal-bloc.reverse .bloc-item:nth-of-type(odd) > :not(.content) {
        order: 5;
    }

    .c-diagonal-bloc.reverse .bloc-item:nth-of-type(odd) .content {
        margin-left: 0;
        margin-right: 7vw;
    }
}

@media screen and (max-width: 769px) {
    .c-diagonal-bloc.reverse .bloc-item > :not(.content) {
        margin-bottom: 5vw;
        order: 10;
    }

    .c-diagonal-bloc.reverse .bloc-item .content {
        margin-bottom: 5vw;
        order: 1;
    }
}

.c-diagonal-bloc.reverse .bloc-item img {
    margin-bottom: 0;
}

.bloc-list {
    flex: initial;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .bloc-list {
        width: 40%;
    }
}

.bloc-list ul li {
    color: #949494;
    font-size: 1.3rem;
    line-height: 1.5;
}

    .bloc-list ul li a {
        font-size: 1.6rem;
        text-decoration: none;
    }

        .bloc-list ul li a:before {
            content: "";
            display: block;
            float: left;
            font-family: ledger-icons-font;
            font-size: 2rem;
            margin: 2px 10px 20px 0;
        }

    .bloc-list ul li:not(:last-child) {
        margin-bottom: 30px;
    }

.grid-item {
    margin-top: 20px;
    text-decoration: none !important;
}

    .grid-item:not(.align-left) {
        text-align: center;
    }

    .grid-item span {
        color: #6a6a6a;
    }

    .grid-item .h5,
    .grid-item h5 {
        margin-top: 12px;
    }

    .grid-item img {
        max-width: 62px;
    }

@media screen and (max-width: 690px) {
    .grid-item:not(.icons) {
        margin-bottom: 5vw;
        text-align: left;
    }

        .grid-item:not(.icons) img {
            float: left;
            margin-right: 5vw;
            max-width: 56px;
        }
}

.grid-item.icons {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

@media screen and (min-width: 690px) {
    .grid-item.icons {
        flex: none;
        width: 175px;
    }
}

.grid-item.icons > img:not(.no-filter),
.grid-item.icons > svg:not(.no-filter),
.grid-item.icons i:not(.no-filter) {
    filter: grayscale(1) contrast(0);
}

.grid-item.icons > p {
    box-sizing: border-box;
    padding-left: 1vw;
    padding-right: 1vw;
    word-break: break-word;
}

@media screen and (max-width: 992px) {
    .grid-item.icons > p {
        font-size: 1.6rem;
    }
}

.grid-item.icons img {
    height: 30px;
    margin-bottom: 12px;
    max-width: inherit;
}

.grid-item.icons i {
    font-size: 5rem;
}

.grid-item[href].checked,
.grid-item[href]:hover {
    background: #fff;
}

.grid-items {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 992px) {
    .grid-items {
        justify-content: space-around;
    }
}

.grid-items > * {
    margin-right: 1vw;
}

@media screen and (max-width: 992px) {
    .grid-items > * {
        flex: none;
        min-width: 120px;
    }
}

.bloc-banner {
    background-repeat: no-repeat;
    color: #949494;
    font-size: 0.833rem;
}

@media screen and (max-width: 690px) {
    .bloc-banner br {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .bloc-banner h2 {
        margin: 1vw 0;
    }
}

.toggle-list {
    margin-bottom: 0;
}

    .toggle-list .fields-container-options:not(:last-of-type) {
        margin-bottom: 40px;
    }

    .toggle-list .fields-container-options i {
        font-size: 2rem;
        margin: 5px 12px 0 0;
        transition: all 0.2s;
    }

    .toggle-list .fields-container-options label {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        align-items: flex-start;
        cursor: pointer;
        display: flex;
        flex-flow: row nowrap;
        outline: none;
        transition: all 0.2s;
    }

    .toggle-list .fields-container-options input {
        display: block;
        height: 0;
        visibility: hidden;
    }

        .toggle-list .fields-container-options input ~ label + div,
        .toggle-list .fields-container-options input ~ label + p {
            margin: 0 0 0 32px;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
        }

        .toggle-list .fields-container-options input:checked ~ label i {
            transform: rotate(90deg);
        }

        .toggle-list .fields-container-options input:checked ~ label + div,
        .toggle-list .fields-container-options input:checked ~ label + p {
            margin: 12px 0 12px 32px;
            max-height: 100vh;
            opacity: 1;
            transition: opacity max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
        }

@media screen and (max-width: 690px) {
    .toggle-list .fields-container-options input:checked ~ label + div,
    .toggle-list .fields-container-options input:checked ~ label + p {
        max-height: 100%;
    }
}

.toggle-list .fields-container-options p {
    line-height: 1.6;
}

.bloc-icon-text {
    align-items: flex-start;
    display: flex;
}

    .bloc-icon-text > * {
        width: 100%;
    }

    .bloc-icon-text i {
        border: 1px solid;
        flex: 0;
        margin-right: 20px;
        padding: 15px;
    }

.flexbox.col {
    justify-content: space-between;
}

@media screen and (-ms-high-contrast: active) and (max-width: 992px), screen and (-ms-high-contrast: none) and (max-width: 992px) {
    .flexbox.col:not(.scrolling-content) {
        display: block;
    }
}

.flexbox.col > * {
    align-items: normal;
    flex: 1;
    max-width: 48%;
    min-width: 15%;
}

@media screen and (max-width: 992px) {
    .flexbox.col > * {
        max-width: 100%;
    }
}

.flexbox.col.col-2 > * {
    flex: 0;
    min-width: 45%;
}

.flexbox.col.col-2 > :nth-of-type(2n) {
    margin-right: 0 !important;
}

.flexbox.col.col-3 > * {
    flex: 0;
    min-width: 30%;
}

.flexbox.col.col-3 > :nth-of-type(3n) {
    margin-right: 0 !important;
}

.flexbox.col.col-4 {
    flex-wrap: wrap;
}

    .flexbox.col.col-4 > * {
        flex: inherit;
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .flexbox.col.col-4 > * {
        width: 23%;
    }
}

.flexbox.col.col-5 > * {
    flex: 0;
    margin-right: 1vw !important;
    min-width: 18%;
}

.flexbox.col.col-5 > :nth-of-type(5n) {
    margin-right: 0 !important;
}

.flexbox.col.col-6 > * {
    flex: 0;
    min-width: 15%;
}

.flexbox.col.col-6 > :nth-of-type(6n) {
    margin-right: 0 !important;
}

.col:not(.flexbox) {
    grid-row-gap: 1vw;
    grid-column-gap: 1vw;
    -ms-grid-row-span: 1vw;
    -ms-grid-column-span: 1vw;
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
    -ms-grid-template-columns: auto;
    justify-content: space-between;
}

    .col:not(.flexbox) > * {
        min-width: 0;
    }

    .col:not(.flexbox).col-2 {
        grid-template-columns: 50% 50%;
        -ms-grid-template-columns: 50% 50%;
    }

    .col:not(.flexbox).col-3 {
        grid-template-columns: 33% 33% 33%;
        -ms-grid-template-columns: 33% 33% 33%;
    }

    .col:not(.flexbox).col-4,
    .col:not(.flexbox).col-5 {
        grid-template-columns: 25% 25% 25% 25%;
        -ms-grid-template-columns: 25% 25% 25% 25%;
    }

@media screen and (max-width: 992px) {
    .col:not(.flexbox).col-5 {
        grid-template-columns: 33% 33% 33%;
        -ms-grid-template-columns: 33% 33% 33%;
    }
}

@media screen and (max-width: 690px) {
    .col:not(.flexbox) {
        grid-template-columns: 100% !important;
        -ms-grid-template-columns: 100% !important;
    }

    .scrolling-content {
        display: flex;
        flex-flow: row nowrap;
        max-height: 400px;
        overflow: hidden;
        overflow-x: scroll;
    }
}

.scrolling-content > * {
    flex: inherit;
    width: 23%;
}

@media screen and (max-width: 690px) {
    .scrolling-content > * {
        max-width: 85%;
        min-width: 200px !important;
    }

    .scrolling-content > :not(:first-of-type) {
        margin-left: 3vw;
    }
}

.o-section-articles .flying-picture {
    text-align: right;
}

.o-section-articles:nth-child(odd) .flying-picture {
    text-align: left;
}

.o-section-articles:nth-child(odd) .h4 {
    text-align: right;
}

@media screen and (min-width: 690px) {
    .o-section-articles:nth-child(2) .flying-picture {
        margin-top: -13vw;
    }
}

.flying-picture {
    margin: -5vw 4% -4.8vw;
    position: relative;
    z-index: 20;
}

    .flying-picture img {
        margin-left: 4%;
        margin-right: 4%;
        max-width: 400px;
        width: 70%;
    }

@media screen and (min-width: 690px) and (max-width: 1480px) {
    .flying-picture img {
        margin-top: -2vw;
        max-width: 300px;
    }
}

@media screen and (max-width: 690px) {
    .flying-picture {
        margin-top: 5vw;
        text-align: center !important;
    }
}

.social-icon-bar {
    display: flex;
}

    .social-icon-bar > * {
        flex: 0;
        margin-right: 1vw;
    }

    .social-icon-bar .icon {
        font-size: 3.8rem !important;
    }

.people-individual img {
    max-width: 100%;
}

@media screen and (max-width: 690px) {
    .people-individual img {
        max-height: inherit;
        width: 100%;
    }
}

.people-individual .content {
    justify-content: flex-start;
}

@media screen and (max-width: 690px) {
    .people-individual .content {
        margin-top: 7vw;
    }
}

.people-individual .content .h5 {
    color: inherit !important;
}

.introduction {
    align-items: center;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .introduction {
        flex-direction: row;
    }
}

@media screen and (max-width: 1200px) {
    .introduction {
        align-items: flex-start;
    }
}

@media screen and (max-width: 992px) {
    .introduction {
        flex-direction: column;
    }
}

.introduction > .illustration img {
    max-width: 95%;
}

@media screen and (min-width: 768px) {
    .introduction > .illustration {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    .introduction > .illustration {
        margin: 20px auto;
    }
}

@media screen and (min-width: 992px) {
    .what-else-section {
        display: flex;
    }

        .what-else-section .content {
            padding-right: 1vw;
            width: 65%;
        }
}

.button:not(:empty),
input.button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: inherit;
    max-height: 52px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    outline: none;
    padding: 13px 24px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
}

@media screen and (max-width: 860px) {
    .button:not(:empty),
    input.button {
        min-width: 160px;
        padding: 16px 24px;
    }
}

.button:not(:empty):not(.no-icon):after,
input.button:not(.no-icon):after {
    content: "";
    display: inline-block;
    font-family: ledger-icons-font;
    margin-left: auto;
    padding-left: 8px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
}

.button:not(:empty):not(.no-icon):hover:after,
input.button:not(.no-icon):hover:after {
    padding-left: 12px;
}

.button:not(:empty).primary,
input.button.primary {
    background-color: #000;
    color: #fff;
}

    .button:not(:empty).primary:active,
    input.button.primary:active {
        box-shadow: 0 0 0 2px #ff5300;
    }

.button:not(:empty).secondary,
input.button.secondary {
    background-color: #ff5300;
    color: #fff;
}

    .button:not(:empty).secondary:active,
    input.button.secondary:active {
        box-shadow: 0 0 0 2px #000;
    }

.button:not(:empty).tertiary,
input.button.tertiary {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}

    .button:not(:empty).tertiary:active,
    input.button.tertiary:active {
        box-shadow: 0 0 0 2px #000;
    }

.button:not(:empty).disable,
input.button.disable {
    background-color: #c3c3c3;
    color: #6a6a6a;
    cursor: default;
}

.top-of-the-pop {
    background-color: #000;
    bottom: 15%;
    color: #fff !important;
    display: none;
    font-size: 10px;
    left: auto;
    padding: 18px 20px;
    position: fixed;
    right: 2%;
    text-align: center;
    text-decoration: none !important;
    z-index: 900;
}

nav ul,
nav ul li {
    margin: 0;
    padding: 0;
}

    nav ul li {
        list-style: none;
    }

        nav ul li a,
        nav ul li a:link,
        nav ul li a:visited {
            text-decoration: none;
        }

        nav ul li ul {
            margin: 0;
            padding: 0;
        }

.main-navigation {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .main-navigation > ul > li > a {
        white-space: nowrap;
    }

    .main-navigation ul {
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.4;
    }

        .main-navigation ul li a:link,
        .main-navigation ul li a:visited {
            display: block;
            padding: 12px 1.5vw;
        }

        .main-navigation ul li.has-children {
            cursor: pointer;
        }

            .main-navigation ul li.has-children > a {
                pointer-events: none;
            }

                .main-navigation ul li.has-children > a:after {
                    content: " ";
                    display: inline-block;
                    font-family: ledger-icons-font;
                    font-size: 10px;
                    left: 8px;
                    margin: 0;
                    position: relative;
                    top: 0;
                }

            .main-navigation ul li.has-children ul {
                border-color: transparent;
                max-height: 0;
                opacity: 0.5;
                overflow: hidden;
                text-align: left;
                transition: all 0.2s;
                width: 220px;
            }

@media screen and (max-width: 992px) {
    .main-navigation ul li.has-children ul li a {
        color: #3c3b3b;
        font-weight: 400;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation ul li.has-children.language-switcher > ul {
        left: auto;
        margin-left: 0;
        right: 0 !important;
        width: 170px;
    }

        .main-navigation ul li.has-children.language-switcher > ul:before {
            margin-right: 22px;
            right: 0;
        }

        .main-navigation ul li.has-children.language-switcher > ul > li span {
            display: block;
            font-size: 1.1rem;
            font-weight: 400;
            padding-left: 12px;
            padding-right: 12px;
        }
}

.main-navigation ul li.is-open.has-children ul {
    margin-bottom: 3vw;
    max-height: 100vh;
    opacity: 1;
    overflow: visible;
}

.main-navigation ul li.highlighted a:link,
.main-navigation ul li.highlighted a:visited {
    color: #ff5300;
}

.main-navigation ul li.newtag a:link,
.main-navigation ul li.newtag a:visited {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

@media screen and (min-width: 993px) {
    .main-navigation > ul {
        box-sizing: border-box;
        display: flex;
        justify-content: flex-end;
        margin-left: 4%;
        margin-right: 1%;
        text-align: center;
    }

        .main-navigation > ul > li {
            padding: 0;
            position: relative;
        }

            .main-navigation > ul > li > ul {
                background: #fff;
                border-radius: 0;
                left: 0;
                margin-top: 12px;
                position: absolute;
                z-index: 90;
            }

                .main-navigation > ul > li > ul:before {
                    background: #fff;
                    border-left: 1px solid #eee;
                    border-top: 1px solid #eee;
                    content: "";
                    height: 10px;
                    margin-left: 27px;
                    position: absolute;
                    top: -5px;
                    transform: rotate(45deg);
                    width: 10px;
                }

            .main-navigation > ul > li:hover > ul {
                border: 1px solid #eee;
                margin-top: 0;
                padding-bottom: 22px;
                padding-top: 22px;
            }

            .main-navigation > ul > li:hover.has-children ul {
                margin-bottom: 3vw;
                max-height: 100vh;
                opacity: 1;
                overflow: visible;
            }

    .main-navigation ul li:first-child ul li:nth-last-child(2):not(:first-child):before {
        border-top: 1px solid #dcdcdc;
        content: "";
        display: block;
        height: 1px;
        margin: 18px 0 14px 30px;
        width: 30px;
    }
}

@media screen and (max-width: 992px) {
    .main-navigation {
        background: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        left: 0;
        max-height: 0;
        overflow-y: auto;
        position: absolute;
        top: 60px;
        transition: all 0.2s;
        width: 100%;
        z-index: 20;
    }

        .main-navigation > ul {
            position: static;
            z-index: 30;
        }

            .main-navigation > ul li a:link,
            .main-navigation > ul li a:visited {
                display: block;
                padding: 12px;
            }

            .main-navigation > ul > li > ul {
                padding-left: 20px;
                width: 100%;
            }

        .main-navigation.is-open {
            max-height: none;
            padding-bottom: 20px;
            padding-top: 10px;
        }
}

.footer-navigation {
    flex: 4;
    flex-wrap: wrap;
    margin-top: 60px;
}

@media screen and (min-width: 993px) {
    .footer-navigation {
        margin-left: 7%;
        margin-top: 0;
    }
}

.footer-navigation > * {
    flex: auto;
    margin-bottom: 40px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .footer-navigation > * {
        padding-right: 4%;
        width: 33%;
    }
}

.footer-navigation > * li {
    color: #fff;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .footer-navigation > * li > ul {
        padding-top: 12px;
    }
}

.footer-navigation > * li > ul > li {
    color: inherit;
    font-size: 1.3rem;
    font-weight: 400;
    list-style: 1.6;
    padding-bottom: 6px;
    padding-top: 6px;
}

.footer-navigation > * ul + ul {
    margin-top: 40px;
}

@media screen and (max-width: 690px) {
    .footer-navigation > ul > li,
    .footer-navigation div > ul > li {
        position: relative;
    }

        .footer-navigation > ul > li:after,
        .footer-navigation div > ul > li:after {
            content: " ";
            font-family: ledger-icons-font;
            position: absolute;
            right: 2%;
            top: 0;
        }

        .footer-navigation > ul > li > ul,
        .footer-navigation div > ul > li > ul {
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s;
        }

        .footer-navigation > ul > li:focus > ul,
        .footer-navigation > ul > li:hover > ul,
        .footer-navigation div > ul > li:focus > ul,
        .footer-navigation div > ul > li:hover > ul {
            max-height: 100vh;
        }
}

.aside-navigation ul li {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
}

    .aside-navigation ul li:before {
        color: #949494;
        content: " ";
        display: inline-block;
        font-family: ledger-icons-font;
        margin-right: 12px;
        vertical-align: middle;
    }

@media screen and (min-width: 1200px) {
    .aside-navigation ul li {
        padding: 0 0 1vw;
    }
}

@media screen and (max-width: 1200px) {
    .aside-navigation ul li {
        padding: 0 0 2vw;
    }
}

.simple-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

    .simple-pagination .prev-ten {
        margin-right: 0;
    }

        .simple-pagination .prev-ten a {
            font-size: 25px;
            font-weight: 200;
            line-height: 20px;
        }

    .simple-pagination .next-ten {
        margin-left: 0;
    }

        .simple-pagination .next-ten a {
            font-size: 25px;
            font-weight: 200;
            line-height: 20px;
        }

    .simple-pagination * {
        display: inline-block;
        font-size: 16px;
        margin: 2px 5px;
        min-width: 25px;
        text-align: center;
        transition: all 0.3s;
        vertical-align: middle;
    }

        .simple-pagination * > * {
            cursor: pointer;
            text-decoration: none;
        }

        .simple-pagination * a {
            text-decoration: none;
        }

    .simple-pagination .current-page,
    .simple-pagination .next:hover,
    .simple-pagination .previous:hover,
    .simple-pagination [data-active="active"] {
        color: #ff5300;
    }

    .simple-pagination i {
        font-size: 12px;
    }

    .simple-pagination .next,
    .simple-pagination .previous {
        display: inline-block;
    }

#footer .language-container {
    margin-left: 0;
}

    #footer .language-container > li {
        margin: 0;
    }

#footer .language-switcher.language-list {
    border: 2px solid #fff;
    border-radius: 72px;
    display: inline-block;
    position: relative;
}

    #footer .language-switcher.language-list > a {
        display: block;
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.4;
        min-width: 142px;
        padding: 12px 24px;
    }

        #footer .language-switcher.language-list > a:after {
            content: " ";
            display: inline-block;
            font-family: ledger-icons-font;
            font-size: 10px;
            left: 8px;
            margin: 0;
            position: relative;
            top: 0;
        }

    #footer .language-switcher.language-list:hover {
        border-radius: 30px 30px 0 0;
    }

        #footer .language-switcher.language-list:hover .submenu {
            border: 2px solid #fff;
            border-top: 0;
            left: -2px;
            margin-top: 0;
            max-height: 140vh;
            opacity: 1;
            overflow: visible;
            padding-bottom: 22px;
            padding-top: 22px;
            width: calc(100% + 4px);
        }

    #footer .language-switcher.language-list .submenu {
        background-color: #000;
        border-radius: 0 0 30px 30px;
        border-top: 0;
        border-color: transparent;
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 1.3rem;
        font-weight: 600;
        left: 0;
        line-height: 1.4;
        margin: 0;
        max-height: 0;
        opacity: 0.5;
        overflow: hidden;
        position: absolute;
        text-align: left;
        transition: none;
        width: auto;
        z-index: 90;
    }

        #footer .language-switcher.language-list .submenu li {
            list-style: none;
            margin: 0;
        }

            #footer .language-switcher.language-list .submenu li a {
                display: block;
                padding: 12px 20px;
            }

    #footer .language-switcher.language-list a {
        color: #fff;
        display: inline-block;
        font-size: 1.6rem;
        text-decoration: none;
        text-transform: uppercase;
    }

        #footer .language-switcher.language-list a:after {
            font-size: 1.9rem;
            top: 2px;
        }

#footer .credit-container img {
    max-height: 44px;
    width: auto;
}

#loader-list .caption {
    background: #f9f9f9;
    border-radius: 0;
    color: #ccc;
    font-style: italic;
    letter-spacing: 1px;
    padding: 15px 32px;
    position: relative;
    top: -30px;
}

.fade-in {
    animation: fadeIn 1.5s ease;
    -webkit-animation: fadeIn 1.5s ease;
    -moz-animation: fadeIn 1.5s ease;
    -o-animation: fadeIn 1.5s ease;
    -ms-animation: fadeIn 1.5s ease;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-out {
    animation: fadeOut 2s ease;
    -webkit-animation: fadeOut 2s ease;
    -moz-animation: fadeOut 2s ease;
    -o-animation: fadeOut 2s ease;
    -ms-animation: fadeOut 2s ease;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

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

    50% {
        transform: rotate(20deg);
    }

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

.balanced-effect {
    animation: balancedEffect 2s ease;
    -webkit-animation: balancedEffect 2s ease;
    -moz-animation: balancedEffect 2s ease;
    -o-animation: balancedEffect 2s ease;
    -ms-animation: balancedEffect 2s ease;
}

.ledger-animation {
    opacity: 0;
}

@keyframes revealAnimation {
    0% {
        opacity: 0;
        transform: translateY(80px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.reveal-loaded {
    animation: revealAnimation 1.2s cubic-bezier(0.5, 0, 0, 1) both;
}

.table-flex {
    color: #6a6a6a;
    font-size: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
}

    .table-flex > * {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
    }

@media screen and (max-width: 860px) {
    .table-flex > * {
        display: block;
    }
}

.table-flex > * > * {
    box-sizing: initial;
    order: 2;
    padding: 1vw;
}

@media screen and (min-width: 860px) {
    .table-flex > * > * {
        padding-top: 0;
    }
}

.table-flex > * > :first-of-type {
    padding-left: 0;
}

.table-flex > * > :last-of-type {
    padding-right: 0;
}

.table-flex > * .read-more {
    display: block;
}

.table-flex > :last-of-type {
    order: 1;
}

@media screen and (min-width: 860px) {
    .table-flex .flex-1 {
        max-width: 60px;
        text-align: center;
        width: 9%;
    }

        .table-flex .flex-1.toggle-btn {
            max-width: 20px;
            padding: 0.5vw;
            width: 5%;
        }

    .table-flex > :last-of-type {
        order: 8;
    }
}

.table-flex .thead {
    color: #949494;
    font-size: 1.3rem;
    margin-bottom: 3vw;
}

@media screen and (max-width: 860px) {
    .table-flex .thead {
        display: none;
    }
}

.table-flex .name {
    align-items: center;
    display: flex;
}

    .table-flex .name .crypto {
        color: #000;
        display: inline-block;
        font-size: 1.6rem;
    }

@media screen and (min-width: 860px) and (max-width: 992px) {
    .table-flex .name .crypto {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}

.table-flex .name img {
    margin-right: 22px;
    max-width: 23px;
}

.table-flex .level {
    margin: 1px;
}

.table-flex .icon-plus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    outline: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (min-width: 861px) {
    .table-flex .name {
        width: 20%;
    }

    .table-flex .description {
        max-width: 460px;
        width: 35%;
    }

        .table-flex .description p {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

            .table-flex .description p.show-all {
                -webkit-line-clamp: inherit;
            }

    .table-flex .supported {
        width: 25%;
    }
}

.table-flex .tcorpus {
    margin-bottom: 3vw;
    position: relative;
}

@media screen and (max-width: 860px) {
    .table-flex .tcorpus {
        margin-top: 5vw;
        padding-bottom: 5vw;
    }

        .table-flex .tcorpus:not(:last-of-type) {
            border-bottom: 1px solid #d8d8d8;
        }

        .table-flex .tcorpus > :not(.name):not(.toggle-btn) {
            margin-left: 48px;
            margin-top: 2vw;
            padding: 5vw 0 2vw;
        }

            .table-flex .tcorpus > :not(.name):not(.toggle-btn):not(.is-visible) {
                display: none;
            }

            .table-flex .tcorpus > :not(.name):not(.toggle-btn):last-of-type {
                border: 0;
            }
}

@media screen and (min-width: 861px) {
    .table-flex .tcorpus > :not(.name):not(.toggle-btn) {
        display: block !important;
    }
}

.table-flex .tcorpus .toggle-btn {
    cursor: pointer;
}

@media screen and (max-width: 860px) {
    .table-flex .tcorpus .toggle-btn {
        position: absolute;
        right: 0;
        top: 8px;
    }
}

.sub-table {
    border-bottom: 1px solid #c3c3c3;
    color: #949494;
    flex-direction: row;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
    padding-bottom: 1vw;
}

@media screen and (max-width: 860px) {
    .sub-table {
        flex-direction: column;
        margin-left: -3%;
        margin-right: -3%;
    }
}

.sub-table > * {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sub-table input {
    display: none;
}

    .sub-table input:checked ~ label {
        color: #ff5300;
        font-weight: 500;
    }

.sub-table label {
    cursor: pointer;
    margin: 0 12px;
}

@media screen and (min-width: 860px) {
    .sub-table label {
        padding: 2px;
    }
}

@media screen and (max-width: 860px) {
    .sub-table .type i {
        display: block;
    }

    .sub-table .type span {
        display: none;
    }
}

.sub-table .filter-live {
    position: relative;
}

@media screen and (min-width: 992px) {
    .sub-table .filter-live {
        border-left: 1px solid #c3c3c3;
        margin-left: 1vw;
        padding-left: 1vw;
    }
}

@media screen and (max-width: 860px) {
    .sub-table .filter-live {
        margin-top: 2vw;
    }

        .sub-table .filter-live label {
            margin-left: 0;
        }
}

.sub-table .filter-live .toggle {
    border: 2px solid #949494;
    border-radius: 12px;
    display: inline-block;
    height: 21px;
    margin: 0 7px 0 0;
    position: relative;
    vertical-align: middle;
    width: 29px;
}

    .sub-table .filter-live .toggle:after {
        background: #949494;
        border-radius: 100%;
        content: "";
        height: 11px;
        left: 3px;
        position: absolute;
        top: 3px;
        transition: all 0.2s;
        width: 11px;
    }

.sub-table .filter-live input:checked ~ label .toggle {
    border-color: #ff5300;
}

    .sub-table .filter-live input:checked ~ label .toggle:after {
        background: #ff5300;
        left: 11px;
    }

.simple-lines {
    align-items: center;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 40px;
}

@media screen and (max-width: 690px) {
    .simple-lines {
        align-items: center !important;
        margin-bottom: 0;
        margin-top: 12px;
        padding: 30px;
        text-align: center;
    }
}

@media screen and (max-width: 960px) {
    .simple-lines {
        align-items: flex-start;
        flex-direction: column;
    }
}

.simple-lines > * {
    flex: 1;
    font-size: 1.4rem;
}

.simple-lines > :not(:last-child) {
    margin: 0;
    padding-right: 40px;
}

@media screen and (max-width: 960px) {
    .simple-lines > :not(:last-child) {
        padding-bottom: 12px;
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .simple-lines > :last-child {
        margin-left: auto;
    }
}

.simple-lines > .title {
    align-items: center;
    display: flex;
    min-width: 100px;
}

.simple-lines > .read-more,
.simple-lines > .title {
    flex: none;
}

.simple-lines > * .fal {
    color: #ff5300;
    font-size: 22px;
    padding-right: 10px;
}

.simple-lines > img {
    flex: none;
}

.gridbox {
    display: grid;
}

    .gridbox.col-2 {
        -moz-column-gap: max(4.5vw, 30px);
        column-gap: max(4.5vw, 30px);
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        row-gap: max(3vw, 30px);
    }

@media screen and (max-width: 768px) {
    .gridbox.col-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr));
    }
}

.gridbox.col-3 {
    grid-gap: 30px;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 690px) {
    .gridbox.col-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.gridbox.col-4 {
    grid-gap: 40px;
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
    .gridbox.col-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 690px) {
    .gridbox.col-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.crypto-gallery .grid-items {
    justify-content: center;
}

    .crypto-gallery .grid-items > * {
        border: 1px solid;
    }

.crypto-gallery.simple-list .grid-items > * {
    border: none;
}

    .crypto-gallery.simple-list .grid-items > * img {
        max-height: 25px;
        max-width: inherit;
    }

.c-scrolling-zone {
    padding-top: 5%;
    position: relative;
}

@media screen and (min-width: 860px) {
    .c-scrolling-zone {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: stretch;
    }
}

.c-scrolling-zone > .scroll-content {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    width: 94%;
}

@media screen and (min-width: 861px) {
    .c-scrolling-zone > .scroll-content {
        margin-left: auto;
        width: 34%;
    }
}

.c-scrolling-zone .fixed-area {
    background: #e5e5e5;
    height: 104%;
    margin-left: auto;
    margin-right: auto;
    max-width: 618px;
    padding: 7% 0 5% 7%;
    position: absolute;
    top: 0;
    width: 40%;
}

@media screen and (max-width: 860px) {
    .c-scrolling-zone .fixed-area {
        background: transparent;
        z-index: 1;
    }
}

.c-scrolling-zone .fixed-area > div {
    box-shadow: 0 0 0 !important;
    height: 377px;
    max-width: 600px;
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 21%;
    transition: all 0.3s;
    width: 140%;
}

    .c-scrolling-zone .fixed-area > div img {
        box-shadow: -10px 10px 48px rgba(0, 0, 0, 0.1);
    }

@media screen and (max-width: 860px) {
    .c-scrolling-zone .fixed-area > div img {
        display: none;
        visibility: hidden;
    }
}

.c-scrolling-zone .fixed-area > div .scroll-bullets {
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: center;
    left: -8%;
    position: absolute;
    top: 4.3vw;
    width: 20px;
}

@media screen and (max-width: 992px) {
    .c-scrolling-zone .fixed-area > div .scroll-bullets {
        left: -9%;
    }
}

.c-scrolling-zone .fixed-area > div .scroll-bullets > * {
    border: 1px solid #ff5300;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 8px;
}

.c-scrolling-zone .fixed-area > div .scroll-bullets > :not(:last-of-type) {
    margin-bottom: 15px;
}

.c-scrolling-zone .fixed-area > div .scroll-bullets > .active {
    background-color: #ff5300;
}

.c-scrolling-zone.fix-on-right .fixed-area {
    left: auto;
}

.c-scrolling-zone.fix-on-right > .scroll-content {
    margin-left: 7%;
}

@media screen and (max-width: 992px) {
    .c-scrolling-zone.fix-on-right > .scroll-content {
        margin-left: 5%;
    }
}

.c-scrolling-zone .bloc-item {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 100%;
    position: relative;
}

@media screen and (min-width: 861px) {
    .c-scrolling-zone .bloc-item {
        background: none !important;
        justify-content: center;
        max-width: 420px;
        min-height: 400px;
    }

        .c-scrolling-zone .bloc-item > * {
            flex: none;
            max-width: 100%;
        }

        .c-scrolling-zone .bloc-item .target {
            top: -25px;
        }
}

@media screen and (max-width: 860px) {
    .c-scrolling-zone .bloc-item {
        height: auto;
        margin: 0 auto 80px;
        width: 100%;
    }

        .c-scrolling-zone .bloc-item > * {
            padding-left: 12%;
        }

        .c-scrolling-zone .bloc-item .mobile-img {
            background: #e5e5e5;
            display: block !important;
            margin: 0 -6% 30px !important;
            max-width: 112%;
            padding: 20px 20px 20px 18% !important;
            visibility: visible !important;
        }

            .c-scrolling-zone .bloc-item .mobile-img img {
                box-shadow: -10px 10px 40px rgba(0, 0, 0, 0.1);
                display: block;
                float: right;
                margin: 0 6% 0 0 !important;
                max-width: 95%;
            }

        .c-scrolling-zone .bloc-item .h3 {
            margin-bottom: 5px !important;
        }

        .c-scrolling-zone .bloc-item .target {
            top: -100px;
        }
}

.pop-modal {
    align-items: center;
    animation-duration: 0.4s;
    animation-iteration-count: 1;
    animation-name: fadeIn;
    animation-timing-function: ease;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

    .pop-modal.active {
        display: flex;
    }

    .pop-modal .close-pop-modal {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 100%;
        color: #fff;
        cursor: pointer;
        padding: 10px 8px 5px;
        position: absolute;
        right: 10%;
        top: 2%;
        z-index: 999;
    }

        .pop-modal .close-pop-modal > * {
            font-size: 32px;
            font-weight: 100;
            margin: auto;
        }

    .pop-modal .content {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
        display: block;
        height: 80%;
        width: 80%;
    }

        .pop-modal .content.full-screen {
            height: 100%;
            min-height: 100%;
            width: 100%;
        }

            .pop-modal .content.full-screen + .close-pop-modal {
                right: 5%;
                top: 5%;
            }

.open-pop-modal:not(.button) {
    color: #ff5300 !important;
    cursor: pointer;
}

.organism-bloc-warning {
    padding: 12px 20px !important;
}

@media screen and (max-width: 768px) {
    .organism-bloc-warning {
        padding: 12px !important;
    }
}

.organism-bloc-warning .fal,
.organism-bloc-warning img {
    font-size: 3.2rem;
}

@media screen and (min-width: 690px) {
    .organism-bloc-warning .fal,
    .organism-bloc-warning img {
        display: block;
        padding-right: 5px;
    }
}

.organism-bloc-warning .content {
    align-items: center;
    color: #c3c3c3;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .organism-bloc-warning .content {
        display: flex;
    }

        .organism-bloc-warning .content br {
            display: none;
        }
}

.organism-bloc-warning .content > * {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 3px;
    margin-top: 3px;
}

@media screen and (min-width: 768px) {
    .organism-bloc-warning .content > * {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.organism-bloc-warning .content a {
    color: #fff;
    font-size: 1.4rem;
    margin-left: auto;
}

.organism-bloc-warning .content .title {
    color: #fff;
    font-size: 1.4rem;
}

.organism-bloc-warning.bg-dark a:link,
.organism-bloc-warning.bg-dark a:visited {
    color: #fff;
    font-size: 1.4rem;
    text-decoration: underline;
}

.scrolling-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .scrolling-area {
        flex-direction: row;
    }

        .scrolling-area > * {
            max-width: 510px;
            width: 50%;
        }
}

.scrolling-area .fixed-area {
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    .scrolling-area .fixed-area {
        margin-right: 3%;
    }
}

.scrolling-area .fixed-area > * {
    margin-bottom: 60px;
    position: sticky;
    top: 125px;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .scrolling-area .scroller-text-items {
        margin-left: 3%;
    }
}

.scrolling-area .scroller-text-items > .item {
    padding-bottom: 60px;
    transition: opacity 0.05s;
}

    .scrolling-area .scroller-text-items > .item:not(:last-of-type) {
        border-bottom: 1px solid #e5e5e5;
    }

@media screen and (min-width: 768px) {
    .scrolling-area .scroller-text-items > .item:not(.active) {
        opacity: 0.3;
    }
}

.vertical-swiper-block {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

    .vertical-swiper-block .vertical-swiper .item {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 60px;
        padding-top: 60px;
        scroll-snap-align: start;
    }

@media screen and (max-width: 690px) {
    .vertical-swiper-block .vertical-swiper .item {
        border-bottom: 1px solid #3c3b3b;
    }

        .vertical-swiper-block .vertical-swiper .item:last-of-type {
            border-bottom: 0;
        }
}

.vertical-swiper-block .vertical-swiper .item:not(:last-of-type):after {
    background-color: #3c3b3b;
    bottom: 0;
    content: "";
    height: 1px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    width: 114%;
    z-index: 2;
}

@media screen and (max-width: 690px) {
    .vertical-swiper-block .vertical-swiper .item:not(:last-of-type):after {
        content: none;
    }
}

@media screen and (min-width: 690.5px) {
    .vertical-swiper-block .vertical-swiper .item {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        min-height: 490px;
        position: relative;
    }

        .vertical-swiper-block .vertical-swiper .item .illustration {
            max-width: 46%;
        }
}

@media screen and (max-width: 690px) {
    .vertical-swiper-block .vertical-swiper .item {
        text-align: center;
    }

        .vertical-swiper-block .vertical-swiper .item .illustration {
            flex: none;
        }
}

.vertical-swiper-block .vertical-swiper .item > * {
    flex: 1;
}

@media screen and (max-width: 1024px) {
    .vertical-swiper-block .vertical-swiper .item .title {
        font-size: 4.2rem;
    }
}

@media screen and (max-width: 690px) {
    .vertical-swiper-block .vertical-swiper .item .title {
        font-size: 2.4rem;
        margin-top: 20px;
    }
}

.vertical-swiper-block .vertical-swiper .slide-index {
    background: rgba(255, 83, 0, 0.3);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: -4%;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 5;
}

@media screen and (min-width: 690.5px) {
    .vertical-swiper-block .vertical-swiper .slide-index {
        left: -2.5%;
    }
}

.vertical-swiper-block .vertical-swiper .slide-index > * {
    position: sticky;
    top: 0;
}

.vertical-swiper-block .vertical-swiper .slide-index .index {
    background-color: #ff5300;
    bottom: auto;
    color: #fff;
    display: block;
    flex: none;
    font-size: 1.6rem;
    height: 32px;
    left: 0;
    line-height: 32px;
    text-align: center;
    transition: all 0.2s;
    width: 32px;
}

@media screen and (min-width: 690.5px) {
    .vertical-swiper-block .vertical-swiper .slide-index .index {
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .vertical-swiper-block .vertical-swiper .slide-index .index {
        height: 42px;
        line-height: 42px;
        width: 42px;
    }
}

.vertical-swiper-block .vertical-swiper .slide-index .progress-bar {
    background-color: #ff5300;
    display: block;
    height: 110px;
    left: 0;
    position: relative;
    top: 0;
    transition: all 0.2s;
    width: 6px;
}

.more-about {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 690px) {
    .more-about {
        flex-direction: column;
    }
}

@media screen and (min-width: 690px) {
    .more-about > * {
        width: 53%;
    }
}

.more-about > :not(.academy-lines) {
    margin-bottom: 20px;
}

@media screen and (min-width: 690px) {
    .more-about > :not(.academy-lines) {
        margin-bottom: 0;
        width: 40%;
    }
}

.more-about .academy-lines > * {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 12px;
}

@media screen and (max-width: 690px) {
    .more-about .academy-lines > * {
        flex-direction: column;
    }
}

@media screen and (min-width: 690px) {
    .more-about .academy-lines > * {
        align-items: center;
        padding: 20px;
    }
}

.more-about .academy-lines > * img {
    margin-right: 20px;
}

@media screen and (max-width: 690px) {
    .more-about .academy-lines > * img {
        margin: 0 auto 20px;
    }
}

.more-about .academy-lines > :not(:last-of-type) {
    margin-bottom: 12px;
}

.product-slider-with-tab {
    overflow: hidden;
    position: relative;
}

    .product-slider-with-tab .tab {
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        width: 88%;
    }

        .product-slider-with-tab .tab .swiper-wrapper {
            display: flex;
            flex-flow: row nowrap;
            max-width: 100%;
            width: auto;
        }

@media screen and (max-width: 690px) {
    .product-slider-with-tab .tab .swiper-wrapper {
        min-width: auto;
    }
}

.product-slider-with-tab .tab .swiper-wrapper > * {
    border-bottom: 3px solid;
    cursor: pointer;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.product-slider-with-tab .tab .swiper-wrapper > :not(.swiper-slide-thumb-active) {
    color: #c3c3c3;
}

.product-slider-with-tab .gallery-bottom .swiper-slide {
    align-items: center;
    background: #f3f3f3;
    border-radius: 0;
    color: #6a6a6a;
    display: flex;
    font-size: 18px;
    font-size: 1.6rem;
    height: auto;
    justify-content: flex-start;
    max-width: 1000px;
    padding: 50px 90px 50px 70px;
    width: 70%;
}

@media screen and (max-width: 992px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide {
        padding: 40px 20px;
        width: 88.5%;
    }
}

@media screen and (max-width: 690px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide {
        flex-direction: column;
        width: 76%;
    }
}

.product-slider-with-tab .gallery-bottom .swiper-slide img {
    filter: grayscale(1);
    margin-right: 2vw;
    max-width: 300px;
}

@media screen and (max-width: 690px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide img {
        margin: 12px 0;
        width: 70%;
    }
}

.product-slider-with-tab .gallery-bottom .steps span {
    color: #949494;
}

.product-slider-with-tab .bottom {
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 690px) {
    .product-slider-with-tab .bottom {
        align-items: center;
    }
}

@media screen and (max-width: 690px) {
    .product-slider-with-tab .bottom {
        flex-direction: column;
        margin-top: -15px;
    }
}

.product-slider-with-tab .bottom > * {
    flex: 1;
    order: 3;
}

.product-slider-with-tab .swiper-controller {
    order: 4;
    text-align: right;
    width: 40%;
    width: 50%;
}

@media screen and (max-width: 690px) {
    .product-slider-with-tab .swiper-controller {
        align-self: flex-end;
        order: 1;
        width: 92%;
    }
}

.product-slider-with-tab .swiper-controller .swiper-next,
.product-slider-with-tab .swiper-controller .swiper-prev {
    background: none;
    color: #000;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-family: Font Awesome\5 Pro;
    height: auto;
    left: 0;
    margin: 0 3px;
    outline: none;
    padding: 10px 6px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: auto;
}

    .product-slider-with-tab .swiper-controller .swiper-next.swiper-button-disabled,
    .product-slider-with-tab .swiper-controller .swiper-next.swiper-disabled,
    .product-slider-with-tab .swiper-controller .swiper-prev.swiper-button-disabled,
    .product-slider-with-tab .swiper-controller .swiper-prev.swiper-disabled {
        color: #949494;
    }

    .product-slider-with-tab .swiper-controller .swiper-next:after {
        content: "";
    }

    .product-slider-with-tab .swiper-controller .swiper-prev:after {
        content: "";
    }

@media screen and (max-width: 767px) {
    .double-blocks-background {
        flex-direction: column-reverse;
    }
}

.double-blocks-background > * {
    background-color: #e5e5e5;
    flex: 1;
    padding: 20px;
    transition: all 0.3s;
    width: 100%;
}

@media screen and (min-width: 1180px) {
    .double-blocks-background > * {
        padding: 70px;
    }
}

@media screen and (max-width: 690px) {
    .double-blocks-background > * {
        padding: 60px 25px;
    }
}

.double-blocks-background .illustration-block {
    align-items: flex-end;
    background-color: #e8eaec;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
}

.preview-on-click-block {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .preview-on-click-block {
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .preview-on-click-block {
        flex-direction: column;
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media screen and (min-width: 768px) {
    .preview-on-click-block > * {
        width: 38%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .preview-on-click-block > * {
        width: 32%;
    }
}

@media screen and (min-width: 768px) {
    .preview-on-click-block .content {
        width: 60%;
    }
}

.preview-on-click-block .content .flexbox {
    align-items: flex-start;
    color: #949494;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .preview-on-click-block .content .flexbox > * {
        cursor: pointer;
        flex: none;
        transition: all 0.3s;
        width: 100%;
    }

@media screen and (max-width: 768px) {
    .preview-on-click-block .content .flexbox > :not(:last-of-type) {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .preview-on-click-block .content .flexbox > * {
        font-size: 16px;
        margin-bottom: 80px;
        width: 45%;
    }

    .preview-on-click-block .content .flexbox > :not(.active) {
        filter: grayscale(1);
        opacity: 0.5;
    }

        .preview-on-click-block .content .flexbox > :not(.active):hover {
            filter: grayscale(0);
            opacity: 1;
        }
}

.preview-on-click-block .content .flexbox > * .mobile-illustration {
    display: none;
}

@media screen and (max-width: 767px) {
    .preview-on-click-block .content .flexbox > * .mobile-illustration {
        display: block;
        margin: 20px auto 0;
        max-width: 70%;
    }
}

.preview-on-click-block .content .flexbox > * p:first-of-type {
    margin-bottom: 5px;
}

.preview-on-click-block .illustration {
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .preview-on-click-block .illustration {
        display: none;
    }
}

@keyframes topBannerAnimation {
    0% {
        background-position: 0 50%;
        background-size: 400% 400%;
    }

    50% {
        background-position: 33% 50%;
        background-size: 400% 400%;
    }

    to {
        background-position: 66% 50%;
        background-size: 400% 400%;
    }
}

.header-top-banner {
    text-decoration: none !important;
}

.header-top-banner--container {
    animation: topBannerAnimation 2s ease infinite alternate;
    background: linear-gradient(90deg, hsla(0, 0%, 83%, 0.5), hsla(0, 0%, 83%, 0.1) 75.8%, hsla(0, 0%, 83%, 0.3)), #000;
}

    .header-top-banner--container .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        max-width: none;
    }

        .header-top-banner--container .row .header-top-banner--text {
            display: flex;
            flex: 4;
        }

            .header-top-banner--container .row .header-top-banner--text p {
                align-self: center;
                color: #fff;
                font-family: Inter, Times New Roman, arial, sans-serif;
                font-size: 16px;
                font-weight: 400;
                line-height: 28px;
                margin: 0 auto;
                padding: 14px 30px;
            }

                .header-top-banner--container .row .header-top-banner--text p strong {
                    color: #ff5300;
                    font-weight: 500;
                }

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--text p {
        align-items: center;
        display: flex;
        font-size: 13px;
        font-weight: 500;
        gap: 16px;
        justify-content: center;
        line-height: 22px;
        padding: 8px 0;
        text-align: left;
    }

        .header-top-banner--container .row .header-top-banner--text p:after {
            color: #fff;
            content: "" /*!rtl:''*/;
            display: inline-block;
            font-family: ledger-icons-font;
            font-size: 2rem;
            line-height: 2rem;
            vertical-align: middle;
        }
}

.header-top-banner--container .row .header-top-banner--button {
    background: hsla(0, 0%, 100%, 0.1);
    border-left: 1px solid #737373;
    display: flex;
    flex: 1;
    justify-content: center;
    transition: all 0.3s;
}

    .header-top-banner--container .row .header-top-banner--button span {
        align-items: center;
        color: #fff;
        display: flex;
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        padding: 14px 32px;
        white-space: nowrap;
    }

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--button span {
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        padding: 8px 32px;
    }
}

.header-top-banner--container .row .header-top-banner--button span:after {
    color: #fff;
    content: "" /*!rtl:''*/;
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 2rem;
    line-height: 2rem;
    padding-left: 4px;
    transition: all 0.3s;
    vertical-align: middle;
}

.header-top-banner--container .row .header-top-banner--button:hover {
    background: hsla(0, 0%, 100%, 0.2);
    transition: all 0.3s;
}

    .header-top-banner--container .row .header-top-banner--button:hover span:after {
        transform: translateX(4px);
    }

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--button:hover span:after {
        transform: none;
    }

    .header-top-banner--container .row .header-top-banner--button {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .header-top-banner--container .row {
        margin: 0;
    }
}

.hero-manager {
    position: relative;
}

    .hero-manager .blur {
        display: none;
    }

    .hero-manager.with-gradient {
        background-color: #000;
    }

        .hero-manager.with-gradient h1,
        .hero-manager.with-gradient h2,
        .hero-manager.with-gradient p {
            color: #fff;
        }

        .hero-manager.with-gradient .introduction > * {
            align-items: center;
        }

@media screen and (max-width: 768px) {
    .hero-manager.with-gradient .introduction > * > * {
        gap: 0;
    }
}

.hero-manager.with-gradient .introduction .content .text-container {
    gap: 8px;
}

@media screen and (max-width: 768px) {
    .hero-manager.with-gradient .introduction .content .text-container {
        align-items: center;
        text-align: center;
    }
}

.hero-manager.with-gradient .blur {
    background: #0a0a0a;
    border-radius: 100%;
    bottom: -55px;
    display: block;
    filter: blur(25px);
    height: 110px;
    opacity: 1;
    position: absolute;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .hero-manager.with-gradient .blur {
        display: none;
    }
}

.hero-manager .introduction {
    background: #000;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: -86px;
    max-width: 100%;
    padding: 40px 0 0;
    position: relative;
    width: 100%;
}

    .hero-manager .introduction > * {
        width: 92%;
    }

@media screen and (max-width: 768px) {
    .hero-manager .introduction > * {
        width: 100%;
    }
}

.hero-manager .introduction > * > * {
    align-items: center;
    gap: 32px;
    z-index: 50;
}

@media screen and (max-width: 768px) {
    .hero-manager .introduction > * > * {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 992px) {
    .hero-manager .introduction {
        margin-top: -66px;
    }
}

.hero-manager .introduction.with-gradient {
    background-color: transparent;
    background-image: url(../images/hero-gradient-bg.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
}

    .hero-manager .introduction.with-gradient:lang(ar) {
        background-image: url(../images/hero-gradient-bg-ar.png);
    }

    .hero-manager .introduction.with-gradient > .row {
        padding-bottom: 60px;
    }

@media screen and (max-width: 1200px) {
    .hero-manager .introduction.with-gradient {
        padding-top: 80px;
    }
}

@media screen and (max-width: 690px) {
    .hero-manager .introduction.with-gradient {
        background-position-x: 78%;
        background-position-y: -316px;
    }
}

.hero-manager .introduction.with-gradient .image-container {
    border-radius: 0;
    height: auto;
    margin-top: 80px;
}

    .hero-manager .introduction.with-gradient .image-container img {
        height: 100%;
        max-height: 650px;
        -o-object-fit: contain;
        object-fit: contain;
    }

@media screen and (max-width: 768px) {
    .hero-manager .introduction.with-gradient .image-container {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .hero-manager .introduction {
        padding-top: 120px;
    }
}

@media screen and (min-width: 992px) {
    .hero-manager .introduction {
        padding-top: 56px;
    }
}

.hero-manager .second-cta {
    margin-top: 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.hero-manager .cta-section a.copy-button {
    background-color: #000;
    border: 2px solid #fff;
    color: #fff;
    margin-right: 0;
    position: relative;
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section a.copy-button {
        margin-top: 20px;
    }
}

.hero-manager .cta-section a.copy-button:after {
    content: "";
}

.hero-manager .cta-section a.copy-button:hover {
    border: 2px solid #c3c3c3;
    color: #c3c3c3;
}

.hero-manager .cta-section a.copy-button .tooltip {
    background-color: #c3c3c3;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    left: 47%;
    margin-left: 108px;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    top: 7px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
    white-space: nowrap;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section a.copy-button .tooltip {
        margin-left: -90px;
        top: 70px;
    }
}

.hero-manager .cta-section a.copy-button:active .tooltip {
    opacity: 1;
    visibility: visible;
}

.hero-manager .cta-section a.copy-button .tooltip:after {
    border: 7px solid transparent;
    border-right-color: #c3c3c3;
    content: "";
    left: 0;
    margin-left: -14px;
    position: absolute;
    top: 35%;
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section a.copy-button .tooltip:after {
        border-color: transparent transparent #c3c3c3;
        left: 50%;
        margin-left: -10px;
        top: -33%;
    }
}

.hero-manager .cta-section a.copy-button.copied {
    border: 2px solid #ff5300;
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section a.copy-button.copied {
        margin-bottom: 40px;
    }
}

.hero-manager .cta-section a.copy-button.copied .tooltip {
    opacity: 1;
    visibility: visible;
}

.hero-manager .cta-section a.copy-button.copied:hover {
    border: 2px solid #ff5300;
    color: #fff;
}

.hero-manager .read-more:not(.reverse):after {
    padding-left: 16px;
}

.hero-manager .illustration-block {
    margin-top: 80px;
}

    .hero-manager .illustration-block .illustration {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        min-height: 650px;
        min-width: 350px;
        width: 100%;
    }

@media screen and (max-width: 992px) {
    .hero-manager .illustration-block .illustration {
        background-size: cover;
        flex: 0 0 auto;
        min-height: 360px;
        min-width: 290px;
        position: relative;
        width: 100%;
    }

    .hero-manager .illustration-block.no-illustration-mobile {
        display: none;
    }
}

.hero-manager .video-block {
    min-width: 54%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 992px) {
    .hero-manager .video-block {
        min-width: 44%;
    }
}

.hero-manager .content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media screen and (max-width: 690px) {
    .hero-manager .content {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }
}

.hero-manager .content .text-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 768px) {
    .hero-manager .content .text-container {
        align-items: center;
        text-align: center;
    }
}

.hero-manager .content ul.infos-container {
    margin: 0;
}

    .hero-manager .content ul.infos-container li {
        display: inline-block;
        list-style: none;
        margin: 10px 15px 10px 0;
    }

.hero-manager .content ul.icons-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 0;
}

@media screen and (max-width: 690px) {
    .hero-manager .content ul.icons-container {
        justify-content: center;
    }
}

.hero-manager .content ul.icons-container li {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0 8px;
}

    .hero-manager .content ul.icons-container li i {
        font-size: 32px;
    }

@media screen and (max-width: 992px) {
    .hero-manager .content ul.icons-container li {
        flex-direction: column;
        max-width: 120px;
        text-align: center;
        width: 50%;
    }
}

.hero-manager .content ul.icons-container .separator {
    background-color: #fff;
    height: auto;
    opacity: 0.3;
    width: 1px;
}

@media screen and (max-width: 991px) {
    .hero-manager .content > h1,
    .hero-manager .content > h2,
    .hero-manager .content > p {
        width: auto;
    }
}

.hero-manager .content .button {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .hero-manager .content .button {
        margin-right: 0;
    }
}

.hero-manager .image-container {
    border-radius: 4px;
    height: 400px;
    overflow: hidden;
}

    .hero-manager .image-container img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: auto;
    }

@media screen and (max-width: 690px) {
    .hero-manager .image-container {
        display: flex;
        justify-content: center;
    }

        .hero-manager .image-container img {
            max-height: 400px;
        }
}

.hero-manager .hero-service {
    background: var(--gradients-neon-grey, linear-gradient(90deg, hsla(0, 0%, 90%, 0.2), hsla(0, 0%, 93%, 0.04) 75.8%));
    border: 1px solid var(--grey-grey-600, #525252);
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin: 48px 0;
    padding: 24px;
    position: relative;
    transition: all 0.3s ease;
}

    .hero-manager .hero-service:hover {
        border: 1px solid var(--grey-white, #fff);
        transition: all 0.3s ease;
    }

        .hero-manager .hero-service:hover:after {
            left: auto;
            right: 16px;
            transition: all 0.3s ease;
        }

@media screen and (max-width: 768px) {
    .hero-manager .hero-service {
        margin: 40px 0;
        padding-right: 60px;
    }

        .hero-manager .hero-service .h6 {
            font-size: 2rem;
        }
}

.hero-manager .hero-service a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-manager .hero-service:after {
    content: "";
    font-family: ledger-icons-font;
    font-size: 3.2rem;
    left: auto;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.hero-manager .hero-service.rtl-fix:after {
    transform: translateY(-50%) rotate(-180deg);
}

.hero-manager .hero-service p {
    font-size: 1.6rem;
}

.hero-manager .mention {
    align-items: center;
    background-color: #fff7f5;
    border-radius: 8px;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    line-height: 22px;
    padding: 6px 20px;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
}

    .hero-manager .mention .dot {
        background-color: #6ec85c;
        border-radius: 50%;
        display: inline-block;
        height: 16px;
        width: 16px;
    }

.trusted-by {
    align-items: center;
    background-color: #171717;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 8px 16px;
    width: -moz-fit-content;
    width: fit-content;
}

    .trusted-by .star-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 4px;
    }

        .trusted-by .star-container svg {
            height: 16px;
            width: 16px;
        }

    .trusted-by p {
        color: #fff;
    }

@media screen and (max-width: 690px) {
    .trusted-by {
        padding: 8px;
    }
}

.recommended-by > div {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 25px;
}

    .recommended-by > div img {
        max-height: 21px;
    }

.recommended-by-container {
    background-color: #0a0a0a;
}

.page-template-page-start #main {
    margin-top: -75px;
}

.page-template-page-start .hero-manager .introduction {
    padding-top: 99px;
}

@media screen and (min-width: 768px) {
    .page-template-page-start .hero-manager .introduction {
        padding-top: 122px;
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-start .hero-manager .introduction {
        padding-top: 142px;
    }
}

.generic-banner {
    padding-bottom: 80px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .generic-banner {
        padding-bottom: 60px;
    }
}

.generic-banner .bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: transform 0.3s ease;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .generic-banner .bg {
        background-position: 70%;
    }
}

.generic-banner .content {
    border: 1px solid #525252;
    height: 100%;
    overflow: hidden;
    padding: 40px;
    transition: border-color 0.3s ease;
}

@media screen and (max-width: 768px) {
    .generic-banner .content {
        margin-left: 0;
        margin-right: 0;
        padding: 24px;
    }
}

.generic-banner .gradient {
    background: linear-gradient(90deg, #000, transparent);
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .generic-banner .gradient {
        background: rgba(0, 0, 0, 0.4);
        opacity: 1;
    }
}

.generic-banner p {
    color: #fff;
    margin-bottom: 20px;
    max-width: 568px;
}

    .generic-banner p:lang(ar) {
        max-width: 615px;
    }

.generic-banner a:link:not(.is-primary),
.generic-banner a:visited:not(.is-primary) {
    color: #fff;
}

.generic-banner a {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background-color: hsla(0, 0%, 100%, 0.1);
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: block;
    padding: 14px 24px;
    text-decoration: none;
    transition: background-color 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;
    transition: background-color 0.3s ease-out, backdrop-filter 0.3s ease-out;
    transition: background-color 0.3s ease-out, backdrop-filter 0.3s ease-out, -webkit-backdrop-filter 0.3s ease-out;
    width: -moz-fit-content;
    width: fit-content;
}

    .generic-banner a:hover {
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        background-color: hsla(0, 0%, 100%, 0.3);
    }

    .generic-banner a:visited {
        color: #fff;
    }

.generic-banner .heading-4,
.generic-banner a,
.generic-banner p,
.generic-banner span {
    position: relative;
    z-index: 2;
}

.generic-banner:hover .bg {
    transform: scale(1.02);
}

.generic-banner:hover .gradient {
    opacity: 0.8;
}

.generic-banner:hover .content {
    border-color: #fff;
}

.switch-language-banner {
    align-items: center;
    background: linear-gradient(123deg, #0a0a0a, #262626);
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
    padding: 16px;
}

    .switch-language-banner .title p {
        color: #fff;
        text-align: center;
    }

    .switch-language-banner .buttons {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: 16px;
        justify-content: center;
    }

        .switch-language-banner .buttons button {
            border-radius: 100px;
            cursor: pointer;
            padding: 8px 16px;
            transition: background-color 0.3s ease;
        }

            .switch-language-banner .buttons button.white {
                background: #fff;
                border: 0;
            }

            .switch-language-banner .buttons button.black {
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
                background: hsla(0, 0%, 100%, 0.1);
                border: 1px solid #fff;
                color: #fff;
            }

            .switch-language-banner .buttons button:hover.black {
                background-color: hsla(0, 0%, 100%, 0.2);
            }

@media screen and (max-width: 860px) {
    .switch-language-banner {
        flex-direction: column;
        gap: 16px;
    }
}

.cobrand-form form,
.reseller-form form {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: Inter, Times New Roman, arial, sans-serif;
    margin: 0 auto;
    max-width: 850px;
    padding: 40px 2vw;
    transition: opacity 0.5s ease-out;
    width: 100%;
}

    .cobrand-form form.hide,
    .reseller-form form.hide {
        height: 0;
        opacity: 0;
        visibility: hidden;
    }

@media screen and (max-width: 860px) {
    .cobrand-form form,
    .reseller-form form {
        padding: 20px 10px 10px;
    }
}

.cobrand-form form hr,
.reseller-form form hr {
    background-color: #d4d4d4;
    height: 1px;
}

.cobrand-form form .fields-wrapper > div,
.reseller-form form .fields-wrapper > div {
    display: flex;
    gap: 70px;
    justify-content: space-between;
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper > div,
    .reseller-form form .fields-wrapper > div {
        flex-direction: column;
        gap: 10px;
    }
}

.cobrand-form form .fields-wrapper fieldset,
.reseller-form form .fields-wrapper fieldset {
    display: flex;
    flex-direction: row;
    gap: 70px;
    justify-content: space-between;
}

    .cobrand-form form .fields-wrapper fieldset .yes-no-container,
    .reseller-form form .fields-wrapper fieldset .yes-no-container {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

        .cobrand-form form .fields-wrapper fieldset .yes-no-container .reseller-form-input:hover,
        .reseller-form form .fields-wrapper fieldset .yes-no-container .reseller-form-input:hover {
            outline: none;
        }

.cobrand-form form .fields-wrapper label,
.reseller-form form .fields-wrapper label {
    display: block;
}

.cobrand-form form .fields-wrapper .reseller-form-input,
.cobrand-form form .fields-wrapper .reseller-form-select,
.cobrand-form form .fields-wrapper .reseller-form-textarea,
.reseller-form form .fields-wrapper .reseller-form-input,
.reseller-form form .fields-wrapper .reseller-form-select,
.reseller-form form .fields-wrapper .reseller-form-textarea {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    padding: 11px 14px;
    width: 100%;
}

    .cobrand-form form .fields-wrapper .reseller-form-input:hover,
    .cobrand-form form .fields-wrapper .reseller-form-select:hover,
    .cobrand-form form .fields-wrapper .reseller-form-textarea:hover,
    .reseller-form form .fields-wrapper .reseller-form-input:hover,
    .reseller-form form .fields-wrapper .reseller-form-select:hover,
    .reseller-form form .fields-wrapper .reseller-form-textarea:hover {
        outline: 2px solid #ff5300;
    }

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .reseller-form-input,
    .cobrand-form form .fields-wrapper .reseller-form-select,
    .cobrand-form form .fields-wrapper .reseller-form-textarea,
    .reseller-form form .fields-wrapper .reseller-form-input,
    .reseller-form form .fields-wrapper .reseller-form-select,
    .reseller-form form .fields-wrapper .reseller-form-textarea {
        font-size: 14px;
    }
}

.cobrand-form form .fields-wrapper .reseller-form-select,
.reseller-form form .fields-wrapper .reseller-form-select {
    text-transform: capitalize;
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .reseller-form-select,
    .reseller-form form .fields-wrapper .reseller-form-select {
        max-width: none;
    }
}

.cobrand-form form .fields-wrapper .is-error,
.reseller-form form .fields-wrapper .is-error {
    text-align: right;
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .is-error,
    .reseller-form form .fields-wrapper .is-error {
        text-align: left;
    }
}

.cobrand-form form .submit-container,
.reseller-form form .submit-container {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
    justify-content: center;
}

@media screen and (max-width: 860px) {
    .cobrand-form form .submit-container,
    .reseller-form form .submit-container {
        flex-direction: column-reverse;
        gap: 15px;
    }
}

.cobrand-form form .submit-container .g-recaptcha,
.reseller-form form .submit-container .g-recaptcha {
    transform: scale(0.82);
    transform-origin: 0 0;
}

.cobrand-form .success-message,
.reseller-form .success-message {
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease-in;
}

    .cobrand-form .success-message.show,
    .reseller-form .success-message.show {
        opacity: 1;
    }

.wallet-mechanism .row > .row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 80px;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto;
}

    .wallet-mechanism .row > .row:lang(ar) {
        flex-direction: row-reverse;
        text-align: right;
    }

    .wallet-mechanism .row > .row .text-container,
    .wallet-mechanism .row > .row .video-container {
        display: block;
        position: relative;
        width: 100%;
    }

    .wallet-mechanism .row > .row video {
        height: auto;
        max-width: 576px;
        position: relative;
        width: 100%;
    }

    .wallet-mechanism .row > .row em {
        color: #d4a0ff;
        font-style: normal;
    }

    .wallet-mechanism .row > .row .svg-container {
        display: inline-block;
        margin-bottom: -6px;
        margin-left: 8px;
    }

        .wallet-mechanism .row > .row .svg-container svg {
            display: block;
            vertical-align: middle;
        }

@media screen and (max-width: 992px) {
    .wallet-mechanism .row > .row .svg-container svg {
        width: 26px;
    }

    .wallet-mechanism .row > .row .svg-container {
        margin-bottom: -14px;
    }

    .wallet-mechanism .row > .row {
        flex-direction: column-reverse;
        gap: 32px;
    }

        .wallet-mechanism .row > .row:lang(ar) {
            flex-direction: column-reverse;
            text-align: left;
        }
}

.testimonials-block {
    background-color: #000;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1441px) {
    .testimonials-block .h2 {
        margin: 0 auto 40px;
        max-width: 1440px;
        padding: 0 30% 0 0;
    }
}

.testimonials-block .swiper-container {
    height: 100%;
    margin: 0 auto;
    max-width: 2000px;
    width: 100%;
}

    .testimonials-block .swiper-container.end:before {
        background: linear-gradient(-90deg, hsla(0, 0%, 4%, 0), #0a0a0a);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 80px;
        z-index: 99;
    }

    .testimonials-block .swiper-container:not(.end):after {
        background: linear-gradient(90deg, hsla(0, 0%, 4%, 0), #000);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
        z-index: 99;
    }

@media screen and (min-width: 1441px) {
    .testimonials-block .swiper-container {
        margin: 0 auto 40px;
        max-width: 1440px;
    }
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-container {
        margin-top: 100px;
    }
}

.testimonials-block .swiper-button-next.swiper-button-disabled,
.testimonials-block .swiper-button-prev.swiper-button-disabled {
    display: inline-block !important;
}

.testimonials-block .swiper-controls {
    margin-bottom: 80px;
    margin-top: -80px;
}

.testimonials-block .swiper-button-next,
.testimonials-block .swiper-button-prev {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block !important;
    height: 48px;
    line-height: 48px !important;
    margin-left: 16px;
    padding: 0 !important;
    position: relative !important;
    right: 0 !important;
    width: 48px;
}

    .testimonials-block .swiper-button-next [class*=" icon-"],
    .testimonials-block .swiper-button-next [class^="icon-"],
    .testimonials-block .swiper-button-prev [class*=" icon-"],
    .testimonials-block .swiper-button-prev [class^="icon-"] {
        color: #fff;
    }

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-button-next,
    .testimonials-block .swiper-button-next.swiper-button-disabled,
    .testimonials-block .swiper-button-prev,
    .testimonials-block .swiper-button-prev.swiper-button-disabled {
        display: none !important;
    }
}

.testimonials-block .swiper-slide {
    background-color: #000;
    border: 1px solid #525252;
    border-radius: 4px;
    box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    height: auto;
    margin-bottom: 15px;
    min-height: 317px;
    padding: 40px 40px 100px;
    width: 29%;
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide {
        height: auto;
        padding: 40px 30px 105px;
        width: 80%;
    }
}

.testimonials-block .swiper-slide p {
    font-feature-settings: "clig" off, "liga" off;
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
}

.testimonials-block .swiper-slide .content {
    align-items: flex-start;
    flex-direction: column;
    gap: 40px;
}

.testimonials-block .swiper-slide .author {
    align-items: center;
    align-self: stretch;
    bottom: 40px;
    display: flex;
    gap: 16px;
    position: absolute;
}

    .testimonials-block .swiper-slide .author .illustration {
        background-image: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAApACgDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+7f4l/E3wt8KPDMvifxVcypAZlstN06zjFxqmt6pLHLLBpel2xeNZbmVIZZXkmlgtLS3imu724t7WGWVfhPEXxG4X8LuGsTxRxXjHhsFRkqGFw1CCq47M8dOE50cvy+g5QVXE1Y05yvOdOhRpwnWxFWlRhOa9/hvhrNeKszpZVlFBVa817SrVm3ChhaClGM8RiKlnyUoOUV7sZTnJxhThOclF/wA9P/BRP/gsTafspeFNC8W/FPVvGXhDRPGGoanp/hHwP8IbWKbxNqUmj29tc38up+L76+0OaIWcV9aCea11HQ7aR7iOO3028eN5l/gDAeLf0gPpMZ7m+U+G+a5f4ccO5RChWxVXD42thsbSo4qpVp4T6xnNDC1c1xGLqeyrP2eXUsBheWCdaEJckpf0RW4M8PfDPAYPGcSYTEcS5jjJVIUlUownQlOlGMq3s8HUqQwlOlBTp+9iKleteXuSceZL8DYP+DnX4I/2zuufht+0VCjTkDWrb4iW9xqZj84Ks+19btZPNdWEz/8AEx8vJI+0M3J9mX0T/HNS+v0/HbFvMVeo6rx/E9OXtXdv/a44qpWd23ebpJ3d+W5yrxW4C/3aXAdJYb4eVUMrlHl2/hexUNFbRT8r6a/0D/8ABPP/AIK2n9qP4fXPxO+Fus+LvGvgvQvEMnhXxL4L+LUMEPinTtSgtLXUSLHxXZ3mu3RkurO/tpba8vdS8Q2nl5iuNPtZwzJ8zivGbx7+jXxVl3DfiRm+D8RclxmDhjqSxONq4rF18C8RVoVKuEz3EYSlm2Hx0KtKUJRzOlj8PyJclCfMqkPRhwN4f+JWU4jM+GsLW4bxtKtKg3SowhRhXUITjGtgKdWWEnQcZJp4WeHqc17zSXK/6APhn8TfC/xX8MQeJ/C085g857PUdNvo1t9V0XU4VR59N1O2SSVI7iNZI5Y5YJZ7S7t5YbqzuJ7aWORv9DPDrxG4Y8UeGcLxTwri5YjBVpOhicNXgqWOy3G04wlWwOPoKU1SxFJThJOE6lGtTnCtQq1KU4yf84cScN5rwrmlXKs2oqnXglUpVabc6GKoSbUMRh6jUXKnJxatKMZwkpQqQjOLR+YX7QXje7+JPxO1ycztJ4f8J3t94W8MWoYeTHHp1x9l1vVFwq759Z1e1nYTkEtplrpkSkrGzy/5T/So8RMw8QvEzNMuo4mT4c4PxOIyPJ8LF/upV8NNUs0zB2sqlTG42lP2dS3+50sLTu/Z80v648JuG8Pw5wvhMTOiv7TzmlTx+Mqte+qdWLnhMOt+WNChOPND/n9KtL7Vl/Mj/wAHCXwkTxv+z/8As/atLuhs9K+OknhvUdQjZI/7P0/xV4D8S6jNdPK/7tIzL4QgiZpSIVaSNpAzKgr676GudVcj4q42wiSnUxvC+GxlClJS5atbLs3wtBRSi7uShmc5JR1aTNvEbIqHEn+reGxFV4bDf2rXoV8QnBOlSq5ficRKXNUXJG8sHCN5Ky5telvw68Q/8EwP2VLL9n6P4tad+0DBe+KJ44YU0I+KdAkilv5htawtpPs6Ce63xvE9tG7yhkdQRIlf2vQ8T+Kp5n9RllVBRVWUZUVgsYq6pxu1Ufvu0LWd2rWkntocVbwP4DhgZYiGaZrGDo81PMp5nlrwVSqlrTj/ALKouTkpRUVNvmT07fvp/wAG+3wxfwR+xl45nkhmCeIP2gvG0+nXMyKn2zR9G8M+CdDtJ4mVVDwm7stSCuvyMwcR8DJ/hP6YebTz7xHyVLlUsBwfl1OvTje1PEYnMM0xU4Wb91qnUoycXqk1fU9Hwzymlw/leb4KlOVal/b2J9jWk4uVShDC4ONOXNFcstef4Ule7S1P6Qf2evG1z8N/iholw07R6B4surPwn4lttzCBk1O5W30LVWUyLElxo+sz2++7kVvJ0e91iPAMiMnj/RV8Q8d4f+J2V5dXxElw7xhXo5Bm2GlJqjTxOKqKnlOYqLnGlCphMfKlCrXmpOngK+NhFJ1OZcni3w5Q4j4VxWJp0f8AhSyWFTMcHVUbzlSoxcsZhrqLlKNbDxnKNONubEU6DbtGz4PT7OaextJ7oE3c8EVxeE9TdzKJbot1yxuHk3cnknk9a/Fs1o16+aZjXxc28VVx2KqYhyu260685VG3zO75276u76n3WDcKeEw1OjK1KGHpRppbcihFR7fZtbRHwD/wUzv/AIheCP2ZdX+IXgXWNS0+y8J6/wCHR45sNJ1jUNA1C/8ACviHWLHw9DqFhqmnFpbe98MeKNR8N+IbiGa2ubbU9Astf0acQRak1zD934V5BlGecVYXK8wp4d46cKuLyHE4nCQxmHoZpgaNWtOhicPUlFVMNmGWrMMG2m50cRUwuJhCc6CQYhzl7LkjSqSdWNNqtU5IKFZqm26ip1ZQ95w96MG1vZ2s/wAJNS+J3jXw7bNqreKIpdf8OTah4wufiJE6RX+pRzeGNEGi2b/FmDw8/inWJ421K4sNR8HzarsuJdC3Xk8NozQL/V9DgKtKrQzis8ynh6+KeEw+Aq180nkFOUadWhCCyari/wCyvaUnQjiJ4unho1Ksak6E4KLUo+zPhaossnSeFwlCouavOpONaGVVKaknVdLHLBcksW5XiuShJqLa+wpS/oE/4J0w+Mta/ZO+G/jPxteX13e/EG3n8a6HBqmrXXiDUrDwlqqW9v4aXUPEF6FutXv9Y02xj8U3tw8NpDbXniCfTbCys9NsLO2i/j/xHyPKMo4wzfLMqdOo8HW9lmmKp4SlgoYzOLylj6lLCUZzp4ehh5yjgcPT56k3QwlOdadSvKpUl42Er1atCE6saVGbdSPs6M3OkoRqTjS5JSjTlJOmovmlCLk25csU7L7U1Gymisbqa1DC7ghea0KZDfa4lMlptK4Ifz0j2lWVg2CCpAI+WyqjXo5pl1XCSaxVPHYWeH5E1NVo14Sp8rUotPnUbNNNPqgxcqc8JiYVpJ0ZUKqqKTTXs3TkpXummrN3un5pnvPxK8Ev4N8e+I9EaIpZ3N9ceINCcqoSfRdaup7uNIfmJK6XeNd6NIG/ef6DHPINtzCz/vXj94f1+CPEvP6HsZRyvOcVVz7JqvKlSngszrVK06EH73+44r6xgWptVJfV1VceSpCUvzzw84lhnvC+XTdW+LwNKGX42HP7yr4WEYKo9F/vFL2ddct4r2jgneEkvkv9oLXPAkfw88WeCPEml6H41ufGmjah4TTwDqU1u1nrUuvabfxQ2mv/ADPJpmjzRQXU9zfGP7UlraXU2mRXF3bqg+O4J4Tz/Mc0wmY5b9ay6jluIoYuWbRjOn7D2dSEr4V8v7+u1e1OF42v7WUYPX67EZhRpRUalS7ndKKak9N35WbSTbXvOKvqfwaXngj4x+HbyLwB4n+FNjY+LtB8QT2uu+O21Dxgda1y6tLxdIv/AA5P4SudWl8FWN7NFbyxPrun6Yl5dm5djKyTYr/QepxZCvlqwdPN8c8uTcsPk8/Y/VMM7Sq060cRGP1mpTp1ZyqU8PUl7OEk2tbW+hljs7q5XSws6/tMFGipQxkcRiHzqTlUly4KTeHoykql51Iu3O5TVKNSU5v++z4Y+MPh9qnh/wAOeH/DsWk+EDp+k22l6P4DMmm2E2kaVorzaFZ6dpOnWsqwHTrFNLa1s7a0jRrWzitlms7RZIYz/nlxXwVn+TY2vicxVTMY4mtiMRUzOlz4iNSrKvV9tPGSadShiZVYzlUjXs5X54ymnc+ewuY0q1NeybhGKgkn7sbSpwnHkbVpR5Zx1i7N3SvY+kPhx4Im8Z+OvDeiRws9lBqFpruuzBCYrfRdGuYb6VJ3AYIdUuYrbSIVI3O17I6AJbzPH9t4BeH+I438ScgoRoTnleTYuhnec11FulSweX1Y140Kk1FpSx1eFLBU18XNW59IwnKPyPiFxLTyPhjMZ+1ti8bRqYDBU+dc8q2Ii6cpxWjaoU5TrSe1ocu7Sf2x8dfgnovxw8IHw/falf6Dq1lOL3RNe02e6gkgnAxNpmqx2V1Y3GqeGtXQLb65o63tobuFYpra6s9QtbO8t/8AU7jTgXIuN8FQoZrhMPPF4Gcq2WY+ph6datga00lUUHK0/YV1GMcRShUpuajGUZwqQpzj/KfDnEmP4bxjxODm3SrR9nisM5WhWgr8skmpRjWpNuVGo4S5G2nGUJTjL+dX9rL4T/Gr4C2lrbeJvh5qb+EtA1XwrquqeMvB2kvd+HfEsereMofAt7bWviKx09YdEurzQvEPiLWr201mHT7vTLPXrMCGb+xDeSfzRmvBefcJwxdLMcDPE4b6tiarzDA4d1MJLD0KlGPI60KX7qpWp1sTUjRqqjUVOyt+69o/6FyLibJOIqlGeHx0KGLq1FQjg8ZW5K1KpPD1Kqn7KU/3kKValhqaq0/aQlOEn/y85F8m/HfS/h5bWng74u678RfCVm/wg8Z2MP7QHhW9nttMuddiS2tbnwT8SPDd48M9/quoeIdOg0yb/hDry7Fv4o/tKKbSZpNf0268N6n8xh8qjiMJPC0/rEc6lU+ppOMoYdrnfNiHUnyqnz0YV5TqOLSqxnVjJU6sY0vuMHxNj8JhMXl8qcZZPXw9fEYOtG1Sphpyg/bYK0bvkjWnGFOMWnTU1Fwuuaf1f8Efgf8AHD9oTUvBv/CJfDG8Ggah4M8EeMtV8deK9PutM8GQP4k8S/Fex13w+2v3kAg1XVPDWmy+HdfGkaNa6hqkV3PZm5tYrW5hnr3Mk4Az/ilUauCwToYbE4nMMUswxEZUsPCMswoUYxlVt+8ccNLF1qUIQlOUoL3eWSPi844uyXh76xTxGNVSvh40sHDA4WaqV26WChUjV9knaEZ4iMKE6s5KPLKTT5o2f9EvwB+Bei/AfwYPDdjq+q+JdYvpxf694j1m5ubm4ursxIi6fpMV5c3k2j+GdOIkXRNBW7uY7BJriV57m7urq5m/p3gbgLI+BMvq4bLKFF47HThXzbMlh6VHEZhiIR5VKfs1zKjSvP2FGU6jpqc5SqVKk5zl/PXE/E+P4oxyxWLfs6NGLpYPCQd6eHpXvd6RU607R9tW5YubjFKMYxjFe6V9wfNBQB+M3xL/AOTmNO/7Dfw4/wDUi0qvzFf8jyv6y/8ATMT9Jpf8iFf19uofszX6cfmwUAD/2Q==");
        background-size: cover;
        border-radius: 100%;
        height: 40px;
        width: 40px;
    }

    .testimonials-block .swiper-slide .author p {
        font-feature-settings: "clig" off, "liga" off;
        align-items: flex-start;
        color: #6a6a6a;
        display: flex;
        flex: 1 0 0;
        flex-direction: column;
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide .author p {
        font-size: 12px;
    }
}

.testimonials-block .swiper-slide .author p strong {
    font-feature-settings: "clig" off, "liga" off;
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide .author p strong {
        font-size: 14px;
    }
}

.swiper-button-next,
.swiper-button-prev {
    background: #000;
    color: #fff;
    font-size: 22px;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.2s;
}

@media screen and (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        font-size: 12px;
    }
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}

.swiper-button-prev {
    left: 0;
}

.navigation {
    align-items: center;
    border: none;
    justify-content: center;
}

    .navigation.animate .navigation__item__content {
        transition: max-height 0.3s ease-in-out;
    }

.navigation__item__content {
    left: 50%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: 999;
}

.navigation__item__content__container {
    background: #fff;
    position: relative;
}

    .navigation__item__content__container > div {
        margin: 0 auto;
        max-width: 1440px;
    }

.navigation__item__content.visible {
    max-height: 500px;
}

@media screen and (max-width: 1280px) {
    .navigation__item__content {
        overflow-y: scroll;
    }
}

.navigation__item__link,
.navigation__item__trigger {
    align-items: center;
    border: none;
    display: flex;
    height: 86px;
    justify-content: center;
}

    .navigation__item__link:focus,
    .navigation__item__trigger:focus {
        outline: 0;
    }

.navigation__tabs {
    -ms-overflow-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

    .navigation__tabs > div {
        flex: 1 1 auto;
    }

        .navigation__tabs > div:first-child .navigation-button {
            border-left: 1px solid #e5e5e5;
        }

.navigation__tabs__link,
.navigation__tabs__trigger {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    border: 1px solid #e5e5e5;
    border-left: none;
    color: #000;
    display: flex;
    height: 70px;
    justify-content: center;
    white-space: nowrap;
    width: 100%;
}

.navigation__tabs__content {
    left: 0;
    max-height: 0;
    overflow-y: scroll;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    visibility: hidden;
}

    .navigation__tabs__content.active {
        max-height: 100vh;
        pointer-events: all;
        visibility: visible;
    }

.navigation--desktop {
    display: none;
}

@media screen and (min-width: 1025px) {
    .navigation--desktop {
        display: flex;
    }
}

.navigation--mobile {
    background: #fff;
    height: calc(100dvh - 76px);
    inset: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 70px;
    visibility: hidden;
    z-index: 2;
}

@media screen and (max-width: 690px) {
    .navigation--mobile {
        top: 75px;
    }
}

@media screen and (max-width: 1023px) {
    .navigation--mobile.active {
        max-height: 100vh;
        pointer-events: all;
        visibility: visible;
    }
}

.navigation-button {
    background: none;
    cursor: pointer;
    padding: 0 24px;
}

.navigation-sections {
    align-items: start;
    -moz-column-gap: 64px;
    column-gap: 64px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin: 0 4%;
    padding: 32px 0;
}

.navigation-sections__primary {
    display: grid;
    gap: 24px;
    grid-column: 1/2;
    padding-top: 16px;
}

.navigation-sections__primary__items {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 168px));
    row-gap: 8px;
}

    .navigation-sections__primary__items a {
        display: grid;
        gap: 8px;
        grid-row: span 2;
        grid-template-rows: subgrid;
    }

        .navigation-sections__primary__items a.has-fixed-shadow .visual-container {
            margin-bottom: -30px;
        }

        .navigation-sections__primary__items a.has-fixed-shadow .texts {
            padding-top: 8px;
        }

        .navigation-sections__primary__items a .visual-container {
            align-items: center;
            display: flex;
            flex-direction: column;
        }

            .navigation-sections__primary__items a .visual-container .visual {
                height: 160px;
                position: relative;
                transition: transform 0.2s ease-out;
                width: 160px;
                will-change: transform;
                z-index: 10;
            }

                .navigation-sections__primary__items a .visual-container .visual img {
                    color: transparent;
                    display: block;
                    height: 100%;
                    inset: 0;
                    max-width: 100%;
                    -o-object-fit: contain;
                    object-fit: contain;
                    position: absolute;
                    width: 100%;
                }

            .navigation-sections__primary__items a .visual-container .shadow.large,
            .navigation-sections__primary__items a .visual-container .shadow.small {
                background-color: #000;
                border-radius: 100%;
                filter: blur(1.5px);
                height: 4px;
                opacity: 0.5;
                transition: opacity 0.2s ease-out;
            }

            .navigation-sections__primary__items a .visual-container .shadow.small {
                transform: translateX(6px) translateY(-8px);
                width: 32px;
            }

            .navigation-sections__primary__items a .visual-container .shadow.large {
                transform: translateY(-8px);
                width: 80px;
            }

            .navigation-sections__primary__items a .visual-container .shadow.fixed {
                background-image: linear-gradient(90deg, #000, #000, #000);
                filter: blur(4px);
                height: 8px;
                opacity: 0.2;
                transform: translateY(-18px);
                width: 128px;
            }

        .navigation-sections__primary__items a .texts {
            align-items: center;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            text-align: center;
            z-index: 10;
        }

            .navigation-sections__primary__items a .texts .text-body-highlight {
                color: #262626;
            }

            .navigation-sections__primary__items a .texts .navigation-button,
            .navigation-sections__primary__items a .texts .text-caption {
                color: #525252;
            }

        .navigation-sections__primary__items a:focus .visual-container .visual,
        .navigation-sections__primary__items a:hover .visual-container .visual {
            transform: translateY(-8px);
        }

        .navigation-sections__primary__items a:focus .visual-container .shadow.large,
        .navigation-sections__primary__items a:focus .visual-container .shadow.small,
        .navigation-sections__primary__items a:hover .visual-container .shadow.large,
        .navigation-sections__primary__items a:hover .visual-container .shadow.small {
            opacity: 0.2;
        }

@media screen and (max-width: 767px) {
    .navigation-sections__primary {
        padding: 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .navigation-sections__primary {
        padding: 32px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .navigation-sections__primary {
        padding-bottom: 0;
    }
}

.navigation-sections__secondary {
    height: 100%;
    position: relative;
}

    .navigation-sections__secondary:after {
        background: #e5e5e5;
        bottom: 16px;
        content: "";
        left: -32px;
        position: absolute;
        top: 16px;
        width: 2px;
    }

@media screen and (max-width: 1280px) {
    .navigation-sections__secondary:after {
        bottom: 0;
        height: 2px;
        left: 0;
        top: 0;
        width: 100%;
    }
}

.navigation-sections__secondary__container {
    display: grid;
    gap: 24px;
    grid-column: 2/3;
    padding-bottom: 48px;
    padding-top: 16px;
}

@media screen and (max-width: 1023px) {
    .navigation-sections__secondary__container {
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 1280px) {
    .navigation-sections__secondary__container {
        max-width: 45rem;
        padding-top: 32px;
    }
}

.navigation-sections__secondary__items {
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

@media screen and (max-width: 1023px) {
    .navigation-sections__secondary__items {
        align-items: start;
    }
}

.navigation-sections__secondary__items.display-row {
    grid-auto-flow: row;
}

.navigation-sections__secondary__items .container {
    align-items: center;
    display: flex;
    gap: 8px;
}

    .navigation-sections__secondary__items .container .icon {
        height: 20px;
        width: 20px;
    }

    .navigation-sections__secondary__items .container a,
    .navigation-sections__secondary__items .container a:visited {
        color: #000;
        transition: transform 0.3s ease;
    }

@media screen and (min-width: 1024px) {
    .navigation-sections__secondary__items .container a:focus,
    .navigation-sections__secondary__items .container a:hover,
    .navigation-sections__secondary__items .container a:visited:focus,
    .navigation-sections__secondary__items .container a:visited:hover {
        transform: translateX(2px);
    }
}

@media screen and (max-width: 690px) {
    .navigation-sections__secondary__items {
        grid-auto-flow: row;
    }
}

.navigation-sections__secondary__dynamic .container {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: auto;
    max-width: 448px;
    min-height: 80px;
    position: relative;
}

    .navigation-sections__secondary__dynamic .container .bg-image {
        color: transparent;
        height: 100%;
        inset: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        width: 100%;
        z-index: 0;
    }

        .navigation-sections__secondary__dynamic .container .bg-image:lang(ar) {
            transform: rotate(180deg);
        }

    .navigation-sections__secondary__dynamic .container .bg-overlay {
        background-color: #000;
        inset: 0;
        opacity: 0;
        position: absolute;
        transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 10;
    }

    .navigation-sections__secondary__dynamic .container .text {
        max-width: 240px;
        padding: 16px 0 16px 24px;
        position: relative;
        z-index: 20;
    }

        .navigation-sections__secondary__dynamic .container .text p {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #fff;
            display: -webkit-box;
            margin: 0;
            overflow: hidden;
        }

    .navigation-sections__secondary__dynamic .container .section-title {
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
    }

@media screen and (max-width: 1024px) {
    .navigation-sections__secondary__dynamic .container .section-title {
        font-family: Inter, Times New Roman, arial, sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 22px;
    }
}

.navigation-sections__secondary__dynamic .container .product-image {
    bottom: 0;
    display: block;
    height: 112px;
    left: auto;
    max-width: 100%;
    position: absolute;
    right: 32px;
    width: 139px;
    z-index: 20;
}

@media screen and (max-width: 1024px) {
    .navigation-sections__secondary__dynamic .container .product-image {
        height: 64px;
        width: 96px;
    }
}

.navigation-sections__secondary__dynamic .container .icon {
    align-items: center;
    bottom: 0;
    display: flex;
    left: auto;
    position: absolute;
    right: 8px;
    top: 0;
    transition: right 0.3s ease;
    width: 24px;
    z-index: 20;
}

    .navigation-sections__secondary__dynamic .container .icon:lang(ar) {
        transform: rotate(180deg);
    }

.navigation-sections__secondary__dynamic:focus .bg-overlay,
.navigation-sections__secondary__dynamic:hover .bg-overlay {
    opacity: 0.4;
}

.navigation-sections__secondary__dynamic:focus .icon,
.navigation-sections__secondary__dynamic:hover .icon {
    right: 4px;
}

@media screen and (max-width: 767px) {
    .navigation-sections--tablet {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .navigation-sections--mobile {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .navigation-sections {
        -moz-column-gap: 0;
        column-gap: 0;
        grid-template-columns: 1fr;
        row-gap: 32px;
    }
}

.navigation-button.active,
.navigation-button:focus-visible,
.navigation-button:hover,
.navigation-button[aria-expanded="true"],
.tab-halo-bottom {
    overflow: hidden;
    position: relative;
}

    .navigation-button.active:before,
    .navigation-button:focus-visible:before,
    .navigation-button:hover:before,
    .navigation-button[aria-expanded="true"]:before,
    .tab-halo-bottom:before {
        animation: halo-bottom-animation 0.3s ease forwards;
        background: radial-gradient(ellipse, #ff8c55, transparent);
        bottom: -53px;
        content: "";
        filter: blur(30px);
        height: 58px;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        will-change: transform;
    }

    .navigation-button.active:after,
    .navigation-button:focus-visible:after,
    .navigation-button:hover:after,
    .navigation-button[aria-expanded="true"]:after,
    .tab-halo-bottom:after {
        animation: halo-bottom-animation 0.3s ease forwards;
        background: #ff5300;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 10;
    }

@media screen and (max-width: 1024px) {
    .navigation-button.active,
    .navigation-button:focus-visible,
    .navigation-button:hover,
    .navigation-button[aria-expanded="true"],
    .tab-halo-bottom {
        border-bottom-color: #ff5300;
        border-bottom-width: 2px;
    }

        .navigation-button.active:before,
        .navigation-button:focus-visible:before,
        .navigation-button:hover:before,
        .navigation-button[aria-expanded="true"]:before,
        .tab-halo-bottom:before {
            bottom: -28px;
            filter: blur(12px);
            height: 30px;
        }

        .navigation-button.active:after,
        .navigation-button:focus-visible:after,
        .navigation-button:hover:after,
        .navigation-button[aria-expanded="true"]:after,
        .tab-halo-bottom:after {
            display: none;
        }
}

@keyframes halo-bottom-animation {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.no-scroll {
    overflow: hidden !important;
}

.header-overlay {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 98;
}

    .header-overlay.active {
        display: block;
    }

.burger-menu {
    display: flex;
}

@media screen and (min-width: 1025px) {
    .burger-menu {
        display: none;
    }
}

.hamburger {
    cursor: pointer;
    transition: transform 0.4s;
}

    .hamburger .line {
        fill: none;
        stroke: #000;
        stroke-width: 1;
        stroke-linecap: round;
        transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
    }

    .hamburger .top {
        stroke-dasharray: 10 34.75;
    }

    .hamburger .bottom {
        stroke-dasharray: 10 45;
    }

    .hamburger.active {
        transform: rotate(45deg);
    }

        .hamburger.active .top {
            stroke-dashoffset: -24.5px;
        }

        .hamburger.active .bottom {
            stroke-dashoffset: -34.5px;
        }

.language-select {
    display: none;
}

.header-language-selector li {
    text-decoration: none;
}

    .header-language-selector li::marker {
        content: none;
    }

.header-language-selector .language-switcher {
    color: #000;
    display: block;
    position: relative;
}

    .header-language-selector .language-switcher.active .submenu {
        display: block;
    }

    .header-language-selector .language-switcher.active .activeLanguage:after {
        transform: rotate(180deg) translateY(6px);
    }

    .header-language-selector .language-switcher .activeLanguage {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: none;
        color: #000;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        padding: 8px 32px 8px 8px;
        position: relative;
        width: 100%;
    }

        .header-language-selector .language-switcher .activeLanguage:after {
            content: url(../images/chevronUp.svg);
            filter: invert(1);
            left: auto;
            position: absolute;
            right: 0;
        }

    .header-language-selector .language-switcher .activeLanguage__header {
        display: block;
        text-transform: uppercase;
    }

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .activeLanguage__header {
        display: none;
    }
}

.header-language-selector .language-switcher .activeLanguage__generic {
    display: none;
}

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .activeLanguage__generic {
        display: block;
    }
}

.header-language-selector .language-switcher .submenu {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
    display: none;
    left: 50%;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 146px;
    z-index: 999999;
}

    .header-language-selector .language-switcher .submenu a {
        align-items: center;
        align-self: stretch;
        border: 1px solid #f5f5f5;
        border-radius: 2px;
        color: #000 !important;
        display: flex;
        gap: 8px;
        padding: 8px 12px 8px 8px;
    }

        .header-language-selector .language-switcher .submenu a:hover {
            background: #fafafa;
        }

    .header-language-selector .language-switcher .submenu::-webkit-scrollbar {
        height: 8px;
        padding: 8px;
        width: 2px;
    }

    .header-language-selector .language-switcher .submenu::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 4px;
        margin-right: 4px;
    }

    .header-language-selector .language-switcher .submenu::-webkit-scrollbar-thumb {
        background: #e5e5e5;
        border-radius: 4px;
    }

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .submenu {
        bottom: 100%;
        top: auto;
        z-index: 999;
    }
}

.header-language-selector .language-switcher.language-list {
    display: none;
}

@media screen and (min-width: 1024px) {
    .header-language-selector .language-switcher.language-list {
        display: block;
    }
}

.header-language-selector .language-switcher.language-select .activeLanguage {
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    display: block;
    max-width: unset;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .header-language-selector .language-switcher.language-select {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .header-language-selector__desktop {
        display: none;
    }
}

.language-switcher .activeLanguage__header {
    display: none;
}

.primary-section-mobile {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.primary-section-mobile__link {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 0.5rem;
    text-decoration: none;
}

    .primary-section-mobile__link:not(:last-child) {
        border-bottom: 1px solid #e5e5e5;
        padding: 8px;
    }

.primary-section-mobile__image-container {
    align-items: center;
    display: flex;
}

.primary-section-mobile__image {
    height: 80px;
    position: relative;
    width: 64px;
    z-index: 10;
}

.primary-section-mobile__image--shadow {
    will-change: transform;
}

.primary-section-mobile__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.primary-section-mobile__content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

    .primary-section-mobile__content .text-body-highlight {
        color: #262626;
    }

    .primary-section-mobile__content .navigation-button,
    .primary-section-mobile__content .text-caption {
        color: #525252;
    }

.primary-section-mobile__icon {
    align-items: center;
    display: flex;
}

    .primary-section-mobile__icon:lang(ar) {
        transform: rotate(180deg);
    }

.navigation-sections-mobile__secondary {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}

    .navigation-sections-mobile__secondary:has(.navigation-sections__secondary__container, .navigation-sections__secondary__dynamic) {
        background-color: #fafafa;
    }

    .navigation-sections-mobile__secondary .divider {
        background: #e5e5e5;
        height: 1px;
        width: 100%;
    }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .navigation-sections-mobile__secondary {
        gap: 24px;
        padding: 0 32px 16px;
    }
}

#header .cart a:focus-visible,
#header .header-language-selector a:focus-visible,
#header .logo:focus-visible,
#header .navigation-button:focus-visible {
    outline: auto;
}

.cart a {
    display: flex;
}

@font-face {
    font-display: block;
    font-family: ledger-icons-font;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../images/icomoon.svg#icomoon) format("svg");
}

[class*=" icon-"],
[class^="icon-"] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ledger-icons-font !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

.icon-activity:before {
    content: "";
}

.icon-apple:before {
    content: "";
}

.icon-arrow-bottom:before {
    content: "";
}

.icon-arrow-down:before {
    content: "";
}

.icon-arrow-from-bottom:before {
    content: "";
}

.icon-arrow-left:before {
    content: "";
}

.icon-arrow-right:before {
    content: "";
}

.icon-arrow-to-bottom:before {
    content: "";
}

.icon-arrow-top:before {
    content: "";
}

.icon-arrow-up:before {
    content: "";
}

.icon-bandwith:before {
    content: "";
}

.icon-bar-chart:before {
    content: "";
}

.icon-battery-half:before {
    content: "";
}

.icon-bed:before {
    content: "";
}

.icon-blockchain:before {
    content: "";
}

.icon-bluetooth:before {
    content: "";
}

.icon-bracketleft:before {
    content: "";
}

.icon-bracketright:before {
    content: "";
}

.icon-brackets:before {
    content: "";
}

.icon-bring-front:before {
    content: "";
}

.icon-buy-crypto:before {
    content: "";
}

.icon-buy-crypto-alt:before {
    content: "";
}

.icon-chart-network:before {
    content: "";
}

.icon-check-alone:before {
    content: "";
}

.icon-chevron-bottom:before {
    content: "";
}

.icon-chevron-left:before {
    content: "";
}

.icon-chevron-right:before {
    content: "";
}

.icon-chevron-top:before {
    content: "";
}

.icon-christmas:before {
    content: "";
}

.icon-circled-alert:before {
    content: "";
}

.icon-circled-bottom:before {
    content: "";
}

.icon-circled-check:before {
    content: "";
}

.icon-circled-check-solid:before {
    content: "";
}

.icon-circled-cross:before {
    content: "";
}

.icon-circled-cross-solid:before {
    content: "";
}

.icon-circled-left:before {
    content: "";
}

.icon-circled-north-east:before {
    content: "";
}

.icon-circled-north-west:before {
    content: "";
}

.icon-circled-plus:before {
    content: "";
}

.icon-circled-plus-solid:before {
    content: "";
}

.icon-circled-right:before {
    content: "";
}

.icon-circled-south-east:before {
    content: "";
}

.icon-circled-south-west:before {
    content: "";
}

.icon-circled-up:before {
    content: "";
}

.icon-claim-rewards:before {
    content: "";
}

.icon-clipboard-list-check:before {
    content: "";
}

.icon-clock:before {
    content: "";
}

.icon-close:before {
    content: "";
}

.icon-cloud-download:before {
    content: "";
}

.icon-coffee:before {
    content: "";
}

.icon-coin:before {
    content: "";
}

.icon-coins:before {
    content: "";
}

.icon-comments:before {
    content: "";
}

.icon-comments-dollar:before {
    content: "";
}

.icon-computer:before {
    content: "";
}

.icon-copy:before {
    content: "";
}

.icon-crown:before {
    content: "";
}

.icon-cube:before {
    content: "";
}

.icon-dashboard:before {
    content: "";
}

.icon-delegate:before {
    content: "";
}

.icon-devices:before {
    content: "";
}

.icon-devices-alt:before {
    content: "";
}

.icon-dollar:before {
    content: "";
}

.icon-download:before {
    content: "";
}

.icon-dropdown:before {
    content: "";
}

.icon-dumbbell:before {
    content: "";
}

.icon-eightcircledfina:before {
    content: "";
}

.icon-eightcircledinit:before {
    content: "";
}

.icon-eightcircledmedi:before {
    content: "";
}

.icon-eightcircled:before {
    content: "";
}

.icon-entities:before {
    content: "";
}

.icon-export:before {
    content: "";
}

.icon-external-link:before {
    content: "";
}

.icon-eye:before {
    content: "";
}

.icon-eye-none:before {
    content: "";
}

.icon-facebook:before {
    content: "";
}

.icon-fees:before {
    content: "";
}

.icon-filters:before {
    content: "";
}

.icon-fivecircledfina:before {
    content: "";
}

.icon-fivecircledinit:before {
    content: "";
}

.icon-fivecircledmedi:before {
    content: "";
}

.icon-fivecircled:before {
    content: "";
}

.icon-folder:before {
    content: "";
}

.icon-fourcircledfina:before {
    content: "";
}

.icon-fourcircledinit:before {
    content: "";
}

.icon-fourcircledmedi:before {
    content: "";
}

.icon-fourcircled:before {
    content: "";
}

.icon-freeze:before {
    content: "";
}

.icon-fullnode:before {
    content: "";
}

.icon-fullnode-error:before {
    content: "";
}

.icon-fullnode-sync:before {
    content: "";
}

.icon-gift-card:before {
    content: "";
}

.icon-github:before {
    content: "";
}

.icon-globe:before {
    content: "";
}

.icon-google-play:before {
    content: "";
}

.icon-graph-grow:before {
    content: "";
}

.icon-graph-grow-alt:before {
    content: "";
}

.icon-group:before {
    content: "";
}

.icon-hand-holding-coin:before {
    content: "";
}

.icon-handshake:before {
    content: "";
}

.icon-help:before {
    content: "";
}

.icon-history:before {
    content: "";
}

.icon-house:before {
    content: "";
}

.icon-import:before {
    content: "";
}

.icon-info:before {
    content: "";
}

.icon-instagram:before {
    content: "";
}

.icon-key:before {
    content: "";
}

.icon-layers:before {
    content: "";
}

.icon-ledger-blue:before {
    content: "";
}

.icon-lend:before {
    content: "";
}

.icon-life-ring:before {
    content: "";
}

.icon-lightbulb:before {
    content: "";
}

.icon-link:before {
    content: "";
}

.icon-linkedin:before {
    content: "";
}

.icon-link-none:before {
    content: "";
}

.icon-linux:before {
    content: "";
}

.icon-list:before {
    content: "";
}

.icon-lock:before {
    content: "";
}

.icon-lock-alt:before {
    content: "";
}

.icon-logs:before {
    content: "";
}

.icon-mail:before {
    content: "";
}

.icon-manager:before {
    content: "";
}

.icon-map-marker:before {
    content: "";
}

.icon-medal:before {
    content: "";
}

.icon-chess_rook:before {
    content: "";
}

.icon-microchip:before {
    content: "";
}

.icon-minus:before {
    content: "";
}

.icon-mobile:before {
    content: "";
}

.icon-mug-hot:before {
    content: "";
}

.icon-nano:before {
    content: "";
}

.icon-nano-firmware-update:before {
    content: "";
}

.icon-nano-folded:before {
    content: "";
}

.icon-nano-import:before {
    content: "";
}

.icon-nano-s:before {
    content: "";
}

.icon-nano-s-alt:before {
    content: "";
}

.icon-nano-s-folded:before {
    content: "";
}

.icon-nano-x:before {
    content: "";
}

.icon-nano-x-alt:before {
    content: "";
}

.icon-nano-x-folded:before {
    content: "";
}

.icon-network-wired:before {
    content: "";
}

.icon-ninecircledfina:before {
    content: "";
}

.icon-ninecircledinit:before {
    content: "";
}

.icon-ninecircledmedi:before {
    content: "";
}

.icon-ninecircled:before {
    content: "";
}

.icon-none:before {
    content: "";
}

.icon-onecircledfina:before {
    content: "";
}

.icon-onecircledinit:before {
    content: "";
}

.icon-onecircledmedi:before {
    content: "";
}

.icon-onecircled:before {
    content: "";
}

.icon-others:before {
    content: "";
}

.icon-pen:before {
    content: "";
}

.icon-phone:before {
    content: "";
}

.icon-plane:before {
    content: "";
}

.icon-plus:before {
    content: "";
}

.icon-portfolio:before {
    content: "";
}

.icon-power:before {
    content: "";
}

.icon-project-diagram:before {
    content: "";
}

.icon-qr-code:before {
    content: "";
}

.icon-quit:before {
    content: "";
}

.icon-reddit:before {
    content: "";
}

.icon-redelegate:before {
    content: "";
}

.icon-refresh:before {
    content: "";
}

.icon-reverse:before {
    content: "";
}

.icon-rewards:before {
    content: "";
}

.icon-search:before {
    content: "";
}

.icon-search-dollar:before {
    content: "";
}

.icon-server:before {
    content: "";
}

.icon-settings:before {
    content: "";
}

.icon-sevencircledfina:before {
    content: "";
}

.icon-sevencircledinit:before {
    content: "";
}

.icon-sevencircledmedi:before {
    content: "";
}

.icon-sevencircled:before {
    content: "";
}

.icon-share:before {
    content: "";
}

.icon-shield-check:before {
    content: "";
}

.icon-shield-security:before {
    content: "";
}

.icon-shopping-basket:before {
    content: "";
}

.icon-shopping-cart:before {
    content: "";
}

.icon-sixcircledfina:before {
    content: "";
}

.icon-sixcircledinit:before {
    content: "";
}

.icon-sixcircledmedi:before {
    content: "";
}

.icon-sixcircled:before {
    content: "";
}

.icon-sort:before {
    content: "";
}

.icon-star:before {
    content: "";
}

.icon-star-solid:before {
    content: "";
}

.icon-stop:before {
    content: "";
}

.icon-stopwatch:before {
    content: "";
}

.icon-storage:before {
    content: "";
}

.icon-stream:before {
    content: "";
}

.icon-support:before {
    content: "";
}

.icon-tachometer-fast:before {
    content: "";
}

.icon-tachometer-faster:before {
    content: "";
}

.icon-tachometer-medium:before {
    content: "";
}

.icon-tachometer-slow:before {
    content: "";
}

.icon-tasks:before {
    content: "";
}

.icon-threecircledfina:before {
    content: "";
}

.icon-threecircledinit:before {
    content: "";
}

.icon-threecircledmedi:before {
    content: "";
}

.icon-threecircled:before {
    content: "";
}

.icon-tool:before {
    content: "";
}

.icon-toolbox:before {
    content: "";
}

.icon-tools:before {
    content: "";
}

.icon-tp:before {
    content: "";
}

.icon-transfer:before {
    content: "";
}

.icon-trash:before {
    content: "";
}

.icon-trophy:before {
    content: "";
}

.icon-twitch:before {
    content: "";
}

.icon-twitter:before {
    content: "";
}

.icon-twocircledfina:before {
    content: "";
}

.icon-twocircledinit:before {
    content: "";
}

.icon-twocircledmedi:before {
    content: "";
}

.icon-twocircled:before {
    content: "";
}

.icon-undelegate:before {
    content: "";
}

.icon-unfreeze:before {
    content: "";
}

.icon-unlock:before {
    content: "";
}

.icon-usb:before {
    content: "";
}

.icon-user:before {
    content: "";
}

.icon-user-check:before {
    content: "";
}

.icon-user-secret:before {
    content: "";
}

.icon-ustensils:before {
    content: "";
}

.icon-vote:before {
    content: "";
}

.icon-wallet:before {
    content: "";
}

.icon-wallet-add:before {
    content: "";
}

.icon-warning:before {
    content: "";
}

.icon-wifi:before {
    content: "";
}

.icon-wifi-none:before {
    content: "";
}

.icon-windows:before {
    content: "";
}

.icon-youtube:before {
    content: "";
}

.icon-zerocircledfina:before {
    content: "";
}

.icon-zerocircledinit:before {
    content: "";
}

.icon-zerocircledmedi:before {
    content: "";
}

.icon-zerocircled:before {
    content: "";
}

html {
    direction: ltr;
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    background: #fff;
    color: #000;
    counter-reset: section;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 768px) {
    body {
        font-size: 1.6rem;
    }
}

body.overflow-hidden {
    overflow: hidden;
}

img {
    max-width: 100%;
}

* {
    box-sizing: border-box;
}

#main:not(.flexbox) {
    display: block;
}

@media screen and (min-width: 691px) {
    #main.no-top-spacing {
        margin-top: -80px;
    }
}

#main.no-top-spacing .introduction {
    margin-top: -166px;
    padding-top: 126px;
    position: relative;
}

@media screen and (max-width: 992px) {
    #main.no-top-spacing .introduction {
        margin-top: -126px;
    }
}

.what-is-crypto .coinmarketcap-currency-widget {
    flex: none;
    max-width: 400px;
    width: 90%;
}

@media screen and (min-width: 768px) {
    .what-is-crypto .coinmarketcap-currency-widget {
        margin-right: 0 !important;
    }
}

.what-is-crypto .coinmarketcap-currency-widget > * {
    min-width: auto !important;
}

    .what-is-crypto .coinmarketcap-currency-widget > * > * a {
        border-color: inherit !important;
        color: inherit !important;
    }

@media screen and (min-width: 992px) {
    .cover {
        align-items: center;
    }
}

body #cookie-notice {
    background-color: rgba(67, 81, 92, 0.9) !important;
    border-radius: 4px;
    bottom: 12px;
    color: #fff;
    font-size: 0.75rem;
    left: 12px;
    max-width: 320px;
    min-width: auto;
    position: fixed;
    width: 90%;
    z-index: 990;
}

    body #cookie-notice > * {
        box-sizing: border-box;
        padding: 16px;
        text-align: left;
    }

    body #cookie-notice .cn-buttons-container {
        display: flex;
        flex-flow: column nowrap;
    }

        body #cookie-notice .cn-buttons-container > * {
            color: #fff;
            font-family: Inter, Times New Roman, arial, sans-serif;
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 1.5;
            order: 1;
        }

    body #cookie-notice a {
        background: none;
        border: 0;
        box-shadow: none;
        margin-left: 0 !important;
        padding: 0;
        text-align: left;
        text-decoration: underline;
        text-shadow: none;
    }

        body #cookie-notice a:hover {
            background: inherit;
        }

        body #cookie-notice a#cn-accept-cookie {
            background: #fff;
            color: #000;
            margin: 1vw auto 0 !important;
            order: 3;
            padding: 7px;
            text-align: center;
            text-decoration: none;
            width: 70%;
        }

@keyframes move-1 {
    0% {
        transform: translate3d(-2px, -6px, -9px);
    }

    25% {
        transform: translate3d(2px, 0, 10px);
    }

    75% {
        transform: translate3d(-3px, 3px, 5px);
    }

    to {
        transform: translate3d(-2px, -6px, -9px);
    }
}

@keyframes move-2 {
    0% {
        transform: translate3d(-3px, 3px, -3px);
    }

    25% {
        transform: translate3d(1px, 5px, -7px);
    }

    50% {
        transform: translateZ(0);
    }

    75% {
        transform: translate3d(-5px, -4px, 4px);
    }

    to {
        transform: translate3d(-3px, 3px, -3px);
    }
}

@keyframes move-3 {
    0% {
        transform: translateZ(0);
    }

    35% {
        transform: translate3d(5px, -4px, 8px);
    }

    65% {
        transform: translate3d(-8px, -7px, -15px);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes move-4 {
    0% {
        transform: translate3d(2px, 5px, -3px);
    }

    35% {
        transform: translateZ(0);
    }

    65% {
        transform: translate3d(-3px, -2px, -5px);
    }

    to {
        transform: translate3d(2px, 5px, -3px);
    }
}

.ico-hero {
    position: absolute;
    z-index: 20;
}

.ico-g {
    animation: move-2 4s linear infinite;
    left: 100px;
    top: 35%;
    transform: rotate(-10deg);
}

.ico-m {
    animation: move-1 3s ease infinite;
    left: 85px;
    top: 15px;
}

.ico-m-2 {
    animation: move-4 5s linear infinite;
    bottom: 0;
    left: 60px;
    top: 320px;
}

.ico-w {
    animation: move-3 5s linear infinite;
    bottom: 32px;
    left: auto;
    right: 39px;
    top: 300px;
}

.ico-w-2 {
    animation: move-4 5s linear infinite;
    left: auto;
    right: 10px;
    top: 92px;
}

.mouse-bg {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

    .mouse-bg.ico-g {
        filter: hue-rotate(-149deg) contrast(1.1);
        left: 112px;
        top: 35%;
        transform: rotate(-7deg);
    }

    .mouse-bg.ico-m {
        left: 85px;
        top: 15px;
    }

    .mouse-bg.ico-m-2 {
        bottom: 0;
        left: 60px;
        top: auto;
    }

    .mouse-bg.ico-w {
        bottom: 66px;
        left: auto;
        right: 74px;
        top: auto;
    }

    .mouse-bg.ico-w-2 {
        left: auto;
        right: 10px;
        top: 90px;
    }

.swiper-container {
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 860px) {
    .faq {
        flex-direction: column;
    }
}

.faq > :not(.illustration) {
    min-width: 60%;
}

.faq .fields-container-options .title {
    font-size: 2rem;
}

.faq .illustration {
    max-width: 45%;
}

@media screen and (max-width: 992px) {
    .faq .illustration {
        display: none;
    }
}

.faq .illustration img {
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.faq-section-2 .faq-2 {
    transition: height 0.5s ease-in-out 0s;
}

@media screen and (max-width: 859px) {
    .faq-section-2 .faq-2 {
        display: none;
    }
}

.faq-section-2 .faq-2 .illustration {
    align-self: center;
}

.faq-section-2 .faq-2 .faq-filter-item {
    font-weight: 700;
}

    .faq-section-2 .faq-2 .faq-filter-item:hover {
        background: #e5e5e5;
    }

.faq-section-2 .faq-2 .faq-filter-section {
    max-width: 45%;
}

    .faq-section-2 .faq-2 .faq-filter-section img {
        max-width: -moz-fit-content;
        max-width: fit-content;
    }

    .faq-section-2 .faq-2 .faq-filter-section.slected .toggle-list {
        display: block;
    }

    .faq-section-2 .faq-2 .faq-filter-section .toggle-list {
        display: none;
    }

.faq-section-2 .faq-2 .fields-container-options {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 28px;
}

    .faq-section-2 .faq-2 .fields-container-options .title {
        font-size: 2rem;
    }

.faq-section-2 .faq-filter-item {
    cursor: pointer;
    display: flex;
    height: auto;
    padding: 21px 28px;
    text-align: left;
    width: 373px;
}

    .faq-section-2 .faq-filter-item.active {
        background: #e5e5e5;
        border-left: 4px solid #ff5300;
        color: #ff5300;
    }

@media screen and (min-width: 860px) {
    .faq-section-2 .faq-mobile {
        display: none;
    }
}

.faq-section-2 .faq-mobile .faq-filter-section:not(:first-child) {
    border-top: 1px solid #e5e5e5;
}

.faq-section-2 .faq-mobile .faq-filter-section:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.faq-section-2 .faq-mobile .faq-filter-section .toggle-list .fields-container-options:not(:last-of-type) {
    margin-bottom: 32px;
}

.faq-section-2 .faq-mobile .faq-filter-item {
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    padding: 20px 8px 20px 0;
    width: auto;
}

    .faq-section-2 .faq-mobile .faq-filter-item .icon-chevron-right {
        display: block;
        font-size: 3rem;
    }

    .faq-section-2 .faq-mobile .faq-filter-item .icon-close {
        display: none;
    }

    .faq-section-2 .faq-mobile .faq-filter-item.active {
        border-bottom: none;
        margin-bottom: 30px;
        padding: 20px 8px 20px 20px;
    }

        .faq-section-2 .faq-mobile .faq-filter-item.active .icon-chevron-right {
            display: none;
        }

        .faq-section-2 .faq-mobile .faq-filter-item.active .icon-close {
            color: #000;
            display: block;
            font-size: 3rem;
        }

.faq-section-2 .faq-footer {
    background-color: #e5e5e5;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

@media screen and (max-width: 860px) {
    .faq-section-2 .faq-footer {
        margin-top: 40px;
    }
}

.faq-section-2 .faq-footer .left-bloc {
    align-self: center;
    padding: 40px;
}

.faq-section-2 .faq-footer .right-bloc {
    padding: 10px 40px 10px 0;
}

@media screen and (max-width: 992px) {
    .faq-section-2 .faq-footer .right-bloc {
        display: none;
    }
}

.spinner-loading {
    animation: spinner-kk2y8v 4.2s infinite;
    border: 5px solid #ff6900;
    box-shadow: 0 0 8px 0 hsla(0, 0%, 100%, 0.1);
    height: 52px;
    width: 52px;
}

@keyframes spinner-kk2y8v {
    0% {
        transform: rotate(0deg);
    }

    10%, 15% {
        transform: rotate(-90deg);
    }

    20%, 25% {
        transform: rotate(-180deg);
    }

    30%, 35% {
        transform: rotate(-270deg);
    }

    40%, 50% {
        transform: rotate(-1turn);
    }

    to {
        transform: rotate(2turn);
    }
}

.loading-block {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.25);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.referral-page .hero-block {
    align-items: stretch !important;
}

@media screen and (max-width: 768px) {
    .referral-page .hero-block {
        align-items: stretch !important;
        flex-direction: column;
    }
}

.referral-page .hero-block .hero-illustration .fix-img {
    position: relative;
    z-index: 12;
}

@media screen and (min-width: 768px) {
    .referral-page .hero-block .hero-illustration .fix-img {
        margin-top: 120px;
    }
}

.referral-page .hero-block .hero-illustration > div {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: auto;
    min-height: 420px;
    padding-top: 30px;
    position: relative;
    text-align: center;
    width: 420px;
}

@media screen and (max-width: 690px) {
    .referral-page .hero-block .hero-illustration > div {
        display: none;
    }
}

.referral-page .hero-block .hero-illustration > div [class^="line"] {
    border-top: 3px dashed #ff5300;
    height: 3px;
    position: absolute;
    width: 150px;
    z-index: 5;
}

    .referral-page .hero-block .hero-illustration > div [class^="line"].line-1 {
        margin-left: -12%;
        top: 150px;
        transform: rotate(60deg);
    }

    .referral-page .hero-block .hero-illustration > div [class^="line"].line-2 {
        right: 61px;
        top: 170px;
        transform: rotate(-24deg);
    }

    .referral-page .hero-block .hero-illustration > div [class^="line"].line-3 {
        left: 111px;
        top: 287px;
        transform: rotate(-45deg);
    }

    .referral-page .hero-block .hero-illustration > div [class^="line"].line-4 {
        right: 101px;
        top: 272px;
        transform: rotate(35deg);
    }

@media screen and (min-width: 691px) {
    .referral-page .hero-block .hero-illustration > img {
        display: none;
    }
}

.referral-page .terms-conditions {
    margin-bottom: 80px;
}

@media screen and (min-width: 860px) {
    .referral-page .terms-conditions {
        padding-top: 60px;
    }
}

@media screen and (max-width: 860px) {
    .referral-page .terms-conditions {
        margin-top: -20px;
    }
}

.referral-page .c-scrolling-zone > .scroll-content {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.referral-page .c-scrolling-zone > .fixed-area {
    margin-left: auto;
    margin-right: auto;
}

#the-people-grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

    #the-people-grid > * {
        margin-bottom: 3vw;
    }

@media screen and (max-width: 992px) {
    #the-people-grid > * {
        margin-bottom: 5vw;
        min-width: 130px;
    }
}

#the-people-grid img {
    max-width: 90px;
    transition: all 0.2s;
}

@media screen and (min-width: 992px) {
    #the-people-grid img {
        margin-bottom: 1vw;
        width: 80%;
    }
}

#the-people-grid img:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}

#the-people-grid .h4 {
    font-size: 2rem;
    margin-top: 12px;
    text-transform: none !important;
}

    #the-people-grid .h4 + p {
        color: #949494;
    }

#download-app {
    border-radius: 10px;
    box-sizing: border-box;
    clear: both;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 1vw;
    max-height: none;
    padding: 10px 15px 15px;
    position: relative;
    text-align: left;
    width: 210px;
    z-index: 25;
}

    #download-app:after {
        content: "";
    }

    #download-app .caption {
        color: #fff !important;
        font-family: Inter, Times New Roman, arial, sans-serif;
    }

    #download-app .fal {
        font-size: 0.875rem;
        margin-left: 12px;
        top: -10px;
    }

.list-app {
    bottom: 39px;
    box-sizing: border-box;
    display: none;
    margin: 0 auto;
    width: 210px;
}

    .list-app,
    .list-app .bg {
        position: absolute;
        z-index: 15;
    }

        .list-app .bg {
            border-radius: 10px;
            padding: 15px 20px !important;
            width: 105%;
        }

            .list-app .bg a {
                color: #fff !important;
                display: block;
                font-size: 1.4rem;
                margin: 15px 0;
                text-align: left;
                text-decoration: none;
            }

                .list-app .bg a i {
                    margin-right: 15px;
                }

@media screen and (max-width: 690px) {
    .list-app {
        background: #c3c3c3;
    }
}

.list-app.alt .bg {
    border: 1px solid #000;
}

    .list-app.alt .bg a {
        color: #000 !important;
    }

.affiliates-page form {
    justify-content: center;
}

    .affiliates-page form > * {
        margin: auto 1vw;
        max-width: 220px;
    }

@media screen and (max-width: 768px) {
    .affiliates-page form > * {
        margin-bottom: 7px;
        margin-top: 7px;
    }
}

@media screen and (min-width: 768px) {
    .affiliates-page form > * select {
        min-width: 210px;
    }
}

@media screen and (max-width: 768px) {
    .affiliates-page .c-diagonal-bloc .bloc-item {
        text-align: center;
    }
}

.affiliates-page .c-diagonal-bloc .bloc-item .avatar {
    border-radius: 100%;
    display: inline-block;
    margin-right: 1vw;
    vertical-align: middle;
    width: 48px;
}

@media screen and (max-width: 768px) {
    .affiliates-page .c-diagonal-bloc .bloc-item .avatar {
        display: block;
        margin: 0 auto 12px;
    }
}

.affiliates-page .c-diagonal-bloc .bloc-item iframe {
    height: 100%;
    min-height: 315px;
}

@media screen and (min-width: 1200px) {
    .affiliates-page .c-diagonal-bloc .bloc-item iframe {
        height: 315px;
        width: 100%;
    }
}

.affiliates-page .youtube-container {
    min-height: 316px;
    position: relative;
}

.affiliates-page .homeVideoThumbnail img {
    max-width: 550px !important;
    width: 100%;
}

.affiliates-page .youtube-container .homeVideoPlayButton {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
}

    .affiliates-page .youtube-container .homeVideoPlayButton:before {
        border-radius: 100%;
        color: red;
        font-size: 92px;
        height: 46px;
        line-height: 33px;
        width: 62px;
    }

.affiliates-page .load-more-container .caption {
    background: #f9f9f9;
    border-radius: 4px;
    color: #ccc;
    font-style: italic;
    letter-spacing: 1px;
    padding: 15px 32px;
    position: relative;
    top: -30px;
}

@media screen and (min-width: 768px) {
    .text-in-col {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 5vw;
        column-gap: 5vw;
    }
}

.text-in-col p:not(:last-of-type) {
    margin-bottom: 30px;
}

.how-to-buy-crypto .swiper-container-device {
    overflow: hidden;
    padding-bottom: 46px;
    position: relative;
}

    .how-to-buy-crypto .swiper-container-device .swiper-wrapper {
        box-sizing: border-box;
    }

        .how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide {
            max-width: 100%;
            min-height: 160px;
        }

            .how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide img {
                max-width: 120px;
            }

            .how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide > * {
                align-items: center;
                display: flex;
                font-size: 11px;
                margin: auto;
                max-width: 85%;
            }

@media screen and (max-width: 690px) {
    .how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide > * {
        flex-direction: column;
        max-width: 93%;
    }
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide > * p {
    padding-right: 12px;
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide > * a {
    font-size: 1.4rem;
    margin: 1vw 0 0;
    padding: 0;
}

.how-to-buy-crypto .swiper-button-next:after,
.how-to-buy-crypto .swiper-button-prev:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-next:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
    color: #999;
    font-family: Font Awesome\5 Pro;
    font-size: 28px;
    font-weight: 300;
    outline: none;
}

.how-to-buy-crypto .swiper-button-next,
.how-to-buy-crypto .swiper-rtl .swiper-button-next {
    left: auto;
    right: 0;
    text-align: right;
}

    .how-to-buy-crypto .swiper-button-next:after,
    .how-to-buy-crypto .swiper-rtl .swiper-button-next:after {
        content: "";
        outline: none;
    }

.how-to-buy-crypto .swiper-button-prev,
.how-to-buy-crypto .swiper-rtl .swiper-button-prev {
    left: 0;
    right: auto;
}

    .how-to-buy-crypto .swiper-button-prev:after,
    .how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
        content: "";
        outline: none;
    }

.how-to-buy-crypto .swiper-pagination-bullet-active {
    background-color: #000;
}

@media screen and (max-width: 690px) {
    .how-to-buy-crypto .review-box > * {
        margin: auto;
        max-width: 75%;
    }
}

.how-to-buy-crypto .review-box .box-author {
    display: flex;
    margin-bottom: 20px;
}

.how-to-buy-crypto .review-box .box-avatar {
    background: #ffc1a3;
    border-radius: 100%;
    color: #ff5300;
    flex: none;
    height: 48px;
    line-height: 48px;
    margin-right: 12px;
    text-align: center;
    width: 48px;
}

.how-to-buy-crypto .review-box .author {
    color: #000;
    font-size: 1.8rem;
}

.how-to-buy-crypto .review-box .fa-star,
.how-to-buy-crypto .review-box .icon.icon-star,
.how-to-buy-crypto .review-box .yotpo-icon-star {
    margin-bottom: 8px;
}

.how-to-buy-crypto .review-box .icon-user:before {
    font-size: 20px;
}

@media screen and (max-width: 690px) {
    .how-to-buy-crypto .swiper-container {
        padding-bottom: 50px;
    }
}

.how-to-buy-crypto .swiper-container .swiper-wrapper {
    flex-flow: row nowrap;
}

@media screen and (min-width: 690px) {
    .how-to-buy-crypto .swiper-container .swiper-wrapper {
        transform: translateZ(0) !important;
        transition-duration: 0ms !important;
    }
}

.how-to-buy-crypto .swiper-container .swiper-slide {
    justify-content: center;
}

@media screen and (min-width: 690px) {
    .how-to-buy-crypto .swiper-container .swiper-slide {
        flex: none;
        width: 28% !important;
    }
}

@media screen and (max-width: 690px) {
    .how-to-buy-crypto .swiper-container .swiper-slide {
        min-width: 100%;
        width: 100%;
    }
}

.how-to-buy-crypto .swiper-container .swiper-button-next,
.how-to-buy-crypto .swiper-container .swiper-button-prev,
.how-to-buy-crypto .swiper-container .swiper-pagination {
    display: none;
}

@media screen and (max-width: 690px) {
    .how-to-buy-crypto .swiper-container .swiper-button-next,
    .how-to-buy-crypto .swiper-container .swiper-button-prev,
    .how-to-buy-crypto .swiper-container .swiper-pagination {
        display: block;
    }
}

.how-to-buy-crypto .swiper-container + p > .read-more {
    display: block;
}

@media screen and (min-width: 992px) {
    .how-to-buy-crypto .swiper-container + p > .read-more {
        text-align: right;
    }
}

.how-to-buy-crypto .rendered-form {
    margin-top: 2vw;
}

    .how-to-buy-crypto .rendered-form > * {
        margin: 0 0 2vw;
    }

@media screen and (max-width: 768px) {
    .how-to-buy-crypto .rendered-form > * {
        margin-top: 7vw;
    }
}

.how-to-buy-crypto .rendered-form label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.how-to-buy-crypto .rendered-form input[type="number"],
.how-to-buy-crypto .rendered-form select {
    font-size: 1.4rem;
}

.how-to-buy-crypto .rendered-form select {
    height: auto;
    width: 100%;
}

.how-to-buy-crypto .rendered-form .field-amount {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .how-to-buy-crypto .rendered-form .field-amount {
        align-items: stretch;
        flex-direction: column;
    }
}

.how-to-buy-crypto .rendered-form .field-amount > * {
    flex: none;
    max-width: 51%;
}

@media screen and (max-width: 768px) {
    .how-to-buy-crypto .rendered-form .field-amount > * {
        margin-bottom: 5vw;
        max-width: 100%;
        min-width: 100%;
    }
}

.how-to-buy-crypto .rendered-form .field-amount input {
    max-width: 90% !important;
}

@media screen and (max-width: 768px) {
    .how-to-buy-crypto .rendered-form .field-amount input {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.how-to-buy-crypto .rendered-form .button {
    font-size: 1.4rem;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
}

.how-to-buy-crypto .rendered-form-results {
    color: #142533;
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .how-to-buy-crypto .rendered-form-results {
        margin-top: 7vw;
    }
}

.how-to-buy-crypto .rendered-form-results p {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .how-to-buy-crypto .rendered-form-results p > * {
        align-items: center;
        flex: none;
    }

    .how-to-buy-crypto .rendered-form-results p img {
        filter: brightness(0);
        max-height: 32px;
        opacity: 0.4;
    }

@media screen and (max-width: 860px) {
    .getting-started .get-started-steps > .flexbox {
        flex-direction: column;
    }
}

.getting-started .get-started-steps .step-item {
    background: #f3f3f3;
    flex: none;
    margin-bottom: 20px;
    padding: 40px;
    width: 49%;
}

@media screen and (max-width: 860px) {
    .getting-started .get-started-steps .step-item {
        max-width: 100%;
        min-width: 100%;
        padding: 20px;
    }
}

.getting-started .get-started-steps .step-item:last-child {
    margin-bottom: inherit;
    min-width: 100%;
}

.getting-started .get-started-steps .step-item .step-number {
    margin-bottom: 1vw;
}

    .getting-started .get-started-steps .step-item .step-number span {
        color: #999;
    }

@media screen and (max-width: 860px) {
    .getting-started .get-started-steps .step-item.flexbox {
        flex-direction: column;
    }
}

.getting-started .get-started-steps .step-item.flexbox > * {
    max-width: 580px;
}

@media screen and (max-width: 1200px) {
    .getting-started .get-started-steps .step-item.flexbox > * {
        flex: 1;
        margin-bottom: 5vw;
        max-width: 100% !important;
        width: 100% !important;
    }
}

.getting-started .get-started-steps .step-item .level-2 {
    display: flex;
    padding: 15px;
}

    .getting-started .get-started-steps .step-item .level-2 .is-warning {
        flex: none;
        padding: 3px 15px 0 0;
    }

.getting-started .get-started-steps .step-item .list-exchange {
    flex-direction: column;
}

@media screen and (min-width: 861px) {
    .getting-started .get-started-steps .step-item .list-exchange {
        flex-direction: row;
        margin-left: 4%;
    }
}

.getting-started .get-started-steps .step-item .list-exchange iframe {
    min-height: 300px !important;
}

.getting-started .tab-selection input {
    display: none;
}

    .getting-started .tab-selection:hover > input ~ label,
    .getting-started .tab-selection input:checked ~ label {
        background-color: #1c1d20;
        color: #fff;
        opacity: 1;
    }

@media screen and (max-width: 860px) {
    .getting-started .list-exchange {
        flex-direction: column !important;
    }

        .getting-started .list-exchange .step-item.flexbox iframe,
        .getting-started .list-exchange > * {
            max-width: 100% !important;
            width: 100% !important;
        }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .getting-started .list-exchange {
        flex: none;
        max-width: 50% !important;
        width: 580px;
    }
}

.getting-started .list-tab-exchange {
    flex: none;
    flex-direction: column;
    justify-content: center;
    padding-right: 1vw;
}

@media screen and (max-width: 1200px) {
    .getting-started .list-tab-exchange {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 3vw 0;
    }
}

.getting-started .list-tab-exchange > * {
    cursor: pointer;
    flex: none;
    text-align: center;
}

    .getting-started .list-tab-exchange > * label {
        filter: grayscale(100%);
        opacity: 0.5;
        padding: 7px 10px 5px;
        width: 100%;
    }

        .getting-started .list-tab-exchange > * label img {
            max-height: 13px;
        }

    .getting-started .list-tab-exchange > * input:checked ~ label,
    .getting-started .list-tab-exchange > :hover > input ~ label {
        opacity: 1;
    }

        .getting-started .list-tab-exchange > * input:checked ~ label img,
        .getting-started .list-tab-exchange > :hover > input ~ label img {
            filter: grayscale(0) invert(200%) contrast(1);
        }

@media screen and (max-width: 690px) {
    .page-template-page-staking #header,
    .single-staking #header {
        margin-bottom: 0 !important;
    }
}

.staking-coin .introduction-text {
    min-width: 59%;
}

@media screen and (max-width: 992px) {
    .staking-coin .introduction-block {
        flex-direction: column-reverse;
    }

        .staking-coin .introduction-block .illustration {
            align-self: center;
        }

        .staking-coin .introduction-block img {
            margin-bottom: 40px;
            max-height: 230px;
        }
}

.staking-coin .benefits-stake {
    background-color: #c3c3c3;
}

@media screen and (max-width: 992px) {
    .staking-coin .benefits-stake img {
        display: none;
    }
}

.staking-coin .benefits-stake .bloc-text:not(:last-child) {
    margin-bottom: 20px;
}

@media screen and (max-width: 690px) {
    .staking-coin .benefits-stake .bloc-text:not(:last-child) {
        border-bottom: 1px solid #000;
        border-right: none;
        padding: 0 0 40px;
    }
}

.staking-coin .benefits-stake .bloc-text .fal {
    color: #000;
    font-size: 35px;
    margin-right: 20px;
}

.staking-coin .benefits-stake .bloc-text-title {
    display: flex;
}

.staking-coin .why-stake-bg {
    background-color: #c3c3c3;
}

@media screen and (max-width: 690px) {
    .staking-coin .why-stake-title {
        text-align: left;
    }
}

.staking-coin .why-stake .bloc-text {
    padding: 0 40px 0 0;
}

    .staking-coin .why-stake .bloc-text:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #c3c3c3;
    }

@media screen and (max-width: 690px) {
    .staking-coin .why-stake .bloc-text:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding: 0 0 40px;
    }
}

.staking-coin .why-stake .bloc-text .fal {
    color: #fff;
}

.staking-coin .why-stake .icon {
    margin-right: 12px;
}

@media screen and (max-width: 690px) {
    .staking-coin .why-stake .illustration {
        display: none;
    }
}

.staking-coin .how-to-stake > * {
    overflow: hidden;
}

@media screen and (max-width: 690px) {
    .staking-coin .how-to-stake-title {
        text-align: left;
    }
}

.staking-coin .how-to-stake-item {
    min-width: 380px;
    padding: 0 40px;
}

    .staking-coin .how-to-stake-item:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #c3c3c3;
    }

@media screen and (max-width: 992px) {
    .staking-coin .how-to-stake-item:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding-left: 0;
    }
}

.staking-coin .how-to-stake-item:first-child {
    padding-left: 0;
}

@media screen and (max-width: 992px) {
    .staking-coin .how-to-stake-item {
        min-width: unset;
        padding: 40px 0;
    }

    .staking-coin .how-to-stake-item-item-content {
        margin-bottom: 40px;
    }
}

.staking-coin .how-to-stake-block {
    -webkit-overflow-scrolling: touch;
    flex-flow: unset;
    overflow-x: auto;
    padding-bottom: 40px;
    scrollbar-color: #3c3b3b #191919;
    scrollbar-width: thin;
}

    .staking-coin .how-to-stake-block::-webkit-scrollbar {
        background: #191919;
        cursor: pointer;
        scrollbar-width: 10px;
    }

    .staking-coin .how-to-stake-block::-webkit-scrollbar-thumb {
        background: #3c3b3b;
    }

@media screen and (max-width: 992px) {
    .staking-coin .how-to-stake-block {
        flex-direction: column;
    }
}

.staking-coin .how-to-stake-text {
    border-right: 1px solid #c3c3c3;
    min-width: 300px;
    padding-right: 40px;
}

@media screen and (max-width: 992px) {
    .staking-coin .how-to-stake-text {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        min-width: 200px;
        padding-bottom: 40px;
        padding-right: 0;
    }
}

.staking-coin .how-to-stake .step-links {
    display: flex;
    justify-content: space-between;
}

.staking-coin .h4.how-to-stake-index {
    color: #ff5300;
}

.staking-coin .how-works {
    background-color: #c3c3c3;
}

@media screen and (min-width: 768px) {
    .staking-coin .how-works-left-side {
        max-width: 30%;
    }
}

.staking-coin .how-works .content {
    flex: 2;
}

@media screen and (min-width: 1025px) {
    .staking-coin .how-works .content {
        align-items: center;
        flex-direction: row;
    }
}

@media screen and (max-width: 768px) {
    .staking-coin .how-works .content {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .staking-coin .how-works .content {
        flex-direction: column;
    }

        .staking-coin .how-works .content .left-on-mobile {
            text-align: left;
        }
}

.staking-coin .how-works .content img {
    max-height: 400px;
    width: auto;
}

@media screen and (max-width: 1024px) {
    .staking-coin .how-works .content img {
        max-height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .staking-coin .how-works .desktop-button {
        display: none;
    }
}

.staking-coin .how-works .mobile-button {
    display: none;
}

@media screen and (max-width: 768px) {
    .staking-coin .how-works .mobile-button {
        display: inline-block;
    }

    .staking-coin .crypto-gallery {
        flex-direction: column;
    }
}

.staking-coin .crypto-gallery .grid-items > * {
    flex: auto;
    margin: 3px 5px;
    max-width: 170px;
    padding: 50px 0;
    position: relative;
    width: 25%;
}

    .staking-coin .crypto-gallery .grid-items > * span {
        bottom: 10%;
        color: #000;
        font-weight: 600;
        opacity: 0;
        position: absolute;
        transition: opacity 0.2s;
        width: 100%;
    }

.staking-coin .crypto-gallery .grid-items > :hover {
    background-color: transparent;
    border: 2px solid;
    margin-bottom: -2px;
    margin-top: -2px;
}

    .staking-coin .crypto-gallery .grid-items > :hover span {
        opacity: 1;
    }

.staking-coin .cover {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: min(8vw, 45px) 25px;
}

@media screen and (min-width: 993px) {
    .staking-coin .cover {
        padding: min(5vw, 75px) 0 min(5vw, 75px) min(5vw, 75px);
    }
}

@media screen and (max-width: 992px) {
    .staking-coin .cover {
        flex-direction: column;
    }

        .staking-coin .cover > * {
            margin: 0 0 20px;
            max-width: 100%;
            width: 100%;
        }
}

@media screen and (min-width: 993px) {
    .staking-coin .cover > :first-of-type {
        margin-right: 5%;
        max-width: 530px;
        width: 50%;
    }
}

.staking-coin .cover .illustration {
    margin: 0;
    width: 45%;
}

@media screen and (max-width: 992px) {
    .staking-coin .cover .illustration {
        text-align: right;
        width: 100%;
    }

        .staking-coin .cover .illustration img {
            margin-right: -25px;
        }
}

@media screen and (max-width: 690px) {
    .staking-coin .different-ways .flexbox > :nth-of-type(2) {
        margin-top: 13vw;
    }

    .staking-coin .different-ways .badge {
        font-size: 11px;
        margin-bottom: 3vw !important;
    }
}

.staking-coin .earn-section .bloc-text {
    border-right: solid;
    min-width: 26% !important;
}

    .staking-coin .earn-section .bloc-text + .is-hidden-mobile {
        color: #d8d8d8;
        font-size: 28px;
        margin: 51px 0 0 !important;
        max-width: 40px;
        min-width: auto;
    }

@media screen and (min-width: 769px) {
    .staking-coin .last-update .b-title-master {
        max-width: 532px;
    }

    .staking-coin .last-update .illustration {
        max-width: 426px;
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .staking-coin .last-update > * {
        flex: none;
    }
}

.validator-nodes .introduction-text {
    min-width: 50%;
}

@media screen and (max-width: 992px) {
    .validator-nodes .introduction-block {
        flex-direction: column-reverse;
    }
}

.validator-nodes .introduction-block img {
    margin-bottom: 40px;
}

.validator-nodes .benefits-validator-nodes {
    background-color: #c3c3c3;
}

@media screen and (max-width: 992px) {
    .validator-nodes .benefits-validator-nodes img {
        display: none;
    }
}

.validator-nodes .benefits-validator-nodes .bloc-text:not(:last-child) {
    margin-bottom: 20px;
}

@media screen and (max-width: 690px) {
    .validator-nodes .benefits-validator-nodes .bloc-text:not(:last-child) {
        border-bottom: 1px solid #000;
        border-right: none;
        padding: 0 0 40px;
    }
}

.validator-nodes .benefits-validator-nodes .bloc-text .fal {
    color: #000;
    font-size: 35px;
    margin-right: 20px;
}

.validator-nodes .benefits-validator-nodes .bloc-text-title {
    display: flex;
}

@media screen and (max-width: 690px) {
    .validator-nodes .why-validator-nodes-title {
        text-align: left;
    }
}

.validator-nodes .why-validator-nodes .bloc-text {
    padding: 0 40px 0 0;
}

    .validator-nodes .why-validator-nodes .bloc-text:not(:last-child) {
        border-right: 1px solid #c3c3c3;
    }

@media screen and (max-width: 690px) {
    .validator-nodes .why-validator-nodes .bloc-text:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding: 0 0 40px;
    }
}

.validator-nodes .why-validator-nodes .bloc-text .fal {
    color: #fff;
}

@media screen and (max-width: 690px) {
    .validator-nodes .how-to-stake-title {
        text-align: left;
    }
}

.validator-nodes .how-to-stake-item {
    min-width: 410px;
    padding: 0 40px;
}

    .validator-nodes .how-to-stake-item:not(:last-child) {
        border-right: 1px solid #c3c3c3;
    }

@media screen and (max-width: 992px) {
    .validator-nodes .how-to-stake-item:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding-left: 0;
    }
}

.validator-nodes .how-to-stake-item:first-child {
    padding-left: 0;
}

@media screen and (max-width: 992px) {
    .validator-nodes .how-to-stake-item {
        min-width: unset;
        padding: 40px 0;
    }

    .validator-nodes .how-to-stake-item-item-content {
        margin-bottom: 40px;
    }
}

.validator-nodes .how-to-stake-block {
    flex-flow: unset;
    overflow-x: auto;
    scrollbar-width: none;
}

    .validator-nodes .how-to-stake-block::-webkit-scrollbar {
        background: transparent;
        width: 0;
    }

@media screen and (max-width: 992px) {
    .validator-nodes .how-to-stake-block {
        flex-direction: column;
        overflow-x: unset;
    }
}

.validator-nodes .how-to-stake-text {
    margin-right: 40px;
    min-width: 250px;
}

.validator-nodes .how-to-stake-index {
    color: #ff5300;
}

.validator-nodes .how-to-stake .step-links {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .validator-nodes .crypto-gallery {
        flex-direction: column;
    }
}

.validator-nodes .crypto-gallery .grid-items > * {
    flex: auto;
    margin: 3px 5px;
    max-width: 170px;
    padding: 50px 0;
    position: relative;
    width: 25%;
}

    .validator-nodes .crypto-gallery .grid-items > * span {
        bottom: 10%;
        color: #000;
        font-weight: 600;
        opacity: 0;
        position: absolute;
        transition: opacity 0.2s;
        width: 100%;
    }

.validator-nodes .crypto-gallery .grid-items > :hover {
    background-color: transparent;
    border: 2px solid;
    margin-bottom: -2px;
    margin-top: -2px;
}

    .validator-nodes .crypto-gallery .grid-items > :hover span {
        opacity: 1;
    }

@media screen and (max-width: 992px) {
    .validator-nodes .learn-more .block-text {
        align-self: start;
    }

    .validator-nodes .faq .illustration {
        display: none;
    }
}

.swap-page .introduction {
    margin-bottom: 120px;
}

@media screen and (max-width: 768px) {
    .swap-page .introduction {
        margin-bottom: 60px;
    }
}

.swap-page .safety-section .bloc-text.bg {
    padding: 30px;
}

@media screen and (max-width: 768px) {
    .swap-page .safety-section .bloc-text.bg {
        padding: 30px 15px;
    }
}

@media screen and (max-width: 690px) {
    .partner-page .hero-block {
        text-align: center;
    }
}

.partner-page .hero-block .title {
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

.partner-page .hero-block img {
    flex: none;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 691px) {
    .partner-page .hero-block img {
        margin-left: -165px;
    }
}

@media screen and (min-width: 691px) and (max-width: 1200px) {
    .partner-page .hero-block img {
        max-width: 65%;
    }
}

.partner-page .col-2 > .block-col-2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    max-width: 532px;
    min-width: 49%;
    padding: 75px 30px;
    text-align: center;
}

@media screen and (max-width: 690px) {
    .partner-page .col-2 > .block-col-2 {
        margin-bottom: 20px;
        max-width: 100%;
    }
}

.partner-page .col-2 > .block-col-2 > * {
    max-width: 100%;
}

.partner-page .bloc-item > :not(.content) {
    min-width: 51%;
}

.partner-page .bloc-item .content > * {
    margin-left: 0;
}

.lend-page .steps-section > * {
    display: flex;
    flex-direction: column;
}

.lend-page .steps-section > :not(:last-of-type) {
    padding-bottom: 0;
}

.lend-page .steps-section > :last-of-type {
    justify-content: center;
}

.lend-page .steps-section > * img {
    display: block;
    margin: auto auto 0;
}

.lend-page .lend-reinssurance-section .col {
    justify-content: space-around;
}

    .lend-page .lend-reinssurance-section .col > * {
        flex: initial;
        min-width: auto;
    }

@media screen and (min-width: 690px) {
    .lend-page .lend-reinssurance-section .col > * {
        max-width: 305px;
        min-width: auto;
        width: 30%;
    }
}

@media screen and (max-width: 690px) {
    .lend-page .lend-other-crypto .grid-items {
        align-items: center;
    }

        .lend-page .lend-other-crypto .grid-items > * {
            margin: 10px auto;
            width: 100%;
        }
}

.phishing-bloc-hero .buttons-pack {
    justify-content: flex-start;
}

    .phishing-bloc-hero .buttons-pack > * {
        flex: none;
        margin: 3px 0 !important;
    }

.phishing-bloc-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .phishing-bloc-item {
        align-items: flex-start;
        flex-direction: column;
    }
}

.phishing-bloc-item > * {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    padding: 20px;
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .phishing-bloc-item > * {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .phishing-bloc-item > * {
        margin-bottom: 0;
        max-width: 425px;
        width: 32%;
    }
}

.phishing-bloc-item > * .read-more {
    font-size: 1.4rem;
}

.phishing-bloc-item img {
    margin-right: 20px;
    max-width: 100px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .phishing-bloc-item img {
        margin-bottom: 20px;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .phishing-bloc-item img {
        margin-right: 12px;
        max-width: 65px;
    }
}

.phishing-bloc-news .bloc-item > :first-of-type {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 55%;
}

    .phishing-bloc-news .bloc-item > :first-of-type img {
        margin: 0 5px 5px;
    }

.phishing-prevent-block .bg {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

@media screen and (max-width: 690px) {
    .phishing-prevent-block .bg {
        flex-direction: column;
    }
}

.discount-code-page .code-wrapper {
    align-items: center;
    background: #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.9vw;
    justify-content: center;
    margin: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 12px 20px;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    .discount-code-page .code-wrapper {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 690px) {
    .discount-code-page .code-wrapper {
        text-align: left;
    }
}

@media screen and (min-width: 1200px) {
    .discount-code-page .code-wrapper {
        font-size: 2.4rem;
    }
}

.discount-code-page .code-wrapper i {
    margin-left: 10px;
}

.discount-code-page .code-wrapper .pre-tag-bg {
    flex: none;
}

.page-template-page-extension #header {
    margin-bottom: 0;
    position: static;
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .introduction > .row {
        flex-direction: column-reverse;
        margin: 0;
    }

        .page-template-page-extension .introduction > .row .illustration {
            align-items: center;
            display: flex;
            flex-direction: column-reverse;
            width: 100%;
        }

            .page-template-page-extension .introduction > .row .illustration img {
                margin: 0 0 40px;
                max-width: 81%;
            }
}

@media screen and (min-width: 993px) {
    .page-template-page-extension .introduction .introduction-content {
        margin-right: auto;
    }

        .page-template-page-extension .introduction .introduction-content .illustration {
            align-self: center;
            min-width: 470px;
        }

        .page-template-page-extension .introduction .introduction-content .flexbox {
            align-items: center;
        }

        .page-template-page-extension .introduction .introduction-content .left-block {
            max-width: 40%;
            padding-right: 80px;
        }
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .introduction .cover-text {
        font-size: 2.1rem;
        line-height: 2.9rem;
    }

    .page-template-page-extension .introduction p.small-text {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.page-template-page-extension h1 {
    max-width: 370px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .page-template-page-extension h1 {
        max-width: 310px;
    }
}

@media screen and (max-width: 1200px) {
    .page-template-page-extension h1 {
        font-size: 6.3rem;
    }
}

.page-template-page-extension .button:not(:empty):not(.no-icon):after {
    content: "" !important;
    font-size: 20px;
    margin-left: 40px;
}

.page-template-page-extension .illustration img {
    display: block;
}

.page-template-page-extension .text_block {
    background: linear-gradient(180deg, #191919, #191919 33%, #2c2833);
    padding: 7vw 15vw;
    text-align: center;
}

@media screen and (max-width: 690px) {
    .page-template-page-extension .text_block {
        padding: 120px 16px;
    }
}

.page-template-page-extension .text_block p {
    color: #fff;
    font-size: 3.5rem;
    line-height: 4.5rem;
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .text_block p {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

.page-template-page-extension .text_block h3 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 6.8rem;
    line-height: 8.8rem;
    margin-bottom: 40px;
}

@media screen and (max-width: 690px) {
    .page-template-page-extension .text_block h3 {
        font-size: 38px;
        font-weight: 600;
        line-height: 130%;
    }
}

@media screen and (min-width: 691px) {
    .page-template-page-extension .text_block h5 {
        font-size: 68px;
        font-weight: 600;
        line-height: 130%;
    }
}

.page-template-page-extension .alternated_imagetext {
    align-items: center;
}

    .page-template-page-extension .alternated_imagetext.row {
        margin: auto;
    }

@media screen and (min-width: 993px) {
    .page-template-page-extension .alternated_imagetext:nth-of-type(odd) img {
        order: 2;
    }

    .page-template-page-extension .alternated_imagetext img {
        max-width: 50%;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .alternated_imagetext .flexbox {
        display: flex;
        flex-flow: column wrap;
        flex-direction: column-reverse;
        justify-content: inherit;
    }
}

@media screen and (max-width: 777px) {
    .page-template-page-extension .alternated_imagetext img {
        max-height: 60vh;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.page-template-page-extension .alternated_imagetext .content {
    padding: 0 120px;
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .alternated_imagetext .content {
        padding: 60px;
    }
}

.page-template-page-extension .alternated_imagetext .content h3 {
    margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .page-template-page-extension .alternated_imagetext .content p {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

.page-template-page-extension .alternated_imagetext h3,
.page-template-page-extension .alternated_imagetext p {
    color: #fff;
}

.page-template-page-extension .video_block {
    background-color: #000;
    padding: 80px 0;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .page-template-page-extension .video_block {
        padding-top: 0;
    }
}

.page-template-page-extension .video_block .video-frame {
    height: 433px;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .page-template-page-extension .video_block .video-frame {
        width: 768px;
    }
}

.page-template-page-extension .video_block p {
    color: #fff;
    font-size: 3.5rem;
    line-height: 4.5rem;
}

@media screen and (max-width: 768px) {
    .page-template-page-extension .video_block p {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@keyframes integrations-block-animation {
    0% {
        opacity: 0;
        top: 40px;
    }

    to {
        opacity: 1;
        top: 0;
    }
}

.integrations-block-1,
.integrations-block-2 {
    background: radial-gradient(48.71% 46.53% at 50% 50%, #45395c 0, #000 100%);
    display: block;
    min-height: 75vh;
    overflow: hidden;
    padding-left: 4%;
    padding-right: 4%;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 690px) {
    .integrations-block-1,
    .integrations-block-2 {
        background-color: #000;
        background-image: none;
    }
}

.integrations-block-1 .anim-mobile,
.integrations-block-2 .anim-mobile {
    display: none;
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim-mobile,
    .integrations-block-2 .anim-mobile {
        display: block;
    }
}

.integrations-block-1 .anim-desktop,
.integrations-block-2 .anim-desktop {
    display: block;
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim-desktop,
    .integrations-block-2 .anim-desktop {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .integrations-block-1,
    .integrations-block-2 {
        min-height: max(65vh, 650px);
        padding-bottom: 220px;
    }
}

.integrations-block-1 a:link:not(.is-primary),
.integrations-block-1 a:visited:not(.is-primary),
.integrations-block-1 h2,
.integrations-block-1 p,
.integrations-block-2 a:link:not(.is-primary),
.integrations-block-2 a:visited:not(.is-primary),
.integrations-block-2 h2,
.integrations-block-2 p {
    color: #fff;
    position: relative;
    z-index: 2;
}

.integrations-block-1 .h2,
.integrations-block-2 .h2 {
    margin-bottom: 8px;
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .h2,
    .integrations-block-2 .h2 {
        font-size: 3.2rem;
    }
}

.integrations-block-1 .h2 span,
.integrations-block-2 .h2 span {
    color: #d4a0ff;
}

.integrations-block-1 p,
.integrations-block-2 p {
    margin-bottom: 16px;
}

.integrations-block-1 .anim,
.integrations-block-2 .anim {
    height: 85%;
    left: 50%;
    perspective: 100px;
    position: absolute;
    top: 15%;
    transform: translateX(-50%);
    width: 100%;
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim,
    .integrations-block-2 .anim {
        height: 65%;
        top: 30%;
    }
}

.integrations-block-1 .anim div,
.integrations-block-2 .anim div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

    .integrations-block-1 .anim div:first-child,
    .integrations-block-2 .anim div:first-child {
        background-position: bottom;
        background-size: auto 90%;
    }

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim div:first-child,
    .integrations-block-2 .anim div:first-child {
        background-size: 100% 100%;
    }

    .integrations-block-1 .anim div:nth-child(2),
    .integrations-block-2 .anim div:nth-child(2) {
        background-size: contain;
    }
}

.integrations-block-1 .anim.anim-start div:first-child,
.integrations-block-2 .anim.anim-start div:first-child {
    animation: integrations-block-animation 0.6s ease-in-out 0.25s forwards;
}

.integrations-block-1 .anim.anim-start div:nth-child(2),
.integrations-block-2 .anim.anim-start div:nth-child(2) {
    animation: integrations-block-animation 0.6s ease-in-out 0.5s forwards;
}

.integrations-block-1 .anim.anim-start div:nth-child(3),
.integrations-block-2 .anim.anim-start div:nth-child(3) {
    animation: integrations-block-animation 0.6s ease-in-out 0.75s forwards;
}

.integrations-block-2 .anim.anim-start div:nth-child(2) {
    background-image: url(../images/parallax_icons_2.png);
}

@media screen and (max-width: 690px) {
    .integrations-block-2 .anim {
        height: 85%;
        top: 15%;
    }
}

.recover-video-block {
    max-height: 810px;
    position: relative;
}

    .recover-video-block .row {
        margin: auto;
    }

    .recover-video-block .video-text-container {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .recover-video-block .video-text {
        gap: 16px;
        top: 0;
        width: 100%;
    }

        .recover-video-block .video-text h2 {
            color: #fff;
            font-family: Inter, Times New Roman, arial, sans-serif;
            font-size: 5rem;
            font-style: normal;
            font-weight: 600;
            letter-spacing: -1.26px;
            line-height: 5.6rem;
            margin: 0 20% 16px;
            text-align: center;
        }

@media screen and (max-width: 859px) {
    .recover-video-block .video-text h2 {
        font-size: 2.8rem;
        letter-spacing: -1.26px;
        line-height: 3.2rem;
        margin: 0 5%;
    }
}

.recover-video-block .video-text p {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 0 20%;
    text-align: center;
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-text p {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 0 5%;
    }
}

.recover-video-block .recover-tag {
    background: var(--grey-grey-800, #262626);
    border-radius: 4px;
    bottom: 30px;
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    left: 50%;
    line-height: 2.2rem;
    padding: 0 8px;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .recover-video-block .recover-tag {
        bottom: auto;
        flex: 0 0 auto;
        left: auto;
        margin-bottom: 20px;
        position: relative;
        transform: none;
    }
}

.recover-video-block .video-block-bg {
    opacity: 0.4;
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-block-bg {
        height: 320px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.recover-video-block .video-modal {
    align-items: center;
    animation-duration: 0.4s;
    animation-iteration-count: 1;
    animation-name: fadeIn;
    animation-timing-function: ease;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

    .recover-video-block .video-modal .content {
        background: #000;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
        display: block;
        height: 485px;
        position: relative;
        width: 60%;
    }

@media screen and (max-width: 859px) {
    .recover-video-block .video-modal .content {
        height: 250px;
        width: 90%;
    }
}

.recover-video-block .video-modal .youtube-video {
    height: 485px;
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-modal .youtube-video {
        height: 250px;
    }
}

.heateor_sss_sharing_container {
    color: #6a6a6a;
    display: inline-block;
    margin-left: 7px;
    vertical-align: -8px;
}

.heateor_sss_sharing_ul a,
.heateor_sss_sharing_ul a > *,
.heateor_sss_sharing_ul i,
.heateor_sss_sharing_ul i > * {
    height: 30px !important;
    width: 30px !important;
}

    .heateor_sss_sharing_ul a > *,
    .heateor_sss_sharing_ul i > * {
        background-color: #000;
        transition: all 0.2s;
    }

    .heateor_sss_sharing_ul a > :hover,
    .heateor_sss_sharing_ul i > :hover {
        background-color: #ff5300;
    }

.heateor_sss_sharing_ul li:not(:last-of-type) {
    margin-right: 5px !important;
}

.heateor_sss_horizontal_sharing i.heateorSssInstagramBackground,
.heateorSssInstagramSvg,
.heateorSssSharingSvg {
    background-color: #000 !important;
}

:lang(tr) .h1:not([class*="icon"]),
:lang(tr) .h2:not([class*="icon"]),
:lang(tr) .h3:not([class*="icon"]),
:lang(tr) .h4:not([class*="icon"]),
:lang(tr) h1:not([class*="icon"]),
:lang(tr) h2:not([class*="icon"]),
:lang(tr) h3:not([class*="icon"]),
:lang(tr) h4:not([class*="icon"]) {
    font-family: Inter, Times New Roman, arial, sans-serif !important;
}

:lang(ar) .how-to-buy-crypto .swiper-button-next,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto !important;
}

:lang(ar) .icon-chevron-left:before {
    content: "";
}

:lang(ar) .icon-chevron-right:before {
    content: "";
}

:lang(ar) .button:not(:empty):not(.no-icon):after,
:lang(ar) .read-more.reverse:before,
:lang(ar) .read-more:not(.reverse):after,
:lang(ar) input.button:not(.no-icon):after {
    content: "";
}

:lang(ar) .super-small-text {
    font-size: 1.4rem;
}

:lang(ar) .how-to-buy-crypto .swiper-button-prev:after,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
    content: "";
}

:lang(ar) .how-to-buy-crypto .swiper-button-next:after,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-next:after {
    content: "";
}

:lang(ar) .coinmarketcap-currency-widget > div:first-child > div:first-child > div:nth-child(2)[style] {
    text-align: left !important;
}

:lang(ar) #toggle-all-cell:after {
    margin-left: 7px;
    margin-right: 0;
}

:lang(ar) .fa-chevron-left:before {
    content: "";
}

:lang(ar) .fa-chevron-right:before {
    content: "";
}

.bg-divider-dark {
    background-color: #000;
}

    .bg-divider-dark div:not(.row) {
        background: linear-gradient(90deg, hsla(0, 0%, 9%, 0), #171717 25%, #171717 75%, hsla(0, 0%, 9%, 0));
        box-shadow: inset 0 -2px 1px 0 hsla(0, 0%, 100%, 0.1);
        height: 4px;
        width: 100%;
    }