@charset "UTF-8";

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0))
}

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

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

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {

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

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {

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

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {

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

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {

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

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

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

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

ul {
    padding-left: 2rem;
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul {
    margin-bottom: 0
}

blockquote {
    margin: 0 0 1rem
}

strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

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

sub {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
    bottom: -.25em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

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

code {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override;
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

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

tbody,
td,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

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

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

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

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

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

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

.blockquote>:last-child {
    margin-bottom: 0
}

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

.container {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

@media (min-width: 1400px) {
    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

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

.col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
}

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

.gx-0 {
    --bs-gutter-x: 0
}

@media (min-width: 576px) {
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

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

@media (min-width: 768px) {
    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

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

    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.6666666667%
    }

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

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.6666666667%
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

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

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

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

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

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

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

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

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

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

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

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

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

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

/* .btn:hover {
    color: #212529
} */

/* .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
} */

/* .btn.disabled,
.btn:disabled {
    pointer-events: none;
    opacity: .65
} */

/* .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
} */

/* .btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
} */

/* .btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
} */

/* .btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
} */

/* .btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
} */

/* .btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
} */

/* .btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
} */

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d
}

.fade {
    transition: opacity .15s linear
}

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

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

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

.dropdown,
.dropup {
    position: relative
}



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

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

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

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


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

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

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

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

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

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

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

.nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

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

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

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

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

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

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

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

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

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

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

.offcanvas-header {
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    transform: translateX(100%)
}

.offcanvas.show {
    transform: none
}

.offcanvas-backdrop:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1039;
    width: 100vw;
    height: 100vh;
    content: "";
    background-color: rgba(0, 0, 0, .5)
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.overflow-hidden {
    overflow: hidden !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-flex {
    display: flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.bottom-0 {
    bottom: 0 !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.w-100 {
    width: 100% !important
}

.h-25 {
    height: 25% !important
}

.h-100 {
    height: 100% !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-column {
    flex-direction: column !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

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

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

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

.align-items-end {
    align-items: flex-end !important
}

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

.align-content-center {
    align-content: center !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.m-0 {
    margin: 0 !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}
.ps-5 {
    padding-left: 2rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fw-bold {
    font-weight: 700 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-primary {
    color: #0d6efd !important
}

.text-success {
    color: #198754 !important
}

.text-warning {
    color: #ffc107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-dark {
    color: #212529 !important
}

.text-white {
    color: #fff !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.bg-primary {
    background-color: #0d6efd !important
}

.bg-warning {
    background-color: #ffc107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-dark {
    background-color: #212529 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-none {
        display: none !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .text-md-end {
        text-align: right !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-none {
        display: none !important
    }

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

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

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important
    }

    .d-xl-none {
        display: none !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .text-xl-start {
        text-align: left !important
    }
}

:root {
    --bs-primary-soft: #ceddff;
    --bs-primary-light: #3a75ff;
    --bs-primary: #175cff;
    --bs-primary-dark: #0048f0;
    --bs-secondary-light: #dcdcdf;
    --bs-secondary: #c0c0c5;
    --bs-secondary-dark: #d6d5e1;
    --bs-success-soft: #def4ed;
    --bs-success-light: #82d6bc;
    --bs-success: #5cc9a7;
    --bs-success-dark: #3cb690;
    --bs-info-soft: #dcf0ff;
    --bs-info-light: #83cbff;
    --bs-info: #50b5ff;
    --bs-info-dark: #1d9fff;
    --bs-warning-soft: #fff2d8;
    --bs-warning-light: #ffcf70;
    --bs-warning: #ffb116;
    --bs-warning-dark: #fba700;
    --bs-danger-soft: #fcdde1;
    --bs-danger-light: #f68692;
    --bs-danger: #f25767;
    --bs-danger-dark: #ee283c;
    --bs-dark-soft: #c9c7f7;
    --bs-dark-light: #071c4d;
    --bs-dark: #0b163f;
    --bs-dark-dark: #010e2b;
    --bs-soft-black: #181818;
    --bs-dark-black: #090909;
    --bs-light-gray: #d7d7d7;
    --body-color: #575757;
    --bs-light: #f7f9fc;
    --bs-font-sans-serif: "Open Sans", sans-serif;
    --bs-font-monospace: "Poppins", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif
}

body {
    color: var(--body-color);
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: inherit !important;
    padding-right: 0 !important
}

.display-1,
.display-5,
.display-6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bs-font-monospace);
    color: var(--bs-dark-light)
}

@media (min-width: 1200px) {

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

.h5,
.h6,
h5,
h6 {
    margin-bottom: .375rem;
    font-weight: 600
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: 700
}

.lead {
    font-weight: 400
}

.btn-link,
a {
    color: var(--bs-primary-light);
    transition: all .3s ease-in-out
}

.btn-link:hover,
a:hover {
    color: var(--bs-primary);
    text-decoration: none
}

h3.h5>a {
    color: inherit;
    text-decoration: none
}

.watch-now-btn {
    font-family: var(--bs-font-monospace);
    font-weight: 500;
    font-size: 14px;
    color: var(--bs-secondary-dark);
    text-align: center
}

.watch-now-btn svg {
    font-size: 45px;
    transition: all .3s ease-in-out;
    color: var(--bs-light)
}

.watch-now-btn:hover,
.watch-now-btn:hover svg {
    color: var(--bs-white)
}

@media (min-width: 367px) and (max-width:575px) {
    .watch-now-btn {
        margin-left: 10px
    }
}

ul {
    margin: 0;
    padding: 0
}

.ptb-160 {
    padding: 160px 0
}

.ptb-100 {
    padding: 100px 0
}

.pt-100 {
    padding-top: 100px
}

.ptb-120 {
    padding: 120px 0
}

.pt-120 {
    padding-top: 120px
}

.pt-200 {
    padding-top: 200px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-100 {
    padding-bottom: 100px
}

.ptb-60 {
    padding: 60px 0
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.mt--60 {
    margin-top: -60px
}

.mt--100 {
    margin-top: -100px
}

.mt-100 {
    margin-top: 100px
}

.z-2 {
    z-index: 2
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z--1 {
    z-index: -1
}

.top--40 {
    top: -40px !important
}

.bottom--40 {
    bottom: -40px !important
}

.right--40 {
    right: -40px !important
}

.right-0 {
    right: 0
}

.left-0 {
    left: 0
}

.left--40 {
    left: -40px !important
}

.left-5 {
    left: 5%
}

.right-5 {
    right: 5%
}

.mw-60 {
    max-width: 60% !important
}

@media (min-width: 320px) and (max-width:991px) {
    .ptb-120 {
        padding: 60px 0
    }

    .pb-160 {
        padding-bottom: 80px
    }

    .pb-120 {
        padding-bottom: 60px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pt-120 {
        padding-top: 60px
    }

    .pt-200 {
        padding-top: 140px
    }

    .mt-100 {
        margin-top: 60px
    }

    .pt-60 {
        padding-top: 30px
    }

    .ptb-100 {
        padding: 80px 0
    }

    .ptb-160 {
        padding: 100px 0
    }
}

@media (min-width: 320px) and (max-width:575px) {
    .mw-60 {
        max-width: 100% !important
    }
}

.color {
    position: relative;
    display: block;
    min-height: 50px;
    padding: 1rem
}

.color span {
    color: var(--bs-white)
}

.bg-primary-soft {
    background-color: var(--bs-primary-soft)
}

.bg-primary {
    background-color: var(--bs-primary) !important
}

.bg-success-soft {
    background-color: var(--bs-success-soft)
}

.bg-warning-soft {
    background-color: var(--bs-warning-soft)
}

.bg-warning {
    background-color: var(--bs-warning) !important
}

.bg-danger {
    background-color: var(--bs-danger) !important
}

.bg-dark-soft {
    background-color: var(--bs-dark-soft)
}

.bg-dark-light {
    background-color: var(--bs-dark-light)
}

.bg-dark {
    background-color: var(--bs-dark) !important
}

.bg-secondary-dark {
    background-color: var(--bs-secondary-dark)
}

.bg-custom-light {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-gradient {
    background: linear-gradient(90deg, #021048, #1e38a3) !important
}

.text-primary {
    color: var(--bs-primary) !important
}

.text-dark {
    color: var(--bs-dark) !important
}

.text-success {
    color: var(--bs-success) !important
}

.text-warning {
    color: var(--bs-warning) !important
}

.text-danger {
    color: var(--bs-danger) !important
}

.border-light {
    border-color: hsla(0, 0%, 40%, .1) !important
}

.link-with-icon {
    display: inline-block;
    font-size: 15px;
    font-family: var(--bs-font-monospace);
    font-weight: 500;
    color: var(--body-color)
}

.link-with-icon i {
    vertical-align: middle;
    transition: all .2s ease;
    padding-left: 4px
}

.link-with-icon:hover i {
    transform: translateX(3px);
    margin-left: 3px
}

.bg-dark .link-with-icon,
.bg-gradient .link-with-icon {
    color: var(--bs-secondary-dark)
}

/* .btn {
    position: relative;
    transition: all .3s ease-in-out;
    padding: .65rem 1.75rem;
    box-shadow: none;
    font-weight: 500;
    border-radius: .375rem;
    font-family: var(--bs-font-monospace);
    border: 2px solid transparent
} */

.btn-outline-primary:active:focus{
    outline: none;
    box-shadow: none
}




.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary)
}



.btn-outline-primary:hover {
    color: var(--bs-white);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.google-btn {
    transition: all .3s ease
}

.google-btn:hover {
    background: var(--bs-primary-soft) !important
}

.divider-bar {
    width: 100%;
    min-height: 1px;
    background-color: var(--bs-secondary)
}

.divider-text {
    width: 60px;
    min-width: 60px;
    line-height: 1.056em
}

.fw-medium {
    font-weight: 600
}

.fw-bold {
    font-weight: 800 !important
}

.rounded-custom {
    border-radius: 1rem !important
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-gradient h1,
.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6 {
    color: var(--bs-white)
}

.bg-dark li,
.bg-dark p,
.bg-dark span,
.bg-gradient li,
.bg-gradient p,
.bg-gradient span,
.bg-primary li,
.bg-primary p,
.bg-primary span {
    color: var(--bs-secondary-dark)
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6,
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6 {
    color: #000;
    color: initial
}

.bg-light .bg-dark h2,
.bg-light .bg-dark h3,
.bg-light .bg-dark h4,
.bg-light .bg-dark h5,
.bg-light .bg-dark h6,
.bg-light .bg-gradient h2,
.bg-light .bg-gradient h3,
.bg-light .bg-gradient h4,
.bg-light .bg-gradient h5,
.bg-light .bg-gradient h6,
.bg-light>.bg-dark h1,
.bg-light>.bg-gradient h1 {
    color: var(--bs-white)
}

.bg-white li,
.bg-white p,
.bg-white span {
    color: var(--body-color)
}

input[type]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7e8086 !important;
    font-size: 14px;
    font-weight: 500
}

input[type]:-moz-placeholder,
input[type]::-moz-placeholder,
select:-moz-placeholder,
select::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #7e8086;
    font-size: 14px;
    font-weight: 500
}

input[type]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7e8086;
    font-size: 14px;
    font-weight: 500
}

select.form-select {
    background-image: url(/img/dropdown-arrow.svg)
}

select:invalid {
    color: #7e8086
}

.form-control {
    font-size: 14px;
    display: block;
    width: 100%;
    height: calc(1.6em + 1.5rem + 2px);
    padding: .75rem 1rem;
    color: var(--body-color);
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .12);
    transition: all .2s ease;
    border-radius: .375rem
}

.form-control:focus {
    color: var(--bs-dark);
    background-color: var(--bs-white);
    border-color: var(--bs-primary-light);
    outline: 0;
    box-shadow: none
}

.subscribe-feature-list li span {
    margin: 0 15px;
    font-size: 15px;
    display: flex;
    align-items: center
}

.register-form label:not(.form-check-label) {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--bs-font-monospace)
}

.register-form .label-side-action {
    font-size: 14.5px;
    font-weight: 500;
    font-family: var(--bs-font-monospace);
    margin-bottom: 1px
}

.form-check-label {
    font-size: 13px
}

.sign-up-in-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    width: 100%
}

.sticky-sidebar {
    position: sticky;
    top: 100px;
    transition: all .3s ease
}

.sticky-header {
    padding: 20px 0
}

.affix,
.sticky-header {
    transition: all .3s ease
}

.affix {
    top: 0;
    left: 0;
    margin: auto;
    position: fixed !important;
    width: 100%;
    animation: fadeInDown .3s ease-in-out;
    background: var(--bs-dark);
    padding: 10px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.dropdown-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    background: var(--bs-white)
}

.dropdown-grid.width-full {
    grid-template-columns: 1fr 1fr;
    width: 650px
}

.dropdown-grid-item {
    width: auto;
    padding: 20px
}

.radius-right-side {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.main-menu li.nav-item {
    position: relative
}


.main-menu li.nav-item .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%) rotate(-315deg);
    border-radius: 3px;
    background-color: var(--bs-white);
    opacity: 0;
    transition: all .3s ease
}

.main-menu li.nav-item:hover .dropdown-menu:before {
    opacity: 1
}

.main-menu li a.nav-link {
    padding: .85rem 1.25rem;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    font-family: var(--bs-font-monospace)
}


.bg-dark .btn,
.bg-gradient .btn,
.coming-soon-section .btn {
    box-shadow: none
}



.action-btns a.btn-link:hover,
.main-menu li a.nav-link:hover{
    color: var(--bs-primary)
}

.dropdown-grid-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: .55rem .85rem !important;
    transition: all .3s ease;
    border-radius: 4px
}

.dropdown-link i {
    width: 22px;
    height: 22px;
    line-height: 18px;
    font-size: 16px;
    color: var(--body-color);
    opacity: .8;
    transition: all .3s ease
}

.drop-heading {
    padding-left: 1rem;
    margin-bottom: 13px
}

.drop-heading.h6 {
    color: inherit
}

.drop-title,
.dropdown-link h6.drop-title {
    font-size: 14px;
    color: var(--body-color);
    font-weight: 500;
    font-family: var(--bs-font-monospace)
}

.dropdown-grid-item a:hover {
    background: var(--bs-light)
}

.dropdown-grid-item a>:not(.drop-title) {
    opacity: .8;
    transition: all .3s ease-in-out
}

.dropdown-grid-item a:hover .drop-title,
.dropdown-grid-item a:hover span,
.dropdown-link h6.drop-title:hover,
a.dropdown-link:hover i {
    color: var(--bs-primary);
    opacity: 1
}

.drop-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
    text-align: center
}

.dropdown-info {
    display: flex;
    flex-direction: column
}

.dropdown-info span {
    font-size: 13px;
    margin-bottom: 0;
    margin-right: -6px;
    line-height: 1.6
}

.dropdown-info .drop-title {
    font-size: 14px;
    color: var(--bs-dark-black)
}

.offcanvas-header .close-btn {
    background: var(--bs-danger-soft);
    width: 30px;
    height: 30px;
    text-align: center;
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 20px;
    padding: 0;
    position: relative
}

.offcanvas-header .close-btn:after,
.offcanvas-header .close-btn:before {
    content: "";
    background: var(--bs-dark);
    width: 20px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    left: 5px
}

.offcanvas-header .close-btn:before {
    transform: rotate(45deg) scale(.6)
}

.offcanvas-header .close-btn:after {
    transform: rotate(-45deg) scale(.6)
}

.offcanvas-body .main-menu li a.nav-link {
    color: var(--body-color);
    padding: .5rem 1rem;
    outline: 0
}

.offcanvas-body .main-menu li a.nav-link:hover {
    color: var(--bs-primary)
}

.offcanvas-body .radius-right-side {
    border-top-right-radius: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.offcanvas-body .dropdown-menu {
    position: relative
}

.offcanvas-body .dropdown-grid {
    display: block;
    width: auto
}

.offcanvas-body .dropdown-grid-item {
    width: 100%
}

@media (max-width: 1199px) {
    .nav.main-menu {
        display: block !important
    }
}

@media (max-width: 991px) {
    .nav.main-menu {
        display: block
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .sticky-header.affix {
        padding: 12px 0 !important
    }
}

@media (min-width: 320px) and (max-width:376px) {
    .action-btns a:first-of-type {
        margin-bottom: 10px
    }
}

@keyframes bluebar {
    50% {
        left: 96px
    }
}

.section-heading {
    margin-bottom: 50px
}

@media (min-width: 991px) and (max-width:1199px) {
    .action-btns.me-lg-0 {
        margin-right: 3rem !important
    }
}

@media (max-width: 991px) {
    .section-heading {
        margin-bottom: 40px
    }
}

.process-card-two,
.process-icon {
    transition: all .3s ease
}

.process-icon {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto 35px
}

.process-card-two:hover .process-icon {
    background-color: var(--bs-white);
    color: var(--bs-primary)
}

.promo-card-info h3 i {
    font-size: 38px
}

.hero-subscribe-form-wrap {
    max-width: 460px
}

@media (min-width: 320px) and (max-width:414px) {
    .hero-subscribe-form input.btn {
        position: relative;
        right: 0;
        top: 10px;
        margin-bottom: 15px;
        transition: all .3s ease-in
    }

    .hero-subscribe-form input.form-control {
        padding: .75rem 1rem
    }
}

.hero-screen-wrap {
    display: flex;
    margin-right: -120px
}

.hero-screen-wrap .figure-screen {
    flex: 0 0 244px;
    width: 244px;
    z-index: 2
}

.hero-screen-wrap .phone-screen {
    flex: 0 0 540px;
    width: 540px;
    z-index: 1;
    margin-left: 44px
}

.hero-screen-wrap .whatsapp-bubble-screen {
    flex: 0 0 512px;
    z-index: 1;
    margin-left: 48px
}

.hero-screen-wrap .verifier-bubble-screen {
    flex: 0 0 480px;
    width: 480px;
    z-index: 2
}

.hero-screen-wrap .shortener-bubble-screen {
    flex: 0 0 620px;
    width: 620px;
    z-index: 2;
    margin-bottom: -51px;
    margin-left: -36px
}

@media (min-width: 1480px) and (max-width:1836px) {
    .hero-screen-wrap {
        margin-right: 0
    }

    .hero-screen-wrap .whatsapp-bubble-screen {
        flex: 0 0 540px;
        margin-left: 44px
    }
}

@media (min-width: 1024px) {
    .hero-screen-wrap .phone-screen {
        margin-right: -180px;
        margin-top: -80px
    }

    .hero-screen-wrap .whatsapp-bubble-screen {
        margin-right: -180px;
        margin-top: -86px
    }

    .hero-screen-wrap .verifier-bubble-screen {
        margin-left: 36px;
        margin-bottom: -80px
    }
}

@media (min-width: 320px) and (max-width:1479px) {
    .hero-screen-wrap {
        margin-right: 0
    }

    .hero-screen-wrap .figure-screen {
        margin-left: -32px
    }

    .hero-screen-wrap .phone-screen {
        flex: 0 0 500px;
        margin-left: 44px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .hero-screen-wrap {
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .hero-screen-wrap .figure-screen {
        position: absolute;
        flex: 0 0 180px;
        width: 180px;
        margin: 0;
        right: -20px
    }

    .hero-screen-wrap .phone-screen,
    .hero-screen-wrap .whatsapp-bubble-screen {
        flex: 0 0 114%;
        margin: -24px 0
    }

    .hero-screen-wrap .verifier-bubble-screen {
        flex: 0 0 100%;
        margin: 0 -6% -64px;
        max-width: 112%
    }

    .hero-screen-wrap .shortener-bubble-screen {
        margin-left: -58px
    }
}

.widget-img-1 {
    top: 25.5%;
    left: -90px
}

.widget-img-3 {
    top: 40%;
    right: -100px
}

@media (min-width: 320px) and (max-width:991px) {
    .widget-img-wrap {
        display: none
    }
}

.dot-mask {
    -webkit-mask-image: url(/img/dots.svg);
    mask-image: url(/img/dots.svg)
}

.dm-wh-350 {
    width: 350px;
    height: 350px
}

.dm-size-16 {
    -webkit-mask-size: 16px;
    mask-size: 16px
}

.dot-mask.bottom-right {
    right: -42px;
    bottom: -42px
}

.dot-mask.top-left {
    left: -42px;
    top: -42px
}

@media (min-width: 320px) and (max-width:575px) {

    .dot-mask.top-left,
    .left--40 {
        left: 0 !important
    }

    .dot-mask.bottom-right,
    .right--40 {
        right: 0 !important
    }

    .dm-wh-350 {
        display: none
    }
}

.feature-icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center
}

.icon-center {
    margin: 0 auto 32px
}

.feature-icon img {
    padding: 15px
}

.img-bg-shape {
    bottom: 0;
    left: 50%;
    top: 0;
    transform: translateX(-50%) scale(1.1);
    width: 80%
}

.skewed-img-right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(-35deg) rotateX(15deg)
}

.list-two-col {
    max-width: 100%
}

.list-two-col li {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 32px
}

@media (min-width: 320px) and (max-width:575px) {
    .list-two-col li {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 320px) and (max-width:991px) {
    .hide-medium {
        display: none
    }
}

.feature-grid {
    display: grid;
    width: 100%;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    transition: all .3s ease-in-out
}

.feature-card.border:hover {
    border-color: var(--bs-primary) !important;
    transition: all .3s ease-in-out;
    background: transparent
}

@media (min-width: 767px) and (max-width:992px) {
    .feature-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 320px) and (max-width:768px) {
    .feature-grid {
        grid-template-columns: 1fr
    }
}

.icon-box {
    width: 55px;
    height: 55px;
    margin-bottom: 32px;
    font-size: 20px;
    justify-content: center;
    align-items: center
}

.action-btns ul li a {
    background-color: transparent;
    border: 2px solid #9b2cfa;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--bs-light);
    padding: 10px 23px;
    line-height: 40px
}

.action-btns ul li a i {
    font-size: 30px
}

.action-btns ul li a span {
    line-height: 14px;
    font-weight: 400;
    text-align: left
}

.action-btns ul li a span span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    line-height: 20px
}

.action-btns ul li a:hover {
    background-color: var(--bs-light);
    border: 2px solid transparent;
    color: var(--bs-dark-dark)
}

.circle-shape-1 {
    top: -240px;
    width: 356px;
    min-height: 356px;
    min-width: 356px
}

.circle-shape-3 {
    bottom: -210px;
    width: 300px;
    min-height: 300px;
    min-width: 300px
}

@media (min-width: 320px) and (max-width:991px) {

    .circle-shape-1,
    .circle-shape-3 {
        display: none
    }
}

.testimonial-tab-slider-wrap {
    transition: all .3s ease
}

.blockquote {
    font-size: 1.125rem
}

@keyframes ripple-white {
    0% {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2), 0 0 0 20px hsla(0, 0%, 100%, .2), 0 0 0 40px hsla(0, 0%, 100%, .2)
    }

    to {
        box-shadow: 0 0 0 20px hsla(0, 0%, 100%, .2), 0 0 0 40px hsla(0, 0%, 100%, .2), 0 0 0 60px transparent
    }
}

.integration-list-wrap {
    align-items: flex-end
}

.integration-list-wrap,
.integration-list-wrap span {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.integration-list-wrap span {
    position: relative;
    margin-right: 16px;
    margin-left: 16px;
    align-items: center;
    border-radius: 100px;
    box-shadow: 7px 7px 10px 0 rgba(55, 65, 81, .12);
    width: 65px;
    height: 65px
}

.integration-list-wrap span.item-1 {
    left: -120px;
    top: 0
}

.integration-list-wrap span.item-2 {
    top: -21px;
    right: -22px
}

.integration-list-wrap span.item-3 {
    left: -191px;
    margin-right: 16px;
    margin-left: 16px
}

.integration-list-wrap span.item-5 {
    left: -150px;
    bottom: -30px
}

.integration-list-wrap span.item-6 {
    left: 50px;
    bottom: 0
}

.integration-list-wrap span.item-7 {
    left: 120px;
    top: 0
}

.integration-list-wrap span.item-8 {
    top: -21px;
    right: 22px
}

.integration-list-wrap span.item-9 {
    left: 191px
}

.integration-list-wrap span.item-11 {
    left: 150px;
    bottom: -30px
}

.integration-list-wrap span.item-12 {
    left: -50px;
    bottom: 0
}

.integration-badge {
    top: 8%;
    right: 8%;
    font-size: 12px;
    letter-spacing: .2px;
    font-family: var(--bs-font-monospace)
}

.connected-app-single {
    transition: all .3s ease
}

.connected-app-single:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .09);
    background: var(--bs-white) !important
}

@media (min-width: 320px) and (max-width:991px) {
    .integration-list-wrap {
        flex-direction: row
    }

    .integration-list-wrap span {
        position: inherit;
        width: 30px;
        height: 30px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .integration-list-wrap span {
        box-shadow: none;
        margin-right: 8px;
        margin-left: 8px
    }

    .lead {
        font-size: 1rem
    }
}

.integration-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    justify-content: space-between;
    grid-gap: 25px;
    justify-items: center
}

.integration-list li {
    width: 100%
}

.integration-list li .single-integration {
    box-shadow: 0 5px 50px rgba(13, 21, 55, .06);
    display: block;
    margin: auto;
    text-align: center;
    background: var(--bs-white);
    padding: 20px;
    border-radius: 6px;
    transition: all .3s ease
}

.integration-list li .single-integration img {
    width: 100%;
    height: auto;
    max-width: 35px;
    max-height: 35px;
    margin: auto
}

.integration-list li .single-integration:hover {
    box-shadow: 0 20px 20px 0 rgba(2, 19, 79, .1);
    transform: translateY(-2px)
}

.integration-logo,
.mb-30 {
    margin-bottom: 30px
}

.mb-32 {
    margin-bottom: 32px
}

.animate-element {
    list-style: none;
    width: 100%;
    height: 100%;
    right: 0
}

.animate-element li {
    position: absolute;
    height: 100%;
    width: 100%
}

.shape-service .color-shape-1 {
    top: -36px;
    right: -2px;
    flex: 0 0 auto;
    width: 368px
}

.shape-service .color-shape-2 {
    left: -16px;
    bottom: 144px;
    flex: 0 0 auto
}

.shape-service .color-shape-3 {
    right: 0;
    bottom: -50px;
    flex: 0 0 auto
}

.fixed-bg {
    height: 100vh;
    width: 100vh;
    border-radius: 0 10rem 30rem 0;
    top: 0;
    left: 0;
    z-index: 1;
    position: fixed
}

.animated-circle li {
    position: absolute;
    z-index: 1;
    border-radius: 50%
}

.animated-circle li:nth-child(1n) {
    height: 24vw;
    width: 24vw;
    top: 5.3vh;
    right: 20.3vw;
    bottom: inherit;
    animation: zoom-1 50s infinite;
    animation-delay: 2s
}

.animated-circle li:nth-child(2n) {
    height: 15vw;
    width: 15vw;
    top: -8.8vh;
    right: -3.4vw;
    bottom: inherit;
    animation: zoom-2 50s infinite;
    animation-delay: 2s
}

.animated-circle li:nth-child(3n) {
    height: 10vw;
    width: 10vw;
    top: 40vh;
    right: 6.5vw;
    bottom: inherit;
    animation: zoom-1 50s infinite;
    animation-delay: 2s
}

.animated-circle li:nth-child(4n) {
    height: 8vw;
    width: 8vw;
    bottom: 0;
    top: inherit;
    right: 10vw;
    animation: zoom-2 50s infinite;
    animation-delay: 2s
}

@keyframes zoom-1 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.8)
    }

    75% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoom-2 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.2)
    }

    75% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.footer-single-col .h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2em
}

.footer-nav-list li a {
    font-size: 15px;
    margin: 10px 0;
    display: block;
    opacity: .5;
    font-weight: 500;
    font-family: var(--bs-font-monospace);
    transition: all .3s ease
}

.footer-nav-list li a,
.footer-single-col p {
    color: var(--bs-secondary-dark);
    opacity: .7
}

.footer-nav-list li a:hover,
.footer-top.bg-dark .footer-nav-list li a,
.footer-top.bg-dark .footer-single-col p,
.footer-top.bg-gradient .footer-single-col p {
    opacity: 1
}

.footer-top.bg-dark .footer-nav-list li a:hover,
.footer-top.bg-gradient .footer-nav-list li a:hover {
    color: var(--bs-white)
}

.footer-light .footer-nav-list li a,
.footer-light .footer-single-col p {
    color: var(--body-color);
    opacity: .85
}

.footer-light .footer-nav-list li a:hover {
    color: var(--bs-primary);
    opacity: 1
}

.footer-light .footer-single-col h6 {
    color: var(--body-color)
}

.newsletter-form button {
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    border: none;
    border-radius: 0 4px 4px 0;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px
}

.newsletter-form button i {
    font-size: 12px
}

.newsletter-form button:focus {
    outline: none
}

.bg-dark input.form-control,
.bg-gradient input.form-control {
    border-color: var(--bs-light)
}

.register-form input.form-control,
.register-form textarea.form-control {
    border-color: rgba(0, 0, 0, .08)
}

.register-form input.form-control:focus {
    border-color: var(--bs-primary)
}

.footer-bottom {
    position: relative;
    display: block;
    border-top: 1px solid rgba(248, 249, 250, .05)
}

.footer-bottom.footer-light {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.copyright-text p {
    font-size: 14px;
    color: #65676d;
    font-weight: 500;
    font-family: var(--bs-font-monospace)
}

.copyright-text p a {
    color: var(--body-color)
}

.footer-light .copyright-text p {
    color: #65676d
}

.bg-dark .copyright-text p,
.bg-gradient .copyright-text p {
    color: var(--bs-secondary-dark)
}

.bg-dark .copyright-text p a,
.bg-gradient .copyright-text p a {
    color: var(--bs-secondary)
}

.copyright-text p a:hover {
    color: var(--bs-primary)
}

.footer-social-list li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 29px;
    text-align: center;
    border: 2px solid hsla(0, 0%, 100%, .12);
    color: #65676d;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.bg-dark .footer-social-list li a,
.bg-gradient .footer-social-list li a {
    color: var(--bs-secondary-dark)
}

.footer-light .footer-social-list li a {
    border: 2px solid rgba(0, 0, 0, .12)
}

.footer-social-list li a:hover {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-color: var(--bs-primary)
}

.offcanvas-backdrop {
    overflow-y: auto !important
}

.offcanvas-backdrop:before {
    display: none
}

.offcanvas-end {
    z-index: 9999
}

.dots .dot-2 {
    position: absolute;
    top: 115px;
    right: 25px
}

.bubble span {
    position: absolute;
    border-radius: 50%
}

.bubble .bubble-1 {
    height: 160px;
    width: 160px;
    background-color: #175cff;
    left: 0;
    bottom: 10%
}

.bubble .bubble-2 {
    height: 85px;
    width: 85px;
    background-color: #fff;
    right: -26px;
    top: 26%;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .1)
}

.cyber-single-service {
    padding: 30px
}

.cyber-single-service .feature-icon i {
    font-size: 28px
}

@keyframes btnWave {
    0% {
        opacity: 1;
        transform: scale(.9)
    }

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

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

.offcanvas-backdrop.fade {
    opacity: 0
}

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

.no-scrolling {
    overflow: hidden !important
}

.z-200 {
    z-index: 200
}

.ico-arrow {
    margin: 0 1px 0 7px;
    display: inline-block
}

.ico-arrow i {
    border: solid var(--body-color);
    border-width: 0 1px 1px 0;
    padding: 4px;
    transition: transform .3s ease;
    display: block;
    position: relative
}

.ico-arrow.down i {
    transform: rotate(45deg) scale(.8);
    top: -2px
}

.ico-arrow.up i {
    transform: rotate(-135deg) scale(.8);
    top: 2px
}

.site-footer .bg-dark .h3 {
    color: var(--bs-white)
}

.site-footer #cf-turnstile {
    margin: 6px 1px -6px
}

.text-primary-light {
    color: var(--bs-primary-light) !important
}

.text-ink {
    color: #121212 !important
}

.text-body-link {
    color: var(--bs-body) !important
}

.text-body-link:hover {
    color: var(--bs-primary) !important
}

.sico {
    display: block
}

.clickable {
    cursor: pointer
}

.text-white-light {
    color: hsla(0, 0%, 100%, .96)
}


.offcanvas .dropup .lang-icon {
    margin: 0 4px 2px -2px;
    opacity: .92
}

.hero-bg {
    background: #07012a;
    filter: brightness(.45);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75%;
    height: 75vw
}

.hero-section {
    background: var(--bs-dark)
}

.hero-section+.bg-dark {
    margin-top: -1px
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    opacity: .85
}

.btn-outline-white:hover {
    background-color: #fff
}

.promo-icon i {
    font-size: 2.5em;
    color: var(--bs-dark-light);
    line-height: normal
}

.overview-img {
    border-radius: 52px !important
}

.msg-test-tips {
    color: rgba(87, 87, 87, .57);
    font-size: 12px;
    margin-top: .75rem;
    margin-left: 2px
}

.sign-up-in-section .logo {
    margin-left: -4px !important
}

.sign-up-in-section .intro-wrap {
    margin-top: 4.5rem
}

.sign-up-in-section .intro-tab-content {
    margin-bottom: 2rem
}

.sign-up-in-section h5 {
    font-size: 18px
}

.sign-up-in-section blockquote p {
    color: #fff;
    opacity: .75;
    font-size: 14.5px
}

.sign-up-in-section .copyright .dropdown-trigger,
.sign-up-in-section .copyright div {
    color: hsla(0, 0%, 100%, .44);
    font-size: 14px
}

.sign-up-in-section .copyright .dropdown-trigger {
    cursor: pointer
}

.sign-up-in-section .copyright .dot-spliter {
    margin: 0 .5rem;
    opacity: .44
}

.sign-up-in-section .copyright .toggle-icon {
    font-size: 12px;
    margin-top: -1px;
    margin-left: -1px
}

.sign-up-in-section .copyright .lang-icon {
    margin: 0 2px 1px 0;
    opacity: .92
}

.sign-up-in-section .copyright.pos-absolute {
    position: absolute;
    bottom: 6rem
}

.sign-up-in-section .copyright.at-bottom {
    text-align: center;
    margin-top: 3rem
}

.intro-tab-list .nav-item {
    margin-right: .5rem
}

.intro-tab-list .nav-item .tab-target-handle {
    background: hsla(0, 0%, 100%, .2);
    width: 38px;
    height: 3px;
    display: block
}

.intro-tab-list .nav-item .tab-target-handle.active {
    background: hsla(0, 0%, 100%, .8)
}

.nav-item.dropdown .drop-title {
    white-space: nowrap
}

.register-form .label.sm-l {
    font-family: var(--bs-font-monospace);
    font-size: 13.5px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #000
}

.register-form .form-check {
    margin-right: 1.25em
}

.register-form .form-splitter {
    margin: .5em 0 .75em;
    border-bottom: 1px solid #e9eaf0
}

.register-form #cf-turnstile {
    margin: -6px 1px 6px
}

.hero-subscribe-form #cf-turnstile {
    margin: 6px 1px -6px
}

.cyber-single-service .feature-icon i {
    font-size: 36px
}

.partners-feature-section {
    background-color: #f6f9fc;
    background-size: 1520px auto;
    background-position: -10% top;
    background-repeat: no-repeat
}

@media(min-width: 320px)and (max-width:767px) {
    .partners-feature-section {
        background-size: auto 100%;
        background-position: 45% top
    }
}

.region-list a {
    color: #575757;
    padding: 1px 4px 1px 0;
    text-decoration: none;
    display: inline-block
}

.region-list a:hover {
    color: #121212;
    font-weight: 600
}

.region-list .link-with-flag {
    background: transparent;
    padding: 8px 10px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    border-radius: 6px;
    transition: all .25s ease
}

.region-list .link-with-flag .flag-ico {
    margin-right: 12px
}

.region-list .link-with-flag:hover {
    background: rgba(231, 234, 238, .4);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.region-list+.link-with-icon i {
    display: inline-block;
    margin-top: -.2em
}

.region-select {
    font-size: 14px;
    position: relative
}

.region-select span {
    color: #71808e
}

.region-select select.form-select {
    color: #71808e;
    text-transform: capitalize;
    background: transparent;
    display: inline-block;
    width: auto;
    padding: 0 2rem 0 1px;
    font-size: 14px;
    border: 0;
    outline: 0;
    box-shadow: none
}

.region-select .toggle-icon {
    margin-left: -1.75rem;
    pointer-events: none;
    font-size: 13px;
    opacity: .6
}

.input-dest {
    width: 100%;
    position: relative
}

.input-dest .dest-tel {
    padding-left: 58px;
    z-index: 1
}

.input-dest .dest-select {
    position: absolute;
    left: 3px;
    top: 3px;
    bottom: 3px;
    z-index: 9
}

.input-dest .dest-select .flag-ico {
    position: absolute;
    left: 13px;
    top: 12px;
    pointer-events: none;
    display: none
}

.input-dest .dest-select .dest-cc {
    background: #fff;
    color: var(--bs-dark);
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 8px;
    padding: 0 1px 0 6px;
    pointer-events: none;
    height: 100%;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.input-dest .dest-select>select {
    background: #fff;
    border-radius: 5px;
    width: 54px;
    padding-left: 44px;
    padding-right: 8px;
    font-size: 14px;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0
}

.input-dest .btn-send {
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0
}

.input-dest .btn-send span {
    font-size: 14px;
    color: var(--bs-primary-light)
}

.input-dest .btn-send:disabled span {
    color: var(--bs-secondary-dark)
}

.input-dest.with-flag .dest-tel {
    padding-left: 90px
}

.input-dest.with-flag .dest-select .flag-ico {
    display: block
}

.input-dest.with-flag .dest-select>select {
    width: 86px
}

.lookup-result {
    background: hsla(0, 0%, 100%, .25);
    border-radius: 16px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 3
}

.lookup-result table {
    width: 100%;
    border-collapse: collapse;
    color: #121212
}

.lookup-result table th {
    font-size: 14px;
    font-weight: 400;
    color: #72777c;
    border-bottom: 2px solid hsla(0, 0%, 7%, .07);
    white-space: nowrap
}

.lookup-result table td {
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid hsla(0, 0%, 7%, .06);
    background: #fff;
    transition: all .25s ease
}

.lookup-result table tr:last-child td {
    border-bottom: 0
}

.lookup-result table tr:hover td {
    background: #f8f9fa;
    cursor: pointer
}

.lookup-result table tr:hover .destination .arrow {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.lookup-result .name,
.lookup-result .name-cn {
    display: block
}

.lookup-result .name-cn+.name {
    font-size: 12px;
    color: #989899
}

.lookup-result .no-result {
    color: #b3b8bd
}

.lookup-result .destination {
    display: inline-block;
    padding-right: 24px;
    position: relative
}

.lookup-result .destination .arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 16px;
    height: 100%;
    position: absolute;
    top: 1px;
    right: -1px;
    visibility: hidden;
    opacity: 0;
    transform: translate(-12px);
    transition: all .25s ease
}

.bg-worldmap-dots {
    background: url(https://cdn.unimtx.com/public/img/bg/world-map.png) no-repeat bottom;
    background-image: -webkit-image-set(url("https://cdn.unimtx.com/public/img/bg/world-map.webp") 1x);
    background-size: 1024px auto
}

.bg-worldmap-dots.x-center-y-120 {
    background-position: center 120px
}

.pricing-hero.bg-linear {
    background: linear-gradient(180deg, #fff, #f8f9fa)
}

.pricing-hero .bg-worldmap-dots {
    background-position: center 48px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.price-view .value {
    font-size: 30px;
    font-weight: 600
}

.price-view .desc {
    font-size: 16px;
    color: #777576
}

.price-view .desc+.main-links .link-with-icon {
    font-family: inherit;
    font-weight: 600
}

.btn-link.link-with-icon i {
    display: inline-block;
    margin-top: -.3em
}

.link-trigger svg.sico {
    display: inline-block
}

.destination-list .link-with-icon {
    font-size: 1rem
}

.i-popover {
    display: inline-block;
    position: relative
}

.i-popover .i-popover-msg {
    background: hsla(0, 0%, 6%, .88);
    font-size: .9285em;
    color: #fff;
    border-radius: 6px;
    padding: .375rem .75rem .45rem;
    line-height: 1.4;
    box-shadow: 0 4px 8px hsla(0, 0%, 6%, .1);
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 1.75em;
    opacity: 0;
    transform: translate(-4px);
    transition: all .25s ease;
    z-index: 99
}

.i-popover .i-popover-msg.wltd {
    width: 256px;
    white-space: normal
}

.i-popover:hover .i-popover-msg {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.table-list {
    max-height: 1286px;
    overflow-y: scroll
}

.table-list table {
    color: #121212
}

.table-list table th {
    font-size: 14px;
    font-weight: 400;
    color: #72777c;
    border-bottom: 2px solid hsla(0, 0%, 7%, .07);
    white-space: nowrap
}

.table-list table td {
    border-bottom: 1px solid hsla(0, 0%, 7%, .06);
    padding-top: .875rem;
    padding-bottom: .875rem
}

.table-list table td.is-zh {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.table-list table tr:last-child td {
    border: none
}

.table-list .i-helper {
    padding: 0 4px;
    margin-top: -1px;
    box-sizing: content-box;
    opacity: .36
}

.table-list .py-cus {
    padding: 12px 0
}

.table-list .name-zh+.name {
    font-size: 13px;
    color: #989899
}

.link-card {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(17, 18, 19, .05);
    transition: all .3s ease;
    display: flex;
    align-items: center;
    line-height: 1.4;
    min-height: 94px;
    padding-left: 22px !important;
    padding-right: 22px !important
}

.link-card .flag-ico {
    margin-right: 1.125rem;
    transform: scale(1.25);
    flex: none
}

.link-card .name {
    color: #121212;
    font-size: 15.5px;
    margin-right: -4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .25s ease
}

.link-card .desc {
    color: #72777c;
    font-size: 13px
}

.link-card .price {
    color: #2c2c2c;
    font-size: 14.5px;
    margin-right: -.25em;
    padding-left: .75em
}

.link-card.with-price .name {
    margin-right: 0
}

.link-card.with-price .flag-ico {
    margin-right: 1rem;
    margin-left: -1px
}

.link-card:hover {
    transform: translateY(-2px)
}

.link-card:hover .name {
    font-weight: 600
}

.country-info {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    overflow: hidden
}

.country-info .subdesc {
    font-size: 14px;
    color: #777576
}

.country-info .country-meta {
    box-shadow: 0 6px 32px rgba(0, 0, 0, .04)
}

.country-info .country-meta .meta-block {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.country-info .country-meta .meta-block .heading {
    font-size: 14px;
    margin-bottom: 10px;
    color: #777576
}

.country-info .country-meta .meta-block .value {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4
}

.country-info .country-meta .meta-block .value a:hover {
    color: var(--bs-primary) !important
}

.country-info .country-meta .meta-block:after {
    content: "";
    border-right: 1px solid hsla(210, 8%, 51%, .12);
    height: calc(100% - 2.5rem);
    position: absolute;
    top: 1.25rem;
    right: 0
}

.country-info .country-meta .meta-block:last-child:after {
    display: none
}

.msg-feature-list .icon {
    margin: 0 1.125rem 0 .125rem;
    position: relative;
    flex: none
}

.msg-feature-list .icon .check {
    color: #00a066;
    background: #fff;
    border-radius: 6px;
    outline: 2px solid #fff;
    position: absolute;
    right: -8px;
    bottom: 0
}

.msg-feature-list .name {
    font-weight: 600;
    cursor: default
}

.msg-feature-list .desc {
    font-size: 14px;
    color: #777576
}

.msg-feature-list .i-helper {
    margin: -1px 0 0 1px;
    color: #fff;
    transform: scale(.1) translate(-12px);
    transition: all .25s ease
}

.msg-feature-list a.text-ink:hover {
    cursor: pointer;
    opacity: .9
}

.msg-feature-list a.text-ink:hover .i-helper {
    color: #191919;
    transform: scale(1) translate(0)
}

.bg-curves {
    background: url(https://cdn.unimtx.com/public/img/bg/curves.jpg) no-repeat bottom;
    background-color: #000139 !important;
    background-size: auto 100%
}

.dd-qrcode .dd-qrcode-img {
    width: 120px;
    top: 32px;
    left: -94px;
    transform: translate3d(0, 12%, 0);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden
}

.dd-qrcode .dd-qrcode-img img {
    width: 100%;
    display: block
}

.dd-qrcode:focus .dd-qrcode-img,
.dd-qrcode:hover .dd-qrcode-img {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible
}

.flag-ico {
    background: url(https://cdn.unimtx.com/public/img/flag-sprites-60x6.png) no-repeat;
    background-image: -webkit-image-set(url("https://cdn.unimtx.com/public/img/flag-sprites-60x6.webp") 1x);
    background-size: 384px 384px;
    width: 20px;
    height: 20px
}

.fi-area {
    background-position: -2px -2px
}

.fi-mc {
    background-position: -26px -2px
}

.fi-pl {
    background-position: -2px -26px
}

.fi-ua {
    background-position: -26px -26px
}

.fi-id {
    background-position: -50px -2px
}

.fi-at {
    background-position: -50px -26px
}

.fi-co {
    background-position: -2px -50px
}

.fi-ye {
    background-position: -26px -50px
}

.fi-lu {
    background-position: -50px -50px
}

.fi-de {
    background-position: -74px -2px
}

.fi-lt {
    background-position: -74px -26px
}

.fi-lv {
    background-position: -74px -50px
}

.fi-bw {
    background-position: -2px -74px
}

.fi-nl {
    background-position: -26px -74px
}

.fi-bg {
    background-position: -50px -74px
}

.fi-ru {
    background-position: -74px -74px
}

.fi-ee {
    background-position: -98px -2px
}

.fi-hu {
    background-position: -98px -26px
}

.fi-gm {
    background-position: -98px -50px
}

.fi-ga {
    background-position: -98px -74px
}

.fi-mu {
    background-position: -2px -98px
}

.fi-mg {
    background-position: -26px -98px
}

.fi-am {
    background-position: -50px -98px
}

.fi-bj {
    background-position: -74px -98px
}

.fi-sl {
    background-position: -98px -98px
}

.fi-ng {
    background-position: -122px -2px
}

.fi-th {
    background-position: -122px -26px
}

.fi-ci {
    background-position: -122px -50px
}

.fi-pe {
    background-position: -122px -74px
}

.fi-fr {
    background-position: -122px -98px
}

.fi-it {
    background-position: -2px -122px
}

.fi-td {
    background-position: -26px -122px
}

.fi-ml {
    background-position: -50px -122px
}

.fi-ro {
    background-position: -74px -122px
}

.fi-ie {
    background-position: -98px -122px
}

.fi-be {
    background-position: -122px -122px
}

.fi-gn {
    background-position: -146px -2px
}

.fi-ae {
    background-position: -146px -26px
}

.fi-kw {
    background-position: -146px -50px
}

.fi-ma {
    background-position: -146px -74px
}

.fi-nr {
    background-position: -146px -98px
}

.fi-bf {
    background-position: -146px -122px
}

.fi-hn {
    background-position: -2px -146px
}

.fi-se {
    background-position: -26px -146px
}

.fi-mt {
    background-position: -50px -146px
}

.fi-cr {
    background-position: -74px -146px
}

.fi-aw {
    background-position: -98px -146px
}

.fi-to {
    background-position: -122px -146px
}

.fi-sy {
    background-position: -146px -146px
}

.fi-jp {
    background-position: -170px -2px
}

.fi-ls {
    background-position: -170px -26px
}

.fi-eg {
    background-position: -170px -50px
}

.fi-cm {
    background-position: -170px -74px
}

.fi-so {
    background-position: -170px -98px
}

.fi-cn {
    background-position: -170px -122px
}

.fi-cw {
    background-position: -170px -146px
}

.fi-vn {
    background-position: -2px -170px
}

.fi-fi {
    background-position: -26px -170px
}

.fi-sn {
    background-position: -50px -170px
}

.fi-dk {
    background-position: -74px -170px
}

.fi-tj {
    background-position: -98px -170px
}

.fi-ar {
    background-position: -122px -170px
}

.fi-zm {
    background-position: -146px -170px
}

.fi-sr {
    background-position: -170px -170px
}

.fi-cl {
    background-position: -194px -2px
}

.fi-ne {
    background-position: -194px -26px
}

.fi-il {
    background-position: -194px -50px
}

.fi-gw {
    background-position: -194px -74px
}

.fi-sv {
    background-position: -194px -98px
}

.fi-om {
    background-position: -194px -122px
}

.fi-bs {
    background-position: -194px -146px
}

.fi-ly {
    background-position: -194px -170px
}

.fi-gh {
    background-position: -2px -194px
}

.fi-la {
    background-position: -26px -194px
}

.fi-bd {
    background-position: -50px -194px
}

.fi-ir {
    background-position: -74px -194px
}

.fi-cg {
    background-position: -98px -194px
}

.fi-mv {
    background-position: -122px -194px
}

.fi-ps {
    background-position: -146px -194px
}

.fi-sd {
    background-position: -170px -194px
}

.fi-ch {
    background-position: -194px -194px
}

.fi-pa {
    background-position: -218px -2px
}

.fi-li {
    background-position: -218px -26px
}

.fi-mw {
    background-position: -218px -50px
}

.fi-bb {
    background-position: -218px -98px
}

.fi-bh {
    background-position: -218px -122px
}

.fi-gg {
    background-position: -218px -146px
}

.fi-ax {
    background-position: -218px -170px
}

.fi-bo {
    background-position: -218px -194px
}

.fi-in {
    background-position: -2px -218px
}

.fi-ni {
    background-position: -26px -218px
}

.fi-fo {
    background-position: -50px -218px
}

.fi-vc {
    background-position: -74px -218px
}

.fi-py {
    background-position: -98px -218px
}

.fi-es {
    background-position: -122px -218px
}

.fi-no {
    background-position: -146px -218px
}

.fi-lb {
    background-position: -170px -218px
}

.fi-si {
    background-position: -194px -218px
}

.fi-cy {
    background-position: -218px -218px
}

.fi-az {
    background-position: -242px -2px
}

.fi-iq {
    background-position: -242px -26px
}

.fi-is {
    background-position: -242px -50px
}

.fi-tn {
    background-position: -242px -74px
}

.fi-qa {
    background-position: -242px -98px
}

.fi-fm {
    background-position: -242px -122px
}

.fi-cz {
    background-position: -242px -146px
}

.fi-sg {
    background-position: -242px -170px
}

.fi-pf {
    background-position: -242px -194px
}

.fi-ug {
    background-position: -242px -218px
}

.fi-eh {
    background-position: -2px -242px
}

.fi-pw {
    background-position: -26px -242px
}

.fi-st {
    background-position: -50px -242px
}

.fi-gr {
    background-position: -74px -242px
}

.fi-ws {
    background-position: -98px -242px
}

.fi-jo {
    background-position: -122px -242px
}

.fi-kp {
    background-position: -146px -242px
}

.fi-ve {
    background-position: -170px -242px
}

.fi-nf {
    background-position: -194px -242px
}

.fi-wf {
    background-position: -218px -242px
}

.fi-lr {
    background-position: -242px -242px
}

.fi-uz {
    background-position: -266px -2px
}

.fi-gl {
    background-position: -266px -26px
}

.fi-lc {
    background-position: -266px -50px
}

.fi-me {
    background-position: -266px -74px
}

.fi-gt {
    background-position: -266px -98px
}

.fi-gf {
    background-position: -266px -122px
}

.fi-dj {
    background-position: -266px -146px
}

.fi-tg {
    background-position: -266px -170px
}

.fi-cv {
    background-position: -266px -194px
}

.fi-va {
    background-position: -266px -218px
}

.fi-kh {
    background-position: -266px -242px
}

.fi-ke {
    background-position: -2px -266px
}

.fi-ao {
    background-position: -26px -266px
}

.fi-im {
    background-position: -50px -266px
}

.fi-mr {
    background-position: -74px -266px
}

.fi-do {
    background-position: -98px -266px
}

.fi-cu {
    background-position: -122px -266px
}

.fi-ca {
    background-position: -146px -266px
}

.fi-ht {
    background-position: -170px -266px
}

.fi-tr {
    background-position: -194px -266px
}

.fi-ss {
    background-position: -218px -266px
}

.fi-ec {
    background-position: -242px -266px
}

.fi-af {
    background-position: -266px -266px
}

.fi-an {
    background-position: -290px -2px
}

.fi-by {
    background-position: -290px -26px
}

.fi-md {
    background-position: -290px -50px
}

.fi-al {
    background-position: -290px -74px
}

.fi-pr {
    background-position: -290px -98px
}

.fi-ad {
    background-position: -290px -122px
}

.fi-dz {
    background-position: -290px -146px
}

.fi-mn {
    background-position: -290px -170px
}

.fi-cf {
    background-position: -290px -194px
}

.fi-aq {
    background-position: -290px -218px
}

.fi-mm {
    background-position: -290px -242px
}

.fi-sm {
    background-position: -290px -266px
}

.fi-zw {
    background-position: -2px -290px
}

.fi-np {
    background-position: -26px -290px
}

.fi-gu {
    background-position: -50px -290px
}

.fi-uy {
    background-position: -74px -290px
}

.fi-gq {
    background-position: -98px -290px
}

.fi-sk {
    background-position: -122px -290px
}

.fi-ge {
    background-position: -146px -290px
}

.fi-mx {
    background-position: -170px -290px
}

.fi-mz {
    background-position: -194px -290px
}

.fi-sx {
    background-position: -218px -290px
}

.fi-my {
    background-position: -242px -290px
}

.fi-vu {
    background-position: -266px -290px
}

.fi-dm {
    background-position: -290px -290px
}

.fi-gi {
    background-position: -314px -2px
}

.fi-tl {
    background-position: -314px -26px
}

.fi-tf {
    background-position: -314px -50px
}

.fi-pk {
    background-position: -314px -74px
}

.fi-km {
    background-position: -314px -98px
}

.fi-ph {
    background-position: -314px -122px
}

.fi-ba {
    background-position: -314px -146px
}

.fi-mo {
    background-position: -314px -170px
}

.fi-kg {
    background-position: -314px -194px
}

.fi-kz {
    background-position: -314px -218px
}

.fi-rw {
    background-position: -314px -242px
}

.fi-us {
    background-position: -314px -266px
}

.fi-sa {
    background-position: -314px -290px
}

.fi-mp {
    background-position: -2px -314px
}

.fi-xk {
    background-position: -26px -314px
}

.fi-nu {
    background-position: -50px -314px
}

.fi-cc {
    background-position: -74px -314px
}

.fi-hk {
    background-position: -98px -314px
}

.fi-nc {
    background-position: -122px -314px
}

.fi-sz {
    background-position: -146px -314px
}

.fi-rs {
    background-position: -170px -314px
}

.fi-gy {
    background-position: -194px -314px
}

.fi-tk {
    background-position: -218px -314px
}

.fi-pt {
    background-position: -242px -314px
}

.fi-bl {
    background-position: -266px -314px
}

.fi-bq {
    background-position: -290px -314px
}

.fi-hr {
    background-position: -314px -314px
}

.fi-ag {
    background-position: -338px -2px
}

.fi-tm {
    background-position: -338px -26px
}

.fi-jm {
    background-position: -338px -50px
}

.fi-lk {
    background-position: -338px -74px
}

.fi-za {
    background-position: -338px -98px
}

.fi-bt {
    background-position: -338px -122px
}

.fi-er {
    background-position: -338px -146px
}

.fi-tt {
    background-position: -338px -170px
}

.fi-et {
    background-position: -338px -194px
}

.fi-bn {
    background-position: -338px -218px
}

.fi-je {
    background-position: -338px -242px
}

.fi-br {
    background-position: -338px -266px
}

.fi-pg {
    background-position: -338px -290px
}

.fi-nz {
    background-position: -338px -314px
}

.fi-sc {
    background-position: -2px -338px
}

.fi-as {
    background-position: -26px -338px
}

.fi-kr {
    background-position: -50px -338px
}

.fi-bz {
    background-position: -74px -338px
}

.fi-cx {
    background-position: -98px -338px
}

.fi-mk {
    background-position: -122px -338px
}

.fi-ms {
    background-position: -146px -338px
}

.fi-tz {
    background-position: -170px -338px
}

.fi-gd {
    background-position: -194px -338px
}

.fi-tc {
    background-position: -218px -338px
}

.fi-sb {
    background-position: -242px -338px
}

.fi-sh {
    background-position: -266px -338px
}

.fi-bm {
    background-position: -290px -338px
}

.fi-yt {
    background-position: -314px -338px
}

.fi-fj {
    background-position: -338px -338px
}

.fi-mh {
    background-position: -362px -2px
}

.fi-pn {
    background-position: -362px -26px
}

.fi-vi {
    background-position: -362px -50px
}

.fi-kn {
    background-position: -362px -74px
}

.fi-re {
    background-position: -362px -98px
}

.fi-ai {
    background-position: -362px -122px
}

.fi-ky {
    background-position: -362px -146px
}

.fi-gp {
    background-position: -362px -170px
}

.fi-fk {
    background-position: -362px -194px
}

.fi-cd {
    background-position: -362px -218px
}

.fi-ck {
    background-position: -362px -242px
}

.fi-ki {
    background-position: -362px -266px
}

.fi-ac {
    background-position: -362px -290px
}

.fi-vg {
    background-position: -362px -314px
}

.fi-au {
    background-position: -362px -338px
}

.fi-mq {
    background-position: -2px -362px
}

.fi-bi {
    background-position: -26px -362px
}

.fi-gs {
    background-position: -50px -362px
}

.fi-na {
    background-position: -74px -362px
}

.fi-tv {
    background-position: -98px -362px
}

.fi-gb {
    background-position: -122px -362px
}

.fi-io {
    background-position: -146px -362px
}

.fi-pm {
    background-position: -170px -362px
}

body.zh-CN .region-select .form-select.global+.toggle-icon {
    margin-left: -3.5rem
}

body.zh-CN .price-view .desc {
    letter-spacing: .05em
}

body.es .offcanvas-body .action-btns a.btn {
    padding: .65rem 1.125rem
}

@media(min-width: 320px)and (max-width:767px) {
    .row>* {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }

    .hero-bg {
        width: auto;
        height: 100%;
        height: calc(100% - 160px)
    }

    .overview-img {
        border-radius: 22px !important
    }

    .btn-px-narrow {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }

    .lookup-result .destination {
        padding: 0
    }

    .lookup-result .destination .arrow {
        display: none
    }

    .price-view .value {
        font-size: 24px
    }

    .link-card .name {
        font-size: 16px
    }

    .link-card .desc {
        font-size: 13.5px
    }

    .input-name-group {
        padding-left: 0 !important
    }

    .table-list table tbody {
        font-size: .875rem
    }

    .sign-up-in-section .copyright.pos-absolute {
        position: static;
        bottom: 0;
        text-align: center
    }

    .bg-curves {
        background-size: auto 300px;
        background-position: -120px 0
    }

    .dd-qrcode .dd-qrcode-img {
        width: 96px;
        left: -82px
    }
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs-comment,
.hljs-meta {
    color: #565f89
}

.hljs-deletion,
.hljs-doctag,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-tag,
.hljs-template-tag,
.hljs-variable.language_ {
    color: #f7768e
}

.hljs-link,
.hljs-literal,
.hljs-number,
.hljs-params,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #ff9e64
}

.hljs-attribute,
.hljs-built_in {
    color: #e0af68
}

.hljs-keyword,
.hljs-property,
.hljs-subst,
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
    color: #7dcfff
}

.hljs-selector-tag {
    color: #73daca
}

.hljs-addition,
.hljs-bullet,
.hljs-quote,
.hljs-string,
.hljs-symbol {
    color: #9ece6a
}

.hljs-code,
.hljs-formula,
.hljs-section {
    color: #7aa2f7
}

.hljs-attr,
.hljs-char.escape_,
.hljs-keyword,
.hljs-name,
.hljs-operator {
    color: #9fb7ef
}

.hljs-punctuation {
    color: #c0caf5
}

.hljs {
    background: #212231;
    color: #b3bcdb
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.doc-content {
    margin-top: 80px;
}

.doc-float-menu {
    display: block !important;
    position: fixed;
    width: 100%;
    height: 100%;
    height: calc(100% - 82px);
    background: #fff;
    z-index: 10;
    top: 82px;
    padding: 58px 10px 0;
    box-sizing: border-box
}

.doc-float-menu>.doc-sidebar {
    height: 100%;
    overflow-y: scroll;
    padding-top: 24px;
    box-sizing: border-box
}

.nav-menu {
    font-size: 14px
}

.nav-menu h5 {
    color: #121212;
    font-size: 1.125em
}

.nav-menu h5 a {
    color: inherit;
    font-size: inherit;
    cursor: default
}

.nav-menu li h5 {
    margin-top: 2em
}

.nav-menu li:first-child h5 {
    margin-top: 0
}

.nav-menu li ul li {
    margin-top: .625em
}

.nav-menu li ul li a {
    color: #646b73
}

.nav-menu li ul li a:hover {
    color: #121212
}

.nav-menu li ul li a.active {
    color: var(--bs-primary-light);
    font-weight: 600
}

.doc-toc {
    font-size: 14px;
    padding-bottom: 4rem
}

.doc-toc .leading {
    color: #121212
}

.doc-toc a {
    color: #646b73
}

.doc-toc a:hover {
    color: #121212
}

.doc-toc a.active {
    color: var(--bs-primary-light);
    font-weight: 500
}

.doc-toc a.ps-3 {
    padding-left: .75rem !important
}

.markdown {
    --neutral-2: #e9ecef;
    --neutral-3: #dee2e6;
    --neutral-6: #868e96;
    --neutral-8: #343a40;
    --foreground: $ink;
    color: #121212
}

.markdown em>a,
.markdown li>a,
.markdown p>a,
.markdown table a {
    text-decoration: none;
    font-weight: 500
}

.markdown li>a:hover,
.markdown p>a:hover,
.markdown table a:hover {
    border-bottom: 1px solid var(--neutral-3)
}

.markdown p {
    margin-top: 1.5rem
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    color: #101010;
    padding-left: 1.5rem;
    margin-left: -1.5rem
}

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    position: relative;
    margin-top: 4rem
}

.markdown h1 {
    margin-bottom: 1em
}

.markdown h2+h3 {
    margin-top: 2rem
}

.markdown h3+h4 {
    margin-top: 1.5rem
}

.markdown h5,
.markdown h6 {
    font-size: 1rem
}

.markdown pre {
    margin-top: 1.5rem
}

.markdown pre>code {
    font-family: Menlo, monospace;
    display: block;
    padding: 1.25rem 1.75rem;
    border-radius: 3px;
    line-height: 1.5;
    font-size: 13px;
    overflow-x: auto
}

.markdown li>code,
.markdown p>code,
.markdown td>code {
    font-weight: 400;
    line-height: 1.625;
    font-size: .8125em;
    margin: 0 1px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 3px;
    background: #f5f7f9;
    color: var(--neutral-8);
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.markdown td>code {
    font-size: 12px
}

.markdown ul {
    margin-top: 1.5rem
}

.markdown ul ul {
    margin-top: 0
}

.markdown ul li {
    list-style: none;
    margin-left: .25rem;
    margin-bottom: .5rem;
    line-height: 1.7
}

.markdown ul li:before {
    content: "•";
    margin-right: .5rem
}

.markdown>hr {
    margin: 5rem 0;
    border: none;
    border-bottom: 1px dotted var(--neutral-4)
}

.markdown table {
    width: 100%;
    margin-top: 2rem;
    border-collapse: collapse
}

.markdown table th {
    padding: .5rem 1rem .5rem .5rem;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-6);
    border-bottom: 2px solid var(--neutral-2);
    white-space: nowrap
}

.markdown table td {
    padding: .5rem 1rem .5rem .5rem;
    font-size: 13px;
    line-height: 1.6;
    border-bottom: 1px solid var(--neutral-2)
}

.markdown table em.tips {
    color: hsla(0, 0%, 7%, .46);
    font-size: 11.5px;
    padding-top: 4px;
    display: inline-block
}

.markdown table em.tips.danger {
    color: #d63384
}

.markdown table em.tips>code {
    color: inherit;
    padding: 1px
}

.markdown blockquote {
    background: #f8f8f8;
    padding: .25rem 1rem;
    margin: 1.5rem 0 1rem;
    border-left: 3px solid var(--bs-primary-light)
}

.markdown blockquote p {
    margin: 1rem 0
}

.markdown .md-screenshot img {
    width: 100%;
    max-width: 720px;
    display: block
}

.markdown .link-trigger>span:first-child {
    margin-right: .25em;
    color: #121212
}

.markdown .link-trigger svg {
    margin-top: -2px !important;
    opacity: .42;
    transition: opacity .25s ease;
    display: inline-block
}

.markdown .link-trigger:hover img {
    opacity: 1
}

@media(max-width: 767.98px) {
    .markdown table {
        display: block;
        overflow-x: scroll
    }
}

@media(min-width: 1200px) {
    .markdown h1 {
        font-size: 2.375rem
    }

    .markdown h2 {
        font-size: 2rem
    }

    .markdown h3 {
        font-size: 1.5rem
    }

    .markdown h4 {
        font-size: 1.25rem
    }
}

@media(min-width: 992px) {
    .doc-main {
        margin: 0 36px 0 -36px
    }
}

.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    color: inherit;
    color: var(--fa-color, inherit)
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

body.aos-on [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos-delay="50"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="50"].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos-delay="100"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="100"].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos-delay="150"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="150"].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos-delay="200"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="200"].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos-delay="250"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="250"].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos-delay="300"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="300"].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos-delay="350"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="350"].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos-delay="400"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="400"].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos-delay="450"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="450"].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos-delay="500"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="500"].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos-delay="550"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="550"].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos-delay="600"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="600"].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos-delay="650"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="650"].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos-delay="700"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="700"].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos-delay="750"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="750"].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos-delay="800"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="800"].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos-delay="850"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="850"].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos-delay="900"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="900"].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos-delay="950"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="950"].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos-delay="1000"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1000"].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos-delay="1050"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1050"].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos-delay="1100"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1100"].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos-delay="1150"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1150"].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos-delay="1200"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1200"].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos-delay="1250"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1250"].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos-delay="1300"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1300"].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos-delay="1350"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1350"].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos-delay="1400"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1400"].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos-delay="1450"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1450"].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos-delay="1500"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1500"].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos-delay="1550"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1550"].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos-delay="1600"] {
    transition-delay: 0s
}

[data-aos][data-aos-delay="1600"].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

@media screen {
    body.aos-on [data-aos] {
        pointer-events: none
    }

    body.aos-on [data-aos].aos-animate {
        pointer-events: auto
    }

    body.aos-on [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity, transform
    }

    body.aos-on [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: none
    }

    body.aos-on [data-aos=fade-up] {
        transform: translate3d(0, 100px, 0)
    }

    body.aos-on [data-aos=fade-down] {
        transform: translate3d(0, -100px, 0)
    }

    body.aos-on [data-aos=fade-right] {
        transform: translate3d(-100px, 0, 0)
    }

    body.aos-on [data-aos=fade-left] {
        transform: translate3d(100px, 0, 0)
    }

    body.aos-on [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity, transform
    }

    body.aos-on [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

    body.aos-on [data-aos=zoom-in] {
        transform: scale(.6)
    }

    body.aos-on [data-aos=zoom-in-up] {
        transform: translate3d(0, 100px, 0) scale(.6)
    }
}
.container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

@media (min-width: 1400px) {
    .container {
        max-width:1320px
    }
}