@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter.woff2') format('woff2');}
600;700&display=swap);
@charset "UTF-8";
body,
html {
    background-color: #112e45
}

@media (prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: smooth
    }
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #016df4;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #f86d70;
    --orange: #fd7e14;
    --yellow: #fdca40;
    --green: #00e497;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #016df4;
    --secondary: #6c757d;
    --success: #00e497;
    --info: #17a2b8;
    --warning: #fdca40;
    --danger: #f86d70;
    --light: #f8f9fa;
    --dark: #112e45;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: sans-serif;
    line-height: 1.15
}

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

body {
    background-color: #fff;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    margin-top: 0
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent;
    color: #016df4;
    text-decoration: none
}

a:hover {
    color: #014ba8;
    text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    -ms-overflow-style: scrollbar;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom;
    color: #6c757d;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

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

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

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: .5rem;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

output {
    display: inline-block
}

summary {
    cursor: pointer;
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 2.1875rem
}

.h2,
h2 {
    font-size: 1.75rem
}

.h3,
h3 {
    font-size: 1.53125rem
}

.h4,
h4 {
    font-size: 1.3125rem
}

.h5,
h5 {
    font-size: 1.09375rem
}

.h6,
h6 {
    font-size: .875rem
}

.lead {
    font-size: 1.09375rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem
}

hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
    margin-top: 1rem
}

.small,
small {
    font-size: .875em;
    font-weight: 400
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.09375rem;
    margin-bottom: 1rem
}

.blockquote-footer {
    color: #6c757d;
    display: block;
    font-size: .875em
}

.blockquote-footer:before {
    content: "— "
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    color: #6c757d;
    font-size: 90%
}

code {
    word-wrap: break-word;
    color: #e83e8c;
    font-size: 87.5%
}

a>code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: 87.5%;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 100%;
    font-weight: 700;
    padding: 0
}

pre {
    color: #212529;
    display: block;
    font-size: 87.5%
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }
    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

.table {
    color: #212529;
    margin-bottom: 1rem;
    width: 100%
}

.table td,
.table th {
    border-top: 1px solid #dee2e6;
    padding: .75rem;
    vertical-align: top
}

.table thead th {
    border-bottom: 2px solid #dee2e6;
    vertical-align: bottom
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075);
    color: #212529
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8d6fc
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7bb3f9
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #a0c8fb
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #b8f7e2
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #7af1c9
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #a1f4d9
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fef0ca
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #fee39c
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fee9b1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #fdd6d7
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #fbb3b5
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #fcbebf
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #bcc4cb
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #83929e
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #aeb7c0
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    background-color: #343a40;
    border-color: #454d55;
    color: #fff
}

.table .thead-light th {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #495057
}

.table-dark {
    background-color: #343a40;
    color: #fff
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: hsla(0, 0%, 100%, .075);
    color: #fff
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling: touch;
        display: block;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    background-color: #fff;
    border-color: #76b3fe;
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25);
    color: #495057;
    outline: 0
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: calc(.375rem + 1px);
    padding-top: calc(.375rem + 1px)
}

.col-form-label-lg {
    font-size: 1.09375rem;
    line-height: 1.5;
    padding-bottom: calc(.5rem + 1px);
    padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
    font-size: .765625rem;
    line-height: 1.5;
    padding-bottom: calc(.25rem + 1px);
    padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    color: #212529;
    display: block;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem 0;
    width: 100%
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-left: 0;
    padding-right: 0
}

.form-control-sm {
    border-radius: .2rem;
    font-size: .765625rem;
    height: calc(1.5em + .5rem + 2px);
    line-height: 1.5;
    padding: .25rem .5rem
}

.form-control-lg {
    border-radius: .3rem;
    font-size: 1.09375rem;
    height: calc(1.5em + 1rem + 2px);
    line-height: 1.5;
    padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.form-check {
    display: block;
    padding-left: 1.25rem;
    position: relative
}

.form-check-input {
    margin-left: -1.25rem;
    margin-top: .3rem;
    position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    align-items: center;
    display: inline-flex;
    margin-right: .75rem;
    padding-left: 0
}

.form-check-inline .form-check-input {
    margin-left: 0;
    margin-right: .3125rem;
    margin-top: 0;
    position: static
}

.valid-feedback {
    color: #00e497;
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.valid-tooltip {
    background-color: rgba(0, 228, 151, .9);
    border-radius: .25rem;
    color: #212529;
    display: none;
    font-size: .765625rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300E497' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #00e497;
    padding-right: calc(1.5em + .75rem) !important
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #00e497;
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
    background-position: right 1.5rem center;
    padding-right: 3rem !important
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300E497' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #00e497;
    padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #00e497;
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #00e497
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #00e497
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color: #00e497
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #18ffb1;
    border-color: #18ffb1
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #00e497
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #00e497
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #00e497;
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .25)
}

.invalid-feedback {
    color: #f86d70;
    display: none;
    font-size: .875em;
    margin-top: .25rem;
    width: 100%
}

.invalid-tooltip {
    background-color: rgba(248, 109, 112, .9);
    border-radius: .25rem;
    color: #212529;
    display: none;
    font-size: .765625rem;
    left: 0;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: .25rem .5rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f86d70'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23f86d70' stroke='none'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-color: #f86d70;
    padding-right: calc(1.5em + .75rem) !important
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #f86d70;
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
    background-position: right 1.5rem center;
    padding-right: 3rem !important
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
    padding-right: calc(1.5em + .75rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f86d70'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23f86d70' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
    border-color: #f86d70;
    padding-right: calc(.75em + 2.3125rem) !important
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #f86d70;
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #f86d70
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #f86d70
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color: #f86d70
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    background-color: #fa9ea0;
    border-color: #fa9ea0
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #f86d70
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #f86d70
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #f86d70;
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .25)
}

.form-inline {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        align-items: center;
        display: flex;
        margin-bottom: 0
    }
    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }
    .form-inline .form-control {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0;
        width: auto
    }
    .form-inline .form-check-input {
        flex-shrink: 0;
        margin-left: 0;
        margin-right: .25rem;
        margin-top: 0;
        position: relative
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #212529;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25);
    outline: 0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #015cce;
    border-color: #0156c1;
    color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(39, 131, 246, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0156c1;
    border-color: #0151b5;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(39, 131, 246, .5)
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #545b62;
    border-color: #4e555b;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-success {
    background-color: #00e497;
    border-color: #00e497;
    color: #212529
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    background-color: #00be7e;
    border-color: #00b175;
    color: #fff
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(5, 199, 135, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #00e497;
    border-color: #00e497;
    color: #212529
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background-color: #00b175;
    border-color: #00a46d;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(5, 199, 135, .5)
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
    color: #fff
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #117a8b;
    border-color: #10707f;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
    background-color: #fdca40;
    border-color: #fdca40;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #fdbf1a;
    border-color: #fcbc0e;
    color: #212529
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 177, 61, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #fdca40;
    border-color: #fdca40;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    background-color: #fcbc0e;
    border-color: #fbb803;
    color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 177, 61, .5)
}

.btn-danger {
    background-color: #f86d70;
    border-color: #f86d70;
    color: #212529
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #f6494c;
    border-color: #f63c40;
    color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 98, 101, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #f86d70;
    border-color: #f86d70;
    color: #212529
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    background-color: #f63c40;
    border-color: #f53034;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 98, 101, .5)
}

.btn-light {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
    color: #212529
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: #dae0e5;
    border-color: #d3d9df;
    color: #212529
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-dark {
    background-color: #112e45;
    border-color: #112e45;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    background-color: #091a26;
    border-color: #07131c;
    color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 77, 97, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #112e45;
    border-color: #112e45;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    background-color: #07131c;
    border-color: #040c12;
    color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(53, 77, 97, .5)
}

.btn-outline-primary {
    border-color: #016df4;
    color: #016df4
}

.btn-outline-primary:hover {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: transparent;
    color: #016df4
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .5)
}

.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d
}

.btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-success {
    border-color: #00e497;
    color: #00e497
}

.btn-outline-success:hover {
    background-color: #00e497;
    border-color: #00e497;
    color: #212529
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    background-color: transparent;
    color: #00e497
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    background-color: #00e497;
    border-color: #00e497;
    color: #212529
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .5)
}

.btn-outline-info {
    border-color: #17a2b8;
    color: #17a2b8
}

.btn-outline-info:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    background-color: transparent;
    color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    border-color: #fdca40;
    color: #fdca40
}

.btn-outline-warning:hover {
    background-color: #fdca40;
    border-color: #fdca40;
    color: #212529
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(253, 202, 64, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    background-color: transparent;
    color: #fdca40
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    background-color: #fdca40;
    border-color: #fdca40;
    color: #212529
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(253, 202, 64, .5)
}

.btn-outline-danger {
    border-color: #f86d70;
    color: #f86d70
}

.btn-outline-danger:hover {
    background-color: #f86d70;
    border-color: #f86d70;
    color: #212529
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    color: #f86d70
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #f86d70;
    border-color: #f86d70;
    color: #212529
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .5)
}

.btn-outline-light {
    border-color: #f8f9fa;
    color: #f8f9fa
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    background-color: transparent;
    color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #212529
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    border-color: #112e45;
    color: #112e45
}

.btn-outline-dark:hover {
    background-color: #112e45;
    border-color: #112e45;
    color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(17, 46, 69, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    background-color: transparent;
    color: #112e45
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    background-color: #112e45;
    border-color: #112e45;
    color: #fff
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(17, 46, 69, .5)
}

.btn-link {
    color: #016df4;
    font-weight: 400;
    text-decoration: none
}

.btn-link:hover {
    color: #014ba8
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    border-radius: .3rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: .2rem;
    font-size: .765625rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.width {
    height: auto;
    transition: width .35s ease;
    width: 0
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.width {
        transition: none
    }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    color: #212529;
    display: none;
    float: left;
    font-size: .875rem;
    left: 0;
    list-style: none;
    margin: .125rem 0 0;
    min-width: 10rem;
    padding: .5rem 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-sm-right {
        left: auto;
        right: 0
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-md-right {
        left: auto;
        right: 0
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-lg-right {
        left: auto;
        right: 0
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        left: 0;
        right: auto
    }
    .dropdown-menu-xl-right {
        left: auto;
        right: 0
    }
}

.dropup .dropdown-menu {
    bottom: 100%;
    margin-bottom: .125rem;
    margin-top: 0;
    top: auto
}

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-menu {
    left: 100%;
    margin-left: .125rem;
    margin-top: 0;
    right: auto;
    top: 0
}

.dropright .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    left: auto;
    margin-right: .125rem;
    margin-top: 0;
    right: 100%;
    top: 0
}

.dropleft .dropdown-toggle:after {
    content: "";
    display: inline-block;
    display: none;
    margin-left: .255em;
    vertical-align: .255em
}

.dropleft .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    bottom: auto;
    right: auto
}

.dropdown-divider {
    border-top: 1px solid #e9ecef;
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #212529;
    display: block;
    font-weight: 400;
    padding: .25rem 1.5rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e9ecef;
    color: #16181b;
    text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #016df4;
    color: #fff;
    text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    background-color: transparent;
    color: #adb5bd;
    pointer-events: none
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    color: #6c757d;
    display: block;
    font-size: .765625rem;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    white-space: nowrap
}

.dropdown-item-text {
    color: #212529;
    display: block;
    padding: .25rem 1.5rem
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dropdown-toggle-split {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: absolute
}

.input-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    flex: 1 1 auto;
    margin-bottom: 0;
    min-width: 0;
    position: relative;
    width: 1%
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group>.custom-file {
    align-items: center;
    display: flex
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    align-items: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .375rem .75rem;
    text-align: center;
    white-space: nowrap
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    border-radius: .3rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    padding: .5rem 1rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    border-radius: .2rem;
    font-size: .765625rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.custom-control {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    z-index: 1
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    height: 1.15625rem;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1rem;
    z-index: -1
}

.custom-control-input:checked~.custom-control-label:before {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff
}

.custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
    border-color: #76b3fe
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: #a9cfff;
    border-color: #a9cfff;
    color: #fff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0;
    position: relative;
    vertical-align: top
}

.custom-control-label:before {
    background-color: #fff;
    border: 1px solid #adb5bd;
    pointer-events: none
}

.custom-control-label:after,
.custom-control-label:before {
    content: "";
    display: block;
    height: 1rem;
    left: -1.5rem;
    position: absolute;
    top: .15625rem;
    width: 1rem
}

.custom-control-label:after {
    background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    background-color: #016df4;
    border-color: #016df4
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(1, 109, 244, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(1, 109, 244, .5)
}

.custom-radio .custom-control-label:before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(1, 109, 244, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
    border-radius: .5rem;
    left: -2.25rem;
    pointer-events: all;
    width: 1.75rem
}

.custom-switch .custom-control-label:after {
    background-color: #adb5bd;
    border-radius: .5rem;
    height: calc(1rem - 4px);
    left: calc(-2.25rem + 2px);
    top: calc(.15625rem + 2px);
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: calc(1rem - 4px)
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label:after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(1, 109, 244, .5)
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    color: #495057;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    line-height: 1.5;
    padding: .375rem 1.75rem .375rem .75rem;
    vertical-align: middle;
    width: 100%
}

.custom-select:focus {
    border-color: #76b3fe;
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25);
    outline: 0
}

.custom-select:focus::-ms-value {
    background-color: #fff;
    color: #495057
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    background-image: none;
    height: auto;
    padding-right: .75rem
}

.custom-select:disabled {
    background-color: #e9ecef;
    color: #6c757d
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    font-size: .765625rem;
    height: calc(1.5em + .5rem + 2px);
    padding-bottom: .25rem;
    padding-left: .5rem;
    padding-top: .25rem
}

.custom-select-lg {
    font-size: 1.09375rem;
    height: calc(1.5em + 1rem + 2px);
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-top: .5rem
}

.custom-file {
    display: inline-block;
    margin-bottom: 0
}

.custom-file,
.custom-file-input {
    height: calc(1.5em + .75rem + 2px);
    position: relative;
    width: 100%
}

.custom-file-input {
    margin: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 2
}

.custom-file-input:focus~.custom-file-label {
    border-color: #76b3fe;
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
    content: attr(data-browse)
}

.custom-file-label {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 2px);
    left: 0;
    overflow: hidden;
    z-index: 1
}

.custom-file-label,
.custom-file-label:after {
    color: #495057;
    line-height: 1.5;
    padding: .375rem .75rem;
    position: absolute;
    right: 0;
    top: 0
}

.custom-file-label:after {
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
    bottom: 0;
    content: "Browse";
    display: block;
    height: calc(1.5em + .75rem);
    z-index: 3
}

.custom-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1.4rem;
    padding: 0;
    width: 100%
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(1, 109, 244, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(1, 109, 244, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(1, 109, 244, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #016df4;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #a9cfff
}

.custom-range::-webkit-slider-runnable-track {
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #016df4;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #a9cfff
}

.custom-range::-moz-range-track {
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-ms-thumb {
    appearance: none;
    background-color: #016df4;
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    margin-left: .2rem;
    margin-right: .2rem;
    margin-top: 0;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #a9cfff
}

.custom-range::-ms-track {
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
    color: transparent;
    cursor: pointer;
    height: .5rem;
    width: 100%
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-control-label:before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-bottom: -1px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    background-color: transparent;
    border-color: transparent;
    color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #495057
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #016df4;
    color: #fff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    padding: .5rem 1rem;
    position: relative
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    font-size: 1.09375rem;
    line-height: inherit;
    margin-right: 1rem;
    padding-bottom: .3359375rem;
    padding-top: .3359375rem;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0
}

.navbar-nav .dropdown-menu {
    float: none;
    position: static
}

.navbar-text {
    display: inline-block;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-collapse {
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 1.09375rem;
    line-height: 1;
    padding: .25rem .75rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    background: 50%/100% 100% no-repeat;
    content: "";
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    width: 1.5em
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-left: .5rem;
        padding-right: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-left: 0;
    padding-right: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    border-color: hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card>hr {
    margin-left: 0;
    margin-right: 0
}

.card>.list-group {
    border-bottom: inherit;
    border-top: inherit
}

.card>.list-group:first-child {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-width: 0
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0;
    padding: .75rem 1.25rem
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
    padding: .75rem 1.25rem
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    border-bottom: 0;
    margin-bottom: -.75rem
}

.card-header-pills,
.card-header-tabs {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.card-img-overlay {
    border-radius: calc(.25rem - 1px);
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        border-left: 0;
        margin-left: 0
    }
    .card-group>.card:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}

.breadcrumb {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
    color: #6c757d;
    content: "/";
    float: left;
    padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
    text-decoration: underline;
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    padding-left: 0
}

.page-link {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #016df4;
    display: block;
    line-height: 1.25;
    margin-left: -1px;
    padding: .5rem .75rem;
    position: relative
}

.page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #014ba8;
    text-decoration: none;
    z-index: 2
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .25);
    outline: 0;
    z-index: 3
}

.page-item:first-child .page-link {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    margin-left: 0
}

.page-item:last-child .page-link {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.page-item.active .page-link {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff;
    z-index: 3
}

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: auto;
    pointer-events: none
}

.pagination-lg .page-link {
    font-size: 1.09375rem;
    line-height: 1.5;
    padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem
}

.pagination-sm .page-link {
    font-size: .765625rem;
    line-height: 1.5;
    padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem
}

.badge {
    border-radius: .25rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25em .4em;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: baseline;
    white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    border-radius: 10rem;
    padding-left: .6em;
    padding-right: .6em
}

.badge-primary {
    background-color: #016df4;
    color: #fff
}

a.badge-primary:focus,
a.badge-primary:hover {
    background-color: #0156c1;
    color: #fff
}

a.badge-primary.focus,
a.badge-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(1, 109, 244, .5);
    outline: 0
}

.badge-secondary {
    background-color: #6c757d;
    color: #fff
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    background-color: #545b62;
    color: #fff
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
    outline: 0
}

.badge-success {
    background-color: #00e497;
    color: #212529
}

a.badge-success:focus,
a.badge-success:hover {
    background-color: #00b175;
    color: #212529
}

a.badge-success.focus,
a.badge-success:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .5);
    outline: 0
}

.badge-info {
    background-color: #17a2b8;
    color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
    background-color: #117a8b;
    color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    outline: 0
}

.badge-warning {
    background-color: #fdca40;
    color: #212529
}

a.badge-warning:focus,
a.badge-warning:hover {
    background-color: #fcbc0e;
    color: #212529
}

a.badge-warning.focus,
a.badge-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(253, 202, 64, .5);
    outline: 0
}

.badge-danger {
    background-color: #f86d70;
    color: #212529
}

a.badge-danger:focus,
a.badge-danger:hover {
    background-color: #f63c40;
    color: #212529
}

a.badge-danger.focus,
a.badge-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 109, 112, .5);
    outline: 0
}

.badge-light {
    background-color: #f8f9fa;
    color: #212529
}

a.badge-light:focus,
a.badge-light:hover {
    background-color: #dae0e5;
    color: #212529
}

a.badge-light.focus,
a.badge-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    outline: 0
}

.badge-dark {
    background-color: #112e45;
    color: #fff
}

a.badge-dark:focus,
a.badge-dark:hover {
    background-color: #07131c;
    color: #fff
}

a.badge-dark.focus,
a.badge-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(17, 46, 69, .5);
    outline: 0
}

.jumbotron {
    background-color: #e9ecef;
    border-radius: .3rem;
    margin-bottom: 2rem;
    padding: 2rem 1rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0
}

.alert {
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.8125rem
}

.alert-dismissible .close {
    color: inherit;
    padding: .75rem 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.alert-primary {
    background-color: #cce2fd;
    border-color: #b8d6fc;
    color: #01397f
}

.alert-primary hr {
    border-top-color: #a0c8fb
}

.alert-primary .alert-link {
    color: #01224c
}

.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d6d8db;
    color: #383d41
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    background-color: #ccfaea;
    border-color: #b8f7e2;
    color: #00774f
}

.alert-success hr {
    border-top-color: #a1f4d9
}

.alert-success .alert-link {
    color: #00442d
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    background-color: #fff4d9;
    border-color: #fef0ca;
    color: #846921
}

.alert-warning hr {
    border-top-color: #fee9b1
}

.alert-warning .alert-link {
    color: #5b4917
}

.alert-danger {
    background-color: #fee2e2;
    border-color: #fdd6d7;
    color: #81393a
}

.alert-danger hr {
    border-top-color: #fcbebf
}

.alert-danger .alert-link {
    color: #5e292a
}

.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    background-color: #cfd5da;
    border-color: #bcc4cb;
    color: #091824
}

.alert-dark hr {
    border-top-color: #aeb7c0
}

.alert-dark .alert-link {
    color: #000
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    background-color: #e9ecef;
    border-radius: .25rem;
    font-size: .65625rem;
    height: 1rem;
    line-height: 0
}

.progress,
.progress-bar {
    display: flex;
    overflow: hidden
}

.progress-bar {
    background-color: #016df4;
    color: #fff;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: width .6s ease;
    white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.media {
    align-items: flex-start;
    display: flex
}

.media-body {
    flex: 1
}

.list-group {
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0
}

.list-group-item-action {
    color: #495057;
    text-align: inherit;
    width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: #f8f9fa;
    color: #495057;
    text-decoration: none;
    z-index: 1
}

.list-group-item-action:active {
    background-color: #e9ecef;
    color: #212529
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    display: block;
    padding: .75rem 1.25rem;
    position: relative
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    background-color: #fff;
    color: #6c757d;
    pointer-events: none
}

.list-group-item.active {
    background-color: #016df4;
    border-color: #016df4;
    color: #fff;
    z-index: 2
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    border-top-width: 1px;
    margin-top: -1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: .25rem
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-left-width: 0;
        border-top-width: 1px
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        border-left-width: 1px;
        margin-left: -1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    background-color: #b8d6fc;
    color: #01397f
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    background-color: #a0c8fb;
    color: #01397f
}

.list-group-item-primary.list-group-item-action.active {
    background-color: #01397f;
    border-color: #01397f;
    color: #fff
}

.list-group-item-secondary {
    background-color: #d6d8db;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    background-color: #c8cbcf;
    color: #383d41
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: #383d41;
    border-color: #383d41;
    color: #fff
}

.list-group-item-success {
    background-color: #b8f7e2;
    color: #00774f
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    background-color: #a1f4d9;
    color: #00774f
}

.list-group-item-success.list-group-item-action.active {
    background-color: #00774f;
    border-color: #00774f;
    color: #fff
}

.list-group-item-info {
    background-color: #bee5eb;
    color: #0c5460
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    background-color: #abdde5;
    color: #0c5460
}

.list-group-item-info.list-group-item-action.active {
    background-color: #0c5460;
    border-color: #0c5460;
    color: #fff
}

.list-group-item-warning {
    background-color: #fef0ca;
    color: #846921
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    background-color: #fee9b1;
    color: #846921
}

.list-group-item-warning.list-group-item-action.active {
    background-color: #846921;
    border-color: #846921;
    color: #fff
}

.list-group-item-danger {
    background-color: #fdd6d7;
    color: #81393a
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    background-color: #fcbebf;
    color: #81393a
}

.list-group-item-danger.list-group-item-action.active {
    background-color: #81393a;
    border-color: #81393a;
    color: #fff
}

.list-group-item-light {
    background-color: #fdfdfe;
    color: #818182
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    background-color: #ececf6;
    color: #818182
}

.list-group-item-light.list-group-item-action.active {
    background-color: #818182;
    border-color: #818182;
    color: #fff
}

.list-group-item-dark {
    background-color: #bcc4cb;
    color: #091824
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    background-color: #aeb7c0;
    color: #091824
}

.list-group-item-dark.list-group-item-action.active {
    background-color: #091824;
    border-color: #091824;
    color: #fff
}

.close {
    color: #000;
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
    text-shadow: 0 1px 0 #fff
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    background-color: transparent;
    border: 0;
    padding: 0
}

a.close.disabled {
    pointer-events: none
}

.toast {
    background-clip: padding-box;
    background-color: hsla(0, 0%, 100%, .85);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    flex-basis: 350px;
    font-size: .875rem;
    max-width: 350px;
    opacity: 0
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: hsla(0, 0%, 100%, .85);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    color: #6c757d;
    display: flex;
    padding: .25rem .75rem
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050
}

.modal-dialog {
    margin: .5rem;
    pointer-events: none;
    position: relative;
    width: auto
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal-backdrop {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: flex-start;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem
}

.modal-title {
    line-height: 1.5;
    margin-bottom: 0
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
    position: relative
}

.modal-footer {
    align-items: center;
    border-bottom-left-radius: calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-top: 1px solid #dee2e6;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .75rem
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media (min-width:576px) {
    .modal-dialog {
        margin: 1.75rem auto;
        max-width: 500px
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered:before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.tooltip {
    word-wrap: break-word;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .765625rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    display: block;
    height: .4rem;
    position: absolute;
    width: .8rem
}

.tooltip .arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
    border-top-color: #000;
    border-width: .4rem .4rem 0;
    top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    height: .8rem;
    left: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
    border-right-color: #000;
    border-width: .4rem .4rem .4rem 0;
    right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #000;
    border-width: 0 .4rem .4rem;
    bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    height: .8rem;
    right: 0;
    width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
    border-left-color: #000;
    border-width: .4rem 0 .4rem .4rem;
    left: 0
}

.tooltip-inner {
    background-color: #000;
    border-radius: .25rem;
    color: #fff;
    max-width: 200px;
    padding: .25rem .5rem;
    text-align: center
}

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: .765625rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    max-width: 276px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1060
}

.popover,
.popover .arrow {
    display: block;
    position: absolute
}

.popover .arrow {
    height: .5rem;
    margin: 0 .3rem;
    width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
    border-top-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    height: 1rem;
    left: calc(-.5rem - 1px);
    margin: .3rem 0;
    width: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
    border-right-color: rgba(0, 0, 0, .25);
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
    border-right-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
    border-bottom-color: rgba(0, 0, 0, .25);
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
    border-bottom-color: #fff;
    border-width: 0 .5rem .5rem;
    top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    border-bottom: 1px solid #f7f7f7;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    height: 1rem;
    margin: .3rem 0;
    right: calc(-.5rem - 1px);
    width: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
    border-left-color: rgba(0, 0, 0, .25);
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
    border-left-color: #fff;
    border-width: .5rem 0 .5rem .5rem;
    right: 1px
}

.popover-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    font-size: .875rem;
    margin-bottom: 0;
    padding: .5rem .75rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529;
    padding: .5rem .75rem
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background: 50%/100% 100% no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin-left: 15%;
    margin-right: 15%;
    padding-left: 0;
    position: absolute;
    right: 0;
    z-index: 15
}

.carousel-indicators li {
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    z-index: 10
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    animation: spinner-border .75s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid transparent;
    display: inline-block;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-border-sm {
    border-width: .2em;
    height: 1rem;
    width: 1rem
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    animation: spinner-grow .75s linear infinite;
    background-color: currentcolor;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    opacity: 0;
    vertical-align: -.125em;
    width: 2rem
}

.spinner-grow-sm {
    height: 1rem;
    width: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #016df4 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0156c1 !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #00e497 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #00b175 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #fdca40 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #fcbc0e !important
}

.bg-danger {
    background-color: #f86d70 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #f63c40 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #112e45 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #07131c !important
}

.advantages-card,
.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #016df4 !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #00e497 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #fdca40 !important
}

.border-danger {
    border-color: #f86d70 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #112e45 !important
}

.border-white {
    border-color: #fff !important
}

.rounded-sm {
    border-radius: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: flex !important
    }
    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.embed-responsive:before {
    content: "";
    display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-21by9:before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

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

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

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

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

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

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

.align-items-end {
    align-items: flex-end !important
}

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

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

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.advantages-card,
.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.card-information-expand,
.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.card-information-expand,
.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.advantages-card,
.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.card-information-expand,
.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.card-information-expand,
.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.stretched-link:after {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #016df4 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #014ba8 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #00e497 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #009864 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #fdca40 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #eeae02 !important
}

.text-danger {
    color: #f86d70 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #f52429 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.advantages-card,
.home.splide .splide__text,
.text-dark {
    color: #112e45 !important
}

.home.splide a.splide__text:focus,
.home.splide a.splide__text:hover,
a.advantages-card:focus,
a.advantages-card:hover,
a.text-dark:focus,
a.text-dark:hover {
    color: #020508 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.tab-navigation,
.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    :after,
    :before {
        box-shadow: none !important;
        text-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    .container,
    body {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        border-color: #dee2e6;
        color: inherit
    }
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.t-xl-bold {
    font-size: 84px;
    font-weight: 700
}

.t-l-bold {
    font-size: 72px;
    font-weight: 700
}

.t1-bold {
    font-size: 64px;
    font-weight: 700
}

.t2-bold {
    font-size: 48px;
    font-weight: 700
}

.t3-bold {
    font-size: 40px;
    font-weight: 700
}

.t4-bold {
    font-size: 36px;
    font-weight: 700
}

.t5-bold {
    font-size: 30px;
    font-weight: 700
}

.t6-bold {
    font-size: 24px;
    font-weight: 700
}

.p1-bold,
.sharesub-step-nav.current {
    font-size: 18px;
    font-weight: 700
}

.p1-semibold {
    font-size: 18px;
    font-weight: 600
}

.home.splide .splide__text,
.p1-regular {
    font-size: 18px;
    font-weight: 400
}

.p2-bold {
    font-size: 16px;
    font-weight: 700
}

.p2-semibold {
    font-size: 16px;
    font-weight: 600
}

.home.splide .splide__customer,
.p2-regular {
    font-size: 16px;
    font-weight: 400
}

.p3-bold {
    font-size: 14px;
    font-weight: 700
}

.p3-semibold {
    font-size: 14px;
    font-weight: 600
}

.p3-regular {
    font-size: 14px;
    font-weight: 400
}

@media (min-width:576px) {
    .sm\:t-xl-bold {
        font-size: 84px;
        font-weight: 700
    }
    .sm\:t-l-bold {
        font-size: 72px;
        font-weight: 700
    }
    .sm\:t1-bold {
        font-size: 64px;
        font-weight: 700
    }
    .sm\:t2-bold {
        font-size: 48px;
        font-weight: 700
    }
    .sm\:t3-bold {
        font-size: 40px;
        font-weight: 700
    }
    .sm\:t4-bold {
        font-size: 36px;
        font-weight: 700
    }
    .sm\:t5-bold {
        font-size: 30px;
        font-weight: 700
    }
    .sm\:t6-bold {
        font-size: 24px;
        font-weight: 700
    }
    .sm\:p1-bold {
        font-size: 18px;
        font-weight: 700
    }
    .sm\:p1-semibold {
        font-size: 18px;
        font-weight: 600
    }
    .sm\:p1-regular {
        font-size: 18px;
        font-weight: 400
    }
    .sm\:p2-bold {
        font-size: 16px;
        font-weight: 700
    }
    .sm\:p2-semibold {
        font-size: 16px;
        font-weight: 600
    }
    .sm\:p2-regular {
        font-size: 16px;
        font-weight: 400
    }
    .sm\:p3-bold {
        font-size: 14px;
        font-weight: 700
    }
    .sm\:p3-semibold {
        font-size: 14px;
        font-weight: 600
    }
    .sm\:p3-regular {
        font-size: 14px;
        font-weight: 400
    }
}

@media (min-width:768px) {
    .md\:t-xl-bold {
        font-size: 84px;
        font-weight: 700
    }
    .md\:t-l-bold {
        font-size: 72px;
        font-weight: 700
    }
    .md\:t1-bold {
        font-size: 64px;
        font-weight: 700
    }
    .md\:t2-bold {
        font-size: 48px;
        font-weight: 700
    }
    .md\:t3-bold {
        font-size: 40px;
        font-weight: 700
    }
    .md\:t4-bold {
        font-size: 36px;
        font-weight: 700
    }
    .md\:t5-bold {
        font-size: 30px;
        font-weight: 700
    }
    .md\:t6-bold {
        font-size: 24px;
        font-weight: 700
    }
    .md\:p1-bold {
        font-size: 18px;
        font-weight: 700
    }
    .md\:p1-semibold {
        font-size: 18px;
        font-weight: 600
    }
    .md\:p1-regular {
        font-size: 18px;
        font-weight: 400
    }
    .md\:p2-bold {
        font-size: 16px;
        font-weight: 700
    }
    .md\:p2-semibold {
        font-size: 16px;
        font-weight: 600
    }
    .md\:p2-regular {
        font-size: 16px;
        font-weight: 400
    }
    .md\:p3-bold {
        font-size: 14px;
        font-weight: 700
    }
    .md\:p3-semibold {
        font-size: 14px;
        font-weight: 600
    }
    .md\:p3-regular {
        font-size: 14px;
        font-weight: 400
    }
}

@media (min-width:992px) {
    .lg\:t-xl-bold {
        font-size: 84px;
        font-weight: 700
    }
    .lg\:t-l-bold {
        font-size: 72px;
        font-weight: 700
    }
    .lg\:t1-bold {
        font-size: 64px;
        font-weight: 700
    }
    .lg\:t2-bold {
        font-size: 48px;
        font-weight: 700
    }
    .lg\:t3-bold {
        font-size: 40px;
        font-weight: 700
    }
    .lg\:t4-bold {
        font-size: 36px;
        font-weight: 700
    }
    .lg\:t5-bold {
        font-size: 30px;
        font-weight: 700
    }
    .lg\:t6-bold {
        font-size: 24px;
        font-weight: 700
    }
    .lg\:p1-bold {
        font-size: 18px;
        font-weight: 700
    }
    .lg\:p1-semibold {
        font-size: 18px;
        font-weight: 600
    }
    .lg\:p1-regular {
        font-size: 18px;
        font-weight: 400
    }
    .lg\:p2-bold {
        font-size: 16px;
        font-weight: 700
    }
    .lg\:p2-semibold {
        font-size: 16px;
        font-weight: 600
    }
    .lg\:p2-regular {
        font-size: 16px;
        font-weight: 400
    }
    .lg\:p3-bold {
        font-size: 14px;
        font-weight: 700
    }
    .lg\:p3-semibold {
        font-size: 14px;
        font-weight: 600
    }
    .lg\:p3-regular {
        font-size: 14px;
        font-weight: 400
    }
}

@media (min-width:1200px) {
    .xl\:t-xl-bold {
        font-size: 84px;
        font-weight: 700
    }
    .xl\:t-l-bold {
        font-size: 72px;
        font-weight: 700
    }
    .xl\:t1-bold {
        font-size: 64px;
        font-weight: 700
    }
    .xl\:t2-bold {
        font-size: 48px;
        font-weight: 700
    }
    .xl\:t3-bold {
        font-size: 40px;
        font-weight: 700
    }
    .xl\:t4-bold {
        font-size: 36px;
        font-weight: 700
    }
    .xl\:t5-bold {
        font-size: 30px;
        font-weight: 700
    }
    .xl\:t6-bold {
        font-size: 24px;
        font-weight: 700
    }
    .xl\:p1-bold {
        font-size: 18px;
        font-weight: 700
    }
    .xl\:p1-semibold {
        font-size: 18px;
        font-weight: 600
    }
    .xl\:p1-regular {
        font-size: 18px;
        font-weight: 400
    }
    .xl\:p2-bold {
        font-size: 16px;
        font-weight: 700
    }
    .xl\:p2-semibold {
        font-size: 16px;
        font-weight: 600
    }
    .xl\:p2-regular {
        font-size: 16px;
        font-weight: 400
    }
    .xl\:p3-bold {
        font-size: 14px;
        font-weight: 700
    }
    .xl\:p3-semibold {
        font-size: 14px;
        font-weight: 600
    }
    .xl\:p3-regular {
        font-size: 14px;
        font-weight: 400
    }
}

.text-blue {
    color: #016df4 !important
}

.border-blue {
    border-color: #016df4
}

.text-dark-blue {
    color: #005acb
}

.border-dark-blue {
    border-color: #005acb
}

.text-light-blue {
    color: #c6ddff
}

.border-light-blue {
    border-color: #c6ddff
}

.text-green {
    color: #00e497
}

.text-dark-green {
    color: #02c281
}

.text-light-green {
    color: #d5ffe3
}

.text-red {
    color: #f86d70
}

.text-dark-red {
    color: #e82e21
}

.text-light-red {
    color: #ffd9dd
}

.advantages-card,
.home.splide .splide__text,
.text-dark {
    color: #112e45
}

.text-grey-1 {
    color: #4f4f4f
}

.home.splide .splide__customer,
.text-grey-2 {
    color: #828282
}

.text-grey,
.text-grey-3 {
    color: #bdbdbd
}

.text-grey-alt {
    color: #333
}

.text-light-grey {
    color: #a3a3a3
}

.bg-navy {
    background-color: #112e45
}

.bg-blue {
    background-color: #016df4
}

.bg-dark-blue {
    background-color: #005acb
}

.bg-light-blue {
    background-color: #c6ddff
}

.bg-light-blue-3 {
    background-color: #d6e8ff
}

.bg-green {
    background-color: #00e497
}

.bg-dark-green {
    background-color: #02c281
}

.bg-light-green {
    background-color: #d5ffe3
}

.bg-red {
    background-color: #f86d70
}

.bg-red-2 {
    background-color: #d62839
}

.bg-red-3 {
    background-color: #ffe2e6
}

.bg-dark-red {
    background-color: #e82e21
}

.bg-light-red {
    background-color: #ffd9dd
}

.bg-yellow {
    background-color: #fdca40
}

.bg-dark {
    background-color: #112e45
}

.bg-grey-1 {
    background-color: #4f4f4f
}

.bg-grey-2 {
    background-color: #828282
}

.bg-grey-3 {
    background-color: #bdbdbd
}

.bg-light {
    background-color: #f8f9fe
}

.bg-medium {
    background-color: #f2f7ff
}

.rotate-180 {
    transform: rotate(180deg)
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right--10 {
    right: -10px
}

.bottom-0 {
    bottom: 0
}

.translate-y--50\% {
    transform: translateY(-50%)
}

.bullet-list {
    align-items: center;
    display: flex
}

.bullet-list:before {
    background-color: #016df4;
    border-radius: 9999px;
    content: "";
    height: 6px;
    margin-right: 8px;
    width: 6px
}

.fill-box {
    transform-box: fill-box
}

.overflow-visible {
    overflow: visible
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-250 {
    transition-duration: .25s
}

.duration-500 {
    transition-duration: .5s
}

.duration-750 {
    transition-duration: .75s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-1500 {
    transition-duration: 1.5s
}

.duration-2000 {
    transition-duration: 2s
}

.float,
img[class^=floating-] {
    animation: float 6s ease-in-out infinite
}

@keyframes float {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
    to {
        transform: translatey(0)
    }
}

.cursor-pointer {
    cursor: pointer
}

.border-radius {
    border-radius: 1px
}

.border-radius-4 {
    border-radius: 4px
}

.StripeElement,
.box-shadow {
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05)
}

.border {
    border-style: solid;
    border-width: 1px
}

.mt-100 {
    margin-top: 100px
}

.cursor-not-allowed {
    cursor: not-allowed
}

.separator-rows+.separator-rows {
    border-top: 1px solid #c6ddff
}

.border-t {
    border-top-style: solid;
    border-top-width: 1px
}

.border-b {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.border-l {
    border-left-style: solid;
    border-left-width: 1px
}

.border-r {
    border-right-style: solid;
    border-right-width: 1px
}

.rounded-xl {
    border-radius: 20px
}

.break-word {
    word-break: break-all
}

.line-height-normal {
    line-height: normal
}

.line-height-min {
    line-height: 1
}

.mt-6 {
    margin-top: 5rem !important
}

.w-100 {
    width: 100%
}

.justify-center {
    justify-content: center
}

.justify-left {
    justify-content: left
}

@media (max-width:575.98px) {
    .px-xs-0 {
        padding-left: 0;
        padding-right: 0
    }
}

.inline {
    display: inline-block
}

.text-stroke {
    text-decoration: line-through
}

.animate-spin {
    animation: spin 10s linear infinite;
    transform-origin: center
}

.animate-spin-faster {
    animation: spin 2s linear infinite;
    transform-origin: center
}

.animate-spin-counter {
    animation: spin 10s linear infinite reverse;
    transform-origin: center
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.iti {
    display: inline-block;
    position: relative
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    position: relative;
    z-index: 0
}

.iti__flag-container {
    bottom: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.iti__selected-flag {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 6px 0 8px;
    position: relative;
    z-index: 1
}

.iti__arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    height: 0;
    margin-left: 6px;
    width: 0
}

.iti__arrow--up {
    border-bottom: 4px solid #555;
    border-top: none
}

.iti__country-list {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    list-style: none;
    margin: 0 0 0 -1px;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 2
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.iti__country {
    outline: none;
    padding: 5px 10px
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 6px
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    left: -1000px;
    padding: 1px;
    position: absolute;
    top: -1000px;
    z-index: 1060
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    bottom: 30px;
    left: 30px;
    position: fixed;
    right: 30px;
    top: 30px
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    line-height: 1.5em;
    padding: 10px
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    background-position: 0 0;
    height: 10px
}

.iti__flag.iti__ad {
    background-position: -22px 0;
    height: 14px
}

.iti__flag.iti__ae {
    background-position: -44px 0;
    height: 10px
}

.iti__flag.iti__af {
    background-position: -66px 0;
    height: 14px
}

.iti__flag.iti__ag {
    background-position: -88px 0;
    height: 14px
}

.iti__flag.iti__ai {
    background-position: -110px 0;
    height: 10px
}

.iti__flag.iti__al {
    background-position: -132px 0;
    height: 15px
}

.iti__flag.iti__am {
    background-position: -154px 0;
    height: 10px
}

.iti__flag.iti__ao {
    background-position: -176px 0;
    height: 14px
}

.iti__flag.iti__aq {
    background-position: -198px 0;
    height: 14px
}

.iti__flag.iti__ar {
    background-position: -220px 0;
    height: 13px
}

.iti__flag.iti__as {
    background-position: -242px 0;
    height: 10px
}

.iti__flag.iti__at {
    background-position: -264px 0;
    height: 14px
}

.iti__flag.iti__au {
    background-position: -286px 0;
    height: 10px
}

.iti__flag.iti__aw {
    background-position: -308px 0;
    height: 14px
}

.iti__flag.iti__ax {
    background-position: -330px 0;
    height: 13px
}

.iti__flag.iti__az {
    background-position: -352px 0;
    height: 10px
}

.iti__flag.iti__ba {
    background-position: -374px 0;
    height: 10px
}

.iti__flag.iti__bb {
    background-position: -396px 0;
    height: 14px
}

.iti__flag.iti__bd {
    background-position: -418px 0;
    height: 12px
}

.iti__flag.iti__be {
    background-position: -440px 0;
    height: 15px
}

.iti__flag.iti__bf {
    background-position: -460px 0;
    height: 14px
}

.iti__flag.iti__bg {
    background-position: -482px 0;
    height: 12px
}

.iti__flag.iti__bh {
    background-position: -504px 0;
    height: 12px
}

.iti__flag.iti__bi {
    background-position: -526px 0;
    height: 12px
}

.iti__flag.iti__bj {
    background-position: -548px 0;
    height: 14px
}

.iti__flag.iti__bl {
    background-position: -570px 0;
    height: 14px
}

.iti__flag.iti__bm {
    background-position: -592px 0;
    height: 10px
}

.iti__flag.iti__bn {
    background-position: -614px 0;
    height: 10px
}

.iti__flag.iti__bo {
    background-position: -636px 0;
    height: 14px
}

.iti__flag.iti__bq {
    background-position: -658px 0;
    height: 14px
}

.iti__flag.iti__br {
    background-position: -680px 0;
    height: 14px
}

.iti__flag.iti__bs {
    background-position: -702px 0;
    height: 10px
}

.iti__flag.iti__bt {
    background-position: -724px 0;
    height: 14px
}

.iti__flag.iti__bv {
    background-position: -746px 0;
    height: 15px
}

.iti__flag.iti__bw {
    background-position: -768px 0;
    height: 14px
}

.iti__flag.iti__by {
    background-position: -790px 0;
    height: 10px
}

.iti__flag.iti__bz {
    background-position: -812px 0;
    height: 14px
}

.iti__flag.iti__ca {
    background-position: -834px 0;
    height: 10px
}

.iti__flag.iti__cc {
    background-position: -856px 0;
    height: 10px
}

.iti__flag.iti__cd {
    background-position: -878px 0;
    height: 15px
}

.iti__flag.iti__cf {
    background-position: -900px 0;
    height: 14px
}

.iti__flag.iti__cg {
    background-position: -922px 0;
    height: 14px
}

.iti__flag.iti__ch {
    background-position: -944px 0;
    height: 15px
}

.iti__flag.iti__ci {
    background-position: -961px 0;
    height: 14px
}

.iti__flag.iti__ck {
    background-position: -983px 0;
    height: 10px
}

.iti__flag.iti__cl {
    background-position: -1005px 0;
    height: 14px
}

.iti__flag.iti__cm {
    background-position: -1027px 0;
    height: 14px
}

.iti__flag.iti__cn {
    background-position: -1049px 0;
    height: 14px
}

.iti__flag.iti__co {
    background-position: -1071px 0;
    height: 14px
}

.iti__flag.iti__cp {
    background-position: -1093px 0;
    height: 14px
}

.iti__flag.iti__cr {
    background-position: -1115px 0;
    height: 12px
}

.iti__flag.iti__cu {
    background-position: -1137px 0;
    height: 10px
}

.iti__flag.iti__cv {
    background-position: -1159px 0;
    height: 12px
}

.iti__flag.iti__cw {
    background-position: -1181px 0;
    height: 14px
}

.iti__flag.iti__cx {
    background-position: -1203px 0;
    height: 10px
}

.iti__flag.iti__cy {
    background-position: -1225px 0;
    height: 14px
}

.iti__flag.iti__cz {
    background-position: -1247px 0;
    height: 14px
}

.iti__flag.iti__de {
    background-position: -1269px 0;
    height: 12px
}

.iti__flag.iti__dg {
    background-position: -1291px 0;
    height: 10px
}

.iti__flag.iti__dj {
    background-position: -1313px 0;
    height: 14px
}

.iti__flag.iti__dk {
    background-position: -1335px 0;
    height: 15px
}

.iti__flag.iti__dm {
    background-position: -1357px 0;
    height: 10px
}

.iti__flag.iti__do {
    background-position: -1379px 0;
    height: 14px
}

.iti__flag.iti__dz {
    background-position: -1401px 0;
    height: 14px
}

.iti__flag.iti__ea {
    background-position: -1423px 0;
    height: 14px
}

.iti__flag.iti__ec {
    background-position: -1445px 0;
    height: 14px
}

.iti__flag.iti__ee {
    background-position: -1467px 0;
    height: 13px
}

.iti__flag.iti__eg {
    background-position: -1489px 0;
    height: 14px
}

.iti__flag.iti__eh {
    background-position: -1511px 0;
    height: 10px
}

.iti__flag.iti__er {
    background-position: -1533px 0;
    height: 10px
}

.iti__flag.iti__es {
    background-position: -1555px 0;
    height: 14px
}

.iti__flag.iti__et {
    background-position: -1577px 0;
    height: 10px
}

.iti__flag.iti__eu {
    background-position: -1599px 0;
    height: 14px
}

.iti__flag.iti__fi {
    background-position: -1621px 0;
    height: 12px
}

.iti__flag.iti__fj {
    background-position: -1643px 0;
    height: 10px
}

.iti__flag.iti__fk {
    background-position: -1665px 0;
    height: 10px
}

.iti__flag.iti__fm {
    background-position: -1687px 0;
    height: 11px
}

.iti__flag.iti__fo {
    background-position: -1709px 0;
    height: 15px
}

.iti__flag.iti__fr {
    background-position: -1731px 0;
    height: 14px
}

.iti__flag.iti__ga {
    background-position: -1753px 0;
    height: 15px
}

.iti__flag.iti__gb {
    background-position: -1775px 0;
    height: 10px
}

.iti__flag.iti__gd {
    background-position: -1797px 0;
    height: 12px
}

.iti__flag.iti__ge {
    background-position: -1819px 0;
    height: 14px
}

.iti__flag.iti__gf {
    background-position: -1841px 0;
    height: 14px
}

.iti__flag.iti__gg {
    background-position: -1863px 0;
    height: 14px
}

.iti__flag.iti__gh {
    background-position: -1885px 0;
    height: 14px
}

.iti__flag.iti__gi {
    background-position: -1907px 0;
    height: 10px
}

.iti__flag.iti__gl {
    background-position: -1929px 0;
    height: 14px
}

.iti__flag.iti__gm {
    background-position: -1951px 0;
    height: 14px
}

.iti__flag.iti__gn {
    background-position: -1973px 0;
    height: 14px
}

.iti__flag.iti__gp {
    background-position: -1995px 0;
    height: 14px
}

.iti__flag.iti__gq {
    background-position: -2017px 0;
    height: 14px
}

.iti__flag.iti__gr {
    background-position: -2039px 0;
    height: 14px
}

.iti__flag.iti__gs {
    background-position: -2061px 0;
    height: 10px
}

.iti__flag.iti__gt {
    background-position: -2083px 0;
    height: 13px
}

.iti__flag.iti__gu {
    background-position: -2105px 0;
    height: 11px
}

.iti__flag.iti__gw {
    background-position: -2127px 0;
    height: 10px
}

.iti__flag.iti__gy {
    background-position: -2149px 0;
    height: 12px
}

.iti__flag.iti__hk {
    background-position: -2171px 0;
    height: 14px
}

.iti__flag.iti__hm {
    background-position: -2193px 0;
    height: 10px
}

.iti__flag.iti__hn {
    background-position: -2215px 0;
    height: 10px
}

.iti__flag.iti__hr {
    background-position: -2237px 0;
    height: 10px
}

.iti__flag.iti__ht {
    background-position: -2259px 0;
    height: 12px
}

.iti__flag.iti__hu {
    background-position: -2281px 0;
    height: 10px
}

.iti__flag.iti__ic {
    background-position: -2303px 0;
    height: 14px
}

.iti__flag.iti__id {
    background-position: -2325px 0;
    height: 14px
}

.iti__flag.iti__ie {
    background-position: -2347px 0;
    height: 10px
}

.iti__flag.iti__il {
    background-position: -2369px 0;
    height: 15px
}

.iti__flag.iti__im {
    background-position: -2391px 0;
    height: 10px
}

.iti__flag.iti__in {
    background-position: -2413px 0;
    height: 14px
}

.iti__flag.iti__io {
    background-position: -2435px 0;
    height: 10px
}

.iti__flag.iti__iq {
    background-position: -2457px 0;
    height: 14px
}

.iti__flag.iti__ir {
    background-position: -2479px 0;
    height: 12px
}

.iti__flag.iti__is {
    background-position: -2501px 0;
    height: 15px
}

.iti__flag.iti__it {
    background-position: -2523px 0;
    height: 14px
}

.iti__flag.iti__je {
    background-position: -2545px 0;
    height: 12px
}

.iti__flag.iti__jm {
    background-position: -2567px 0;
    height: 10px
}

.iti__flag.iti__jo {
    background-position: -2589px 0;
    height: 10px
}

.iti__flag.iti__jp {
    background-position: -2611px 0;
    height: 14px
}

.iti__flag.iti__ke {
    background-position: -2633px 0;
    height: 14px
}

.iti__flag.iti__kg {
    background-position: -2655px 0;
    height: 12px
}

.iti__flag.iti__kh {
    background-position: -2677px 0;
    height: 13px
}

.iti__flag.iti__ki {
    background-position: -2699px 0;
    height: 10px
}

.iti__flag.iti__km {
    background-position: -2721px 0;
    height: 12px
}

.iti__flag.iti__kn {
    background-position: -2743px 0;
    height: 14px
}

.iti__flag.iti__kp {
    background-position: -2765px 0;
    height: 10px
}

.iti__flag.iti__kr {
    background-position: -2787px 0;
    height: 14px
}

.iti__flag.iti__kw {
    background-position: -2809px 0;
    height: 10px
}

.iti__flag.iti__ky {
    background-position: -2831px 0;
    height: 10px
}

.iti__flag.iti__kz {
    background-position: -2853px 0;
    height: 10px
}

.iti__flag.iti__la {
    background-position: -2875px 0;
    height: 14px
}

.iti__flag.iti__lb {
    background-position: -2897px 0;
    height: 14px
}

.iti__flag.iti__lc {
    background-position: -2919px 0;
    height: 10px
}

.iti__flag.iti__li {
    background-position: -2941px 0;
    height: 12px
}

.iti__flag.iti__lk {
    background-position: -2963px 0;
    height: 10px
}

.iti__flag.iti__lr {
    background-position: -2985px 0;
    height: 11px
}

.iti__flag.iti__ls {
    background-position: -3007px 0;
    height: 14px
}

.iti__flag.iti__lt {
    background-position: -3029px 0;
    height: 12px
}

.iti__flag.iti__lu {
    background-position: -3051px 0;
    height: 12px
}

.iti__flag.iti__lv {
    background-position: -3073px 0;
    height: 10px
}

.iti__flag.iti__ly {
    background-position: -3095px 0;
    height: 10px
}

.iti__flag.iti__ma {
    background-position: -3117px 0;
    height: 14px
}

.iti__flag.iti__mc {
    background-position: -3139px 0;
    height: 15px
}

.iti__flag.iti__md {
    background-position: -3160px 0;
    height: 10px
}

.iti__flag.iti__me {
    background-position: -3182px 0;
    height: 10px
}

.iti__flag.iti__mf {
    background-position: -3204px 0;
    height: 14px
}

.iti__flag.iti__mg {
    background-position: -3226px 0;
    height: 14px
}

.iti__flag.iti__mh {
    background-position: -3248px 0;
    height: 11px
}

.iti__flag.iti__mk {
    background-position: -3270px 0;
    height: 10px
}

.iti__flag.iti__ml {
    background-position: -3292px 0;
    height: 14px
}

.iti__flag.iti__mm {
    background-position: -3314px 0;
    height: 14px
}

.iti__flag.iti__mn {
    background-position: -3336px 0;
    height: 10px
}

.iti__flag.iti__mo {
    background-position: -3358px 0;
    height: 14px
}

.iti__flag.iti__mp {
    background-position: -3380px 0;
    height: 10px
}

.iti__flag.iti__mq {
    background-position: -3402px 0;
    height: 14px
}

.iti__flag.iti__mr {
    background-position: -3424px 0;
    height: 14px
}

.iti__flag.iti__ms {
    background-position: -3446px 0;
    height: 10px
}

.iti__flag.iti__mt {
    background-position: -3468px 0;
    height: 14px
}

.iti__flag.iti__mu {
    background-position: -3490px 0;
    height: 14px
}

.iti__flag.iti__mv {
    background-position: -3512px 0;
    height: 14px
}

.iti__flag.iti__mw {
    background-position: -3534px 0;
    height: 14px
}

.iti__flag.iti__mx {
    background-position: -3556px 0;
    height: 12px
}

.iti__flag.iti__my {
    background-position: -3578px 0;
    height: 10px
}

.iti__flag.iti__mz {
    background-position: -3600px 0;
    height: 14px
}

.iti__flag.iti__na {
    background-position: -3622px 0;
    height: 14px
}

.iti__flag.iti__nc {
    background-position: -3644px 0;
    height: 10px
}

.iti__flag.iti__ne {
    background-position: -3666px 0;
    height: 15px
}

.iti__flag.iti__nf {
    background-position: -3686px 0;
    height: 10px
}

.iti__flag.iti__ng {
    background-position: -3708px 0;
    height: 10px
}

.iti__flag.iti__ni {
    background-position: -3730px 0;
    height: 12px
}

.iti__flag.iti__nl {
    background-position: -3752px 0;
    height: 14px
}

.iti__flag.iti__no {
    background-position: -3774px 0;
    height: 15px
}

.iti__flag.iti__np {
    background-position: -3796px 0;
    height: 15px
}

.iti__flag.iti__nr {
    background-position: -3811px 0;
    height: 10px
}

.iti__flag.iti__nu {
    background-position: -3833px 0;
    height: 10px
}

.iti__flag.iti__nz {
    background-position: -3855px 0;
    height: 10px
}

.iti__flag.iti__om {
    background-position: -3877px 0;
    height: 10px
}

.iti__flag.iti__pa {
    background-position: -3899px 0;
    height: 14px
}

.iti__flag.iti__pe {
    background-position: -3921px 0;
    height: 14px
}

.iti__flag.iti__pf {
    background-position: -3943px 0;
    height: 14px
}

.iti__flag.iti__pg {
    background-position: -3965px 0;
    height: 15px
}

.iti__flag.iti__ph {
    background-position: -3987px 0;
    height: 10px
}

.iti__flag.iti__pk {
    background-position: -4009px 0;
    height: 14px
}

.iti__flag.iti__pl {
    background-position: -4031px 0;
    height: 13px
}

.iti__flag.iti__pm {
    background-position: -4053px 0;
    height: 14px
}

.iti__flag.iti__pn {
    background-position: -4075px 0;
    height: 10px
}

.iti__flag.iti__pr {
    background-position: -4097px 0;
    height: 14px
}

.iti__flag.iti__ps {
    background-position: -4119px 0;
    height: 10px
}

.iti__flag.iti__pt {
    background-position: -4141px 0;
    height: 14px
}

.iti__flag.iti__pw {
    background-position: -4163px 0;
    height: 13px
}

.iti__flag.iti__py {
    background-position: -4185px 0;
    height: 11px
}

.iti__flag.iti__qa {
    background-position: -4207px 0;
    height: 8px
}

.iti__flag.iti__re {
    background-position: -4229px 0;
    height: 14px
}

.iti__flag.iti__ro {
    background-position: -4251px 0;
    height: 14px
}

.iti__flag.iti__rs {
    background-position: -4273px 0;
    height: 14px
}

.iti__flag.iti__ru {
    background-position: -4295px 0;
    height: 14px
}

.iti__flag.iti__rw {
    background-position: -4317px 0;
    height: 14px
}

.iti__flag.iti__sa {
    background-position: -4339px 0;
    height: 14px
}

.iti__flag.iti__sb {
    background-position: -4361px 0;
    height: 10px
}

.iti__flag.iti__sc {
    background-position: -4383px 0;
    height: 10px
}

.iti__flag.iti__sd {
    background-position: -4405px 0;
    height: 10px
}

.iti__flag.iti__se {
    background-position: -4427px 0;
    height: 13px
}

.iti__flag.iti__sg {
    background-position: -4449px 0;
    height: 14px
}

.iti__flag.iti__sh {
    background-position: -4471px 0;
    height: 10px
}

.iti__flag.iti__si {
    background-position: -4493px 0;
    height: 10px
}

.iti__flag.iti__sj {
    background-position: -4515px 0;
    height: 15px
}

.iti__flag.iti__sk {
    background-position: -4537px 0;
    height: 14px
}

.iti__flag.iti__sl {
    background-position: -4559px 0;
    height: 14px
}

.iti__flag.iti__sm {
    background-position: -4581px 0;
    height: 15px
}

.iti__flag.iti__sn {
    background-position: -4603px 0;
    height: 14px
}

.iti__flag.iti__so {
    background-position: -4625px 0;
    height: 14px
}

.iti__flag.iti__sr {
    background-position: -4647px 0;
    height: 14px
}

.iti__flag.iti__ss {
    background-position: -4669px 0;
    height: 10px
}

.iti__flag.iti__st {
    background-position: -4691px 0;
    height: 10px
}

.iti__flag.iti__sv {
    background-position: -4713px 0;
    height: 12px
}

.iti__flag.iti__sx {
    background-position: -4735px 0;
    height: 14px
}

.iti__flag.iti__sy {
    background-position: -4757px 0;
    height: 14px
}

.iti__flag.iti__sz {
    background-position: -4779px 0;
    height: 14px
}

.iti__flag.iti__ta {
    background-position: -4801px 0;
    height: 10px
}

.iti__flag.iti__tc {
    background-position: -4823px 0;
    height: 10px
}

.iti__flag.iti__td {
    background-position: -4845px 0;
    height: 14px
}

.iti__flag.iti__tf {
    background-position: -4867px 0;
    height: 14px
}

.iti__flag.iti__tg {
    background-position: -4889px 0;
    height: 13px
}

.iti__flag.iti__th {
    background-position: -4911px 0;
    height: 14px
}

.iti__flag.iti__tj {
    background-position: -4933px 0;
    height: 10px
}

.iti__flag.iti__tk {
    background-position: -4955px 0;
    height: 10px
}

.iti__flag.iti__tl {
    background-position: -4977px 0;
    height: 10px
}

.iti__flag.iti__tm {
    background-position: -4999px 0;
    height: 14px
}

.iti__flag.iti__tn {
    background-position: -5021px 0;
    height: 14px
}

.iti__flag.iti__to {
    background-position: -5043px 0;
    height: 10px
}

.iti__flag.iti__tr {
    background-position: -5065px 0;
    height: 14px
}

.iti__flag.iti__tt {
    background-position: -5087px 0;
    height: 12px
}

.iti__flag.iti__tv {
    background-position: -5109px 0;
    height: 10px
}

.iti__flag.iti__tw {
    background-position: -5131px 0;
    height: 14px
}

.iti__flag.iti__tz {
    background-position: -5153px 0;
    height: 14px
}

.iti__flag.iti__ua {
    background-position: -5175px 0;
    height: 14px
}

.iti__flag.iti__ug {
    background-position: -5197px 0;
    height: 14px
}

.iti__flag.iti__um {
    background-position: -5219px 0;
    height: 11px
}

.iti__flag.iti__un {
    background-position: -5241px 0;
    height: 14px
}

.iti__flag.iti__us {
    background-position: -5263px 0;
    height: 11px
}

.iti__flag.iti__uy {
    background-position: -5285px 0;
    height: 14px
}

.iti__flag.iti__uz {
    background-position: -5307px 0;
    height: 10px
}

.iti__flag.iti__va {
    background-position: -5329px 0;
    height: 15px
}

.iti__flag.iti__vc {
    background-position: -5346px 0;
    height: 14px
}

.iti__flag.iti__ve {
    background-position: -5368px 0;
    height: 14px
}

.iti__flag.iti__vg {
    background-position: -5390px 0;
    height: 10px
}

.iti__flag.iti__vi {
    background-position: -5412px 0;
    height: 14px
}

.iti__flag.iti__vn {
    background-position: -5434px 0;
    height: 14px
}

.iti__flag.iti__vu {
    background-position: -5456px 0;
    height: 12px
}

.iti__flag.iti__wf {
    background-position: -5478px 0;
    height: 14px
}

.iti__flag.iti__ws {
    background-position: -5500px 0;
    height: 10px
}

.iti__flag.iti__xk {
    background-position: -5522px 0;
    height: 15px
}

.iti__flag.iti__ye {
    background-position: -5544px 0;
    height: 14px
}

.iti__flag.iti__yt {
    background-position: -5566px 0;
    height: 14px
}

.iti__flag.iti__za {
    background-position: -5588px 0;
    height: 14px
}

.iti__flag.iti__zm {
    background-position: -5610px 0;
    height: 14px
}

.iti__flag.iti__zw {
    background-position: -5632px 0;
    height: 10px
}

.iti__flag {
    background-color: #dbdbdb;
    background-image: url(/images/vendor/intl-tel-input/build/flags.png?007b2705c0a8f69dfdf6ea1bfa0341c9);
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0 0 1px 0 #888;
    height: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(/images/vendor/intl-tel-input/build/flags@2x.png?9d5328fb490cddd43f6698012123404b)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.iti {
    width: 100%
}

.btn-sharesub {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 27px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 9px 2rem;
    transition: all .15s
}

@supports not (gap:1em) {
    .btn-sharesub>*+* {
        margin-left: 8px
    }
}

.btn-sharesub:active,
.btn-sharesub:focus,
.btn-sharesub:hover {
    color: #fff;
    outline: none;
    text-decoration: none
}

.btn-sharesub.big {
    height: 56px
}

.btn-sharesub.small {
    font-size: 13px;
    min-height: auto;
    padding: 4px 14px
}

.btn-sharesub.loading {
    color: transparent;
    position: relative
}

.btn-sharesub.loading:hover {
    color: transparent
}

.btn-sharesub.loading:after {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #fff #fff;
    border-radius: 1em;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 1.25em;
    left: calc(50% - .625em);
    position: absolute;
    top: calc(50% - .625em);
    width: 1.25em
}

.btn-sharesub.bleu,
.btn-sharesub.blue {
    background: #016df4
}

.btn-sharesub.bleu:hover,
.btn-sharesub.blue:hover {
    background: #02459c
}

.btn-sharesub.bleu:active,
.btn-sharesub.blue:active {
    background: #01459c
}

.btn-sharesub.bleu.disabled,
.btn-sharesub.bleu:disabled:not(.loading),
.btn-sharesub.blue.disabled,
.btn-sharesub.blue:disabled:not(.loading) {
    background: #b3c7e1;
    cursor: not-allowed
}

.btn-sharesub.bleu.outline,
.btn-sharesub.blue.outline {
    background: transparent;
    border-color: #016df4;
    color: #016df4
}

.btn-sharesub.bleu.outline:hover,
.btn-sharesub.blue.outline:hover {
    text-decoration: underline
}

.btn-sharesub.green,
.btn-sharesub.vert {
    background: #00e497;
    color: #112e45
}

.btn-sharesub.green:active,
.btn-sharesub.green:focus,
.btn-sharesub.green:hover,
.btn-sharesub.vert:active,
.btn-sharesub.vert:focus,
.btn-sharesub.vert:hover {
    color: #112e45
}

.btn-sharesub.green:hover,
.btn-sharesub.vert:hover {
    background: #32e9ac
}

.btn-sharesub.green:active,
.btn-sharesub.vert:active {
    background: #008a5b
}

.btn-sharesub.green.disabled,
.btn-sharesub.green:disabled:not(.loading),
.btn-sharesub.vert.disabled,
.btn-sharesub.vert:disabled:not(.loading) {
    background: #b3dcce;
    cursor: not-allowed
}

.btn-sharesub.green.loading:after,
.btn-sharesub.vert.loading:after {
    border-color: transparent transparent #112e45 #112e45
}

.btn-sharesub.red,
.btn-sharesub.rouge {
    background: #f86d70
}

.btn-sharesub.red:active,
.btn-sharesub.red:hover,
.btn-sharesub.rouge:active,
.btn-sharesub.rouge:hover {
    background: #e82e21
}

.btn-sharesub.red.disabled,
.btn-sharesub.red:disabled:not(.loading),
.btn-sharesub.rouge.disabled,
.btn-sharesub.rouge:disabled:not(.loading) {
    background: #ffd9dd;
    cursor: not-allowed
}

.btn-sharesub.red.outline,
.btn-sharesub.rouge.outline {
    background: transparent;
    border-color: #f86d70;
    color: #f86d70
}

.btn-sharesub.red.outline:hover,
.btn-sharesub.rouge.outline:hover {
    text-decoration: underline
}

.btn-sharesub.dark {
    background: #112e45
}

.btn-sharesub.dark:hover {
    background: #41586b
}

.btn-sharesub.dark:active {
    background: #092035
}

.btn-sharesub.dark.disabled,
.btn-sharesub.dark:disabled:not(.loading) {
    background: #b6bcc2;
    cursor: not-allowed
}

.btn-yellow {
    background-color: #fdca40
}

.btn-yellow:hover {
    background-color: #fdbe17
}

@keyframes spinAround {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.badge-red {
    background-color: #ffd9dd;
    color: #f86d70
}

.input-sharesub {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    box-sizing: border-box;
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    height: 56px;
    letter-spacing: .01em;
    line-height: 24px;
    outline-width: 1px;
    padding: 16px;
    width: 100%
}

.input-sharesub:active,
.input-sharesub:focus {
    outline-color: #016df4
}

.input-sharesub.is-invalid {
    border-color: #f86d70
}

.input-sharesub.select-sharesub {
    padding: 18px 20px
}

.input-sharesub.form-control {
    height: calc(1.5em + 1.5rem + 8px)
}

.input-sharesub[disabled] {
    color: #828282
}

.input-sharesub[readonly] {
    background-color: #bdbdbd;
    color: #828282;
    outline-color: #828282
}

.textarea-sharesub {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    box-sizing: border-box;
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    min-height: 128px;
    outline-width: 1px;
    padding: 16px;
    width: 100%
}

.textarea-sharesub:active,
.textarea-sharesub:focus {
    outline-color: #016df4
}

.textarea-sharesub.is-invalid {
    border-color: #f86d70
}

.custom-file-label.upload-icon:after {
    content: "📄"
}

input[type=checkbox],
input[type=radio] {
    min-height: 13px;
    min-width: 13px
}

.sharesub-choices .ui-elements {
    cursor: pointer;
    height: 100%;
    position: relative;
    transition: all .15s;
    width: 100%
}

.sharesub-choices .ui-elements label {
    cursor: pointer
}

.sharesub-choices.sharesub-radio {
    margin-bottom: 30px
}

.sharesub-choices.sharesub-radio .ui-elements {
    background: #fff;
    border: 1px solid #d9e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .2);
    color: #28272b;
    padding: 16px
}

.sharesub-choices.sharesub-radio .ui-elements.checked {
    background: #016df4;
    border: 1px solid #016df4;
    color: #fff
}

.sharesub-choices.sharesub-radio.with-icons {
    min-height: 50px;
    text-align: center
}

.sharesub-choices.sharesub-radio.with-icons label {
    font-weight: 700
}

.sharesub-choices.with-check .ui-elements {
    padding-left: 56px
}

.sharesub-choices.with-check .ui-elements label {
    font-weight: 700
}

.sharesub-choices.with-check .ui-elements:before {
    content: "☐";
    left: 22px;
    position: absolute;
    top: 16px
}

.sharesub-choices.with-check .ui-elements.checked {
    background: #fff;
    color: #28272b
}

.sharesub-choices.with-check .ui-elements.checked:before {
    content: "☑"
}

.sharesub-choices.with-helper .ui-elements span {
    color: #828282;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.sharesub-choices.sharesub-checkbox .ui-elements label {
    margin-left: 20px
}

.sharesub-choices.sharesub-checkbox .ui-elements:before {
    content: "☐";
    left: 0;
    position: absolute;
    top: 1px
}

.sharesub-choices.sharesub-checkbox .ui-elements.checked:before {
    content: "☑"
}

.input-radio-sharesub {
    display: none
}

.input-radio-sharesub:checked+div,
.input-radio-sharesub:focus+div {
    border-color: #016df4
}

.input-radio-sharesub:checked+div:before {
    background-color: #016df4
}

.input-radio-sharesub:checked+div:after {
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    content: "";
    height: 12px;
    left: 21px;
    position: absolute;
    top: 22px;
    transform: rotate(45deg);
    width: 8px
}

.input-radio-sharesub:not(:disabled)+div:hover {
    border-color: #016df4;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .1)
}

.input-radio-sharesub+div {
    background-color: #fff;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05);
    box-sizing: border-box;
    cursor: pointer;
    padding: 20px 20px 20px 50px;
    position: relative;
    transition: border-color .1s ease-in, box-shadow .1s ease-in;
    width: 100%
}

.input-radio-sharesub+div:before {
    border: 1.5px solid #016df4;
    border-radius: 9999px;
    content: "";
    height: 20px;
    left: 15px;
    position: absolute;
    top: 20px;
    width: 20px
}

.sharesub-step {
    display: none
}

.sharesub-step.current {
    display: block
}

.sharesub-step-nav {
    margin-bottom: 10px;
    margin-top: 10px
}

.sharesub-step-nav.done {
    cursor: pointer
}

.sharesub-step-nav.done:before {
    content: "☑"
}

i.icon {
    display: inline-block;
    height: 16px;
    width: 16px
}

span.icon.icon-wallet {
    background: #00e497;
    border-radius: 30px;
    display: inline-block;
    height: 30px;
    width: 30px
}

span.icon.icon-wallet svg {
    fill: #fff;
    height: 70%;
    margin: 15%;
    width: 70%
}

.sharesub-toasts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: calc(100vw - 32px);
    pointer-events: none;
    position: fixed;
    right: 16px;
    top: 76px;
    z-index: 1019
}

@media (min-width:768px) {
    .sharesub-toasts {
        right: 24px;
        top: 92px
    }
}

.sharesub-toast {
    align-items: center;
    animation: sharesub-toast-in .3s ease both, sharesub-toast-out .4s ease 4s forwards;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(17, 46, 69, .14), 0 10px 28px rgba(17, 46, 69, .18);
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 12px;
    line-height: 1.35;
    max-width: 100%;
    padding: 13px 14px;
    pointer-events: auto;
    width: 360px
}

.sharesub-toast:hover {
    animation-play-state: paused
}

.sharesub-toast-icon {
    align-items: center;
    background: rgba(0, 228, 151, .18);
    border-radius: 50%;
    color: #008a5b;
    display: flex;
    flex: none;
    height: 28px;
    justify-content: center;
    width: 28px
}

.sharesub-toast-text {
    flex: 1;
    min-width: 0
}

.sharesub-toast-close {
    background: none;
    border: none;
    color: #b3c7e1;
    cursor: pointer;
    flex: none;
    font-size: 20px;
    line-height: 1;
    padding: 0 2px
}

.sharesub-toast-close:hover {
    color: #112e45
}

@keyframes sharesub-toast-in {
    0% {
        opacity: 0;
        transform: translateX(16px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes sharesub-toast-out {
    to {
        opacity: 0;
        transform: translateX(16px);
        visibility: hidden
    }
}

@media (prefers-reduced-motion:reduce) {
    .sharesub-toast {
        animation: none
    }
}

.sharesub-flash {
    align-items: flex-start;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(17, 46, 69, .14), 0 10px 28px rgba(17, 46, 69, .18);
    display: flex;
    gap: 12px;
    max-width: 100%;
    padding: 13px 14px;
    pointer-events: auto;
    width: 360px
}

.sharesub-flash--warning {
    background: #fee9af;
    color: #112e45
}

.sharesub-flash-icon {
    color: #a27702;
    display: flex;
    flex: none;
    margin-top: 1px
}

.sharesub-flash-body {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    min-width: 0
}

.sharesub-flash-body>*+* {
    margin-top: 3px
}

.sharesub-flash-close {
    background: none;
    border: none;
    color: rgba(17, 46, 69, .5);
    cursor: pointer;
    flex: none;
    font-size: 20px;
    line-height: 1;
    padding: 0 2px
}

.sharesub-flash-close:hover {
    color: #112e45
}

.account-notices {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(17, 46, 69, .1);
    margin-bottom: 24px;
    padding-bottom: 6px
}

.account-notices-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 16px 8px
}

.account-notices-title {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 8px
}

.account-notices-head-icon {
    color: #d62839;
    flex: none
}

.account-notices-dismiss {
    background: none;
    border: none;
    color: rgba(17, 46, 69, .45);
    cursor: pointer;
    flex: none;
    font-size: 22px;
    line-height: 1;
    padding: 0 4px
}

.account-notices-dismiss:hover {
    color: #112e45
}

.account-notices-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.account-notices-item {
    align-items: flex-start;
    border-top: 1px solid rgba(17, 46, 69, .06);
    color: #112e45;
    display: flex;
    font-size: 14px;
    gap: 12px;
    line-height: 1.45;
    padding: 10px 16px
}

.account-notices-item a {
    color: #016df4;
    font-weight: 700;
    text-decoration: underline
}

.account-notices-item--critical .account-notices-dot {
    background: #d62839
}

.account-notices-item--warning .account-notices-dot {
    background: #fdca40
}

.account-notices-dot {
    border-radius: 50%;
    flex: none;
    height: 9px;
    margin-top: 6px;
    width: 9px
}

.sharesub-navbar-alert {
    align-items: center;
    border-radius: 50%;
    display: none;
    height: 38px;
    justify-content: center;
    position: relative;
    width: 38px
}

.sharesub-navbar-alert-count {
    align-items: center;
    background: #fdca40;
    border: 2px solid #112e45;
    border-radius: 10px;
    color: #112e45;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    justify-content: center;
    line-height: 1;
    min-width: 16px;
    padding: 0 4px;
    position: absolute;
    right: -3px;
    top: -3px
}

.sharesub-navbar .sharesub-navbar-alert svg {
    height: 18px;
    width: 18px
}

.sharesub-navbar-alert--mobile {
    margin-left: auto;
    margin-right: 12px
}

body.has-account-notices #navbarNav .nav-item a.sharesub-navbar-alert,
body.has-account-notices .sharesub-navbar .sharesub-navbar-alert {
    background: rgba(253, 202, 64, .16);
    color: #fdca40
}

@media (min-width:992px) {
    body.has-account-notices .sharesub-navbar-alert--desktop {
        display: flex
    }
}

@media (max-width:991.98px) {
    body.has-account-notices .sharesub-navbar-alert--mobile {
        display: flex
    }
}

body.has-account-notices-critical #navbarNav .nav-item a.sharesub-navbar-alert,
body.has-account-notices-critical .sharesub-navbar .sharesub-navbar-alert {
    background: rgba(248, 109, 112, .16);
    color: #f86d70
}

body.has-account-notices-critical .sharesub-navbar-alert-count {
    background: #d62839;
    color: #fff
}

.hero-effects {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.hero-effects span {
    border-radius: 50%;
    display: block;
    position: absolute;
    will-change: transform, opacity
}

.hero-effects .fx-1 {
    animation: fx-breathe 3.75s ease-in-out infinite;
    background: radial-gradient(circle, rgba(0, 228, 151, .28), rgba(0, 228, 151, 0) 68%);
    height: 300px;
    left: 8%;
    opacity: .75;
    top: 18%;
    width: 300px
}

.hero-effects .fx-2 {
    animation: fx-breathe 4.25s ease-in-out infinite reverse;
    background: radial-gradient(circle, rgba(1, 109, 244, .32), rgba(1, 109, 244, 0) 70%);
    height: 320px;
    opacity: .62;
    right: 8%;
    top: 12%;
    width: 320px
}

.hero-effects .fx-3 {
    animation: fx-drift 5s ease-in-out infinite alternate;
    background: radial-gradient(circle, rgba(253, 202, 64, .18), rgba(253, 202, 64, 0) 68%);
    bottom: 1%;
    height: 210px;
    left: 55%;
    opacity: .7;
    width: 210px
}

.hero-effects .fx-4 {
    animation: fx-ellipse 3s ease-in-out infinite;
    border: 1px solid hsla(0, 0%, 100%, .13);
    height: 210px;
    opacity: .25;
    right: 2%;
    top: 4%;
    width: 210px
}

@keyframes fx-breathe {
    0%,
    to {
        opacity: .45;
        transform: translate3d(-26px, 0, 0) scale(.88)
    }
    40% {
        opacity: .74;
        transform: translate3d(18px, -14px, 0) scale(1.08)
    }
    70% {
        opacity: .86;
        transform: translate3d(34px, 12px, 0) scale(1.18)
    }
}

@keyframes fx-drift {
    0%,
    to {
        transform: translate3d(-34px, 0, 0) scale(1)
    }
    35% {
        transform: translate3d(18px, -18px, 0) scale(1.04)
    }
    70% {
        transform: translate3d(46px, 16px, 0) scale(1.08)
    }
}

@keyframes fx-ellipse {
    0%,
    to {
        opacity: .2;
        transform: translate3d(-22px, 0, 0) scale(.94)
    }
    30% {
        opacity: .34;
        transform: translate3d(14px, -16px, 0) scale(1.02)
    }
    65% {
        opacity: .28;
        transform: translate3d(40px, 10px, 0) scale(1.08)
    }
}

@media (prefers-reduced-motion:reduce) {
    .hero-effects span {
        animation: none !important
    }
}

.sharesub-navbar {
    background: #112e45;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1020
}

.sharesub-navbar .logo,
.sharesub-navbar>a svg {
    height: 25px;
    width: auto
}

@media (min-width:768px) {
    .sharesub-navbar .logo,
    .sharesub-navbar>a svg {
        height: 35px
    }
    .sharesub-navbar {
        height: 80px;
        padding-left: max(16px, (100% - 712px)/2);
        padding-right: max(16px, (100% - 712px)/2)
    }
}

@media (min-width:992px) {
    .sharesub-navbar {
        padding-left: max(16px, (100% - 928px)/2);
        padding-right: max(16px, (100% - 928px)/2)
    }
}

@media (min-width:1200px) {
    .sharesub-navbar {
        padding-left: max(16px, (100% - 1168px)/2);
        padding-right: max(16px, (100% - 1168px)/2)
    }
}

@media (min-width:768px) {
    #app:has(.dashboard-container) .sharesub-navbar {
        padding-left: max(16px, (100% - 1280px)/2 + 15px);
        padding-right: max(16px, (100% - 1280px)/2 + 15px)
    }
}

.sharesub-navbar-toggler {
    align-items: center;
    border: none;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    line-height: 24px;
    outline: none !important;
    padding: 0
}

@supports not (gap:1em) {
    .sharesub-navbar-toggler>*+* {
        margin-left: 10px
    }
}

@media (min-width:992px) {
    #navbarNav .navbar-nav {
        align-items: center;
        gap: 1.2em
    }
    @supports not (gap:1em) {
        #navbarNav .navbar-nav>*+* {
            margin-left: 1.2em
        }
    }
}

#navbarNav .dropdown.show .nav-carret {
    transform: rotate(180deg)
}

#navbarNav .dropdown .dropdown-menu {
    background: #fff;
    border-radius: 12px;
    margin-top: 8px;
    padding: 6px
}

@media (min-width:992px) {
    #navbarNav .dropdown .dropdown-menu {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
}

#navbarNav .dropdown .dropdown-menu .dropdown-item {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: 44px;
    line-height: 24px;
    padding: 6px 16px
}

#navbarNav .dropdown .dropdown-menu .dropdown-item:hover {
    background: #112e45;
    border-radius: 22px;
    color: #fff
}

#navbarNav .dropdown .dropdown-menu .dropdown-item.active {
    background: #016df4;
    border-radius: 22px;
    color: #fff
}

#navbarNav .dropdown .dropdown-menu .dropdown-item.active .nav-carret-l2 {
    transform: rotate(0deg)
}

#navbarNav .dropdown .dropdown-menu .dropdown-item .nav-carret-l2 {
    margin-right: 0;
    transform: rotate(180deg)
}

#navbarNav .dropdown .dropdown-menu-l2 {
    margin: 4px 0 0 16px
}

#navbarNav .nav-item a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none
}

#navbarNav .nav-item a.text-blue {
    color: #016df4
}

#navbarNav .nav-item a.btn-sharesub.green {
    color: #112e45
}

@media (min-width:992px) {
    #navbarNav .nav-item:not(.dropdown)>a.p1-semibold {
        display: inline-block;
        position: relative
    }
    #navbarNav .nav-item:not(.dropdown)>a.p1-semibold:after {
        background: currentColor;
        border-radius: 2px;
        bottom: -3px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .18s ease
    }
    #navbarNav .nav-item:not(.dropdown)>a.p1-semibold:focus-visible:after,
    #navbarNav .nav-item:not(.dropdown)>a.p1-semibold:hover:after {
        transform: scaleX(1)
    }
}

#navbarNav .dropdown-menu .dropdown-item {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.sharesub-navbar .chat-item .menu-links-item-notif {
    align-items: center;
    background: #d62839;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    line-height: 1;
    margin-left: 8px;
    min-width: 20px;
    padding: 0 6px
}

.menu {
    background: #112e45;
    bottom: 0;
    display: none;
    flex-direction: column;
    gap: 12px;
    left: 0;
    padding: 20px 32px;
    position: fixed;
    right: 0;
    top: 64px
}

.menu.active {
    display: flex
}

@media (min-width:992px) {
    .menu {
        display: none !important
    }
}

.menu .btn-sharesub,
.menu .menu-blog>a,
.menu .menu-links-item {
    align-items: center;
    border-radius: 999px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 1.25;
    margin: 0;
    min-height: 52px;
    padding: 12px 20px;
    text-align: center;
    width: 100%
}

.menu .menu-blog>a,
.menu .menu-links-item {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .22);
    color: #fff
}

.menu .menu-blog>a:focus,
.menu .menu-blog>a:hover,
.menu .menu-links-item:focus,
.menu .menu-links-item:hover {
    background: hsla(0, 0%, 100%, .08);
    color: #fff;
    text-decoration: none
}

.menu-blog,
.menu-links,
.menu-links-items,
.menu-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0
}

.menu-blog>.blue,
.menu-links-items>.blue,
.menu-links>.blue,
.menu-section>.blue {
    margin-bottom: 0
}

.menu-hr,
.menu-links-item .menu-links-item-svg,
.menu-links-item>svg {
    display: none
}

.menu-links-items .dropdown-menu-l2 {
    margin-left: 16px
}

.menu-footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 10px 0
}

.dropdown-menu {
    width: 100%
}

@media (min-width:768px) {
    .dropdown-menu {
        width: auto
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .hero-dasboard {
    margin-top: -64px;
    padding-top: 104px
}

@media (min-width:768px) {
    body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .hero-dasboard {
        margin-top: -80px;
        padding-top: 144px
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .category-header {
    margin-top: -64px;
    padding-top: 104px
}

@media (min-width:768px) {
    body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .category-header {
        margin-top: -80px;
        padding-top: 128px
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .brand-header {
    margin-top: -64px;
    padding-top: 104px
}

@media (min-width:768px) {
    body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .brand-header {
        margin-top: -80px;
        padding-top: 128px
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .model-header {
    margin-top: -64px;
    padding-top: 80px
}

@media (min-width:768px) {
    body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .model-header {
        margin-top: -80px;
        padding-top: 112px
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .dashboard {
    margin-top: -64px;
    padding-top: 88px
}

@media (min-width:768px) {
    body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .dashboard {
        margin-top: -80px;
        padding-top: 104px
    }
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .sharesub-navbar {
    background: transparent;
    transition: background-color .25s ease, box-shadow .25s ease
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)) .sharesub-navbar.is-scrolled {
    background: #112e45;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18)
}

body.page-hero-nav:not(:has(main>.sharesub-alert)):not(:has(main>.pending-payments-alert)):not(:has(main>.suggest-language-container)):has(.menu.active) .sharesub-navbar {
    background: #112e45
}

footer.sharesub-footer {
    background: #112e45;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 40px 0;
    width: 100%
}

@media (min-width:992px) {
    footer.sharesub-footer {
        padding: 48px 0
    }
}

footer.sharesub-footer .container {
    padding: 0 16px
}

@media (min-width:768px) {
    footer.sharesub-footer .container {
        padding: 0
    }
}

footer.sharesub-footer .footer-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

footer.sharesub-footer .footer-link-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px
}

footer.sharesub-footer a {
    color: #fff
}

footer.sharesub-footer .logo {
    height: 40px
}

footer.sharesub-footer .footer-social {
    gap: 12px
}

footer.sharesub-footer .footer-social img {
    display: block
}

.bottom {
    background: #112e45;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 52px;
    line-height: 20px
}

.bottom .container-fluid,
.bottom .container-lg,
.bottom .container-md,
.bottom .container-sm,
.bottom .container-xl {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .bottom .container-fluid,
    .bottom .container-lg,
    .bottom .container-md,
    .bottom .container-sm,
    .bottom .container-xl {
        justify-content: start
    }
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }
    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.hero-dasboard {
    align-items: center;
    display: flex;
    flex-direction: column;
    isolation: isolate;
    padding-bottom: 56px;
    padding-top: 40px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.hero-dasboard:before {
    background: radial-gradient(circle at 84% 20%, rgba(1, 109, 244, .28), rgba(1, 109, 244, 0) 28%), radial-gradient(circle at 20% 50%, rgba(0, 228, 151, .18), rgba(0, 228, 151, 0) 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.hero-dasboard>:not(.hero-effects) {
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .hero-dasboard {
        padding-bottom: 72px;
        padding-top: 64px
    }
}

.hero-dasboard .hero-title {
    color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 32px;
    margin-top: 0;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .hero-dasboard .hero-title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 48px;
        max-width: 80%
    }
}

@media (min-width:992px) {
    .hero-dasboard .hero-title {
        font-size: 50px;
        line-height: 58px;
        margin-bottom: 56px
    }
}

@media (min-width:1200px) {
    .hero-dasboard .hero-title {
        font-size: 54px;
        line-height: 62px
    }
}

.hero-dasboard .hero-title>span:first-child {
    color: #00e497
}

.hero-dasboard .hero-title>span:nth-child(4) {
    color: #016df4
}

.hero-dasboard .hero-title u {
    position: relative;
    text-decoration: none;
    z-index: 0
}

.hero-dasboard .hero-title u:after {
    background: url(/img/dashboard/how-it-works/underline.svg) no-repeat;
    background-size: 100% 100%;
    bottom: -5px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

@media (min-width:768px) {
    .hero-dasboard .hero-title u:after {
        bottom: -15px
    }
}

.hero-dasboard .hero-title .icon-highlight {
    left: -30px;
    position: absolute;
    top: -20px
}

.hero-dasboard .hero-title .icon-star {
    position: absolute;
    right: -50px;
    top: -10px
}

.hero-dasboard .hero-title .icon-share {
    bottom: -10px;
    position: absolute;
    right: -30px
}

.hero-dasboard #hero-categories-slider {
    max-width: 981px;
    width: 981px
}

.hero-dasboard .see-all {
    margin-top: 32px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .hero-dasboard .see-all {
        margin-top: 40px
    }
}

.hero-dasboard .hero-brand-disclaimer {
    color: hsla(0, 0%, 100%, .72);
    font-size: 13px;
    line-height: 20px;
    margin: 32px auto -8px;
    max-width: 760px;
    text-align: center
}

@media (min-width:768px) {
    .hero-dasboard .hero-brand-disclaimer {
        font-size: 14px;
        line-height: 22px;
        margin-top: 40px
    }
}

.hero-search-bar {
    min-height: 64px
}

@media (min-width:768px) {
    .hero-search-bar {
        min-height: 72px
    }
}

.hero-search-bar>.search-wrapper {
    animation: hero-search-in .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .hero-search-bar>.search-wrapper {
        animation: none
    }
}

@keyframes hero-search-in {
    0% {
        opacity: 0
    }
}

.hero-dasboard>.hero-search-container {
    z-index: 3
}

.hero-search-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hero-search-wrapper>.btn-sharesub {
    display: inline-block;
    margin-top: 64px
}

.hero-search-wrapper #hero-card-slider .splide__track {
    overflow: visible
}

.search-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 -16px 16px;
    max-width: 768px;
    width: 100%
}

@supports not (gap:1em) {
    .search-wrapper>*+* {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .search-wrapper {
        flex-direction: row;
        gap: 8px;
        margin: 0 auto 24px
    }
    @supports not (gap:1em) {
        .search-wrapper>*+* {
            margin-left: 8px !important
        }
    }
}

.search-wrapper .header-search-modal {
    display: none
}

@media (max-width:767.98px) {
    .search-wrapper.open {
        background: #fff;
        bottom: 0;
        gap: 0;
        left: 0;
        margin: 0;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 9999
    }
    @supports not (gap:1em) {
        .search-wrapper.open>*+* {
            margin-bottom: 0
        }
    }
    .search-wrapper.open .header-search-modal {
        align-items: center;
        background: #112e45;
        display: flex;
        flex: 0 0 auto;
        height: 64px;
        justify-content: space-between;
        padding: 0 16px
    }
    .search-wrapper.open .header-search-modal-close {
        color: #fff;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        gap: 8px;
        line-height: 24px
    }
    @supports not (gap:1em) {
        .search-wrapper.open .header-search-modal-close>*+* {
            margin-left: 8px
        }
    }
    .search-wrapper.open .search-form {
        border-radius: 12px;
        flex: inherit;
        padding: 24px 16px
    }
    .search-wrapper.open .search-form input[type=text] {
        background-color: #fff;
        border: 1px solid #ccc;
        color: #112e45;
        padding: 0 0 0 56px
    }
    .search-wrapper.open .search-form input[type=text]::-webkit-input-placeholder {
        color: #a3a3a3
    }
    .search-wrapper.open .search-form input[type=text]::-ms-placeholder {
        color: #a3a3a3
    }
    .search-wrapper.open .search-form input[type=text]::-moz-placeholder {
        color: #a3a3a3
    }
    .search-wrapper.open .search-form input[type=text]::placeholder {
        color: #a3a3a3
    }
    .search-wrapper.open .search-form input[type=text]:active,
    .search-wrapper.open .search-form input[type=text]:focus,
    .search-wrapper.open .search-form input[type=text]:hover {
        border-color: #d6e8ff;
        outline: none
    }
    .search-wrapper.open .search-form input[type=text]:active~.search-icon,
    .search-wrapper.open .search-form input[type=text]:focus~.search-icon,
    .search-wrapper.open .search-form input[type=text]:hover~.search-icon {
        color: #00e497
    }
    .search-wrapper.open .search-form .autocomplete_search {
        border-bottom: 1px solid #d6e8ff;
        border-radius: 0;
        display: block !important;
        position: relative;
        width: 100%
    }
    .search-wrapper.open .search-form .search-icon {
        left: 41px;
        top: 36px
    }
    .search-wrapper.open .search-form .cancel-icon {
        display: block
    }
}

@media (max-width:767.98px) and (min-width:768px) {
    .search-wrapper.open .search-form .cancel-icon {
        display: none
    }
}

@media (max-width:767.98px) {
    .search-wrapper.open .lang-dropdown {
        display: block;
        padding: 4px 16px 40px;
        width: 100%
    }
    .search-wrapper.open .lang-dropdown>a {
        background: #fff;
        border: 1px solid #d6e8ff;
        color: #1a1a1a;
        justify-content: start;
        padding: 6px 24px;
        width: 100%
    }
    .search-wrapper.open .lang-dropdown .dropdown-menu {
        margin: 5px 16px 0;
        width: calc(100% - 34px)
    }
    .search-wrapper.open .lang-dropdown .dropdown-toggle.btn-sharesub:after {
        background: url(/img/home/caret-black.svg);
        margin-left: auto;
        transform: rotate(180deg)
    }
}

.search-wrapper .search-form {
    flex: 1;
    position: relative
}

.search-wrapper .search-form input[type=search],
.search-wrapper .search-form input[type=text] {
    background: #1c394e;
    border: none;
    border-radius: 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    line-height: 24px;
    padding: 0 0 0 72px;
    width: 100%
}

@media (min-width:768px) {
    .search-wrapper .search-form input[type=search],
    .search-wrapper .search-form input[type=text] {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .search-wrapper .search-form input[type=search],
    .search-wrapper .search-form input[type=text] {
        font-size: 20px;
        line-height: 28px
    }
}

.search-wrapper .search-form input[type=search]::-webkit-input-placeholder,
.search-wrapper .search-form input[type=text]::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:768px) {
    .search-wrapper .search-form input[type=search]::-webkit-input-placeholder,
    .search-wrapper .search-form input[type=text]::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .search-wrapper .search-form input[type=search]::-webkit-input-placeholder,
    .search-wrapper .search-form input[type=text]::-webkit-input-placeholder {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:768px) {
    .search-wrapper .search-form input[type=search]::-moz-placeholder,
    .search-wrapper .search-form input[type=text]::-moz-placeholder {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .search-wrapper .search-form input[type=search]::-moz-placeholder,
    .search-wrapper .search-form input[type=text]::-moz-placeholder {
        font-size: 20px;
        line-height: 28px
    }
}

.search-wrapper .search-form input[type=search]::-ms-placeholder,
.search-wrapper .search-form input[type=text]::-ms-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:768px) {
    .search-wrapper .search-form input[type=search]::-ms-placeholder,
    .search-wrapper .search-form input[type=text]::-ms-placeholder {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .search-wrapper .search-form input[type=search]::-ms-placeholder,
    .search-wrapper .search-form input[type=text]::-ms-placeholder {
        font-size: 20px;
        line-height: 28px
    }
}

.search-wrapper .search-form input[type=search]::-moz-placeholder,
.search-wrapper .search-form input[type=text]::-moz-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.search-wrapper .search-form input[type=search]::placeholder,
.search-wrapper .search-form input[type=text]::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:768px) {
    .search-wrapper .search-form input[type=search]::-moz-placeholder,
    .search-wrapper .search-form input[type=text]::-moz-placeholder {
        font-size: 18px;
        line-height: 24px
    }
    .search-wrapper .search-form input[type=search]::placeholder,
    .search-wrapper .search-form input[type=text]::placeholder {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .search-wrapper .search-form input[type=search]::-moz-placeholder,
    .search-wrapper .search-form input[type=text]::-moz-placeholder {
        font-size: 20px;
        line-height: 28px
    }
    .search-wrapper .search-form input[type=search]::placeholder,
    .search-wrapper .search-form input[type=text]::placeholder {
        font-size: 20px;
        line-height: 28px
    }
}

.search-wrapper .search-form .search-icon {
    color: #a3a3a3;
    height: 24px;
    left: 32px;
    position: absolute;
    top: 12px;
    width: 24px
}

@media (min-width:768px) {
    .search-wrapper .search-form .search-icon {
        left: 32px;
        top: 11px
    }
}

.search-wrapper .search-form .cancel-icon {
    color: #a3a3a3;
    display: none;
    height: 16px;
    position: absolute;
    right: 44px;
    top: 40px;
    width: 16px
}

.search-wrapper .lang-dropdown .dropdown-toggle {
    background: #1c394e;
    gap: 13px;
    height: 48px
}

@supports not (gap:1em) {
    .search-wrapper .lang-dropdown .dropdown-toggle>*+* {
        margin-left: 13px
    }
}

.search-wrapper .search-dropdown {
    display: flex
}

.search-wrapper .lang-dropdown {
    display: none
}

@media (min-width:768px) {
    .search-wrapper .lang-dropdown {
        display: flex
    }
}

.hero-categories {
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

@supports not (gap:1em) {
    .hero-categories>*+* {
        margin-left: 16px
    }
}

.hero-categories-items {
    display: flex;
    gap: 8px;
    width: 100%
}

@supports not (gap:1em) {
    .hero-categories-items>*+* {
        margin-left: 8px
    }
}

.hero-categories-item {
    align-items: center;
    background: #1c394e;
    border-radius: 40px;
    color: #016df4;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 16px;
    padding: 6px 16px
}

@supports not (gap:1em) {
    .hero-categories-item>*+* {
        margin-left: 8px
    }
}

@media (min-width:768px) {
    .hero-categories-item {
        padding: 6px 16px
    }
}

.hero-categories-item>a {
    color: #fff;
    text-decoration: none
}

.hero-categories-item:hover {
    background: #41586b
}

.hero-categories-item:active {
    background: #016df4;
    color: #fff
}

.hero-categories-item svg {
    height: 20px;
    width: 20px
}

.hero-categories-button {
    align-items: center;
    background: #b8c0c6;
    border: none;
    border-radius: 40px;
    display: flex;
    justify-content: center
}

.hero-categories-button:outline:active,
.hero-categories-button:outline:focus {
    outline: none
}

.hero-categories .splide__arrow {
    background-color: #1c394e;
    border: 1px solid #016df4;
    opacity: 1
}

.hero-categories .splide__arrow--next {
    background: url(/img/home/arrow_right.svg) 50% no-repeat #1c394e;
    right: -48px
}

.hero-categories .splide__arrow--prev {
    background: url(/img/home/arrow_left.svg) 50% no-repeat #1c394e;
    left: -32px
}

.hero-categories .splide__arrow>svg {
    display: none
}

.hero-slides {
    display: flex;
    gap: 24px;
    width: 100vw
}

@supports not (gap:1em) {
    .hero-slides>*+* {
        margin-left: 24px
    }
}

.hero-slides-item {
    align-items: center;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    transition: all .25s;
    width: 188px
}

@media (max-width:575.98px) {
    .hero-slides-item {
        padding: 20px
    }
}

@media (min-width:576px) {
    .hero-slides-item {
        width: 228px
    }
}

@media (min-width:768px) {
    .hero-slides-item {
        width: 248px
    }
}

.hero-slides-item:active,
.hero-slides-item:hover {
    transform: translateY(-16px)
}

.hero-slides-item:active {
    border-radius: 60px 12px 60px 12px
}

.hero-slides-item-icon {
    margin-bottom: 16px
}

@media (max-width:575.98px) {
    .hero-slides-item-icon {
        margin-bottom: 12px
    }
}

.hero-slides-item-separation {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    margin: 0 0 16px;
    width: 100%
}

@media (min-width:576px) {
    .hero-slides-item-separation {
        margin: 0 0 24px
    }
}

.hero-slides-item-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 14px;
    text-decoration: none
}

@media (max-width:575.98px) {
    .hero-slides-item-title {
        margin-bottom: 10px
    }
}

@media (min-width:576px) {
    .hero-slides-item-title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.hero-slides-item-title:hover {
    color: #fff
}

.hero-slides-item-price {
    font-size: 30px;
    font-weight: 900;
    line-height: 38px
}

@media (min-width:576px) {
    .hero-slides-item-price {
        font-size: 36px;
        line-height: 44px
    }
}

.hero-slides-item-frequency {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px;
    margin-bottom: 22px;
    margin-top: -4px
}

@media (max-width:575.98px) {
    .hero-slides-item-frequency {
        margin-bottom: 16px
    }
}

.hero-slides-item-participation {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 4px;
    line-height: 16px
}

@supports not (gap:1em) {
    .hero-slides-item-participation>*+* {
        margin-left: 4px
    }
}

@media (min-width:576px) {
    .hero-slides-item-participation {
        font-size: 16px;
        line-height: 24px
    }
}

.autocomplete_search {
    background: #fff;
    border-radius: 24px;
    display: none !important;
    display: flex;
    flex-direction: column;
    left: 0;
    margin-top: 0;
    padding: 0 16px;
    position: absolute;
    width: 344px;
    z-index: 9
}

@media (min-width:768px) {
    .autocomplete_search {
        display: flex !important;
        flex-direction: row;
        margin-top: 24px;
        padding: 32px 0;
        width: 712px
    }
}

@media (min-width:992px) {
    .autocomplete_search {
        flex-direction: row;
        padding: 32px 0;
        width: 768px
    }
}

.autocomplete_search-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 0;
    width: 100%
}

@supports not (gap:1em) {
    .autocomplete_search-section>*+* {
        margin-left: 24px
    }
}

@media (min-width:768px) {
    .autocomplete_search-section {
        gap: 32px;
        padding: 0 40px;
        width: 50%
    }
    @supports not (gap:1em) {
        .autocomplete_search-section>*+* {
            margin-left: 32px
        }
    }
}

.autocomplete_search-section.bordered {
    border-top: 1px solid #112e45
}

@media (min-width:768px) {
    .autocomplete_search-section.bordered {
        border-left: 1px solid #112e45;
        border-top: none
    }
}

.autocomplete_search-section.green .text-colored {
    color: #00e497 !important
}

.autocomplete_search-section.blue .text-colored {
    color: #016df4 !important
}

.autocomplete_search-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 32px
}

.autocomplete_search-list {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    font-weight: 700;
    gap: 16px;
    line-height: 32px;
    margin: 0
}

@supports not (gap:1em) {
    .autocomplete_search-list>*+* {
        margin-left: 16px
    }
}

@media (min-width:768px) {
    .autocomplete_search-list {
        gap: 24px
    }
    @supports not (gap:1em) {
        .autocomplete_search-list>*+* {
            margin-left: 24px
        }
    }
}

.autocomplete_search-item {
    display: flex;
    flex-direction: column
}

.autocomplete_search-item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.autocomplete_search-item-subtitle {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px
}

.autocomplete_search-item-subtitle>span {
    font-weight: 600
}

.share-section {
    background: #fff;
    padding: 80px 0
}

@media (min-width:992px) {
    .share-section {
        padding: 120px 0
    }
}

.share-section.dashboard {
    background: #fff;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    padding: 0
}

.share-section-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .share-section-subtitle {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .share-section-subtitle {
        font-size: 22px;
        line-height: 30px
    }
}

.share-section-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:768px) {
    .share-section-title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 82px
    }
}

@media (min-width:992px) {
    .share-section-title {
        font-size: 48px;
        line-height: 56px
    }
}

.share-section-title.cta-dashboard {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 36px;
    text-align: center
}

@media (min-width:768px) {
    .share-section-title.cta-dashboard {
        font-size: 24px;
        line-height: 32px
    }
}

@media (min-width:992px) {
    .share-section-title.cta-dashboard {
        font-size: 28px;
        line-height: 36px
    }
}

.share-section-title u {
    position: relative;
    text-decoration: none
}

.share-section-title u:after {
    background: url(/img/dashboard/share/underline.svg) no-repeat;
    bottom: -15px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.share-section .share-card {
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 308px;
    padding: 48px 16px 32px;
    position: relative
}

@media (min-width:768px) {
    .share-section .share-card {
        height: 464px;
        margin-bottom: 0;
        padding: 136px 24px 40px
    }
}

@media (min-width:992px) {
    .share-section .share-card {
        height: 484px
    }
}

.share-section .share-card.blue {
    background: #016df4;
    margin-bottom: 0
}

.share-section .share-card.green {
    background: #00e497;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .share-section .share-card.green {
        margin-bottom: 0
    }
}

.share-section .share-card .icon {
    position: absolute;
    right: 16px;
    top: 0;
    width: 120px
}

@media (min-width:768px) {
    .share-section .share-card .icon {
        left: 20px;
        right: auto;
        top: 0;
        width: 160px
    }
}

.share-section .share-card .title {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .share-section .share-card .title {
        font-size: 32px;
        line-height: 40px
    }
}

.share-section .share-card .content {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:992px) {
    .share-section .share-card .content {
        font-size: 20px;
        line-height: 28px
    }
}

.share-section .share-card .btn-sharesub {
    align-self: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    justify-self: end;
    line-height: 24px;
    margin-top: auto;
    text-align: center;
    width: 95%
}

@media (min-width:768px) {
    .share-section .share-card .btn-sharesub {
        font-size: 18px;
        line-height: 24px;
        width: 80%
    }
}

.share-section .share-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    margin-top: 40px
}

@supports not (gap:1em) {
    .share-section .share-content>*+* {
        margin-bottom: 30px
    }
}

@media (min-width:768px) {
    .share-section .share-content {
        gap: 35px
    }
    @supports not (gap:1em) {
        .share-section .share-content>*+* {
            margin-bottom: 35px
        }
    }
}

@media (min-width:992px) {
    .share-section .share-content {
        margin-bottom: 0;
        margin-top: 0
    }
}

.share-section .share-content p {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:768px) {
    .share-section .share-content p {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .share-section .share-content p {
        font-size: 20px;
        line-height: 28px
    }
}

@supports (gap:1em) {
    .share-section .share-content p {
        margin-bottom: 0
    }
}

.share-section .share-content p:last-child {
    margin-bottom: 0
}

.offer-section {
    background: #d6e8ff;
    padding: 80px 0
}

@media (min-width:992px) {
    .offer-section {
        padding: 120px 0
    }
}

.offer-section-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 5px;
    text-align: center
}

@media (min-width:768px) {
    .offer-section-title {
        font-size: 40px;
        line-height: 48px
    }
}

@media (min-width:992px) {
    .offer-section-title {
        font-size: 48px;
        line-height: 56px
    }
}

.offer-section-subtitle {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:768px) {
    .offer-section-subtitle {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .offer-section-subtitle {
        font-size: 22px;
        line-height: 30px
    }
}

.offer-section .offer-items {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.offer-section .offer-select {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 4px 20px rgba(7, 26, 43, .05);
    color: #112e45;
    display: flex;
    flex-direction: column;
    gap: 24px;
    left: 0;
    padding: 24px 16px;
    position: absolute;
    right: 0;
    top: 136px;
    width: 100%;
    z-index: 9
}

@supports not (gap:1em) {
    .offer-section .offer-select>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .offer-section .offer-select {
        border-radius: 12px;
        flex-direction: row;
        gap: 32px;
        margin: 0;
        padding: 32px 24px;
        width: 100%
    }
    @supports not (gap:1em) {
        .offer-section .offer-select>:not(:last-child) {
            margin-bottom: 32px
        }
    }
}

@media (min-width:992px) {
    .offer-section .offer-select {
        border-radius: 12px 0 0 12px;
        flex-direction: column;
        gap: 40px;
        margin: 0;
        padding: 40px;
        position: relative;
        top: 0;
        width: 100%
    }
    @supports not (gap:1em) {
        .offer-section .offer-select>:not(:last-child) {
            margin-bottom: 40px
        }
    }
}

.offer-section .offer-select .result {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 32px
}

.offer-section .offer-select .result span {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px
}

.offer-section .offer-select-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .offer-section .offer-select-group>:not(:last-child) {
        margin-bottom: 8px
    }
}

.offer-section .offer-select-group label {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

@media (min-width:768px) {
    .offer-section .offer-select-group label {
        font-size: 16px;
        line-height: 24px
    }
}

.offer-section .offer-select-group .dropdown .btn-secondary {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    justify-content: space-between;
    line-height: 24px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: initial
}

.offer-section .offer-select-group .dropdown .btn-secondary:after {
    background: url(/img/home/caret-black.svg);
    border: unset;
    height: 7.5px;
    transform: rotate(180deg);
    transition: .2s linear;
    width: 14px
}

.offer-section .offer-select-group .dropdown.show .btn-secondary:after {
    transform: rotate(0deg)
}

.offer-section .offer-select-scribble {
    bottom: -45px;
    display: none;
    left: -40px;
    position: absolute
}

@media (min-width:992px) {
    .offer-section .offer-select-scribble {
        display: block
    }
}

.offer-section .offer-quote {
    align-items: center;
    background: #112e45;
    border-radius: 12px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 32px 16px
}

@media (min-width:768px) {
    .offer-section .offer-quote {
        max-width: 464px;
        padding: 32px
    }
}

@media (min-width:992px) {
    .offer-section .offer-quote {
        padding: 48px 32px
    }
}

.offer-section .offer-quote .icon {
    width: 48px
}

@media (min-width:992px) {
    .offer-section .offer-quote .icon {
        margin-bottom: 8px;
        width: 56px
    }
}

.offer-section .offer-quote .title {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 0;
    text-align: left
}

@media (min-width:992px) {
    .offer-section .offer-quote .title {
        font-size: 32px;
        line-height: 40px;
        text-align: center
    }
}

.offer-section .offer-quote-header {
    gap: 24px;
    margin-bottom: 305px
}

@supports not (gap:1em) {
    .offer-section .offer-quote-header>*+* {
        margin-left: 24px
    }
}

@media (min-width:768px) {
    .offer-section .offer-quote-header {
        margin-bottom: 230px
    }
}

@media (min-width:992px) {
    .offer-section .offer-quote-header {
        margin-bottom: 40px
    }
}

.offer-section .offer-quote-lines {
    align-items: center;
    border-bottom: 1px solid #343246;
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    width: 100%
}

.offer-section .offer-quote-lines.green {
    border-bottom: none;
    margin-bottom: 18px
}

.offer-section .offer-quote-object {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.offer-section .offer-quote-object.green {
    color: #00e497
}

.offer-section .offer-quote-price {
    font-size: 14px;
    line-height: 20px
}

.offer-section .offer-quote-price span {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

.offer-section .offer-quote-price.green {
    background: #00e497;
    border-radius: 4px;
    color: #fff;
    padding: 8px;
    position: relative
}

.offer-section .offer-quote-offer-line {
    border-bottom: 1px solid #343246;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    padding: 14px 0;
    width: 100%
}

.offer-section .offer-quote-zigzag {
    left: 115px;
    position: absolute;
    top: -25px
}

.offer-section .offer-quote .btn-sharesub {
    margin-top: auto;
    width: 90%
}

.offer-section .offer-quote-scribble {
    bottom: -45px;
    display: none;
    left: -40px;
    position: absolute
}

@media (min-width:768px) {
    .offer-section .offer-quote-scribble {
        display: block
    }
}

@media (min-width:992px) {
    .offer-section .offer-quote-scribble {
        display: none
    }
}

.how-it-works-section {
    background: #fff;
    color: #112e45;
    padding: 64px 0
}

@media (min-width:768px) {
    .how-it-works-section {
        padding: 80px 0
    }
}

@media (min-width:992px) {
    .how-it-works-section {
        padding: 120px 0
    }
}

.how-it-works-section .container {
    align-items: center;
    display: flex;
    flex-direction: column
}

.how-it-works-section-subtitle {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: center
}

@media (min-width:768px) {
    .how-it-works-section-subtitle {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px
    }
}

.how-it-works-section-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    margin-bottom: 12px;
    text-align: center
}

@media (min-width:768px) {
    .how-it-works-section-title {
        font-size: 40px;
        line-height: 48px
    }
}

@media (min-width:992px) {
    .how-it-works-section-title {
        font-size: 48px;
        line-height: 56px
    }
}

.how-it-works-section-title u {
    position: relative;
    text-decoration: none
}

.how-it-works-section-title u:after {
    background: url(/img/dashboard/how-it-works/underline.svg) no-repeat;
    bottom: -5px;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media (min-width:768px) {
    .how-it-works-section-title u:after {
        bottom: -15px
    }
}

.how-it-works-section .how-it-works {
    display: flex;
    flex-direction: column;
    width: 100%
}

.how-it-works-section .how-it-works.propose {
    display: none
}

.how-it-works-section .how-it-works-items {
    align-items: stretch
}

.how-it-works-section .how-it-works-content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width:768px) {
    .how-it-works-section .how-it-works-content {
        gap: 20px
    }
}

.how-it-works-section .how-it-works-item {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    padding: 16px 18px;
    transition: all .25s ease
}

@media (min-width:768px) {
    .how-it-works-section .how-it-works-item {
        padding: 18px 22px
    }
}

@media (min-width:992px) {
    .how-it-works-section .how-it-works-item {
        padding: 20px 24px
    }
}

.how-it-works-section .how-it-works-item:hover {
    border-color: #e5e7eb
}

.how-it-works-section .how-it-works-item-header {
    margin: 0
}

.how-it-works-section .how-it-works-item-title {
    gap: 16px
}

@supports not (gap:1em) {
    .how-it-works-section .how-it-works-item-title>*+* {
        margin-left: 16px
    }
}

.how-it-works-section .how-it-works-item-title>svg {
    background: #f3f4f6;
    border-radius: 10px;
    box-sizing: border-box;
    color: #6b7280;
    flex-shrink: 0;
    height: 44px;
    padding: 10px;
    transition: background .25s ease, color .25s ease;
    width: 44px
}

.how-it-works-section .how-it-works-item-title .title {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin: 0
}

@media (min-width:768px) {
    .how-it-works-section .how-it-works-item-title .title {
        font-size: 20px;
        line-height: 28px
    }
}

@media (min-width:992px) {
    .how-it-works-section .how-it-works-item-title .title {
        font-size: 24px;
        line-height: 32px
    }
}

.how-it-works-section .how-it-works-item-toggle {
    color: #9ca3af;
    flex-shrink: 0;
    height: 18px;
    position: relative;
    width: 18px
}

.how-it-works-section .how-it-works-item-toggle:after,
.how-it-works-section .how-it-works-item-toggle:before {
    background: currentColor;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.how-it-works-section .how-it-works-item-toggle:after {
    transform: translateY(-50%) rotate(90deg)
}

.how-it-works-section .how-it-works-item>p {
    color: #6b7280;
    display: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px 0 0 60px
}

@media (min-width:768px) {
    .how-it-works-section .how-it-works-item>p {
        font-size: 16px;
        line-height: 24px
    }
}

.how-it-works-section .how-it-works-item.active {
    background: #fff;
    box-shadow: 0 14px 54px rgba(7, 26, 43, .1)
}

.how-it-works-section .how-it-works-item.active .how-it-works-item-toggle {
    display: none
}

.how-it-works-section .how-it-works-item.active>p {
    display: block
}

.how-it-works-section .how-it-works.propose .how-it-works-item.active {
    background: rgba(0, 228, 151, .04);
    border-color: #00e497
}

.how-it-works-section .how-it-works.propose .how-it-works-item.active .how-it-works-item-title>svg {
    background: #00e497;
    color: #fff
}

.how-it-works-section .how-it-works.participate .how-it-works-item.active {
    background: rgba(1, 109, 244, .04);
    border-color: #016df4
}

.how-it-works-section .how-it-works.participate .how-it-works-item.active .how-it-works-item-title>svg {
    background: #016df4;
    color: #fff
}

.how-it-works-section .how-it-works-mockups {
    align-items: center;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px;
    padding: 16px 12px;
    position: relative
}

@media (min-width:768px) {
    .how-it-works-section .how-it-works-mockups {
        margin-top: 0;
        padding: 18px 14px
    }
}

.how-it-works-section .how-it-works.propose .how-it-works-mockups {
    background: linear-gradient(135deg, rgba(0, 228, 151, .13), #f8f9fb)
}

.how-it-works-section .how-it-works.participate .how-it-works-mockups {
    background: linear-gradient(135deg, rgba(1, 109, 244, .06), #f8f9fb)
}

.how-it-works-section .how-it-works-mockup {
    display: none;
    flex-direction: column;
    gap: 12px;
    margin: 0 auto;
    max-width: 340px;
    width: 100%
}

.how-it-works-section .how-it-works-mockup.active {
    animation: hiwMockupFadeIn .35s ease;
    display: flex
}

@keyframes hiwMockupFadeIn {
    0% {
        opacity: 0;
        transform: scale(.96)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes hiwSlideIn {
    0% {
        opacity: 0;
        transform: translateX(-24px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes hiwSeatPop {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes hiwProgressFill {
    0% {
        width: 0
    }
    to {
        width: 75%
    }
}

.how-it-works-section .mockup-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(7, 26, 43, .05);
    overflow: hidden
}

.how-it-works-section .mockup-card--share {
    border-color: rgba(0, 228, 151, .2)
}

.how-it-works-section .mockup-card--join {
    border-color: rgba(1, 109, 244, .2)
}

.how-it-works-section .mockup-card-header {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    padding: 10px 14px
}

.how-it-works-section .mockup-card-header>svg {
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.how-it-works-section .mockup-card-header>span {
    flex: 1
}

.how-it-works-section .mockup-card-header--share {
    background: linear-gradient(90deg, #00e497, #0effae)
}

.how-it-works-section .mockup-card-header--join {
    background: linear-gradient(90deg, #016df4, #2083fe)
}

.how-it-works-section .mockup-card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px
}

.how-it-works-section .mockup-card-section-title {
    border-bottom: 1px solid #f3f4f6;
    color: #112e45;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 14px
}

.how-it-works-section .mockup-field {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.how-it-works-section .mockup-field label {
    color: #6b7280;
    font-size: 11px;
    font-weight: 500;
    margin: 0
}

.how-it-works-section .mockup-field-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.how-it-works-section .mockup-badge {
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px
}

.how-it-works-section .mockup-badge--share {
    background: #00e497
}

.how-it-works-section .mockup-badge--join {
    background: #016df4
}

.how-it-works-section .mockup-service-row {
    align-items: center;
    background: #f9fafb;
    border: 2px solid transparent;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 10px
}

.how-it-works-section .mockup-service-row--selected {
    border-color: #00e497
}

.how-it-works-section .mockup-owner-row {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 14px
}

.how-it-works-section .mockup-service-icon {
    align-items: center;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    height: 38px;
    justify-content: center;
    width: 38px
}

.how-it-works-section .mockup-service-icon>svg {
    height: 20px;
    width: 20px
}

.how-it-works-section .mockup-service-icon--deezer {
    background: linear-gradient(135deg, #a238ff, #ef5466)
}

.how-it-works-section .mockup-service-icon--spotify {
    background: linear-gradient(135deg, #016df4, #0152b7)
}

.how-it-works-section .mockup-service-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-service-info .mockup-service-name {
    color: #112e45;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-service-info .mockup-service-meta {
    color: #6b7280;
    font-size: 11px;
    margin: 0
}

.how-it-works-section .mockup-slider {
    background: #f3f4f6;
    border-radius: 999px;
    height: 8px;
    margin-top: 4px;
    position: relative
}

.how-it-works-section .mockup-slider-fill {
    background: linear-gradient(90deg, #00e497, #18ffb1);
    border-radius: 999px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 83%
}

.how-it-works-section .mockup-slider-thumb {
    background: #fff;
    border: 2px solid #00e497;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    height: 16px;
    position: absolute;
    right: 14%;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.how-it-works-section .mockup-visibility {
    display: flex;
    gap: 6px
}

.how-it-works-section .mockup-visibility-btn {
    align-items: center;
    background: #f3f4f6;
    border: none;
    border-radius: 10px;
    color: #6b7280;
    cursor: default;
    display: flex;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    justify-content: center;
    padding: 9px
}

.how-it-works-section .mockup-visibility-btn>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-visibility-btn--active {
    background: #00e497;
    color: #fff
}

.how-it-works-section .mockup-earnings {
    align-items: center;
    background: rgba(0, 228, 151, .08);
    border-radius: 10px;
    color: #112e45;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding: 10px 12px
}

.how-it-works-section .mockup-earnings .mockup-earnings-amount {
    color: #00e497;
    font-size: 16px;
    font-weight: 800
}

.how-it-works-section .mockup-seats-grid {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(6, 1fr)
}

.how-it-works-section .mockup-seat {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 8px;
    color: #fff;
    display: flex;
    justify-content: center
}

.how-it-works-section .mockup-seat>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-seat--owner {
    background: #00e497
}

.how-it-works-section .mockup-seat--filled {
    animation: hiwSeatPop .4s ease backwards;
    background: #016df4
}

.how-it-works-section .mockup-seat--empty {
    background: #f3f4f6;
    border: 2px dashed #d1d5db;
    color: #9ca3af
}

.how-it-works-section .mockup-seat--anim-1 {
    animation-delay: .15s
}

.how-it-works-section .mockup-seat--anim-2 {
    animation-delay: .35s
}

.how-it-works-section .mockup-seat--anim-3 {
    animation-delay: .55s
}

.how-it-works-section .mockup-participants {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.how-it-works-section .mockup-participant {
    align-items: center;
    animation: hiwSlideIn .4s ease backwards;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 8px 10px
}

.how-it-works-section .mockup-participant:first-child {
    animation-delay: .1s
}

.how-it-works-section .mockup-participant:nth-child(2) {
    animation-delay: .25s
}

.how-it-works-section .mockup-participant:nth-child(3) {
    animation-delay: .4s
}

.how-it-works-section .mockup-participant-avatar {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    width: 32px
}

.how-it-works-section .mockup-participant-avatar--1 {
    background: linear-gradient(135deg, #60a5fa, #016df4)
}

.how-it-works-section .mockup-participant-avatar--2 {
    background: linear-gradient(135deg, #a78bfa, #7c3aed)
}

.how-it-works-section .mockup-participant-avatar--3 {
    background: linear-gradient(135deg, #fbbf24, #f59e0b)
}

.how-it-works-section .mockup-participant-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-participant-info .mockup-participant-name {
    color: #112e45;
    font-size: 12px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-participant-info .mockup-participant-status {
    color: #6b7280;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-participant-amount {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 4px
}

.how-it-works-section .mockup-participant-amount>svg {
    height: 12px;
    width: 12px
}

.how-it-works-section .mockup-wallet {
    background: linear-gradient(135deg, #00e497, #00b175);
    border-radius: 14px;
    color: #fff;
    padding: 18px
}

.how-it-works-section .mockup-wallet-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.how-it-works-section .mockup-wallet-label {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 6px;
    opacity: .95
}

.how-it-works-section .mockup-wallet-label>svg {
    height: 16px;
    width: 16px
}

.how-it-works-section .mockup-wallet-period {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 999px;
    font-size: 11px;
    padding: 3px 10px
}

.how-it-works-section .mockup-wallet-amount {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 4px
}

.how-it-works-section .mockup-wallet-subtitle {
    font-size: 12px;
    opacity: .85
}

.how-it-works-section .mockup-payments-list {
    display: flex;
    flex-direction: column
}

.how-it-works-section .mockup-payment-row {
    align-items: center;
    border-top: 1px solid #f9fafb;
    display: flex;
    gap: 10px;
    padding: 8px 14px
}

.how-it-works-section .mockup-payment-row:first-child {
    border-top: none
}

.how-it-works-section .mockup-payment-avatar {
    align-items: center;
    background: rgba(0, 228, 151, .15);
    border-radius: 50%;
    color: #00e497;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    justify-content: center;
    width: 30px
}

.how-it-works-section .mockup-payment-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-payment-info .mockup-payment-name {
    color: #112e45;
    font-size: 12px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-payment-info .mockup-payment-date {
    color: #6b7280;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-payment-amount {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 5px
}

.how-it-works-section .mockup-payment-amount>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-badge-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    gap: 6px;
    padding: 7px 13px
}

.how-it-works-section .mockup-badge-pill>svg {
    flex-shrink: 0;
    height: 13px;
    width: 13px
}

.how-it-works-section .mockup-badge-pill--share {
    background: rgba(0, 228, 151, .1);
    color: #00e497
}

.how-it-works-section .mockup-badge-pill--join {
    background: rgba(1, 109, 244, .1);
    color: #016df4
}

.how-it-works-section .mockup-badge-pill--centered {
    align-self: center
}

.how-it-works-section .mockup-badge-pill--premium-active {
    color: #112e45
}

.how-it-works-section .mockup-badges-row {
    display: flex;
    gap: 8px;
    justify-content: center
}

.how-it-works-section .mockup-compare {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr
}

.how-it-works-section .mockup-compare-card {
    border-radius: 12px;
    padding: 18px 10px 12px;
    position: relative;
    text-align: center
}

.how-it-works-section .mockup-compare-card--before {
    background: #f3f4f6
}

.how-it-works-section .mockup-compare-card--after {
    background: rgba(0, 228, 151, .1);
    border: 2px solid #00e497
}

.how-it-works-section .mockup-compare-tag {
    border-radius: 999px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    left: 50%;
    padding: 3px 10px;
    position: absolute;
    top: -9px;
    transform: translateX(-50%);
    white-space: nowrap
}

.how-it-works-section .mockup-compare-tag--before {
    background: #6b7280
}

.how-it-works-section .mockup-compare-tag--after {
    background: #00e497
}

.how-it-works-section .mockup-compare-amount {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    margin: 6px 0 2px
}

.how-it-works-section .mockup-compare-amount--before {
    color: #6b7280;
    text-decoration: line-through
}

.how-it-works-section .mockup-compare-amount--after {
    color: #00e497
}

.how-it-works-section .mockup-compare-period {
    color: #6b7280;
    font-size: 10px;
    margin-bottom: 10px
}

.how-it-works-section .mockup-compare-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}

.how-it-works-section .mockup-compare-list li {
    align-items: center;
    color: #6b7280;
    display: flex;
    font-size: 10px;
    gap: 5px;
    padding: 2px 0
}

.how-it-works-section .mockup-compare-list li>svg {
    color: #00e497;
    flex-shrink: 0;
    height: 11px;
    width: 11px
}

.how-it-works-section .mockup-compare-card--after .mockup-compare-list li {
    color: #00e497
}

.how-it-works-section .mockup-dot {
    border-radius: 2px;
    display: inline-block;
    flex-shrink: 0;
    height: 9px;
    width: 9px
}

.how-it-works-section .mockup-dot--red {
    background: #ef4444
}

.how-it-works-section .mockup-dot--green {
    background: #10b981
}

.how-it-works-section .mockup-dot--blue {
    background: #3b82f6
}

.how-it-works-section .mockup-dot--pink {
    background: #ec4899
}

.how-it-works-section .mockup-savings {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 228, 151, .2);
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(7, 26, 43, .04);
    display: flex;
    gap: 12px;
    padding: 12px
}

.how-it-works-section .mockup-savings-icon {
    align-items: center;
    background: rgba(0, 228, 151, .1);
    border-radius: 50%;
    color: #00e497;
    display: flex;
    flex-shrink: 0;
    height: 42px;
    justify-content: center;
    width: 42px
}

.how-it-works-section .mockup-savings-icon>svg {
    height: 22px;
    width: 22px
}

.how-it-works-section .mockup-savings-info {
    flex: 1
}

.how-it-works-section .mockup-savings-info .mockup-savings-label {
    color: #6b7280;
    font-size: 11px;
    margin: 0
}

.how-it-works-section .mockup-savings-info .mockup-savings-amount {
    color: #00e497;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0
}

.how-it-works-section .mockup-savings-percent {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 17px;
    font-weight: 800;
    gap: 4px
}

.how-it-works-section .mockup-savings-percent>svg {
    height: 18px;
    width: 18px
}

.how-it-works-section .mockup-rating {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.how-it-works-section .mockup-rating-stars {
    display: inline-flex;
    gap: 1px
}

.how-it-works-section .mockup-rating-stars>svg {
    fill: #fbbf24;
    color: #fbbf24;
    height: 13px;
    width: 13px
}

.how-it-works-section .mockup-rating-text {
    color: #6b7280;
    font-size: 11px
}

.how-it-works-section .mockup-services-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr)
}

.how-it-works-section .mockup-service-card {
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    padding: 10px 6px;
    text-align: center;
    transition: all .25s ease
}

.how-it-works-section .mockup-service-card:hover {
    box-shadow: 0 8px 24px rgba(7, 26, 43, .06);
    transform: translateY(-1px)
}

.how-it-works-section .mockup-service-card .mockup-service-card-name {
    color: #112e45;
    font-size: 11px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-service-card .mockup-service-card-cat {
    color: #9ca3af;
    font-size: 9px;
    margin: 0
}

.how-it-works-section .mockup-service-card-icon {
    align-items: center;
    border-radius: 10px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    margin: 0 auto 6px;
    width: 36px
}

.how-it-works-section .mockup-service-card-icon>svg {
    height: 18px;
    width: 18px
}

.how-it-works-section .mockup-service-card-icon--netflix {
    background: #e50914
}

.how-it-works-section .mockup-service-card-icon--spotify {
    background: #1ed760
}

.how-it-works-section .mockup-service-card-icon--disney {
    background: #016df4
}

.how-it-works-section .mockup-service-card-icon--xbox {
    background: #7c3aed
}

.how-it-works-section .mockup-service-card-icon--applemusic {
    background: linear-gradient(135deg, #fc3c44, #fa243c)
}

.how-it-works-section .mockup-service-card-icon--amazon {
    background: linear-gradient(135deg, #00a8e1, #146eb4)
}

.how-it-works-section .mockup-pay-recipient {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.how-it-works-section .mockup-pay-recipient-label {
    color: #6b7280;
    font-size: 11px;
    font-weight: 500
}

.how-it-works-section .mockup-pay-recipient-row {
    align-items: center;
    background: rgba(1, 109, 244, .05);
    border: 1px solid rgba(1, 109, 244, .15);
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 8px 10px
}

.how-it-works-section .mockup-pay-recipient-row>svg {
    color: #016df4;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.how-it-works-section .mockup-pay-recipient-avatar {
    align-items: center;
    background: linear-gradient(135deg, #60a5fa, #016df4);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    width: 32px
}

.how-it-works-section .mockup-pay-recipient-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-pay-recipient-info .mockup-pay-recipient-name {
    color: #112e45;
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.how-it-works-section .mockup-pay-recipient-info .mockup-pay-recipient-role {
    color: #6b7280;
    font-size: 11px;
    margin: 0
}

.how-it-works-section .mockup-email-card {
    background: #fff;
    border: 1px solid rgba(1, 109, 244, .2);
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(7, 26, 43, .05);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px
}

.how-it-works-section .mockup-email-header {
    align-items: center;
    display: flex;
    gap: 10px
}

.how-it-works-section .mockup-email-icon {
    align-items: center;
    background: rgba(1, 109, 244, .1);
    border-radius: 10px;
    color: #016df4;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    width: 36px
}

.how-it-works-section .mockup-email-icon>svg {
    height: 18px;
    width: 18px
}

.how-it-works-section .mockup-email-meta {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-email-meta .mockup-email-sender {
    color: #112e45;
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.how-it-works-section .mockup-email-meta .mockup-email-time {
    color: #9ca3af;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-email-badge {
    background: rgba(0, 228, 151, .1);
    border-radius: 999px;
    color: #00e497;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px
}

.how-it-works-section .mockup-email-subject {
    color: #112e45;
    font-size: 13px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-email-preview {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #6b7280;
    display: -webkit-box;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.how-it-works-section .mockup-secure-link {
    align-items: center;
    background: linear-gradient(135deg, #016df4, #2083fe);
    border-radius: 12px;
    color: #fff;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 12px 14px
}

.how-it-works-section .mockup-secure-link-info {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 8px
}

.how-it-works-section .mockup-secure-link-icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    height: 26px;
    justify-content: center;
    width: 26px
}

.how-it-works-section .mockup-secure-link-icon>svg {
    color: #fff;
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-secure-link-cta {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 999px;
    color: #016df4;
    cursor: default;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    gap: 5px;
    padding: 6px 12px
}

.how-it-works-section .mockup-secure-link-cta>svg {
    height: 12px;
    width: 12px
}

.how-it-works-section .mockup-bank {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(7, 26, 43, .05);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.how-it-works-section .mockup-bank-header {
    align-items: center;
    background: #112e45;
    color: #fff;
    display: flex;
    gap: 10px;
    padding: 12px 14px
}

.how-it-works-section .mockup-bank-icon {
    align-items: center;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.how-it-works-section .mockup-bank-icon>svg {
    color: #fff;
    height: 18px;
    width: 18px
}

.how-it-works-section .mockup-bank-title-info {
    flex: 1
}

.how-it-works-section .mockup-bank-title-info .mockup-bank-title {
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.how-it-works-section .mockup-bank-title-info .mockup-bank-status {
    font-size: 10px;
    opacity: .75
}

.how-it-works-section .mockup-bank-title-info .mockup-bank-status:before {
    background: #00e497;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 5px;
    vertical-align: middle;
    width: 6px
}

.how-it-works-section .mockup-bank-notif {
    align-items: center;
    animation: hiwSlideIn .4s ease;
    background: rgba(0, 228, 151, .08);
    border-left: 3px solid #00e497;
    display: flex;
    gap: 10px;
    padding: 10px 14px
}

.how-it-works-section .mockup-bank-notif-icon {
    align-items: center;
    background: #00e497;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    height: 28px;
    justify-content: center;
    width: 28px
}

.how-it-works-section .mockup-bank-notif-icon>svg {
    height: 16px;
    width: 16px
}

.how-it-works-section .mockup-bank-notif-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-bank-notif-info .mockup-bank-notif-title {
    color: #112e45;
    font-size: 12px;
    font-weight: 700;
    margin: 0
}

.how-it-works-section .mockup-bank-notif-info .mockup-bank-notif-meta {
    color: #6b7280;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-bank-notif-info .mockup-bank-notif-source {
    color: #00e497;
    font-weight: 600
}

.how-it-works-section .mockup-bank-notif-amount {
    color: #00e497;
    font-size: 14px;
    font-weight: 800
}

.how-it-works-section .mockup-bank-balance {
    border-bottom: 1px solid #f3f4f6;
    padding: 14px
}

.how-it-works-section .mockup-bank-balance .mockup-bank-balance-label {
    color: #6b7280;
    font-size: 11px
}

.how-it-works-section .mockup-bank-balance .mockup-bank-balance-amount {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
    margin: 2px 0 0
}

.how-it-works-section .mockup-bank-transactions {
    padding: 10px 14px 12px
}

.how-it-works-section .mockup-bank-transactions .mockup-bank-transactions-title {
    color: #6b7280;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .05em;
    margin: 0 0 6px;
    text-transform: uppercase
}

.how-it-works-section .mockup-bank-transaction {
    align-items: center;
    display: flex;
    gap: 10px;
    padding: 6px 0
}

.how-it-works-section .mockup-bank-transaction+.how-it-works-section .mockup-bank-transaction {
    border-top: 1px solid #f9fafb
}

.how-it-works-section .mockup-bank-transaction-icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 26px;
    justify-content: center;
    width: 26px
}

.how-it-works-section .mockup-bank-transaction-icon>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-bank-transaction-icon--in {
    background: rgba(0, 228, 151, .12);
    color: #00e497
}

.how-it-works-section .mockup-bank-transaction-icon--in>svg {
    transform: rotate(-90deg)
}

.how-it-works-section .mockup-bank-transaction-icon--out {
    background: #f3f4f6;
    color: #6b7280
}

.how-it-works-section .mockup-bank-transaction-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-bank-transaction-info .mockup-bank-transaction-name {
    color: #112e45;
    font-size: 12px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-bank-transaction-info .mockup-bank-transaction-date {
    color: #9ca3af;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-bank-transaction-amount {
    color: #6b7280;
    font-size: 12px;
    font-weight: 700
}

.how-it-works-section .mockup-bank-transaction-amount--in {
    color: #00e497
}

.how-it-works-section .mockup-search {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(1, 109, 244, .2);
    border-radius: 12px;
    display: flex;
    gap: 8px;
    padding: 8px 10px
}

.how-it-works-section .mockup-search>svg {
    color: #016df4;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.how-it-works-section .mockup-search .mockup-search-placeholder {
    color: #9ca3af;
    flex: 1;
    font-size: 12px
}

.how-it-works-section .mockup-search .mockup-search-btn {
    background: #016df4;
    border-radius: 8px;
    color: #fff;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px
}

.how-it-works-section .mockup-price-box {
    background: #f9fafb;
    border-radius: 10px;
    padding: 10px 12px
}

.how-it-works-section .mockup-price-row {
    align-items: center;
    color: #6b7280;
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

.how-it-works-section .mockup-price-row--small {
    font-size: 11px;
    margin-top: 4px
}

.how-it-works-section .mockup-price-amount {
    color: #016df4;
    font-size: 18px;
    font-weight: 800
}

.how-it-works-section .mockup-price-strike {
    color: #9ca3af;
    text-decoration: line-through
}

.how-it-works-section .mockup-price-discount {
    color: #00e497;
    font-weight: 700
}

.how-it-works-section .mockup-progress {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.how-it-works-section .mockup-progress-labels {
    color: #6b7280;
    display: flex;
    font-size: 11px;
    justify-content: space-between
}

.how-it-works-section .mockup-progress-state {
    color: #016df4;
    font-weight: 600
}

.how-it-works-section .mockup-progress-bar {
    background: #f3f4f6;
    border-radius: 999px;
    height: 6px;
    overflow: hidden
}

.how-it-works-section .mockup-progress-fill {
    animation: hiwProgressFill 1.5s ease-out;
    background: linear-gradient(90deg, #016df4, #2083fe);
    border-radius: 999px;
    height: 100%;
    width: 75%
}

.how-it-works-section .mockup-payment-methods {
    align-items: center;
    border-top: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 8px
}

.how-it-works-section .mockup-payment-methods-label {
    color: #9ca3af;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase
}

.how-it-works-section .mockup-payment-methods-logos {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.how-it-works-section .mockup-payment-methods-logos>svg {
    height: 22px;
    opacity: .85;
    transition: opacity .2s ease;
    width: auto
}

.how-it-works-section .mockup-payment-methods-logos>svg:hover {
    opacity: 1
}

.how-it-works-section .mockup-credential-row {
    align-items: center;
    background: #f9fafb;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 8px 12px
}

.how-it-works-section .mockup-credential-row>svg {
    color: #016df4;
    flex-shrink: 0;
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-credential-icon {
    align-items: center;
    background: rgba(1, 109, 244, .1);
    border-radius: 8px;
    color: #016df4;
    display: flex;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    width: 30px
}

.how-it-works-section .mockup-credential-icon>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-credential-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-credential-info .mockup-credential-label {
    color: #6b7280;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-credential-info .mockup-credential-value {
    color: #112e45;
    font-family: SFMono-Regular, Consolas, Liberation Mono, monospace;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.how-it-works-section .mockup-privacy-note {
    align-items: center;
    color: #6b7280;
    display: flex;
    font-size: 11px;
    gap: 6px;
    justify-content: center
}

.how-it-works-section .mockup-privacy-note>svg {
    color: #00e497;
    flex-shrink: 0;
    height: 13px;
    width: 13px
}

.how-it-works-section .mockup-player {
    background: #1f2937;
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(7, 26, 43, .15);
    overflow: hidden
}

.how-it-works-section .mockup-player-topbar {
    align-items: center;
    background: #111827;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px
}

.how-it-works-section .mockup-player-app {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    gap: 6px
}

.how-it-works-section .mockup-player-app-icon {
    align-items: center;
    background: #1ed760;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.how-it-works-section .mockup-player-app-icon>svg {
    height: 12px;
    width: 12px
}

.how-it-works-section .mockup-player-controls {
    align-items: center;
    color: #9ca3af;
    display: flex;
    gap: 8px
}

.how-it-works-section .mockup-player-controls>svg {
    height: 14px;
    width: 14px
}

.how-it-works-section .mockup-player-avatar {
    align-items: center;
    background: #016df4;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    width: 20px
}

.how-it-works-section .mockup-player-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px
}

.how-it-works-section .mockup-player-now {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.how-it-works-section .mockup-player-track {
    align-items: center;
    background: linear-gradient(135deg, #7c3aed, #ec4899);
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 12px
}

.how-it-works-section .mockup-player-cover {
    align-items: center;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    width: 44px
}

.how-it-works-section .mockup-player-cover>svg {
    height: 22px;
    width: 22px
}

.how-it-works-section .mockup-player-track-info {
    color: #fff;
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-player-track-info .mockup-player-track-title {
    font-size: 12px;
    font-weight: 600;
    margin: 0
}

.how-it-works-section .mockup-player-track-info .mockup-player-track-artist {
    font-size: 10px;
    margin: 0;
    opacity: .8
}

.how-it-works-section .mockup-player-play {
    align-items: center;
    color: #fff;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px
}

.how-it-works-section .mockup-player-play>svg {
    fill: #fff;
    height: 20px;
    width: 20px
}

.how-it-works-section .mockup-player-progress {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.how-it-works-section .mockup-player-progress-bar {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 999px;
    height: 3px;
    overflow: hidden
}

.how-it-works-section .mockup-player-progress-bar .mockup-player-progress-fill {
    background: #fff;
    height: 100%;
    width: 38%
}

.how-it-works-section .mockup-player-time {
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    font-size: 9px;
    justify-content: space-between
}

.how-it-works-section .mockup-player-playlist {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.how-it-works-section .mockup-player-playlist-row {
    align-items: center;
    border-radius: 6px;
    display: flex;
    gap: 8px;
    padding: 5px 4px
}

.how-it-works-section .mockup-player-playlist-num {
    align-items: center;
    background: #374151;
    border-radius: 4px;
    color: #9ca3af;
    display: flex;
    flex-shrink: 0;
    font-size: 10px;
    height: 22px;
    justify-content: center;
    width: 22px
}

.how-it-works-section .mockup-player-playlist-info {
    flex: 1;
    min-width: 0
}

.how-it-works-section .mockup-player-playlist-info .mockup-player-playlist-title {
    color: #fff;
    font-size: 10px;
    margin: 0
}

.how-it-works-section .mockup-player-playlist-info .mockup-player-playlist-artist {
    color: #6b7280;
    font-size: 9px;
    margin: 0
}

.how-it-works-section .toggle-wrapper {
    margin-bottom: 32px;
    margin-top: 32px
}

@media (min-width:768px) {
    .how-it-works-section .toggle-wrapper {
        margin-bottom: 40px
    }
}

.how-it-works-section #button-3 {
    max-width: 100%;
    width: 380px
}

.how-it-works-section #button-3 .knobs:before {
    background-color: #016df4;
    border-radius: 28px;
    color: #fff;
    content: attr(data-right);
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    left: 8px;
    line-height: 24px;
    padding: 9px 4px;
    position: absolute;
    text-align: center;
    top: 8px;
    transition: all .3s ease, left .3s cubic-bezier(.18, .89, .35, 1.15);
    width: 182px
}

@media (min-width:768px) {
    .how-it-works-section #button-3 .knobs:before {
        font-size: 17px
    }
}

.how-it-works-section #button-3 .knobs:after {
    color: #a3a3a3;
    content: attr(data-left);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 9px 4px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    width: 182px
}

@media (min-width:768px) {
    .how-it-works-section #button-3 .knobs:after {
        font-size: 17px
    }
}

.how-it-works-section #button-3 .checkbox:active+.knobs:before {
    border-radius: 28px;
    width: 160px
}

.how-it-works-section #button-3 .checkbox:checked:active+.knobs:before {
    margin-right: -20px
}

.how-it-works-section #button-3 .checkbox:checked+.knobs:before {
    background-color: #00e497;
    color: #fff;
    content: attr(data-left);
    left: 190px
}

.how-it-works-section #button-3 .checkbox:checked+.knobs:after {
    color: #a3a3a3;
    content: attr(data-right);
    font-size: 16px;
    font-weight: 700;
    left: 8px;
    line-height: 24px;
    padding: 9px 4px;
    position: absolute;
    right: auto;
    text-align: center;
    top: 8px;
    width: 182px
}

@media (min-width:768px) {
    .how-it-works-section #button-3 .checkbox:checked+.knobs:after {
        font-size: 17px
    }
}

.how-it-works-section #button-3 .checkbox:checked~.layer {
    background-color: #f3f3f3
}

.testimonials-section {
    background: #112e45;
    color: #fff;
    padding: 64px 0
}

@media (min-width:992px) {
    .testimonials-section {
        padding: 80px 0
    }
}

.testimonials-section .container {
    align-items: center;
    display: flex;
    flex-direction: column
}

.testimonials-section h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 40px;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .testimonials-section h3 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 48px
    }
}

@media (min-width:992px) {
    .testimonials-section h3 {
        font-size: 48px;
        line-height: 56px
    }
}

.testimonials-section h3 span {
    color: #00e497
}

.testimonials-section h3 u {
    position: relative;
    text-decoration: none
}

.testimonials-section h3 u:after {
    background: url(/img/dashboard/testimonials/underline.svg) no-repeat;
    bottom: -10px;
    content: "";
    height: 19.5px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media (min-width:768px) {
    .testimonials-section h3 u:after {
        bottom: -15px
    }
}

@media (min-width:992px) {
    .testimonials-section h3 u:after {
        bottom: -20px
    }
}

.testimonials-section h3 .hearts {
    position: absolute;
    right: -40px;
    top: -2px
}

.testimonials-section-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 39px;
    text-align: center
}

@media (min-width:768px) {
    .testimonials-section-subtitle {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 47px
    }
}

@media (min-width:992px) {
    .testimonials-section-subtitle {
        font-size: 22px;
        line-height: 30px
    }
}

.testimonials-section .testimonials-items {
    display: flex;
    gap: 32px;
    width: 100vw
}

/* Keep the full desktop testimonial row centered instead of showing clipped cards. */
@media (min-width:1760px) {
    .testimonials-section #comment-slider .splide__list {
        justify-content: center;
        transform: none !important;
    }

    .testimonials-section #comment-slider .splide__slide:nth-child(n+5) {
        display: none;
    }
}

@supports not (gap:1em) {
    .testimonials-section .testimonials-items>*+* {
        margin-left: 32px
    }
}

.testimonials-section .testimonials-item {
    background: #fff;
    border-radius: 12px;
    margin-top: 45px;
    min-width: 264px;
    padding: 72px 24px 28px;
    width: 264px
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item {
        min-width: 408px;
        padding: 32px 24px 28px
    }
}

.testimonials-section .testimonials-item-header {
    color: #016df4;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    position: relative
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item-header {
        flex-direction: row
    }
}

.testimonials-section .testimonials-item-avatar {
    bottom: 40px;
    left: calc(50% - 40px);
    position: absolute
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item-avatar {
        bottom: 0;
        left: 8px
    }
}

.testimonials-section .testimonials-item-user {
    text-align: center
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item-user {
        margin-left: 104px;
        text-align: left
    }
}

.testimonials-section .testimonials-item-content {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item-content {
        font-size: 18px;
        line-height: 24px
    }
}

.testimonials-section .testimonials-item-footer {
    color: #a3a3a3;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 20px;
    margin-top: auto
}

@media (min-width:768px) {
    .testimonials-section .testimonials-item-footer {
        flex-direction: row
    }
}

.testimonials-section-ab {
    padding: 32px 0 0
}

.testimonials-section-ab .testimonials-section-subtitle {
    margin-bottom: 0
}

.feature-section {
    background: #fff;
    padding: 80px 0
}

@media (min-width:992px) {
    .feature-section {
        padding: 120px 0
    }
}

.feature-section h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width:768px) {
    .feature-section h3 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 38px
    }
}

@media (min-width:992px) {
    .feature-section h3 {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 54px
    }
}

.feature-section .container {
    padding: 0 16px
}

@media (min-width:768px) {
    .feature-section .container {
        padding: 0
    }
}

.feature-section-item {
    margin-bottom: 40px
}

.feature-section-item:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .feature-section-item:nth-child(3),
    .feature-section-item:nth-child(4) {
        margin-bottom: 0
    }
}

.feature-section-item .img-wrapper {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: start;
    margin-bottom: 12px
}

.feature-section-item .img-wrapper img {
    height: 100%;
    width: auto
}

@media (min-width:768px) {
    .feature-section-item .img-wrapper {
        height: 96px;
        margin-bottom: 16px
    }
}

@media (min-width:992px) {
    .feature-section-item .img-wrapper {
        height: 165px;
        margin-bottom: 20px
    }
}

.feature-section-item .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .feature-section-item .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px;
        min-height: 70px
    }
}

.feature-section-item .content {
    display: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px
}

@media (min-width:576px) {
    .feature-section-item .content {
        display: block
    }
}

.feature-section-item .link {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 7px;
    line-height: 22px;
    text-decoration: none
}

@supports not (gap:1em) {
    .feature-section-item .link>*+* {
        margin-left: 7px
    }
}

.feature-section-item .link.text-green {
    color: #00e497
}

.feature-section-item .link.text-green span {
    border-bottom: 2px solid #00e497
}

.feature-section-item .link.text-blue {
    color: #016df4
}

.feature-section-item .link.text-blue span {
    border-bottom: 2px solid #016df4
}

.call-to-action {
    background: #112e45;
    padding: 64px 0;
    position: relative
}

@media (min-width:992px) {
    .call-to-action {
        padding: 80px 0
    }
}

@media (min-width:1200px) {
    .call-to-action {
        padding: 120px 0
    }
}

.call-to-action .container {
    align-items: center;
    display: flex;
    padding: 0 16px
}

@media (min-width:768px) {
    .call-to-action .container {
        padding: 0
    }
}

@media (min-width:992px) {
    .call-to-action .container .row {
        align-items: center
    }
}

.call-to-action .logo-circle {
    display: none
}

@media (min-width:992px) {
    .call-to-action .logo-circle {
        bottom: 32%;
        display: block;
        height: 186px;
        left: 0;
        position: absolute
    }
}

@media (min-width:1200px) {
    .call-to-action .logo-circle {
        bottom: 20%;
        height: 272px
    }
}

.call-to-action-title {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 52px
}

@media (min-width:768px) {
    .call-to-action-title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 56px
    }
}

@media (min-width:992px) {
    .call-to-action-title {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .call-to-action-title {
        font-size: 40px;
        line-height: 48px
    }
}

.call-to-action-title span {
    color: #00e497
}

.call-to-action-title u {
    position: relative;
    text-decoration: none
}

.call-to-action-title u:after {
    background: url(/img/dashboard/call-to-action/underline.svg) no-repeat;
    bottom: -20px;
    content: "";
    height: 19.5px;
    left: 0;
    position: absolute;
    right: 0
}

.call-to-action-content p {
    color: #f5f5f5;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

@media (min-width:768px) {
    .call-to-action-content p {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:1200px) {
    .call-to-action-content p {
        font-size: 20px;
        line-height: 28px
    }
}

.call-to-action-content p:first-child {
    margin-bottom: 20px
}

.call-to-action-content .btn-sharesub {
    display: inline-flex;
    margin-top: 32px
}

.press-section {
    background: #d6e8ff;
    padding: 56px 0;
    position: relative
}

@media (min-width:1200px) {
    .press-section {
        padding: 80px 0
    }
}

@media (min-width:992px) {
    .press-section {
        padding: 88px 0
    }
}

@media (min-width:768px) {
    .press-section {
        padding: 64px 0
    }
}

.press-section .container {
    padding: 0 16px
}

@media (min-width:768px) {
    .press-section .container {
        padding: 0
    }
    .press-section .container .row {
        align-items: center
    }
}

.press-section .press-title {
    color: #016df4;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin-bottom: 32px;
    text-align: center
}

@media (min-width:768px) {
    .press-section .press-title {
        margin-bottom: 0;
        text-align: left
    }
}

@media (min-width:992px) {
    .press-section .press-title {
        font-size: 32px;
        font-size: 40px;
        line-height: 40px;
        line-height: 48px
    }
}

.press-section .press-title br {
    display: none
}

@media (min-width:768px) {
    .press-section .press-title br {
        display: inline-block
    }
}

.press-section .press-wrapper a {
    display: block;
    margin-bottom: 43px;
    text-align: center
}

@media (min-width:768px) {
    .press-section .press-wrapper a {
        margin-bottom: 32px
    }
}

@media (min-width:992px) {
    .press-section .press-wrapper a {
        max-height: 40px
    }
}

@media (min-width:1200px) {
    .press-section .press-wrapper a {
        max-height: 48px
    }
}

.press-section .press-wrapper a:nth-child(5),
.press-section .press-wrapper a:nth-child(6) {
    margin-bottom: 0
}

@media (min-width:768px) {
    .press-section .press-wrapper a:nth-child(4) {
        margin-bottom: 0
    }
}

.press-section .press-wrapper img {
    max-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .press-section .press-wrapper img {
        max-height: 20px
    }
}

@media (min-width:992px) {
    .press-section .press-wrapper img {
        max-height: 24px
    }
}

@media (min-width:1200px) {
    .press-section .press-wrapper img {
        max-height: 30px
    }
}

.press-section .zigzag {
    bottom: 20%;
    display: none;
    position: absolute;
    right: 0
}

@media (min-width:768px) {
    .press-section .zigzag {
        display: block;
        right: -60px
    }
}

@media (min-width:992px) {
    .press-section .zigzag {
        right: -22px
    }
}

@media (min-width:1200px) {
    .press-section .zigzag {
        right: 0
    }
}

#press-slider {
    padding-top: 0
}

@media (min-width:768px) {
    #press-slider {
        padding-top: 12px
    }
}

@media (min-width:992px) {
    #press-slider {
        padding-top: 30px
    }
}

.faq-section {
    background: #fff;
    padding: 80px 0
}

@media (min-width:992px) {
    .faq-section {
        padding: 120px 0
    }
}

.faq-section .container {
    padding: 0 16px
}

@media (min-width:768px) {
    .faq-section .container {
        padding: 0
    }
}

@media (min-width:1200px) {
    .faq-section .container {
        padding: 0 100px
    }
}

.faq-section-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    text-align: center
}

@media (min-width:768px) {
    .faq-section-title {
        font-size: 40px;
        line-height: 48px
    }
}

@media (min-width:992px) {
    .faq-section-title {
        font-size: 48px;
        line-height: 56px
    }
}

.faq-section .faq-item {
    border-bottom: 1px solid #d6e8ff;
    display: flex;
    flex-direction: column;
    padding: 32px 0
}

.faq-section .faq-item.active .faq-item-title:after {
    background: url(/img/dashboard/faq/less.svg);
    content: " ";
    display: block;
    height: 24px;
    width: 24px
}

.faq-section .faq-item.active .faq-item-title+.faq-item-content {
    margin-top: 24px;
    max-height: 800px;
    opacity: 1
}

.faq-section .faq-item-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 16px;
    justify-content: space-between;
    line-height: 24px;
    margin: 0
}

@supports not (gap:1em) {
    .faq-section .faq-item-title>*+* {
        margin-left: 16px
    }
}

.faq-section .faq-item-title:after {
    background: url(/img/dashboard/faq/more.svg) no-repeat 50%;
    content: " ";
    display: block;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.faq-section .faq-item-subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.faq-section .faq-item-content {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .25s ease, opacity .2s ease, margin-top .25s ease
}

.lang-dropdown {
    display: inline-block;
    margin: 0 auto
}

.lang-dropdown .dropdown-toggle {
    align-items: center;
    background: #294358;
    border: none;
    border-radius: 24px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    font-weight: 400;
    gap: 8px;
    height: 44px;
    line-height: 24px;
    padding: 6px 21px 6px 11px
}

@supports not (gap:1em) {
    .lang-dropdown .dropdown-toggle>*+* {
        margin-left: 8px
    }
}

.lang-dropdown .dropdown-toggle:after {
    background: url(/img/home/caret-white.svg);
    border: none;
    flex: 0 0 auto;
    height: 7.5px;
    margin-left: 13px;
    position: relative;
    width: 14px
}

.lang-dropdown .dropdown-toggle>img {
    border-radius: 4px;
    width: 32px
}

.lang-dropdown .dropdown-toggle.btn-sharesub {
    padding: 6px 16px
}

.lang-dropdown .dropdown-toggle.btn-sharesub:after {
    background: url(/img/home/caret-white.svg);
    border: none;
    bottom: 1px;
    height: 7.5px;
    margin-left: 13px;
    position: relative;
    width: 14px
}

.lang-dropdown.show .dropdown-toggle {
    background: #fff;
    color: #112e45
}

.lang-dropdown.show .dropdown-toggle:after {
    background: url(/img/home/caret-black.svg)
}

.lang-dropdown .dropdown-menu {
    background: #fff;
    border-radius: 12px;
    max-height: 640px;
    overflow-y: auto;
    padding: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.lang-dropdown .dropdown-menu a.dropdown-item {
    border-radius: 22px;
    color: #112e45 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    padding: 6px 6px 6px 11px !important
}

.lang-dropdown .dropdown-menu a.dropdown-item img {
    border-radius: 4px;
    margin-right: 8px;
    width: 32px
}

.lang-dropdown .dropdown-menu a.dropdown-item.current,
.lang-dropdown .dropdown-menu a.dropdown-item:hover {
    background: #122e45 !important;
    color: #fff !important
}

.lang-dropdown .dropdown-menu.country-dropdown {
    max-height: 265px;
    overflow-y: scroll
}

.lang-dropdown.d-md-block .dropdown-menu.show {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.search-opened {
    overflow: hidden
}

@media (min-width:768px) {
    .search-opened {
        overflow: auto
    }
}

.native-select {
    background: #294358;
    background-image: url(/img/home/caret-white.svg);
    background-position-x: calc(100% - 20px);
    background-position-y: 17px;
    background-repeat: no-repeat;
    border-color: #294358;
    border-radius: 28px;
    height: 44px;
    padding: 0 50px 0 20px
}

.native-select,
.select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.select {
    background: #fff;
    background-image: url(/img/home/caret-black-rotated.svg);
    background-position-x: calc(100% - 29px);
    background-position-y: 22px;
    background-repeat: no-repeat;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    height: 56px;
    justify-content: flex-start;
    line-height: 24px;
    padding: 0 30px;
    text-align: start;
    width: 100%
}

.header,
.select {
    align-items: center;
    display: flex
}

.header {
    height: 560px;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%
}

@media (max-width:575.98px) {
    .header {
        height: 400px
    }
}

.hero-dasboard {
    background: #112e45
}

#howitworks h3 {
    font-size: 36px;
    font-weight: 700
}

#howitworks h3.vert {
    color: #00e497
}

#howitworks h3.bleu {
    color: #016df4
}

.step {
    align-items: center;
    margin-bottom: 50px;
    margin-top: 50px
}

.step .step__number {
    align-items: center;
    color: #bdbdbd;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.step .step__number:before {
    background-color: #bdbdbd;
    content: "";
    height: 1px;
    left: 0;
    margin-right: 12px;
    width: 50px
}

.step .step__keyword {
    color: #016df4;
    font-size: 48px;
    font-weight: 700;
    margin-top: 15px
}

@media (max-width:991.98px) {
    .step .step__keyword {
        font-size: 40px
    }
}

@media (max-width:767.98px) {
    .step .step__keyword {
        font-size: 30px
    }
}

.step .step__keyword-subtext {
    color: #112e45;
    font-size: 40px;
    font-weight: 700
}

@media (max-width:991.98px) {
    .step .step__keyword-subtext {
        font-size: 30px
    }
}

@media (max-width:767.98px) {
    .step .step__keyword-subtext {
        font-size: 24px
    }
}

.step .step__description {
    color: #828282;
    font-size: 18px;
    font-weight: 400;
    margin-top: 24px
}

.advantages-card {
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05)
}

.home.splide .splide__track {
    position: relative
}

@media (min-width:576px) {
    .home.splide .splide__track:after,
    .home.splide .splide__track:before {
        background: linear-gradient(270deg, rgba(255, 0, 0, 0) 20%, #f8f9fe 70%);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100px;
        z-index: 2
    }
    .home.splide .splide__track:after {
        background: linear-gradient(90deg, rgba(255, 0, 0, 0) 20%, #f8f9fe 70%);
        left: unset;
        right: 0
    }
}

.home.splide .splide__slide>div {
    background: #fff;
    border-radius: 4px;
    opacity: .5;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    transform: scale(.8);
    transition: opacity .2s ease-out, transform .2s ease-out;
    width: 600px;
    z-index: 1
}

.home.splide .splide__slide.is-active>div {
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05);
    opacity: 1;
    transform: scale(1);
    z-index: 2
}

.home.splide .splide__arrow {
    fill: #fff;
    background: #016df4;
    height: 48px;
    opacity: 1;
    width: 48px
}

.home.splide .splide__arrow.splide__arrow--next {
    right: -2em
}

@media (max-width:767.98px) {
    .home.splide .splide__arrow.splide__arrow--next {
        right: -1em
    }
}

.home.splide .splide__arrow.splide__arrow--prev {
    left: -2em
}

@media (max-width:767.98px) {
    .home.splide .splide__arrow.splide__arrow--prev {
        left: -1em
    }
}

.home.splide .splide__arrow svg {
    width: 15px
}

.home.splide .splide__avatar {
    border-radius: 9999px;
    display: block;
    margin: 0 auto;
    width: 90px
}

.home.splide .splide__text {
    margin-bottom: 30px;
    padding: 0 30px;
    text-align: center
}

@media (max-width:767.98px) {
    .home.splide .splide__text {
        margin: 0 auto;
        width: 65%
    }
}

@media (max-width:575.98px) {
    .home.splide .splide__text {
        margin: 0 auto;
        width: 50%
    }
}

.home.splide .splide__customer {
    margin-bottom: 10px;
    text-align: center
}

[data-class-visible] {
    transform-box: fill-box;
    transition: transform .5s ease-out
}

[data-class-visible].woman-translate-x {
    transform: translateX(-50px)
}

[data-class-visible].woman-translate-x .circle-plus {
    transform: scale(.6)
}

[data-class-visible][data-class-visible=woman-translate-x] {
    transition-duration: 1.25s
}

[data-class-visible].envelope {
    transform: translate(125px, -50px) rotate(30deg) scale(.7)
}

[data-class-visible][data-class-visible=envelope] {
    transition-duration: 1.25s
}

[data-class-visible].circle-price {
    transform: translateX(-50px) scale(.7)
}

[data-class-visible][data-class-visible=circle-price] {
    transition-duration: .4s
}

[data-class-visible][data-class-visible=circle-price]:first-of-type {
    transition-delay: 75ms
}

[data-class-visible][data-class-visible=circle-price]:nth-of-type(2) {
    transition-delay: .05s
}

[data-class-visible][data-class-visible=circle-price]:nth-of-type(3) {
    transition-delay: .1s
}

img[class^=floating-] {
    position: absolute
}

@media (min-width:576px) {
    img[class^=floating-].floating-router {
        left: -50px;
        top: -150px;
        width: 175px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-router {
        top: -250px;
        width: 250px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-router {
        top: -320px;
        width: unset
    }
}

@media (min-width:576px) {
    img[class^=floating-].floating-phone {
        left: -90px;
        top: 70px;
        width: 175px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-phone {
        width: 200px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-phone {
        left: -90px;
        width: unset
    }
}

@media (min-width:576px) {
    img[class^=floating-].floating-house {
        right: -60px;
        top: 30px;
        width: 150px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-house {
        top: -50px;
        width: 190px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-house {
        right: 0;
        top: -200px;
        width: unset
    }
}

img[class^=floating-].floating-game {
    bottom: -50px;
    left: -50px;
    width: 150px
}

@media (min-width:576px) {
    img[class^=floating-].floating-game {
        width: 200px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-game {
        width: 300px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-game {
        left: 50px;
        width: unset
    }
}

img[class^=floating-].floating-film {
    bottom: -100px;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 150px
}

@media (min-width:576px) {
    img[class^=floating-].floating-film {
        width: 200px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-film {
        bottom: -150px;
        width: 300px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-film {
        width: unset
    }
}

img[class^=floating-].floating-music {
    bottom: -50px;
    right: -50px;
    width: 150px
}

@media (min-width:576px) {
    img[class^=floating-].floating-music {
        width: 200px
    }
}

@media (min-width:768px) {
    img[class^=floating-].floating-music {
        width: 300px
    }
}

@media (min-width:992px) {
    img[class^=floating-].floating-music {
        right: 50px;
        width: unset
    }
}

.logo-sharesub-homepage {
    margin-top: -40%;
    position: relative;
    transform: translateY(50%);
    z-index: 100
}

@media (min-width:576px) {
    .logo-sharesub-homepage {
        margin-top: -30%
    }
}

@media (min-width:768px) {
    .logo-sharesub-homepage {
        margin-top: -20%
    }
}

@media (min-width:992px) {
    .logo-sharesub-homepage {
        margin-top: -10%
    }
}

@media (max-width:575.98px) {
    #svg-circle {
        height: 96%;
        width: 96%
    }
}

.word-slider-title {
    line-height: 1.2;
    margin-bottom: .5rem
}

.error-page {
    background-color: #eef4fb;
    text-align: center
}

.error-page h1 {
    padding-top: 50px
}

.error-page h2 {
    font-size: 1rem;
    padding-top: 20px
}

.error-page .category-content {
    padding-top: 40px
}

.suggest-language {
    background-color: #d9e8ff;
    border-radius: 12px;
    color: #112e45;
    padding: 20px
}

.suggest-language button.close {
    position: absolute;
    right: 20px;
    top: 0
}

.suggest-language .suggest-lang-dropdown {
    vertical-align: middle
}

.saving-simulator {
    background: linear-gradient(180deg, #d6e8ff, #eef4fb);
    overflow: hidden;
    padding: 80px 0;
    position: relative
}

@media (min-width:992px) {
    .saving-simulator {
        padding: 120px 0
    }
}

.saving-simulator-title {
    color: #112e45;
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    margin-bottom: 8px;
    text-align: center
}

@media (min-width:768px) {
    .saving-simulator-title {
        font-size: 40px;
        line-height: 48px
    }
}

@media (min-width:992px) {
    .saving-simulator-title {
        font-size: 48px;
        line-height: 56px
    }
}

.saving-simulator-subtitle {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
    opacity: .8;
    text-align: center
}

@media (min-width:768px) {
    .saving-simulator-subtitle {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 40px
    }
}

.saving-simulator-modes {
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 4px 20px rgba(7, 26, 43, .06);
    display: inline-flex;
    left: 50%;
    margin: 0 auto 32px;
    padding: 4px;
    position: relative;
    transform: translateX(-50%);
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

.saving-simulator-mode-btn {
    background: transparent;
    border: none;
    border-radius: 999px;
    color: #4f4f4f;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 24px;
    transition: all .2s ease
}

.saving-simulator-mode-btn.active {
    background: #112e45;
    color: #fff
}

.saving-simulator-mode-btn:not(.active):hover {
    color: #112e45
}

@media (min-width:768px) {
    .saving-simulator-mode-btn {
        font-size: 16px;
        padding: 12px 32px
    }
}

.saving-simulator-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 980px
}

@media (min-width:992px) {
    .saving-simulator-grid {
        align-items: stretch;
        gap: 32px;
        grid-template-columns: 1fr 1fr
    }
}

.saving-simulator-controls {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(7, 26, 43, .06);
    padding: 32px 24px
}

@media (min-width:768px) {
    .saving-simulator-controls {
        padding: 40px 32px
    }
}

.saving-simulator-label {
    color: #112e45;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px
}

.saving-simulator-label-spaced {
    margin-top: 32px
}

.saving-simulator-search {
    position: relative
}

.saving-simulator-search-input {
    align-items: center;
    background: #fff;
    border: 1.5px solid #d6e8ff;
    border-radius: 12px;
    cursor: text;
    display: flex;
    gap: 12px;
    padding: 10px 16px;
    transition: border-color .2s ease, box-shadow .2s ease
}

.saving-simulator-search-input.is-open,
.saving-simulator-search-input:focus-within {
    border-color: #016df4;
    box-shadow: 0 0 0 4px rgba(1, 109, 244, .08)
}

.saving-simulator-search-input input {
    background: transparent;
    border: none;
    color: #112e45;
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    min-width: 0;
    outline: none
}

.saving-simulator-search-input input::-moz-placeholder {
    color: #828282
}

.saving-simulator-search-input input::placeholder {
    color: #828282
}

.saving-simulator-search-chevron {
    color: #828282;
    flex-shrink: 0;
    height: 16px;
    transition: transform .2s ease;
    width: 16px
}

.saving-simulator-search-chevron.rotated {
    transform: rotate(180deg)
}

.saving-simulator-search-badge {
    align-items: center;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(7, 26, 43, .15);
    color: #fff;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    width: 32px
}

.saving-simulator-search-dropdown {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(7, 26, 43, .14);
    left: 0;
    max-height: 320px;
    overflow-y: auto;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 20
}

.saving-simulator-search-result {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: 10px 16px;
    transition: background .15s ease
}

.saving-simulator-search-result:hover {
    background: #eef4fb
}

.saving-simulator-search-name {
    color: #112e45;
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px
}

.saving-simulator-search-empty {
    color: #828282;
    font-size: 14px;
    padding: 20px 16px;
    text-align: center
}

.saving-simulator-slot-count {
    color: #112e45;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

.saving-simulator-slot-count span {
    color: #016df4;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    margin-right: 6px
}

.saving-simulator-slider {
    margin: 0 8px
}

.saving-simulator-quote {
    background: #112e45;
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(7, 26, 43, .18);
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
    transition: background .3s ease
}

@media (min-width:768px) {
    .saving-simulator-quote {
        padding: 40px 32px
    }
}

.saving-simulator-quote.is-join {
    background: linear-gradient(180deg, #112e45, #02459c)
}

.saving-simulator-quote-header {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 24px
}

.saving-simulator-quote-icon {
    flex-shrink: 0;
    height: 48px;
    width: 48px
}

.saving-simulator-quote-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0
}

@media (min-width:768px) {
    .saving-simulator-quote-title {
        font-size: 26px;
        line-height: 32px
    }
}

.saving-simulator-quote-line {
    align-items: baseline;
    border-bottom: 1px solid hsla(0, 0%, 100%, .12);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 0
}

.saving-simulator-quote-label {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px
}

.saving-simulator-quote-value {
    align-items: flex-end;
    display: inline-flex;
    flex-direction: column;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    line-height: 28px;
    text-align: right
}

@media (min-width:768px) {
    .saving-simulator-quote-value {
        font-size: 22px
    }
}

.saving-simulator-quote-note {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 2px;
    opacity: .65
}

.saving-simulator-quote-strike {
    opacity: .55;
    text-decoration: line-through
}

.saving-simulator-quote-highlight {
    background: rgba(0, 228, 151, .14);
    border-bottom: none;
    border-radius: 12px;
    margin-top: 8px;
    padding: 14px 16px
}

.saving-simulator-quote-highlight .saving-simulator-quote-label {
    color: #00e497
}

.saving-simulator-quote-highlight .saving-simulator-quote-value {
    color: #00e497;
    font-size: 26px;
    line-height: 32px
}

@media (min-width:768px) {
    .saving-simulator-quote-highlight .saving-simulator-quote-value {
        font-size: 30px
    }
}

.saving-simulator-cta {
    justify-content: center;
    margin-top: 24px;
    text-align: center;
    width: 100%
}

.saving-simulator-cta-secondary {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
    opacity: .8;
    text-align: center;
    text-decoration: underline;
    transition: opacity .2s ease
}

.saving-simulator-cta-secondary:hover {
    color: #fff;
    opacity: 1
}

.saving-simulator-testimonial {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .7);
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 12px;
    display: flex;
    gap: 16px;
    margin: 40px auto 0;
    max-width: 560px;
    padding: 20px 24px
}

@media (min-width:768px) {
    .saving-simulator-testimonial {
        padding: 24px 28px
    }
}

.saving-simulator-testimonial-quote {
    color: #016df4;
    flex-shrink: 0;
    height: 28px;
    opacity: .6;
    width: 28px
}

.saving-simulator-testimonial-text {
    color: #112e45;
    font-size: 15px;
    font-style: italic;
    line-height: 22px;
    margin: 0 0 6px
}

.saving-simulator-testimonial-author {
    color: #4f4f4f;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin: 0
}

.create-sub-wrapper {
    flex-direction: column
}

@media (min-width:992px) {
    .create-sub-wrapper {
        flex-direction: row
    }
}

.create-sub .spinner:after {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #00e497 #00e497;
    border-radius: 1em;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 1.25em;
    left: calc(50% - .625em);
    position: absolute;
    top: calc(50% - .625em);
    width: 1.25em
}

.navbar-create-sub {
    align-items: center;
    background-color: #112e45;
    display: flex;
    height: 64px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .navbar-create-sub {
        height: 72px
    }
}

@media (min-width:992px) {
    .navbar-create-sub {
        align-items: center;
        flex-direction: column;
        height: 100vh;
        justify-content: center;
        min-width: 256px;
        width: auto
    }
}

@media (min-width:1200px) {
    .navbar-create-sub {
        min-width: 304px
    }
}

.navbar-create-sub-header {
    padding: 0 16px
}

@media (min-width:768px) {
    .navbar-create-sub-header {
        padding: 0 28px
    }
}

@media (min-width:992px) {
    .navbar-create-sub-header {
        display: flex;
        flex-direction: column;
        gap: 8px;
        left: 0;
        padding: 20px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0
    }
    @supports not (gap:1em) {
        .navbar-create-sub-header>:not(:last-child) {
            margin-bottom: 8px
        }
    }
}

.navbar-create-sub-logo {
    height: 24px
}

@media (min-width:768px) {
    .navbar-create-sub-logo {
        height: 32px
    }
}

.navbar-create-sub-subtitle {
    color: #00e497;
    display: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px;
    text-align: center
}

@media (min-width:992px) {
    .navbar-create-sub-subtitle {
        display: block
    }
}

.navbar-create-sub .subscription-progress-nav {
    display: none;
    gap: 12px;
    margin: 0
}

@supports not (gap:1em) {
    .navbar-create-sub .subscription-progress-nav>:not(:last-child) {
        margin-bottom: 12px
    }
}

@media (min-width:992px) {
    .navbar-create-sub .subscription-progress-nav {
        display: flex;
        flex-direction: column
    }
}

.navbar-create-sub .subscription-progress-nav>li {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0
}

.navbar-create-sub .subscription-progress-nav>li.current {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px
}

@supports not (gap:1em) {
    .navbar-create-sub .subscription-progress-nav>li.current>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-progress {
    display: flex;
    height: 4px;
    transition: 1s linear
}

.subscription-progress-bar {
    background-color: #00e497;
    width: 0
}

.subscription-category {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@supports not (gap:1em) {
    .subscription-category>:not(:last-child) {
        margin-bottom: 32px
    }
}

.subscription-category-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0
}

.subscription-category-item {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin-bottom: 24px;
    padding: 35px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@supports not (gap:1em) {
    .subscription-category-item>:not(:last-child) {
        margin-bottom: 8px
    }
}

.subscription-category-item:hover {
    border-color: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08)
}

.subscription-category-item:active {
    background: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #fff
}

.subscription-category-item:active .subscription-category-item_icon {
    color: #fff
}

.subscription-category-item_icon {
    color: #00e497;
    height: 24px
}

.subscription-category-item_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize
}

.subscription-country {
    padding-bottom: 72px;
    width: 100%
}

@media (min-width:768px) {
    .subscription-country {
        padding-bottom: 0
    }
}

.subscription-country-previous {
    position: relative;
    top: 8px
}

.subscription-country-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0
}

.subscription-country-header {
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:992px) {
    .subscription-country-header {
        margin-top: 24px
    }
}

.subscription-country-top {
    margin-bottom: 16px
}

.subscription-country-top-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-country-top-items>* {
        margin: 0 8px 8px 0
    }
}

.subscription-country-separator {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 12px
}

@supports not (gap:1em) {
    .subscription-country-separator>:not(:last-child) {
        margin-right: 12px
    }
}

.subscription-country-separator span {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap
}

.subscription-country-separator:after {
    background: #d6e8ff;
    content: "";
    flex: 1;
    height: 1px
}

.subscription-country-search {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    height: 36px;
    margin-bottom: 12px;
    padding: 0 12px;
    width: 100%
}

@supports not (gap:1em) {
    .subscription-country-search>:not(:last-child) {
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .subscription-country-search {
        width: 280px
    }
}

.subscription-country-search-icon {
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.subscription-country-search-input {
    background: transparent;
    border: none;
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    outline: none;
    width: 100%
}

.subscription-country-search-input::-moz-placeholder {
    color: #a3a3a3
}

.subscription-country-search-input::placeholder {
    color: #a3a3a3
}

.subscription-country-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-country-list>* {
        margin: 0 8px 8px 0
    }
}

.subscription-country-compact-item {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 20px;
    color: #112e45;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 0;
    padding: 6px 14px;
    transition: border-color .15s ease, background-color .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

@supports not (gap:1em) {
    .subscription-country-compact-item>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-country-compact-item.selected {
    background: rgba(0, 228, 151, .08);
    border-color: #00e497;
    font-weight: 600
}

.subscription-country-compact-item:hover {
    border-color: #00e497
}

.subscription-country-compact-item-flag {
    border-radius: 2px;
    flex-shrink: 0;
    height: 14px;
    width: 20px
}

.subscription-country-not-found {
    padding: 16px 0;
    text-align: center
}

.subscription-country-not-found p {
    margin-bottom: 8px
}

.subscription-country .btn-sharesub {
    bottom: 16px;
    left: 16px;
    margin-top: 24px;
    position: fixed;
    width: calc(100% - 32px);
    z-index: 10
}

@media (min-width:768px) {
    .subscription-country .btn-sharesub {
        left: auto;
        position: static;
        width: -moz-fit-content;
        width: fit-content
    }
}

.subscription-country .btn-sharesub-outline {
    align-items: center;
    background: transparent;
    border: 1px solid #016df4;
    border-radius: 20px;
    color: #016df4;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
    padding: 8px 20px;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease
}

.subscription-country .btn-sharesub-outline:hover {
    background: #016df4;
    color: #fff;
    text-decoration: none
}

.subscription-draft-button {
    align-items: center;
    border: 1px solid #00e497;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    padding: 8px 16px
}

.subscription-brand {
    width: 100%
}

.subscription-brand-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0
}

.subscription-brand-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px 24px;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 16px
}

@supports not (gap:1em) {
    .subscription-brand-header>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .subscription-brand-header {
        margin-top: 24px
    }
}

@media (min-width:1200px) {
    .subscription-brand-header {
        flex-direction: row;
        gap: 0
    }
    @supports not (gap:1em) {
        .subscription-brand-header>:not(:last-child) {
            margin-bottom: 0
        }
    }
}

.subscription-brand-search {
    align-items: center;
    background: #fff;
    border-radius: 24px;
    display: flex;
    gap: 18px;
    height: 40px;
    justify-content: center;
    width: 100%
}

@supports not (gap:1em) {
    .subscription-brand-search>:not(:last-child) {
        margin-right: 18px
    }
}

.subscription-brand-search-icon {
    align-items: center;
    background: #fff;
    border-radius: 24px;
    display: flex;
    gap: 18px;
    justify-content: center
}

@supports not (gap:1em) {
    .subscription-brand-search-icon>:not(:last-child) {
        margin-right: 18px
    }
}

.subscription-brand-search-input {
    border: none;
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    min-width: 250px;
    outline: none
}

.subscription-brand-items {
    row-gap: 16px
}

@media (min-width:992px) {
    .subscription-brand-items {
        row-gap: 24px
    }
}

.subscription-brand-item {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 16px 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.subscription-brand-item.selected,
.subscription-brand-item:hover {
    border-color: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08)
}

.subscription-brand-item:active {
    background: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #fff
}

.subscription-brand-item.custom {
    display: block;
    height: 100%;
    justify-content: left;
    padding: 16px;
    text-align: left;
    text-transform: none
}

.subscription-template {
    width: 100%
}

.subscription-template-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 16px 0 32px
}

@media (min-width:992px) {
    .subscription-template-title {
        margin: 24px 0 32px
    }
}

.subscription-template-items {
    row-gap: 16px
}

@media (min-width:992px) {
    .subscription-template-items {
        row-gap: 30px
    }
}

.subscription-template-item {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@supports not (gap:1em) {
    .subscription-template-item>:not(:last-child) {
        margin-bottom: 8px
    }
}

.subscription-template-item.selected,
.subscription-template-item:hover {
    border-color: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08)
}

.subscription-template-item:active {
    background: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #fff
}

.subscription-template-item.disabled {
    border-color: #e1e1e1;
    cursor: default
}

.subscription-template-item-title-row {
    align-items: center;
    display: flex;
    gap: 8px
}

.subscription-template-item-title {
    color: #00e497;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-template-item-title.disabled {
    color: #e1e1e1
}

.subscription-template-item-pill {
    background: rgba(17, 46, 69, .06);
    border-radius: 20px;
    color: #4f4f4f;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 10px;
    white-space: nowrap
}

.subscription-template-item-infos {
    display: flex
}

.subscription-template-item-info {
    align-items: center;
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-template-item-info>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-template-item-info.user {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.subscription-template-item-info.price {
    border-left: 1px solid #112e45;
    color: #092035;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px;
    margin-left: 8px;
    padding-left: 8px
}

.subscription-visibility-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 16px 0 32px
}

@media (min-width:992px) {
    .subscription-visibility-title {
        margin: 24px 0 32px
    }
}

.subscription-visibility-title>span {
    color: #00e497
}

.subscription-visibility-items {
    row-gap: 16px
}

@media (min-width:992px) {
    .subscription-visibility-items {
        row-gap: 30px
    }
}

.subscription-visibility-item {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    margin: 0;
    padding: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@supports not (gap:1em) {
    .subscription-visibility-item>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-visibility-item:hover {
    border-color: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08)
}

.subscription-visibility-item:hover.disabled {
    border-color: #a3a3a3;
    cursor: default
}

.subscription-visibility-item:active {
    background: #00e497;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #fff
}

.subscription-visibility-item:active .subscription-visibility-item-description,
.subscription-visibility-item:active .subscription-visibility-item-title {
    color: #fff
}

.subscription-visibility-item-title {
    color: #00e497;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-visibility-item-title.disabled {
    color: #a3a3a3
}

.subscription-visibility-item-description {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.subscription-position #map {
    height: 300px;
    width: 100%
}

.subscription-position #map .leaflet-location {
    background: #00e497;
    border-radius: 12px;
    cursor: pointer;
    height: 34px;
    left: 55px;
    position: absolute;
    top: 10px;
    width: 34px;
    z-index: 9999
}

.subscription-position #map .leaflet-location img {
    margin: 3px;
    max-height: 28px;
    max-width: 28px
}

.subscription-position #map .leaflet-top.leaflet-right {
    width: calc(100% - 102px)
}

.subscription-position #map .leaflet-top.leaflet-right .leaflet-control {
    float: none
}

.subscription-position #map form.svelte-bz0zu3,
.subscription-position #map form.svelte-bz0zu3.svelte-bz0zu3,
.subscription-position #map form.svelte-bz0zu3.svelte-bz0zu3:focus-within,
.subscription-position #map form.svelte-bz0zu3.svelte-bz0zu3:hover {
    max-width: 100%;
    width: auto !important
}

.subscription-position #map li.selected.svelte-w9y5n9.svelte-w9y5n9 {
    animation: none
}

.subscription-email {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 68px - 3rem);
    width: 100%
}

@media (min-width:768px) {
    .subscription-email {
        height: auto
    }
}

.subscription-email-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 16px 0 32px
}

@media (min-width:992px) {
    .subscription-email-title {
        margin: 24px 0 32px
    }
}

.subscription-email-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px
}

@supports not (gap:1em) {
    .subscription-email-content>:not(:last-child) {
        margin-bottom: 32px
    }
}

.subscription-email-content .input-sharesub {
    width: 100%;
    width: calc(100% - 30px)
}

@media (min-width:768px) {
    .subscription-email-content .input-sharesub {
        max-width: 464px
    }
}

@media (min-width:992px) {
    .subscription-email-content .input-sharesub {
        max-width: 448px
    }
}

@media (min-width:1200px) {
    .subscription-email-content .input-sharesub {
        max-width: 568px
    }
}

.subscription-email-content .btn-sharesub {
    width: 100%
}

@media (min-width:768px) {
    .subscription-email-content .btn-sharesub {
        margin-top: auto;
        width: -moz-fit-content;
        width: fit-content
    }
}

.subscription-share {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 68px - 3rem);
    width: 100%
}

@media (min-width:768px) {
    .subscription-share {
        height: auto
    }
}

.subscription-share-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 16px 0
}

@media (min-width:992px) {
    .subscription-share-title {
        margin: 24px 0 16px
    }
}

.subscription-share-title>span {
    color: #00e497
}

.subscription-share-infos {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 28px
}

@supports not (gap:1em) {
    .subscription-share-infos>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .subscription-share-infos {
        align-items: center;
        flex-direction: row;
        gap: 32px;
        margin-bottom: 56px
    }
    @supports not (gap:1em) {
        .subscription-share-infos>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 32px
        }
    }
}

.subscription-share-info {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 20px
}

@supports not (gap:1em) {
    .subscription-share-info>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-share-places {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px
}

@supports not (gap:1em) {
    .subscription-share-places>:not(:first-child) {
        margin-top: 16px
    }
}

.subscription-share-places-title {
    color: #00e497;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-share-places-input {
    align-items: center;
    display: flex;
    gap: 25px
}

@supports not (gap:1em) {
    .subscription-share-places-input>:not(:last-child) {
        margin-right: 25px
    }
}

.subscription-share-places-input>button {
    background: 0;
    border: none;
    outline: none;
    padding: 0
}

.subscription-share-places-input>input {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    max-width: auto;
    text-align: center
}

@media (min-width:768px) {
    .subscription-share-places-input>input {
        max-width: 156px
    }
}

.subscription-share-pay {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:768px) {
    .subscription-share-pay {
        margin-bottom: 0;
        text-align: left
    }
}

.subscription-share-receive {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 32px;
    text-align: center
}

.subscription-share-receive>span {
    color: #00e497
}

@media (min-width:768px) {
    .subscription-share-receive {
        text-align: left
    }
}

.subscription-share-savings {
    background: #d5ffe3;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
    padding: 16px 20px
}

@supports not (gap:1em) {
    .subscription-share-savings>:not(:last-child) {
        margin-bottom: 12px
    }
}

.subscription-share-savings-row {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .subscription-share-savings-row {
        text-align: left
    }
}

.subscription-share-savings-row>strong {
    color: #112e45;
    margin-left: 4px
}

.subscription-share-savings-badge {
    align-items: center;
    color: #008a5b;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 24px
}

@supports not (gap:1em) {
    .subscription-share-savings-badge>:not(:last-child) {
        margin-right: 8px
    }
}

@media (min-width:768px) {
    .subscription-share-savings-badge {
        justify-content: flex-start
    }
}

.subscription-share-savings-badge>span:first-child {
    font-size: 20px
}

.subscription-share-savings-badge strong {
    color: #008a5b
}

@media (min-width:768px) {
    .subscription-share .btn-sharesub {
        margin-top: auto;
        width: -moz-fit-content;
        width: fit-content
    }
}

.subscription-information-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 24px 0 16px
}

.subscription-information-title>span {
    color: #00e497
}

.subscription-information-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 32px
}

.subscription-information-description>a {
    color: #00e497;
    font-weight: 600
}

.subscription-information-form {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-information-form>:not(:last-child) {
        margin-bottom: 8px
    }
}

.subscription-information-form>label {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.subscription-information-message {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 32px
}

@supports not (gap:1em) {
    .subscription-information-message>:not(:last-child) {
        margin-bottom: 8px
    }
}

.subscription-information-radios {
    align-items: center;
    display: flex;
    gap: 24px
}

@supports not (gap:1em) {
    .subscription-information-radios>:not(:last-child) {
        margin-right: 24px
    }
}

.subscription-information-radio {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 24px
}

@supports not (gap:1em) {
    .subscription-information-radio>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-information-accept {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-bottom: 32px
}

@supports not (gap:1em) {
    .subscription-information-accept>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-information-accept>input {
    margin-top: 4px
}

.subscription-information-accept>span {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.subscription-final {
    background: #112e45;
    min-height: calc(100vh - 510px);
    padding: 32px 0 80px
}

@media (min-width:768px) {
    .subscription-final {
        padding: 48px 0 200px
    }
}

@media (min-width:992px) {
    .subscription-final {
        padding: 64px 0 160px
    }
}

.subscription-final-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: center
}

@media (min-width:768px) {
    .subscription-final-title {
        font-size: 24px;
        line-height: 32px
    }
}

.subscription-final-subtitle {
    color: #00e497;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 24px;
    margin-top: 8px;
    text-align: center
}

@media (min-width:768px) {
    .subscription-final-subtitle {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 40px
    }
}

.subscription-final-content {
    row-gap: 32px
}

.subscription-final-form {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    padding: 24px 16px 41px;
    position: relative
}

@media (min-width:768px) {
    .subscription-final-form {
        padding: 40px 24px
    }
}

.subscription-final-form>.row {
    row-gap: 16px
}

@supports not (gap:1em) {
    .subscription-final-form>.row>div:not(:last-child) {
        margin-bottom: 16px
    }
}

.subscription-final-form .form-group {
    margin: 0
}

.subscription-final-form .btn-sharesub {
    min-width: 90%
}

@media (min-width:768px) {
    .subscription-final-form .btn-sharesub {
        min-width: 50%
    }
}

.subscription-final-form .device-otp-sms-modal-footer {
    flex-wrap: nowrap;
    gap: .75rem
}

.subscription-final-form .device-otp-sms-modal-footer .btn-sharesub {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
    width: auto
}

.subscription-final-form .device-otp-not-received-toggle {
    font-size: 15px
}

.subscription-final-form .device-otp-not-received-chevron {
    display: inline-block;
    transform: rotate(0deg);
    transition: transform .2s ease
}

.subscription-final-form .device-otp-not-received-toggle:not(.collapsed) .device-otp-not-received-chevron {
    transform: rotate(180deg)
}

.subscription-final-form .device-otp-not-received-panel {
    background: #f8f9fa;
    border: 1px solid rgba(17, 46, 69, .12);
    border-radius: 4px;
    overflow: hidden
}

.subscription-final-form .device-otp-not-received-panel__intro {
    text-wrap: balance;
    border-bottom: 1px solid rgba(17, 46, 69, .12);
    padding: 1rem 1.75rem
}

.subscription-final-form .device-otp-not-received-panel__row {
    padding: 1rem 1.25rem
}

.subscription-final-form .device-otp-not-received-panel--with-sms .device-otp-not-received-panel__row--email {
    border-bottom: 1px solid rgba(17, 46, 69, .12)
}

.subscription-final-form .device-otp-not-received-panel__error {
    margin-top: 0;
    padding: 0 1.25rem 1rem
}

.subscription-final-money-green {
    display: none;
    position: absolute
}

@media (min-width:768px) {
    .subscription-final-money-green {
        bottom: -390px;
        display: block;
        right: -138px
    }
}

@media (min-width:992px) {
    .subscription-final-money-green {
        bottom: -175px;
        right: -510px
    }
}

.subscription-final-money-blue {
    display: none;
    position: absolute
}

@media (min-width:768px) {
    .subscription-final-money-blue {
        bottom: -270px;
        display: block;
        left: -50px
    }
}

@media (min-width:992px) {
    .subscription-final-money-blue {
        bottom: -135px;
        left: -135px
    }
}

.subscription-final-scribble {
    bottom: -30px;
    display: none;
    position: absolute;
    right: -30px
}

@media (min-width:992px) {
    .subscription-final-scribble {
        display: block
    }
}

.subscription-final-star-1 {
    left: -50px;
    position: absolute;
    top: 15px
}

.subscription-final-star-2 {
    left: -37px;
    position: absolute;
    top: -20px
}

.subscription-final-socials .row {
    gap: 16px
}

@supports not (gap:1em) {
    .subscription-final-socials .row>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .subscription-final-socials .row {
        gap: 0
    }
    @supports not (gap:1em) {
        .subscription-final-socials .row>:not(:last-child) {
            margin-right: 0
        }
    }
}

@media (min-width:992px) {
    .subscription-final-socials .row {
        gap: 16px
    }
    @supports not (gap:1em) {
        .subscription-final-socials .row>:not(:last-child) {
            margin-right: 16px
        }
    }
}

.subscription-final-social {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 12px 16px;
    width: 100%
}

.subscription-final-social:hover {
    text-decoration: none
}

.subscription-final-social>div {
    align-items: center;
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-final-social>div>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-final-social>div>span {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px
}

.subscription-final-register {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

@media (min-width:768px) {
    .subscription-final-register {
        margin-top: 24px
    }
}

@media (min-width:992px) {
    .subscription-final-register {
        margin-top: 8px
    }
}

.subscription-final-register a {
    color: #00e497
}

.subscription-final-register.login a {
    color: #016df4
}

.subscription-final-register.login a.btn-sharesub {
    color: #fff
}

.subscription-created {
    background: #112e45;
    padding: 32px 0 80px
}

@media (min-width:768px) {
    .subscription-created {
        padding: 48px 0 120px
    }
}

@media (min-width:992px) {
    .subscription-created {
        padding: 64px 0 120px
    }
}

.subscription-created .container {
    display: flex;
    flex-direction: column
}

.subscription-created-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    order: 1;
    text-align: center
}

@media (min-width:768px) {
    .subscription-created-title {
        font-size: 24px;
        line-height: 32px
    }
}

.subscription-created-title>span {
    color: #016df4
}

.subscription-created-subtitle {
    color: #00e497;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 8px;
    order: 2;
    text-align: center
}

@media (min-width:768px) {
    .subscription-created-subtitle {
        font-size: 32px;
        line-height: 40px
    }
}

.subscription-created-subtitle span {
    position: relative
}

.subscription-created-subtitle span:after {
    background: url(/img/subscription/underline.svg) no-repeat;
    background-size: contain;
    bottom: -12px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.subscription-created-skip {
    display: flex;
    justify-content: center;
    margin: 16px 0 40px;
    order: 4
}

@media (min-width:768px) {
    .subscription-created-skip {
        justify-content: end;
        margin: 8px 0 16px;
        order: 3
    }
}

.subscription-created-skip>a {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 3px;
    line-height: 24px
}

@supports not (gap:1em) {
    .subscription-created-skip>a>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-created-infos {
    margin-bottom: 24px;
    order: 5;
    row-gap: 16px
}

.subscription-created-info {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    gap: 16px;
    height: 100%;
    margin-left: 16px;
    padding: 16px 24px;
    position: relative
}

@supports not (gap:1em) {
    .subscription-created-info>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .subscription-created-info {
        margin-left: 0;
        padding: 16px
    }
}

@media (min-width:992px) {
    .subscription-created-info {
        padding: 24px
    }
}

.subscription-created-info>div {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:992px) {
    .subscription-created-info>div {
        font-size: 18px;
        line-height: 24px
    }
}

.subscription-created-info>img {
    height: 32px
}

@media (min-width:992px) {
    .subscription-created-info>img {
        height: 40px
    }
}

.subscription-created-info:before {
    align-items: center;
    background: #00e497;
    border-radius: 20px;
    color: #fff;
    content: attr(data-index);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    left: -16px;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px
}

@media (min-width:768px) {
    .subscription-created-info:before {
        left: 16px;
        top: -15px
    }
}

@media (min-width:992px) {
    .subscription-created-info:before {
        left: 28px;
        top: -15px
    }
}

.subscription-created-pending {
    align-items: center;
    background: #016df4;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 16px;
    line-height: 24px;
    margin: 72px 0 0;
    min-height: 56px;
    order: 3;
    padding: 8px 16px;
    position: relative
}

@supports not (gap:1em) {
    .subscription-created-pending>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .subscription-created-pending {
        margin: 0 0 40px;
        order: 4;
        padding: 8px 24px
    }
}

@media (min-width:992px) {
    .subscription-created-pending {
        padding: 8px 32px
    }
}

.subscription-created-pending-star-1 {
    left: -50px;
    position: absolute;
    top: 15px
}

.subscription-created-pending-star-2 {
    left: -37px;
    position: absolute;
    top: -20px
}

.subscription-created-wrapper {
    order: 6;
    position: relative
}

.subscription-created-wrapper-money-green {
    bottom: -136px;
    position: absolute;
    right: -142px;
    z-index: 0
}

.subscription-created-wrapper-money-blue {
    left: -135px;
    position: absolute;
    top: 200px;
    z-index: 0
}

.subscription-created-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    padding: 32px 16px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .subscription-created-content {
        padding: 48px 32px
    }
}

@media (min-width:992px) {
    .subscription-created-content {
        padding: 40px
    }
}

@media (min-width:1200px) {
    .subscription-created-content {
        padding: 40px 100px
    }
}

.subscription-created-card {
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    margin: 0 32px 32px;
    padding: 24px 16px
}

@media (min-width:768px) {
    .subscription-created-card {
        margin: 0
    }
}

.subscription-created-card.spotify {
    background: #1ed760;
    color: #fff
}

.subscription-created-card-icon {
    text-align: center
}

.subscription-created-card-name {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 24px;
    text-align: center
}

.subscription-created-card-hr {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
    margin: 16px 0;
    width: 100%
}

.subscription-created-card-price {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 44px;
    text-align: center
}

.subscription-created-card-frequency {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px;
    text-align: center
}

.subscription-created-card-places {
    align-items: center;
    align-self: center;
    background: #fff;
    border-radius: 12px;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    margin: 16px 0;
    padding: 4px 24px;
    width: -moz-fit-content;
    width: fit-content
}

@supports not (gap:1em) {
    .subscription-created-card-places>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-created-card-created {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.subscription-created-share {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.subscription-created-share-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .subscription-created-share-description {
        margin-bottom: 32px
    }
}

.subscription-created-share-copy {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-created-share-copy>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:992px) {
    .subscription-created-share-copy {
        align-items: center;
        flex-direction: row;
        gap: 24px
    }
    @supports not (gap:1em) {
        .subscription-created-share-copy>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 24px
        }
    }
}

.subscription-created-share-copy-text {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-created-share-copy-content {
    align-items: center;
    background: #ebf4ff;
    border-radius: 4px;
    display: flex;
    flex-grow: 1;
    height: 56px;
    justify-content: space-between;
    padding: 0 16px;
    position: relative;
    width: 100%
}

@media (min-width:992px) {
    .subscription-created-share-copy-content {
        width: auto
    }
}

.subscription-created-share-copy-content-link {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.subscription-created-share-copy-content-action {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: -32px
}

@media (min-width:992px) {
    .subscription-created-share-copy-content-action {
        position: relative;
        right: auto;
        top: auto
    }
}

@supports not (gap:1em) {
    .subscription-created-share-copy-content-action>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-created-social {
    align-items: center;
    background: #112e45;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin-top: 24px;
    min-height: 56px;
    padding: 16px 24px
}

@supports not (gap:1em) {
    .subscription-created-social>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .subscription-created-social {
        align-items: center;
        flex-direction: row;
        gap: 8px;
        justify-content: space-between;
        margin-top: 24px;
        padding: 16px 24px
    }
    @supports not (gap:1em) {
        .subscription-created-social>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 8px
        }
    }
}

@media (min-width:992px) {
    .subscription-created-social {
        gap: 8px;
        margin-top: 32px;
        padding: 8px 24px
    }
}

.subscription-created-social-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-created-social-icons {
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .subscription-created-social-icons>:not(:last-child) {
        margin-right: 8px
    }
}

.subscription-created-send {
    margin: 56px 0 0
}

.subscription-created-send-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.subscription-created-send-subtitle {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px
}

.subscription-created-send .textarea-sharesub {
    min-height: 352px
}

@media (min-width:768px) {
    .subscription-created-send .textarea-sharesub {
        min-height: inherit
    }
}

.subscription-created-send-form {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    margin-top: 16px;
    row-gap: 24px
}

@media (min-width:768px) {
    .subscription-created-send-form {
        margin-top: 24px
    }
}

.subscription-created-send-form>.row {
    row-gap: 16px
}

.subscription-created .btn-sharesub {
    width: 100%
}

@media (min-width:768px) {
    .subscription-created .btn-sharesub {
        width: 50%
    }
}

@media (min-width:992px) {
    .subscription-created .btn-sharesub {
        width: 40%
    }
}

.pill-join-step {
    align-items: center;
    border: 1px solid #016df4;
    border-radius: 9999px;
    color: #016df4;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.pill-join-step.current {
    background-color: #016df4;
    color: #fff
}

.pill-join-step.done {
    background-color: #016df4;
    color: #016df4;
    position: relative
}

.pill-join-step.done:before {
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    content: "";
    height: 12px;
    left: 11px;
    position: absolute;
    top: 7px;
    transform: rotate(45deg);
    width: 8px
}

.copy-button-invite-message {
    align-items: center;
    color: #016df4;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-bottom: .5rem
}

@media (min-width:576px) {
    .copy-button-invite-message {
        margin-bottom: 0;
        margin-right: 1rem;
        position: absolute;
        right: 0;
        top: 0
    }
}

.copy-invite-message {
    background-color: #f8f9fe;
    border-radius: 4px;
    color: #112e45;
    overflow: hidden;
    padding: 20px;
    position: relative;
    white-space: pre-line
}

.copy-invite-message .copy-button {
    background-color: #f8f9fe;
    padding: 10px;
    position: absolute;
    right: 0;
    white-space: normal
}

.frame-summary {
    align-items: center;
    border: 1px solid #016df4;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    position: relative
}

.frame-summary .icon-circle {
    background: #016df4;
    border-radius: 32px;
    color: #fff;
    padding: 20px;
    top: -32px
}

.share-social {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 100%;
    padding: 16px 24px;
    text-decoration: none
}

.share-social:hover {
    color: #fff
}

.share-social.share-social__fb {
    background-color: #395185
}

.share-social.share-social__twitter {
    background-color: #55acee
}

.share-social.share-social__whatsapp {
    background-color: #25d366
}

.join-step-sep {
    background-color: #016df4;
    height: 1px;
    width: 70px
}

.StripeElement {
    background-color: #fff;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 18px 20px
}

.StripeElement--focus {
    border-color: #016df4
}

.tab-navigation {
    align-items: center;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    color: #828282;
    display: flex;
    justify-content: center;
    text-align: center
}

.tab-navigation.active,
.tab-navigation.current {
    border-bottom: 5px solid #016df4;
    color: #016df4;
    font-weight: 700
}

.row:has(>.tab-navigation) {
    padding-top: 10px
}

.create-sub .btn-sharesub.bleu {
    width: 100%
}

@media (min-width:768px) {
    .create-sub .btn-sharesub.bleu {
        width: unset
    }
}

.img-join-left,
.img-join-right {
    position: absolute
}

@media (min-width:576px) {
    .img-join-left,
    .img-join-right {
        position: static
    }
}

.img-join-left {
    left: 0
}

.img-join-right {
    right: 0
}

h1.invite {
    position: relative
}

h1.invite div.skip {
    font-size: 1rem;
    margin-top: 20px
}

@media (min-width:768px) {
    h1.invite div.skip {
        padding-top: .8rem;
        position: absolute;
        right: 0;
        top: 0
    }
}

.tag {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 16px 8px 0;
    min-height: 24px;
    padding: 0 10px 0 12px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.tag:before {
    border-style: solid;
    border-width: 12px 12px 12px 0;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 0;
    width: 0
}

.tag.bg-green:before {
    border-color: transparent #00e497 transparent transparent
}

.tag.bg-red:before {
    border-color: transparent #f86d70 transparent transparent
}

.tag.bg-red-2:before {
    border-color: transparent #d62839 transparent transparent
}

.tag.bg-navy:before {
    border-color: transparent #112e45 transparent transparent
}

.tag.bg-yellow:before {
    border-color: transparent #fdca40 transparent transparent
}

.tag:after {
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, .4);
    content: "";
    float: left;
    height: 5px;
    left: 1px;
    position: absolute;
    top: 10px;
    width: 5px
}

.pill {
    align-items: center;
    border-radius: 20px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    margin: 0 6px 6px 0;
    padding: 3px 14px;
    text-decoration: none;
    white-space: nowrap
}

.pill img,
.pill svg {
    height: 14px;
    width: 14px
}

.pill-navy {
    background-color: #112e45
}

.pill-green {
    background-color: #00e497
}

.pill-info {
    background-color: #3b82f6
}

.pill-orange {
    background-color: #f59e0b
}

.pill-warning {
    background-color: #fdca40;
    cursor: pointer;
    transition: box-shadow .2s ease, transform .2s ease
}

.pill-warning:focus,
.pill-warning:hover {
    box-shadow: 0 2px 8px rgba(253, 202, 64, .4);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px)
}

.pill-danger {
    background-color: #d62839
}

.auth__card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05)
}

@media (min-width:576px) {
    .auth__card {
        min-height: 450px
    }
}

.auth__with_service {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05);
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    width: 100%
}

.neverbounce-group {
    position: relative
}

.neverbounce-group>.input-sharesub {
    padding-right: 44px
}

.neverbounce-group>.neverbounce-status {
    display: block;
    height: 56px;
    margin-left: 0;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 0;
    width: 24px
}

.neverbounce-group>.neverbounce-status:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.neverbounce-group>.neverbounce-status.success:after {
    line-height: 1;
    top: 50%
}

.neverbounce-status {
    display: inline;
    margin-left: 1.5em;
    position: relative;
    top: 0
}

.neverbounce-status.absolute {
    position: absolute;
    top: calc(50% + 20px)
}

.neverbounce-status:after {
    content: "";
    display: block;
    height: 1.25em;
    left: calc(50% - .625em);
    position: absolute;
    top: calc(50% - .625em);
    width: 1.25em
}

.neverbounce-status.loading:after {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #016df4 #016df4;
    border-radius: 1em;
    border-style: solid;
    border-width: 2px
}

.neverbounce-status.success:after {
    content: "✅";
    font-size: 1.5em;
    line-height: 1;
    top: -.25em
}

.neverbounce-status.waitinglist {
    position: absolute;
    right: 10px;
    top: 10px
}

@media (min-width:1200px) {
    .neverbounce-status.waitinglist {
        left: 185px;
        right: auto
    }
}

.neverbounce-status.waitinglist.loading:after {
    left: -20px;
    top: 2px
}

.neverbounce-status.credentials {
    display: inline-block
}

.navi_dash {
    background: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .05);
    flex-direction: column;
    gap: 2px;
    padding: 8px
}

.navi_dash,
.navi_dash-link {
    border-radius: 12px;
    display: flex
}

.navi_dash-link {
    align-items: center;
    color: #4f4f4f;
    font-size: 15px;
    font-weight: 500;
    gap: 12px;
    line-height: 22px;
    padding: 10px 12px;
    transition: background-color .15s ease, color .15s ease
}

.navi_dash-link:hover {
    background: rgba(17, 46, 69, .05);
    color: #112e45;
    text-decoration: none
}

.navi_dash-link.active {
    background: rgba(1, 109, 244, .09);
    color: #016df4;
    font-weight: 700
}

.navi_dash-link.navi_dash-link-sub.active {
    background: transparent;
    color: #4f4f4f;
    font-weight: 500
}

.navi_dash-icon {
    align-items: center;
    color: #016df4;
    display: flex;
    flex: 0 0 auto;
    height: 22px;
    justify-content: center;
    width: 22px
}

.navi_dash-icon>svg {
    color: #016df4;
    height: 18px;
    width: 18px
}

.navi_dash-hamburger {
    align-items: center;
    display: flex;
    margin-left: auto
}

.navi_dash-hamburger svg {
    display: none
}

.navi_dash-hamburger:after {
    border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    content: "";
    display: block;
    height: 7px;
    opacity: .45;
    transform: rotate(45deg);
    width: 7px
}

.navi_dash-sub-items li {
    margin: 2px 0 0 26px
}

.navi_dash-item.green .navi_dash-icon,
.navi_dash-item.green .navi_dash-icon>svg {
    color: #00e497
}

.navi_dash-item.green .navi_dash-link.active {
    background: rgba(0, 228, 151, .16);
    color: #004b32
}

.navi_dash-notif {
    align-items: center;
    background: #016df4;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    justify-content: center;
    line-height: 12px;
    margin-left: auto;
    width: 20px
}

.dashboard {
    background: #112e45;
    isolation: isolate;
    padding: 24px 0 112px;
    position: relative
}

.dashboard:before {
    background: radial-gradient(circle at 84% 20%, rgba(1, 109, 244, .28), rgba(1, 109, 244, 0) 28%), radial-gradient(circle at 20% 50%, rgba(0, 228, 151, .18), rgba(0, 228, 151, 0) 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.dashboard>:not(.hero-effects) {
    position: relative;
    z-index: 1
}

.dashboard>.container-fluid,
.dashboard>.container-lg,
.dashboard>.container-md,
.dashboard>.container-sm,
.dashboard>.container-xl {
    max-width: 1280px
}

.dashboard-header.blue {
    --header-color: #016df4
}

.dashboard-header-title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px
}

.dashboard-header-actions {
    align-items: center;
    -moz-column-gap: 0;
    column-gap: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 32px;
    row-gap: 0
}

@media (min-width:768px) {
    .dashboard-header-actions {
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-rows: 48px
    }
}

.dashboard-header-actions.full {
    grid-template-columns: 0fr 1fr 0fr
}

.dashboard-header-actions-left {
    justify-self: start
}

.dashboard-header-actions-center {
    justify-self: center
}

.dashboard-header-actions-right {
    justify-self: end
}

.dashboard-header-actions-back {
    align-items: center;
    color: var(--header-color, #00e497);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px
}

@supports not (gap:1em) {
    .dashboard-header-actions-back>* {
        margin-right: 8px
    }
}

.dashboard-header-actions-back:hover {
    color: var(--header-color, #00e497);
    text-decoration: none
}

.dashboard-header-actions-back>svg {
    color: var(--header-color, #00e497);
    height: 16px;
    transform: rotate(180deg);
    width: 16px
}

.dashboard-header-actions-title {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 32px
}

@media (min-width:992px) {
    .dashboard-header-actions-title {
        display: none
    }
}

.dashboard-header-icon {
    align-items: center;
    color: var(--header-color, #00e497);
    display: flex;
    justify-content: center
}

@media (min-width:768px) {
    .dashboard-header-icon {
        background: #2a354b;
        border-radius: 40px;
        padding: 12px
    }
}

.dashboard-header-icon:hover {
    color: var(--header-color, #00e497)
}

.dashboard-header-icon>svg {
    height: 24px;
    width: 24px
}

.dashboard-container {
    max-width: 1280px;
    position: relative;
    top: -80px
}

.subscriptions.blue {
    --sub-color: #016df4
}

.subscriptions-items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .subscriptions-items>:not(:last-child) {
        margin-bottom: 16px
    }
}

.subscriptions-items-no-item {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 24px 16px
}

@media (min-width:768px) {
    .subscriptions-items-no-item {
        padding: 32px 24px
    }
}

.subscriptions-item {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 24px;
    position: relative
}

@media (min-width:768px) {
    .subscriptions-item {
        padding: 24px 16px
    }
}

@media (min-width:992px) {
    .subscriptions-item {
        padding: 24px
    }
}

@media (min-width:768px) {
    .subscriptions-item {
        border-radius: 4px;
        flex-direction: row
    }
}

.subscriptions-item-left {
    display: flex;
    flex-direction: column;
    justify-content: start
}

.subscriptions-item-header {
    display: flex;
    gap: 16px
}

@supports not (gap:1em) {
    .subscriptions-item-header>:not(:last-child) {
        margin-right: 16px
    }
}

.subscriptions-item-avatar {
    align-items: center;
    background: var(--sub-color, #00e497);
    border-radius: 60px;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    height: 48px;
    justify-content: center;
    position: absolute;
    top: -26px;
    width: 48px
}

@media (min-width:768px) {
    .subscriptions-item-avatar {
        position: relative;
        top: 0
    }
}

@media (min-width:992px) {
    .subscriptions-item-avatar {
        height: 64px;
        width: 64px
    }
}

.subscriptions-item-avatar>svg {
    height: 20px;
    width: 20px
}

.subscriptions-item-avatar.alarm>svg {
    height: 34px;
    left: 3px;
    position: relative;
    width: 34px
}

.subscriptions-item-infos {
    display: flex;
    flex-direction: column;
    gap: 0
}

@supports not (gap:1em) {
    .subscriptions-item-infos>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .subscriptions-item-infos {
        gap: 4px
    }
    @supports not (gap:1em) {
        .subscriptions-item-infos>:not(:last-child) {
            margin-bottom: 4px
        }
    }
}

@media (min-width:992px) {
    .subscriptions-item-infos {
        gap: 8px
    }
    @supports not (gap:1em) {
        .subscriptions-item-infos>:not(:last-child) {
            margin-bottom: 8px
        }
    }
}

.subscriptions-item-info {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0
}

@supports not (gap:1em) {
    .subscriptions-item-info>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .subscriptions-item-info {
        flex-direction: row;
        gap: 8px
    }
    @supports not (gap:1em) {
        .subscriptions-item-info>:not(:last-child) {
            margin-right: 8px
        }
    }
}

.subscriptions-item-name {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px
}

.subscriptions-item-created {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.subscriptions-item-access {
    align-items: center;
    color: #fdca40;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 20px;
    text-align: center
}

@supports not (gap:1em) {
    .subscriptions-item-access>:not(:last-child) {
        margin-right: 8px
    }
}

.subscriptions-item-states {
    font-size: 14px;
    letter-spacing: .01em;
    line-height: 20px
}

.subscriptions-item-states img {
    max-height: 16px;
    max-width: 16px
}

.subscriptions-item-discount b {
    color: #016df4
}

.subscriptions-item-content {
    color: #112e45;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    gap: 0;
    line-height: 24px;
    margin: 16px 0 0
}

@supports not (gap:1em) {
    .subscriptions-item-content>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .subscriptions-item-content {
        align-items: center;
        flex-direction: row;
        gap: 16px;
        margin: 18px 0 0
    }
    @supports not (gap:1em) {
        .subscriptions-item-content>:not(:last-child) {
            margin-right: 16px
        }
    }
}

@media (min-width:992px) {
    .subscriptions-item-content {
        margin: 34px 0 0
    }
}

.subscriptions-item-content-users {
    color: #cdcdcd;
    display: flex
}

.subscriptions-item-content-users>svg {
    color: #cdcdcd
}

.subscriptions-item-content-users>svg.colored {
    color: var(--sub-color, #00e497)
}

.subscriptions-item-right {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 0;
    justify-content: end;
    margin: 24px 0 0
}

@supports not (gap:1em) {
    .subscriptions-item-right>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .subscriptions-item-right {
        align-items: flex-end;
        margin: 0
    }
}

.subscriptions-item-pricing {
    align-items: baseline;
    display: flex;
    gap: 4px
}

@supports not (gap:1em) {
    .subscriptions-item-pricing>:not(:last-child) {
        margin-right: 4px
    }
}

.subscriptions-item-price {
    color: var(--sub-color, #00e497);
    font-size: 28px;
    font-weight: 800;
    line-height: 34px
}

.subscriptions-item-price>span {
    font-size: 40px;
    line-height: 48px
}

.subscriptions-item-frequency {
    font-weight: 700
}

.subscriptions-item-fee,
.subscriptions-item-frequency {
    color: #112e45;
    font-size: 14px;
    letter-spacing: .01em;
    line-height: 20px
}

.subscriptions-item-fee {
    font-weight: 400
}

@media (min-width:768px) {
    .subscriptions-item-fee {
        font-size: 16px;
        line-height: 24px
    }
}

.subscriptions-item-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    width: 100%
}

@supports not (gap:1em) {
    .subscriptions-item-actions>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .subscriptions-item-actions {
        flex-direction: row;
        gap: 8px;
        justify-content: end
    }
    @supports not (gap:1em) {
        .subscriptions-item-actions>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 8px
        }
    }
    .subscriptions-item-actions.waiting-list {
        justify-content: start
    }
}

@media (min-width:992px) {
    .subscriptions-item-actions {
        gap: 16px
    }
    @supports not (gap:1em) {
        .subscriptions-item-actions>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.subscriptions-item-actions>a {
    align-items: center;
    border: 1px solid var(--sub-color, #00e497);
    border-radius: 22px;
    color: var(--sub-color, #00e497);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    padding: 0 24px;
    width: 100%
}

@supports not (gap:1em) {
    .subscriptions-item-actions>a>:not(:last-child) {
        margin-right: 8px
    }
}

@media (min-width:768px) {
    .subscriptions-item-actions>a {
        justify-content: start;
        width: -moz-fit-content;
        width: fit-content
    }
}

.subscriptions-item-actions>a>svg {
    align-items: center;
    color: var(--sub-color, #00e497);
    display: inline-flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.subscriptions-item-badges {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .subscriptions-item-badges>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .subscriptions-item-badges {
        align-items: center;
        flex-direction: row;
        gap: 16px
    }
    @supports not (gap:1em) {
        .subscriptions-item-badges>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

@media (min-width:992px) {
    .subscriptions-item-badges {
        gap: 24px
    }
    @supports not (gap:1em) {
        .subscriptions-item-badges>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 24px
        }
    }
}

.subscriptions-item-author {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.subscriptions-actions {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

.subscriptions .pagination-green {
    display: flex;
    justify-content: center
}

.subscriptions .pagination-green .page-item.active .page-link {
    background-color: #00e497;
    border-color: #00e497;
    color: #fff
}

.subscriptions .pagination-green .page-item .page-link,
.subscriptions .pagination-green .page-item .page-link:hover {
    color: #00e497
}

.subscriptions .pagination-green .page-item .page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 228, 151, .25)
}

.subscriptions .pagination-blue {
    display: flex;
    justify-content: center
}

.subscriptions-suggestions-title {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 16px 0
}

.subscriptions-suggestion-item {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    margin-bottom: 16px;
    padding: 16px
}

.subscriptions-suggestion-item-top {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 12px
}

.subscriptions-suggestion-item-circle {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    text-align: center;
    width: 32px
}

.subscriptions-suggestion-item-info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.subscriptions-suggestion-item-name {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.subscriptions-suggestion-item-description {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.subscriptions-suggestion-item-pricing {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin-bottom: 12px
}

.subscriptions-suggestion-item-price {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.subscriptions-suggestion-item-frequency {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.subscriptions-suggestion-item-button {
    align-items: center;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    padding: 0 16px;
    transition: all .3s ease
}

.subscriptions-suggestion-item-button:hover {
    text-decoration: none
}

.subscriptions-suggestion-item-button>span {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center
}

.subscriptions-suggestion-item-button:hover .subscriptions-suggestion-item-arrow {
    transform: translateX(4px)
}

.subscriptions-suggestion-item-arrow {
    font-size: 18px;
    line-height: 32px;
    transition: all .3s ease
}

.stats.blue {
    --sub-color: #016df4
}

.stats-header {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 0 16px;
    padding: 16px
}

@supports not (gap:1em) {
    .stats-header>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .stats-header {
        align-items: center;
        border-radius: 4px;
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        padding: 24px
    }
    @supports not (gap:1em) {
        .stats-header>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 0
        }
    }
}

.stats-left {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .stats-left {
        gap: 8px
    }
    @supports not (gap:1em) {
        .stats-left>:not(:last-child) {
            margin-bottom: 8px
        }
    }
}

.stats-infos {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .stats-infos {
        align-items: baseline;
        flex-direction: row;
        gap: 8px
    }
    @supports not (gap:1em) {
        .stats-infos>:not(:last-child) {
            margin-right: 8px
        }
    }
}

.stats-name {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px
}

.stats-created {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.stats-badge {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2px
}

@media (min-width:768px) {
    .stats-badge {
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 0
    }
}

.stats-badge-author {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.stats-badge-signup {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.stats-badge-access {
    align-items: center;
    color: #fdca40;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 20px
}

@supports not (gap:1em) {
    .stats-badge-access>:not(:last-child) {
        margin-right: 8px
    }
}

.stats-right {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .stats-right>:not(:last-child) {
        margin-bottom: 16px
    }
}

.stats-chat {
    align-items: center;
    border: 1px solid var(--sub-color, #00e497);
    border-radius: 22px;
    color: var(--sub-color, #00e497);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    padding: 0 51px;
    width: 100%
}

@supports not (gap:1em) {
    .stats-chat>:not(:last-child) {
        margin-right: 8px
    }
}

.stats-chat:hover {
    color: var(--sub-color, #00e497);
    text-decoration: none
}

@media (min-width:768px) {
    .stats-chat {
        width: -moz-fit-content;
        width: fit-content
    }
}

.stats-copy {
    align-items: center;
    color: var(--sub-color, #00e497);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    width: 100%
}

@supports not (gap:1em) {
    .stats-copy>* {
        margin-right: 8px
    }
}

.stats-copy:hover {
    color: var(--sub-color, #00e497);
    text-decoration: none
}

@media (min-width:768px) {
    .stats-copy {
        justify-content: end;
        width: -moz-fit-content;
        width: fit-content
    }
}

.stats-bloks {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto
}

@supports not (gap:1em) {
    .stats-bloks>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .stats-bloks {
        -moz-column-gap: 32px;
        column-gap: 32px
    }
    @supports not (gap:1em) {
        .stats-bloks>:not(:last-child) {
            margin-right: 32px
        }
    }
}

.stats-blok {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    flex-direction: column;
    margin: 22px 0 0;
    padding: 24px 0 16px;
    position: relative
}

.stats-blok,
.stats-blok-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.stats-blok-icon {
    background: var(--sub-color, #00e497);
    border-radius: 32px;
    color: #fff;
    height: 32px;
    position: absolute;
    top: -16px;
    width: 32px
}

.stats-blok-icon>svg {
    height: 18px;
    width: 18px
}

@media (min-width:768px) {
    .stats-blok-icon {
        border-radius: 40px;
        height: 40px;
        top: -22px;
        width: 40px
    }
    .stats-blok-icon>svg {
        height: 24px;
        width: 24px
    }
}

.stats-blok-name {
    color: #112e45;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center
}

@media (min-width:768px) {
    .stats-blok-name {
        font-size: 18px;
        line-height: 24px
    }
}

.stats-blok-price {
    color: var(--sub-color, #00e497);
    font-size: 14px;
    font-weight: 800;
    line-height: 18px
}

@media (min-width:768px) {
    .stats-blok-price {
        font-size: 28px;
        line-height: 32px
    }
}

.stats-blok-price>span {
    color: var(--sub-color, #00e497);
    font-size: 20px;
    line-height: 28px
}

@media (min-width:768px) {
    .stats-blok-price>span {
        font-size: 40px;
        line-height: 48px
    }
}

.stats-blok-fraction {
    color: var(--sub-color, #00e497);
    font-size: 20px;
    font-weight: 800;
    line-height: 28px
}

@media (min-width:768px) {
    .stats-blok-fraction {
        font-size: 40px;
        line-height: 48px
    }
}

.stats-blok-fraction>span {
    color: #112e45;
    font-weight: 500
}

.stats-blok-frequency {
    color: #112e45;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 16px;
    margin-top: -2px
}

@media (min-width:768px) {
    .stats-blok-frequency {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0
    }
}

.stats-visibility {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.stats-visibility,
.tab {
    color: var(--sub-color, #00e497)
}

.tab {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 32px 0 0;
    width: 100%
}

.tab.blue {
    --sub-color: #016df4
}

.tab.blue .tab-header>a {
    width: 33%
}

.tab-header {
    width: 100%
}

.tab-header,
.tab-header>a {
    background: #f5f5f5;
    display: flex
}

.tab-header>a {
    align-items: center;
    border-right: 1px solid #e1e1e1;
    color: #112e45;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    gap: 4px;
    height: 72px;
    justify-content: center;
    line-height: 20px;
    width: 25%
}

@supports not (gap:1em) {
    .tab-header>a>:not(:last-child) {
        margin-right: 4px
    }
}

@media (min-width:768px) {
    .tab-header>a {
        font-size: 16px;
        height: 48px;
        line-height: 24px
    }
}

.tab-header>a>span {
    display: none
}

@media (min-width:768px) {
    .tab-header>a>span {
        display: block
    }
    .tab-header>a>svg {
        display: none
    }
}

.tab-header>a.active,
.tab-header>a:hover {
    background: var(--sub-color, #00e497);
    border-radius: 5px 5px 0 0;
    border-right: none;
    color: #fff;
    text-decoration: none
}

.tab-header>a.active>span,
.tab-header>a:hover>span {
    display: block
}

.tab-header>a:has(+.active) {
    border-right: none
}

.tab-header>a:last-child {
    border-right: none
}

.tab-content {
    padding: 24px 16px;
    position: relative
}

@media (min-width:1200px) {
    .tab-content {
        padding: 24px 32px
    }
}

.credentials.blue {
    --sub-color: #016df4
}

.credentials.blue .credentials-description {
    margin: 0 0 32px
}

.credentials-title {
    font-weight: 700;
    margin: 0 0 8px
}

.credentials-description,
.credentials-title {
    color: #112e45;
    font-size: 16px;
    line-height: 24px
}

.credentials-description {
    font-weight: 400;
    letter-spacing: .01em;
    margin: 0 0 52px
}

.credentials-wrapper {
    border: 2px solid var(--sub-color, #00e497);
    border-radius: 4px;
    padding: 36px 16px;
    position: relative
}

.credentials-wrapper-header {
    align-items: center;
    background: #fff;
    border: 2px solid var(--sub-color, #00e497);
    border-radius: 35px;
    color: var(--sub-color, #00e497);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 16px;
    height: 40px;
    left: 16px;
    letter-spacing: .01em;
    line-height: 20px;
    padding: 0 16px 0 0;
    position: absolute;
    top: -22px
}

@supports not (gap:1em) {
    .credentials-wrapper-header>:not(:last-child) {
        margin-right: 16px
    }
}

.credentials-wrapper-header-icon {
    align-items: center;
    background: var(--sub-color, #00e497);
    border-radius: 40px;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.credentials-wrapper-header-icon>svg {
    color: #fff;
    height: 24px;
    width: 24px
}

.credentials-form,
.credentials-form-items {
    display: flex;
    flex-direction: column
}

.credentials-form-items {
    gap: 16px;
    margin: 0 0 32px
}

@supports not (gap:1em) {
    .credentials-form-items>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .credentials-form-items {
        gap: 12px
    }
    @supports not (gap:1em) {
        .credentials-form-items>:not(:last-child) {
            margin-bottom: 12px
        }
    }
}

.credentials-form-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .credentials-form-item>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .credentials-form-item {
        align-items: center;
        background: #ebf4ff;
        border-radius: 4px;
        flex-direction: row;
        min-height: 56px;
        padding: 0 16px
    }
}

.credentials-form-item-header {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.credentials-form-item-wrapper {
    align-items: center;
    background: #ebf4ff;
    border-radius: 4px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 16px
}

@supports not (gap:1em) {
    .credentials-form-item-wrapper>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .credentials-form-item-wrapper {
        background: transparent;
        border-radius: 0;
        flex-grow: 1;
        height: auto;
        padding: 0
    }
}

.credentials-form-item-content {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow-wrap: anywhere
}

.credentials-form-item-footer {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--sub-color, #00e497);
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0 0 0 auto;
    outline: none
}

@supports not (gap:1em) {
    .credentials-form-item-footer>:not(:last-child) {
        margin-right: 8px
    }
}

.credentials-form-item-footer>span {
    display: none
}

@media (min-width:768px) {
    .credentials-form-item-footer>span {
        display: inline-block
    }
}

.credentials-form-label {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px
}

.credentials-form-radios {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 16px
}

@supports not (gap:1em) {
    .credentials-form-radios>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .credentials-form-radios {
        align-items: center;
        flex-direction: row;
        gap: 41px;
        margin: 0 0 24px
    }
    @supports not (gap:1em) {
        .credentials-form-radios>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 41px
        }
    }
}

.credentials-form-radio {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 24px
}

@supports not (gap:1em) {
    .credentials-form-radio>:not(:last-child) {
        margin-right: 8px
    }
}

.credentials-form-radio>input {
    height: 22px;
    width: 22px
}

.credentials-form-radio>label {
    margin: 0
}

.credentials-form .textarea-sharesub {
    margin: 0 0 16px
}

.credentials-form-locked {
    align-items: flex-start;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    line-height: 20px;
    margin: 0 0 24px
}

@supports not (gap:1em) {
    .credentials-form-locked>:not(:last-child) {
        margin-right: 16px
    }
}

.credentials-form-locked>svg {
    color: var(--sub-color, #00e497);
    flex: 0 0 auto;
    height: 24px;
    width: 24px
}

.credentials-form .btn-sharesub {
    align-self: flex-end;
    justify-self: end;
    width: 100%
}

@media (min-width:768px) {
    .credentials-form .btn-sharesub {
        width: -moz-fit-content;
        width: fit-content
    }
}

.credentials-form .btn-sharesub.blue {
    align-self: flex-start
}

.credentials-warning {
    border: 1px solid #016df4;
    color: #112e45;
    font-weight: 400
}

.payments-header {
    align-items: center;
    -moz-column-gap: 0;
    column-gap: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 0 0 24px;
    row-gap: 24px
}

@media (min-width:768px) {
    .payments-header {
        -moz-column-gap: 0;
        column-gap: 0;
        grid-template-columns: 1fr 1fr .6fr;
        grid-template-rows: 48px;
        margin: 0 0 8px;
        row-gap: 0
    }
}

.payments-header .row {
    width: 100%
}

.payments-header-name {
    height: 100%;
    justify-content: start
}

.payments-header-date,
.payments-header-name {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.payments-header-date {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    height: 48px;
    justify-content: space-between;
    padding: 0 16px
}

.payments-header-date>button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0
}

.payments-header-total {
    align-items: center;
    bottom: 24px;
    color: #016df4;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    justify-content: end;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: right
}

@media (min-width:768px) {
    .payments-header-total {
        bottom: unset;
        height: 100%;
        position: relative;
        right: unset
    }
}

.payments-items {
    display: flex;
    flex-direction: column;
    margin: 0 0 44px
}

@media (min-width:768px) {
    .payments-items {
        margin: 0
    }
}

.payments-item {
    align-items: center;
    border-bottom: 1px solid #ebf4ff;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-areas: "avatar author price" "avatar content content";
    grid-template-columns: 48px 3fr 1fr;
    grid-template-rows: auto;
    padding: 8px 0;
    row-gap: 0;
    width: 100%
}

@media (min-width:768px) {
    .payments-item {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-areas: "avatar author content price";
        grid-template-columns: 48px 1fr 3.5fr 1fr;
        grid-template-rows: 64px;
        padding: 0;
        row-gap: 0
    }
}

.payments-item .row {
    width: 100%
}

.payments-item-info {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 16px;
    grid-area: author;
    line-height: 24px
}

@supports not (gap:1em) {
    .payments-item-info>:not(:last-child) {
        margin-right: 16px
    }
}

.payments-item-avatar {
    align-items: center;
    background: #112e45;
    border: 1.71429px solid #00e497;
    border-radius: 40px;
    color: #fff;
    display: inline-flex;
    font-size: 17.1429px;
    font-weight: 700;
    grid-area: avatar;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    width: 48px
}

.payments-item-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    grid-area: content;
    line-height: 24px
}

.payments-item-description>strong.green {
    color: #00e497
}

.payments-item-description>strong.blue {
    color: #016df4
}

.payments-item-description>strong.grey {
    color: #a3a3a3
}

.payments-item-price {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    grid-area: price;
    height: 100%;
    justify-content: end;
    line-height: 24px
}

.payments-item-price.grey {
    color: #a3a3a3
}

.gestion.blue {
    --sub-color: #016df4
}

.gestion-reclamation {
    display: flex;
    flex-direction: column;
    margin: 0 0 40px
}

.gestion-reclamation-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px
}

.gestion-reclamation-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 24px
}

.gestion-reclamation-btn {
    align-items: center;
    border: 1px solid var(--sub-color, #00e497);
    border-radius: 22px;
    color: var(--sub-color, #00e497);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    padding: 0 24px;
    width: -moz-fit-content;
    width: fit-content
}

.gestion-warning {
    background: #fdf5f5;
    border-radius: 4px;
    color: #112e45;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 8px;
    margin: 0 0 24px;
    padding: 16px
}

@supports not (gap:1em) {
    .gestion-warning>:not(:last-child) {
        margin-bottom: 8px
    }
}

.gestion-warning-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.gestion-warning-subtitle {
    font-weight: 700
}

.gestion-warning-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.gestion-warning-description>a {
    color: #016df4;
    text-decoration: underline
}

.gestion-warning ol>li {
    font-weight: 700
}

.gestion-warning ol>li ul {
    font-weight: 400;
    list-style-type: disc;
    margin-bottom: 8px;
    margin-left: 16px
}

.gestion-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 24px
}

@media (min-width:768px) {
    .gestion-description {
        margin: 0 0 32px
    }
}

.gestion-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .gestion-form>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .gestion-form {
        align-items: center;
        flex-direction: row
    }
    @supports not (gap:1em) {
        .gestion-form>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.gestion-form .input-sharesub {
    height: 44px
}

.gestion-form .btn-sharesub {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:768px) {
    .gestion-form .btn-sharesub {
        width: -moz-fit-content;
        width: fit-content
    }
}

.gestion-migrate-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.gestion-migrate-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.gestion-migrate-description ul {
    list-style: disc
}

.gestion-migrate-description li {
    margin-left: 16px
}

.gestion>.btn-sharesub {
    width: 100%
}

@media (min-width:768px) {
    .gestion>.btn-sharesub {
        width: -moz-fit-content;
        width: fit-content
    }
}

.gestion .accordion {
    display: flex;
    flex-direction: column;
    gap: 0
}

.gestion .accordion-item {
    background: #fff;
    border: none;
    border-bottom: 1px solid #e1e1e1
}

.gestion .accordion-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.gestion .accordion-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.gestion .accordion-header {
    margin: 0
}

.gestion .accordion-button {
    align-items: center;
    background: #fff;
    border: none;
    color: #112e45;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 24px;
    padding: 16px;
    text-align: left;
    transition: all .2s ease;
    width: 100%
}

.gestion .accordion-button:hover {
    background: #f5f5f5;
    color: var(--sub-color, #016df4)
}

.gestion .accordion-button:focus {
    border-color: transparent;
    box-shadow: none
}

.gestion .accordion-button:not(.collapsed) {
    background: #fff;
    box-shadow: none;
    color: #112e45
}

.gestion .accordion-button:not(.collapsed):after {
    transform: rotate(180deg)
}

.gestion .accordion-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m7 10 5 5 5-5' stroke='%23016DF4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    flex-shrink: 0;
    height: 24px;
    margin-left: auto;
    transition: transform .2s ease;
    width: 24px
}

.gestion .accordion-button.collapsed:after {
    transform: rotate(0deg)
}

.gestion .accordion-body {
    background: #fff;
    padding: 16px
}

.gestion .accordion-collapse {
    border-top: 1px solid #e1e1e1
}

.history.blue {
    --sub-color: #016df4
}

.history-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 28px
}

.history-item,
.history-items {
    display: flex;
    flex-direction: column
}

.history-item {
    gap: 24px
}

@supports not (gap:1em) {
    .history-item>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .history-item {
        flex-direction: row;
        gap: 16px
    }
    @supports not (gap:1em) {
        .history-item>:not(:last-child) {
            margin-bottom: 16px;
            margin-right: 16px
        }
    }
}

.history-item-person {
    align-items: center;
    align-self: start;
    display: flex;
    flex: 0 0 auto;
    gap: 16px
}

@supports not (gap:1em) {
    .history-item-person>:not(:last-child) {
        margin-right: 16px
    }
}

.history-item-person-avatar {
    align-items: center;
    background: #112e45;
    border: 2px solid #00e497;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 17.1429px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    text-align: center;
    width: 48px
}

.history-item-person-name {
    color: #112e45;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.history-item-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px
}

@supports not (gap:1em) {
    .history-item-list>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .history-item-list {
        margin: 12px 0 0
    }
}

.history-item-transaction {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between
}

@supports not (gap:1em) {
    .history-item-transaction>:not(:last-child) {
        margin-right: 30px
    }
}

.history-item-transaction-line {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.history-item-transaction-line strong {
    font-weight: 700
}

.history-item-transaction-line strong.blue {
    color: #016df4
}

.history-item-transaction-line strong.green {
    color: #00e497
}

.history-item-transaction-price {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.history-item-transaction-price.grey {
    color: #a3a3a3
}

.subscribers-items {
    display: flex;
    flex-direction: column;
    margin: 0 0 24px
}

.subscribers-actions {
    margin: 0 0 56px
}

.subscribers-action {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 20px
}

@supports not (gap:1em) {
    .subscribers-action>.subscribers-item-name {
        padding-left: 8px
    }
}

.subscribers-action:hover {
    color: #00e497
}

.subscribers-item {
    align-items: center;
    border-bottom: 1px solid #ebf4ff;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-areas: "avatar author action" "avatar content action" "details details details";
    grid-template-columns: 48px 3fr 1fr;
    grid-template-rows: auto;
    padding: 8px 0;
    row-gap: 0
}

@supports not (gap:1em) {
    .subscribers-item>.subscribers-item-name {
        padding-left: 16px
    }
}

@media (min-width:768px) {
    .subscribers-item {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-areas: "avatar author content action" ". details details details";
        grid-template-columns: 48px 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding: 8px 0;
        row-gap: 0
    }
    @supports not (gap:1em) {
        .subscribers-item>:not(:last-child) {
            margin-right: 16px
        }
    }
}

.subscribers-item.available {
    grid-template-areas: "avatar author action" "avatar author action";
    grid-template-columns: 48px 2fr 1fr
}

.subscribers-item-avatar {
    align-items: center;
    background: #fdca40;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 17px;
    font-weight: 700;
    grid-area: avatar;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    width: 48px
}

.subscribers-item-name {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    grid-area: author;
    line-height: 24px
}

.subscribers-item-content {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    grid-area: content;
    letter-spacing: .01em;
    line-height: 24px
}

.subscribers-item-actions {
    align-items: center;
    background: transparent;
    border: none;
    color: #00e497;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    grid-area: action;
    justify-self: end;
    letter-spacing: .01em;
    line-height: 20px;
    outline: none
}

@supports not (gap:1em) {
    .subscribers-item-actions>:not(:last-child) {
        margin-right: 8px
    }
}

.subscribers-item-actions>svg {
    flex: 0 0 auto
}

.subscribers-item-actions a {
    color: #00e497
}

.subscribers-item-actions a:hover {
    color: #016df4
}

.subscribers-item-actions>span {
    display: none
}

@media (min-width:768px) {
    .subscribers-item-actions>span {
        display: block
    }
}

.subscribers-item-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    grid-area: details;
    min-width: 0;
    padding: 8px 0
}

@media (min-width:768px) {
    .subscribers-item-details {
        flex-direction: row;
        gap: 8px 24px;
        padding: 4px 0 8px
    }
}

.subscribers-item-detail {
    align-items: flex-start;
    background: #f0f4f8;
    border-radius: 12px;
    color: #112e45;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 6px;
    line-height: 18px;
    min-width: 0;
    padding: 8px 12px;
    width: 100%
}

@media (min-width:768px) {
    .subscribers-item-detail {
        align-items: center;
        border-radius: 20px;
        flex-wrap: nowrap;
        max-width: 100%;
        padding: 4px 12px;
        width: auto
    }
}

.subscribers-item-detail form {
    flex: 0 0 100%;
    margin-top: 4px
}

@media (min-width:768px) {
    .subscribers-item-detail form {
        flex: 0 0 auto;
        margin-top: 0
    }
}

.subscribers-item-detail-icon {
    flex: 0 0 auto;
    font-size: 13px
}

.subscribers-item-detail-label {
    color: #8c9bad;
    flex: 0 0 auto;
    font-weight: 400
}

.subscribers-item-detail-value {
    flex: 1 1 0;
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word
}

.subscribers-old-header {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 16px
}

.subscribers-old-items {
    display: flex;
    flex-direction: column
}

.subscribers-old-item {
    align-items: center;
    border-bottom: 1px solid #ebf4ff;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-areas: "avatar author" "avatar content" "avatar action" "details details";
    grid-template-columns: 48px 1fr 1fr 1fr;
    grid-template-columns: 48px 1fr;
    grid-template-rows: 64px;
    grid-template-rows: auto;
    padding: 8px 0;
    row-gap: 0
}

@media (min-width:768px) {
    .subscribers-old-item {
        -moz-column-gap: 16px;
        column-gap: 16px;
        grid-template-areas: "avatar author content action" "details details . .";
        grid-template-columns: 48px 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding: 8px 0;
        row-gap: 0
    }
}

.subscribers-old-item-avatar {
    align-items: center;
    background: #f5f5f5;
    border-radius: 40px;
    color: #a3a3a3;
    display: flex;
    font-size: 17px;
    font-weight: 700;
    grid-area: avatar;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    width: 48px
}

.subscribers-old-item-name {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    grid-area: author;
    line-height: 24px
}

.subscribers-old-item-content {
    grid-area: content
}

.subscribers-old-item-action,
.subscribers-old-item-content {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.subscribers-old-item-action {
    grid-area: action
}

@media (min-width:768px) {
    .subscribers-old-item-action {
        justify-self: end
    }
}

.subscribers-old-item-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    grid-area: details;
    min-width: 0;
    padding: 8px 0
}

@media (min-width:768px) {
    .subscribers-old-item-details {
        flex-direction: row;
        gap: 8px 24px;
        padding: 4px 0 8px
    }
}

.chat {
    position: relative;
    top: -20px
}

.chat--noconv {
    top: 0
}

.chat>.row {
    row-gap: 16px
}

@media (min-width:992px) {
    .chat>.row {
        row-gap: 24px
    }
}

.chat-column {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .chat-column>:not(:last-child) {
        margin-bottom: 16px
    }
}

.chat-column-header {
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:992px) {
    .chat-column-header {
        display: flex;
        gap: 8px
    }
    @supports not (gap:1em) {
        .chat-column-header>:not(:last-child) {
            margin-right: 8px
        }
    }
}

.chat-column-items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .chat-column-items>:not(:last-child) {
        margin-bottom: 16px
    }
}

.chat-column-items.tight {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    gap: 0;
    padding: 4px 16px
}

@supports not (gap:1em) {
    .chat-column-items.tight>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .chat-column-items.tight {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        gap: 16px;
        padding: 0
    }
    @supports not (gap:1em) {
        .chat-column-items.tight>:not(:last-child) {
            margin-bottom: 16px
        }
    }
}

.chat-column-items.tight .chat-column-item {
    border-bottom: 1px solid #ebf4ff;
    border-radius: 0;
    box-shadow: none;
    padding: 16px 0
}

@media (min-width:992px) {
    .chat-column-items.tight .chat-column-item {
        border-bottom: none;
        border-radius: 4px;
        box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
        padding: 16px
    }
}

.chat-column-items.tight .chat-column-item:last-child {
    border-bottom: none
}

@media (max-width:991.98px) {
    .chat-column-items.tight .chat-column-item .avatar {
        --avatar-size: 32px
    }
    .chat-column-items.tight .chat-column-item .chat-column-item-content {
        align-items: baseline;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 8px
    }
    .chat-column-items.tight .chat-column-item .chat-column-item-content-name {
        font-size: 15px
    }
}

.chat-column-item {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    gap: 16px;
    padding: 16px
}

@supports not (gap:1em) {
    .chat-column-item>:not(:last-child) {
        margin-right: 16px
    }
}

.chat-column-item *,
.chat-column-item:hover * {
    text-decoration: none
}

.chat-column-item.active {
    background: #dafcf3
}

.chat-column-item-content {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center
}

@supports not (gap:1em) {
    .chat-column-item-content>:not(:last-child) {
        margin-bottom: 0
    }
}

.chat-column-item-content-name {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.chat-column-item-content-author {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.chat-column-item-online {
    background: #1ed760;
    border-radius: 12px;
    display: inline-block;
    height: 8px;
    margin-left: auto;
    width: 8px
}

.chat-column-item-status {
    align-items: center;
    background: #016df4;
    border-radius: 20px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    justify-content: center;
    line-height: 12px;
    margin-left: auto;
    width: 20px
}

.chat-noconv {
    flex-direction: column;
    text-align: center
}

.chat-noconv,
.chat-noconv-icon {
    align-items: center;
    display: flex
}

.chat-noconv-icon {
    background: rgba(1, 109, 244, .08);
    border-radius: 50%;
    color: #016df4;
    height: 64px;
    justify-content: center;
    margin-bottom: 20px;
    width: 64px
}

.chat-noconv-icon svg {
    height: 28px;
    width: 28px
}

.chat-noconv-title {
    color: #112e45;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.chat-noconv-text {
    color: #4f4f4f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px
}

.chat-noconv .btn-sharesub {
    margin-top: 24px
}

.chat-noconv-link {
    color: #016df4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.chat-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 24px
}

@supports not (gap:1em) {
    .chat-wrapper>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (max-width:991.98px) {
    .chat-wrapper {
        gap: 12px;
        padding: 16px
    }
}

@media (min-width:768px) {
    .chat-wrapper {
        gap: 0;
        overflow: hidden;
        padding: 0
    }
}

.chat-wrapper-form {
    display: block
}

.chat-wrapper-form>form {
    align-items: flex-end;
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .chat-wrapper-form>:not(:last-child) {
        margin-right: 8px
    }
}

@media (min-width:768px) {
    .chat-wrapper-form {
        padding: 15px
    }
    .chat-wrapper-form>form {
        gap: 16px
    }
    @supports not (gap:1em) {
        .chat-wrapper-form>:not(:last-child) {
            margin-right: 16px
        }
    }
}

@media (max-width:991.98px) {
    .chat-wrapper-form {
        background: #fff;
        bottom: 0;
        left: 0;
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
        position: fixed;
        width: 100%;
        z-index: 999
    }
}

.chat-wrapper-form textarea {
    border: 2px solid #a3a3a3;
    border-radius: 22px;
    max-height: 120px;
    min-height: 44px;
    outline: none !important;
    overflow-y: auto;
    padding: 8px;
    resize: none;
    touch-action: manipulation;
    vertical-align: top;
    width: 100%
}

.chat-wrapper-form textarea:focus {
    border: 2px solid #016df4
}

.chat-wrapper-form .btn-sharesub {
    flex: 0 0 auto;
    padding: 0 10px
}

@media (min-width:768px) {
    .chat-wrapper-form .btn-sharesub {
        padding: 0 16px
    }
}

.chat-wrapper-form .btn-sharesub.send-sms {
    align-items: center;
    background: #fff;
    border: 2px solid #016df4;
    color: #016df4;
    display: flex;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.chat-wrapper-form .btn-sharesub.send-sms .send-sms-icon {
    color: #016df4;
    flex: 0 0 auto
}

@media (max-width:991.98px) {
    .chat-wrapper-form .btn-sharesub.send-sms {
        background: #ebf4ff;
        border: none;
        border-radius: 0;
        color: #016df4;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        margin: 0;
        min-height: 0;
        padding: 9px 12px
    }
    .chat-wrapper-form .chat-sms-relance {
        margin: -10px -10px 10px
    }
    .chat-wrapper-form>form .btn-sharesub {
        align-items: center;
        border-radius: 50%;
        display: inline-flex;
        height: 44px;
        justify-content: center;
        min-height: 0;
        padding: 0;
        width: 44px
    }
}

.chat-messages {
    background: #fff url(/img/chat/bg-tile-chat.png) repeat 0 0;
    background-size: 512px auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 450px;
    min-height: 285px;
    overflow-y: auto
}

@supports not (gap:1em) {
    .chat-messages>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .chat-messages {
        padding: 20px
    }
}

@media (max-width:991.98px) {
    .chat-messages {
        max-height: none;
        overflow-y: visible;
        padding-bottom: calc(96px + env(safe-area-inset-bottom));
        scroll-margin-bottom: calc(96px + env(safe-area-inset-bottom))
    }
}

.chat-messages-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.chat-empty {
    color: #112e45;
    font-size: 14px;
    margin: 16px 0;
    opacity: .6;
    text-align: center
}

.chat .disclaimer {
    font-size: 14px;
    margin: 0 auto;
    max-width: 70%
}

@media (max-width:991.98px) {
    .chat .disclaimer {
        max-width: 100%
    }
}

.chat .disclaimer .sender {
    color: #112e45;
    display: block;
    font-size: 12px;
    text-align: center
}

.chat .disclaimer summary.sender {
    background: rgba(35, 227, 151, .12);
    border-radius: 999px;
    color: #112e45;
    cursor: pointer;
    display: table;
    font-weight: 700;
    list-style: none;
    margin: 0 auto;
    padding: 4px 12px
}

.chat .disclaimer summary.sender::-webkit-details-marker {
    display: none
}

.chat .disclaimer summary.sender:before {
    content: "🔒 "
}

.chat .disclaimer summary.sender:after {
    content: " ▾"
}

.chat .disclaimer[open] summary.sender:after {
    content: " ▴"
}

.chat .disclaimer .message {
    background: #fff;
    border: solid;
    border-color: #23e397;
    border-radius: 12px;
    border-width: 1px;
    color: #112e45;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 12px
}

.chat .disclaimer .message ul {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 20px
}

.chat .disclaimer .message ul li {
    padding: 4px 0
}

.chat .disclaimer.warning .message {
    border-color: #e32323
}

.chat-message {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@supports not (gap:1em) {
    .chat-message>:not(:last-child) {
        margin-bottom: 4px
    }
}

.chat-message.me {
    align-items: flex-end
}

.chat-message.me .chat-message-content {
    max-width: 400px
}

.chat-message.me:has(+.other) {
    margin-bottom: 16px
}

.chat-message.other {
    --chat-text-color: $navy;
    --chat-bg-color: #ebf4ff;
    align-items: flex-start
}

.chat-message.other .chat-message-content {
    max-width: 600px
}

.chat-message.other:has(+.me) {
    margin-bottom: 16px
}

.chat-message.moderated {
    --chat-text-color: $dark;
    --chat-bg-color: #bdbdbd
}

.chat-message.moderated-admin .chat-message-content {
    border: 2px dashed #fdca40
}

.chat-message-text {
    white-space: pre-wrap
}

.chat-message-content {
    background: var(--chat-bg-color, #016df4);
    border-radius: 12px;
    color: var(--chat-text-color, #fff);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    padding: 8px 12px;
    width: 85%;
    word-break: break-word
}

@media (min-width:768px) {
    .chat-message-content {
        width: auto
    }
}

.chat-message-meta {
    align-items: center;
    align-self: flex-end;
    color: currentColor;
    display: inline-flex;
    gap: 5px;
    line-height: 1;
    margin-top: 2px
}

.chat-message-time {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .01em;
    opacity: .7
}

.chat-message-check {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.chat-message-check-tip {
    background: #112e45;
    border-radius: 6px;
    bottom: calc(100% + 6px);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    opacity: 0;
    padding: 3px 8px;
    pointer-events: none;
    position: absolute;
    right: -2px;
    transition: opacity .12s ease;
    white-space: nowrap;
    z-index: 5
}

.chat-message-check.is-tip-open .chat-message-check-tip,
.chat-message-check:hover .chat-message-check-tip {
    opacity: 1
}

.chat-message-check-dot {
    align-items: center;
    background: #ebf4ff;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #016df4;
    color: #016df4;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    width: 12px
}

.chat-message-check-dot svg {
    display: block;
    height: auto;
    width: 8px
}

.chat-message-check-dot+.chat-message-check-dot {
    margin-left: -5px
}

.chat-message-check.is-sent .chat-message-check-dot {
    background: transparent;
    box-shadow: 0 0 0 1.5px #016df4, inset 0 0 0 1.5px #ebf4ff;
    color: #ebf4ff
}

.chat-message-flag {
    align-items: center;
    background: transparent;
    border: 0;
    color: currentColor;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    line-height: 0;
    margin: 0;
    opacity: .5;
    padding: 0;
    transition: opacity .15s ease
}

.chat-message-flag.cursor-pointer:hover {
    opacity: 1
}

.chat-message-flag.is-flagged {
    font-size: 11px;
    line-height: 1;
    opacity: .75
}

.chat-day {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 12px 0
}

.chat-day:after,
.chat-day:before {
    background: #e1e1e1;
    content: "";
    flex: 1;
    height: 1px
}

.chat-day span {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 999px;
    color: #4f4f4f;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 14px
}

.dashboard_modal {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1025
}

.dashboard_modal_content {
    background-color: #fff;
    border-radius: .25rem;
    color: #1a1a1a;
    font-weight: 400;
    margin: 200px auto;
    max-width: 600px;
    padding: 1.5rem 3rem
}

.avatar {
    align-items: center;
    background: var(--avatar-bg, #112e45);
    border: 2px solid var(--avatar-border, #112e45);
    border-radius: 40px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: 700;
    height: var(--avatar-size, 48px);
    justify-content: center;
    line-height: 24px;
    width: var(--avatar-size, 48px)
}

.avatar,
.avatar>svg {
    color: var(--avatar-color, #fff)
}

.avatar>svg {
    height: var(--avatar-svg-size, 24px);
    width: var(--avatar-svg-size, 24px)
}

.avatar.online {
    position: relative
}

.avatar.online:after {
    align-items: center;
    background: url(/img/join/check.svg) #00e497 50% no-repeat;
    border-radius: 12px;
    bottom: 1px;
    content: "";
    display: flex;
    height: 15px;
    justify-content: center;
    position: absolute;
    right: -4px;
    width: 15px
}

.avatar.blue {
    --avatar-color: #fff;
    --avatar-border: #016df4;
    --avatar-bg: #016df4
}

.avatar.yellow {
    --avatar-color: #fff;
    --avatar-border: $yellow;
    --avatar-bg: $yellow
}

.avatar.green {
    --avatar-color: #fff;
    --avatar-border: #00e497;
    --avatar-bg: #00e497
}

.avatar.gray {
    --avatar-color: #a3a3a3;
    --avatar-border: #f5f5f5;
    --avatar-bg: #f5f5f5
}

.avatar.me {
    --avatar-border: #00e497
}

.avatar.badge {
    position: relative
}

.avatar.badge:after {
    align-items: center;
    background-color: transparent;
    background-size: cover;
    border-radius: 0;
    bottom: 1px;
    bottom: -9px;
    content: "";
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: -4px;
    right: -10px;
    width: 23px
}

.avatar.badge-gold:after {
    background-image: url(/img/browse/medal-or.svg)
}

.avatar.badge-silver:after {
    background-image: url(/img/browse/medal-argent.svg)
}

.avatar.badge-bronze:after {
    background-image: url(/img/browse/medal-bronze.svg)
}

[linkable] {
    cursor: pointer
}

.card-list .card-list-element {
    align-items: center;
    background-color: #f8f9fe;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    padding: 15px 10px
}

.sharesub-tooltip {
    display: inline-block;
    position: relative
}

.sharesub-tooltip .sharesub-tooltip-text {
    background: #112e45;
    border-radius: 12px;
    bottom: 115%;
    color: #fff;
    left: 50%;
    margin-left: -40px;
    padding: 5px 10px;
    position: absolute;
    visibility: hidden;
    width: 150px;
    z-index: 1
}

.sharesub-tooltip:hover .sharesub-tooltip-text {
    visibility: visible
}

#filter-date {
    background-color: unset;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    color: #828282;
    padding: 8px 24px
}

.payouts .row {
    border-bottom: 1px solid #c6ddff;
    padding-bottom: 15px
}

.payouts .row+.row {
    margin-top: 15px
}

.sharesub-input-file input[type=file] {
    display: none
}

.sharesub-input-file label {
    border: 1px solid #016df4;
    border-radius: 64px;
    color: #016df4;
    cursor: pointer;
    padding: 1rem 3rem
}

.sharesub-input-file label:hover {
    border-color: #005acb;
    color: #005acb
}

.remove-file {
    cursor: pointer
}

.bank-list .bank-list__item {
    align-items: center;
    background-color: #f8f9fe;
    border: 1px solid #c6ddff;
    border-radius: 4px;
    display: flex;
    padding: 15px 20px
}

.card-information-expand {
    border: 1px solid #c6ddff
}

.issue-bloc .issue-header {
    margin: -.75rem -1.25rem 0;
    padding: .75rem 1.25rem
}

span.chevron {
    height: 24px;
    width: 24px
}

span.chevron svg {
    transform: rotate(90deg)
}

.collapsed span.chevron svg {
    transform: rotate(0deg)
}

.dashboard-progress {
    background-color: #fff;
    border: 1px solid #c6ddff;
    border-radius: 4px
}

.dashboard-progress h4 {
    font-size: 1.1rem
}

h3.dashboard-progress-title {
    font-size: 1.3rem
}

.dashboard-profile-steps li {
    border: 1px solid #c6ddff;
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0
}

.dashboard-profile-steps li:not(:last-child) {
    margin-bottom: 1rem
}

.dashboard-profile-steps .text-sm {
    font-size: 14px
}

.dashboard-profile-subtitle {
    padding: 10px 15px
}

.dashboard-profile-subtitle>ul {
    margin-top: 10px
}

.dashboard-profile-subtitle>ul>li {
    background-color: #f8f9fe;
    border-radius: 4px;
    padding: 10px
}

.dashboard-profile-subtitle>ul>li:not(:last-child) {
    margin-bottom: 10px
}

.dashboard-revenues-expenses .stat-item {
    background: #f8f9fe;
    border-radius: 4px;
    height: 100%;
    padding: 10px
}

.dashboard-revenues-expenses .stat-item .stat-value {
    font-size: 36px;
    font-weight: 700
}

@media (min-width:576px) {
    .dashboard-revenues-expenses .stat-item .stat-value {
        font-size: 24px
    }
}

@media (min-width:768px) {
    .dashboard-revenues-expenses .stat-item .stat-value {
        font-size: 36px
    }
}

.dashboard-revenues-expenses .stat-item .stat-label {
    display: block;
    font-size: 14px
}

.dashboard-revenues-expenses .stat-item .stat-subvalue {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px
}

.dashboard-revenues-expenses .stat-item a {
    color: #828282;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-align: right
}

.dashboard-payments li {
    border: 1px solid #c6ddff;
    border-radius: 4px;
    padding: 10px
}

.dashboard-payments li:not(:last-child) {
    margin-bottom: 1rem
}

.invite-page {
    padding: 16px 0
}

@media (min-width:768px) {
    .invite-page {
        padding: 24px 0
    }
}

.invite-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    padding: 24px 16px
}

@media (min-width:768px) {
    .invite-card {
        margin: 0 auto;
        max-width: 640px;
        padding: 32px
    }
}

.invite-card-title {
    color: #112e45;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 12px
}

.invite-card-description {
    color: #112e45;
    margin-bottom: 20px
}

.invite-card-link {
    background: #f8f9fe;
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 12px 16px
}

.invite-card-link-label {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.invite-card-link-row {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between
}

@supports not (gap:1em) {
    .invite-card-link-row>:not(:last-child) {
        margin-right: 12px
    }
}

.invite-card-link-url {
    color: #112e45;
    flex: 1;
    font-size: 14px;
    word-break: break-all
}

.invite-card-link-copy {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    gap: 6px
}

@supports not (gap:1em) {
    .invite-card-link-copy>:not(:last-child) {
        margin-right: 6px
    }
}

.invite-card-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .invite-card-form>:not(:last-child) {
        margin-bottom: 16px
    }
}

.invite-card-form-label {
    color: #112e45;
    font-weight: 700;
    margin: 0
}

.invite-card-form .textarea-sharesub {
    width: 100%
}

.invite-card-friends {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@supports not (gap:1em) {
    .invite-card-friends>:not(:last-child) {
        margin-bottom: 12px
    }
}

.invite-card-friends-row .row {
    gap: 12px 0
}

@supports not (gap:1em) {
    .invite-card-friends-row .row>:not(:last-child) {
        margin-bottom: 12px
    }
}

.invite-card-add {
    align-items: center;
    background: none;
    border: none;
    display: inline-flex;
    padding: 0
}

.invite-card-add:focus {
    outline: none
}

.dash-tabbar {
    align-items: stretch;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(0, 0%, 100%, .96);
    border-top: 1px solid #e1e1e1;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    left: 0;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
    position: fixed;
    right: 0;
    z-index: 1030
}

.dash-tabbar-item {
    align-items: center;
    background: transparent;
    border: 0;
    color: #828282;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    font-size: 10px;
    font-weight: 600;
    gap: 4px;
    justify-content: flex-start;
    line-height: 1.15;
    min-width: 0;
    outline: none;
    padding: 8px 1px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.dash-tabbar-item svg {
    color: currentColor;
    flex: 0 0 auto;
    height: 20px !important;
    width: 20px !important
}

.dash-tabbar-item>span:not(.dash-tabbar-notif) {
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    width: 100%;
    word-break: break-word
}

.dash-tabbar-item:focus,
.dash-tabbar-item:hover {
    color: #828282;
    text-decoration: none
}

.dash-tabbar-item.active,
.dash-tabbar-item.active:focus,
.dash-tabbar-item.active:hover,
.dash-tabbar-item.menu-open,
.dash-tabbar-item.menu-open:focus,
.dash-tabbar-item.menu-open:hover {
    color: #016df4
}

.dash-tabbar-notif {
    align-items: center;
    background: #d62839;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 600;
    height: 16px;
    justify-content: center;
    left: calc(50% + 4px);
    min-width: 16px;
    padding: 0 4px;
    position: absolute;
    top: 2px
}

#app:has(.chat--conversation) .dash-tabbar {
    display: none
}

#app:has(.chat) .dashboard-header-actions-back,
#app:has(.chat) .dashboard-header-actions-back:hover,
#app:has(.chat) .dashboard-header-actions-back>svg {
    color: #fff
}

@media (max-width:991.98px) {
    .report_modal .btn-sharesub.bleu {
        width: 100%
    }
}

@media (max-width:991.98px) {
    .chat-wrapper:has(.chat-sms-relance) .chat-messages {
        padding-bottom: calc(144px + env(safe-area-inset-bottom))
    }
}

@media (max-width:991.98px) {
    #app:has(.chat--conversation) {
        background: #fff
    }
    #app:has(.chat--conversation) .sharesub-navbar.is-scrolled {
        background: transparent;
        box-shadow: none
    }
    #app:has(.chat--conversation) .dashboard-header {
        background: radial-gradient(circle at 84% 30%, rgba(1, 109, 244, .3), rgba(1, 109, 244, 0) 42%), radial-gradient(circle at 12% 70%, rgba(0, 228, 151, .2), rgba(0, 228, 151, 0) 46%), #112e45;
        left: 0;
        padding: 70px 16px 8px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1010
    }
    #app:has(.chat--conversation) .dashboard-header .dashboard-header-actions {
        grid-template-rows: 28px
    }
    #app:has(.chat--conversation) .dashboard-header .dashboard-header-actions-back {
        font-size: 14px;
        line-height: 20px
    }
    #app:has(.chat--conversation) .dashboard-header .dashboard-header-actions-back>svg {
        height: 14px;
        width: 14px
    }
    #app:has(.chat--conversation) .dashboard-header .dashboard-header-actions-title {
        font-size: 18px;
        line-height: 28px
    }
    #app:has(.chat--conversation) .dashboard-header .dashboard-header-icon>svg {
        height: 20px;
        width: 20px
    }
    #app:has(.chat--conversation) .dashboard {
        isolation: auto;
        padding-bottom: 0;
        padding-top: 0
    }
    #app:has(.chat--conversation) .dashboard-container {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        top: 0
    }
    #app:has(.chat--conversation) .chat>.row,
    #app:has(.chat--conversation) .dashboard-container>.row {
        margin-left: 0;
        margin-right: 0
    }
    #app:has(.chat--conversation) .dashboard-container .col-12 {
        padding-left: 0;
        padding-right: 0
    }
    #app:has(.chat--conversation) .chat-column-items.tight {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        padding: 0
    }
    #app:has(.chat--conversation) .chat-column-items.tight .chat-column-item {
        background: #fff;
        border-bottom: 1px solid #ebf4ff;
        left: 0;
        padding: 8px 16px;
        position: fixed;
        top: 106px;
        width: 100%;
        z-index: 1005
    }
    #app:has(.chat--conversation) .chat {
        background-attachment: fixed;
        background-color: #fff;
        background-image: url(/img/chat/bg-tile-chat.png);
        background-position: 0 0;
        background-repeat: repeat;
        background-size: 512px auto;
        min-height: 100vh;
        padding-top: 156px;
        top: 0
    }
    #app:has(.chat--conversation) .chat-wrapper {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        padding: 12px 0 0
    }
    #app:has(.chat--conversation) .chat-messages {
        background: none;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:991.98px) {
    #app:has(.dashboard-container) .bottom,
    #app:has(.dashboard-container) .sharesub-footer {
        display: none
    }
}

.dash-sheet-backdrop {
    background: rgba(17, 46, 69, .4);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity .15s ease;
    z-index: 1028
}

.dash-sheet-backdrop.open {
    opacity: 1;
    pointer-events: auto
}

.dash-sheet {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 18px;
    bottom: calc(90px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 16px 40px rgba(17, 46, 69, .18);
    left: 12px;
    opacity: 0;
    padding: 8px;
    pointer-events: none;
    position: fixed;
    right: 12px;
    transform: translateY(12px);
    transition: transform .18s ease, opacity .18s ease;
    z-index: 1029
}

.dash-sheet.open {
    opacity: 1;
    pointer-events: auto;
    transform: none
}

.dash-sheet-link {
    align-items: center;
    border-radius: 12px;
    color: #112e45;
    display: flex;
    font-size: 15px;
    font-weight: 600;
    gap: 12px;
    padding: 12px 14px;
    text-decoration: none
}

.dash-sheet-link svg {
    color: #016df4;
    flex: 0 0 auto;
    height: 20px !important;
    width: 20px !important
}

.dash-sheet-link:focus,
.dash-sheet-link:hover {
    background: rgba(17, 46, 69, .05);
    color: #112e45;
    text-decoration: none
}

.dash-sheet-link.active {
    background: rgba(1, 109, 244, .09);
    color: #016df4
}

.dash-sheet-link--stacked {
    align-items: flex-start
}

.dash-sheet-link--stacked svg {
    margin-top: 1px
}

.dash-sheet-text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.dash-sheet-title-row {
    align-items: center;
    display: flex;
    gap: 8px
}

.dash-sheet-subtitle {
    color: #828282;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35
}

.dash-sheet-count {
    align-items: center;
    background: #d62839;
    color: #fff;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 0 5px
}

.dash-sheet-count,
.dash-sheet-pill {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 600
}

.dash-sheet-pill {
    background: rgba(0, 228, 151, .16);
    color: #008a5b;
    line-height: 1.4;
    margin-left: auto;
    padding: 2px 8px;
    white-space: nowrap
}

@media (max-width:991.98px) {
    .dashboard-container {
        padding-bottom: 98px
    }
}

@media (max-width:991.98px) {
    body:has(.dash-tabbar) .intercom-launcher,
    body:has(.dash-tabbar) .intercom-launcher-frame,
    body:has(.dash-tabbar) .intercom-lightweight-app {
        display: none !important
    }
}

.dashboard-payments,
.dashboard-progress,
.dashboard-revenues-expenses,
.invite-card,
.stats-blok,
.stats-header,
.subscriptions-actions,
.subscriptions-item,
.subscriptions-items-no-item,
.subscriptions-suggestion-item {
    border-radius: 12px
}

.public-subscriptions-categories .category {
    margin-right: 1em
}

.public-subscriptions-categories .category svg {
    color: #016df4
}

.public-subscriptions-categories .category.selected svg {
    color: #fff
}

.public-subscriptions-templates .template {
    background: #f2f7ff;
    border: 1px solid #f2f7ff;
    border-radius: 4px;
    color: #28272b !important;
    margin-right: 1em
}

.public-subscriptions-templates .template:hover {
    border-color: #c6ddff;
    text-decoration: none
}

.public-subscriptions-templates .template.selected {
    border-color: #016df4
}

.public-subscriptions-wrapper .select-country {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    word-break: keep-all
}

.public-subscriptions-wrapper .select-country select {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

h1.autocomplete,
h2.autocomplete {
    font-weight: 700;
    text-align: center
}

h1.autocomplete span,
h2.autocomplete span {
    color: #016df4
}

@media (max-width:991.98px) {
    h1.autocomplete,
    h2.autocomplete {
        font-size: 1.5em
    }
}

.search-autocomplete {
    position: relative
}

.search-autocomplete input {
    border: 1px solid #016df4;
    border-radius: 23px;
    padding: 10px 20px;
    width: 100%
}

.search-autocomplete ul {
    background: #fff;
    border: 1px solid #016df4;
    border-top: 0;
    box-shadow: 0 4px 20px rgba(0, 66, 148, .2);
    left: 2.5em;
    position: absolute;
    width: calc(100% - 5em);
    z-index: 111
}

.search-autocomplete ul li {
    cursor: pointer;
    font-weight: 700;
    line-height: 3em;
    text-align: center
}

.search-autocomplete ul li:hover {
    background: rgba(0, 66, 148, .2)
}

.search-autocomplete ul li span {
    color: #016df4
}

.splide__arrow {
    background: #fff;
    border: 1px solid #016df4
}

.splide__arrow svg {
    fill: #016df4
}

.splide__arrow--prev {
    left: 0
}

.splide__arrow--next {
    right: 0
}

#map {
    border-radius: 12px;
    filter: drop-shadow(0 4px 24px rgba(17, 46, 69, .16));
    min-height: 125px;
    position: relative
}

@media (max-width:991.98px) {
    #map {
        min-height: 160px
    }
}

#map.active {
    min-height: 400px
}

#map .preview {
    background: url(/img/browse/map_preview.png) no-repeat;
    background-size: auto 100%;
    border-radius: 12px;
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%
}

#map .preview .row {
    min-height: 100%
}

#map .preview a {
    color: #112e45
}

#map .preview a:hover {
    text-decoration: none
}

#map .sharesub-group-markers b {
    background: #016df4;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px
}

#map .sharesub-group-markers b.disabled {
    background: #828282
}

#map .leaflet-popup-content {
    max-width: 200px
}

#map .loader {
    color: #016df4;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

#map .join-action-header,
#map .loader {
    align-items: center
}

#map .join-action-header-pricing {
    display: block
}

#map .join-action-header-price {
    font-size: 16px;
    line-height: 26px
}

#map .join-action-header-price .t3-bold {
    font-size: 26px
}

#map .join-action-content {
    gap: 4px
}

#map .join-action-content a {
    color: #fff
}

#map .join-action-header-frequency {
    color: #112e45
}

#map .btn-sharesub {
    font-size: 14px;
    min-height: 36px
}

#map .btn-sharesub.disabled {
    font-size: 12px
}

.join {
    background: #eff5fb;
    position: relative
}

.join:before {
    background: #112e45;
    border-radius: 0 0 45% 44%;
    content: "";
    height: 336px;
    left: -5vw;
    position: absolute;
    right: -5vw;
    width: 110vw
}

.join .container {
    padding: 32px 0 80px
}

.join-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin: 0 0 24px;
    position: relative
}

@supports not (gap:1em) {
    .join-header>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:768px) {
    .join-header {
        margin: 0 0 40px
    }
}

.join-header-previous {
    align-items: center;
    color: #016df4;
    display: none;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 4px;
    left: 0;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 12px)
}

@media (min-width:768px) {
    .join-header-previous {
        display: block
    }
}

@supports not (gap:1em) {
    .join-header-previous>:not(:last-child) {
        margin-right: 4px
    }
}

.join-header-breadcrumb {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@supports not (gap:1em) {
    .join-header-breadcrumb>:not(:last-child) {
        margin-right: 16px
    }
}

.join-header-breadcrumb-content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: 24px
}

@supports not (gap:1em) {
    .join-header-breadcrumb-content>:not(:last-child) {
        margin-right: 8px
    }
}

.join-header-breadcrumb-content>svg {
    flex: 0 0 auto;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.join-header-breadcrumb-content>a {
    color: #fff;
    text-transform: capitalize
}

.join-header-breadcrumb-content>a,
.join-header-breadcrumb-content>span {
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    position: relative
}

.join-header-breadcrumb-content>span {
    color: #016df4;
    display: inline-block
}

.join-header-breadcrumb-content>span:last-child {
    color: #016df4
}

.join-header-breadcrumb-content-separator {
    color: #fff !important
}

.join-header-title {
    color: #00e497;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    text-align: center
}

@media (min-width:768px) {
    .join-header-title {
        font-size: 32px;
        line-height: 40px
    }
}

.join-header-title>span {
    position: relative
}

.join-header-title>span:after {
    background: url(/img/subscription/underline.svg) no-repeat;
    background-size: contain;
    bottom: -15px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.join-content {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 12px;
    display: flex;
    filter: drop-shadow(0 4px 24px rgba(17, 46, 69, .16));
    flex-direction: column;
    margin: 0 0 29px;
    overflow: hidden
}

.join-content-article {
    padding: 24px 16px
}

@media (min-width:768px) {
    .join-content-article {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        padding: 24px 16px 24px 32px
    }
}

@media (min-width:992px) {
    .join-content-article {
        padding: 24px 28px
    }
}

@media (min-width:1200px) {
    .join-content-article {
        padding: 24px 48px
    }
}

.join-content-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    padding: 16px
}

@supports not (gap:1em) {
    .join-content-header>:not(:last-child) {
        margin-right: 12px
    }
}

@media (min-width:768px) {
    .join-content-header {
        gap: 16px;
        padding: 20px 32px 16px
    }
}

@media (min-width:992px) {
    .join-content-header {
        padding: 20px 28px 16px
    }
}

@media (min-width:1200px) {
    .join-content-header {
        padding: 20px 48px 16px
    }
}

.join-content-header-left {
    align-items: center;
    display: flex;
    gap: 14px
}

@supports not (gap:1em) {
    .join-content-header-left>:not(:last-child) {
        margin-right: 14px
    }
}

.join-content-sep {
    border: 0;
    border-top: 1px solid #c6ddff;
    flex: 0 0 auto;
    margin: 0;
    width: 100%
}

.join-content-badges {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-left: auto
}

@media (min-width:640px) {
    .join-content-badges {
        align-items: flex-end;
        flex-direction: column;
        gap: 7px
    }
}

.join-content-badge {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 7px;
    line-height: 20px;
    white-space: nowrap
}

@supports not (gap:1em) {
    .join-content-badge>:not(:last-child) {
        margin-right: 7px
    }
}

.join-content-badge img {
    max-height: 18px;
    max-width: 18px
}

.join-content-badge svg {
    color: #00e497;
    flex: 0 0 auto;
    height: 18px;
    width: 18px
}

.join-content-title {
    color: #112e45;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 0
}

.join-content-title strong {
    font-weight: 900
}

.join-content-details {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    width: 100%
}

.join-content-detail {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

@supports not (gap:1em) {
    .join-content-detail>:not(:last-child) {
        margin-right: 8px
    }
}

.join-content-detail img,
.join-content-detail svg {
    flex: 0 0 auto;
    height: 20px;
    width: 20px
}

.join-content-avatar,
.join-content-detail-flag {
    align-items: center;
    display: flex;
    flex: 0 0 auto
}

.join-content-avatar {
    background: #112e45;
    border: 2px solid #00e497;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 32px;
    position: relative;
    width: 56px
}

.join-content-avatar:after {
    align-items: center;
    background: url(/img/join/check.svg);
    background: #00e497;
    border-radius: 12px;
    bottom: 1px;
    content: "";
    display: flex;
    height: 15px;
    justify-content: center;
    position: absolute;
    right: -4px;
    width: 15px
}

.join-content-avatar.badge:after {
    background-color: transparent;
    background-size: cover;
    border-radius: 0;
    bottom: -9px;
    height: 28px;
    right: -10px;
    width: 23px
}

.join-content-avatar.badge-gold:after {
    background-image: url(/img/browse/medal-or.svg)
}

.join-content-avatar.badge-silver:after {
    background-image: url(/img/browse/medal-argent.svg)
}

.join-content-avatar.badge-bronze:after {
    background-image: url(/img/browse/medal-bronze.svg)
}

.join-content-user {
    display: flex;
    flex-direction: column;
    gap: 3px
}

@supports not (gap:1em) {
    .join-content-user>:not(:last-child) {
        margin-bottom: 3px
    }
}

.join-content-user-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 3px
}

@supports not (gap:1em) {
    .join-content-user-header>:not(:last-child) {
        margin-bottom: 3px
    }
}

@media (min-width:768px) {
    .join-content-user-header {
        align-items: baseline;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        row-gap: 3px
    }
    @supports not (gap:1em) {
        .join-content-user-header>:not(:last-child) {
            margin-right: 8px
        }
    }
}

.join-content-user-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 3px
}

@supports not (gap:1em) {
    .join-content-user-info>:not(:last-child) {
        margin-bottom: 3px
    }
}

@media (min-width:768px) {
    .join-content-user-info {
        align-items: baseline;
        flex-direction: row;
        gap: 16px
    }
    @supports not (gap:1em) {
        .join-content-user-info>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.join-content-user-ratings {
    align-items: center;
    display: flex;
    gap: 4px
}

@supports not (gap:1em) {
    .join-content-user-ratings>:not(:last-child) {
        margin-right: 4px
    }
}

.join-content-user-rating {
    color: #016df4;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px
}

.join-content-user-footer,
.join-content-user-stars {
    align-items: center;
    display: flex
}

.join-content-user-footer {
    flex-direction: column;
    gap: 0
}

@supports not (gap:1em) {
    .join-content-user-footer>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .join-content-user-footer {
        flex-direction: row;
        gap: 8px
    }
    @supports not (gap:1em) {
        .join-content-user-footer>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 8px
        }
    }
}

.join-content-user-location {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

@supports not (gap:1em) {
    .join-content-user-location>:not(:last-child) {
        margin-right: 8px
    }
}

.join-content-user-created {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.join-content-name {
    color: #112e45;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px
}

.join-content-created {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.join-content-stats {
    display: flex;
    flex-direction: row;
    gap: 0
}

@supports not (gap:1em) {
    .join-content-stats>* {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .join-content-stats {
        flex-direction: column;
        gap: 8px
    }
    @supports not (gap:1em) {
        .join-content-stats>* {
            margin-bottom: 9px;
            margin-right: 0
        }
    }
}

.join-content-verifies {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 50%
}

@supports not (gap:1em) {
    .join-content-verifies>:not(:last-child) {
        margin-bottom: 4px
    }
}

@media (min-width:768px) {
    .join-content-verifies {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
        row-gap: 8px;
        width: auto
    }
    @supports not (gap:1em) {
        .join-content-verifies>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.join-content-verify {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

@supports not (gap:1em) {
    .join-content-verify>* {
        margin-right: 8px
    }
}

.join-content-verify img {
    max-height: 20px;
    max-width: 20px
}

.join-content-facts {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 50%
}

@supports not (gap:1em) {
    .join-content-facts>:not(:last-child) {
        margin-bottom: 4px
    }
}

@media (min-width:768px) {
    .join-content-facts {
        align-items: center;
        flex-direction: row;
        gap: 16px;
        width: auto
    }
    @supports not (gap:1em) {
        .join-content-facts>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.join-content-fact {
    align-items: flex-start;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

@supports not (gap:1em) {
    .join-content-fact>* {
        margin-right: 8px
    }
}

.join-content-description {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0
}

@supports not (gap:1em) {
    .join-content-description>:not(:last-child) {
        margin-bottom: 12px
    }
}

.join-content-description.no-space {
    margin-left: 0 !important
}

.join-content-text {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px
}

@media (min-width:768px) {
    .join-content-text {
        font-size: 16px;
        line-height: 24px
    }
}

.join-action {
    background: #fff;
    border-top: 1px solid #c6ddff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px;
    justify-content: center;
    padding: 24px 16px
}

@supports not (gap:1em) {
    .join-action>:not(:last-child) {
        margin-bottom: 32px
    }
}

@media (min-width:768px) {
    .join-action {
        border-top: 0;
        flex: 0 0 33.3333333333%;
        justify-content: center;
        max-width: 33.3333333333%;
        padding: 24px
    }
}

@media (min-width:992px) {
    .join-action {
        padding: 24px 28px
    }
}

@media (min-width:1200px) {
    .join-action {
        padding: 24px 48px
    }
}

.join-action-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .join-action-header>:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (min-width:992px) {
    .join-action-header {
        align-items: end;
        gap: 0
    }
    @supports not (gap:1em) {
        .join-action-header>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 0
        }
    }
}

.join-action-header-pricing {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0
}

@supports not (gap:1em) {
    .join-action-header-pricing>:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .join-action-header-pricing {
        align-items: baseline;
        flex-direction: row;
        gap: 4px
    }
    @supports not (gap:1em) {
        .join-action-header-pricing>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 4px
        }
    }
}

.join-action-header-price {
    color: #016df4;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 44px
}

.join-action-header-frequency {
    color: #828282;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px
}

.join-action-header-fees {
    color: #828282;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 16px;
    text-align: center
}

@media (min-width:992px) {
    .join-action-header-fees {
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }
}

.join-action-content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .join-action-content>:not(:last-child) {
        margin-bottom: 16px
    }
}

.join-action-content-access {
    align-items: center;
    color: #fdca40;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    line-height: 20px
}

@supports not (gap:1em) {
    .join-action-content-access>* {
        margin-right: 8px
    }
}

@media (min-width:992px) {
    .join-action-content-access {
        font-size: 16px;
        line-height: 24px
    }
}

.join-action-content-access>img {
    height: 20px;
    width: 20px
}

@media (min-width:992px) {
    .join-action-content-access>img {
        height: 24px;
        width: 24px
    }
}

.join-action-content .btn-sharesub {
    width: 100%
}

.join-action-footer {
    align-items: center;
    display: flex;
    justify-content: center
}

.join-protect {
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px 16px
}

@supports not (gap:1em) {
    .join-protect>:not(:last-child) {
        margin-bottom: 32px
    }
}

@media (min-width:768px) {
    .join-protect {
        flex-direction: row;
        padding: 32px
    }
    @supports not (gap:1em) {
        .join-protect>* {
            margin-bottom: 0;
            margin-right: 32px
        }
    }
}

@media (min-width:992px) {
    .join-protect {
        padding: 40px
    }
}

@media (min-width:1200px) {
    .join-protect {
        padding: 48px
    }
}

.join-protect-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 16px
}

.join-protect-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 24px
}

.join-protect-link {
    align-items: center;
    display: flex;
    gap: 4px
}

@supports not (gap:1em) {
    .join-protect-link>:not(:last-child) {
        margin-right: 4px
    }
}

.join-protect-link>span {
    border-bottom: 4px solid #00e497
}

.join .latest-transactions-reinsurance {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    margin-bottom: 29px;
    padding: 24px 16px
}

@media (min-width:768px) {
    .join .latest-transactions-reinsurance {
        padding: 24px 28px
    }
}

@media (min-width:1200px) {
    .join .latest-transactions-reinsurance {
        padding: 24px 48px
    }
}

.connect {
    background: #eff5fb;
    position: relative
}

.connect:before {
    background: #112e45;
    border-radius: 0 0 45% 44%;
    content: "";
    height: 336px;
    left: -5vw;
    position: absolute;
    right: -5vw;
    width: 110vw;
    z-index: 1
}

.connect-progress {
    background: #fff;
    display: block;
    height: 4px;
    position: relative;
    width: 100%;
    z-index: 2
}

.connect-progress-loader {
    background: #016df4;
    display: block;
    height: 4px;
    width: 50%
}

.connect .container {
    padding: 72px 0 64px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .connect .container {
        padding: 32px 0 80px
    }
}

@media (min-width:992px) {
    .connect .container {
        padding: 32px 0 120px
    }
}

@media (min-width:1200px) {
    .connect .container {
        padding: 64px 0 120px
    }
}

.connect .container>.row {
    row-gap: 16px
}

.connect-header-title {
    color: #00e497;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 0 16px;
    text-align: center
}

@media (min-width:768px) {
    .connect-header-title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 8px
    }
}

.connect-header-steps {
    align-items: center;
    display: none;
    gap: 16px;
    justify-content: center
}

@media (min-width:768px) {
    .connect-header-steps {
        display: flex
    }
}

@supports not (gap:1em) {
    .connect-header-steps>:not(:last-child) {
        margin-right: 16px
    }
}

.connect-header-previous {
    align-items: center;
    color: #016df4;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    left: 0;
    line-height: 24px;
    position: absolute;
    top: 10px
}

@media (min-width:768px) {
    .connect-header-previous {
        top: 40px
    }
}

@media (min-width:1200px) {
    .connect-header-previous {
        top: 72px
    }
}

.connect-header-step {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 16px;
    letter-spacing: .01em;
    line-height: 24px
}

@supports not (gap:1em) {
    .connect-header-step>* {
        margin-right: 16px
    }
}

.connect-header-step.active {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.connect-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .connect-form>:not(:last-child) {
        margin-bottom: 16px
    }
}

.connect-login {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

@supports not (gap:1em) {
    .connect-login>:not(:last-child) {
        margin-bottom: 16px
    }
}

.connect-content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px 40px
}

@supports not (gap:1em) {
    .connect-content>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .connect-content {
        padding: 24px 24px 40px
    }
}

.connect-content-header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .connect-content-header>:not(:last-child) {
        margin-bottom: 16px
    }
}

.connect-content-title {
    color: #112e45;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 30px;
    margin: 0
}

@media (min-width:768px) {
    .connect-content-title {
        font-size: 24px;
        line-height: 32px
    }
}

.connect-content-list li {
    border-bottom: 1px solid #e1e1e1;
    margin: 8px 0
}

.connect-content-list li:last-child {
    border-bottom: none
}

.connect-content-list a {
    box-shadow: none
}

.connect-content-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.connect-content-fields {
    row-gap: 16px
}

@supports not (gap:1em) {
    .connect-content-fields>* {
        margin-bottom: 16px
    }
}

.connect-content .btn-sharesub {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    width: 100%
}

@media (min-width:992px) {
    .connect-content .btn-sharesub {
        width: -moz-fit-content;
        width: fit-content
    }
}

.connect-info {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    padding: 24px
}

.connect-info .join-content-user {
    align-items: flex-start;
    margin-bottom: 24px
}

.connect-info .join-content-user-footer,
.connect-info .join-content-user-info {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px
}

@supports not (gap:1em) {
    .connect-info .join-content-user-footer>:not(:last-child),
    .connect-info .join-content-user-info>:not(:last-child) {
        margin-bottom: 3px
    }
}

@media (min-width:992px) {
    .connect-info .join-content-user-footer,
    .connect-info .join-content-user-info {
        align-items: center;
        flex-direction: row;
        gap: 16px
    }
    @supports not (gap:1em) {
        .connect-info .join-content-user-footer>:not(:last-child),
        .connect-info .join-content-user-info>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.connect-info .join-content-stats {
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .connect-info .join-content-stats>:not(:last-child) {
        margin-bottom: 8px
    }
}

.connect-info .join-content-stats .join-content-verifies {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    order: 2;
    width: 100%
}

@supports not (gap:1em) {
    .connect-info .join-content-stats .join-content-verifies>:not(:last-child) {
        margin-bottom: 8px
    }
}

.connect-info .join-content-stats .join-content-facts {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    order: 1;
    width: 100%
}

@supports not (gap:1em) {
    .connect-info .join-content-stats .join-content-facts>:not(:last-child) {
        margin-bottom: 8px
    }
}

.connect-info .latest-transactions-reinsurance {
    font-size: 14px
}

.connect-info-pricing {
    align-items: baseline;
    display: flex;
    gap: 4px;
    margin: 32px 0 0
}

@supports not (gap:1em) {
    .connect-info-pricing>:not(:last-child) {
        margin-right: 4px
    }
}

.connect-info-price {
    color: #016df4;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 44px
}

.connect-info-fee {
    color: #112e45;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px
}

.connect-info-hr {
    border-top: 1px solid #e1e1e1;
    margin: 16px 0
}

.connect-info-protect {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0 0 10px
}

@supports not (gap:1em) {
    .connect-info-protect>:not(:last-child) {
        margin-right: 8px
    }
}

.connect-info-protect-text {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.connect-info-protect-text>span {
    color: #016df4;
    font-weight: 500
}

.pay {
    background: #eff5fb;
    position: relative
}

.pay:before {
    background: #112e45;
    border-radius: 0 0 45% 44%;
    content: "";
    height: 336px;
    left: -5vw;
    position: absolute;
    right: -5vw;
    width: 110vw;
    z-index: 1
}

.pay .container {
    padding: 72px 0 64px;
    position: relative;
    z-index: 2
}

@media (min-width:768px) {
    .pay .container {
        padding: 32px 0 80px
    }
}

@media (min-width:992px) {
    .pay .container {
        padding: 32px 0 120px
    }
}

@media (min-width:1200px) {
    .pay .container {
        padding: 64px 0 120px
    }
}

.pay-form {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px
}

@supports not (gap:1em) {
    .pay-form>:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .pay-form {
        padding: 24px
    }
}

.pay-form-header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@supports not (gap:1em) {
    .pay-form-header>:not(:last-child) {
        margin-bottom: 8px
    }
}

.pay-form-title {
    align-items: center;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.pay-form-description,
.pay-form-title {
    color: #112e45;
    letter-spacing: .01em;
    margin: 0
}

.pay-form-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.pay-form-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0
}

@supports not (gap:1em) {
    .pay-form-cards>:not(:last-child) {
        margin-bottom: 8px
    }
}

.pay-form-card {
    margin: 0;
    width: 100%
}

.pay-form-card>label {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    margin: 0;
    width: 100%
}

.pay-form-card>label .input-radio-sharesub+div:before {
    left: auto;
    position: relative;
    top: auto
}

.pay-form-card>label .input-radio-sharesub+div:after {
    height: 10px;
    left: 23px;
    position: absolute;
    top: 21px;
    width: 6px
}

.pay-form-card>label>div {
    align-items: center;
    display: flex;
    gap: 16px;
    min-height: 56px;
    padding: 16px
}

@supports not (gap:1em) {
    .pay-form-card>label>div>div {
        margin-left: 16px
    }
}

.pay-form-bank {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 16px;
    letter-spacing: .01em;
    line-height: 24px
}

@supports not (gap:1em) {
    .pay-form-bank>* {
        margin-right: 16px
    }
}

.pay-form-accept,
.pay-form-country {
    align-items: flex-start;
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .pay-form-accept>*,
    .pay-form-country>* {
        margin-right: 8px !important
    }
}

.pay-form-accept>input,
.pay-form-country>input {
    margin: 4px 0
}

.pay-form-accept>label,
.pay-form-country>label {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0
}

.pay-form .btn-sharesub {
    align-self: center;
    width: 100%
}

@media (min-width:768px) {
    .pay-form .btn-sharesub {
        width: -moz-fit-content;
        width: fit-content
    }
}

.pay-recap {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    display: flex;
    flex-direction: column;
    padding: 24px
}

.pay-recap-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 32px;
    margin: 0 0 24px
}

.pay-recap-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

@supports not (gap:1em) {
    .pay-recap-items>:not(:last-child) {
        margin-bottom: 16px
    }
}

.pay-recap-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.pay-recap-item.gray {
    color: #a3a3a3
}

.pay-recap-item-left {
    align-items: center;
    display: flex;
    gap: 8px
}

@supports not (gap:1em) {
    .pay-recap-item-left>:not(:last-child) {
        margin-right: 8px
    }
}

.pay-recap-item-name {
    font-weight: 500
}

.pay-recap-item-name,
.pay-recap-item-price {
    color: #112e45;
    font-size: 16px;
    line-height: 24px
}

.pay-recap-item-price {
    font-weight: 400;
    letter-spacing: .01em
}

.pay-recap-item-quantity {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.pay-recap-cart {
    display: flex;
    flex-direction: column;
    margin: 28px 0 16px
}

.pay-recap-total {
    display: flex;
    justify-content: space-between
}

.pay-recap-total-text {
    color: #112e45
}

.pay-recap-total-price,
.pay-recap-total-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.pay-recap-total-price {
    color: #016df4
}

.pay-recap-fee {
    color: #112e45;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px
}

.pay-recap-exp {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin: 16px 0;
    padding: 16px
}

.pay-recap-exp-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

.pay-recap-exp-description {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px
}

.pay-recap-exp-items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .pay-recap-exp-items>:not(:last-child) {
        margin-bottom: 16px
    }
}

.pay-recap-exp-item {
    display: flex
}

.pay-recap-exp-item-iteration {
    color: #016df4;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 16px;
    width: 50%
}

@media (min-width:992px) {
    .pay-recap-exp-item-iteration {
        font-size: 14px;
        line-height: 20px
    }
}

.pay-recap-exp-item-next {
    display: flex;
    gap: 19px;
    width: 50%
}

@supports not (gap:1em) {
    .pay-recap-exp-item-next>:not(:last-child) {
        margin-right: 19px
    }
}

.pay-recap-exp-item-product {
    display: flex;
    flex-direction: column
}

.pay-recap-exp-item-price {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px
}

.pay-recap-exp-item-desc {
    color: #112e45;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.pay-recap-exp-item-timeline {
    background: #016df4;
    flex: 0 0 auto;
    height: 131%;
    position: relative;
    width: 2px
}

.pay-recap-exp-item-timeline:before {
    background: #016df4;
    border-radius: 20px;
    content: "";
    height: 20px;
    left: -9px;
    position: absolute;
    top: 0;
    width: 20px
}

.pay-recap-exp-item-timeline.future {
    background: #a3a3a3;
    background: linear-gradient(180deg, #a3a3a3, #bebebe 35%, #fff);
    height: 120%
}

.pay-recap-exp-item-timeline.future:before {
    background: #fff;
    background-image: url(/img/join/next-iteration.svg);
    background-size: contain;
    border-radius: 0
}

.pay-recap .latest-transactions-reinsurance {
    font-size: 14px
}

.pay-encrypted {
    align-items: center;
    background: #dbfff3;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    line-height: 20px;
    margin: 24px 0 0;
    padding: 12px 32px
}

@supports not (gap:1em) {
    .pay-encrypted>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:992px) {
    .pay-encrypted {
        gap: 24px
    }
    @supports not (gap:1em) {
        .pay-encrypted>:not(:last-child) {
            margin-right: 24px
        }
    }
}

.pay-encrypted-images {
    display: flex;
    flex-direction: column;
    gap: 14px
}

@supports not (gap:1em) {
    .pay-encrypted-images>:not(:last-child) {
        margin-bottom: 14px
    }
}

@media (min-width:992px) {
    .pay-encrypted-images {
        align-items: center;
        flex-direction: row;
        justify-content: start
    }
}

.pay-encrypted-images>img {
    height: 40px
}

.pay-encrypted>p {
    margin: 0
}

.paid {
    background: #112e45
}

.paid .container {
    padding: 64px 0
}

@media (min-width:768px) {
    .paid .container {
        padding: 96px 0 120px
    }
}

.paid-content {
    margin: 0 0 40px;
    position: relative
}

.paid-content-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    padding: 56px 16px 48px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .paid-content-wrapper {
        padding: 56px 32px
    }
}

@media (min-width:992px) {
    .paid-content-wrapper {
        padding: 56px 40px
    }
}

@media (min-width:1200px) {
    .paid-content-wrapper {
        padding: 56px 100px
    }
}

.paid-content-wrapper>.row {
    align-items: center
}

.paid-content-check {
    height: 64px;
    left: calc(50% - 32px);
    position: absolute;
    top: -32px;
    width: 64px
}

.paid-content-title {
    color: #112e45;
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 0 40px;
    text-align: center
}

@media (min-width:992px) {
    .paid-content-title {
        font-size: 32px;
        line-height: 40px
    }
}

.paid-content-title>span {
    position: relative
}

.paid-content-title>span:after {
    background: url(/img/join/underline.svg) no-repeat;
    background-size: contain;
    bottom: -14px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.paid-content-title>span.unavailable {
    display: block
}

.paid-content-title>span.unavailable:after {
    background-position: 70% 0
}

.paid-content-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 32px
}

.paid-content-intro {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 16px;
    opacity: .7
}

.paid-content-guarantee {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    gap: 8px;
    line-height: 18px;
    margin: 16px 0 20px;
    opacity: .7
}

.paid-content-guarantee:before {
    content: "🔒";
    font-size: 14px
}

.paid-content-access {
    align-items: flex-start;
    background: rgba(1, 109, 244, .08);
    border-left: 4px solid #016df4;
    border-radius: 4px;
    display: flex;
    gap: 14px;
    margin: 0;
    padding: 16px 18px
}

.paid-content-access-icon {
    align-items: center;
    background: #112e45;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    font-size: 22px;
    height: 48px;
    justify-content: center;
    line-height: 1;
    width: 48px
}

.paid-content-access-body {
    flex: 1;
    min-width: 0
}

.paid-content-access-title {
    color: #112e45;
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0 0 12px
}

@media (min-width:768px) {
    .paid-content-access-title {
        font-size: 26px;
        line-height: 32px
    }
}

.paid-content-access-steps {
    counter-reset: access-step;
    list-style: none;
    margin: 0;
    padding: 0
}

.paid-content-access-steps>li {
    color: #112e45;
    counter-increment: access-step;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 8px 30px;
    position: relative
}

.paid-content-access-steps>li:last-child {
    padding-bottom: 0
}

.paid-content-access-steps>li:before {
    align-items: center;
    background: #016df4;
    border-radius: 50%;
    color: #fff;
    content: counter(access-step);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 1px;
    width: 20px
}

.paid-content-access-steps>li>a {
    color: #016df4;
    font-weight: 600;
    text-decoration: underline
}

.paid-content-access-steps>li>a:hover {
    color: #112e45;
    text-decoration: underline
}

.paid-content .btn-sharesub {
    height: 56px;
    line-height: 28px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .paid-content .btn-sharesub {
        height: 44px;
        width: -moz-fit-content;
        width: fit-content
    }
}

.paid-content-money-green {
    bottom: -250px;
    display: none;
    position: absolute;
    right: -140px
}

@media (min-width:768px) {
    .paid-content-money-green {
        display: block
    }
}

.paid-content-money-blue {
    bottom: -190px;
    display: none;
    left: -135px;
    position: absolute
}

@media (min-width:768px) {
    .paid-content-money-blue {
        display: block
    }
}

.paid .subscription-created-info:before {
    background: #016df4
}

.user-profile {
    margin: 8px 0 0
}

@media (min-width:1200px) {
    .user-profile {
        margin: -8px 0 0 64px
    }
}

.user-profile .flag-container {
    margin: 0 0 8px
}

.user-profile .flag-container>span {
    display: inline-block
}

.user-profile .join-content-fact,
.user-profile .join-content-verify {
    margin: 0 0 8px
}

.user-profile-container .filter-block {
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .08);
    margin: 0 0 24px;
    padding: 24px 16px
}

.join-content-article.user-infos ul {
    margin: 8px 0 0
}

.join-content-article.user-infos li {
    background: url(/img/join/check-outline.svg) no-repeat;
    line-height: 20px;
    margin: 0 0 8px;
    min-height: 20px;
    padding: 0 0 0 28px
}

.category-header {
    background: #112e45;
    isolation: isolate;
    padding: 40px 0;
    position: relative
}

.category-header:before {
    background: radial-gradient(circle at 84% 20%, rgba(1, 109, 244, .28), rgba(1, 109, 244, 0) 28%), radial-gradient(circle at 20% 50%, rgba(0, 228, 151, .18), rgba(0, 228, 151, 0) 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.category-header>:not(.hero-effects) {
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .category-header {
        padding: 48px 0
    }
}

@media (min-width:1200px) {
    .category-header {
        padding: 56px 0
    }
}

.category-header .hero-categories {
    margin: 0
}

.category-header-title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .category-header-title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 40px
    }
}

@media (min-width:992px) {
    .category-header-title {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 48px
    }
}

@media (min-width:1200px) {
    .category-header-title {
        font-size: 56px;
        line-height: 64px
    }
}

.category-header-title span {
    color: #016df4
}

.category-content {
    background: #eef4fb;
    padding: 30px 0 80px
}

@media (min-width:768px) {
    .category-content {
        padding: 40px 0 100px
    }
}

.category-propose {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

.category-propose>a {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px
}

@supports not (gap:1em) {
    .category-propose>a>:not(:last-child) {
        margin-right: 8px
    }
}

.category-cards {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr
}

@media (min-width:768px) {
    .category-cards {
        gap: 28px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1200px) {
    .category-cards {
        grid-template-columns: repeat(3, 1fr)
    }
}

.category-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(17, 46, 69, .06);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow .2s
}

.category-card:hover {
    box-shadow: 0 12px 36px rgba(17, 46, 69, .12)
}

.category-card-title {
    align-items: center;
    background: #112e45;
    color: #fff;
    display: flex;
    font-size: 22px;
    font-weight: 800;
    gap: 12px;
    line-height: 28px;
    margin: 0;
    padding: 18px 25px
}

@supports not (gap:1em) {
    .category-card-title>* {
        margin-right: 12px
    }
}

.category-card-title>svg {
    color: #00e497;
    flex: 0 0 auto;
    height: 26px;
    width: 26px
}

.category-card-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 24px 26px 26px
}

.category-card-description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #7c8b99;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    margin: 0 0 18px;
    overflow: hidden
}

.category-card-items {
    display: flex;
    flex-direction: column;
    margin: 0
}

.category-card-item {
    align-items: center;
    background: #ebf4ff;
    border: 1px solid transparent;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 14px
}

.category-card-item:nth-child(2n) {
    background: #f7fafe
}

.category-card-item:hover {
    border-color: #016df4
}

.category-card-item:hover .category-card-item-price svg {
    display: block
}

.category-card-item-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize
}

.category-card-item-name,
.category-card-item-name:hover {
    color: #112e45;
    text-decoration: none
}

.category-card-item-price {
    align-items: center;
    color: #016df4;
    display: flex;
    font-size: 16px;
    font-weight: 800;
    gap: 8px;
    justify-content: flex-end;
    line-height: 24px
}

@supports not (gap:1em) {
    .category-card-item-price>:not(:last-child) {
        margin-right: 8px
    }
}

.category-card-item-price>svg {
    display: none
}

.category-card .btn-sharesub {
    border-radius: 24px;
    margin: 20px auto 0;
    padding: 10px;
    width: 80%
}

.category-actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin: 40px 0 0;
    width: 100%
}

@supports not (gap:1em) {
    .category-actions>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .category-actions {
        flex-direction: row;
        margin: 64px 0 0
    }
    @supports not (gap:1em) {
        .category-actions>:not(:last-child) {
            margin-bottom: 0;
            margin-right: 16px
        }
    }
}

.category-actions>a {
    width: 100%
}

@media (min-width:768px) {
    .category-actions>a {
        width: -moz-fit-content;
        width: fit-content
    }
}

.category-disclaimer {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 24px auto 0;
    max-width: 760px;
    text-align: center
}

@media (min-width:768px) {
    .category-disclaimer {
        font-size: 14px;
        line-height: 22px;
        margin-top: 32px
    }
}

.brand-header {
    background: #112e45;
    isolation: isolate;
    padding: 40px 0;
    position: relative
}

.brand-header:before {
    background: radial-gradient(circle at 84% 20%, rgba(1, 109, 244, .28), rgba(1, 109, 244, 0) 28%), radial-gradient(circle at 20% 50%, rgba(0, 228, 151, .18), rgba(0, 228, 151, 0) 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.brand-header>:not(.hero-effects) {
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .brand-header {
        padding: 48px 0
    }
}

@media (min-width:1200px) {
    .brand-header {
        padding: 56px 0
    }
}

.brand-header .hero-categories {
    margin: 0
}

.brand-header .search-wrapper {
    gap: 16px;
    margin: 0 0 24px
}

@supports not (gap:1em) {
    .brand-header .search-wrapper>:not(:last-child) {
        margin-right: 16px
    }
}

.brand-header .hero-search-bar {
    min-height: 72px
}

.brand-header-title {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .brand-header-title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 40px
    }
}

@media (min-width:992px) {
    .brand-header-title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 48px
    }
}

@media (min-width:1200px) {
    .brand-header-title {
        font-size: 48px;
        line-height: 56px
    }
}

.brand-header-title span {
    color: #016df4
}

.brand-content {
    background: #eef4fb;
    padding: 40px 0 80px
}

.brand-content .splide__track {
    overflow: initial
}

.brand-content .splide__arrow {
    align-items: center;
    background: #016df4;
    border-radius: 40px;
    color: #fff;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 56px
}

.brand-content .splide__arrow--prev {
    left: -78px
}

.brand-content .splide__arrow--next {
    right: -78px
}

.brand-content-header {
    display: flex;
    gap: 16px
}

@supports not (gap:1em) {
    .brand-content-header>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .brand-content-header {
        gap: 0
    }
    @supports not (gap:1em) {
        .brand-content-header>:not(:last-child) {
            margin-right: 0
        }
    }
}

.brand-content-title {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 24px;
    font-weight: 800;
    gap: 16px;
    line-height: 32px
}

@supports not (gap:1em) {
    .brand-content-title>* {
        margin-right: 16px
    }
}

@media (min-width:992px) {
    .brand-content-title {
        font-size: 32px;
        gap: 24px;
        line-height: 40px
    }
    @supports not (gap:1em) {
        .brand-content-title>* {
            margin-right: 24px
        }
    }
}

.brand-content-title>svg {
    color: #016df4;
    flex: 0 0 auto;
    height: 28px;
    width: 28px
}

@media (min-width:992px) {
    .brand-content-title>svg {
        height: 40px;
        width: 40px
    }
}

.brand-content-description {
    color: #112e45;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0
}

@media (min-width:768px) {
    .brand-content-description {
        font-size: 16px;
        line-height: 24px
    }
}

.brand-propose {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

.brand-propose>a {
    align-items: center;
    color: #00e497;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 8px;
    line-height: 24px
}

@supports not (gap:1em) {
    .brand-propose>a>:not(:last-child) {
        margin-right: 8px
    }
}

.brand-cards {
    margin-top: 40px;
    row-gap: 30px
}

@supports not (gap:1em) {
    .brand-cards>:not(:last-child) {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .brand-cards {
        margin-top: 24px
    }
}

.brand-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .41);
    display: flex;
    flex-direction: column;
    max-width: 368px;
    overflow: hidden;
    position: relative;
    transition: all .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.brand-card:hover {
    transform: translateY(-16px)
}

.brand-card:hover .brand-card-title>svg {
    display: block
}

.brand-card:active {
    transform: translateY(-16px)
}

.brand-card:active .brand-card-title>svg {
    display: block
}

.brand-card-showcase {
    left: 23px;
    position: absolute
}

@media (max-width:767.98px) {
    .brand-card-showcase {
        left: 13px
    }
}

.brand-card-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 800;
    gap: 16px;
    justify-content: center;
    line-height: 28px;
    padding: 16px 0;
    text-transform: capitalize
}

@supports not (gap:1em) {
    .brand-card-title>:not(:last-child) {
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .brand-card-title {
        font-size: 24px;
        line-height: 32px;
        padding: 24px 0
    }
}

.brand-card-title>a {
    color: #fff;
    text-align: center;
    text-decoration: none
}

.brand-card-title>a:hover {
    color: #fff
}

.brand-card-title>svg {
    display: none;
    height: 18px;
    width: 22px
}

.brand-card-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 16px 0
}

@media (min-width:768px) {
    .brand-card-wrapper {
        padding: 24px 0
    }
}

.brand-card-price {
    color: #112e45;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 38px
}

@media (min-width:768px) {
    .brand-card-price {
        font-size: 36px;
        line-height: 44px
    }
}

.brand-card-frequency {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 14px
}

.brand-articles {
    background: #eef4fb;
    padding: 0 0 80px
}

@media (min-width:768px) {
    .brand-articles {
        padding: 0 0 120px
    }
}

.brand-articles-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 0 0 32px
}

@media (min-width:768px) {
    .brand-articles-title {
        font-size: 32px;
        line-height: 40px
    }
}

.brand-articles-items {
    row-gap: 32px
}

.brand-article {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 12px;
    display: flex;
    filter: drop-shadow(0 4px 24px rgba(17, 46, 69, .16));
    flex-direction: column;
    overflow: hidden
}

.brand-article-image {
    background-size: cover;
    height: 200px;
    width: 100%
}

.brand-article-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 24px
}

@supports not (gap:1em) {
    .brand-article-wrapper>:not(:last-child) {
        margin-bottom: 8px
    }
}

.brand-article-title {
    color: #112e45;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px
}

.brand-article-title>a {
    color: #112e45;
    text-decoration: none
}

.brand-article-title>a:hover {
    color: #112e45
}

.brand-article-description {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.brand-actions {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 64px 0 0
}

@supports not (gap:1em) {
    .brand-actions>:not(:last-child) {
        margin-right: 16px
    }
}

.model {
    background: #eef4fb
}

.model-content .container,
.model-header .container,
.model-reassurance .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 32px)
}

@media (min-width:768px) {
    .model-content .container,
    .model-header .container,
    .model-reassurance .container {
        max-width: 712px;
        width: auto
    }
}

@media (min-width:992px) {
    .model-content .container,
    .model-header .container,
    .model-reassurance .container {
        max-width: 928px
    }
}

@media (min-width:1200px) {
    .model-content .container,
    .model-header .container,
    .model-reassurance .container {
        max-width: 1168px
    }
}

.model-header {
    background: linear-gradient(180deg, #12324b, #102b42 48%, #0f2a40);
    isolation: isolate;
    padding: 54px 0 58px;
    position: relative
}

.model-header:before {
    background: radial-gradient(circle at 84% 20%, rgba(1, 109, 244, .28), rgba(1, 109, 244, 0) 28%), radial-gradient(circle at 20% 50%, rgba(0, 228, 151, .18), rgba(0, 228, 151, 0) 34%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

.model-header>:not(.hero-effects) {
    position: relative;
    z-index: 1
}

.model-header .container {
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

@media (min-width:768px) {
    .model-header .container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:1200px) {
    .model-header .container {
        padding-left: 32px;
        padding-right: 32px
    }
}

.model-header .hero-categories {
    margin: 0
}

.model-header-title-row {
    margin: 18px 0 0
}

.model-header-breadcrumb {
    align-items: center;
    color: #a8bdd1;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 8px;
    line-height: 1.4
}

@supports not (gap:1em) {
    .model-header-breadcrumb>:not(:last-child) {
        margin-right: 8px
    }
}

.model-header-breadcrumb>a {
    color: #a8bdd1;
    text-decoration: none
}

.model-header-breadcrumb>a:hover {
    color: #fff
}

.model-header-breadcrumb>span {
    color: #a8bdd1
}

.model-header-name {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.08;
    margin: 8px 0 0;
    overflow-wrap: anywhere
}

@media (min-width:768px) {
    .model-header-name {
        font-size: 32px
    }
}

.model-header-name-pretitle {
    color: #fff;
    overflow-wrap: anywhere;
    text-transform: none
}

.model-header-trust {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 10px;
    margin-top: 20px
}

.model-header-trust span {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
    display: inline-flex;
    padding: 8px 12px
}

.model-header-trust span:first-child {
    background: rgba(0, 228, 151, .2);
    color: #48f1b7
}

.model-header-trust span:nth-child(2) {
    background: rgba(1, 109, 244, .32);
    border-color: rgba(1, 109, 244, .55);
    color: #e8f2ff
}

.model-header-trust span:nth-child(3) {
    background: hsla(0, 0%, 100%, .08);
    color: #d8e7f5
}

.model-header-trust span strong {
    color: #fff
}

.model-header-lead {
    color: #d7e3ee;
    font-size: 17px;
    line-height: 1.58;
    margin: 28px 0 0;
    max-width: 760px
}

.model-header-lead .description-more {
    display: inline
}

.model-header-offer {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
    margin-top: 26px;
    max-width: 760px
}

@media (min-width:768px) {
    .model-header-offer {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.model-header-offer-card {
    align-items: start;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: rgba(9, 28, 45, .42);
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .14);
    display: grid;
    gap: 14px;
    grid-template-rows: 1fr auto;
    min-height: 130px;
    padding: 18px
}

.model-header-offer-card--join {
    background: linear-gradient(135deg, rgba(1, 109, 244, .18), rgba(9, 28, 45, .48))
}

.model-header-offer-card--create {
    background: linear-gradient(135deg, rgba(0, 228, 151, .14), rgba(9, 28, 45, .48))
}

.model-header-offer-card .btn-sharesub {
    border-radius: 8px;
    justify-content: center;
    min-height: 50px;
    text-align: center;
    width: 100%
}

.model-header-price-line strong {
    color: #2283ff;
    display: block;
    font-size: 38px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap
}

.model-header-price-line strong small {
    font-size: .58em;
    font-weight: 800
}

.model-header-price-line span {
    color: #f2f7fb;
    display: block;
    font-size: 14px;
    margin-top: 4px
}

.model-header-price-line--create strong {
    color: #00e497
}

.model-content {
    position: relative
}

.model-reassurance {
    background: #fff;
    border-bottom: 1px solid #d6e8ff;
    padding: 16px 0
}

@media (max-width:1199.98px) {
    .model-reassurance-slider {
        margin: 0 -16px;
        padding: 0 16px
    }
}

.model-reassurance-grid {
    display: flex;
    gap: 10px;
    padding: 0
}

@media (min-width:992px) {
    .model-reassurance-grid {
        display: grid !important;
        gap: 12px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        transform: none !important;
        width: auto !important
    }
}

.model-reassurance-item {
    background: #eef4fb;
    border: 1px solid #d6e8ff;
    border-radius: 8px;
    padding: 14px
}

@media (max-width:1199.98px) {
    .model-reassurance-item {
        width: min(82vw, 310px)
    }
}

@media (min-width:992px) {
    .model-reassurance-item {
        margin: 0 !important;
        width: auto !important
    }
}

.model-reassurance-item-title {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    gap: 8px;
    margin-bottom: 4px
}

.model-reassurance-item-title svg {
    color: #00e497;
    flex: 0 0 auto;
    height: 18px;
    width: 18px
}

.model-reassurance-item-text {
    color: #526073;
    font-size: 13px;
    line-height: 1.35
}

@media (min-width:992px) {
    .model-reassurance .splide__track {
        overflow: visible
    }
}

.brand-before-join {
    border-top: 1px solid #e5e9f1;
    margin: 30px 0;
    padding: 30px 0 0
}

.brand-before-join-title {
    color: #112e45;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0 0 14px
}

@media (max-width:640px) {
    .brand-before-join-title {
        font-size: 24px
    }
}

.brand-before-join-intro {
    color: #3f4859;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
    margin: 0 0 16px
}

.brand-before-join-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 18px
}

@media (min-width:640px) {
    .brand-before-join-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.brand-before-join-card {
    background: #fff;
    border: 1px solid #e5e9f1;
    border-radius: 8px;
    padding: 16px
}

.brand-before-join-card-title {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 17px;
    font-weight: 800;
    gap: 8px;
    line-height: 1.28;
    margin: 0 0 8px
}

.brand-before-join-card-text {
    color: #526073;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    margin: 0
}

.brand-before-join-check {
    background: rgba(0, 228, 151, .16);
    border-radius: 50%;
    color: #007a55;
    display: inline-grid;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 900;
    height: 22px;
    line-height: 1;
    place-items: center;
    width: 22px
}

.brand-reinsurance {
    background: #112e45;
    color: #fff;
    margin-top: 40px;
    padding: 30px 0 48px
}

.brand-reinsurance .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 32px)
}

@media (min-width:768px) {
    .brand-reinsurance .container {
        max-width: 712px;
        width: auto
    }
}

@media (min-width:992px) {
    .brand-reinsurance .container {
        max-width: 928px
    }
}

@media (min-width:1200px) {
    .brand-reinsurance .container {
        max-width: 1168px
    }
}

.brand-reinsurance h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0 0 14px
}

@media (max-width:640px) {
    .brand-reinsurance h2 {
        font-size: 24px
    }
}

.brand-reinsurance h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.28;
    margin: 0 0 8px
}

.brand-reinsurance .section {
    border-bottom: 1px solid hsla(0, 0%, 100%, .14);
    padding: 30px 0
}

.brand-reinsurance .section:first-child {
    padding-top: 0
}

.brand-reinsurance .section:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.brand-reinsurance .section>p {
    color: #c9d5e4;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 16px
}

.brand-reinsurance .article-group,
.brand-reinsurance .chart,
.brand-reinsurance .country,
.brand-reinsurance .offer,
.brand-reinsurance .stat,
.brand-reinsurance details {
    background: #153852;
    border-color: hsla(0, 0%, 100%, .14);
    color: #fff
}

.brand-reinsurance .country.fr {
    background: #17466c;
    border-color: rgba(1, 109, 244, .75)
}

.brand-reinsurance .article-group ul,
.brand-reinsurance .axis-labels,
.brand-reinsurance .chart p,
.brand-reinsurance .country .name,
.brand-reinsurance .metric-note,
.brand-reinsurance .offer p,
.brand-reinsurance details p {
    color: #c9d5e4
}

.brand-reinsurance .metric-label {
    color: #9fb4c8
}

.brand-reinsurance .big-number,
.brand-reinsurance .offer-price {
    color: #00e497
}

.brand-reinsurance .bar-track {
    background: hsla(0, 0%, 100%, .12)
}

.brand-reinsurance .line-chart line {
    stroke: hsla(0, 0%, 100%, .22)
}

.brand-reinsurance .line-chart text {
    fill: #d7e3ee
}

.brand-reinsurance .line-chart text[fill="#00b977"] {
    fill: #00e497
}

.brand-reinsurance .brand-link {
    color: #7db8ff
}

.brand-reinsurance .plan-tag {
    border-color: #112e45
}

.brand-reinsurance .stats-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px
}

@media (max-width:980px) {
    .brand-reinsurance .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:640px) {
    .brand-reinsurance .stats-grid {
        grid-template-columns: 1fr
    }
}

.brand-reinsurance .stat {
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    min-height: 112px;
    padding: 16px
}

.brand-reinsurance .stat strong {
    display: block;
    font-size: 24px;
    margin-top: 10px
}

.brand-reinsurance .chart-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr);
    margin-top: 18px
}

@media (max-width:980px) {
    .brand-reinsurance .chart-grid {
        grid-template-columns: 1fr
    }
}

.brand-reinsurance .chart {
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    min-height: 280px;
    padding: 18px
}

.brand-reinsurance .line-chart {
    display: block;
    height: 210px;
    width: 100%
}

.brand-reinsurance .axis-labels {
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 12px
}

.brand-reinsurance .big-number {
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    margin-top: 32px
}

.brand-reinsurance .bar-list {
    display: grid;
    gap: 14px;
    margin-top: 18px
}

.brand-reinsurance .bar-row {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 138px 1fr 72px
}

@media (max-width:640px) {
    .brand-reinsurance .bar-row {
        font-size: 13px;
        grid-template-columns: 92px 1fr 58px
    }
}

.brand-reinsurance .bar-track {
    border-radius: 999px;
    height: 12px;
    overflow: hidden
}

.brand-reinsurance .bar-fill {
    background: #016df4;
    border-radius: inherit;
    height: 100%
}

.brand-reinsurance .bar-fill.green {
    background: #00e497
}

.brand-reinsurance .bar-fill.coral {
    background: #ff6b6b
}

.brand-reinsurance .country-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px
}

@media (max-width:640px) {
    .brand-reinsurance .country-grid {
        grid-template-columns: 1fr
    }
}

.brand-reinsurance .country-grid.plan-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (max-width:980px) {
    .brand-reinsurance .country-grid.plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:640px) {
    .brand-reinsurance .country-grid.plan-grid {
        grid-template-columns: 1fr
    }
}

.brand-reinsurance .country {
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    padding: 16px;
    position: relative
}

.brand-reinsurance .country .name {
    font-size: 14px
}

.brand-reinsurance .country .price {
    font-size: 25px;
    font-weight: 900;
    margin: 8px 0 4px
}

.brand-reinsurance .plan-grid .country {
    overflow: visible;
    padding-top: 24px
}

.brand-reinsurance .plan-tag {
    align-items: center;
    background: #dffbef;
    border: 2px solid #112e45;
    border-radius: 999px;
    box-shadow: 0 1px 0 rgba(22, 32, 51, .04);
    color: #007a55;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    padding: 5px 9px;
    position: absolute;
    right: 10px;
    top: -11px
}

.brand-reinsurance .plan-tag.blue {
    background: #e7f1ff;
    color: #016df4
}

.brand-reinsurance .brand-link {
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    margin-top: 9px
}

.brand-reinsurance .offer-list {
    display: grid;
    gap: 12px;
    margin-top: 18px
}

.brand-reinsurance .offer {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    display: grid;
    gap: 18px;
    grid-template-columns: 1fr auto;
    padding: 16px
}

.brand-reinsurance .offer-price {
    font-size: 24px;
    font-weight: 900;
    white-space: nowrap
}

.brand-reinsurance .article-groups {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px
}

@media (max-width:980px) {
    .brand-reinsurance .article-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width:640px) {
    .brand-reinsurance .article-groups {
        grid-template-columns: 1fr
    }
}

.brand-reinsurance .article-group {
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    padding: 16px
}

.brand-reinsurance .article-group ul {
    list-style: disc outside;
    margin: 12px 0 0;
    padding-left: 18px
}

.brand-reinsurance .article-group ul li::marker {
    color: #fff
}

.brand-reinsurance .article-group li {
    line-height: 1.35;
    margin: 10px 0
}

.brand-reinsurance .article-group a {
    color: inherit;
    text-decoration: none
}

.brand-reinsurance .article-group a:hover {
    text-decoration: underline
}

.brand-reinsurance .faq {
    display: grid;
    gap: 10px;
    margin-top: 18px
}

.brand-reinsurance details {
    border: 1px solid hsla(0, 0%, 100%, .14);
    border-radius: 8px;
    padding: 14px 16px
}

.brand-reinsurance details summary {
    cursor: pointer;
    font-weight: 800
}

.brand-reinsurance details p {
    margin-bottom: 0
}

.model-login-offer {
    align-items: center;
    background: #eef4fb;
    border: 1px solid #d6e8ff;
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    margin-top: 20px;
    padding: 16px 18px
}

@media (min-width:768px) {
    .model-login-offer {
        grid-template-columns: minmax(0, 1fr) auto
    }
}

.model-login-offer-title {
    color: #112e45;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    margin: 0 0 4px
}

.model-login-offer-text {
    color: #828282;
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.filter-tags-sidebar {
    background: #fff;
    border: 1px solid #e5e9f1;
    border-radius: 8px;
    margin-top: 18px;
    padding: 18px
}

.filter-overlay {
    background: rgba(16, 36, 58, .5);
    display: none;
    inset: 0;
    position: fixed;
    z-index: 60
}

.filter-overlay.active {
    display: block
}

@media (min-width:640px) {
    .filter-overlay {
        display: none !important
    }
}

.filter {
    background: #fff;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    box-shadow: 0 -18px 44px rgba(16, 36, 58, .24);
    display: none;
    flex-direction: column;
    gap: 0;
    left: 0;
    max-height: 86vh;
    overflow-y: auto;
    padding: 8px 18px 24px;
    position: fixed;
    right: 0;
    z-index: 61
}

@supports not (gap:1em) {
    .filter>:not(:last-child) {
        margin-bottom: 0
    }
}

.filter.active {
    display: flex
}

.filter.active.search [filter-section].search-filter {
    display: block
}

.filter.active.search [filter-section].browse-filter {
    display: none
}

@media (min-width:640px) {
    .filter.active.search [filter-section].browse-filter {
        display: block
    }
}

.filter.active.browse [filter-section].search-filter {
    display: none
}

@media (min-width:640px) {
    .filter.active.browse [filter-section].search-filter {
        display: block
    }
}

.filter.active.browse [filter-section].browse-filter {
    display: block
}

@media (min-width:640px) {
    .filter {
        background: transparent;
        border-radius: 0;
        bottom: unset;
        box-shadow: none;
        display: flex;
        gap: 24px;
        left: unset;
        margin-bottom: 24px;
        margin-top: 18px;
        max-height: none;
        overflow: visible;
        padding: 0;
        position: static;
        right: unset
    }
    @supports not (gap:1em) {
        .filter>:not(:last-child) {
            margin-bottom: 24px
        }
    }
}

@media (min-width:640px) and (min-width:992px) {
    .filter {
        margin-bottom: 0
    }
}

.filter-header {
    align-items: center;
    background: #fff;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    margin: 0 0 4px;
    padding: 8px 0 12px;
    position: sticky;
    top: 0
}

@media (min-width:640px) {
    .filter-header {
        display: none
    }
}

.filter-header-logo {
    align-items: center;
    display: flex
}

.filter-header-logo>svg {
    height: 24px
}

@media (min-width:768px) {
    .filter-header-logo>svg {
        height: 40px
    }
}

.filter-header-close {
    background: transparent;
    border: 0;
    color: #a3a3a3;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 6px
}

.filter-header-title {
    color: #112e45;
    display: none;
    font-size: 16px;
    font-weight: 900;
    line-height: 1
}

.filter.browse .filter-header-title--browse,
.filter.search .filter-header-title--search {
    display: block
}

.filter-block {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 24px
}

@media (min-width:768px) {
    .filter-block {
        padding: 32px
    }
}

@media (min-width:640px) {
    .filter-block {
        border-radius: 12px;
        box-shadow: 4px 4px 24px rgba(17, 46, 69, .08)
    }
}

@media (min-width:992px) {
    .filter-block {
        padding: 24px 16px
    }
}

@media (min-width:1200px) {
    .filter-block {
        padding: 24px
    }
}

.filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 8px
}

.filter-tags.splide__list {
    flex-wrap: nowrap
}

@supports not (gap:1em) {
    .filter-tags>:not(:last-child) {
        margin-right: 8px
    }
}

.filter-tags-wrapper #tags-slider {
    padding: 0 36px
}

.filter-tags-wrapper #tags-slider .splide__arrow {
    height: 28px;
    opacity: 1;
    width: 28px
}

.filter-tags-wrapper #tags-slider .splide__arrow--prev {
    left: 0
}

.filter-tags-wrapper #tags-slider .splide__arrow--next {
    right: 0
}

.filter-tag {
    align-items: center;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 40px;
    display: flex;
    gap: 4px;
    min-height: 32px;
    padding: 6px 16px
}

@supports not (gap:1em) {
    .filter-tag {
        margin-bottom: 8px
    }
    .filter-tag>* {
        margin-right: 4px
    }
}

.filter-tag>span {
    color: #112e45;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 16px
}

.filter-tag>span:has(svg) {
    align-items: center;
    display: flex;
    gap: 4px
}

@supports not (gap:1em) {
    .filter-tag>span:has(svg)>:not(:last-child) {
        margin-right: 4px
    }
}

.filter-tag>span>svg {
    color: #cdcdcd;
    height: 14px;
    width: 14px
}

.filter-tag>svg {
    color: #016df4;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.filter-tag.active,
.filter-tag:hover {
    background: #112e45;
    border-color: #112e45
}

.filter-tag.active>span,
.filter-tag.active>svg,
.filter-tag:hover>span,
.filter-tag:hover>svg {
    color: #fff
}

.filter .select {
    background-position-x: calc(100% - 16px);
    background-position-y: 16px;
    font-size: 14px;
    height: 44px;
    padding: 0 16px
}

.filter-hr {
    border-top: 1px solid #d6e8ff;
    margin: 16px 0
}

.filter-toggle {
    align-items: center;
    display: flex;
    gap: 12px
}

@supports not (gap:1em) {
    .filter-toggle>:not(:last-child) {
        margin-right: 12px
    }
}

.filter-toggle>img {
    height: 28px;
    width: 28px
}

@media (min-width:1200px) {
    .filter-toggle>img {
        height: 32px;
        width: 32px
    }
}

.filter-toggle-wrapper {
    margin-left: auto
}

@media (min-width:992px) {
    .filter-toggle-wrapper {
        margin-left: 0
    }
}

.filter-toggle-title {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.filter-toggle-text {
    color: #526073;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.filter-section {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@supports not (gap:1em) {
    .filter-section>:not(:last-child) {
        margin-bottom: 16px
    }
}

.filter-section.space {
    margin-bottom: 40px
}

.filter-section-title {
    color: #687083;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 18px;
    text-transform: uppercase
}

.filter-link {
    color: #016df4;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 20px
}

.filter-search-input {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 24px;
    display: flex;
    gap: 8px;
    margin: 0 0 8px;
    padding: 12px 16px
}

@supports not (gap:1em) {
    .filter-search-input>:not(:last-child) {
        margin-right: 8px
    }
}

.filter-search-input>svg {
    color: #a3a3a3;
    height: 24px;
    width: 24px
}

.filter-search-input>input {
    border: none;
    color: #a3a3a3;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    outline: none
}

#alternatives,
#places,
#waitingListForm {
    scroll-margin-top: 80px
}

@media (min-width:768px) {
    #alternatives,
    #places,
    #waitingListForm {
        scroll-margin-top: 100px
    }
}

.result.result--private {
    margin-bottom: 32px;
    row-gap: 16px
}

.private-block {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .16);
    margin-bottom: 0;
    padding: 32px 24px
}

@media (min-width:768px) {
    .private-block {
        padding: 40px 32px
    }
}

.private-block-title {
    color: #112e45;
    margin: 0
}

.private-block-levels {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px
}

.private-block-level-head {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 4px
}

.private-block-level-name {
    color: #112e45;
    font-weight: 700
}

.private-block-level-text {
    color: #112e45;
    font-size: 14px;
    line-height: 22px
}

.private-block-status {
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 10px
}

.private-block-status--off {
    background: rgba(17, 46, 69, .06);
    color: #4f4f4f
}

.private-block-status--on {
    background: #d5ffe3;
    color: #008a5b
}

.private-block-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 12px
}

.private-block-link {
    color: #016df4;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none
}

.private-block-link:hover {
    text-decoration: underline
}

.private-block-cta {
    display: inline-block;
    margin-top: 16px;
    white-space: nowrap
}

.result {
    margin-bottom: 64px;
    row-gap: 24px
}

@supports not (gap:1em) {
    .result>* {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .result {
        row-gap: 40px
    }
    @supports not (gap:1em) {
        .result>* {
            margin-bottom: 40px
        }
    }
}

@media (min-width:992px) {
    .result {
        margin-bottom: 80px
    }
}

.result-places {
    margin: 0 0 18px
}

@media (min-width:992px) {
    .result-places {
        margin-top: 18px
    }
}

.result-places-title {
    color: #112e45;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0 0 14px
}

@media (max-width:640px) {
    .result-places-title {
        font-size: 24px
    }
}

.result-places-text {
    color: #3f4859;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
    margin: 0 0 16px
}

.result-quick-filter {
    align-items: center;
    background: #f3f8ff;
    border: 1px solid #e5e9f1;
    border-radius: 8px;
    box-shadow: none;
    color: #112e45;
    display: inline-flex;
    font-size: 16px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-height: 46px;
    padding: 12px 16px;
    width: 100%
}

@supports not (gap:1em) {
    .result-quick-filter>:not(:last-child) {
        margin-right: 8px
    }
}

@media (min-width:640px) {
    .result-quick-filter {
        display: none
    }
}

.result-quick-filter>svg {
    color: #016df4;
    flex: 0 0 auto;
    height: 18px;
    width: 18px
}

.result-quick-filter-wrapper {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin: 18px 0
}

@supports not (gap:1em) {
    .result-quick-filter-wrapper>:not(:last-child) {
        margin-right: 10px
    }
}

@media (min-width:640px) {
    .result-quick-filter-wrapper {
        display: none
    }
}

.result .join-content-header {
    padding: 14px 16px 12px
}

@media (min-width:768px) {
    .result .join-content-header {
        padding: 16px 32px 14px
    }
}

@media (min-width:992px) {
    .result .join-content-header {
        padding: 14px 16px 12px
    }
}

@media (min-width:1200px) {
    .result .join-content-header {
        padding: 16px 32px 14px
    }
}

.result .join-content-article {
    padding: 14px 8px 16px 16px
}

@media (min-width:768px) {
    .result .join-content-article {
        padding: 14px 8px 16px 32px
    }
}

@media (min-width:992px) {
    .result .join-content-article {
        padding: 12px 8px 14px 16px
    }
}

@media (min-width:1200px) {
    .result .join-content-article {
        padding: 14px 8px 16px 32px
    }
}

.result .join-action {
    flex-direction: column;
    gap: 10px;
    padding: 16px 22px
}

@media (min-width:992px) {
    .result .join-action {
        padding: 16px
    }
}

@media (min-width:1200px) {
    .result .join-action {
        padding: 16px 20px
    }
}

.result .join-action-header {
    align-items: center
}

.result .join-action-header-pricing {
    align-items: center;
    flex-direction: column
}

.result .join-action-content-access {
    font-size: 14px;
    line-height: 20px
}

.result-empty-pair {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0
}

.result-empty-placeholder {
    background: #f5f7fa;
    border: 1px dashed #c5cdd9;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

.result-empty-placeholder-owner {
    align-items: center;
    background: #edf0f5;
    border-bottom: 1px solid #e0e5ee;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 18px 20px 16px
}

.result-empty-placeholder-owner-left {
    align-items: center;
    display: flex;
    gap: 14px
}

.result-empty-placeholder-owner-right {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 8px
}

.result-empty-placeholder-avatar {
    background: #cdd4e2;
    border-radius: 50%;
    flex-shrink: 0;
    height: 52px;
    width: 52px
}

.result-empty-placeholder-line {
    background: #cdd4e2;
    border-radius: 999px;
    height: 12px
}

.result-empty-placeholder-badges {
    display: flex;
    gap: 12px;
    margin-top: 8px
}

.result-empty-placeholder-bottom {
    align-items: stretch;
    display: flex;
    flex-direction: column
}

@media (min-width:640px) {
    .result-empty-placeholder-bottom {
        flex-direction: row
    }
}

.result-empty-placeholder-sub {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 14px;
    padding: 16px 20px 18px
}

.result-empty-placeholder-details {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr
}

.result-empty-placeholder-panel {
    align-items: center;
    background: #edf0f5;
    border-top: 1px solid #e0e5ee;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 20px 16px;
    width: auto
}

@media (min-width:640px) {
    .result-empty-placeholder-panel {
        border-top: 0;
        flex-shrink: 0;
        width: 210px
    }
}

.result-empty-placeholder-message {
    color: #8a96a8;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center
}

.result-empty-arrow {
    display: flex;
    justify-content: center;
    margin-top: -22px;
    position: relative;
    z-index: 2
}

.result-empty-arrow-circle {
    background: #016df4;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(1, 109, 244, .28);
    display: grid;
    height: 44px;
    place-items: center;
    width: 44px
}

.result-empty {
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 12px;
    overflow: hidden;
    width: 100%
}

.result-empty,
.result-empty-body {
    display: flex;
    flex-direction: column
}

.result-empty-body {
    align-items: stretch
}

@media (min-width:640px) {
    .result-empty-body {
        flex-direction: row
    }
}

.result-empty-wrapper {
    flex: 1;
    padding: 14px 20px 18px
}

.result-empty-aside {
    align-items: center;
    background: #fff;
    border-top: 1px solid #e5e9f1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    padding: 20px 16px;
    width: auto
}

@media (min-width:640px) {
    .result-empty-aside {
        border-top: 0;
        flex-shrink: 0;
        width: 210px
    }
}

.result-empty-aside>.btn {
    border-radius: 999px;
    font-size: 15px;
    font-weight: 900;
    margin-top: 10px;
    min-height: 44px;
    width: 100%
}

.result-empty-price {
    color: #016df4;
    font-size: 30px;
    font-weight: 900;
    line-height: 1
}

.result-empty-refund {
    color: #112e45;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2px
}

.result-empty-frequency {
    color: #687083;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: -4px
}

.result-empty-section-title {
    color: #112e45;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0 0 12px
}

.result-empty-section-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@supports not (gap:1em) {
    .result-empty-section-list>:not(:last-child) {
        margin-bottom: 10px
    }
}

.result-empty-section-item {
    align-items: flex-start;
    color: #526073;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    gap: 10px;
    line-height: 1.4
}

@supports not (gap:1em) {
    .result-empty-section-item>* {
        margin-right: 10px
    }
}

.result-empty-section-item>img,
.result-empty-section-item>svg {
    flex: 0 0 auto;
    height: 20px;
    margin-top: 1px;
    width: 20px
}

.result-success {
    background: #d6e8ff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .16);
    display: flex;
    flex-direction: column;
    min-height: auto;
    padding: 24px 16px
}

@media (min-width:768px) {
    .result-success {
        padding: 32px 24px 24px
    }
}

@media (min-width:992px) {
    .result-success {
        padding: 24px 16px
    }
}

@media (min-width:1200px) {
    .result-success {
        padding: 32px 24px 24px
    }
}

@media (min-width:768px) {
    .result-success {
        min-height: 420px
    }
}

.result-success.result-success--private {
    background: #eef4fb;
    border: 1px solid #c6ddff;
    min-height: auto
}

.result-success.result-success--private .result-success-form {
    margin-top: 16px;
    max-width: 480px
}

@media (min-width:768px) {
    .result-success.result-success--private .result-success-form {
        align-items: center;
        flex-direction: row;
        gap: 12px
    }
    .result-success.result-success--private .result-success-form>input {
        flex: 1 1 auto
    }
    .result-success.result-success--private .result-success-form>button {
        flex: 0 0 auto;
        height: 44px;
        width: auto
    }
}

.result-success-emoticon {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .result-success-emoticon {
        font-size: 32px;
        line-height: 40px
    }
}

.result-success-title {
    color: #112e45;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

@media (min-width:768px) {
    .result-success-title {
        font-size: 32px;
        line-height: 40px
    }
}

.result-success-text {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px
}

.result-success-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    position: relative
}

@supports not (gap:1em) {
    .result-success-form>:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (min-width:768px) {
    .result-success-form {
        margin-top: auto
    }
}

.result-success-form>input {
    height: 44px;
    padding: 8px 10px
}

.result-success-form>button {
    position: relative;
    width: 100%
}

.result-success-form.loading:after {
    animation: spinAround .5s linear infinite;
    border-color: transparent transparent #016df4 #016df4;
    border-radius: 1em;
    border-style: solid;
    border-width: 2px;
    content: "";
    display: block;
    height: 2em;
    margin: auto;
    width: 2em
}

.result-waiting {
    align-items: flex-start;
    background: #dbfff3;
    border: 1px solid #dbfff3;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(17, 46, 69, .16);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 420px;
    padding: 24px 16px
}

@media (min-width:992px) {
    .result-waiting {
        padding: 24px;
        padding: 24px 16px
    }
}

@media (min-width:1200px) {
    .result-waiting {
        padding: 24px
    }
}

.result-waiting-number {
    color: #00e497;
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
    text-align: center
}

.result-waiting-title {
    color: #00e497;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

.result-waiting-text {
    color: #112e45;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 8px
}

.result-waiting-last {
    align-items: center;
    color: #112e45;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 16px;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 24px 0
}

@supports not (gap:1em) {
    .result-waiting-last>:not(:last-child) {
        margin-right: 16px
    }
}

.result-waiting-last>svg {
    color: #00e497;
    flex: 0 0 auto;
    height: 24px;
    width: 24px
}

.result-waiting .btn {
    margin-top: auto;
    width: 100%
}

.result-no-items {
    background: #016df4;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 22px;
    margin: 0 0 24px;
    padding: 8px 16px
}

@supports not (gap:1em) {
    .result-no-items>* {
        margin-right: 8px
    }
}

@media (min-width:768px) {
    .result-no-items {
        font-size: 16px;
        gap: 16px;
        line-height: 24px;
        padding: 8px 24px
    }
    @supports not (gap:1em) {
        .result-no-items>:not(:last-child) {
            margin-right: 16px
        }
    }
}

@media (min-width:992px) {
    .result-no-items {
        padding: 8px 32px
    }
}

.result-no-items>span svg {
    color: #00e497;
    height: 24px;
    width: 24px
}

.splide__track .splide__sr {
    display: none !important
}

.vp-card {
    border-radius: 12px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .1);
    overflow: hidden
}

.vp-card__header {
    align-items: center;
    background: #112e45;
    display: flex;
    justify-content: center;
    padding: 1.25rem 2rem
}

.vp-card__body {
    flex-direction: column;
    padding: 2rem 2rem 1.5rem;
    text-align: center
}

.vp-card__body,
.vp-card__icon {
    align-items: center;
    display: flex
}

.vp-card__icon {
    border-radius: 50%;
    flex-shrink: 0;
    height: 56px;
    justify-content: center;
    margin-bottom: 1.25rem;
    width: 56px
}

.vp-card__icon svg {
    height: 28px;
    width: 28px
}

.vp-card__icon--success {
    background: #00e497
}

.vp-card__icon--lock {
    background: #eef4fb;
    color: #016df4
}

.vp-card__icon--header {
    margin-bottom: 0
}

.vp-card__title {
    color: #112e45;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem
}

.vp-card__intro {
    color: #28272b;
    margin-bottom: .75rem
}

.vp-card__detail {
    color: #828282
}

.vp-card__detail,
.vp-card__info-box {
    font-size: .9rem;
    margin-bottom: 1.25rem;
    text-align: left;
    width: 100%
}

.vp-card__info-box {
    align-items: flex-start;
    background: #eef4fb;
    border-radius: 4px;
    color: #005acb;
    display: flex;
    gap: .625rem;
    padding: .875rem 1rem
}

.vp-card__info-icon {
    flex-shrink: 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4
}

.vp-card__amount-box {
    background: #f8f9fe;
    border-radius: 4px;
    margin-bottom: 1.25rem;
    padding: 1rem 1.25rem;
    text-align: center;
    width: 100%
}

.vp-card__amount-label {
    color: #828282;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .25rem;
    text-transform: uppercase
}

.vp-card__amount-value {
    color: #016df4;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

.vp-card__amount-prorata {
    color: #828282;
    font-size: .8rem;
    margin-top: .25rem
}

.vp-card__cta {
    display: block;
    margin-bottom: 1.5rem;
    text-align: center;
    width: 100%
}

.vp-card__checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%
}

.vp-card__checklist li {
    align-items: center;
    color: #28272b;
    display: flex;
    font-size: .9rem;
    gap: .5rem;
    padding: .25rem 0
}

.vp-card__checklist li:before {
    color: #00e497;
    content: "✓";
    flex-shrink: 0;
    font-weight: 700
}

.vp-card__footer {
    border-top: 1px solid #d6e8ff;
    color: #828282;
    font-size: .85rem;
    padding: 1rem 2rem;
    text-align: center
}

.vp-card__footer a {
    color: #016df4;
    text-decoration: none
}

.vp-card__footer a:hover {
    text-decoration: underline
}

@view-transition {
    navigation: auto
}

::view-transition-new(root),
::view-transition-old(root) {
    animation-duration: .2s
}

@media (prefers-reduced-motion:reduce) {
    ::view-transition-group(*),
    ::view-transition-new(*),
    ::view-transition-old(*) {
        animation: none !important
    }
}

#app,
#app-novue {
    background-color: #f8f9fe;
    background-image: linear-gradient(#112e45, #112e45);
    background-repeat: no-repeat;
    background-size: 100% 64px;
    font-family: Inter, sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative
}

@media (min-width:768px) {
    #app,
    #app-novue {
        background-size: 100% 80px
    }
}

.container {
    max-width: 360px;
    padding: 0
}

@media (min-width:768px) {
    .container {
        max-width: 712px;
        padding: 0
    }
}

@media (min-width:992px) {
    .container {
        max-width: 928px;
        padding: 0
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1168px;
        padding: 0
    }
}

.app-padding-top {
    padding-top: 64px
}

@media (min-width:768px) {
    .app-padding-top {
        padding-top: 80px
    }
}

.logo {
    height: 40px
}

.navigation-active {
    background-color: #016df4;
    color: #fff !important
}

.line-sep {
    background-color: #c6ddff;
    height: 1px
}

.line-sep.full {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.card-sharesub {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 80px rgba(0, 66, 148, .05);
    padding: .5rem
}

@media (min-width:768px) {
    .card-sharesub {
        padding: 1.5rem
    }
}

.card-sharesub.pt-none {
    padding-top: 0
}

@media (min-width:768px) {
    .card-sharesub.pt-none {
        padding-top: 10px
    }
}

.card-sharesub.card-sharesub--roomy {
    padding: 32px 24px
}

.sharesub-alert {
    border-radius: 12px;
    margin: 0 auto
}

.pending-payments-alert {
    color: #fff;
    padding: 1rem
}

.pending-payments-alert a {
    color: #fff;
    text-decoration: underline
}

.toggle-wrapper .toggle-button-cover {
    box-sizing: border-box;
    display: table-cell;
    height: 140px;
    position: relative;
    width: 200px
}

.toggle-wrapper .button-cover {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    height: 100px;
    margin: 20px
}

.toggle-wrapper .button-cover:before {
    bottom: 0;
    color: #d7e3e3;
    content: counter(button-counter);
    counter-increment: button-counter;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 0
}

.toggle-wrapper .button-cover,
.toggle-wrapper .knobs,
.toggle-wrapper .layer {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.toggle-wrapper .button {
    height: 56px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 294px
}

.toggle-wrapper .button.r,
.toggle-wrapper .button.r .layer {
    border-radius: 100px
}

.toggle-wrapper .button.b2 {
    border-radius: 2px
}

.toggle-wrapper .checkbox {
    cursor: pointer;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 3
}

.toggle-wrapper .knobs {
    z-index: 2
}

.toggle-wrapper .layer {
    background-color: #f3f3f3;
    transition: all .3s ease;
    width: 100%;
    z-index: 1
}

.dropdown .btn-dropdown {
    align-items: center;
    background: #fff;
    border: 1px solid #d6e8ff;
    border-radius: 4px;
    box-shadow: 0 4px 80px rgba(17, 46, 69, .05);
    color: #112e45;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 14px;
    height: 56px;
    justify-content: space-between;
    line-height: 24px;
    padding: 0 30px;
    width: 100%
}

@supports not (gap:1em) {
    .dropdown .btn-dropdown>*+* {
        margin-left: 14px
    }
}

.dropdown .btn-dropdown>span {
    align-items: center;
    display: flex;
    gap: 14px
}

@supports not (gap:1em) {
    .dropdown .btn-dropdown>span>*+* {
        margin-left: 14px
    }
}

.dropdown .btn-dropdown:after {
    background: url(/img/home/caret-black.svg);
    border: none;
    height: 7.5px;
    transform: rotate(180deg);
    transition: .2s linear;
    width: 14px
}

.dropdown.show .btn-dropdown:after {
    transform: rotate(0deg)
}

.checkbox-sharesub {
    display: none;
    height: 0;
    width: 0
}

.checkbox-sharesub:checked+label {
    background: #00e497
}

.checkbox-sharesub:checked+label:after {
    left: calc(100% - 4px);
    transform: translateX(-100%)
}

.label-sharesub {
    background: #e1e1e1;
    border-radius: 28px;
    cursor: pointer;
    display: block;
    height: 28px;
    margin: 0;
    position: relative;
    text-indent: -9999px;
    width: 50px
}

.label-sharesub:after {
    background: #fff;
    border-radius: 20px;
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: .3s;
    width: 20px
}

.label-sharesub:active:after {
    width: 30px
}

.mx--2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}