.btn-text-primary {
        color: #43d477 !important
    }

    .btn-text-primary:hover {
        color: #fff !important;
        background-color: #43d477 !important;
        border-color: #43d477 !important
    }

    .btn-text-primary.focus,
    .btn-text-primary:focus {
        box-shadow: 0 0 0 0 rgba(67, 212, 119, .5) !important
    }

    .btn-text-primary.disabled,
    .btn-text-primary:disabled {
        color: #43d477 !important;
        background-color: transparent !important
    }

    .btn-text-secondary {
        color: #1f3b64 !important
    }

    .btn-text-secondary:hover {
        color: #fff !important;
        background-color: #1f3b64 !important;
        border-color: #1f3b64 !important
    }

    .btn-text-secondary.focus,
    .btn-text-secondary:focus {
        box-shadow: 0 0 0 0 rgba(31, 59, 100, .5) !important
    }

    .btn-text-secondary.disabled,
    .btn-text-secondary:disabled {
        color: #1f3b64 !important;
        background-color: transparent !important
    }

    .btn-text-success {
        color: #e7f4f0 !important
    }

    .btn-text-success:hover {
        color: #fff !important;
        background-color: #e7f4f0 !important;
        border-color: #e7f4f0 !important
    }

    .btn-text-success.focus,
    .btn-text-success:focus {
        box-shadow: 0 0 0 0 rgba(231, 244, 240, .5) !important
    }

    .btn-text-success.disabled,
    .btn-text-success:disabled {
        color: #e7f4f0 !important;
        background-color: transparent !important
    }

    .btn-text-info {
        color: #ebf7ff !important
    }

    .btn-text-info:hover {
        color: #fff !important;
        background-color: #ebf7ff !important;
        border-color: #ebf7ff !important
    }

    .btn-text-info.focus,
    .btn-text-info:focus {
        box-shadow: 0 0 0 0 rgba(235, 247, 255, .5) !important
    }

    .btn-text-info.disabled,
    .btn-text-info:disabled {
        color: #ebf7ff !important;
        background-color: transparent !important
    }

    .btn-text-warning {
        color: #ffab00 !important
    }

    .btn-text-warning:hover {
        color: #fff !important;
        background-color: #ffab00 !important;
        border-color: #ffab00 !important
    }

    .btn-text-warning.focus,
    .btn-text-warning:focus {
        box-shadow: 0 0 0 0 rgba(255, 171, 0, .5) !important
    }

    .btn-text-warning.disabled,
    .btn-text-warning:disabled {
        color: #ffab00 !important;
        background-color: transparent !important
    }

    .btn-text-danger {
        color: #f63c3c !important
    }

    .btn-text-danger:hover {
        color: #fff !important;
        background-color: #f63c3c !important;
        border-color: #f63c3c !important
    }

    .btn-text-danger.focus,
    .btn-text-danger:focus {
        box-shadow: 0 0 0 0 rgba(246, 60, 60, .5) !important
    }

    .btn-text-danger.disabled,
    .btn-text-danger:disabled {
        color: #f63c3c !important;
        background-color: transparent !important
    }

    .btn-text-light {
        color: #f8f9fa !important
    }

    .btn-text-light:hover {
        color: #fff !important;
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important
    }

    .btn-text-light.focus,
    .btn-text-light:focus {
        box-shadow: 0 0 0 0 rgba(248, 249, 250, .5) !important
    }

    .btn-text-light.disabled,
    .btn-text-light:disabled {
        color: #f8f9fa !important;
        background-color: transparent !important
    }

    .btn-text-dark {
        color: #343434 !important
    }

    .btn-text-dark:hover {
        color: #fff !important;
        background-color: #343434 !important;
        border-color: #343434 !important
    }

    .btn-text-dark.focus,
    .btn-text-dark:focus {
        box-shadow: 0 0 0 0 rgba(52, 52, 52, .5) !important
    }

    .btn-text-dark.disabled,
    .btn-text-dark:disabled {
        color: #343434 !important;
        background-color: transparent !important
    }

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

    .btn-text-white:hover {
        color: #212529 !important;
        background-color: #fff !important;
        border-color: #fff !important
    }

    .btn-text-white.focus,
    .btn-text-white:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .5) !important
    }

    .btn-text-white.disabled,
    .btn-text-white:disabled {
        color: #fff !important;
        background-color: transparent !important
    }

    .btn-text-gray {
        color: #818894 !important
    }

    .btn-text-gray:hover {
        color: #fff !important;
        background-color: #818894 !important;
        border-color: #818894 !important
    }

    .btn-text-gray.focus,
    .btn-text-gray:focus {
        box-shadow: 0 0 0 0 rgba(129, 136, 148, .5) !important
    }

    .btn-text-gray.disabled,
    .btn-text-gray:disabled {
        color: #818894 !important;
        background-color: transparent !important
    }

    .btn-text-gray300 {
        color: #ececec !important
    }

    .btn-text-gray300:hover {
        color: #fff !important;
        background-color: #ececec !important;
        border-color: #ececec !important
    }

    .btn-text-gray300.focus,
    .btn-text-gray300:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 92.5%, .5) !important
    }

    .btn-text-gray300.disabled,
    .btn-text-gray300:disabled {
        color: #ececec !important;
        background-color: transparent !important
    }

    .btn-text-gray200 {
        color: #f1f1f1 !important
    }

    .btn-text-gray200:hover {
        color: #fff !important;
        background-color: #f1f1f1 !important;
        border-color: #f1f1f1 !important
    }

    .btn-text-gray200.focus,
    .btn-text-gray200:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 94.5%, .5) !important
    }

    .btn-text-gray200.disabled,
    .btn-text-gray200:disabled {
        color: #f1f1f1 !important;
        background-color: transparent !important
    }

    .btn-block {
        display: inline-flex !important
    }

    :root {
        --blue: #27aeff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #43d477;
        --teal: #20c997;
        --cyan: #17a2b8;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --panel-bg: #fbfbfd;
        --primary: #43d477;
        --secondary: #1f3b64;
        --success: #e7f4f0;
        --info: #ebf7ff;
        --warning: #ffab00;
        --danger: #f63c3c;
        --light: #f8f9fa;
        --dark: #343434;
        --white: #fff;
        --gray: #818894;
        --gray300: #ececec;
        --gray200: #f1f1f1;
        --primary-hover: #1fb354;
        --primary-border: #43d477;
        --primary-border-hover: #2aba5e;
        --primary-btn-shadow: 0 3px 6px 0 rgb(64 213 125/30%);
        --primary-btn-shadow-hover: 0 3px 8px 0 rgb(64 213 125/30%);
        --primary-btn-color: #fff;
        --primary-btn-color-hover: #fff;
        --secondary-hover: #162a47;
        --secondary-border: #162a47;
        --secondary-border-hover: #13243d;
        --secondary-btn-shadow: 0 3px 6px 0 rgb(64 213 125/30%);
        --secondary-btn-shadow-hover: 0 3px 8px 0 rgb(64 213 125/30%);
        --secondary-btn-color: #fff;
        --secondary-btn-color-hover: #fff;
        --font-family-base: "main-font-family";
        --font-family-rtl: "rtl-font-family"
    }

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

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

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

    body {
        margin: 0;
        font-family: main-font-family;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.3;
        color: #343434;
        text-align: left;
        background-color: #fff
    }

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

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

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

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

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

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

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

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

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

    dt {
        font-weight: 700
    }

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

    blockquote {
        margin: 0 0 1rem
    }

    b,
    strong {
        font-weight: bolder
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    a,
    a:hover {
        color: #343434
    }

    a:hover {
        text-decoration: underline
    }

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

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

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

    figure {
        margin: 0 0 1rem
    }

    img {
        border-style: none
    }

    img,
    svg {
        vertical-align: middle
    }

    svg {
        overflow: hidden
    }

    table {
        border-collapse: collapse
    }

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

    th {
        text-align: inherit
    }

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

    button {
        border-radius: 0
    }

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

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

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    [role=button] {
        cursor: pointer
    }

    select {
        word-wrap: normal
    }

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

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

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

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

    textarea {
        overflow: auto;
        resize: vertical
    }

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

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

    progress {
        vertical-align: baseline
    }

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

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

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

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

    output {
        display: inline-block
    }

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

    template {
        display: none
    }

    [hidden] {
        display: none !important
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

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

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

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

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

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

    @media (min-width:576px) {

        .container,
        .container-sm {
            max-width: 100%
        }
    }

    @media (min-width:768px) {

        .container,
        .container-md,
        .container-sm {
            max-width: 769px
        }
    }

    @media (min-width:992px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm {
            max-width: 960px
        }
    }

    @media (min-width:1200px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl {
            max-width: 1140px
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-first {
        order: -1
    }

    .order-last {
        order: 13
    }

    .order-0 {
        order: 0
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width:576px) {
        .col-sm {
            flex-basis: 0;
            flex-grow: 1;
            min-width: 0;
            max-width: 100%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-sm-first {
            order: -1
        }

        .order-sm-last {
            order: 13
        }

        .order-sm-0 {
            order: 0
        }

        .order-sm-1 {
            order: 1
        }

        .order-sm-2 {
            order: 2
        }

        .order-sm-3 {
            order: 3
        }

        .order-sm-4 {
            order: 4
        }

        .order-sm-5 {
            order: 5
        }

        .order-sm-6 {
            order: 6
        }

        .order-sm-7 {
            order: 7
        }

        .order-sm-8 {
            order: 8
        }

        .order-sm-9 {
            order: 9
        }

        .order-sm-10 {
            order: 10
        }

        .order-sm-11 {
            order: 11
        }

        .order-sm-12 {
            order: 12
        }

        .offset-sm-0 {
            margin-left: 0
        }

        .offset-sm-1 {
            margin-left: 8.3333333333%
        }

        .offset-sm-2 {
            margin-left: 16.6666666667%
        }

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

        .offset-sm-4 {
            margin-left: 33.3333333333%
        }

        .offset-sm-5 {
            margin-left: 41.6666666667%
        }

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

        .offset-sm-7 {
            margin-left: 58.3333333333%
        }

        .offset-sm-8 {
            margin-left: 66.6666666667%
        }

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

        .offset-sm-10 {
            margin-left: 83.3333333333%
        }

        .offset-sm-11 {
            margin-left: 91.6666666667%
        }
    }

    @media (min-width:768px) {
        .col-md {
            flex-basis: 0;
            flex-grow: 1;
            min-width: 0;
            max-width: 100%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-md-first {
            order: -1
        }

        .order-md-last {
            order: 13
        }

        .order-md-0 {
            order: 0
        }

        .order-md-1 {
            order: 1
        }

        .order-md-2 {
            order: 2
        }

        .order-md-3 {
            order: 3
        }

        .order-md-4 {
            order: 4
        }

        .order-md-5 {
            order: 5
        }

        .order-md-6 {
            order: 6
        }

        .order-md-7 {
            order: 7
        }

        .order-md-8 {
            order: 8
        }

        .order-md-9 {
            order: 9
        }

        .order-md-10 {
            order: 10
        }

        .order-md-11 {
            order: 11
        }

        .order-md-12 {
            order: 12
        }

        .offset-md-0 {
            margin-left: 0
        }

        .offset-md-1 {
            margin-left: 8.3333333333%
        }

        .offset-md-2 {
            margin-left: 16.6666666667%
        }

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

        .offset-md-4 {
            margin-left: 33.3333333333%
        }

        .offset-md-5 {
            margin-left: 41.6666666667%
        }

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

        .offset-md-7 {
            margin-left: 58.3333333333%
        }

        .offset-md-8 {
            margin-left: 66.6666666667%
        }

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

        .offset-md-10 {
            margin-left: 83.3333333333%
        }

        .offset-md-11 {
            margin-left: 91.6666666667%
        }
    }

    @media (min-width:992px) {
        .col-lg {
            flex-basis: 0;
            flex-grow: 1;
            min-width: 0;
            max-width: 100%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-lg-first {
            order: -1
        }

        .order-lg-last {
            order: 13
        }

        .order-lg-0 {
            order: 0
        }

        .order-lg-1 {
            order: 1
        }

        .order-lg-2 {
            order: 2
        }

        .order-lg-3 {
            order: 3
        }

        .order-lg-4 {
            order: 4
        }

        .order-lg-5 {
            order: 5
        }

        .order-lg-6 {
            order: 6
        }

        .order-lg-7 {
            order: 7
        }

        .order-lg-8 {
            order: 8
        }

        .order-lg-9 {
            order: 9
        }

        .order-lg-10 {
            order: 10
        }

        .order-lg-11 {
            order: 11
        }

        .order-lg-12 {
            order: 12
        }

        .offset-lg-0 {
            margin-left: 0
        }

        .offset-lg-1 {
            margin-left: 8.3333333333%
        }

        .offset-lg-2 {
            margin-left: 16.6666666667%
        }

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

        .offset-lg-4 {
            margin-left: 33.3333333333%
        }

        .offset-lg-5 {
            margin-left: 41.6666666667%
        }

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

        .offset-lg-7 {
            margin-left: 58.3333333333%
        }

        .offset-lg-8 {
            margin-left: 66.6666666667%
        }

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

        .offset-lg-10 {
            margin-left: 83.3333333333%
        }

        .offset-lg-11 {
            margin-left: 91.6666666667%
        }
    }

    @media (min-width:1200px) {
        .col-xl {
            flex-basis: 0;
            flex-grow: 1;
            min-width: 0;
            max-width: 100%
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .order-xl-first {
            order: -1
        }

        .order-xl-last {
            order: 13
        }

        .order-xl-0 {
            order: 0
        }

        .order-xl-1 {
            order: 1
        }

        .order-xl-2 {
            order: 2
        }

        .order-xl-3 {
            order: 3
        }

        .order-xl-4 {
            order: 4
        }

        .order-xl-5 {
            order: 5
        }

        .order-xl-6 {
            order: 6
        }

        .order-xl-7 {
            order: 7
        }

        .order-xl-8 {
            order: 8
        }

        .order-xl-9 {
            order: 9
        }

        .order-xl-10 {
            order: 10
        }

        .order-xl-11 {
            order: 11
        }

        .order-xl-12 {
            order: 12
        }

        .offset-xl-0 {
            margin-left: 0
        }

        .offset-xl-1 {
            margin-left: 8.3333333333%
        }

        .offset-xl-2 {
            margin-left: 16.6666666667%
        }

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

        .offset-xl-4 {
            margin-left: 33.3333333333%
        }

        .offset-xl-5 {
            margin-left: 41.6666666667%
        }

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

        .offset-xl-7 {
            margin-left: 58.3333333333%
        }

        .offset-xl-8 {
            margin-left: 66.6666666667%
        }

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

        .offset-xl-10 {
            margin-left: 83.3333333333%
        }

        .offset-xl-11 {
            margin-left: 91.6666666667%
        }
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 0;
        font-weight: 700;
        line-height: 1.3
    }

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

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

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

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

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

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

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

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

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

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

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

    hr {
        margin-top: 16px;
        margin-bottom: 16px;
        border: 0;
        border-top: 1px solid #f1f1f1
    }

    .small,
    small {
        font-size: 80%;
        font-weight: 400
    }

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

    .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
    }

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

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

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

    .blockquote-footer:before {
        content: "\2014\A0"
    }

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

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

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

    .list-group-item-action:active {
        color: #343434;
        background-color: #f1f1f1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width:576px) {
        .list-group-horizontal-sm {
            flex-direction: row
        }

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

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

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

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

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

    @media (min-width:768px) {
        .list-group-horizontal-md {
            flex-direction: row
        }

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

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

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

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

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

    @media (min-width:992px) {
        .list-group-horizontal-lg {
            flex-direction: row
        }

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

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

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

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

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

    @media (min-width:1200px) {
        .list-group-horizontal-xl {
            flex-direction: row
        }

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

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

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

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

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

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

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

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

    .list-group-item-primary {
        color: #3c8757;
        background-color: #caf3d9
    }

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #3c8757;
        background-color: #b5eeca
    }

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

    .list-group-item-secondary {
        color: #29384d;
        background-color: #c0c8d4
    }

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #29384d;
        background-color: #b1bbca
    }

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

    .list-group-item-success {
        color: #919896;
        background-color: #f8fcfb
    }

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #919896;
        background-color: #e6f4f1
    }

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

    .list-group-item-info {
        color: #93999e;
        background-color: #f9fdff
    }

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #93999e;
        background-color: #e0f5ff
    }

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

    .list-group-item-warning {
        color: #9e7219;
        background-color: #ffe7b8
    }

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #9e7219;
        background-color: #ffde9f
    }

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

    .list-group-item-danger {
        color: #993838;
        background-color: #fcc8c8
    }

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #993838;
        background-color: #fbb0b0
    }

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

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

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

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

    .list-group-item-dark {
        color: #343434;
        background-color: #c6c6c6
    }

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

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

    .list-group-item-white {
        color: #9e9e9e;
        background-color: #fff
    }

    .list-group-item-white.list-group-item-action:focus,
    .list-group-item-white.list-group-item-action:hover {
        color: #9e9e9e;
        background-color: #f2f2f2
    }

    .list-group-item-white.list-group-item-action.active {
        color: #fff;
        background-color: #9e9e9e;
        border-color: #9e9e9e
    }

    .list-group-item-gray {
        color: #5c6066;
        background-color: #dcdee1
    }

    .list-group-item-gray.list-group-item-action:focus,
    .list-group-item-gray.list-group-item-action:hover {
        color: #5c6066;
        background-color: #ced1d5
    }

    .list-group-item-gray.list-group-item-action.active {
        color: #fff;
        background-color: #5c6066;
        border-color: #5c6066
    }

    .list-group-item-gray300 {
        color: #949494;
        background-color: #fafafa
    }

    .list-group-item-gray300.list-group-item-action:focus,
    .list-group-item-gray300.list-group-item-action:hover {
        color: #949494;
        background-color: #ededed
    }

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

    .list-group-item-gray200 {
        color: #969696;
        background-color: #fbfbfb
    }

    .list-group-item-gray200.list-group-item-action:focus,
    .list-group-item-gray200.list-group-item-action:hover {
        color: #969696;
        background-color: #eee
    }

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

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

    .media-body {
        flex: 1
    }

    .badge {
        display: inline-block;
        padding: 0 .5rem;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .3125rem;
        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) {
        .badge {
            transition: none
        }
    }

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

    .badge:empty {
        display: none
    }

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

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

    .badge-primary {
        color: #fff;
        background-color: #43d477
    }

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

    a.badge-primary.focus,
    a.badge-primary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .5)
    }

    .badge-secondary {
        color: #fff;
        background-color: #1f3b64
    }

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

    a.badge-secondary.focus,
    a.badge-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(31, 59, 100, .5)
    }

    .badge-success {
        color: #fff;
        background-color: #e7f4f0
    }

    a.badge-success:focus,
    a.badge-success:hover {
        color: #fff;
        background-color: #c4e4da
    }

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

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

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

    a.badge-info.focus,
    a.badge-info:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(235, 247, 255, .5)
    }

    .badge-warning {
        color: #fff;
        background-color: #ffab00
    }

    a.badge-warning:focus,
    a.badge-warning:hover {
        color: #fff;
        background-color: #cc8900
    }

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

    .badge-danger {
        color: #fff;
        background-color: #f63c3c
    }

    a.badge-danger:focus,
    a.badge-danger:hover {
        color: #fff;
        background-color: #f40b0b
    }

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

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

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

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

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

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

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

    .badge-white {
        color: #212529;
        background-color: #fff
    }

    a.badge-white:focus,
    a.badge-white:hover {
        color: #212529;
        background-color: #e6e6e6
    }

    a.badge-white.focus,
    a.badge-white:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5)
    }

    .badge-gray {
        color: #fff;
        background-color: #818894
    }

    a.badge-gray:focus,
    a.badge-gray:hover {
        color: #fff;
        background-color: #686f7a
    }

    a.badge-gray.focus,
    a.badge-gray:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(129, 136, 148, .5)
    }

    .badge-gray300 {
        color: #fff;
        background-color: #ececec
    }

    a.badge-gray300:focus,
    a.badge-gray300:hover {
        color: #fff;
        background-color: #d3d3d3
    }

    a.badge-gray300.focus,
    a.badge-gray300:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 92.5%, .5)
    }

    .badge-gray200 {
        color: #fff;
        background-color: #f1f1f1
    }

    a.badge-gray200:focus,
    a.badge-gray200:hover {
        color: #fff;
        background-color: #d8d8d8
    }

    a.badge-gray200.focus,
    a.badge-gray200:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 94.5%, .5)
    }

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

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

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

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

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

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .3125rem;
        border-top-right-radius: .3125rem
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border-color: #f1f1f1 #f1f1f1 #ececec
    }

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

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

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

    .nav-pills .nav-link {
        border-radius: .3125rem
    }

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

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

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

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

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

    .navbar {
        position: relative;
        padding: 10px 20px
    }

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

    .navbar-brand {
        display: inline-block;
        padding-top: .3375rem;
        padding-bottom: .3375rem;
        margin-right: 20px;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap
    }

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

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

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

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

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

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

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

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

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

    @media (max-width:575.98px) {

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

    @media (min-width:576px) {
        .navbar-expand-sm {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

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

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

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

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

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

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

    @media (max-width:767.98px) {

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

    @media (min-width:768px) {
        .navbar-expand-md {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

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

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

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

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

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

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

    @media (max-width:991.98px) {

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

    @media (min-width:992px) {
        .navbar-expand-lg {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

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

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

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

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

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

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

    @media (max-width:1199.98px) {

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

    @media (min-width:1200px) {
        .navbar-expand-xl {
            flex-flow: row nowrap;
            justify-content: flex-start
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .table {
        width: 100%;
        margin-bottom: 20px;
        color: #171347
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .table-white,
    .table-white>td,
    .table-white>th {
        background-color: #fff
    }

    .table-white tbody+tbody,
    .table-white td,
    .table-white th,
    .table-white thead th {
        border-color: #fff
    }

    .table-hover .table-white:hover,
    .table-hover .table-white:hover>td,
    .table-hover .table-white:hover>th {
        background-color: #f2f2f2
    }

    .table-gray,
    .table-gray>td,
    .table-gray>th {
        background-color: #dcdee1
    }

    .table-gray tbody+tbody,
    .table-gray td,
    .table-gray th,
    .table-gray thead th {
        border-color: #bdc1c7
    }

    .table-hover .table-gray:hover,
    .table-hover .table-gray:hover>td,
    .table-hover .table-gray:hover>th {
        background-color: #ced1d5
    }

    .table-gray300,
    .table-gray300>td,
    .table-gray300>th {
        background-color: #fafafa
    }

    .table-gray300 tbody+tbody,
    .table-gray300 td,
    .table-gray300 th,
    .table-gray300 thead th {
        border-color: #f5f5f5
    }

    .table-hover .table-gray300:hover,
    .table-hover .table-gray300:hover>td,
    .table-hover .table-gray300:hover>th {
        background-color: #ededed
    }

    .table-gray200,
    .table-gray200>td,
    .table-gray200>th {
        background-color: #fbfbfb
    }

    .table-gray200 tbody+tbody,
    .table-gray200 td,
    .table-gray200 th,
    .table-gray200 thead th {
        border-color: #f8f8f8
    }

    .table-hover .table-gray200:hover,
    .table-hover .table-gray200:hover>td,
    .table-hover .table-gray200:hover>th {
        background-color: #eee
    }

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

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

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

    .table .thead-light th {
        color: #495057;
        background-color: #f1f1f1;
        border-color: #ececec
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .card-header+.list-group .list-group-item:first-child {
        border-top: 0
    }

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

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

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

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

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem
    }

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

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

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

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

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

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
    }

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

    @media (min-width:576px) {
        .card-group {
            display: flex;
            flex-flow: row wrap
        }

        .card-group>.card {
            flex: 1 0 0%;
            margin-bottom: 0
        }

        .card-group>.card+.card {
            margin-left: 0;
            border-left: 0
        }

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

        .card-group>.card:not(:last-child) .card-header,
        .card-group>.card:not(:last-child) .card-img-top {
            border-top-right-radius: 0
        }

        .card-group>.card:not(:last-child) .card-footer,
        .card-group>.card:not(:last-child) .card-img-bottom {
            border-bottom-right-radius: 0
        }

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

        .card-group>.card:not(:first-child) .card-header,
        .card-group>.card:not(:first-child) .card-img-top {
            border-top-left-radius: 0
        }

        .card-group>.card:not(:first-child) .card-footer,
        .card-group>.card:not(:first-child) .card-img-bottom {
            border-bottom-left-radius: 0
        }
    }

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

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

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
    }

    .accordion>.card {
        overflow: hidden
    }

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

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

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

    .form-control {
        display: block;
        width: 100%;
        height: 2.5rem;
        padding: .5rem 1rem;
        font-family: main-font-family;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.25;
        color: #343434;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ececec;
        border-radius: .5rem;
        box-shadow: none;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

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

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

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

    .form-control:focus {
        color: #343434;
        background-color: #fff;
        border-color: #43d477;
        outline: 0;
        box-shadow: 1.5rem
    }

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

    .form-control:-ms-input-placeholder {
        color: #818894;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #818894;
        opacity: 1
    }

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

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

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

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

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

    .col-form-label {
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.25
    }

    .col-form-label,
    .col-form-label-lg {
        padding-top: calc(.5rem + 1px);
        padding-bottom: calc(.5rem + 1px)
    }

    .col-form-label-lg {
        font-size: 1.25rem;
        line-height: 1.5
    }

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

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding: .5rem 0;
        margin-bottom: 0;
        font-size: .75rem;
        line-height: 1.25;
        color: #343434;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: 80%;
        color: #43d477
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .75rem;
        line-height: 1.3;
        color: #fff;
        background-color: rgba(67, 212, 119, .9);
        border-radius: 5px
    }

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

    .form-control.is-valid,
    .was-validated .form-control:valid {
        border-color: #43d477;
        padding-right: calc(1.25em + 1rem);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2343d477' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right calc(.3125em + .25rem) center;
        background-size: calc(.625em + .5rem) calc(.625em + .5rem)
    }

    .form-control.is-valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #43d477;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .25)
    }

    .was-validated textarea.form-control:valid,
    textarea.form-control.is-valid {
        padding-right: calc(1.25em + 1rem);
        background-position: top calc(.3125em + .25rem) right calc(.3125em + .25rem)
    }

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

    .custom-select.is-valid:focus,
    .was-validated .custom-select:valid:focus {
        border-color: #43d477;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .25)
    }

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

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

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

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

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

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

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

    .custom-file-input.is-valid:focus~.custom-file-label,
    .was-validated .custom-file-input:valid:focus~.custom-file-label {
        border-color: #43d477;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .25)
    }

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

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .75rem;
        line-height: 1.3;
        color: #fff;
        background-color: rgba(246, 60, 60, .9);
        border-radius: 5px
    }

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

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

    .form-control.is-invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: #f63c3c;
        box-shadow: 0 0 0 .2rem rgba(246, 60, 60, .25)
    }

    .was-validated textarea.form-control:invalid,
    textarea.form-control.is-invalid {
        padding-right: calc(1.25em + 1rem);
        background-position: top calc(.3125em + .25rem) right calc(.3125em + .25rem)
    }

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

    .custom-select.is-invalid:focus,
    .was-validated .custom-select:invalid:focus {
        border-color: #f63c3c;
        box-shadow: 0 0 0 .2rem rgba(246, 60, 60, .25)
    }

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

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

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

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

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

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

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

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

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

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

    @media (min-width:576px) {
        .form-inline label {
            justify-content: center
        }

        .form-inline .form-group,
        .form-inline label {
            display: flex;
            align-items: center;
            margin-bottom: 0
        }

        .form-inline .form-group {
            flex: 0 0 auto;
            flex-flow: row wrap
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .form-inline .form-control-plaintext {
            display: inline-block
        }

        .form-inline .custom-select,
        .form-inline .input-group {
            width: auto
        }

        .form-inline .form-check {
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            padding-left: 0
        }

        .form-inline .form-check-input {
            position: relative;
            flex-shrink: 0;
            margin-top: 0;
            margin-right: .25rem;
            margin-left: 0
        }

        .form-inline .custom-control {
            align-items: center;
            justify-content: center
        }

        .form-inline .custom-control-label {
            margin-bottom: 0
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .input-group-text {
        display: flex;
        align-items: center;
        padding: .5rem 1rem;
        margin-bottom: 0;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.25;
        color: #343434;
        text-align: center;
        white-space: nowrap;
        background-color: #1f3b64;
        border: 1px solid #1f3b64;
        border-radius: .5rem
    }

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

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

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

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

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

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

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

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

    .custom-control {
        position: relative;
        display: block;
        min-height: 1.3rem;
        padding-left: 2rem
    }

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

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

    .custom-control-input:checked~.custom-control-label:before {
        color: #fff;
        border-color: #43d477;
        background-color: #43d477;
        box-shadow: none
    }

    .custom-control-input:focus~.custom-control-label:before {
        box-shadow: none, 1.5rem
    }

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

    .custom-control-input:not(:disabled):active~.custom-control-label:before {
        color: #fff;
        background-color: #43d477;
        border-color: #43d477;
        box-shadow: none
    }

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

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

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

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

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

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

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

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

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
        border-color: #43d477;
        background-color: #43d477;
        box-shadow: none
    }

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

    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(67, 212, 119, .5)
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
        background-color: rgba(67, 212, 119, .5)
    }

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

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

    .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(67, 212, 119, .5)
    }

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

    .custom-switch .custom-control-label:before {
        left: -3.125rem;
        width: 2.625rem;
        pointer-events: all;
        border-radius: .75rem
    }

    .custom-switch .custom-control-label:after {
        top: calc(-.1rem + 4px);
        left: calc(-3.125rem + 4px);
        width: calc(1.5rem - 8px);
        height: calc(1.5rem - 8px);
        background-color: #adb5bd;
        border-radius: .75rem;
        transition: transform .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) {
        .custom-switch .custom-control-label:after {
            transition: none
        }
    }

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

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
        background-color: rgba(67, 212, 119, .5)
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: 2.5rem;
        padding: .5rem 2rem .5rem 1rem;
        font-family: main-font-family;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.25;
        color: #343434;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px;
        border: 1px solid #ececec;
        border-radius: .3125rem;
        box-shadow: inset 0 1px 2px rgba(52, 52, 52, .075);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .custom-select:focus {
        border-color: #43d477;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(52, 52, 52, .075), 0 0 0 .2rem rgba(67, 212, 119, .25)
    }

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

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

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

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

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

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

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

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

    .custom-file,
    .custom-file-input {
        position: relative;
        width: 100%;
        height: 2.5rem
    }

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

    .custom-file-input:focus~.custom-file-label {
        border-color: #43d477;
        box-shadow: 1.5rem
    }

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

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

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

    .custom-file-label {
        left: 0;
        z-index: 1;
        height: 2.5rem;
        font-family: main-font-family;
        font-weight: 400;
        color: #343434;
        background-color: #fff;
        border: 1px solid #ececec;
        border-radius: .5rem;
        box-shadow: none
    }

    .custom-file-label,
    .custom-file-label:after {
        position: absolute;
        top: 0;
        right: 0;
        padding: .5rem 1rem;
        line-height: 1.25
    }

    .custom-file-label:after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.25em + 1rem);
        color: #fff;
        content: "Browse";
        background-color: #1f3b64;
        border-left: inherit;
        border-radius: 0 .5rem .5rem 0
    }

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

    .custom-range:focus {
        outline: none
    }

    .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 1.5rem
    }

    .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 1.5rem
    }

    .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 1.5rem
    }

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

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

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

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

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #ececec;
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: inset 0 .25rem .25rem rgba(52, 52, 52, .1)
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #43d477;
        border: 0;
        border-radius: 1rem;
        box-shadow: 0 .1rem .25rem rgba(52, 52, 52, .1);
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -moz-appearance: none;
        appearance: none
    }

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

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

    .custom-range::-moz-range-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #ececec;
        border-color: transparent;
        border-radius: 1rem;
        box-shadow: inset 0 .25rem .25rem rgba(52, 52, 52, .1)
    }

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

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

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

    .custom-range::-ms-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: .5rem;
        box-shadow: inset 0 .25rem .25rem rgba(52, 52, 52, .1)
    }

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

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

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

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

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

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

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

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

    @media (prefers-reduced-motion:reduce) {

        .custom-control-label:before,
        .custom-file-label,
        .custom-select {
            transition: none
        }
    }

    .btn {
        display: inline-block;
        font-weight: 400;
        color: #343434;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding-right: 32px;
        padding-left: 32px;
        height: 48px;
        font-size: .875rem;
        border-radius: 8px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

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

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

    .btn.focus,
    .btn:focus {
        outline: 0;
        box-shadow: none
    }

    .btn.disabled,
    .btn:disabled {
        opacity: .65;
        box-shadow: none
    }

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

    .btn:not(:disabled):not(.disabled).active,
    .btn:not(:disabled):not(.disabled):active {
        box-shadow: none
    }

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

    .btn-primary {
        color: #fff;
        background-color: #43d477;
        border-color: #43d477;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-primary.focus,
    .btn-primary:focus,
    .btn-primary:hover {
        color: #fff;
        background-color: #2dc463;
        border-color: #2aba5e
    }

    .btn-primary.focus,
    .btn-primary:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(95, 218, 139, .5)
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background-color: #43d477;
        border-color: #43d477
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show>.btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #2aba5e;
        border-color: #28af59
    }

    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(95, 218, 139, .5)
    }

    .btn-secondary {
        color: #fff;
        background-color: #1f3b64;
        border-color: #1f3b64;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-secondary.focus,
    .btn-secondary:focus,
    .btn-secondary:hover {
        color: #fff;
        background-color: #162a47;
        border-color: #13243d
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(65, 88, 123, .5)
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #fff;
        background-color: #1f3b64;
        border-color: #1f3b64
    }

    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #13243d;
        border-color: #101e33
    }

    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(65, 88, 123, .5)
    }

    .btn-success {
        color: #fff;
        background-color: #e7f4f0;
        border-color: #e7f4f0;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-success.focus,
    .btn-success:focus,
    .btn-success:hover {
        color: #fff;
        background-color: #cde8e0;
        border-color: #c4e4da
    }

    .btn-success.focus,
    .btn-success:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(235, 246, 242, .5)
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #fff;
        background-color: #e7f4f0;
        border-color: #e7f4f0
    }

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

    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(235, 246, 242, .5)
    }

    .btn-info {
        color: #fff;
        background-color: #ebf7ff;
        border-color: #ebf7ff;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-info.focus,
    .btn-info:focus,
    .btn-info:hover {
        color: #fff;
        background-color: #c5e8ff;
        border-color: #b8e3ff
    }

    .btn-info.focus,
    .btn-info:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(238, 248, 255, .5)
    }

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

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

    .btn-info:not(:disabled):not(.disabled).active:focus,
    .btn-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(238, 248, 255, .5)
    }

    .btn-warning {
        color: #fff;
        background-color: #ffab00;
        border-color: #ffab00;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-warning.focus,
    .btn-warning:focus,
    .btn-warning:hover {
        color: #fff;
        background-color: #d99100;
        border-color: #cc8900
    }

    .btn-warning.focus,
    .btn-warning:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(255, 184, 38, .5)
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #fff;
        background-color: #ffab00;
        border-color: #ffab00
    }

    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show>.btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #cc8900;
        border-color: #bf8000
    }

    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(255, 184, 38, .5)
    }

    .btn-danger {
        color: #fff;
        border-color: #f63c3c;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

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

    .btn-danger.focus,
    .btn-danger:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(247, 89, 89, .5)
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background-color: #f63c3c;
        border-color: #f63c3c
    }

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

    .btn-danger:not(:disabled):not(.disabled).active:focus,
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(247, 89, 89, .5)
    }

    .btn-light {
        color: #fff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

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

    .btn-light.focus,
    .btn-light:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(249, 250, 251, .5)
    }

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

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

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

    .btn-dark {
        color: #fff;
        background-color: #343434;
        border-color: #343434;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-dark.focus,
    .btn-dark:focus,
    .btn-dark:hover {
        color: #fff;
        background-color: #212121;
        border-color: #1b1b1b
    }

    .btn-dark.focus,
    .btn-dark:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(82, 82, 82, .5)
    }

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

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show>.btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1b1b1b;
        border-color: #141414
    }

    .btn-dark:not(:disabled):not(.disabled).active:focus,
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .show>.btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(82, 82, 82, .5)
    }

    .btn-white {
        color: #212529;
        background-color: #fff;
        border-color: #fff;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-white.focus,
    .btn-white:focus,
    .btn-white:hover {
        color: #fff;
        background-color: #ececec;
        border-color: #e6e6e6
    }

    .btn-white.focus,
    .btn-white:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(222, 222, 223, .5)
    }

    .btn-white.disabled,
    .btn-white:disabled {
        color: #212529;
        background-color: #fff;
        border-color: #fff
    }

    .btn-white:not(:disabled):not(.disabled).active,
    .btn-white:not(:disabled):not(.disabled):active,
    .show>.btn-white.dropdown-toggle {
        color: #fff;
        background-color: #e6e6e6;
        border-color: #dfdfdf
    }

    .btn-white:not(:disabled):not(.disabled).active:focus,
    .btn-white:not(:disabled):not(.disabled):active:focus,
    .show>.btn-white.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(222, 222, 223, .5)
    }

    .btn-gray {
        color: #fff;
        background-color: #818894;
        border-color: #818894;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-gray.focus,
    .btn-gray:focus,
    .btn-gray:hover {
        color: #fff;
        background-color: #6e7581;
        border-color: #686f7a
    }

    .btn-gray.focus,
    .btn-gray:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 rgba(148, 154, 164, .5)
    }

    .btn-gray.disabled,
    .btn-gray:disabled {
        color: #fff;
        background-color: #818894;
        border-color: #818894
    }

    .btn-gray:not(:disabled):not(.disabled).active,
    .btn-gray:not(:disabled):not(.disabled):active,
    .show>.btn-gray.dropdown-toggle {
        color: #fff;
        background-color: #686f7a;
        border-color: #626873
    }

    .btn-gray:not(:disabled):not(.disabled).active:focus,
    .btn-gray:not(:disabled):not(.disabled):active:focus,
    .show>.btn-gray.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(148, 154, 164, .5)
    }

    .btn-gray300 {
        color: #fff;
        background-color: #ececec;
        border-color: #ececec;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-gray300.focus,
    .btn-gray300:focus,
    .btn-gray300:hover {
        color: #fff;
        background-color: #d9d9d9;
        border-color: #d3d3d3
    }

    .btn-gray300.focus,
    .btn-gray300:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 hsla(0, 0%, 93.7%, .5)
    }

    .btn-gray300.disabled,
    .btn-gray300:disabled {
        color: #fff;
        background-color: #ececec;
        border-color: #ececec
    }

    .btn-gray300:not(:disabled):not(.disabled).active,
    .btn-gray300:not(:disabled):not(.disabled):active,
    .show>.btn-gray300.dropdown-toggle {
        color: #fff;
        background-color: #d3d3d3;
        border-color: #ccc
    }

    .btn-gray300:not(:disabled):not(.disabled).active:focus,
    .btn-gray300:not(:disabled):not(.disabled):active:focus,
    .show>.btn-gray300.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 93.7%, .5)
    }

    .btn-gray200 {
        color: #fff;
        background-color: #f1f1f1;
        border-color: #f1f1f1;
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075)
    }

    .btn-gray200.focus,
    .btn-gray200:focus,
    .btn-gray200:hover {
        color: #fff;
        background-color: #dedede;
        border-color: #d8d8d8
    }

    .btn-gray200.focus,
    .btn-gray200:focus {
        box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(52, 52, 52, .075), 0 0 0 0 hsla(0, 0%, 95.3%, .5)
    }

    .btn-gray200.disabled,
    .btn-gray200:disabled {
        color: #fff;
        background-color: #f1f1f1;
        border-color: #f1f1f1
    }

    .btn-gray200:not(:disabled):not(.disabled).active,
    .btn-gray200:not(:disabled):not(.disabled):active,
    .show>.btn-gray200.dropdown-toggle {
        color: #fff;
        background-color: #d8d8d8;
        border-color: #d1d1d1
    }

    .btn-gray200:not(:disabled):not(.disabled).active:focus,
    .btn-gray200:not(:disabled):not(.disabled):active:focus,
    .show>.btn-gray200.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 95.3%, .5)
    }

    .btn-outline-primary {
        color: #43d477;
        border-color: #43d477
    }

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #43d477;
        border-color: #43d477
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 0 rgba(67, 212, 119, .5)
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #43d477;
        background-color: transparent
    }

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

    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(67, 212, 119, .5)
    }

    .btn-outline-secondary {
        color: #1f3b64;
        border-color: #1f3b64
    }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #1f3b64;
        border-color: #1f3b64
    }

    .btn-outline-secondary.focus,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0 rgba(31, 59, 100, .5)
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #1f3b64;
        background-color: transparent
    }

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

    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(31, 59, 100, .5)
    }

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

    .btn-outline-success:hover {
        color: #fff;
        background-color: #e7f4f0;
        border-color: #e7f4f0
    }

    .btn-outline-success.focus,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 0 rgba(231, 244, 240, .5)
    }

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

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

    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(231, 244, 240, .5)
    }

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

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

    .btn-outline-info.focus,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 0 rgba(235, 247, 255, .5)
    }

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

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

    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(235, 247, 255, .5)
    }

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

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ffab00;
        border-color: #ffab00
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 0 rgba(255, 171, 0, .5)
    }

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

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

    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(255, 171, 0, .5)
    }

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

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #f63c3c;
        border-color: #f63c3c
    }

    .btn-outline-danger.focus,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 0 rgba(246, 60, 60, .5)
    }

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

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

    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(246, 60, 60, .5)
    }

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

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

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

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

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

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

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

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

    .btn-outline-dark.focus,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 0 rgba(52, 52, 52, .5)
    }

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

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

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

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

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

    .btn-outline-white.focus,
    .btn-outline-white:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .5)
    }

    .btn-outline-white.disabled,
    .btn-outline-white:disabled {
        color: #fff;
        background-color: transparent
    }

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

    .btn-outline-white:not(:disabled):not(.disabled).active:focus,
    .btn-outline-white:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-white.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .5)
    }

    .btn-outline-gray {
        color: #818894;
        border-color: #818894
    }

    .btn-outline-gray:hover {
        color: #fff;
        background-color: #818894;
        border-color: #818894
    }

    .btn-outline-gray.focus,
    .btn-outline-gray:focus {
        box-shadow: 0 0 0 0 rgba(129, 136, 148, .5)
    }

    .btn-outline-gray.disabled,
    .btn-outline-gray:disabled {
        color: #818894;
        background-color: transparent
    }

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

    .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
    .btn-outline-gray:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-gray.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 rgba(129, 136, 148, .5)
    }

    .btn-outline-gray300 {
        color: #ececec;
        border-color: #ececec
    }

    .btn-outline-gray300:hover {
        color: #fff;
        background-color: #ececec;
        border-color: #ececec
    }

    .btn-outline-gray300.focus,
    .btn-outline-gray300:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 92.5%, .5)
    }

    .btn-outline-gray300.disabled,
    .btn-outline-gray300:disabled {
        color: #ececec;
        background-color: transparent
    }

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

    .btn-outline-gray300:not(:disabled):not(.disabled).active:focus,
    .btn-outline-gray300:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-gray300.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 92.5%, .5)
    }

    .btn-outline-gray200 {
        color: #f1f1f1;
        border-color: #f1f1f1
    }

    .btn-outline-gray200:hover {
        color: #fff;
        background-color: #f1f1f1;
        border-color: #f1f1f1
    }

    .btn-outline-gray200.focus,
    .btn-outline-gray200:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 94.5%, .5)
    }

    .btn-outline-gray200.disabled,
    .btn-outline-gray200:disabled {
        color: #f1f1f1;
        background-color: transparent
    }

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

    .btn-outline-gray200:not(:disabled):not(.disabled).active:focus,
    .btn-outline-gray200:not(:disabled):not(.disabled):active:focus,
    .show>.btn-outline-gray200.dropdown-toggle:focus {
        box-shadow: 0 0 0 0 hsla(0, 0%, 94.5%, .5)
    }

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

    .btn-link:hover {
        color: #343434
    }

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

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

    .btn-group-lg>.btn,
    .btn-lg {
        padding-right: 32px;
        padding-left: 32px;
        height: 48px;
        font-size: 1.25rem;
        font-weight: 500
    }

    .btn-group-lg>.btn,
    .btn-group-sm>.btn,
    .btn-lg,
    .btn-sm {
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .btn-group-sm>.btn,
    .btn-sm {
        padding-right: 16px;
        padding-left: 16px;
        height: 36px;
        font-size: 1rem;
        font-weight: 400
    }

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

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

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

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

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

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

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

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

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

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

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

    .dropdown-toggle-split {
        padding-right: 24px;
        padding-left: 24px
    }

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

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

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

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

    .btn-group.show .dropdown-toggle,
    .btn-group.show .dropdown-toggle.btn-link {
        box-shadow: none
    }

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

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

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

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

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

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

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

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

    .img-thumbnail {
        padding: .25rem;
        background-color: #fff;
        border: 1px solid #ececec;
        border-radius: .3125rem;
        box-shadow: 0 1px 2px rgba(52, 52, 52, .075)
    }

    .figure {
        display: inline-block
    }

    .figure-img {
        margin-bottom: 10px;
        line-height: 1
    }

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

    .breadcrumb {
        flex-wrap: wrap;
        padding: .75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: "#fff";
        border-radius: .3125rem
    }

    .breadcrumb,
    .breadcrumb-item {
        display: flex
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0
    }

    .breadcrumb-item+.breadcrumb-item:before {
        display: inline-block;
        padding-right: 0;
        color: #818894;
        content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4MTg4OTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tcmlnaHQiPjxwYXRoIGQ9Ik05IDE4bDYtNi02LTYiLz48L3N2Zz4=")
    }

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

    .breadcrumb-item.active {
        color: #818894
    }

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

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

    .page-link:hover {
        z-index: 2;
        color: #343434;
        text-decoration: none;
        background-color: #f1f1f1;
        border-color: #ececec
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 1.5rem
    }

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

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

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

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

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

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

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

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

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

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

    .fade {
        transition: opacity .15s linear
    }

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

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

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

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

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

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

    .dropdown-toggle {
        white-space: nowrap
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dropdown-divider {
        height: 0;
        margin: 10px 0;
        overflow: hidden;
        border-top: 1px solid #f1f1f1
    }

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

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

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

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

    .dropdown-menu.show {
        display: block
    }

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

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

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

    .alert-heading {
        color: inherit
    }

    .alert-link {
        font-weight: 700
    }

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

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

    .alert-primary {
        color: #343434;
        background-color: #43d477;
        border-color: #43d477
    }

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

    .alert-primary .alert-link {
        color: #1b1b1b
    }

    .alert-secondary {
        color: #343434;
        background-color: #1f3b64;
        border-color: #1f3b64
    }

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

    .alert-secondary .alert-link {
        color: #1b1b1b
    }

    .alert-success {
        color: #343434;
        background-color: #e7f4f0;
        border-color: #e7f4f0
    }

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

    .alert-success .alert-link {
        color: #1b1b1b
    }

    .alert-info {
        color: #343434;
        background-color: #ebf7ff;
        border-color: #ebf7ff
    }

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

    .alert-info .alert-link {
        color: #1b1b1b
    }

    .alert-warning {
        color: #343434;
        background-color: #ffab00;
        border-color: #ffab00
    }

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

    .alert-warning .alert-link {
        color: #1b1b1b
    }

    .alert-danger {
        color: #343434;
        background-color: #f63c3c;
        border-color: #f63c3c
    }

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

    .alert-danger .alert-link {
        color: #1b1b1b
    }

    .alert-light {
        color: #343434;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

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

    .alert-light .alert-link {
        color: #1b1b1b
    }

    .alert-dark {
        color: #343434;
        background-color: #343434;
        border-color: #343434
    }

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

    .alert-dark .alert-link {
        color: #1b1b1b
    }

    .alert-white {
        color: #343434;
        background-color: #fff;
        border-color: #fff
    }

    .alert-white hr {
        border-top-color: #f2f2f2
    }

    .alert-white .alert-link {
        color: #1b1b1b
    }

    .alert-gray {
        color: #343434;
        background-color: #818894;
        border-color: #818894
    }

    .alert-gray hr {
        border-top-color: #737b88
    }

    .alert-gray .alert-link {
        color: #1b1b1b
    }

    .alert-gray300 {
        color: #343434;
        background-color: #ececec;
        border-color: #ececec
    }

    .alert-gray300 hr {
        border-top-color: #dfdfdf
    }

    .alert-gray300 .alert-link {
        color: #1b1b1b
    }

    .alert-gray200 {
        color: #343434;
        background-color: #f1f1f1;
        border-color: #f1f1f1
    }

    .alert-gray200 hr {
        border-top-color: #e4e4e4
    }

    .alert-gray200 .alert-link {
        color: #1b1b1b
    }

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

        to {
            background-position: 0 0
        }
    }

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

        to {
            background-position: 0 0
        }
    }

    .progress {
        height: 1rem;
        line-height: 0;
        font-size: .75rem;
        background-color: #f1f1f1;
        border-radius: .3125rem;
        box-shadow: inset 0 .1rem .1rem rgba(52, 52, 52, .1)
    }

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

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

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

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

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

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

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

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

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

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

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

    .toast {
        max-width: 350px;
        overflow: hidden;
        font-size: .875rem;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem .75rem rgba(52, 52, 52, .1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        border-radius: .25rem
    }

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

    .toast.showing {
        opacity: 1
    }

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

    .toast.hide {
        display: none
    }

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

    .toast-body {
        padding: .75rem
    }

    .modal-open {
        overflow: hidden
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modal-backdrop.fade {
        opacity: 0
    }

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

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

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

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

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

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

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

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

    @media (min-width:576px) {
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto
        }

        .modal-dialog-scrollable {
            max-height: calc(100% - 3.5rem)
        }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem)
        }

        .modal-dialog-centered {
            min-height: calc(100% - 3.5rem)
        }

        .modal-dialog-centered:before {
            height: calc(100vh - 3.5rem);
            height: -webkit-min-content;
            height: -moz-min-content;
            height: min-content
        }

        .modal-content {
            box-shadow: 0 .5rem 1rem rgba(52, 52, 52, .5)
        }

        .modal-sm {
            max-width: 300px
        }
    }

    @media (min-width:992px) {

        .modal-lg,
        .modal-xl {
            max-width: 800px
        }
    }

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

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-family: main-font-family;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .75rem;
        word-wrap: break-word;
        opacity: 0
    }

    .tooltip.show {
        opacity: .9
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .popover {
        top: 0;
        left: 0;
        z-index: 1060;
        max-width: 276px;
        font-family: main-font-family;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 1rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(52, 52, 52, .2);
        border-radius: .9375rem;
        box-shadow: 0 .25rem .5rem rgba(52, 52, 52, .2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bs-popover-auto[x-placement^=bottom] .popover-header:before,
    .bs-popover-bottom .popover-header:before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

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

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

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

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

    .popover-header {
        padding: .5rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(.9375rem - 1px);
        border-top-right-radius: calc(.9375rem - 1px)
    }

    .popover-header:empty {
        display: none
    }

    .popover-body {
        padding: .5rem .75rem;
        color: #343434
    }

    .carousel {
        position: relative
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner:after {
        display: block;
        clear: both;
        content: ""
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out
    }

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

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: block
    }

    .active.carousel-item-right,
    .carousel-item-next:not(.carousel-item-left) {
        transform: translateX(100%)
    }

    .active.carousel-item-left,
    .carousel-item-prev:not(.carousel-item-right) {
        transform: translateX(-100%)
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
    }

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media (prefers-reduced-motion:reduce) {

        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            transition: none
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media (prefers-reduced-motion:reduce) {

        .carousel-control-next,
        .carousel-control-prev {
            transition: none
        }
    }

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: flex;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none
    }

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

    @media (prefers-reduced-motion:reduce) {
        .carousel-indicators li {
            transition: none
        }
    }

    .carousel-indicators .active {
        opacity: 1
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center
    }

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

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

    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: .25em solid;
        border-right: .25em solid transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border .75s linear infinite;
        animation: spinner-border .75s linear infinite
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: .2em
    }

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

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

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

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

    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: spinner-grow .75s linear infinite;
        animation: spinner-grow .75s linear infinite
    }

    .spinner-grow-sm {
        width: 1rem;
        height: 1rem
    }

    .align-baseline {
        vertical-align: baseline !important
    }

    .align-top {
        vertical-align: top !important
    }

    .align-middle {
        vertical-align: middle !important
    }

    .align-bottom {
        vertical-align: bottom !important
    }

    .align-text-bottom {
        vertical-align: text-bottom !important
    }

    .align-text-top {
        vertical-align: text-top !important
    }

    .bg-primary {
        background-color: #43d477 !important
    }

    a.bg-primary:focus,
    a.bg-primary:hover,
    button.bg-primary:focus,
    button.bg-primary:hover {
        background-color: #2aba5e !important
    }

    .bg-secondary {
        background-color: #1f3b64 !important
    }

    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: #13243d !important
    }

    .bg-success {
        background-color: #e7f4f0 !important
    }

    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: #c4e4da !important
    }

    .bg-info {
        background-color: #ebf7ff !important
    }

    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: #b8e3ff !important
    }

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

    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: #cc8900 !important
    }

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

    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: #f40b0b !important
    }

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

    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: #dae0e5 !important
    }

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

    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: #1b1b1b !important
    }

    a.bg-white:focus,
    a.bg-white:hover,
    button.bg-white:focus,
    button.bg-white:hover {
        background-color: #e6e6e6 !important
    }

    .bg-gray {
        background-color: #818894 !important
    }

    a.bg-gray:focus,
    a.bg-gray:hover,
    button.bg-gray:focus,
    button.bg-gray:hover {
        background-color: #686f7a !important
    }

    .bg-gray300 {
        background-color: #ececec !important
    }

    a.bg-gray300:focus,
    a.bg-gray300:hover,
    button.bg-gray300:focus,
    button.bg-gray300:hover {
        background-color: #d3d3d3 !important
    }

    .bg-gray200 {
        background-color: #f1f1f1 !important
    }

    a.bg-gray200:focus,
    a.bg-gray200:hover,
    button.bg-gray200:focus,
    button.bg-gray200:hover {
        background-color: #d8d8d8 !important
    }

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

    .bg-transparent {
        background-color: transparent !important
    }

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

    .border-top {
        border-top: 1px solid #ececec !important
    }

    .border-right {
        border-right: 1px solid #ececec !important
    }

    .border-bottom {
        border-bottom: 1px solid #ececec !important
    }

    .border-left {
        border-left: 1px solid #ececec !important
    }

    .border-0 {
        border: 0 !important
    }

    .border-top-0 {
        border-top: 0 !important
    }

    .border-right-0 {
        border-right: 0 !important
    }

    .border-bottom-0 {
        border-bottom: 0 !important
    }

    .border-left-0 {
        border-left: 0 !important
    }

    .border-primary {
        border-color: #43d477 !important
    }

    .border-secondary {
        border-color: #1f3b64 !important
    }

    .border-success {
        border-color: #e7f4f0 !important
    }

    .border-info {
        border-color: #ebf7ff !important
    }

    .border-warning {
        border-color: #ffab00 !important
    }

    .border-danger {
        border-color: #f63c3c !important
    }

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

    .border-dark {
        border-color: #343434 !important
    }

    .border-gray {
        border-color: #818894 !important
    }

    .border-gray300 {
        border-color: #ececec !important
    }

    .border-gray200 {
        border-color: #f1f1f1 !important
    }

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

    .rounded-sm {
        border-radius: .625rem !important
    }

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

    .rounded-top {
        border-top-left-radius: .3125rem !important
    }

    .rounded-right,
    .rounded-top {
        border-top-right-radius: .3125rem !important
    }

    .rounded-bottom,
    .rounded-right {
        border-bottom-right-radius: .3125rem !important
    }

    .rounded-bottom,
    .rounded-left {
        border-bottom-left-radius: .3125rem !important
    }

    .rounded-left {
        border-top-left-radius: .3125rem !important
    }

    .rounded-lg {
        border-radius: .9375rem !important
    }

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

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

    .rounded-0 {
        border-radius: 0 !important
    }

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

    .d-none {
        display: none !important
    }

    .d-inline {
        display: inline !important
    }

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

    .d-block {
        display: block !important
    }

    .d-table {
        display: table !important
    }

    .d-table-row {
        display: table-row !important
    }

    .d-table-cell {
        display: table-cell !important
    }

    .d-flex {
        display: flex !important
    }

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

    @media (min-width:576px) {
        .d-sm-none {
            display: none !important
        }

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

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

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

        .d-sm-table {
            display: table !important
        }

        .d-sm-table-row {
            display: table-row !important
        }

        .d-sm-table-cell {
            display: table-cell !important
        }

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

        .d-sm-inline-flex {
            display: inline-flex !important
        }
    }

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

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

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

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

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

        .d-md-table-row {
            display: table-row !important
        }

        .d-md-table-cell {
            display: table-cell !important
        }

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

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

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

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

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

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

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

        .d-lg-table-row {
            display: table-row !important
        }

        .d-lg-table-cell {
            display: table-cell !important
        }

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

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

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

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

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

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

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

        .d-xl-table-row {
            display: table-row !important
        }

        .d-xl-table-cell {
            display: table-cell !important
        }

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

        .d-xl-inline-flex {
            display: inline-flex !important
        }
    }

    @media print {
        .d-print-none {
            display: none !important
        }

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

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

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

        .d-print-table {
            display: table !important
        }

        .d-print-table-row {
            display: table-row !important
        }

        .d-print-table-cell {
            display: table-cell !important
        }

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

        .d-print-inline-flex {
            display: inline-flex !important
        }
    }

    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    .embed-responsive:before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .embed-responsive-21by9:before {
        padding-top: 42.8571428571%
    }

    .embed-responsive-16by9:before {
        padding-top: 56.25%
    }

    .embed-responsive-4by3:before {
        padding-top: 75%
    }

    .embed-responsive-1by1:before {
        padding-top: 100%
    }

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

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

    .flex-row-reverse {
        flex-direction: row-reverse !important
    }

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

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

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

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

    .flex-fill {
        flex: 1 1 auto !important
    }

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

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

    .flex-shrink-0 {
        flex-shrink: 0 !important
    }

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

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

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

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

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

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

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

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

    .align-items-center {
        align-items: center !important;
        overflow-x: auto;
    }

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

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

    .align-content-start {
        align-content: flex-start !important
    }

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

    .align-content-center {
        align-content: center !important
    }

    .align-content-between {
        align-content: space-between !important
    }

    .align-content-around {
        align-content: space-around !important
    }

    .align-content-stretch {
        align-content: stretch !important
    }

    .align-self-auto {
        align-self: auto !important
    }

    .align-self-start {
        align-self: flex-start !important
    }

    .align-self-end {
        align-self: flex-end !important
    }

    .align-self-center {
        align-self: center !important
    }

    .align-self-baseline {
        align-self: baseline !important
    }

    .align-self-stretch {
        align-self: stretch !important
    }

    @media (min-width:576px) {
        .flex-sm-row {
            flex-direction: row !important
        }

        .flex-sm-column {
            flex-direction: column !important
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-sm-wrap {
            flex-wrap: wrap !important
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-sm-fill {
            flex: 1 1 auto !important
        }

        .flex-sm-grow-0 {
            flex-grow: 0 !important
        }

        .flex-sm-grow-1 {
            flex-grow: 1 !important
        }

        .flex-sm-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-sm-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            justify-content: center !important
        }

        .justify-content-sm-between {
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            justify-content: space-around !important
        }

        .align-items-sm-start {
            align-items: flex-start !important
        }

        .align-items-sm-end {
            align-items: flex-end !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .align-items-sm-baseline {
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            align-items: stretch !important
        }

        .align-content-sm-start {
            align-content: flex-start !important
        }

        .align-content-sm-end {
            align-content: flex-end !important
        }

        .align-content-sm-center {
            align-content: center !important
        }

        .align-content-sm-between {
            align-content: space-between !important
        }

        .align-content-sm-around {
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            align-content: stretch !important
        }

        .align-self-sm-auto {
            align-self: auto !important
        }

        .align-self-sm-start {
            align-self: flex-start !important
        }

        .align-self-sm-end {
            align-self: flex-end !important
        }

        .align-self-sm-center {
            align-self: center !important
        }

        .align-self-sm-baseline {
            align-self: baseline !important
        }

        .align-self-sm-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:768px) {
        .flex-md-row {
            flex-direction: row !important
        }

        .flex-md-column {
            flex-direction: column !important
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-md-wrap {
            flex-wrap: wrap !important
        }

        .flex-md-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-md-fill {
            flex: 1 1 auto !important
        }

        .flex-md-grow-0 {
            flex-grow: 0 !important
        }

        .flex-md-grow-1 {
            flex-grow: 1 !important
        }

        .flex-md-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-md-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-md-start {
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            justify-content: center !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .justify-content-md-around {
            justify-content: space-around !important
        }

        .align-items-md-start {
            align-items: flex-start !important
        }

        .align-items-md-end {
            align-items: flex-end !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .align-items-md-baseline {
            align-items: baseline !important
        }

        .align-items-md-stretch {
            align-items: stretch !important
        }

        .align-content-md-start {
            align-content: flex-start !important
        }

        .align-content-md-end {
            align-content: flex-end !important
        }

        .align-content-md-center {
            align-content: center !important
        }

        .align-content-md-between {
            align-content: space-between !important
        }

        .align-content-md-around {
            align-content: space-around !important
        }

        .align-content-md-stretch {
            align-content: stretch !important
        }

        .align-self-md-auto {
            align-self: auto !important
        }

        .align-self-md-start {
            align-self: flex-start !important
        }

        .align-self-md-end {
            align-self: flex-end !important
        }

        .align-self-md-center {
            align-self: center !important
        }

        .align-self-md-baseline {
            align-self: baseline !important
        }

        .align-self-md-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:992px) {
        .flex-lg-row {
            flex-direction: row !important
        }

        .flex-lg-column {
            flex-direction: column !important
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-lg-wrap {
            flex-wrap: wrap !important
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-lg-fill {
            flex: 1 1 auto !important
        }

        .flex-lg-grow-0 {
            flex-grow: 0 !important
        }

        .flex-lg-grow-1 {
            flex-grow: 1 !important
        }

        .flex-lg-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-lg-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            justify-content: center !important
        }

        .justify-content-lg-between {
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            justify-content: space-around !important
        }

        .align-items-lg-start {
            align-items: flex-start !important
        }

        .align-items-lg-end {
            align-items: flex-end !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .align-items-lg-baseline {
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            align-items: stretch !important
        }

        .align-content-lg-start {
            align-content: flex-start !important
        }

        .align-content-lg-end {
            align-content: flex-end !important
        }

        .align-content-lg-center {
            align-content: center !important
        }

        .align-content-lg-between {
            align-content: space-between !important
        }

        .align-content-lg-around {
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            align-content: stretch !important
        }

        .align-self-lg-auto {
            align-self: auto !important
        }

        .align-self-lg-start {
            align-self: flex-start !important
        }

        .align-self-lg-end {
            align-self: flex-end !important
        }

        .align-self-lg-center {
            align-self: center !important
        }

        .align-self-lg-baseline {
            align-self: baseline !important
        }

        .align-self-lg-stretch {
            align-self: stretch !important
        }
    }

    @media (min-width:1200px) {
        .flex-xl-row {
            flex-direction: row !important
        }

        .flex-xl-column {
            flex-direction: column !important
        }

        .flex-xl-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-xl-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-xl-wrap {
            flex-wrap: wrap !important
        }

        .flex-xl-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .flex-xl-fill {
            flex: 1 1 auto !important
        }

        .flex-xl-grow-0 {
            flex-grow: 0 !important
        }

        .flex-xl-grow-1 {
            flex-grow: 1 !important
        }

        .flex-xl-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-xl-shrink-1 {
            flex-shrink: 1 !important
        }

        .justify-content-xl-start {
            justify-content: flex-start !important
        }

        .justify-content-xl-end {
            justify-content: flex-end !important
        }

        .justify-content-xl-center {
            justify-content: center !important
        }

        .justify-content-xl-between {
            justify-content: space-between !important
        }

        .justify-content-xl-around {
            justify-content: space-around !important
        }

        .align-items-xl-start {
            align-items: flex-start !important
        }

        .align-items-xl-end {
            align-items: flex-end !important
        }

        .align-items-xl-center {
            align-items: center !important
        }

        .align-items-xl-baseline {
            align-items: baseline !important
        }

        .align-items-xl-stretch {
            align-items: stretch !important
        }

        .align-content-xl-start {
            align-content: flex-start !important
        }

        .align-content-xl-end {
            align-content: flex-end !important
        }

        .align-content-xl-center {
            align-content: center !important
        }

        .align-content-xl-between {
            align-content: space-between !important
        }

        .align-content-xl-around {
            align-content: space-around !important
        }

        .align-content-xl-stretch {
            align-content: stretch !important
        }

        .align-self-xl-auto {
            align-self: auto !important
        }

        .align-self-xl-start {
            align-self: flex-start !important
        }

        .align-self-xl-end {
            align-self: flex-end !important
        }

        .align-self-xl-center {
            align-self: center !important
        }

        .align-self-xl-baseline {
            align-self: baseline !important
        }

        .align-self-xl-stretch {
            align-self: stretch !important
        }
    }

    .float-left {
        float: left !important
    }

    .float-right {
        float: right !important
    }

    .float-none {
        float: none !important
    }

    @media (min-width:576px) {
        .float-sm-left {
            float: left !important
        }

        .float-sm-right {
            float: right !important
        }

        .float-sm-none {
            float: none !important
        }
    }

    @media (min-width:768px) {
        .float-md-left {
            float: left !important
        }

        .float-md-right {
            float: right !important
        }

        .float-md-none {
            float: none !important
        }
    }

    @media (min-width:992px) {
        .float-lg-left {
            float: left !important
        }

        .float-lg-right {
            float: right !important
        }

        .float-lg-none {
            float: none !important
        }
    }

    @media (min-width:1200px) {
        .float-xl-left {
            float: left !important
        }

        .float-xl-right {
            float: right !important
        }

        .float-xl-none {
            float: none !important
        }
    }

    .user-select-all {
        -webkit-user-select: all !important;
        -moz-user-select: all !important;
        -ms-user-select: all !important;
        user-select: all !important
    }

    .user-select-auto {
        -webkit-user-select: auto !important;
        -moz-user-select: auto !important;
        -ms-user-select: auto !important;
        user-select: auto !important
    }

    .user-select-none {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important
    }

    .overflow-auto {
        overflow: auto !important
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .position-static {
        position: static !important
    }

    .position-relative {
        position: relative !important
    }

    .position-absolute {
        position: absolute !important
    }

    .position-fixed {
        position: fixed !important
    }

    .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }

    .fixed-top {
        top: 0
    }

    .fixed-bottom,
    .fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .fixed-bottom {
        bottom: 0
    }

    @supports ((position:-webkit-sticky) or (position:sticky)) {
        .sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .shadow-sm {
        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1) !important
    }

    .shadow {
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1) !important
    }

    .shadow-lg {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05) !important
    }

    .shadow-none {
        box-shadow: none !important
    }

    .w-25 {
        width: 25% !important
    }

    .w-50 {
        width: 50% !important
    }

    .w-75 {
        width: 75% !important
    }

    .w-100 {
        width: 100% !important
    }

    .w-auto {
        width: auto !important
    }

    .h-25 {
        height: 25% !important
    }

    .h-50 {
        height: 50% !important
    }

    .h-75 {
        height: 75% !important
    }

    .h-100 {
        height: 100% !important
    }

    .h-auto {
        height: auto !important
    }

    .mw-100 {
        max-width: 100% !important
    }

    .mh-100 {
        max-height: 100% !important
    }

    .min-vw-100 {
        min-width: 100vw !important
    }

    .min-vh-100 {
        min-height: 100vh !important
    }

    .vw-100 {
        width: 100vw !important
    }

    .vh-100 {
        height: 100vh !important
    }

    .m-0 {
        margin: 0 !important
    }

    .mt-0,
    .my-0 {
        margin-top: 0 !important
    }

    .mr-0,
    .mx-0 {
        margin-right: 0 !important
    }

    .mb-0,
    .my-0 {
        margin-bottom: 0 !important
    }

    .ml-0,
    .mx-0 {
        margin-left: 0 !important
    }

    .m-1 {
        margin: 5px !important
    }

    .mt-1,
    .my-1 {
        margin-top: 5px !important
    }

    .mr-1,
    .mx-1 {
        margin-right: 5px !important
    }

    .mb-1,
    .my-1 {
        margin-bottom: 5px !important
    }

    .ml-1,
    .mx-1 {
        margin-left: 5px !important
    }

    .m-2 {
        margin: 10px !important
    }

    .mt-2,
    .my-2 {
        margin-top: 10px !important
    }

    .mr-2,
    .mx-2 {
        margin-right: 10px !important
    }

    .mb-2,
    .my-2 {
        margin-bottom: 10px !important
    }

    .ml-2,
    .mx-2 {
        margin-left: 10px !important
    }

    .m-3 {
        margin: 20px !important
    }

    .mt-3,
    .my-3 {
        margin-top: 20px !important
    }

    .mr-3,
    .mx-3 {
        margin-right: 20px !important
    }

    .mb-3,
    .my-3 {
        margin-bottom: 20px !important
    }

    .ml-3,
    .mx-3 {
        margin-left: 20px !important
    }

    .m-4 {
        margin: 30px !important
    }

    .mt-4,
    .my-4 {
        margin-top: 30px !important
    }

    .mr-4,
    .mx-4 {
        margin-right: 30px !important
    }

    .mb-4,
    .my-4 {
        margin-bottom: 30px !important
    }

    .ml-4,
    .mx-4 {
        margin-left: 30px !important
    }

    .m-5 {
        margin: 5px !important
    }

    .mt-5,
    .my-5 {
        margin-top: 5px !important
    }

    .mr-5,
    .mx-5 {
        margin-right: 5px !important
    }

    .mb-5,
    .my-5 {
        margin-bottom: 5px !important
    }

    .ml-5,
    .mx-5 {
        margin-left: 5px !important
    }

    .m-10 {
        margin: 10px !important
    }

    .mt-10,
    .my-10 {
        margin-top: 10px !important
    }

    .mr-10,
    .mx-10 {
        margin-right: 10px !important
    }

    .mb-10,
    .my-10 {
        margin-bottom: 10px !important
    }

    .ml-10,
    .mx-10 {
        margin-left: 10px !important
    }

    .m-15 {
        margin: 15px !important
    }

    .mt-15,
    .my-15 {
        margin-top: 15px !important
    }

    .mr-15,
    .mx-15 {
        margin-right: 15px !important
    }

    .mb-15,
    .my-15 {
        margin-bottom: 15px !important
    }

    .ml-15,
    .mx-15 {
        margin-left: 15px !important
    }

    .m-20 {
        margin: 20px !important
    }

    .mt-20,
    .my-20 {
        margin-top: 20px !important
    }

    .mr-20,
    .mx-20 {
        margin-right: 20px !important
    }

    .mb-20,
    .my-20 {
        margin-bottom: 20px !important
    }

    .ml-20,
    .mx-20 {
        margin-left: 20px !important
    }

    .m-25 {
        margin: 25px !important
    }

    .mt-25,
    .my-25 {
        margin-top: 25px !important
    }

    .mr-25,
    .mx-25 {
        margin-right: 25px !important
    }

    .mb-25,
    .my-25 {
        margin-bottom: 25px !important
    }

    .ml-25,
    .mx-25 {
        margin-left: 25px !important
    }

    .m-30 {
        margin: 30px !important
    }

    .mt-30,
    .my-30 {
        margin-top: 30px !important
    }

    .mr-30,
    .mx-30 {
        margin-right: 30px !important
    }

    .mb-30,
    .my-30 {
        margin-bottom: 30px !important
    }

    .ml-30,
    .mx-30 {
        margin-left: 30px !important
    }

    .m-35 {
        margin: 35px !important
    }

    .mt-35,
    .my-35 {
        margin-top: 35px !important
    }

    .mr-35,
    .mx-35 {
        margin-right: 35px !important
    }

    .mb-35,
    .my-35 {
        margin-bottom: 35px !important
    }

    .ml-35,
    .mx-35 {
        margin-left: 35px !important
    }

    .m-40 {
        margin: 40px !important
    }

    .mt-40,
    .my-40 {
        margin-top: 40px !important
    }

    .mr-40,
    .mx-40 {
        margin-right: 40px !important
    }

    .mb-40,
    .my-40 {
        margin-bottom: 40px !important
    }

    .ml-40,
    .mx-40 {
        margin-left: 40px !important
    }

    .m-45 {
        margin: 45px !important
    }

    .mt-45,
    .my-45 {
        margin-top: 45px !important
    }

    .mr-45,
    .mx-45 {
        margin-right: 45px !important
    }

    .mb-45,
    .my-45 {
        margin-bottom: 45px !important
    }

    .ml-45,
    .mx-45 {
        margin-left: 45px !important
    }

    .m-50 {
        margin: 50px !important
    }

    .mt-50,
    .my-50 {
        margin-top: 50px !important
    }

    .mr-50,
    .mx-50 {
        margin-right: 50px !important
    }

    .mb-50,
    .my-50 {
        margin-bottom: 50px !important
    }

    .ml-50,
    .mx-50 {
        margin-left: 50px !important
    }

    .p-0 {
        padding: 0 !important
    }

    .pt-0,
    .py-0 {
        padding-top: 0 !important
    }

    .pr-0,
    .px-0 {
        padding-right: 0 !important
    }

    .pb-0,
    .py-0 {
        padding-bottom: 0 !important
    }

    .pl-0,
    .px-0 {
        padding-left: 0 !important
    }

    .p-1 {
        padding: 5px !important
    }

    .pt-1,
    .py-1 {
        padding-top: 5px !important
    }

    .pr-1,
    .px-1 {
        padding-right: 5px !important
    }

    .pb-1,
    .py-1 {
        padding-bottom: 5px !important
    }

    .pl-1,
    .px-1 {
        padding-left: 5px !important
    }

    .p-2 {
        padding: 10px !important
    }

    .pt-2,
    .py-2 {
        padding-top: 10px !important
    }

    .pr-2,
    .px-2 {
        padding-right: 10px !important
    }

    .pb-2,
    .py-2 {
        padding-bottom: 10px !important
    }

    .pl-2,
    .px-2 {
        padding-left: 10px !important
    }

    .p-3 {
        padding: 20px !important
    }

    .pt-3,
    .py-3 {
        padding-top: 20px !important
    }

    .pr-3,
    .px-3 {
        padding-right: 20px !important
    }

    .pb-3,
    .py-3 {
        padding-bottom: 20px !important
    }

    .pl-3,
    .px-3 {
        padding-left: 20px !important
    }

    .p-4 {
        padding: 30px !important
    }

    .pt-4,
    .py-4 {
        padding-top: 30px !important
    }

    .pr-4,
    .px-4 {
        padding-right: 30px !important
    }

    .pb-4,
    .py-4 {
        padding-bottom: 30px !important
    }

    .pl-4,
    .px-4 {
        padding-left: 30px !important
    }

    .p-5 {
        padding: 5px !important
    }

    .pt-5,
    .py-5 {
        padding-top: 5px !important
    }

    .pr-5,
    .px-5 {
        padding-right: 5px !important
    }

    .pb-5,
    .py-5 {
        padding-bottom: 5px !important
    }

    .pl-5,
    .px-5 {
        padding-left: 5px !important
    }

    .p-10 {
        padding: 10px !important
    }

    .pt-10,
    .py-10 {
        padding-top: 10px !important
    }

    .pr-10,
    .px-10 {
        padding-right: 10px !important
    }

    .pb-10,
    .py-10 {
        padding-bottom: 10px !important
    }

    .pl-10,
    .px-10 {
        padding-left: 10px !important
    }

    .p-15 {
        padding: 15px !important
    }

    .pt-15,
    .py-15 {
        padding-top: 15px !important
    }

    .pr-15,
    .px-15 {
        padding-right: 15px !important
    }

    .pb-15,
    .py-15 {
        padding-bottom: 15px !important
    }

    .pl-15,
    .px-15 {
        padding-left: 15px !important
    }

    .p-20 {
        padding: 20px !important
    }

    .pt-20,
    .py-20 {
        padding-top: 20px !important
    }

    .pr-20,
    .px-20 {
        padding-right: 20px !important
    }

    .pb-20,
    .py-20 {
        padding-bottom: 20px !important
    }

    .pl-20,
    .px-20 {
        padding-left: 20px !important
    }

    .p-25 {
        padding: 25px !important
    }

    .pt-25,
    .py-25 {
        padding-top: 25px !important
    }

    .pr-25,
    .px-25 {
        padding-right: 25px !important
    }

    .pb-25,
    .py-25 {
        padding-bottom: 25px !important
    }

    .pl-25,
    .px-25 {
        padding-left: 25px !important
    }

    .p-30 {
        padding: 30px !important
    }

    .pt-30,
    .py-30 {
        padding-top: 30px !important
    }

    .pr-30,
    .px-30 {
        padding-right: 30px !important
    }

    .pb-30,
    .py-30 {
        padding-bottom: 30px !important
    }

    .pl-30,
    .px-30 {
        padding-left: 30px !important
    }

    .p-35 {
        padding: 35px !important
    }

    .pt-35,
    .py-35 {
        padding-top: 35px !important
    }

    .pr-35,
    .px-35 {
        padding-right: 35px !important
    }

    .pb-35,
    .py-35 {
        padding-bottom: 35px !important
    }

    .pl-35,
    .px-35 {
        padding-left: 35px !important
    }

    .p-40 {
        padding: 40px !important
    }

    .pt-40,
    .py-40 {
        padding-top: 40px !important
    }

    .pr-40,
    .px-40 {
        padding-right: 40px !important
    }

    .pb-40,
    .py-40 {
        padding-bottom: 40px !important
    }

    .pl-40,
    .px-40 {
        padding-left: 40px !important
    }

    .p-45 {
        padding: 45px !important
    }

    .pt-45,
    .py-45 {
        padding-top: 45px !important
    }

    .pr-45,
    .px-45 {
        padding-right: 45px !important
    }

    .pb-45,
    .py-45 {
        padding-bottom: 45px !important
    }

    .pl-45,
    .px-45 {
        padding-left: 45px !important
    }

    .p-50 {
        padding: 50px !important
    }

    .pt-50,
    .py-50 {
        padding-top: 50px !important
    }

    .pr-50,
    .px-50 {
        padding-right: 50px !important
    }

    .pb-50,
    .py-50 {
        padding-bottom: 50px !important
    }

    .pl-50,
    .px-50 {
        padding-left: 50px !important
    }

    .m-n1 {
        margin: -5px !important
    }

    .mt-n1,
    .my-n1 {
        margin-top: -5px !important
    }

    .mr-n1,
    .mx-n1 {
        margin-right: -5px !important
    }

    .mb-n1,
    .my-n1 {
        margin-bottom: -5px !important
    }

    .ml-n1,
    .mx-n1 {
        margin-left: -5px !important
    }

    .m-n2 {
        margin: -10px !important
    }

    .mt-n2,
    .my-n2 {
        margin-top: -10px !important
    }

    .mr-n2,
    .mx-n2 {
        margin-right: -10px !important
    }

    .mb-n2,
    .my-n2 {
        margin-bottom: -10px !important
    }

    .ml-n2,
    .mx-n2 {
        margin-left: -10px !important
    }

    .m-n3 {
        margin: -20px !important
    }

    .mt-n3,
    .my-n3 {
        margin-top: -20px !important
    }

    .mr-n3,
    .mx-n3 {
        margin-right: -20px !important
    }

    .mb-n3,
    .my-n3 {
        margin-bottom: -20px !important
    }

    .ml-n3,
    .mx-n3 {
        margin-left: -20px !important
    }

    .m-n4 {
        margin: -30px !important
    }

    .mt-n4,
    .my-n4 {
        margin-top: -30px !important
    }

    .mr-n4,
    .mx-n4 {
        margin-right: -30px !important
    }

    .mb-n4,
    .my-n4 {
        margin-bottom: -30px !important
    }

    .ml-n4,
    .mx-n4 {
        margin-left: -30px !important
    }

    .m-n5 {
        margin: -5px !important
    }

    .mt-n5,
    .my-n5 {
        margin-top: -5px !important
    }

    .mr-n5,
    .mx-n5 {
        margin-right: -5px !important
    }

    .mb-n5,
    .my-n5 {
        margin-bottom: -5px !important
    }

    .ml-n5,
    .mx-n5 {
        margin-left: -5px !important
    }

    .m-n10 {
        margin: -10px !important
    }

    .mt-n10,
    .my-n10 {
        margin-top: -10px !important
    }

    .mr-n10,
    .mx-n10 {
        margin-right: -10px !important
    }

    .mb-n10,
    .my-n10 {
        margin-bottom: -10px !important
    }

    .ml-n10,
    .mx-n10 {
        margin-left: -10px !important
    }

    .m-n15 {
        margin: -15px !important
    }

    .mt-n15,
    .my-n15 {
        margin-top: -15px !important
    }

    .mr-n15,
    .mx-n15 {
        margin-right: -15px !important
    }

    .mb-n15,
    .my-n15 {
        margin-bottom: -15px !important
    }

    .ml-n15,
    .mx-n15 {
        margin-left: -15px !important
    }

    .m-n20 {
        margin: -20px !important
    }

    .mt-n20,
    .my-n20 {
        margin-top: -20px !important
    }

    .mr-n20,
    .mx-n20 {
        margin-right: -20px !important
    }

    .mb-n20,
    .my-n20 {
        margin-bottom: -20px !important
    }

    .ml-n20,
    .mx-n20 {
        margin-left: -20px !important
    }

    .m-n25 {
        margin: -25px !important
    }

    .mt-n25,
    .my-n25 {
        margin-top: -25px !important
    }

    .mr-n25,
    .mx-n25 {
        margin-right: -25px !important
    }

    .mb-n25,
    .my-n25 {
        margin-bottom: -25px !important
    }

    .ml-n25,
    .mx-n25 {
        margin-left: -25px !important
    }

    .m-n30 {
        margin: -30px !important
    }

    .mt-n30,
    .my-n30 {
        margin-top: -30px !important
    }

    .mr-n30,
    .mx-n30 {
        margin-right: -30px !important
    }

    .mb-n30,
    .my-n30 {
        margin-bottom: -30px !important
    }

    .ml-n30,
    .mx-n30 {
        margin-left: -30px !important
    }

    .m-n35 {
        margin: -35px !important
    }

    .mt-n35,
    .my-n35 {
        margin-top: -35px !important
    }

    .mr-n35,
    .mx-n35 {
        margin-right: -35px !important
    }

    .mb-n35,
    .my-n35 {
        margin-bottom: -35px !important
    }

    .ml-n35,
    .mx-n35 {
        margin-left: -35px !important
    }

    .m-n40 {
        margin: -40px !important
    }

    .mt-n40,
    .my-n40 {
        margin-top: -40px !important
    }

    .mr-n40,
    .mx-n40 {
        margin-right: -40px !important
    }

    .mb-n40,
    .my-n40 {
        margin-bottom: -40px !important
    }

    .ml-n40,
    .mx-n40 {
        margin-left: -40px !important
    }

    .m-n45 {
        margin: -45px !important
    }

    .mt-n45,
    .my-n45 {
        margin-top: -45px !important
    }

    .mr-n45,
    .mx-n45 {
        margin-right: -45px !important
    }

    .mb-n45,
    .my-n45 {
        margin-bottom: -45px !important
    }

    .ml-n45,
    .mx-n45 {
        margin-left: -45px !important
    }

    .m-n50 {
        margin: -50px !important
    }

    .mt-n50,
    .my-n50 {
        margin-top: -50px !important
    }

    .mr-n50,
    .mx-n50 {
        margin-right: -50px !important
    }

    .mb-n50,
    .my-n50 {
        margin-bottom: -50px !important
    }

    .ml-n50,
    .mx-n50 {
        margin-left: -50px !important
    }

    .m-auto {
        margin: auto !important
    }

    .mt-auto,
    .my-auto {
        margin-top: auto !important
    }

    .mr-auto,
    .mx-auto {
        margin-right: auto !important
    }

    .mb-auto,
    .my-auto {
        margin-bottom: auto !important
    }

    .ml-auto,
    .mx-auto {
        margin-left: auto !important
    }

    @media (min-width:576px) {
        .m-sm-0 {
            margin: 0 !important
        }

        .mt-sm-0,
        .my-sm-0 {
            margin-top: 0 !important
        }

        .mr-sm-0,
        .mx-sm-0 {
            margin-right: 0 !important
        }

        .mb-sm-0,
        .my-sm-0 {
            margin-bottom: 0 !important
        }

        .ml-sm-0,
        .mx-sm-0 {
            margin-left: 0 !important
        }

        .m-sm-1 {
            margin: 5px !important
        }

        .mt-sm-1,
        .my-sm-1 {
            margin-top: 5px !important
        }

        .mr-sm-1,
        .mx-sm-1 {
            margin-right: 5px !important
        }

        .mb-sm-1,
        .my-sm-1 {
            margin-bottom: 5px !important
        }

        .ml-sm-1,
        .mx-sm-1 {
            margin-left: 5px !important
        }

        .m-sm-2 {
            margin: 10px !important
        }

        .mt-sm-2,
        .my-sm-2 {
            margin-top: 10px !important
        }

        .mr-sm-2,
        .mx-sm-2 {
            margin-right: 10px !important
        }

        .mb-sm-2,
        .my-sm-2 {
            margin-bottom: 10px !important
        }

        .ml-sm-2,
        .mx-sm-2 {
            margin-left: 10px !important
        }

        .m-sm-3 {
            margin: 20px !important
        }

        .mt-sm-3,
        .my-sm-3 {
            margin-top: 20px !important
        }

        .mr-sm-3,
        .mx-sm-3 {
            margin-right: 20px !important
        }

        .mb-sm-3,
        .my-sm-3 {
            margin-bottom: 20px !important
        }

        .ml-sm-3,
        .mx-sm-3 {
            margin-left: 20px !important
        }

        .m-sm-4 {
            margin: 30px !important
        }

        .mt-sm-4,
        .my-sm-4 {
            margin-top: 30px !important
        }

        .mr-sm-4,
        .mx-sm-4 {
            margin-right: 30px !important
        }

        .mb-sm-4,
        .my-sm-4 {
            margin-bottom: 30px !important
        }

        .ml-sm-4,
        .mx-sm-4 {
            margin-left: 30px !important
        }

        .m-sm-5 {
            margin: 5px !important
        }

        .mt-sm-5,
        .my-sm-5 {
            margin-top: 5px !important
        }

        .mr-sm-5,
        .mx-sm-5 {
            margin-right: 5px !important
        }

        .mb-sm-5,
        .my-sm-5 {
            margin-bottom: 5px !important
        }

        .ml-sm-5,
        .mx-sm-5 {
            margin-left: 5px !important
        }

        .m-sm-10 {
            margin: 10px !important
        }

        .mt-sm-10,
        .my-sm-10 {
            margin-top: 10px !important
        }

        .mr-sm-10,
        .mx-sm-10 {
            margin-right: 10px !important
        }

        .mb-sm-10,
        .my-sm-10 {
            margin-bottom: 10px !important
        }

        .ml-sm-10,
        .mx-sm-10 {
            margin-left: 10px !important
        }

        .m-sm-15 {
            margin: 15px !important
        }

        .mt-sm-15,
        .my-sm-15 {
            margin-top: 15px !important
        }

        .mr-sm-15,
        .mx-sm-15 {
            margin-right: 15px !important
        }

        .mb-sm-15,
        .my-sm-15 {
            margin-bottom: 15px !important
        }

        .ml-sm-15,
        .mx-sm-15 {
            margin-left: 15px !important
        }

        .m-sm-20 {
            margin: 20px !important
        }

        .mt-sm-20,
        .my-sm-20 {
            margin-top: 20px !important
        }

        .mr-sm-20,
        .mx-sm-20 {
            margin-right: 20px !important
        }

        .mb-sm-20,
        .my-sm-20 {
            margin-bottom: 20px !important
        }

        .ml-sm-20,
        .mx-sm-20 {
            margin-left: 20px !important
        }

        .m-sm-25 {
            margin: 25px !important
        }

        .mt-sm-25,
        .my-sm-25 {
            margin-top: 25px !important
        }

        .mr-sm-25,
        .mx-sm-25 {
            margin-right: 25px !important
        }

        .mb-sm-25,
        .my-sm-25 {
            margin-bottom: 25px !important
        }

        .ml-sm-25,
        .mx-sm-25 {
            margin-left: 25px !important
        }

        .m-sm-30 {
            margin: 30px !important
        }

        .mt-sm-30,
        .my-sm-30 {
            margin-top: 30px !important
        }

        .mr-sm-30,
        .mx-sm-30 {
            margin-right: 30px !important
        }

        .mb-sm-30,
        .my-sm-30 {
            margin-bottom: 30px !important
        }

        .ml-sm-30,
        .mx-sm-30 {
            margin-left: 30px !important
        }

        .m-sm-35 {
            margin: 35px !important
        }

        .mt-sm-35,
        .my-sm-35 {
            margin-top: 35px !important
        }

        .mr-sm-35,
        .mx-sm-35 {
            margin-right: 35px !important
        }

        .mb-sm-35,
        .my-sm-35 {
            margin-bottom: 35px !important
        }

        .ml-sm-35,
        .mx-sm-35 {
            margin-left: 35px !important
        }

        .m-sm-40 {
            margin: 40px !important
        }

        .mt-sm-40,
        .my-sm-40 {
            margin-top: 40px !important
        }

        .mr-sm-40,
        .mx-sm-40 {
            margin-right: 40px !important
        }

        .mb-sm-40,
        .my-sm-40 {
            margin-bottom: 40px !important
        }

        .ml-sm-40,
        .mx-sm-40 {
            margin-left: 40px !important
        }

        .m-sm-45 {
            margin: 45px !important
        }

        .mt-sm-45,
        .my-sm-45 {
            margin-top: 45px !important
        }

        .mr-sm-45,
        .mx-sm-45 {
            margin-right: 45px !important
        }

        .mb-sm-45,
        .my-sm-45 {
            margin-bottom: 45px !important
        }

        .ml-sm-45,
        .mx-sm-45 {
            margin-left: 45px !important
        }

        .m-sm-50 {
            margin: 50px !important
        }

        .mt-sm-50,
        .my-sm-50 {
            margin-top: 50px !important
        }

        .mr-sm-50,
        .mx-sm-50 {
            margin-right: 50px !important
        }

        .mb-sm-50,
        .my-sm-50 {
            margin-bottom: 50px !important
        }

        .ml-sm-50,
        .mx-sm-50 {
            margin-left: 50px !important
        }

        .p-sm-0 {
            padding: 0 !important
        }

        .pt-sm-0,
        .py-sm-0 {
            padding-top: 0 !important
        }

        .pr-sm-0,
        .px-sm-0 {
            padding-right: 0 !important
        }

        .pb-sm-0,
        .py-sm-0 {
            padding-bottom: 0 !important
        }

        .pl-sm-0,
        .px-sm-0 {
            padding-left: 0 !important
        }

        .p-sm-1 {
            padding: 5px !important
        }

        .pt-sm-1,
        .py-sm-1 {
            padding-top: 5px !important
        }

        .pr-sm-1,
        .px-sm-1 {
            padding-right: 5px !important
        }

        .pb-sm-1,
        .py-sm-1 {
            padding-bottom: 5px !important
        }

        .pl-sm-1,
        .px-sm-1 {
            padding-left: 5px !important
        }

        .p-sm-2 {
            padding: 10px !important
        }

        .pt-sm-2,
        .py-sm-2 {
            padding-top: 10px !important
        }

        .pr-sm-2,
        .px-sm-2 {
            padding-right: 10px !important
        }

        .pb-sm-2,
        .py-sm-2 {
            padding-bottom: 10px !important
        }

        .pl-sm-2,
        .px-sm-2 {
            padding-left: 10px !important
        }

        .p-sm-3 {
            padding: 20px !important
        }

        .pt-sm-3,
        .py-sm-3 {
            padding-top: 20px !important
        }

        .pr-sm-3,
        .px-sm-3 {
            padding-right: 20px !important
        }

        .pb-sm-3,
        .py-sm-3 {
            padding-bottom: 20px !important
        }

        .pl-sm-3,
        .px-sm-3 {
            padding-left: 20px !important
        }

        .p-sm-4 {
            padding: 30px !important
        }

        .pt-sm-4,
        .py-sm-4 {
            padding-top: 30px !important
        }

        .pr-sm-4,
        .px-sm-4 {
            padding-right: 30px !important
        }

        .pb-sm-4,
        .py-sm-4 {
            padding-bottom: 30px !important
        }

        .pl-sm-4,
        .px-sm-4 {
            padding-left: 30px !important
        }

        .p-sm-5 {
            padding: 5px !important
        }

        .pt-sm-5,
        .py-sm-5 {
            padding-top: 5px !important
        }

        .pr-sm-5,
        .px-sm-5 {
            padding-right: 5px !important
        }

        .pb-sm-5,
        .py-sm-5 {
            padding-bottom: 5px !important
        }

        .pl-sm-5,
        .px-sm-5 {
            padding-left: 5px !important
        }

        .p-sm-10 {
            padding: 10px !important
        }

        .pt-sm-10,
        .py-sm-10 {
            padding-top: 10px !important
        }

        .pr-sm-10,
        .px-sm-10 {
            padding-right: 10px !important
        }

        .pb-sm-10,
        .py-sm-10 {
            padding-bottom: 10px !important
        }

        .pl-sm-10,
        .px-sm-10 {
            padding-left: 10px !important
        }

        .p-sm-15 {
            padding: 15px !important
        }

        .pt-sm-15,
        .py-sm-15 {
            padding-top: 15px !important
        }

        .pr-sm-15,
        .px-sm-15 {
            padding-right: 15px !important
        }

        .pb-sm-15,
        .py-sm-15 {
            padding-bottom: 15px !important
        }

        .pl-sm-15,
        .px-sm-15 {
            padding-left: 15px !important
        }

        .p-sm-20 {
            padding: 20px !important
        }

        .pt-sm-20,
        .py-sm-20 {
            padding-top: 20px !important
        }

        .pr-sm-20,
        .px-sm-20 {
            padding-right: 20px !important
        }

        .pb-sm-20,
        .py-sm-20 {
            padding-bottom: 20px !important
        }

        .pl-sm-20,
        .px-sm-20 {
            padding-left: 20px !important
        }

        .p-sm-25 {
            padding: 25px !important
        }

        .pt-sm-25,
        .py-sm-25 {
            padding-top: 25px !important
        }

        .pr-sm-25,
        .px-sm-25 {
            padding-right: 25px !important
        }

        .pb-sm-25,
        .py-sm-25 {
            padding-bottom: 25px !important
        }

        .pl-sm-25,
        .px-sm-25 {
            padding-left: 25px !important
        }

        .p-sm-30 {
            padding: 30px !important
        }

        .pt-sm-30,
        .py-sm-30 {
            padding-top: 30px !important
        }

        .pr-sm-30,
        .px-sm-30 {
            padding-right: 30px !important
        }

        .pb-sm-30,
        .py-sm-30 {
            padding-bottom: 30px !important
        }

        .pl-sm-30,
        .px-sm-30 {
            padding-left: 30px !important
        }

        .p-sm-35 {
            padding: 35px !important
        }

        .pt-sm-35,
        .py-sm-35 {
            padding-top: 35px !important
        }

        .pr-sm-35,
        .px-sm-35 {
            padding-right: 35px !important
        }

        .pb-sm-35,
        .py-sm-35 {
            padding-bottom: 35px !important
        }

        .pl-sm-35,
        .px-sm-35 {
            padding-left: 35px !important
        }

        .p-sm-40 {
            padding: 40px !important
        }

        .pt-sm-40,
        .py-sm-40 {
            padding-top: 40px !important
        }

        .pr-sm-40,
        .px-sm-40 {
            padding-right: 40px !important
        }

        .pb-sm-40,
        .py-sm-40 {
            padding-bottom: 40px !important
        }

        .pl-sm-40,
        .px-sm-40 {
            padding-left: 40px !important
        }

        .p-sm-45 {
            padding: 45px !important
        }

        .pt-sm-45,
        .py-sm-45 {
            padding-top: 45px !important
        }

        .pr-sm-45,
        .px-sm-45 {
            padding-right: 45px !important
        }

        .pb-sm-45,
        .py-sm-45 {
            padding-bottom: 45px !important
        }

        .pl-sm-45,
        .px-sm-45 {
            padding-left: 45px !important
        }

        .p-sm-50 {
            padding: 50px !important
        }

        .pt-sm-50,
        .py-sm-50 {
            padding-top: 50px !important
        }

        .pr-sm-50,
        .px-sm-50 {
            padding-right: 50px !important
        }

        .pb-sm-50,
        .py-sm-50 {
            padding-bottom: 50px !important
        }

        .pl-sm-50,
        .px-sm-50 {
            padding-left: 50px !important
        }

        .m-sm-n1 {
            margin: -5px !important
        }

        .mt-sm-n1,
        .my-sm-n1 {
            margin-top: -5px !important
        }

        .mr-sm-n1,
        .mx-sm-n1 {
            margin-right: -5px !important
        }

        .mb-sm-n1,
        .my-sm-n1 {
            margin-bottom: -5px !important
        }

        .ml-sm-n1,
        .mx-sm-n1 {
            margin-left: -5px !important
        }

        .m-sm-n2 {
            margin: -10px !important
        }

        .mt-sm-n2,
        .my-sm-n2 {
            margin-top: -10px !important
        }

        .mr-sm-n2,
        .mx-sm-n2 {
            margin-right: -10px !important
        }

        .mb-sm-n2,
        .my-sm-n2 {
            margin-bottom: -10px !important
        }

        .ml-sm-n2,
        .mx-sm-n2 {
            margin-left: -10px !important
        }

        .m-sm-n3 {
            margin: -20px !important
        }

        .mt-sm-n3,
        .my-sm-n3 {
            margin-top: -20px !important
        }

        .mr-sm-n3,
        .mx-sm-n3 {
            margin-right: -20px !important
        }

        .mb-sm-n3,
        .my-sm-n3 {
            margin-bottom: -20px !important
        }

        .ml-sm-n3,
        .mx-sm-n3 {
            margin-left: -20px !important
        }

        .m-sm-n4 {
            margin: -30px !important
        }

        .mt-sm-n4,
        .my-sm-n4 {
            margin-top: -30px !important
        }

        .mr-sm-n4,
        .mx-sm-n4 {
            margin-right: -30px !important
        }

        .mb-sm-n4,
        .my-sm-n4 {
            margin-bottom: -30px !important
        }

        .ml-sm-n4,
        .mx-sm-n4 {
            margin-left: -30px !important
        }

        .m-sm-n5 {
            margin: -5px !important
        }

        .mt-sm-n5,
        .my-sm-n5 {
            margin-top: -5px !important
        }

        .mr-sm-n5,
        .mx-sm-n5 {
            margin-right: -5px !important
        }

        .mb-sm-n5,
        .my-sm-n5 {
            margin-bottom: -5px !important
        }

        .ml-sm-n5,
        .mx-sm-n5 {
            margin-left: -5px !important
        }

        .m-sm-n10 {
            margin: -10px !important
        }

        .mt-sm-n10,
        .my-sm-n10 {
            margin-top: -10px !important
        }

        .mr-sm-n10,
        .mx-sm-n10 {
            margin-right: -10px !important
        }

        .mb-sm-n10,
        .my-sm-n10 {
            margin-bottom: -10px !important
        }

        .ml-sm-n10,
        .mx-sm-n10 {
            margin-left: -10px !important
        }

        .m-sm-n15 {
            margin: -15px !important
        }

        .mt-sm-n15,
        .my-sm-n15 {
            margin-top: -15px !important
        }

        .mr-sm-n15,
        .mx-sm-n15 {
            margin-right: -15px !important
        }

        .mb-sm-n15,
        .my-sm-n15 {
            margin-bottom: -15px !important
        }

        .ml-sm-n15,
        .mx-sm-n15 {
            margin-left: -15px !important
        }

        .m-sm-n20 {
            margin: -20px !important
        }

        .mt-sm-n20,
        .my-sm-n20 {
            margin-top: -20px !important
        }

        .mr-sm-n20,
        .mx-sm-n20 {
            margin-right: -20px !important
        }

        .mb-sm-n20,
        .my-sm-n20 {
            margin-bottom: -20px !important
        }

        .ml-sm-n20,
        .mx-sm-n20 {
            margin-left: -20px !important
        }

        .m-sm-n25 {
            margin: -25px !important
        }

        .mt-sm-n25,
        .my-sm-n25 {
            margin-top: -25px !important
        }

        .mr-sm-n25,
        .mx-sm-n25 {
            margin-right: -25px !important
        }

        .mb-sm-n25,
        .my-sm-n25 {
            margin-bottom: -25px !important
        }

        .ml-sm-n25,
        .mx-sm-n25 {
            margin-left: -25px !important
        }

        .m-sm-n30 {
            margin: -30px !important
        }

        .mt-sm-n30,
        .my-sm-n30 {
            margin-top: -30px !important
        }

        .mr-sm-n30,
        .mx-sm-n30 {
            margin-right: -30px !important
        }

        .mb-sm-n30,
        .my-sm-n30 {
            margin-bottom: -30px !important
        }

        .ml-sm-n30,
        .mx-sm-n30 {
            margin-left: -30px !important
        }

        .m-sm-n35 {
            margin: -35px !important
        }

        .mt-sm-n35,
        .my-sm-n35 {
            margin-top: -35px !important
        }

        .mr-sm-n35,
        .mx-sm-n35 {
            margin-right: -35px !important
        }

        .mb-sm-n35,
        .my-sm-n35 {
            margin-bottom: -35px !important
        }

        .ml-sm-n35,
        .mx-sm-n35 {
            margin-left: -35px !important
        }

        .m-sm-n40 {
            margin: -40px !important
        }

        .mt-sm-n40,
        .my-sm-n40 {
            margin-top: -40px !important
        }

        .mr-sm-n40,
        .mx-sm-n40 {
            margin-right: -40px !important
        }

        .mb-sm-n40,
        .my-sm-n40 {
            margin-bottom: -40px !important
        }

        .ml-sm-n40,
        .mx-sm-n40 {
            margin-left: -40px !important
        }

        .m-sm-n45 {
            margin: -45px !important
        }

        .mt-sm-n45,
        .my-sm-n45 {
            margin-top: -45px !important
        }

        .mr-sm-n45,
        .mx-sm-n45 {
            margin-right: -45px !important
        }

        .mb-sm-n45,
        .my-sm-n45 {
            margin-bottom: -45px !important
        }

        .ml-sm-n45,
        .mx-sm-n45 {
            margin-left: -45px !important
        }

        .m-sm-n50 {
            margin: -50px !important
        }

        .mt-sm-n50,
        .my-sm-n50 {
            margin-top: -50px !important
        }

        .mr-sm-n50,
        .mx-sm-n50 {
            margin-right: -50px !important
        }

        .mb-sm-n50,
        .my-sm-n50 {
            margin-bottom: -50px !important
        }

        .ml-sm-n50,
        .mx-sm-n50 {
            margin-left: -50px !important
        }

        .m-sm-auto {
            margin: auto !important
        }

        .mt-sm-auto,
        .my-sm-auto {
            margin-top: auto !important
        }

        .mr-sm-auto,
        .mx-sm-auto {
            margin-right: auto !important
        }

        .mb-sm-auto,
        .my-sm-auto {
            margin-bottom: auto !important
        }

        .ml-sm-auto,
        .mx-sm-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:768px) {
        .m-md-0 {
            margin: 0 !important
        }

        .mt-md-0,
        .my-md-0 {
            margin-top: 0 !important
        }

        .mr-md-0,
        .mx-md-0 {
            margin-right: 0 !important
        }

        .mb-md-0,
        .my-md-0 {
            margin-bottom: 0 !important
        }

        .ml-md-0,
        .mx-md-0 {
            margin-left: 0 !important
        }

        .m-md-1 {
            margin: 5px !important
        }

        .mt-md-1,
        .my-md-1 {
            margin-top: 5px !important
        }

        .mr-md-1,
        .mx-md-1 {
            margin-right: 5px !important
        }

        .mb-md-1,
        .my-md-1 {
            margin-bottom: 5px !important
        }

        .ml-md-1,
        .mx-md-1 {
            margin-left: 5px !important
        }

        .m-md-2 {
            margin: 10px !important
        }

        .mt-md-2,
        .my-md-2 {
            margin-top: 10px !important
        }

        .mr-md-2,
        .mx-md-2 {
            margin-right: 10px !important
        }

        .mb-md-2,
        .my-md-2 {
            margin-bottom: 10px !important
        }

        .ml-md-2,
        .mx-md-2 {
            margin-left: 10px !important
        }

        .m-md-3 {
            margin: 20px !important
        }

        .mt-md-3,
        .my-md-3 {
            margin-top: 20px !important
        }

        .mr-md-3,
        .mx-md-3 {
            margin-right: 20px !important
        }

        .mb-md-3,
        .my-md-3 {
            margin-bottom: 20px !important
        }

        .ml-md-3,
        .mx-md-3 {
            margin-left: 20px !important
        }

        .m-md-4 {
            margin: 30px !important
        }

        .mt-md-4,
        .my-md-4 {
            margin-top: 30px !important
        }

        .mr-md-4,
        .mx-md-4 {
            margin-right: 30px !important
        }

        .mb-md-4,
        .my-md-4 {
            margin-bottom: 30px !important
        }

        .ml-md-4,
        .mx-md-4 {
            margin-left: 30px !important
        }

        .m-md-5 {
            margin: 5px !important
        }

        .mt-md-5,
        .my-md-5 {
            margin-top: 5px !important
        }

        .mr-md-5,
        .mx-md-5 {
            margin-right: 5px !important
        }

        .mb-md-5,
        .my-md-5 {
            margin-bottom: 5px !important
        }

        .ml-md-5,
        .mx-md-5 {
            margin-left: 5px !important
        }

        .m-md-10 {
            margin: 10px !important
        }

        .mt-md-10,
        .my-md-10 {
            margin-top: 10px !important
        }

        .mr-md-10,
        .mx-md-10 {
            margin-right: 10px !important
        }

        .mb-md-10,
        .my-md-10 {
            margin-bottom: 10px !important
        }

        .ml-md-10,
        .mx-md-10 {
            margin-left: 10px !important
        }

        .m-md-15 {
            margin: 15px !important
        }

        .mt-md-15,
        .my-md-15 {
            margin-top: 15px !important
        }

        .mr-md-15,
        .mx-md-15 {
            margin-right: 15px !important
        }

        .mb-md-15,
        .my-md-15 {
            margin-bottom: 15px !important
        }

        .ml-md-15,
        .mx-md-15 {
            margin-left: 15px !important
        }

        .m-md-20 {
            margin: 20px !important
        }

        .mt-md-20,
        .my-md-20 {
            margin-top: 20px !important
        }

        .mr-md-20,
        .mx-md-20 {
            margin-right: 20px !important
        }

        .mb-md-20,
        .my-md-20 {
            margin-bottom: 20px !important
        }

        .ml-md-20,
        .mx-md-20 {
            margin-left: 20px !important
        }

        .m-md-25 {
            margin: 25px !important
        }

        .mt-md-25,
        .my-md-25 {
            margin-top: 25px !important
        }

        .mr-md-25,
        .mx-md-25 {
            margin-right: 25px !important
        }

        .mb-md-25,
        .my-md-25 {
            margin-bottom: 25px !important
        }

        .ml-md-25,
        .mx-md-25 {
            margin-left: 25px !important
        }

        .m-md-30 {
            margin: 30px !important
        }

        .mt-md-30,
        .my-md-30 {
            margin-top: 30px !important
        }

        .mr-md-30,
        .mx-md-30 {
            margin-right: 30px !important
        }

        .mb-md-30,
        .my-md-30 {
            margin-bottom: 30px !important
        }

        .ml-md-30,
        .mx-md-30 {
            margin-left: 30px !important
        }

        .m-md-35 {
            margin: 35px !important
        }

        .mt-md-35,
        .my-md-35 {
            margin-top: 35px !important
        }

        .mr-md-35,
        .mx-md-35 {
            margin-right: 35px !important
        }

        .mb-md-35,
        .my-md-35 {
            margin-bottom: 35px !important
        }

        .ml-md-35,
        .mx-md-35 {
            margin-left: 35px !important
        }

        .m-md-40 {
            margin: 40px !important
        }

        .mt-md-40,
        .my-md-40 {
            margin-top: 40px !important
        }

        .mr-md-40,
        .mx-md-40 {
            margin-right: 40px !important
        }

        .mb-md-40,
        .my-md-40 {
            margin-bottom: 40px !important
        }

        .ml-md-40,
        .mx-md-40 {
            margin-left: 40px !important
        }

        .m-md-45 {
            margin: 45px !important
        }

        .mt-md-45,
        .my-md-45 {
            margin-top: 45px !important
        }

        .mr-md-45,
        .mx-md-45 {
            margin-right: 45px !important
        }

        .mb-md-45,
        .my-md-45 {
            margin-bottom: 45px !important
        }

        .ml-md-45,
        .mx-md-45 {
            margin-left: 45px !important
        }

        .m-md-50 {
            margin: 50px !important
        }

        .mt-md-50,
        .my-md-50 {
            margin-top: 50px !important
        }

        .mr-md-50,
        .mx-md-50 {
            margin-right: 50px !important
        }

        .mb-md-50,
        .my-md-50 {
            margin-bottom: 50px !important
        }

        .ml-md-50,
        .mx-md-50 {
            margin-left: 50px !important
        }

        .p-md-0 {
            padding: 0 !important
        }

        .pt-md-0,
        .py-md-0 {
            padding-top: 0 !important
        }

        .pr-md-0,
        .px-md-0 {
            padding-right: 0 !important
        }

        .pb-md-0,
        .py-md-0 {
            padding-bottom: 0 !important
        }

        .pl-md-0,
        .px-md-0 {
            padding-left: 0 !important
        }

        .p-md-1 {
            padding: 5px !important
        }

        .pt-md-1,
        .py-md-1 {
            padding-top: 5px !important
        }

        .pr-md-1,
        .px-md-1 {
            padding-right: 5px !important
        }

        .pb-md-1,
        .py-md-1 {
            padding-bottom: 5px !important
        }

        .pl-md-1,
        .px-md-1 {
            padding-left: 5px !important
        }

        .p-md-2 {
            padding: 10px !important
        }

        .pt-md-2,
        .py-md-2 {
            padding-top: 10px !important
        }

        .pr-md-2,
        .px-md-2 {
            padding-right: 10px !important
        }

        .pb-md-2,
        .py-md-2 {
            padding-bottom: 10px !important
        }

        .pl-md-2,
        .px-md-2 {
            padding-left: 10px !important
        }

        .p-md-3 {
            padding: 20px !important
        }

        .pt-md-3,
        .py-md-3 {
            padding-top: 20px !important
        }

        .pr-md-3,
        .px-md-3 {
            padding-right: 20px !important
        }

        .pb-md-3,
        .py-md-3 {
            padding-bottom: 20px !important
        }

        .pl-md-3,
        .px-md-3 {
            padding-left: 20px !important
        }

        .p-md-4 {
            padding: 30px !important
        }

        .pt-md-4,
        .py-md-4 {
            padding-top: 30px !important
        }

        .pr-md-4,
        .px-md-4 {
            padding-right: 30px !important
        }

        .pb-md-4,
        .py-md-4 {
            padding-bottom: 30px !important
        }

        .pl-md-4,
        .px-md-4 {
            padding-left: 30px !important
        }

        .p-md-5 {
            padding: 5px !important
        }

        .pt-md-5,
        .py-md-5 {
            padding-top: 5px !important
        }

        .pr-md-5,
        .px-md-5 {
            padding-right: 5px !important
        }

        .pb-md-5,
        .py-md-5 {
            padding-bottom: 5px !important
        }

        .pl-md-5,
        .px-md-5 {
            padding-left: 5px !important
        }

        .p-md-10 {
            padding: 10px !important
        }

        .pt-md-10,
        .py-md-10 {
            padding-top: 10px !important
        }

        .pr-md-10,
        .px-md-10 {
            padding-right: 10px !important
        }

        .pb-md-10,
        .py-md-10 {
            padding-bottom: 10px !important
        }

        .pl-md-10,
        .px-md-10 {
            padding-left: 10px !important
        }

        .p-md-15 {
            padding: 15px !important
        }

        .pt-md-15,
        .py-md-15 {
            padding-top: 15px !important
        }

        .pr-md-15,
        .px-md-15 {
            padding-right: 15px !important
        }

        .pb-md-15,
        .py-md-15 {
            padding-bottom: 15px !important
        }

        .pl-md-15,
        .px-md-15 {
            padding-left: 15px !important
        }

        .p-md-20 {
            padding: 20px !important
        }

        .pt-md-20,
        .py-md-20 {
            padding-top: 20px !important
        }

        .pr-md-20,
        .px-md-20 {
            padding-right: 20px !important
        }

        .pb-md-20,
        .py-md-20 {
            padding-bottom: 20px !important
        }

        .pl-md-20,
        .px-md-20 {
            padding-left: 20px !important
        }

        .p-md-25 {
            padding: 25px !important
        }

        .pt-md-25,
        .py-md-25 {
            padding-top: 25px !important
        }

        .pr-md-25,
        .px-md-25 {
            padding-right: 25px !important
        }

        .pb-md-25,
        .py-md-25 {
            padding-bottom: 25px !important
        }

        .pl-md-25,
        .px-md-25 {
            padding-left: 25px !important
        }

        .p-md-30 {
            padding: 30px !important
        }

        .pt-md-30,
        .py-md-30 {
            padding-top: 30px !important
        }

        .pr-md-30,
        .px-md-30 {
            padding-right: 30px !important
        }

        .pb-md-30,
        .py-md-30 {
            padding-bottom: 30px !important
        }

        .pl-md-30,
        .px-md-30 {
            padding-left: 30px !important
        }

        .p-md-35 {
            padding: 35px !important
        }

        .pt-md-35,
        .py-md-35 {
            padding-top: 35px !important
        }

        .pr-md-35,
        .px-md-35 {
            padding-right: 35px !important
        }

        .pb-md-35,
        .py-md-35 {
            padding-bottom: 35px !important
        }

        .pl-md-35,
        .px-md-35 {
            padding-left: 35px !important
        }

        .p-md-40 {
            padding: 40px !important
        }

        .pt-md-40,
        .py-md-40 {
            padding-top: 40px !important
        }

        .pr-md-40,
        .px-md-40 {
            padding-right: 40px !important
        }

        .pb-md-40,
        .py-md-40 {
            padding-bottom: 40px !important
        }

        .pl-md-40,
        .px-md-40 {
            padding-left: 40px !important
        }

        .p-md-45 {
            padding: 45px !important
        }

        .pt-md-45,
        .py-md-45 {
            padding-top: 45px !important
        }

        .pr-md-45,
        .px-md-45 {
            padding-right: 45px !important
        }

        .pb-md-45,
        .py-md-45 {
            padding-bottom: 45px !important
        }

        .pl-md-45,
        .px-md-45 {
            padding-left: 45px !important
        }

        .p-md-50 {
            padding: 50px !important
        }

        .pt-md-50,
        .py-md-50 {
            padding-top: 50px !important
        }

        .pr-md-50,
        .px-md-50 {
            padding-right: 50px !important
        }

        .pb-md-50,
        .py-md-50 {
            padding-bottom: 50px !important
        }

        .pl-md-50,
        .px-md-50 {
            padding-left: 50px !important
        }

        .m-md-n1 {
            margin: -5px !important
        }

        .mt-md-n1,
        .my-md-n1 {
            margin-top: -5px !important
        }

        .mr-md-n1,
        .mx-md-n1 {
            margin-right: -5px !important
        }

        .mb-md-n1,
        .my-md-n1 {
            margin-bottom: -5px !important
        }

        .ml-md-n1,
        .mx-md-n1 {
            margin-left: -5px !important
        }

        .m-md-n2 {
            margin: -10px !important
        }

        .mt-md-n2,
        .my-md-n2 {
            margin-top: -10px !important
        }

        .mr-md-n2,
        .mx-md-n2 {
            margin-right: -10px !important
        }

        .mb-md-n2,
        .my-md-n2 {
            margin-bottom: -10px !important
        }

        .ml-md-n2,
        .mx-md-n2 {
            margin-left: -10px !important
        }

        .m-md-n3 {
            margin: -20px !important
        }

        .mt-md-n3,
        .my-md-n3 {
            margin-top: -20px !important
        }

        .mr-md-n3,
        .mx-md-n3 {
            margin-right: -20px !important
        }

        .mb-md-n3,
        .my-md-n3 {
            margin-bottom: -20px !important
        }

        .ml-md-n3,
        .mx-md-n3 {
            margin-left: -20px !important
        }

        .m-md-n4 {
            margin: -30px !important
        }

        .mt-md-n4,
        .my-md-n4 {
            margin-top: -30px !important
        }

        .mr-md-n4,
        .mx-md-n4 {
            margin-right: -30px !important
        }

        .mb-md-n4,
        .my-md-n4 {
            margin-bottom: -30px !important
        }

        .ml-md-n4,
        .mx-md-n4 {
            margin-left: -30px !important
        }

        .m-md-n5 {
            margin: -5px !important
        }

        .mt-md-n5,
        .my-md-n5 {
            margin-top: -5px !important
        }

        .mr-md-n5,
        .mx-md-n5 {
            margin-right: -5px !important
        }

        .mb-md-n5,
        .my-md-n5 {
            margin-bottom: -5px !important
        }

        .ml-md-n5,
        .mx-md-n5 {
            margin-left: -5px !important
        }

        .m-md-n10 {
            margin: -10px !important
        }

        .mt-md-n10,
        .my-md-n10 {
            margin-top: -10px !important
        }

        .mr-md-n10,
        .mx-md-n10 {
            margin-right: -10px !important
        }

        .mb-md-n10,
        .my-md-n10 {
            margin-bottom: -10px !important
        }

        .ml-md-n10,
        .mx-md-n10 {
            margin-left: -10px !important
        }

        .m-md-n15 {
            margin: -15px !important
        }

        .mt-md-n15,
        .my-md-n15 {
            margin-top: -15px !important
        }

        .mr-md-n15,
        .mx-md-n15 {
            margin-right: -15px !important
        }

        .mb-md-n15,
        .my-md-n15 {
            margin-bottom: -15px !important
        }

        .ml-md-n15,
        .mx-md-n15 {
            margin-left: -15px !important
        }

        .m-md-n20 {
            margin: -20px !important
        }

        .mt-md-n20,
        .my-md-n20 {
            margin-top: -20px !important
        }

        .mr-md-n20,
        .mx-md-n20 {
            margin-right: -20px !important
        }

        .mb-md-n20,
        .my-md-n20 {
            margin-bottom: -20px !important
        }

        .ml-md-n20,
        .mx-md-n20 {
            margin-left: -20px !important
        }

        .m-md-n25 {
            margin: -25px !important
        }

        .mt-md-n25,
        .my-md-n25 {
            margin-top: -25px !important
        }

        .mr-md-n25,
        .mx-md-n25 {
            margin-right: -25px !important
        }

        .mb-md-n25,
        .my-md-n25 {
            margin-bottom: -25px !important
        }

        .ml-md-n25,
        .mx-md-n25 {
            margin-left: -25px !important
        }

        .m-md-n30 {
            margin: -30px !important
        }

        .mt-md-n30,
        .my-md-n30 {
            margin-top: -30px !important
        }

        .mr-md-n30,
        .mx-md-n30 {
            margin-right: -30px !important
        }

        .mb-md-n30,
        .my-md-n30 {
            margin-bottom: -30px !important
        }

        .ml-md-n30,
        .mx-md-n30 {
            margin-left: -30px !important
        }

        .m-md-n35 {
            margin: -35px !important
        }

        .mt-md-n35,
        .my-md-n35 {
            margin-top: -35px !important
        }

        .mr-md-n35,
        .mx-md-n35 {
            margin-right: -35px !important
        }

        .mb-md-n35,
        .my-md-n35 {
            margin-bottom: -35px !important
        }

        .ml-md-n35,
        .mx-md-n35 {
            margin-left: -35px !important
        }

        .m-md-n40 {
            margin: -40px !important
        }

        .mt-md-n40,
        .my-md-n40 {
            margin-top: -40px !important
        }

        .mr-md-n40,
        .mx-md-n40 {
            margin-right: -40px !important
        }

        .mb-md-n40,
        .my-md-n40 {
            margin-bottom: -40px !important
        }

        .ml-md-n40,
        .mx-md-n40 {
            margin-left: -40px !important
        }

        .m-md-n45 {
            margin: -45px !important
        }

        .mt-md-n45,
        .my-md-n45 {
            margin-top: -45px !important
        }

        .mr-md-n45,
        .mx-md-n45 {
            margin-right: -45px !important
        }

        .mb-md-n45,
        .my-md-n45 {
            margin-bottom: -45px !important
        }

        .ml-md-n45,
        .mx-md-n45 {
            margin-left: -45px !important
        }

        .m-md-n50 {
            margin: -50px !important
        }

        .mt-md-n50,
        .my-md-n50 {
            margin-top: -50px !important
        }

        .mr-md-n50,
        .mx-md-n50 {
            margin-right: -50px !important
        }

        .mb-md-n50,
        .my-md-n50 {
            margin-bottom: -50px !important
        }

        .ml-md-n50,
        .mx-md-n50 {
            margin-left: -50px !important
        }

        .m-md-auto {
            margin: auto !important
        }

        .mt-md-auto,
        .my-md-auto {
            margin-top: auto !important
        }

        .mr-md-auto,
        .mx-md-auto {
            margin-right: auto !important
        }

        .mb-md-auto,
        .my-md-auto {
            margin-bottom: auto !important
        }

        .ml-md-auto,
        .mx-md-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:992px) {
        .m-lg-0 {
            margin: 0 !important
        }

        .mt-lg-0,
        .my-lg-0 {
            margin-top: 0 !important
        }

        .mr-lg-0,
        .mx-lg-0 {
            margin-right: 0 !important
        }

        .mb-lg-0,
        .my-lg-0 {
            margin-bottom: 0 !important
        }

        .ml-lg-0,
        .mx-lg-0 {
            margin-left: 0 !important
        }

        .m-lg-1 {
            margin: 5px !important
        }

        .mt-lg-1,
        .my-lg-1 {
            margin-top: 5px !important
        }

        .mr-lg-1,
        .mx-lg-1 {
            margin-right: 5px !important
        }

        .mb-lg-1,
        .my-lg-1 {
            margin-bottom: 5px !important
        }

        .ml-lg-1,
        .mx-lg-1 {
            margin-left: 5px !important
        }

        .m-lg-2 {
            margin: 10px !important
        }

        .mt-lg-2,
        .my-lg-2 {
            margin-top: 10px !important
        }

        .mr-lg-2,
        .mx-lg-2 {
            margin-right: 10px !important
        }

        .mb-lg-2,
        .my-lg-2 {
            margin-bottom: 10px !important
        }

        .ml-lg-2,
        .mx-lg-2 {
            margin-left: 10px !important
        }

        .m-lg-3 {
            margin: 20px !important
        }

        .mt-lg-3,
        .my-lg-3 {
            margin-top: 20px !important
        }

        .mr-lg-3,
        .mx-lg-3 {
            margin-right: 20px !important
        }

        .mb-lg-3,
        .my-lg-3 {
            margin-bottom: 20px !important
        }

        .ml-lg-3,
        .mx-lg-3 {
            margin-left: 20px !important
        }

        .m-lg-4 {
            margin: 30px !important
        }

        .mt-lg-4,
        .my-lg-4 {
            margin-top: 30px !important
        }

        .mr-lg-4,
        .mx-lg-4 {
            margin-right: 30px !important
        }

        .mb-lg-4,
        .my-lg-4 {
            margin-bottom: 30px !important
        }

        .ml-lg-4,
        .mx-lg-4 {
            margin-left: 30px !important
        }

        .m-lg-5 {
            margin: 5px !important
        }

        .mt-lg-5,
        .my-lg-5 {
            margin-top: 5px !important
        }

        .mr-lg-5,
        .mx-lg-5 {
            margin-right: 5px !important
        }

        .mb-lg-5,
        .my-lg-5 {
            margin-bottom: 5px !important
        }

        .ml-lg-5,
        .mx-lg-5 {
            margin-left: 5px !important
        }

        .m-lg-10 {
            margin: 10px !important
        }

        .mt-lg-10,
        .my-lg-10 {
            margin-top: 10px !important
        }

        .mr-lg-10,
        .mx-lg-10 {
            margin-right: 10px !important
        }

        .mb-lg-10,
        .my-lg-10 {
            margin-bottom: 10px !important
        }

        .ml-lg-10,
        .mx-lg-10 {
            margin-left: 10px !important
        }

        .m-lg-15 {
            margin: 15px !important
        }

        .mt-lg-15,
        .my-lg-15 {
            margin-top: 15px !important
        }

        .mr-lg-15,
        .mx-lg-15 {
            margin-right: 15px !important
        }

        .mb-lg-15,
        .my-lg-15 {
            margin-bottom: 15px !important
        }

        .ml-lg-15,
        .mx-lg-15 {
            margin-left: 15px !important
        }

        .m-lg-20 {
            margin: 20px !important
        }

        .mt-lg-20,
        .my-lg-20 {
            margin-top: 20px !important
        }

        .mr-lg-20,
        .mx-lg-20 {
            margin-right: 20px !important
        }

        .mb-lg-20,
        .my-lg-20 {
            margin-bottom: 20px !important
        }

        .ml-lg-20,
        .mx-lg-20 {
            margin-left: 20px !important
        }

        .m-lg-25 {
            margin: 25px !important
        }

        .mt-lg-25,
        .my-lg-25 {
            margin-top: 25px !important
        }

        .mr-lg-25,
        .mx-lg-25 {
            margin-right: 25px !important
        }

        .mb-lg-25,
        .my-lg-25 {
            margin-bottom: 25px !important
        }

        .ml-lg-25,
        .mx-lg-25 {
            margin-left: 25px !important
        }

        .m-lg-30 {
            margin: 30px !important
        }

        .mt-lg-30,
        .my-lg-30 {
            margin-top: 30px !important
        }

        .mr-lg-30,
        .mx-lg-30 {
            margin-right: 30px !important
        }

        .mb-lg-30,
        .my-lg-30 {
            margin-bottom: 30px !important
        }

        .ml-lg-30,
        .mx-lg-30 {
            margin-left: 30px !important
        }

        .m-lg-35 {
            margin: 35px !important
        }

        .mt-lg-35,
        .my-lg-35 {
            margin-top: 35px !important
        }

        .mr-lg-35,
        .mx-lg-35 {
            margin-right: 35px !important
        }

        .mb-lg-35,
        .my-lg-35 {
            margin-bottom: 35px !important
        }

        .ml-lg-35,
        .mx-lg-35 {
            margin-left: 35px !important
        }

        .m-lg-40 {
            margin: 40px !important
        }

        .mt-lg-40,
        .my-lg-40 {
            margin-top: 40px !important
        }

        .mr-lg-40,
        .mx-lg-40 {
            margin-right: 40px !important
        }

        .mb-lg-40,
        .my-lg-40 {
            margin-bottom: 40px !important
        }

        .ml-lg-40,
        .mx-lg-40 {
            margin-left: 40px !important
        }

        .m-lg-45 {
            margin: 45px !important
        }

        .mt-lg-45,
        .my-lg-45 {
            margin-top: 45px !important
        }

        .mr-lg-45,
        .mx-lg-45 {
            margin-right: 45px !important
        }

        .mb-lg-45,
        .my-lg-45 {
            margin-bottom: 45px !important
        }

        .ml-lg-45,
        .mx-lg-45 {
            margin-left: 45px !important
        }

        .m-lg-50 {
            margin: 50px !important
        }

        .mt-lg-50,
        .my-lg-50 {
            margin-top: 50px !important
        }

        .mr-lg-50,
        .mx-lg-50 {
            margin-right: 50px !important
        }

        .mb-lg-50,
        .my-lg-50 {
            margin-bottom: 50px !important
        }

        .ml-lg-50,
        .mx-lg-50 {
            margin-left: 50px !important
        }

        .p-lg-0 {
            padding: 0 !important
        }

        .pt-lg-0,
        .py-lg-0 {
            padding-top: 0 !important
        }

        .pr-lg-0,
        .px-lg-0 {
            padding-right: 0 !important
        }

        .pb-lg-0,
        .py-lg-0 {
            padding-bottom: 0 !important
        }

        .pl-lg-0,
        .px-lg-0 {
            padding-left: 0 !important
        }

        .p-lg-1 {
            padding: 5px !important
        }

        .pt-lg-1,
        .py-lg-1 {
            padding-top: 5px !important
        }

        .pr-lg-1,
        .px-lg-1 {
            padding-right: 5px !important
        }

        .pb-lg-1,
        .py-lg-1 {
            padding-bottom: 5px !important
        }

        .pl-lg-1,
        .px-lg-1 {
            padding-left: 5px !important
        }

        .p-lg-2 {
            padding: 10px !important
        }

        .pt-lg-2,
        .py-lg-2 {
            padding-top: 10px !important
        }

        .pr-lg-2,
        .px-lg-2 {
            padding-right: 10px !important
        }

        .pb-lg-2,
        .py-lg-2 {
            padding-bottom: 10px !important
        }

        .pl-lg-2,
        .px-lg-2 {
            padding-left: 10px !important
        }

        .p-lg-3 {
            padding: 20px !important
        }

        .pt-lg-3,
        .py-lg-3 {
            padding-top: 20px !important
        }

        .pr-lg-3,
        .px-lg-3 {
            padding-right: 20px !important
        }

        .pb-lg-3,
        .py-lg-3 {
            padding-bottom: 20px !important
        }

        .pl-lg-3,
        .px-lg-3 {
            padding-left: 20px !important
        }

        .p-lg-4 {
            padding: 30px !important
        }

        .pt-lg-4,
        .py-lg-4 {
            padding-top: 30px !important
        }

        .pr-lg-4,
        .px-lg-4 {
            padding-right: 30px !important
        }

        .pb-lg-4,
        .py-lg-4 {
            padding-bottom: 30px !important
        }

        .pl-lg-4,
        .px-lg-4 {
            padding-left: 30px !important
        }

        .p-lg-5 {
            padding: 5px !important
        }

        .pt-lg-5,
        .py-lg-5 {
            padding-top: 5px !important
        }

        .pr-lg-5,
        .px-lg-5 {
            padding-right: 5px !important
        }

        .pb-lg-5,
        .py-lg-5 {
            padding-bottom: 5px !important
        }

        .pl-lg-5,
        .px-lg-5 {
            padding-left: 5px !important
        }

        .p-lg-10 {
            padding: 10px !important
        }

        .pt-lg-10,
        .py-lg-10 {
            padding-top: 10px !important
        }

        .pr-lg-10,
        .px-lg-10 {
            padding-right: 10px !important
        }

        .pb-lg-10,
        .py-lg-10 {
            padding-bottom: 10px !important
        }

        .pl-lg-10,
        .px-lg-10 {
            padding-left: 10px !important
        }

        .p-lg-15 {
            padding: 15px !important
        }

        .pt-lg-15,
        .py-lg-15 {
            padding-top: 15px !important
        }

        .pr-lg-15,
        .px-lg-15 {
            padding-right: 15px !important
        }

        .pb-lg-15,
        .py-lg-15 {
            padding-bottom: 15px !important
        }

        .pl-lg-15,
        .px-lg-15 {
            padding-left: 15px !important
        }

        .p-lg-20 {
            padding: 20px !important
        }

        .pt-lg-20,
        .py-lg-20 {
            padding-top: 20px !important
        }

        .pr-lg-20,
        .px-lg-20 {
            padding-right: 20px !important
        }

        .pb-lg-20,
        .py-lg-20 {
            padding-bottom: 20px !important
        }

        .pl-lg-20,
        .px-lg-20 {
            padding-left: 20px !important
        }

        .p-lg-25 {
            padding: 25px !important
        }

        .pt-lg-25,
        .py-lg-25 {
            padding-top: 25px !important
        }

        .pr-lg-25,
        .px-lg-25 {
            padding-right: 25px !important
        }

        .pb-lg-25,
        .py-lg-25 {
            padding-bottom: 25px !important
        }

        .pl-lg-25,
        .px-lg-25 {
            padding-left: 25px !important
        }

        .p-lg-30 {
            padding: 30px !important
        }

        .pt-lg-30,
        .py-lg-30 {
            padding-top: 30px !important
        }

        .pr-lg-30,
        .px-lg-30 {
            padding-right: 30px !important
        }

        .pb-lg-30,
        .py-lg-30 {
            padding-bottom: 30px !important
        }

        .pl-lg-30,
        .px-lg-30 {
            padding-left: 30px !important
        }

        .p-lg-35 {
            padding: 35px !important
        }

        .pt-lg-35,
        .py-lg-35 {
            padding-top: 35px !important
        }

        .pr-lg-35,
        .px-lg-35 {
            padding-right: 35px !important
        }

        .pb-lg-35,
        .py-lg-35 {
            padding-bottom: 35px !important
        }

        .pl-lg-35,
        .px-lg-35 {
            padding-left: 35px !important
        }

        .p-lg-40 {
            padding: 40px !important
        }

        .pt-lg-40,
        .py-lg-40 {
            padding-top: 40px !important
        }

        .pr-lg-40,
        .px-lg-40 {
            padding-right: 40px !important
        }

        .pb-lg-40,
        .py-lg-40 {
            padding-bottom: 40px !important
        }

        .pl-lg-40,
        .px-lg-40 {
            padding-left: 40px !important
        }

        .p-lg-45 {
            padding: 45px !important
        }

        .pt-lg-45,
        .py-lg-45 {
            padding-top: 45px !important
        }

        .pr-lg-45,
        .px-lg-45 {
            padding-right: 45px !important
        }

        .pb-lg-45,
        .py-lg-45 {
            padding-bottom: 45px !important
        }

        .pl-lg-45,
        .px-lg-45 {
            padding-left: 45px !important
        }

        .p-lg-50 {
            padding: 50px !important
        }

        .pt-lg-50,
        .py-lg-50 {
            padding-top: 50px !important
        }

        .pr-lg-50,
        .px-lg-50 {
            padding-right: 50px !important
        }

        .pb-lg-50,
        .py-lg-50 {
            padding-bottom: 50px !important
        }

        .pl-lg-50,
        .px-lg-50 {
            padding-left: 50px !important
        }

        .m-lg-n1 {
            margin: -5px !important
        }

        .mt-lg-n1,
        .my-lg-n1 {
            margin-top: -5px !important
        }

        .mr-lg-n1,
        .mx-lg-n1 {
            margin-right: -5px !important
        }

        .mb-lg-n1,
        .my-lg-n1 {
            margin-bottom: -5px !important
        }

        .ml-lg-n1,
        .mx-lg-n1 {
            margin-left: -5px !important
        }

        .m-lg-n2 {
            margin: -10px !important
        }

        .mt-lg-n2,
        .my-lg-n2 {
            margin-top: -10px !important
        }

        .mr-lg-n2,
        .mx-lg-n2 {
            margin-right: -10px !important
        }

        .mb-lg-n2,
        .my-lg-n2 {
            margin-bottom: -10px !important
        }

        .ml-lg-n2,
        .mx-lg-n2 {
            margin-left: -10px !important
        }

        .m-lg-n3 {
            margin: -20px !important
        }

        .mt-lg-n3,
        .my-lg-n3 {
            margin-top: -20px !important
        }

        .mr-lg-n3,
        .mx-lg-n3 {
            margin-right: -20px !important
        }

        .mb-lg-n3,
        .my-lg-n3 {
            margin-bottom: -20px !important
        }

        .ml-lg-n3,
        .mx-lg-n3 {
            margin-left: -20px !important
        }

        .m-lg-n4 {
            margin: -30px !important
        }

        .mt-lg-n4,
        .my-lg-n4 {
            margin-top: -30px !important
        }

        .mr-lg-n4,
        .mx-lg-n4 {
            margin-right: -30px !important
        }

        .mb-lg-n4,
        .my-lg-n4 {
            margin-bottom: -30px !important
        }

        .ml-lg-n4,
        .mx-lg-n4 {
            margin-left: -30px !important
        }

        .m-lg-n5 {
            margin: -5px !important
        }

        .mt-lg-n5,
        .my-lg-n5 {
            margin-top: -5px !important
        }

        .mr-lg-n5,
        .mx-lg-n5 {
            margin-right: -5px !important
        }

        .mb-lg-n5,
        .my-lg-n5 {
            margin-bottom: -5px !important
        }

        .ml-lg-n5,
        .mx-lg-n5 {
            margin-left: -5px !important
        }

        .m-lg-n10 {
            margin: -10px !important
        }

        .mt-lg-n10,
        .my-lg-n10 {
            margin-top: -10px !important
        }

        .mr-lg-n10,
        .mx-lg-n10 {
            margin-right: -10px !important
        }

        .mb-lg-n10,
        .my-lg-n10 {
            margin-bottom: -10px !important
        }

        .ml-lg-n10,
        .mx-lg-n10 {
            margin-left: -10px !important
        }

        .m-lg-n15 {
            margin: -15px !important
        }

        .mt-lg-n15,
        .my-lg-n15 {
            margin-top: -15px !important
        }

        .mr-lg-n15,
        .mx-lg-n15 {
            margin-right: -15px !important
        }

        .mb-lg-n15,
        .my-lg-n15 {
            margin-bottom: -15px !important
        }

        .ml-lg-n15,
        .mx-lg-n15 {
            margin-left: -15px !important
        }

        .m-lg-n20 {
            margin: -20px !important
        }

        .mt-lg-n20,
        .my-lg-n20 {
            margin-top: -20px !important
        }

        .mr-lg-n20,
        .mx-lg-n20 {
            margin-right: -20px !important
        }

        .mb-lg-n20,
        .my-lg-n20 {
            margin-bottom: -20px !important
        }

        .ml-lg-n20,
        .mx-lg-n20 {
            margin-left: -20px !important
        }

        .m-lg-n25 {
            margin: -25px !important
        }

        .mt-lg-n25,
        .my-lg-n25 {
            margin-top: -25px !important
        }

        .mr-lg-n25,
        .mx-lg-n25 {
            margin-right: -25px !important
        }

        .mb-lg-n25,
        .my-lg-n25 {
            margin-bottom: -25px !important
        }

        .ml-lg-n25,
        .mx-lg-n25 {
            margin-left: -25px !important
        }

        .m-lg-n30 {
            margin: -30px !important
        }

        .mt-lg-n30,
        .my-lg-n30 {
            margin-top: -30px !important
        }

        .mr-lg-n30,
        .mx-lg-n30 {
            margin-right: -30px !important
        }

        .mb-lg-n30,
        .my-lg-n30 {
            margin-bottom: -30px !important
        }

        .ml-lg-n30,
        .mx-lg-n30 {
            margin-left: -30px !important
        }

        .m-lg-n35 {
            margin: -35px !important
        }

        .mt-lg-n35,
        .my-lg-n35 {
            margin-top: -35px !important
        }

        .mr-lg-n35,
        .mx-lg-n35 {
            margin-right: -35px !important
        }

        .mb-lg-n35,
        .my-lg-n35 {
            margin-bottom: -35px !important
        }

        .ml-lg-n35,
        .mx-lg-n35 {
            margin-left: -35px !important
        }

        .m-lg-n40 {
            margin: -40px !important
        }

        .mt-lg-n40,
        .my-lg-n40 {
            margin-top: -40px !important
        }

        .mr-lg-n40,
        .mx-lg-n40 {
            margin-right: -40px !important
        }

        .mb-lg-n40,
        .my-lg-n40 {
            margin-bottom: -40px !important
        }

        .ml-lg-n40,
        .mx-lg-n40 {
            margin-left: -40px !important
        }

        .m-lg-n45 {
            margin: -45px !important
        }

        .mt-lg-n45,
        .my-lg-n45 {
            margin-top: -45px !important
        }

        .mr-lg-n45,
        .mx-lg-n45 {
            margin-right: -45px !important
        }

        .mb-lg-n45,
        .my-lg-n45 {
            margin-bottom: -45px !important
        }

        .ml-lg-n45,
        .mx-lg-n45 {
            margin-left: -45px !important
        }

        .m-lg-n50 {
            margin: -50px !important
        }

        .mt-lg-n50,
        .my-lg-n50 {
            margin-top: -50px !important
        }

        .mr-lg-n50,
        .mx-lg-n50 {
            margin-right: -50px !important
        }

        .mb-lg-n50,
        .my-lg-n50 {
            margin-bottom: -50px !important
        }

        .ml-lg-n50,
        .mx-lg-n50 {
            margin-left: -50px !important
        }

        .m-lg-auto {
            margin: auto !important
        }

        .mt-lg-auto,
        .my-lg-auto {
            margin-top: auto !important
        }

        .mr-lg-auto,
        .mx-lg-auto {
            margin-right: auto !important
        }

        .mb-lg-auto,
        .my-lg-auto {
            margin-bottom: auto !important
        }

        .ml-lg-auto,
        .mx-lg-auto {
            margin-left: auto !important
        }
    }

    @media (min-width:1200px) {
        .m-xl-0 {
            margin: 0 !important
        }

        .mt-xl-0,
        .my-xl-0 {
            margin-top: 0 !important
        }

        .mr-xl-0,
        .mx-xl-0 {
            margin-right: 0 !important
        }

        .mb-xl-0,
        .my-xl-0 {
            margin-bottom: 0 !important
        }

        .ml-xl-0,
        .mx-xl-0 {
            margin-left: 0 !important
        }

        .m-xl-1 {
            margin: 5px !important
        }

        .mt-xl-1,
        .my-xl-1 {
            margin-top: 5px !important
        }

        .mr-xl-1,
        .mx-xl-1 {
            margin-right: 5px !important
        }

        .mb-xl-1,
        .my-xl-1 {
            margin-bottom: 5px !important
        }

        .ml-xl-1,
        .mx-xl-1 {
            margin-left: 5px !important
        }

        .m-xl-2 {
            margin: 10px !important
        }

        .mt-xl-2,
        .my-xl-2 {
            margin-top: 10px !important
        }

        .mr-xl-2,
        .mx-xl-2 {
            margin-right: 10px !important
        }

        .mb-xl-2,
        .my-xl-2 {
            margin-bottom: 10px !important
        }

        .ml-xl-2,
        .mx-xl-2 {
            margin-left: 10px !important
        }

        .m-xl-3 {
            margin: 20px !important
        }

        .mt-xl-3,
        .my-xl-3 {
            margin-top: 20px !important
        }

        .mr-xl-3,
        .mx-xl-3 {
            margin-right: 20px !important
        }

        .mb-xl-3,
        .my-xl-3 {
            margin-bottom: 20px !important
        }

        .ml-xl-3,
        .mx-xl-3 {
            margin-left: 20px !important
        }

        .m-xl-4 {
            margin: 30px !important
        }

        .mt-xl-4,
        .my-xl-4 {
            margin-top: 30px !important
        }

        .mr-xl-4,
        .mx-xl-4 {
            margin-right: 30px !important
        }

        .mb-xl-4,
        .my-xl-4 {
            margin-bottom: 30px !important
        }

        .ml-xl-4,
        .mx-xl-4 {
            margin-left: 30px !important
        }

        .m-xl-5 {
            margin: 5px !important
        }

        .mt-xl-5,
        .my-xl-5 {
            margin-top: 5px !important
        }

        .mr-xl-5,
        .mx-xl-5 {
            margin-right: 5px !important
        }

        .mb-xl-5,
        .my-xl-5 {
            margin-bottom: 5px !important
        }

        .ml-xl-5,
        .mx-xl-5 {
            margin-left: 5px !important
        }

        .m-xl-10 {
            margin: 10px !important
        }

        .mt-xl-10,
        .my-xl-10 {
            margin-top: 10px !important
        }

        .mr-xl-10,
        .mx-xl-10 {
            margin-right: 10px !important
        }

        .mb-xl-10,
        .my-xl-10 {
            margin-bottom: 10px !important
        }

        .ml-xl-10,
        .mx-xl-10 {
            margin-left: 10px !important
        }

        .m-xl-15 {
            margin: 15px !important
        }

        .mt-xl-15,
        .my-xl-15 {
            margin-top: 15px !important
        }

        .mr-xl-15,
        .mx-xl-15 {
            margin-right: 15px !important
        }

        .mb-xl-15,
        .my-xl-15 {
            margin-bottom: 15px !important
        }

        .ml-xl-15,
        .mx-xl-15 {
            margin-left: 15px !important
        }

        .m-xl-20 {
            margin: 20px !important
        }

        .mt-xl-20,
        .my-xl-20 {
            margin-top: 20px !important
        }

        .mr-xl-20,
        .mx-xl-20 {
            margin-right: 20px !important
        }

        .mb-xl-20,
        .my-xl-20 {
            margin-bottom: 20px !important
        }

        .ml-xl-20,
        .mx-xl-20 {
            margin-left: 20px !important
        }

        .m-xl-25 {
            margin: 25px !important
        }

        .mt-xl-25,
        .my-xl-25 {
            margin-top: 25px !important
        }

        .mr-xl-25,
        .mx-xl-25 {
            margin-right: 25px !important
        }

        .mb-xl-25,
        .my-xl-25 {
            margin-bottom: 25px !important
        }

        .ml-xl-25,
        .mx-xl-25 {
            margin-left: 25px !important
        }

        .m-xl-30 {
            margin: 30px !important
        }

        .mt-xl-30,
        .my-xl-30 {
            margin-top: 30px !important
        }

        .mr-xl-30,
        .mx-xl-30 {
            margin-right: 30px !important
        }

        .mb-xl-30,
        .my-xl-30 {
            margin-bottom: 30px !important
        }

        .ml-xl-30,
        .mx-xl-30 {
            margin-left: 30px !important
        }

        .m-xl-35 {
            margin: 35px !important
        }

        .mt-xl-35,
        .my-xl-35 {
            margin-top: 35px !important
        }

        .mr-xl-35,
        .mx-xl-35 {
            margin-right: 35px !important
        }

        .mb-xl-35,
        .my-xl-35 {
            margin-bottom: 35px !important
        }

        .ml-xl-35,
        .mx-xl-35 {
            margin-left: 35px !important
        }

        .m-xl-40 {
            margin: 40px !important
        }

        .mt-xl-40,
        .my-xl-40 {
            margin-top: 40px !important
        }

        .mr-xl-40,
        .mx-xl-40 {
            margin-right: 40px !important
        }

        .mb-xl-40,
        .my-xl-40 {
            margin-bottom: 40px !important
        }

        .ml-xl-40,
        .mx-xl-40 {
            margin-left: 40px !important
        }

        .m-xl-45 {
            margin: 45px !important
        }

        .mt-xl-45,
        .my-xl-45 {
            margin-top: 45px !important
        }

        .mr-xl-45,
        .mx-xl-45 {
            margin-right: 45px !important
        }

        .mb-xl-45,
        .my-xl-45 {
            margin-bottom: 45px !important
        }

        .ml-xl-45,
        .mx-xl-45 {
            margin-left: 45px !important
        }

        .m-xl-50 {
            margin: 50px !important
        }

        .mt-xl-50,
        .my-xl-50 {
            margin-top: 50px !important
        }

        .mr-xl-50,
        .mx-xl-50 {
            margin-right: 50px !important
        }

        .mb-xl-50,
        .my-xl-50 {
            margin-bottom: 50px !important
        }

        .ml-xl-50,
        .mx-xl-50 {
            margin-left: 50px !important
        }

        .p-xl-0 {
            padding: 0 !important
        }

        .pt-xl-0,
        .py-xl-0 {
            padding-top: 0 !important
        }

        .pr-xl-0,
        .px-xl-0 {
            padding-right: 0 !important
        }

        .pb-xl-0,
        .py-xl-0 {
            padding-bottom: 0 !important
        }

        .pl-xl-0,
        .px-xl-0 {
            padding-left: 0 !important
        }

        .p-xl-1 {
            padding: 5px !important
        }

        .pt-xl-1,
        .py-xl-1 {
            padding-top: 5px !important
        }

        .pr-xl-1,
        .px-xl-1 {
            padding-right: 5px !important
        }

        .pb-xl-1,
        .py-xl-1 {
            padding-bottom: 5px !important
        }

        .pl-xl-1,
        .px-xl-1 {
            padding-left: 5px !important
        }

        .p-xl-2 {
            padding: 10px !important
        }

        .pt-xl-2,
        .py-xl-2 {
            padding-top: 10px !important
        }

        .pr-xl-2,
        .px-xl-2 {
            padding-right: 10px !important
        }

        .pb-xl-2,
        .py-xl-2 {
            padding-bottom: 10px !important
        }

        .pl-xl-2,
        .px-xl-2 {
            padding-left: 10px !important
        }

        .p-xl-3 {
            padding: 20px !important
        }

        .pt-xl-3,
        .py-xl-3 {
            padding-top: 20px !important
        }

        .pr-xl-3,
        .px-xl-3 {
            padding-right: 20px !important
        }

        .pb-xl-3,
        .py-xl-3 {
            padding-bottom: 20px !important
        }

        .pl-xl-3,
        .px-xl-3 {
            padding-left: 20px !important
        }

        .p-xl-4 {
            padding: 30px !important
        }

        .pt-xl-4,
        .py-xl-4 {
            padding-top: 30px !important
        }

        .pr-xl-4,
        .px-xl-4 {
            padding-right: 30px !important
        }

        .pb-xl-4,
        .py-xl-4 {
            padding-bottom: 30px !important
        }

        .pl-xl-4,
        .px-xl-4 {
            padding-left: 30px !important
        }

        .p-xl-5 {
            padding: 5px !important
        }

        .pt-xl-5,
        .py-xl-5 {
            padding-top: 5px !important
        }

        .pr-xl-5,
        .px-xl-5 {
            padding-right: 5px !important
        }

        .pb-xl-5,
        .py-xl-5 {
            padding-bottom: 5px !important
        }

        .pl-xl-5,
        .px-xl-5 {
            padding-left: 5px !important
        }

        .p-xl-10 {
            padding: 10px !important
        }

        .pt-xl-10,
        .py-xl-10 {
            padding-top: 10px !important
        }

        .pr-xl-10,
        .px-xl-10 {
            padding-right: 10px !important
        }

        .pb-xl-10,
        .py-xl-10 {
            padding-bottom: 10px !important
        }

        .pl-xl-10,
        .px-xl-10 {
            padding-left: 10px !important
        }

        .p-xl-15 {
            padding: 15px !important
        }

        .pt-xl-15,
        .py-xl-15 {
            padding-top: 15px !important
        }

        .pr-xl-15,
        .px-xl-15 {
            padding-right: 15px !important
        }

        .pb-xl-15,
        .py-xl-15 {
            padding-bottom: 15px !important
        }

        .pl-xl-15,
        .px-xl-15 {
            padding-left: 15px !important
        }

        .p-xl-20 {
            padding: 20px !important
        }

        .pt-xl-20,
        .py-xl-20 {
            padding-top: 20px !important
        }

        .pr-xl-20,
        .px-xl-20 {
            padding-right: 20px !important
        }

        .pb-xl-20,
        .py-xl-20 {
            padding-bottom: 20px !important
        }

        .pl-xl-20,
        .px-xl-20 {
            padding-left: 20px !important
        }

        .p-xl-25 {
            padding: 25px !important
        }

        .pt-xl-25,
        .py-xl-25 {
            padding-top: 25px !important
        }

        .pr-xl-25,
        .px-xl-25 {
            padding-right: 25px !important
        }

        .pb-xl-25,
        .py-xl-25 {
            padding-bottom: 25px !important
        }

        .pl-xl-25,
        .px-xl-25 {
            padding-left: 25px !important
        }

        .p-xl-30 {
            padding: 30px !important
        }

        .pt-xl-30,
        .py-xl-30 {
            padding-top: 30px !important
        }

        .pr-xl-30,
        .px-xl-30 {
            padding-right: 30px !important
        }

        .pb-xl-30,
        .py-xl-30 {
            padding-bottom: 30px !important
        }

        .pl-xl-30,
        .px-xl-30 {
            padding-left: 30px !important
        }

        .p-xl-35 {
            padding: 35px !important
        }

        .pt-xl-35,
        .py-xl-35 {
            padding-top: 35px !important
        }

        .pr-xl-35,
        .px-xl-35 {
            padding-right: 35px !important
        }

        .pb-xl-35,
        .py-xl-35 {
            padding-bottom: 35px !important
        }

        .pl-xl-35,
        .px-xl-35 {
            padding-left: 35px !important
        }

        .p-xl-40 {
            padding: 40px !important
        }

        .pt-xl-40,
        .py-xl-40 {
            padding-top: 40px !important
        }

        .pr-xl-40,
        .px-xl-40 {
            padding-right: 40px !important
        }

        .pb-xl-40,
        .py-xl-40 {
            padding-bottom: 40px !important
        }

        .pl-xl-40,
        .px-xl-40 {
            padding-left: 40px !important
        }

        .p-xl-45 {
            padding: 45px !important
        }

        .pt-xl-45,
        .py-xl-45 {
            padding-top: 45px !important
        }

        .pr-xl-45,
        .px-xl-45 {
            padding-right: 45px !important
        }

        .pb-xl-45,
        .py-xl-45 {
            padding-bottom: 45px !important
        }

        .pl-xl-45,
        .px-xl-45 {
            padding-left: 45px !important
        }

        .p-xl-50 {
            padding: 50px !important
        }

        .pt-xl-50,
        .py-xl-50 {
            padding-top: 50px !important
        }

        .pr-xl-50,
        .px-xl-50 {
            padding-right: 50px !important
        }

        .pb-xl-50,
        .py-xl-50 {
            padding-bottom: 50px !important
        }

        .pl-xl-50,
        .px-xl-50 {
            padding-left: 50px !important
        }

        .m-xl-n1 {
            margin: -5px !important
        }

        .mt-xl-n1,
        .my-xl-n1 {
            margin-top: -5px !important
        }

        .mr-xl-n1,
        .mx-xl-n1 {
            margin-right: -5px !important
        }

        .mb-xl-n1,
        .my-xl-n1 {
            margin-bottom: -5px !important
        }

        .ml-xl-n1,
        .mx-xl-n1 {
            margin-left: -5px !important
        }

        .m-xl-n2 {
            margin: -10px !important
        }

        .mt-xl-n2,
        .my-xl-n2 {
            margin-top: -10px !important
        }

        .mr-xl-n2,
        .mx-xl-n2 {
            margin-right: -10px !important
        }

        .mb-xl-n2,
        .my-xl-n2 {
            margin-bottom: -10px !important
        }

        .ml-xl-n2,
        .mx-xl-n2 {
            margin-left: -10px !important
        }

        .m-xl-n3 {
            margin: -20px !important
        }

        .mt-xl-n3,
        .my-xl-n3 {
            margin-top: -20px !important
        }

        .mr-xl-n3,
        .mx-xl-n3 {
            margin-right: -20px !important
        }

        .mb-xl-n3,
        .my-xl-n3 {
            margin-bottom: -20px !important
        }

        .ml-xl-n3,
        .mx-xl-n3 {
            margin-left: -20px !important
        }

        .m-xl-n4 {
            margin: -30px !important
        }

        .mt-xl-n4,
        .my-xl-n4 {
            margin-top: -30px !important
        }

        .mr-xl-n4,
        .mx-xl-n4 {
            margin-right: -30px !important
        }

        .mb-xl-n4,
        .my-xl-n4 {
            margin-bottom: -30px !important
        }

        .ml-xl-n4,
        .mx-xl-n4 {
            margin-left: -30px !important
        }

        .m-xl-n5 {
            margin: -5px !important
        }

        .mt-xl-n5,
        .my-xl-n5 {
            margin-top: -5px !important
        }

        .mr-xl-n5,
        .mx-xl-n5 {
            margin-right: -5px !important
        }

        .mb-xl-n5,
        .my-xl-n5 {
            margin-bottom: -5px !important
        }

        .ml-xl-n5,
        .mx-xl-n5 {
            margin-left: -5px !important
        }

        .m-xl-n10 {
            margin: -10px !important
        }

        .mt-xl-n10,
        .my-xl-n10 {
            margin-top: -10px !important
        }

        .mr-xl-n10,
        .mx-xl-n10 {
            margin-right: -10px !important
        }

        .mb-xl-n10,
        .my-xl-n10 {
            margin-bottom: -10px !important
        }

        .ml-xl-n10,
        .mx-xl-n10 {
            margin-left: -10px !important
        }

        .m-xl-n15 {
            margin: -15px !important
        }

        .mt-xl-n15,
        .my-xl-n15 {
            margin-top: -15px !important
        }

        .mr-xl-n15,
        .mx-xl-n15 {
            margin-right: -15px !important
        }

        .mb-xl-n15,
        .my-xl-n15 {
            margin-bottom: -15px !important
        }

        .ml-xl-n15,
        .mx-xl-n15 {
            margin-left: -15px !important
        }

        .m-xl-n20 {
            margin: -20px !important
        }

        .mt-xl-n20,
        .my-xl-n20 {
            margin-top: -20px !important
        }

        .mr-xl-n20,
        .mx-xl-n20 {
            margin-right: -20px !important
        }

        .mb-xl-n20,
        .my-xl-n20 {
            margin-bottom: -20px !important
        }

        .ml-xl-n20,
        .mx-xl-n20 {
            margin-left: -20px !important
        }

        .m-xl-n25 {
            margin: -25px !important
        }

        .mt-xl-n25,
        .my-xl-n25 {
            margin-top: -25px !important
        }

        .mr-xl-n25,
        .mx-xl-n25 {
            margin-right: -25px !important
        }

        .mb-xl-n25,
        .my-xl-n25 {
            margin-bottom: -25px !important
        }

        .ml-xl-n25,
        .mx-xl-n25 {
            margin-left: -25px !important
        }

        .m-xl-n30 {
            margin: -30px !important
        }

        .mt-xl-n30,
        .my-xl-n30 {
            margin-top: -30px !important
        }

        .mr-xl-n30,
        .mx-xl-n30 {
            margin-right: -30px !important
        }

        .mb-xl-n30,
        .my-xl-n30 {
            margin-bottom: -30px !important
        }

        .ml-xl-n30,
        .mx-xl-n30 {
            margin-left: -30px !important
        }

        .m-xl-n35 {
            margin: -35px !important
        }

        .mt-xl-n35,
        .my-xl-n35 {
            margin-top: -35px !important
        }

        .mr-xl-n35,
        .mx-xl-n35 {
            margin-right: -35px !important
        }

        .mb-xl-n35,
        .my-xl-n35 {
            margin-bottom: -35px !important
        }

        .ml-xl-n35,
        .mx-xl-n35 {
            margin-left: -35px !important
        }

        .m-xl-n40 {
            margin: -40px !important
        }

        .mt-xl-n40,
        .my-xl-n40 {
            margin-top: -40px !important
        }

        .mr-xl-n40,
        .mx-xl-n40 {
            margin-right: -40px !important
        }

        .mb-xl-n40,
        .my-xl-n40 {
            margin-bottom: -40px !important
        }

        .ml-xl-n40,
        .mx-xl-n40 {
            margin-left: -40px !important
        }

        .m-xl-n45 {
            margin: -45px !important
        }

        .mt-xl-n45,
        .my-xl-n45 {
            margin-top: -45px !important
        }

        .mr-xl-n45,
        .mx-xl-n45 {
            margin-right: -45px !important
        }

        .mb-xl-n45,
        .my-xl-n45 {
            margin-bottom: -45px !important
        }

        .ml-xl-n45,
        .mx-xl-n45 {
            margin-left: -45px !important
        }

        .m-xl-n50 {
            margin: -50px !important
        }

        .mt-xl-n50,
        .my-xl-n50 {
            margin-top: -50px !important
        }

        .mr-xl-n50,
        .mx-xl-n50 {
            margin-right: -50px !important
        }

        .mb-xl-n50,
        .my-xl-n50 {
            margin-bottom: -50px !important
        }

        .ml-xl-n50,
        .mx-xl-n50 {
            margin-left: -50px !important
        }

        .m-xl-auto {
            margin: auto !important
        }

        .mt-xl-auto,
        .my-xl-auto {
            margin-top: auto !important
        }

        .mr-xl-auto,
        .mx-xl-auto {
            margin-right: auto !important
        }

        .mb-xl-auto,
        .my-xl-auto {
            margin-bottom: auto !important
        }

        .ml-xl-auto,
        .mx-xl-auto {
            margin-left: auto !important
        }
    }

    .stretched-link:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: transparent
    }

    .text-monospace {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
    }

    .text-justify {
        text-align: justify !important
    }

    .text-wrap {
        white-space: normal !important
    }

    .text-nowrap {
        white-space: nowrap !important
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .text-left {
        text-align: left !important
    }

    .text-right {
        text-align: right !important
    }

    .text-center {
        text-align: center !important
    }

    @media (min-width:576px) {
        .text-sm-left {
            text-align: left !important
        }

        .text-sm-right {
            text-align: right !important
        }

        .text-sm-center {
            text-align: center !important
        }
    }

    @media (min-width:768px) {
        .text-md-left {
            text-align: left !important
        }

        .text-md-right {
            text-align: right !important
        }

        .text-md-center {
            text-align: center !important
        }
    }

    @media (min-width:992px) {
        .text-lg-left {
            text-align: left !important
        }

        .text-lg-right {
            text-align: right !important
        }

        .text-lg-center {
            text-align: center !important
        }
    }

    @media (min-width:1200px) {
        .text-xl-left {
            text-align: left !important
        }

        .text-xl-right {
            text-align: right !important
        }

        .text-xl-center {
            text-align: center !important
        }
    }

    .text-lowercase {
        text-transform: lowercase !important
    }

    .text-uppercase {
        text-transform: uppercase !important
    }

    .text-capitalize {
        text-transform: capitalize !important
    }

    .font-weight-light {
        font-weight: 300 !important
    }

    .font-weight-lighter {
        font-weight: lighter !important
    }

    .font-weight-normal {
        font-weight: 400 !important
    }

    .font-weight-bold {
        font-weight: 700 !important
    }

    .font-weight-bolder {
        font-weight: bolder !important
    }

    .font-italic {
        font-style: italic !important
    }

    .text-primary {
        color: #43d477 !important
    }

    a.text-primary:focus,
    a.text-primary:hover {
        color: #26a553 !important
    }

    .text-secondary {
        color: #1f3b64 !important
    }

    a.text-secondary:focus,
    a.text-secondary:hover {
        color: #0d192a !important
    }

    .text-success {
        color: #e7f4f0 !important
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #b3dccf !important
    }

    .text-info {
        color: #ebf7ff !important
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #9fd8ff !important
    }

    .text-warning {
        color: #ffab00 !important
    }

    a.text-warning:focus,
    a.text-warning:hover {
        color: #b37800 !important
    }

    .text-danger {
        color: #f63c3c !important
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #db0a0a !important
    }

    .text-light {
        color: #f8f9fa !important
    }

    a.text-light:focus,
    a.text-light:hover {
        color: #cbd3da !important
    }

    .text-dark {
        color: #343434 !important
    }

    a.text-dark:focus,
    a.text-dark:hover {
        color: #0e0e0e !important
    }

    .text-white {
        color: #fff !important
    }

    a.text-white:focus,
    a.text-white:hover {
        color: #d9d9d9 !important
    }

    .text-gray {
        color: #818894 !important
    }

    a.text-gray:focus,
    a.text-gray:hover {
        color: #5c626c !important
    }

    .text-gray300 {
        color: #ececec !important
    }

    a.text-gray300:focus,
    a.text-gray300:hover {
        color: #c6c6c6 !important
    }

    .text-gray200 {
        color: #f1f1f1 !important
    }

    a.text-gray200:focus,
    a.text-gray200:hover {
        color: #cbcbcb !important
    }

    .text-body {
        color: #343434 !important
    }

    .text-muted {
        color: #6c757d !important
    }

    .text-black-50 {
        color: rgba(52, 52, 52, .5) !important
    }

    .text-white-50 {
        color: hsla(0, 0%, 100%, .5) !important
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .text-decoration-none {
        text-decoration: none !important
    }

    .text-break {
        word-wrap: break-word !important
    }

    .text-reset {
        color: inherit !important
    }

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    @media print {

        *,
        :after,
        :before {
            text-shadow: none !important;
            box-shadow: none !important
        }

        a:not(.btn) {
            text-decoration: underline
        }

        abbr[title]:after {
            content: " (" attr(title) ")"
        }

        pre {
            white-space: pre-wrap !important
        }

        blockquote,
        pre {
            border: 1px solid #adb5bd;
            page-break-inside: avoid
        }

        thead {
            display: table-header-group
        }

        img,
        tr {
            page-break-inside: avoid
        }

        h2,
        h3,
        p {
            orphans: 3;
            widows: 3
        }

        h2,
        h3 {
            page-break-after: avoid
        }

        @page {
            size: a3
        }

        .container,
        body {
            min-width: 992px !important
        }

        .navbar {
            display: none
        }

        .badge {
            border: 1px solid #343434
        }

        .table {
            border-collapse: collapse !important
        }

        .table td,
        .table th {
            background-color: #fff !important
        }

        .table-bordered td,
        .table-bordered th {
            border: 1px solid #ececec !important
        }

        .table-dark {
            color: inherit
        }

        .table-dark tbody+tbody,
        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #ececec
        }

        .table .thead-dark th {
            color: inherit;
            border-color: #ececec
        }
    }

    address,
    blockquote,
    body,
    dd,
    div,
    dl,
    dt,
    fieldset,
    figcaption,
    figure,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    input,
    li,
    ol,
    p,
    pre,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    html {
        overflow-y: scroll
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section,
    summary {
        display: block
    }

    table {
        border-spacing: 0
    }

    table td,
    table th {
        vertical-align: middle
    }

    caption,
    th {
        text-align: center
    }

    a:active,
    a:link,
    a:visited {
        transition: all .2s ease
    }

    li {
        list-style: none
    }

    a:focus,
    a:hover {
        cursor: pointer;
        text-decoration: none
    }

    * {
        outline: none !important
    }

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none
    }

    .gm-style {
        font-family: main-font-family !important
    }

    @-webkit-keyframes autofill {
        to {
            background: transparent
        }
    }

    input:-webkit-autofill,
    select:-webkit-autofill,
    textarea:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both
    }

    svg {
        overflow: auto;
        vertical-align: inherit
    }

    ul {
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        -webkit-padding-start: 0;
        padding-inline-start: 0
    }

    body.modal-open,
    body.swal2-shown {
        padding-right: 0 !important
    }

    body {
        font-family: var(--font-family-base) !important;
        overflow: hidden
    }

    @media (max-width:767px) {
        body {
            font-size: 14px
        }
    }

    .custom-switch .custom-control-label:before {
        top: -.11rem
    }

    .font-72 {
        font-size: 4.5rem
    }

    .font-48,
    .font-72 {
        font-weight: 700;
        line-height: 1.22
    }

    .font-48 {
        font-size: 3rem
    }

    .font-36 {
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.22
    }

    @media (max-width:767px) {
        .font-36 {
            font-size: 1.25rem
        }
    }

    .font-30 {
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.22
    }

    @media (max-width:767px) {
        .font-30 {
            font-size: 1.25rem
        }
    }

    .font-24 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.5
    }

    @media (max-width:767px) {
        .font-24 {
            font-size: 1rem
        }
    }

    .font-20 {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.22
    }

    @media (max-width:767px) {
        .font-20 {
            font-size: .875rem
        }
    }

    .font-16 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5
    }

    @media (max-width:767px) {
        .font-16 {
            font-size: .75rem
        }
    }

    .font-14 {
        font-size: .875rem
    }

    .font-12,
    .font-14 {
        font-weight: 400;
        line-height: 1.4
    }

    .font-12 {
        font-size: .75rem
    }

    .font-weight-500 {
        font-weight: 500
    }

    @media (max-width:767px) {

        .h2,
        h2 {
            font-size: 1.1rem
        }
    }

    @media (max-width:767px) {

        .h3,
        h3 {
            font-size: .9rem
        }
    }

    @-webkit-keyframes sc-pending {
        to {
            background-position: 16px 0
        }
    }

    @keyframes sc-pending {
        to {
            background-position: 16px 0
        }
    }

    .loadingbar.primary,
    .loadingbar.primary:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMElEQVQoU2P434CADGgALIZfGkkBdmm4AlzSUAW4pcEK8EljyqJJYygYqdLoCjBlAalbv4Hzd/xyAAAAAElFTkSuQmCC) !important;
        background-repeat: repeat !important;
        -webkit-animation: sc-pending .5s linear infinite;
        animation: sc-pending .5s linear infinite;
        background-color: var(--primary)
    }

    .loadingbar.secondary {
        opacity: .75
    }

    .loadingbar.secondary,
    .loadingbar.secondary:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMElEQVQoU2P434CADGgALIZfGkkBdmm4AlzSUAW4pcEK8EljyqJJYygYqdLoCjBlAalbv4Hzd/xyAAAAAElFTkSuQmCC) !important;
        background-repeat: repeat !important;
        -webkit-animation: sc-pending .5s linear infinite;
        animation: sc-pending .5s linear infinite;
        background-color: var(--secondary)
    }

    .loadingbar.secondary:hover {
        opacity: .95
    }

    .loadingbar.gray {
        opacity: .75
    }

    .loadingbar.gray,
    .loadingbar.gray:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMElEQVQoU2P434CADGgALIZfGkkBdmm4AlzSUAW4pcEK8EljyqJJYygYqdLoCjBlAalbv4Hzd/xyAAAAAElFTkSuQmCC) !important;
        background-repeat: repeat !important;
        -webkit-animation: sc-pending .5s linear infinite;
        animation: sc-pending .5s linear infinite;
        background-color: #ececec
    }

    .loadingbar.gray:hover {
        opacity: .95
    }

    .loadingbar.danger {
        opacity: .75;
        color: #fff
    }

    .loadingbar.danger,
    .loadingbar.danger:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMElEQVQoU2P434CADGgALIZfGkkBdmm4AlzSUAW4pcEK8EljyqJJYygYqdLoCjBlAalbv4Hzd/xyAAAAAElFTkSuQmCC) !important;
        background-repeat: repeat !important;
        -webkit-animation: sc-pending .5s linear infinite;
        animation: sc-pending .5s linear infinite;
        background-color: #f63c3c
    }

    .loadingbar.danger:hover {
        opacity: .95
    }

    .btn-transparent {
        background-color: transparent;
        padding: 0 !important;
        border: 0 transparent
    }

    .btn-group-sm>.btn,
    .btn-sm {
        border-radius: 5px;
        font-weight: 500;
        font-size: 14px
    }

    .btn-danger {
        box-shadow: 0 3px 6px 0 rgba(201, 1, 1, .29);
        background-color: #f63c3c;
        transition: all .3s
    }

    .btn-danger:hover {
        background-color: #dd3535;
        box-shadow: 0 3px 8px 0 rgba(201, 1, 1, .29);
        transition: all .3s
    }

    @media (max-width:991px) {
        .btn-sm-block {
            width: 100%;
            max-width: 100%
        }
    }

    .btn-border-white {
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #f1f1f1;
        color: #818894;
        transition: all .3s
    }

    .btn-border-white:hover {
        background-color: #ececec;
        border: 1px solid #ececec;
        color: #818894;
        transition: all .3s
    }

    .btn-gray200 {
        color: #818894
    }

    .btn-light {
        color: #222
    }

    .on-off-switch .custom-control-label:before {
        background-color: #fff !important
    }

    .on-off-switch .custom-control-label:after {
        background-color: var(--primary) !important
    }

    .on-off-switch .custom-control-input:checked~.custom-control-label:after {
        background-color: #fff !important
    }

    .checkbox-button label {
        cursor: pointer;
        font-size: .875rem;
        padding: 5px 10px;
        border-radius: 5px;
        border: 2px solid #f1f1f1;
        background-color: #f1f1f1;
        color: #818894;
        transition: all .3s ease
    }

    .checkbox-button label:hover {
        border: 2px solid var(--primary);
        transition: all .3s ease
    }

    .checkbox-button input[type=checkbox],
    .checkbox-button input[type=radio] {
        visibility: hidden;
        display: none;
        transition: all .3s ease
    }

    .checkbox-button input[type=checkbox]:checked+label,
    .checkbox-button input[type=radio]:checked+label {
        border: 2px solid var(--primary);
        background-color: var(--primary);
        color: #fff;
        transition: all .3s ease
    }

    .checkbox-button.primary-selected input[type=checkbox]:checked+label,
    .checkbox-button.primary-selected input[type=radio]:checked+label {
        color: var(--primary) !important
    }

    .checkbox-button.bordered-200 input[type=checkbox]:checked+label,
    .checkbox-button.bordered-200 input[type=radio]:checked+label {
        color: #fff !important;
        background-color: var(--primary) !important
    }

    @media (max-width:991px) {
        .btn {
            font-size: 14px !important;
            padding-right: 22px;
            padding-left: 22px;
            height: 44px
        }
    }

    .badge-circle-danger,
    .badge-circle-primary {
        font-size: .75rem !important
    }

    .badge {
        line-height: 1.58;
        font-weight: 400;
        pointer-events: none
    }

    .badge-outlined {
        color: #fff;
        padding: 0;
        border-radius: 50%
    }

    .badge-outlined-primary {
        color: #43d477;
        border: 1px solid #43d477
    }

    a.badge-outlined-primary:focus,
    a.badge-outlined-primary:hover {
        color: #43d477;
        border: 1px solid #2aba5e
    }

    a.badge-outlined-primary.focus,
    a.badge-outlined-primary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .5)
    }

    .badge-outlined-secondary {
        color: #1f3b64;
        border: 1px solid #1f3b64
    }

    a.badge-outlined-secondary:focus,
    a.badge-outlined-secondary:hover {
        color: #1f3b64;
        border: 1px solid #13243d
    }

    a.badge-outlined-secondary.focus,
    a.badge-outlined-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(31, 59, 100, .5)
    }

    .badge-outlined-success {
        color: #e7f4f0;
        border: 1px solid #e7f4f0
    }

    a.badge-outlined-success:focus,
    a.badge-outlined-success:hover {
        color: #e7f4f0;
        border: 1px solid #c4e4da
    }

    a.badge-outlined-success.focus,
    a.badge-outlined-success:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(231, 244, 240, .5)
    }

    .badge-outlined-info {
        color: #ebf7ff;
        border: 1px solid #ebf7ff
    }

    a.badge-outlined-info:focus,
    a.badge-outlined-info:hover {
        color: #ebf7ff;
        border: 1px solid #b8e3ff
    }

    a.badge-outlined-info.focus,
    a.badge-outlined-info:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(235, 247, 255, .5)
    }

    .badge-outlined-warning {
        color: #ffab00;
        border: 1px solid #ffab00
    }

    a.badge-outlined-warning:focus,
    a.badge-outlined-warning:hover {
        color: #ffab00;
        border: 1px solid #cc8900
    }

    a.badge-outlined-warning.focus,
    a.badge-outlined-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 171, 0, .5)
    }

    .badge-outlined-danger {
        color: #f63c3c;
        border: 1px solid #f63c3c
    }

    a.badge-outlined-danger:focus,
    a.badge-outlined-danger:hover {
        color: #f63c3c;
        border: 1px solid #f40b0b
    }

    a.badge-outlined-danger.focus,
    a.badge-outlined-danger:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(246, 60, 60, .5)
    }

    .badge-outlined-light {
        color: #f8f9fa;
        border: 1px solid #f8f9fa
    }

    a.badge-outlined-light:focus,
    a.badge-outlined-light:hover {
        color: #f8f9fa;
        border: 1px solid #dae0e5
    }

    a.badge-outlined-light.focus,
    a.badge-outlined-light:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .badge-outlined-dark {
        color: #343434;
        border: 1px solid #343434
    }

    a.badge-outlined-dark:focus,
    a.badge-outlined-dark:hover {
        color: #343434;
        border: 1px solid #1b1b1b
    }

    a.badge-outlined-dark.focus,
    a.badge-outlined-dark:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(52, 52, 52, .5)
    }

    .badge-outlined-white {
        color: #fff;
        border: 1px solid #fff
    }

    a.badge-outlined-white:focus,
    a.badge-outlined-white:hover {
        color: #fff;
        border: 1px solid #e6e6e6
    }

    a.badge-outlined-white.focus,
    a.badge-outlined-white:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5)
    }

    .badge-outlined-gray {
        color: #818894;
        border: 1px solid #818894
    }

    a.badge-outlined-gray:focus,
    a.badge-outlined-gray:hover {
        color: #818894;
        border: 1px solid #686f7a
    }

    a.badge-outlined-gray.focus,
    a.badge-outlined-gray:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(129, 136, 148, .5)
    }

    .badge-outlined-gray300 {
        color: #ececec;
        border: 1px solid #ececec
    }

    a.badge-outlined-gray300:focus,
    a.badge-outlined-gray300:hover {
        color: #ececec;
        border: 1px solid #d3d3d3
    }

    a.badge-outlined-gray300.focus,
    a.badge-outlined-gray300:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 92.5%, .5)
    }

    .badge-outlined-gray200 {
        color: #f1f1f1;
        border: 1px solid #f1f1f1
    }

    a.badge-outlined-gray200:focus,
    a.badge-outlined-gray200:hover {
        color: #f1f1f1;
        border: 1px solid #d8d8d8
    }

    a.badge-outlined-gray200.focus,
    a.badge-outlined-gray200:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 94.5%, .5)
    }

    .badge-circle-primary {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #43d477
    }

    a.badge-circle-primary:focus,
    a.badge-circle-primary:hover {
        color: #fff;
        background-color: #2aba5e
    }

    a.badge-circle-primary.focus,
    a.badge-circle-primary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(67, 212, 119, .5)
    }

    .badge-circle-secondary {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #1f3b64
    }

    a.badge-circle-secondary:focus,
    a.badge-circle-secondary:hover {
        color: #fff;
        background-color: #13243d
    }

    a.badge-circle-secondary.focus,
    a.badge-circle-secondary:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(31, 59, 100, .5)
    }

    .badge-circle-success {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #e7f4f0
    }

    a.badge-circle-success:focus,
    a.badge-circle-success:hover {
        color: #fff;
        background-color: #c4e4da
    }

    a.badge-circle-success.focus,
    a.badge-circle-success:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(231, 244, 240, .5)
    }

    .badge-circle-info {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #ebf7ff
    }

    a.badge-circle-info:focus,
    a.badge-circle-info:hover {
        color: #fff;
        background-color: #b8e3ff
    }

    a.badge-circle-info.focus,
    a.badge-circle-info:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(235, 247, 255, .5)
    }

    .badge-circle-warning {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #ffab00
    }

    a.badge-circle-warning:focus,
    a.badge-circle-warning:hover {
        color: #fff;
        background-color: #cc8900
    }

    a.badge-circle-warning.focus,
    a.badge-circle-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(255, 171, 0, .5)
    }

    .badge-circle-danger {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #f63c3c
    }

    a.badge-circle-danger:focus,
    a.badge-circle-danger:hover {
        color: #fff;
        background-color: #f40b0b
    }

    a.badge-circle-danger.focus,
    a.badge-circle-danger:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(246, 60, 60, .5)
    }

    .badge-circle-light {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #f8f9fa
    }

    a.badge-circle-light:focus,
    a.badge-circle-light:hover {
        color: #fff;
        background-color: #dae0e5
    }

    a.badge-circle-light.focus,
    a.badge-circle-light:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
    }

    .badge-circle-dark {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #343434
    }

    a.badge-circle-dark:focus,
    a.badge-circle-dark:hover {
        color: #fff;
        background-color: #1b1b1b
    }

    a.badge-circle-dark.focus,
    a.badge-circle-dark:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(52, 52, 52, .5)
    }

    .badge-circle-white {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #212529;
        background-color: #fff
    }

    a.badge-circle-white:focus,
    a.badge-circle-white:hover {
        color: #212529;
        background-color: #e6e6e6
    }

    a.badge-circle-white.focus,
    a.badge-circle-white:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5)
    }

    .badge-circle-gray {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #818894
    }

    a.badge-circle-gray:focus,
    a.badge-circle-gray:hover {
        color: #fff;
        background-color: #686f7a
    }

    a.badge-circle-gray.focus,
    a.badge-circle-gray:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(129, 136, 148, .5)
    }

    .badge-circle-gray300 {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #ececec
    }

    a.badge-circle-gray300:focus,
    a.badge-circle-gray300:hover {
        color: #fff;
        background-color: #d3d3d3
    }

    a.badge-circle-gray300.focus,
    a.badge-circle-gray300:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 92.5%, .5)
    }

    .badge-circle-gray200 {
        width: 24px;
        height: 24px;
        font-size: .875rem;
        border-radius: 50%;
        padding: 0;
        line-height: 1.58;
        color: #fff;
        background-color: #f1f1f1
    }

    a.badge-circle-gray200:focus,
    a.badge-circle-gray200:hover {
        color: #fff;
        background-color: #d8d8d8
    }

    a.badge-circle-gray200.focus,
    a.badge-circle-gray200:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem hsla(0, 0%, 94.5%, .5)
    }

    .nav-tabs .nav-item a.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 85%;
        height: 5px;
        background-color: var(--primary);
        border-radius: 5px;
        transform: translate(-50%, 17px)
    }

    .rtl .nav-tabs .nav-item a.active:after {
        bottom: 2px
    }

    .dropdown-menu {
        padding: 15px;
        min-width: 325px;
        transform: translate3d(0, 54px, 0) !important;
        z-index: 511;
        border: unset;
        top: 40%;
        transition: all .1s;
        overflow: visible !important
    }

    .dropdown-menu.user-profile-dropdown {
        min-width: 125px
    }

    .dropdown-menu.user-profile-dropdown .dropdown-item {
        padding: 5px 0 !important
    }

    .dropdown-menu:after {
        content: "";
        position: absolute;
        top: -10px;
        left: 15px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff
    }

    html.html-modal-open {
        overflow: hidden;
        touch-action: none
    }

    .img-cover {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }

    @media (max-width:767px) {
        .xs-w-100 {
            width: 100%
        }
    }

    @media screen and (max-width:767px) {
        .xs-fluid {
            width: 100% !important;
            padding: 0 !important;
            margin: 0
        }
    }

    .cursor-pointer,
    .custom-control-label {
        cursor: pointer
    }

    .text-dark-blue {
        color: #171347
    }

    p {
        line-height: 1.5
    }

    .text-hover-primary:hover {
        color: var(--primary)
    }

    .text-hover-secondary:hover {
        color: var(--secondary)
    }

    .text-decoration-line-through {
        text-decoration: line-through
    }

    .line-height-1 {
        line-height: 1
    }

    .bg-info-light {
        background-color: #f7fafd
    }

    .status-badge-dark {
        border: 1px solid #343434;
        color: #343434;
        background-color: unset
    }

    .status-badge-primary {
        border: 1px solid var(--primary);
        color: var(--primary);
        background-color: unset
    }

    .status-badge-secondary {
        border: 1px solid var(--secondary);
        color: var(--secondary);
        background-color: unset
    }

    .status-badge-danger {
        border: 1px solid #f63c3c;
        color: #f63c3c;
        background-color: unset
    }

    .status-badge-warning {
        border: 1px solid #ffab00;
        color: #ffab00;
        background-color: unset
    }

    .tab-content .webinar-card:hover {
        transform: unset !important
    }

    .panel-content .alert-warning {
        margin-top: 10px !important;
        font-weight: 500 !important;
        color: #343434;
        background-color: rgba(255, 171, 0, .44) !important;
        border-color: #ffab00 !important
    }

    .panel-content .alert {
        position: relative;
        padding: 1rem !important;
        margin-bottom: 0;
        border: 1px solid transparent;
        border-radius: 10px
    }

    .px-12 {
        padding: 0 12px !important
    }

    #topFilters label,
    .filters-container label {
        font-size: .875rem
    }

    .rtl {
        direction: rtl !important
    }

    .ltr {
        direction: ltr !important
    }

    .list-style-none li {
        list-style: none
    }

    #avatarCropModalContainer #imageCropperContainer {
        margin: 0 auto;
        text-align: center
    }

    #avatarCropModalContainer #imageCropperContainer>* {
        margin: 0 auto
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-preview,
    #avatarCropModalContainer #imageCropperContainer .cropit-tools {
        direction: ltr
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-preview {
        background-color: #f9f9f9;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-top: 7px;
        margin-bottom: 15px;
        text-align: center;
        z-index: 99;
        overflow: hidden;
        direction: ltr
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-preview-image-container {
        cursor: move
    }

    #avatarCropModalContainer #imageCropperContainer .rotate-ccw,
    #avatarCropModalContainer #imageCropperContainer .rotate-cw {
        font-size: 1.3em
    }

    #avatarCropModalContainer #imageCropperContainer .image-size-label {
        margin-top: 10px
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-image-zoom-input {
        display: inline-block;
        width: 120px
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-image-input {
        display: none
    }

    #avatarCropModalContainer #imageCropperContainer .cropit-preview-background {
        opacity: .2;
        z-index: 33
    }

    #coverCropperContainer {
        width: 100%
    }

    #coverCropperContainer>.cropit-preview {
        background-color: transparent;
        background-size: cover;
        height: 300px;
        direction: ltr
    }

    #coverCropperContainer .cropit-preview-image-container {
        cursor: move
    }

    #coverCropperContainer .cropit-image-input {
        display: none
    }

    #coverCropperContainer div.buttons {
        text-align: left;
        margin: 5px 0 5px 15px
    }

    .rtl #coverCropperContainer div.buttons {
        text-align: right
    }

    .panel-content {
        padding: 30px 15px;
        width: calc(100% - 254px)
    }

    @media (max-width:991px) {
        .panel-content {
            padding: 90px 15px 30px;
            width: 100%
        }
    }

    .panel-content .webinar-card {
        box-shadow: 0 12px 23px 0 rgba(62, 73, 84, .04) !important
    }

    .panel-content .webinar-card:hover {
        transform: unset !important;
        box-shadow: 0 8px 23px 0 rgba(62, 73, 84, .15) !important;
        transition: all .5s ease
    }

    .panel-content .webinar-card .image-box:after {
        border-radius: 10px 0 0 10px
    }

    .panel-section-card {
        border-radius: 10px;
        box-shadow: 0 12px 23px 0 rgba(62, 73, 84, .04);
        background-color: #fff
    }

    .section-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        color: #171347
    }

    .section-title.after-line {
        display: flex;
        flex: 1;
        align-items: center
    }

    .section-title.after-line:after {
        content: "";
        flex: 1 0 20px;
        height: 2px;
        background-color: #f1f1f1;
        margin-left: 10px
    }

    .date-input {
        display: flex;
        align-items: stretch
    }

    .date-input .date-icon {
        width: 38px;
        min-width: 38px;
        border: 1px solid #ececec;
        background-color: var(--secondary);
        border-radius: 5px 0 0 5px
    }

    .date-input input {
        border-radius: 0 5px 5px 0
    }

    .bootstrap-timepicker-widget table td input {
        width: 35px !important
    }

    .bootstrap-timepicker-widget table td a {
        padding: 0 !important
    }

    .chevron-up-icon {
        position: relative;
        width: 24px !important;
        height: 16px;
        display: inline-flex
    }

    .chevron-up-icon:after {
        content: url(/assets/default/img/chevron-up.svg);
        position: absolute;
        width: 100%;
        height: 100%
    }

    .chevron-down-icon {
        position: relative;
        width: 24px !important;
        height: 16px;
        display: inline-flex
    }

    .chevron-down-icon:after {
        content: url(/assets/default/img/chevron-down.svg);
        position: absolute;
        width: 100%;
        height: 100%
    }

    .activities-container {
        border-radius: 10px;
        box-shadow: 0 12px 23px 0 rgba(62, 73, 84, .04);
        background-color: #fff
    }

    @media (max-width:767px) {
        .activities-container img {
            width: 44px;
            height: 44px
        }
    }

    .no-result .no-result-logo {
        position: relative;
        width: 250px;
        height: 250px;
        border-radius: 50%
    }

    .no-result .no-result-logo img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%)
    }

    @media (max-width:767px) {
        .no-result .no-result-logo {
            width: 175px;
            height: 175px
        }

        .no-result .no-result-logo img {
            width: 175px;
            max-width: 175px
        }
    }

    .no-result.default-no-result .no-result-logo {
        background-image: linear-gradient(180deg, #dbffe8, var(--primary))
    }

    @media (max-width:767px) {
        .no-result.default-no-result br {
            display: none
        }
    }

    .no-result.status-failed .no-result-logo {
        background-image: linear-gradient(180deg, #ffdbdf, #f61111)
    }

    .no-result.status-waiting .no-result-logo {
        background-image: linear-gradient(180deg, #feeac2, #ffab00)
    }

    .shadow-xs {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
    }

    .text-decoration-underline {
        text-decoration: underline
    }

    .list-group-custom li {
        position: relative;
        padding-left: 15px
    }

    .list-group-custom li:after {
        content: "";
        width: 9px;
        height: 9px;
        background-color: #818894;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 5px
    }

    .rtl .list-group-custom li {
        padding-right: 15px;
        padding-left: 0
    }

    .rtl .list-group-custom li:after {
        left: auto;
        right: 0
    }

    .site-top-banner {
        height: 530px
    }

    .site-top-banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .6;
        background-color: #000
    }

    .site-top-banner.opacity-04:after {
        opacity: .4
    }

    @media (max-width:991px) {
        .site-top-banner {
            height: 430px
        }
    }

    @media (max-width:767px) {
        .site-top-banner {
            height: 230px
        }
    }

    .text-ellipsis {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .form-control[readonly] {
        background: #fff
    }

    .form-control[readonly]:focus,
    .form-control[readonly]:hover {
        border-color: #ececec
    }

    .input-group-text-rounded-left {
        border-top-left-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important
    }

    .custom-upload-input-group {
        position: relative;
        display: flex;
        width: 100%;
        height: 2.5rem;
        cursor: pointer
    }

    .custom-upload-input-group .custom-upload-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: .5rem 1rem;
        margin-bottom: 0;
        font-size: .75rem;
        font-weight: 400;
        line-height: 1.25;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: var(--secondary);
        border: 1px solid #ececec;
        border-radius: .5rem 0 0 .5rem
    }

    .custom-upload-input-group .custom-upload-input {
        display: flex;
        align-items: center;
        padding: .5rem 1rem;
        width: 100%;
        height: 100%;
        font-size: .75rem;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ececec;
        border-radius: 0 .5rem .5rem 0
    }

    .invisible-file-input {
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

    .c-not-allowed {
        cursor: not-allowed
    }

    .btn-close-advertising-modal {
        position: absolute;
        top: 10px;
        right: 15px
    }

    .border-dashed-gray300 {
        border: 1px dashed #ececec
    }

    .select2-container {
        width: 100% !important
    }

    .select2-container .select2-selection {
        display: block;
        width: 100%;
        height: 2.5rem !important;
        padding: .5rem 1rem !important;
        font-size: .75rem !important;
        font-weight: 400 !important;
        line-height: 1.25 !important;
        color: #343434 !important;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ececec !important;
        border-radius: .5rem !important;
        box-shadow: none !important;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .select2-container .select2-selection .select2-selection__arrow {
        top: 8px !important
    }

    .select2-container .select2-dropdown {
        border: 1px solid #ececec !important;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1)
    }

    .select2-selection__choice {
        background-color: var(--secondary) !important;
        border: 1px solid #ececec !important;
        color: #fff;
        margin-top: 0 !important;
        padding: 2px 5px !important
    }

    .select2-selection__choice__remove {
        color: #fff !important
    }

    .select2-results__option {
        font-size: .75rem !important
    }

    .bootstrap-tagsinput {
        display: block !important;
        box-shadow: none !important;
        border: 1px solid #ececec !important;
        padding: .5rem 1rem !important;
        font-size: .75rem;
        font-weight: 400;
        color: #343434 !important;
        background-color: #fff;
        background-clip: padding-box;
        border-radius: .5rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    .bootstrap-tagsinput input {
        width: 100% !important;
        max-width: 100% !important
    }

    .bootstrap-tagsinput .tag {
        margin-top: 2px
    }

    .top-navbar {
        height: 53px;
        width: 100%
    }

    @media (max-width:991px) {
        .top-navbar {
            height: auto
        }
    }

    @media (min-width:991px) {
        .top-navbar .top-contact-box {
            border-bottom: 0 !important
        }
    }

    .top-navbar .navbar-search .search-icon {
        position: absolute;
        right: 10px;
        color: #818894
    }

    .rtl .top-navbar .navbar-search .search-icon {
        right: auto;
        left: 10px
    }

    .top-navbar .dropdown .badge {
        width: 20px;
        height: 20px
    }

    .top-navbar .dropdown .dropdown-toggle:after {
        display: none
    }

    .top-navbar .dropdown .dropdown-menu {
        right: 0 !important;
        left: auto !important
    }

    #panel_app .top-navbar .dropdown .dropdown-menu {
        transform: translateZ(0) !important
    }

    .top-navbar .dropdown .dropdown-menu:after {
        right: 15px;
        left: auto
    }

    .rtl .top-navbar .dropdown .dropdown-menu {
        right: auto !important;
        left: 0 !important
    }

    .rtl .top-navbar .dropdown .dropdown-menu:after {
        right: auto;
        left: 15px
    }

    @media (max-width:767px) {
        .top-navbar .dropdown .dropdown-menu {
            position: fixed !important;
            top: 110% !important;
            right: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100%;
            z-index: 501;
            display: block !important;
            transition: top .4s cubic-bezier(.43, .83, .54, 1.02), opacity .4s linear;
            border-radius: 0
        }

        .top-navbar .dropdown .dropdown-menu.show {
            top: 0 !important;
            transform: none !important;
            margin-top: 0
        }

        .top-navbar .dropdown .dropdown-menu:after {
            display: none
        }
    }

    .top-navbar .navbar-user img {
        width: 40px;
        height: 40px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .top-navbar .navbar-user .user-name {
        line-height: 1.31;
        color: var(--secondary)
    }

    .navbar-shopping-cart {
        height: 100%
    }

    @media (min-width:767px) {
        .navbar-shopping-cart {
            max-height: 360px
        }
    }

    .navbar-shopping-cart .navbar-cart-box {
        margin-top: 20px
    }

    .navbar-shopping-cart .navbar-cart-box:first-child {
        margin-top: 0
    }

    .navbar-shopping-cart .navbar-cart-box .navbar-cart-img {
        width: 105px;
        min-width: 105px;
        height: 71px;
        min-height: 71px
    }

    .navbar-shopping-cart .navbar-cart-box .navbar-cart-img img {
        border-radius: 5px
    }

    .navbar-shopping-cart .navbar-cart-box .navbar-cart-info {
        margin-left: 12px
    }

    .rtl .navbar-shopping-cart .navbar-cart-box .navbar-cart-info {
        margin-left: 0;
        margin-right: 12px
    }

    .navbar-shopping-cart .navbar-cart-box .navbar-cart-info .price .off {
        font-size: 12px;
        font-weight: 400;
        color: #818894;
        text-decoration: line-through
    }

    .navbar-shopping-cart .navbar-cart-box .navbar-cart-info h4 {
        font-size: .875rem;
        font-weight: 500;
        color: var(--secondary)
    }

    @media (max-width:767px) {
        .navbar-shopping-cart .navbar-cart-actions {
            height: 240px
        }
    }

    .navbar-shopping-cart .navbar-cart-total {
        padding-top: 12px
    }

    @media (max-width:767px) {
        .navbar-shopping-cart .navbar-cart-total {
            padding-top: 20px
        }
    }

    .navbar-shopping-cart .navbar-cart-total strong {
        font-size: 16px;
        line-height: 1.2
    }

    .navbar-shopping-cart .navbar-cart-total .total-text {
        font-weight: 500;
        color: #171347
    }

    .navbar-notification-card {
        height: calc(100% - 50px)
    }

    @media (min-width:767px) {
        .navbar-notification-card {
            max-height: 360px
        }
    }

    .navbar-notification-card .navbar-notification-item {
        padding: 10px
    }

    .navbar-notification-card .navbar-notification-item .notify-at {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894
    }

    .navbar-notification-card .navbar-notification-item:last-child {
        border-bottom: 0 !important
    }

    @media (max-width:767px) {
        .navbar-notification-action {
            height: 72px
        }
    }

    .language-select .dropdown-menu {
        padding: 20px;
        min-width: 15rem
    }

    .language-select .dropdown-menu li {
        margin-bottom: 10px;
        font-size: 14px
    }

    .rtl .language-select .dropdown-menu {
        text-align: right;
        left: auto !important;
        right: 0 !important
    }

    .rtl .language-select .dropdown-menu:after {
        left: auto !important;
        right: 30px !important
    }

    .rtl .language-select .dropdown-menu .flagstrap-icon {
        margin-right: 0 !important;
        margin-left: 5px
    }

    .navbar {
        background-color: #fff;
        z-index: 491;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .03)
    }

    .navbar.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #ececec
    }

    .navbar .navbar-toggler {
        font-size: 1rem
    }

    .navbar .navbar-categories-dropdown .dropdown-toggle {
        padding: 12px 25px 12px 15px;
        border-radius: 10px;
        background-color: #f1f1f1
    }

    .navbar .navbar-categories-dropdown .dropdown-toggle:after {
        display: none
    }

    .navbar .navbar-categories-dropdown .dropdown-menu {
        top: 10px
    }

    .navbar .nav-item .nav-link {
        font-size: 14px;
        text-align: center;
        color: #171347
    }

    @media (max-width:991px) {
        .navbar {
            padding: 0 15px
        }

        .navbar .navbar-order {
            order: 3
        }

        .navbar .navbar-order:first-child {
            order: 2
        }

        .navbar .navbar-order:nth-child(2) {
            order: 1
        }

        .navbar .navbar-order .nav-notify-cart-dropdown svg {
            width: 14px !important;
            height: 14px !important
        }

        .navbar .navbar-order .nav-notify-cart-dropdown .dropdown .badge {
            width: 16px !important;
            height: 16px !important;
            font-size: .7rem
        }

        .navbar .navbar-toggle-content {
            position: fixed;
            top: 110%;
            right: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 501;
            display: block !important;
            background-color: #fff;
            transition: top .4s cubic-bezier(.43, .83, .54, 1.02), opacity .4s linear;
            border-radius: 0;
            padding: 20px
        }

        .navbar .navbar-toggle-content.show {
            top: 0
        }

        .navbar .navbar-nav>li {
            width: 100%;
            padding: 8px 0
        }

        .navbar .navbar-nav>li .nav-link {
            text-align: left
        }

        .rtl .navbar .navbar-nav>li .nav-link {
            text-align: right
        }
    }

    .navbar-brand {
        width: 170px;
        height: 50px
    }

    @media (max-width:991px) {
        .navbar-brand {
            width: 88px;
            max-width: 88px;
            margin-right: 0
        }

        .navbar-brand img {
            height: auto !important
        }
    }

    .menu-category>ul>li {
        position: relative;
        border-radius: 10px;
        font-weight: 500;
        color: var(--secondary)
    }

    @media (min-width:991px) {
        .menu-category>ul>li {
            background-color: #f1f1f1;
            padding: 12px 25px 12px 15px
        }
    }

    @media (max-width:991px) {
        .menu-category>ul>li {
            flex-direction: column
        }
    }

    .menu-category>ul>li a {
        font-size: 14px;
        color: #171347;
        font-weight: 500;
        transition: all .3s
    }

    .menu-category>ul>li a:hover {
        color: var(--primary)
    }

    .menu-category>ul>li .cat-dropdown-menu {
        position: absolute;
        left: 0;
        top: 65px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background-color: #fff;
        display: block;
        padding: 30px 25px;
        border-radius: 15px;
        transition: all .3s;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .16);
        opacity: 0;
        visibility: hidden;
        z-index: 1
    }

    .rtl .menu-category>ul>li .cat-dropdown-menu {
        left: auto;
        right: 0
    }

    .rtl .menu-category>ul>li .cat-dropdown-menu:after {
        left: auto !important;
        right: 30px !important
    }

    .rtl .menu-category>ul>li .cat-dropdown-menu .feather-chevron-right {
        transform: rotateY(180deg)
    }

    @media (max-width:991px) {
        .menu-category>ul>li .cat-dropdown-menu {
            width: 100%;
            position: relative;
            box-shadow: none;
            top: 10px;
            display: none
        }
    }

    .menu-category>ul>li .cat-dropdown-menu .cat-dropdown-menu-icon {
        width: 25px;
        max-width: 25px;
        min-width: 25px
    }

    .menu-category>ul>li .cat-dropdown-menu>li {
        margin-bottom: 18px;
        position: relative
    }

    .menu-category>ul>li .cat-dropdown-menu>li:last-child {
        margin-bottom: 0
    }

    .menu-category>ul>li .cat-dropdown-menu>li>a {
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu {
        position: absolute;
        top: -24px;
        left: 96%;
        width: 280px;
        background-color: #fff;
        padding: 30px 25px;
        border-radius: 15px;
        transition: all .3s;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .16);
        visibility: hidden;
        opacity: 0
    }

    .rtl .menu-category>ul>li .cat-dropdown-menu>li .sub-menu {
        left: auto;
        right: 96%
    }

    @media (max-width:991px) {
        .menu-category>ul>li .cat-dropdown-menu>li .sub-menu {
            position: relative;
            left: 0 !important;
            top: 4px;
            width: 100%;
            box-shadow: none;
            display: none
        }
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li {
        margin-bottom: 15px
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li:last-child {
        margin-bottom: 0
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a {
        color: #171347;
        text-transform: capitalize;
        position: relative;
        display: inline-block;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a:hover {
        color: var(--primary)
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu li a:hover:after {
        width: 100%;
        right: auto;
        left: 0
    }

    .menu-category>ul>li .cat-dropdown-menu>li .sub-menu.active {
        display: block
    }

    .menu-category>ul>li .cat-dropdown-menu>li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        left: calc(100% + 25px)
    }

    .rtl .menu-category>ul>li .cat-dropdown-menu>li:hover .sub-menu {
        left: auto;
        right: calc(100% + 25px)
    }

    .menu-category>ul>li .cat-dropdown-menu:after {
        top: -6px;
        content: "";
        position: absolute;
        background-color: #fff;
        left: 30px;
        width: 13px;
        height: 13px;
        transform: rotate(45deg);
        box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, .2);
        border-top: 1px solid rgba(127, 136, 151, .2);
        border-left: 1px solid rgba(127, 136, 151, .2)
    }

    @media (max-width:991px) {
        .menu-category>ul>li .cat-dropdown-menu:after {
            display: none
        }
    }

    .menu-category>ul>li.show-items .cat-dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 43px
    }

    @media (max-width:991px) {

        .menu-category>ul>li.xs-categories-toggle.show-items .cat-dropdown-menu,
        .menu-category>ul>li.xs-categories-toggle.show-items .cat-dropdown-menu .show-sub-menu .sub-menu {
            display: block;
            opacity: 1 !important;
            visibility: visible !important;
            top: 0 !important
        }

        .rtl .menu-category>ul>li.xs-categories-toggle.show-items .cat-dropdown-menu .show-sub-menu .sub-menu {
            right: 0 !important
        }
    }

    .main-menu>ul>li:hover .dropdown-menu-item {
        opacity: 1;
        visibility: visible;
        top: 50px
    }

    .login-container {
        margin: 120px 0 70px;
        border-radius: 15px;
        border: 1px solid #ececec
    }

    .login-container img {
        border-radius: 10px 0 0 10px
    }

    @media (max-width:991px) {
        .login-container {
            margin: 60px 0 70px
        }
    }

    .login-card {
        padding: 75px 45px
    }

    .social-login {
        border-radius: 8px;
        border: 1px solid #ececec;
        background-color: #fff;
        font-size: .875rem
    }

    .social-login:hover {
        background-color: #f1f1f1;
        transition: all .3s ease
    }

    .footer {
        margin-top: 205px
    }

    .footer .footer-subscribe {
        position: relative;
        top: -100px;
        height: 200px;
        background-image: url(/assets/default/img/footer/pattern.png);
        background-color: var(--primary);
        border-radius: 15px;
        padding: 25px
    }

    @media (max-width:767px) {
        .footer .footer-subscribe {
            height: auto
        }
    }

    .footer .footer-subscribe strong {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.22;
        color: #fff;
        pointer-events: none
    }

    .footer .footer-subscribe .subscribe-input {
        border-radius: 38px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1)
    }

    .footer ul li {
        font-size: 14px
    }

    .footer ul li a {
        color: #fff !important
    }

    .footer ul li.header {
        font-size: 16px
    }

    .footer .footer-social img {
        width: 24px;
        min-width: 24px;
        max-width: 24px;
        height: 24px
    }

    .footer .footer-logo {
        width: 170px;
        height: 50px
    }

    .footer .border-blue {
        border-top: 1px solid #305995
    }

    .time-counter-down .time-item {
        width: 44px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .time-counter-down .time-item:last-child {
        margin-right: 0
    }

    .shadow-effect {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 19px 38px rgba(0, 0, 0, .05), 0 15px 12px rgba(0, 0, 0, .02)
    }

    @media (max-width:991px) {
        .shadow-effect {
            padding: 20px 10px
        }
    }

    .customers-testimonials .shadow-effect p {
        font-family: inherit;
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 17px;
        font-weight: 300
    }

    .customers-testimonials .item {
        text-align: center;
        margin-bottom: 70px;
        opacity: .65;
        transform: scale3d(.8, .8, 1);
        transition: all .3s ease-in-out
    }

    @media (max-width:991px) {
        .customers-testimonials .item {
            padding: 0 15px
        }
    }

    .customers-testimonials .owl-item.active.center .item {
        opacity: 1;
        transform: scaleX(1)
    }

    .customers-testimonials.owl-carousel .owl-dots {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .customers-testimonials.owl-carousel .owl-dots .owl-dot.active span {
        background: var(--primary);
        transform: translate3d(0, -50%, 0);
        border-width: 3px
    }

    .customers-testimonials.owl-carousel .owl-dots .owl-dot {
        display: inline-block
    }

    .customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
        background: var(--primary);
        transform: translate3d(0, -50%, 0);
        border-width: 3px
    }

    .customers-testimonials.owl-carousel .owl-dots .owl-dot span {
        border-radius: 50px;
        background: #fff;
        border: 1px solid #d4d4d4;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 2px 5px;
        transform: translate3d(0, -50%, 0);
        transform-origin: 50% 50% 0;
        transition: all .25s ease-out 0s
    }

    @media (max-width:767px) {
        .customers-testimonials.owl-carousel .owl-dots .owl-dot span {
            width: 15px;
            height: 15px
        }
    }

    .custom-pagination {
        border-radius: 30px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
        border: 1px solid #ececec;
        background-color: #fff;
        padding: 6px 8px
    }

    .custom-pagination li {
        margin-right: 10px;
        border-radius: 50px;
        width: 48px;
        height: 48px
    }

    .custom-pagination li,
    .custom-pagination li a {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .custom-pagination li a {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border-radius: 50%;
        font-size: 16px;
        color: #818894;
        transition: all .3s ease
    }

    .custom-pagination li a:hover {
        background-color: var(--primary);
        color: #fff;
        transition: all .3s ease
    }

    .custom-pagination li a.active {
        border: 1px solid var(--primary);
        background-color: var(--primary);
        color: #fff
    }

    @media (max-width:767px) {
        .custom-pagination li {
            margin-right: 8px;
            width: 40px;
            height: 40px
        }

        .custom-pagination li a {
            font-size: 14px
        }
    }

    .custom-pagination li span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 50%
    }

    .custom-pagination li span.active {
        border: 1px solid var(--primary);
        background-color: var(--primary);
        color: #fff
    }

    .custom-pagination li:last-child {
        margin-right: 0
    }

    .custom-pagination li.disabled {
        border: 1px solid #ececec !important;
        cursor: not-allowed;
        color: #ececec
    }

    .custom-pagination .next,
    .custom-pagination .previous {
        border: 1px solid var(--primary)
    }

    .rtl .custom-pagination .next,
    .rtl .custom-pagination .previous {
        transform: rotate(180deg)
    }

    .mask {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 1
    }

    .slider-container {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        padding: 250px 0 350px
    }

    .slider-container.slider-hero-section2 {
        padding: 100px 0 150px
    }

    @media (max-width:991px) {

        .slider-container,
        .slider-container.slider-hero-section2 {
            padding: 60px 0 100px
        }
    }

    .slider-container #homeHeroVideoBackground {
        position: absolute;
        inset: 0;
        z-index: 0
    }

    .slider-container .slider-content {
        position: relative;
        z-index: 5
    }

    .slider-container .slider-content h1 {
        font-size: 44px;
        line-height: 1.5;
        color: #fff;
        pointer-events: none
    }

    @media (max-width:991px) {
        .slider-container .slider-content h1 {
            font-size: 30px
        }
    }

    .slider-container .slider-content .slide-hint {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.25;
        color: #fff;
        pointer-events: none
    }

    @media (max-width:991px) {
        .slider-container .slider-content .slide-hint {
            font-size: 14px
        }
    }

    .slider-container .slider-content .slider-search {
        border-radius: 38px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1)
    }

    .slider-container .slider-content.hero-section2 h1 {
        font-size: 44px;
        line-height: 1.5;
        pointer-events: none
    }

    @media (max-width:991px) {
        .slider-container .slider-content.hero-section2 h1 {
            font-size: 30px
        }
    }

    .stats-container {
        position: relative;
        top: -100px;
        z-index: 8
    }

    .stats-container .stats-item {
        position: relative;
        border-radius: 15px;
        box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        transition: all .5s ease
    }

    .stats-container .stats-item .stat-icon-box {
        border-radius: 24px;
        padding: 15px;
        width: 85px;
        height: 85px
    }

    .stats-container .stats-item .stat-icon-box.teacher {
        background-image: linear-gradient(135deg, #3c8ce7 10%, #00eaff)
    }

    .stats-container .stats-item .stat-icon-box.video {
        background-image: linear-gradient(135deg, #11c99c, #00e31d)
    }

    .stats-container .stats-item .stat-icon-box.student {
        background-image: linear-gradient(135deg, #f761a1 10%, #8c1bab)
    }

    .stats-container .stats-item .stat-icon-box.course {
        background-image: linear-gradient(135deg, #ff0844, #ffb199)
    }

    .stats-container .stats-item .stat-number {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--secondary);
        pointer-events: none
    }

    .stats-container .stats-item .stat-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        color: #343434;
        pointer-events: none
    }

    .stats-container .stats-item .stat-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.25;
        color: #818894;
        pointer-events: none
    }

    .stats-container .stats-item:hover {
        transform: translateY(-25px);
        background-color: var(--secondary);
        transition: all .5s ease;
        box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2)
    }

    .stats-container .stats-item:hover .stat-desc,
    .stats-container .stats-item:hover .stat-number,
    .stats-container .stats-item:hover .stat-title {
        color: #fff;
        transition: all .5s ease
    }

    .swiper-pagination {
        bottom: -50px;
        transform: translateY(50%) !important
    }

    @media (max-width:991px) {
        .swiper-pagination {
            bottom: unset
        }

        .swiper-pagination.features-swiper-pagination {
            bottom: -20px
        }
    }

    .swiper-pagination .swiper-pagination-bullet {
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 20px;
        padding: 4px;
        background: #fff !important;
        border: 1px solid #d4d4d4;
        opacity: 1 !important
    }

    .rtl .swiper-pagination .swiper-pagination-bullet {
        margin-right: 0;
        margin-left: 20px
    }

    @media (max-width:767px) {
        .swiper-pagination .swiper-pagination-bullet {
            width: 15px;
            height: 15px;
            margin-right: 10px
        }
    }

    .swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: 0
    }

    .rtl .swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: auto;
        margin-left: 0
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50px;
        background-color: var(--primary);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    @media (max-width:767px) {
        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
            width: 8px;
            height: 8px
        }
    }

    .feature-slider {
        border-radius: 15px;
        background-repeat: no-repeat;
        background-size: cover;
        -o-object-fit: contain;
        object-fit: contain
    }

    .feature-slider .mask {
        opacity: .4;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .25), #000);
        border-radius: 15px
    }

    .feature-slider .feature-slider-card {
        width: auto;
        max-width: 435px
    }

    .feature-slider .feature-slider-body {
        border-radius: 15px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
        background-color: #fff;
        padding: 10px;
        z-index: 5
    }

    .feature-slider .feature-slider-body .card-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        color: #171347
    }

    @media (max-width:991px) {
        .feature-slider .feature-slider-body .card-title {
            font-size: 16px
        }
    }

    .feature-slider .feature-desc {
        pointer-events: none
    }

    .feature-slider .feature-footer .feature-price-box {
        border-radius: 10px;
        box-shadow: 0 3px 6px 0 rgba(64, 213, 125, .26);
        background-color: var(--primary);
        font-size: 16px;
        font-weight: 800;
        line-height: 1.22;
        color: #fff;
        padding: 10px 15px;
        pointer-events: none
    }

    .vertical-line {
        border-left: 2px solid #ececec
    }

    .stars-card {
        min-height: 20px
    }

    .stars-card svg {
        margin-right: 3px;
        color: #818894
    }

    .stars-card i.active svg,
    .stars-card svg.active {
        color: #ffc600;
        fill: #ffc600
    }

    .user-inline-avatar .avatar {
        width: 40px;
        max-width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 50%
    }

    .user-inline-avatar .avatar img {
        border-radius: 50%
    }

    .user-inline-avatar .user-name {
        font-weight: 500;
        line-height: 1.19;
        color: #818894
    }

    .home-sections {
        margin-top: 80px
    }

    .home-sections.home-sections-swiper {
        margin-top: 120px
    }

    @media (max-width:991px) {
        .home-sections.home-sections-swiper {
            margin-top: 80px
        }
    }

    .home-sections .section-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.5;
        color: var(--secondary);
        pointer-events: none
    }

    @media (max-width:991px) {
        .home-sections .section-title {
            font-size: 18px
        }
    }

    .home-sections .section-hint {
        margin-top: 5px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #818894;
        pointer-events: none
    }

    @media (max-width:991px) {
        .home-sections .section-hint {
            font-size: 14px
        }
    }

    .gradient-box {
        direction: ltr;
        position: absolute !important;
        border-radius: 30px;
        background-image: linear-gradient(180deg, #9effc1, var(--primary))
    }

    @media (max-width:767px) {
        .gradient-box {
            border-radius: 10px
        }
    }

    .subscribes-container .left-gradient-box {
        top: 13% !important;
        left: 1% !important;
        width: 150px;
        height: 150px;
        opacity: .66;
        transform: rotate(45deg)
    }

    @media (min-width:767px) and (max-width:991px) {
        .subscribes-container .left-gradient-box {
            width: 80px;
            height: 80px
        }
    }

    @media (max-width:767px) {
        .subscribes-container .left-gradient-box {
            width: 40px;
            height: 40px
        }
    }

    .subscribes-container #parallax5 {
        transform: translateZ(0) rotate(144deg) !important
    }

    .subscribes-container .right-gradient-box {
        right: 3% !important;
        bottom: 10% !important;
        top: auto !important;
        width: 130px;
        height: 130px;
        opacity: .66;
        transform: rotate(45deg)
    }

    @media (min-width:767px) and (max-width:991px) {
        .subscribes-container .right-gradient-box {
            width: 75px;
            height: 75px
        }
    }

    @media (max-width:767px) {
        .subscribes-container .right-gradient-box {
            width: 30px;
            height: 30px
        }
    }

    .subscribes-container .bottom-gradient-box {
        left: 14% !important;
        bottom: 0 !important;
        top: auto !important;
        width: 250px;
        height: 250px;
        opacity: .66;
        transform: rotate(45deg)
    }

    @media (min-width:767px) and (max-width:991px) {
        .subscribes-container .bottom-gradient-box {
            width: 150px;
            height: 150px
        }
    }

    @media (max-width:767px) {
        .subscribes-container .bottom-gradient-box {
            width: 50px;
            height: 50px
        }
    }

    .testimonials-container .left-gradient-box {
        top: 13% !important;
        left: 10% !important;
        width: 202px;
        height: 202px;
        opacity: .66
    }

    @media (min-width:767px) and (max-width:991px) {
        .testimonials-container .left-gradient-box {
            width: 100px;
            height: 100px
        }
    }

    @media (max-width:767px) {
        .testimonials-container .left-gradient-box {
            width: 40px;
            height: 40px
        }
    }

    .testimonials-container #parallax2 {
        transform: translateZ(0) rotate(144deg) !important
    }

    .testimonials-container .right-gradient-box {
        top: auto !important;
        right: 13% !important;
        bottom: 10% !important;
        width: 195px;
        height: 195px;
        opacity: .66;
        transform: rotate(45deg)
    }

    @media (min-width:767px) and (max-width:991px) {
        .testimonials-container .right-gradient-box {
            width: 95px;
            height: 95px
        }
    }

    @media (max-width:767px) {
        .testimonials-container .right-gradient-box {
            width: 30px;
            height: 30px
        }
    }

    .testimonials-container .bottom-gradient-box {
        top: auto !important;
        left: -200px !important;
        bottom: 0 !important;
        width: 270px;
        height: 270px;
        opacity: .66;
        transform: rotate(45deg)
    }

    @media (min-width:767px) and (max-width:991px) {
        .testimonials-container .bottom-gradient-box {
            width: 150px;
            height: 150px
        }
    }

    @media (max-width:767px) {
        .testimonials-container .bottom-gradient-box {
            width: 50px;
            height: 50px
        }
    }

    .testimonials-container .testimonials-card {
        margin-top: 105px;
        pointer-events: none
    }

    .testimonials-container .testimonials-card .bottom-gradient {
        position: absolute;
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0 0 10px 10px;
        height: 11px;
        background: linear-gradient(270deg, #9effc1, var(--primary))
    }

    .testimonials-container .testimonials-card .testimonials-user-avatar {
        position: absolute;
        top: -40px;
        width: 80px;
        height: 80px
    }

    .trending-card {
        position: relative;
        transition: all .5s ease
    }

    .trending-card .trending-image {
        padding: 27px 0;
        border-radius: 20px
    }

    .trending-card .trending-image .icon {
        width: 85px;
        height: 85px
    }

    .trending-card .item-count {
        position: relative;
        top: -20px;
        border-radius: 25px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        font-size: 14px
    }

    .trending-card h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.19;
        color: #171347
    }

    .trending-card:hover {
        transform: translateY(-25px);
        transition: all .5s ease
    }

    .trending-card:hover .item-count {
        background-color: var(--secondary);
        color: #fff;
        transition: all .5s ease
    }

    @media (max-width:767px) {
        .trending-card .trending-image {
            padding: 25px
        }

        .trending-card .trending-image .icon {
            width: 60px;
            height: 60px
        }
    }

    .home-video-mask {
        position: absolute;
        height: 300px;
        border: 1px solid #707070;
        background-color: var(--secondary);
        width: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

    @media (max-width:767px) {
        .home-video-mask {
            height: 100%
        }
    }

    .home-video-container {
        padding-top: 194px;
        padding-bottom: 94px;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 15px
    }

    @media (max-width:991px) {
        .home-video-container {
            padding-top: 94px
        }
    }

    @media (max-width:767px) {
        .home-video-container {
            background-size: contain;
            border-radius: 0
        }
    }

    .home-video-container .home-video-play-button {
        width: 147px;
        height: 147px;
        box-shadow: 0 20px 12px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer;
        z-index: 22
    }

    .home-video-container .home-video-play-button:after,
    .home-video-container .home-video-play-button:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #fff;
        opacity: .4;
        z-index: -1;
        border-radius: 50%
    }

    .home-video-container .home-video-play-button:before {
        -webkit-animation: pluse 2s ease-out infinite;
        animation: pluse 2s ease-out infinite
    }

    .home-video-container .home-video-play-button:after {
        -webkit-animation: pluse 2s ease-out 1s infinite;
        animation: pluse 2s ease-out 1s infinite
    }

    @media (max-width:991px) {
        .home-video-container .home-video-play-button {
            width: 75px;
            height: 75px
        }

        .home-video-container .home-video-play-button .feather-play {
            width: 25px;
            height: 25px
        }
    }

    .home-video-container .home-video-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.22;
        color: #fff
    }

    .home-video-container .home-video-hint {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.19;
        color: #fff;
        pointer-events: none
    }

    @-webkit-keyframes pluse {
        to {
            transform: scale(2.5);
            opacity: 0
        }
    }

    @keyframes pluse {
        to {
            transform: scale(2.5);
            opacity: 0
        }
    }

    .user-search-card .user-avatar {
        width: 135px;
        height: 135px;
        border-radius: 50%;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .1)
    }

    .home-organizations-card {
        padding: 15px 25px 30px;
        border-radius: 15px;
        box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        text-align: center;
        transition: all .5s ease
    }

    .home-organizations-card .home-organizations-avatar {
        width: 120px;
        height: 120px;
        border-radius: 50%
    }

    .home-organizations-card .home-organizations-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        color: #171347;
        transition: all .5s ease
    }

    .home-organizations-card .home-organizations-badge,
    .home-organizations-card .home-organizations-desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.19;
        color: #818894;
        transition: all .5s ease
    }

    .home-organizations-card .home-organizations-badge {
        border-radius: 15px;
        background-color: #f1f1f1;
        padding: 5px 10px;
        transition: all .5s ease
    }

    .home-organizations-card:hover {
        transform: translateY(-10px);
        background-color: var(--secondary);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .2);
        transition: all .5s ease
    }

    .home-organizations-card:hover .home-organizations-desc,
    .home-organizations-card:hover .home-organizations-title {
        color: #fff;
        transition: all .5s ease
    }

    .home-organizations-card:hover .home-organizations-badge {
        background-color: #fff;
        color: var(--secondary);
        transition: all .5s ease
    }

    .instructors-swiper-container .instructors-card .instructors-card-avatar {
        width: 135px;
        height: 135px
    }

    .instructors-swiper-container .swiper-slide {
        margin-top: 33px
    }

    .instructors-swiper-container .swiper-slide.swiper-slide-active {
        margin-top: 0
    }

    .instructors-swiper-container .swiper-slide.swiper-slide-active .instructors-card .instructors-card-avatar {
        width: 200px;
        height: 200px
    }

    .instructors-swiper-container .swiper-slide.swiper-slide-active .instructors-card .instructors-card-avatar img {
        opacity: 1
    }

    .instructors-swiper-container .swiper-slide.swiper-slide-active .instructors-card .instructors-card-info {
        display: block
    }

    .find-instructor-section .find-instructor-section-hero {
        max-width: 400px;
        max-height: 460px;
        border-radius: 40px 4px 40px 4px;
        box-shadow: 0 30px 60px 0 rgba(1, 11, 60, .14)
    }

    .find-instructor-section .find-instructor-section-circle,
    .find-instructor-section .find-instructor-section-dots {
        position: absolute;
        z-index: -1
    }

    .find-instructor-section .find-instructor-section-circle {
        top: -50px;
        right: 10%
    }

    .find-instructor-section .find-instructor-section-dots {
        bottom: -25px;
        left: -30px;
        -webkit-animation: hero-dot 5s linear 0s infinite alternate;
        animation: hero-dot 5s linear 0s infinite alternate
    }

    .find-instructor-section .example-instructor-card {
        position: absolute;
        bottom: 50px;
        right: -15px;
        z-index: 2;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: hero-bounce;
        animation-name: hero-bounce
    }

    .find-instructor-section .example-instructor-card .example-instructor-card-avatar {
        width: 54px;
        height: 54px;
        border-radius: 50%
    }

    @media (max-width:767px) {
        .find-instructor-section .find-instructor-section-hero {
            max-width: 250px;
            max-height: 270px
        }

        .find-instructor-section .example-instructor-card {
            right: -5px
        }
    }

    .reward-program-section {
        border-radius: 30px;
        background-color: #f7fafd
    }

    .reward-program-section .reward-program-section-hero-card {
        height: 350px
    }

    .reward-program-section .reward-program-section-hero-card .reward-program-section-hero {
        position: absolute;
        height: 390px;
        width: 100%;
        left: -70px;
        top: -20px
    }

    @media (max-width:991px) {
        .reward-program-section .reward-program-section-hero-card {
            height: auto
        }

        .reward-program-section .reward-program-section-hero-card .reward-program-section-hero {
            position: relative;
            top: 0;
            left: 0;
            height: auto
        }
    }

    .reward-program-section .reward-program-section-dots {
        position: absolute;
        top: 25px;
        left: 30px;
        z-index: 1;
        -webkit-animation: hero-dot 5s linear 0s infinite alternate;
        animation: hero-dot 5s linear 0s infinite alternate
    }

    .reward-program-section .example-reward-card {
        position: absolute;
        bottom: 50px;
        right: 15%;
        z-index: 2;
        -webkit-animation-duration: 6s;
        animation-duration: 6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: hero-bounce;
        animation-name: hero-bounce
    }

    .reward-program-section .example-reward-card .example-reward-card-medal {
        width: 56px;
        height: 56px;
        border-radius: 50%
    }

    @-webkit-keyframes hero-dot {
        0% {
            transform: translateY(-100px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes hero-dot {
        0% {
            transform: translateY(-100px)
        }

        to {
            transform: translateY(0)
        }
    }

    @-webkit-keyframes hero-bounce {

        0%,
        20%,
        50%,
        80%,
        to {
            transform: translateY(0)
        }

        40% {
            transform: translateY(-30px)
        }

        60% {
            transform: translateY(-15px)
        }
    }

    @keyframes hero-bounce {

        0%,
        20%,
        50%,
        80%,
        to {
            transform: translateY(0)
        }

        40% {
            transform: translateY(-30px)
        }

        60% {
            transform: translateY(-15px)
        }
    }

    .become-instructor-packages .default-package-icon {
        width: 176px;
        min-width: 176px;
        height: 143px
    }

    .become-instructor-packages .default-package-icon img {
        width: 100%;
        height: 100%
    }

    .become-instructor-packages .default-package-statistics-icon {
        width: 32px;
        height: 32px
    }

    .become-instructor-packages .default-package-statistics-icon img {
        width: 100%;
        height: 100%
    }

    .blog-grid-card {
        border-radius: 15px;
        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        transition: all .5s ease
    }

    .blog-grid-card .blog-grid-image {
        position: relative;
        width: 100%;
        height: 250px
    }

    .blog-grid-card .blog-grid-image img {
        border-radius: 15px 15px 0 0
    }

    .blog-grid-card .blog-grid-image:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 60%;
        bottom: 0;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .8));
        z-index: 1
    }

    .blog-grid-card .blog-grid-image .created-at {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.19;
        color: #fff;
        border-radius: 20px;
        padding: 10px 15px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
        background-color: var(--primary);
        position: absolute;
        bottom: -16px;
        right: 25px;
        transition: all .5s ease;
        z-index: 2
    }

    .blog-grid-card .blog-grid-detail {
        padding: 24px 15px
    }

    .blog-grid-card .blog-grid-detail .blog-grid-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        color: #171347
    }

    .blog-grid-card .blog-grid-detail .blog-grid-desc {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894;
        height: 85px;
        border-bottom: 1px solid #ececec;
        overflow: hidden;
        pointer-events: none
    }

    .blog-grid-card .blog-grid-detail .blog-grid-footer {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.19;
        color: #818894;
        pointer-events: none
    }

    .blog-grid-card:hover {
        transform: translateY(-25px);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
        transition: all .5s ease
    }

    .blog-grid-card:hover .created-at {
        background-color: var(--secondary);
        transition: all .5s ease
    }

    .popular-post .popular-post-image {
        width: 110px;
        min-width: 110px;
        height: 75px
    }

    .popular-post .popular-post-content {
        height: 75px
    }

    .post-show p,
    .post-show span {
        color: #818894;
        margin-top: 15px
    }

    .post-show img {
        border-radius: 15px;
        max-width: 100% !important
    }

    .post-show h1,
    .post-show h2,
    .post-show h3 {
        font-size: 20px;
        font-weight: 700;
        color: #171347;
        margin-top: 25px
    }

    .contact-info-modal .contact-avatar {
        width: 100px;
        max-width: 100px;
        height: 100px;
        border-radius: 50%
    }

    .contact-info-modal .contact-avatar img {
        border-radius: 50%
    }

    .contact-us-head {
        padding-top: 120px
    }

    @media (max-width:767px) {
        .contact-us-head {
            padding-top: 60px
        }
    }

    .contact-map {
        height: 644px;
        border-radius: 15px;
        z-index: 10;
        position: relative;
        top: -300px;
        margin-bottom: -250px
    }

    @media (min-width:767px) and (max-width:991px) {
        .contact-map {
            height: 500px;
            top: -230px;
            margin-bottom: -230px
        }
    }

    @media (max-width:767px) {
        .contact-map {
            height: 360px;
            top: -100px;
            margin-bottom: -80px
        }
    }

    .contact-items {
        box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1)
    }

    .contact-items .contact-icon-box {
        border-radius: 24px;
        width: 85px;
        height: 85px
    }

    .contact-items .contact-icon-box.box-info {
        background-image: linear-gradient(135deg, #3c8ce7 10%, #00eaff)
    }

    .contact-items .contact-icon-box.box-green {
        background-image: linear-gradient(135deg, #11c99c, #00e31d)
    }

    .contact-items .contact-icon-box.box-red {
        background-image: linear-gradient(135deg, #ff0844, #ffb199)
    }

    .webinar-card {
        position: relative;
        border-radius: 15px;
        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        transition: all .5s ease
    }

    .webinar-card .image-box {
        position: relative;
        width: 100%;
        height: 250px
    }

    .webinar-card .image-box img {
        border-radius: 15px 15px 0 0
    }

    .webinar-card .image-box:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 60%;
        bottom: 0;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .8));
        z-index: 1
    }

    .webinar-card .image-box .badge {
        position: absolute;
        top: 7px;
        left: 7px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.29;
        color: #fff;
        padding: 8px 15px;
        border-radius: 15px 3px 15px 3px;
        pointer-events: none
    }

    .webinar-card .image-box .progress {
        position: absolute;
        bottom: 12px;
        left: 18px;
        width: 75%;
        height: 7px;
        border-radius: 5px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
        background-color: #fff;
        z-index: 2
    }

    .rtl .webinar-card .image-box .progress {
        left: auto;
        right: 18px
    }

    .webinar-card .image-box .progress .progress-bar {
        height: 5px;
        background-color: var(--primary);
        border-radius: 5px;
        margin-top: 1px;
        margin-left: 1px
    }

    .webinar-card .image-box .webinar-notify {
        width: 40px;
        height: 40px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
        background-color: #fff;
        position: absolute;
        bottom: -20px;
        right: 18px;
        border-radius: 50%;
        z-index: 3;
        transition: all .3s ease
    }

    .webinar-card .image-box .webinar-notify:hover {
        background-color: var(--secondary);
        color: #fff;
        transition: all .3s ease
    }

    .webinar-card .image-box .webinar-notify:hover svg {
        stroke: #fff
    }

    .rtl .webinar-card .image-box .webinar-notify {
        right: auto;
        left: 18px
    }

    .webinar-card .image-box .progress-and-bell {
        position: absolute;
        bottom: 12px;
        padding: 0 12px;
        width: 100%
    }

    .webinar-card .image-box .progress-and-bell .progress {
        position: relative;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: calc(100% - 50px) !important
    }

    .webinar-card .image-box .progress-and-bell .webinar-notify {
        position: relative;
        bottom: 0;
        right: 0
    }

    .webinar-card .webinar-card-body {
        padding: 15px 10px 20px 15px
    }

    .rtl .webinar-card .webinar-card-body {
        padding: 15px 15px 20px 10px
    }

    .webinar-card .webinar-card-body .webinar-price-box .real {
        font-size: 20px;
        font-weight: 800;
        line-height: 1.22;
        color: var(--primary);
        pointer-events: none
    }

    .webinar-card .webinar-card-body .webinar-price-box .off {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894;
        text-decoration: line-through
    }

    .webinar-card .webinar-card-body .webinar-title {
        height: 48px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .webinar-card .date-published,
    .webinar-card .duration {
        font-weight: 500;
        line-height: 1.19;
        color: #171347;
        pointer-events: none
    }

    .webinar-card.webinar-list {
        border-radius: 10px;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .webinar-card.webinar-list .image-box {
        width: 300px;
        min-height: 200px;
        height: auto;
        max-height: 100%;
        border-radius: 10px 0 0 10px
    }

    .webinar-card.webinar-list .image-box:after,
    .webinar-card.webinar-list .image-box img {
        border-radius: 10px 0 0 10px
    }

    .webinar-card.webinar-list .image-box .progress {
        width: auto;
        left: 25px;
        right: 25px
    }

    .rtl .webinar-card.webinar-list .image-box,
    .rtl .webinar-card.webinar-list .image-box img {
        border-radius: 0 10px 10px 0
    }

    .webinar-card.webinar-list.webinar-list-2 .image-box {
        width: 370px;
        min-width: 300px;
        height: 250px
    }

    .webinar-card.webinar-list.panel-product-card .image-box {
        width: 300px;
        height: 200px
    }

    .webinar-card.webinar-list .webinar-card-body {
        padding: 12px 17px 12px 25px
    }

    .rtl .webinar-card.webinar-list .webinar-card-body {
        padding: 15px 25px 20px 17px
    }

    .webinar-card.webinar-list .stat-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894;
        pointer-events: none
    }

    .webinar-card.webinar-list .stat-value {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.19;
        color: #171347;
        pointer-events: none
    }

    .webinar-card.webinar-list .webinar-actions {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894
    }

    .webinar-card.webinar-list .webinar-actions:hover {
        color: var(--primary)
    }

    @media (max-width:767px) {
        .webinar-card.webinar-list {
            flex-direction: column
        }

        .webinar-card.webinar-list .image-box {
            width: 100% !important;
            height: 54vw !important;
            border-radius: 10px 10px 0 0
        }

        .webinar-card.webinar-list .image-box img {
            border-radius: 10px 10px 0 0
        }

        .webinar-card.webinar-list .webinar-card-body {
            padding: 12px
        }
    }

    .webinar-card.webinar-list-cart {
        box-shadow: none
    }

    .webinar-card.webinar-list-cart .image-box {
        height: 150px
    }

    .webinar-card.webinar-list-cart .image-box img {
        border-radius: 5px
    }

    .webinar-card.webinar-list-cart .webinar-card-body {
        padding: 0 0 0 20px
    }

    .rtl .webinar-card.webinar-list-cart .webinar-card-body {
        padding: 0 20px 0 0
    }

    @media (max-width:767px) {
        .webinar-card.webinar-list-cart .image-box {
            height: 25vw !important
        }
    }

    .webinar-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
        transition: all .5s ease
    }

    .webinar-card .webinar-icon {
        color: var(--secondary)
    }

    .course-cover-container {
        position: relative;
        height: 530px
    }

    @media (max-width:991px) {
        .course-cover-container.not-active-special-offer {
            height: 350px
        }
    }

    .course-cover-container .course-cover-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .course-cover-container .cover-content {
        position: relative;
        height: 100%;
        width: 100%
    }

    .course-cover-container .cover-content .container {
        z-index: 1
    }

    .course-cover-container .cover-content:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .6;
        background-color: #000
    }

    .special-offer-card .offer-percent-box {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 25%);
        background-color: var(--primary);
        border-radius: 15px;
        box-shadow: 0 -10px 15px 0 rgba(67, 212, 119, .29);
        width: 100px;
        height: 100px
    }

    .special-offer-card .offer-percent-box .percent {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.22
    }

    .special-offer-card .offer-percent-box .off {
        text-transform: uppercase;
        letter-spacing: 5px;
        font-size: 16px;
        font-weight: 400
    }

    @media (max-width:991px) {
        .special-offer-card .offer-percent-box {
            width: 70px;
            height: 70px;
            transform: translate(-50%, 50%);
            box-shadow: 0 2px 15px 0 rgba(67, 212, 119, .29)
        }

        .special-offer-card .offer-percent-box .percent {
            font-size: 20px
        }

        .special-offer-card .offer-percent-box .off {
            font-size: 14px
        }
    }

    .course-content-section {
        position: relative;
        top: -250px;
        margin-bottom: -250px
    }

    @media (max-width:991px) {

        .course-content-section:not(.has-progress-bar).course,
        .course-content-section:not(.has-progress-bar).text_lesson {
            top: -215px;
            margin-bottom: -215px
        }
    }

    .course-content-section .course-title {
        min-height: 88px;
        max-height: 88px;
        text-overflow: ellipsis;
        overflow: hidden;
        pointer-events: none
    }

    .course-content-section .course-progress {
        height: 11px;
        padding: 2px
    }

    .course-content-section .nav-tabs .nav-item.active,
    .course-content-section .nav-tabs .nav-item:hover,
    .course-content-section .nav-tabs .nav-item a.active,
    .course-content-section .nav-tabs .nav-item a:hover {
        background-color: transparent !important;
        border: none !important
    }

    .course-content-section .teacher-avatar .user-circle-badge {
        right: 0;
        bottom: 0
    }

    .favorites-share-box {
        margin-left: 0;
        margin-right: 0
    }

    .favorites-share-box .col {
        border-right: 1px solid #ececec
    }

    .favorites-share-box .col:last-child {
        border-right: none
    }

    .rtl .favorites-share-box .col {
        border-left: 1px solid #ececec;
        border-right: none
    }

    .rtl .favorites-share-box .col:last-child {
        border-left: none
    }

    .favorites-share-box span {
        margin-top: 5px
    }

    .course-description,
    .course-description p {
        color: #818894
    }

    .accordion-row .collapse-chevron-icon {
        transition: .3s
    }

    .accordion-row .collapse-chevron-icon.chevron-get-up,
    .accordion-row .collapse-chevron-icon.feather-chevron-up {
        transform: rotate(180deg)
    }

    .accordion-row .panel-collapse {
        border-top: 1px solid #ececec;
        margin-top: 15px;
        padding-top: 15px
    }

    .course-content-sidebar .course-img {
        position: relative;
        height: 250px
    }

    .course-content-sidebar .course-img img {
        border-radius: 15px 15px 0 0
    }

    .course-content-sidebar .course-img:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 60%;
        bottom: 0;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .84));
        z-index: 1
    }

    .course-content-sidebar .course-img.has-video:after {
        top: 25%;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .84))
    }

    .course-content-sidebar .course-img.has-video .course-video-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 20px 12px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        z-index: 2
    }

    .course-content-sidebar .course-img.has-video .course-video-icon svg {
        stroke: var(--secondary);
        fill: var(--secondary)
    }

    .course-content-sidebar .btn-subscribe {
        border-width: 2px
    }

    .course-content-sidebar .tags-card .tag-item {
        margin-top: 15px;
        margin-right: 15px
    }

    .course-content-sidebar .tags-card .tag-item:last-child {
        margin-right: 0
    }

    .course-content-sidebar .sidebar-title {
        position: relative;
        pointer-events: none
    }

    .course-content-sidebar .sidebar-title:after {
        content: "";
        width: 35px;
        height: 3px;
        background-color: var(--primary);
        position: absolute;
        bottom: -7px;
        left: 0
    }

    .rtl .course-content-sidebar .sidebar-title:after {
        right: 0;
        left: auto
    }

    .course-content-sidebar .sidebar-ads {
        width: 100%;
        height: 180px;
        max-height: 180px
    }

    .course-teacher-card .teacher-avatar {
        width: 100px;
        height: 100px;
        border-radius: 50%
    }

    .course-teacher-card .teacher-avatar img {
        border-radius: 50%
    }

    .course-teacher-card.instructors-list .teacher-avatar {
        width: 190px;
        height: 190px
    }

    .course-teacher-card.instructors-list .off-label {
        position: absolute;
        top: 7px;
        left: 7px;
        border-radius: 15px 3px 15px 3px;
        z-index: 10
    }

    .course-teacher-card .teacher-btn-action {
        width: 50%;
        padding: 0 !important
    }

    .teacher-avatar,
    .user-profile-avatar {
        position: relative
    }

    .teacher-avatar .user-circle-badge,
    .user-profile-avatar .user-circle-badge {
        width: 32px;
        height: 32px;
        position: absolute;
        bottom: 12px;
        right: 12px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
        border-radius: 50%
    }

    .teacher-avatar .user-circle-badge.has-verified,
    .user-profile-avatar .user-circle-badge.has-verified {
        background-color: #2196f3
    }

    .teacher-avatar .user-circle-badge.unavailable,
    .user-profile-avatar .user-circle-badge.unavailable {
        background-color: #f63c3c
    }

    .course-reviews-box .course-progress {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        width: 65%;
        min-width: 65%
    }

    .course-reviews-box .course-progress .progress-bar {
        background-color: #ffc600
    }

    .reviews-stars .barrating-stars {
        border-right: 1px solid #f1f1f1
    }

    .reviews-stars .barrating-stars:last-child {
        border-right: none
    }

    .favorite-active {
        fill: #f63c3c;
        stroke: #f63c3c
    }

    .video-js {
        width: 100% !important
    }

    .video-js,
    .video-js .vjs-poster,
    .video-js iframe,
    .video-js video {
        border-radius: 10px
    }

    .video-js .vjs-big-play-button {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%)
    }

    @media (max-width:991px) {
        .course-content-btns {
            font-size: 10px !important;
            padding-right: 10px !important;
            padding-left: 10px !important;
            height: 30px !important
        }
    }

    .add-course-content-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        background-color: #c6f2d6;
        border-radius: 50%;
        border: none !important
    }

    .add-course-content-btn svg {
        color: var(--primary)
    }

    .chapter-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        width: 40px;
        max-width: 40px;
        min-height: 40px;
        height: 40px;
        max-height: 40px;
        background-color: var(--primary);
        border-radius: 50%
    }

    .chapter-icon svg {
        color: #fff
    }

    .chapter-icon.chapter-content-icon {
        background-color: #f1f1f1
    }

    .chapter-icon.chapter-content-icon svg {
        color: #818894
    }

    .disabled-content-badge {
        padding: 4px 8px;
        border-radius: 13px;
        background-color: rgba(246, 60, 60, .3);
        font-size: 12px;
        color: #f63c3c
    }

    .modal-video-lists .modal-video-item>div.item-border {
        border-bottom: 1px solid #ececec
    }

    .modal-video-lists .modal-video-item:last-child>div.item-border {
        border: 0
    }

    .modal-video-lists .modal-video-item.active,
    .modal-video-lists .modal-video-item:hover {
        background-color: #f1f1f1
    }

    .modal-video-lists .modal-video-item.no-hover.active,
    .modal-video-lists .modal-video-item.no-hover:hover {
        background-color: #fff
    }

    .file-video-loading {
        display: flex;
        height: 426px
    }

    @media (max-width:767px) {

        .file-video-loading,
        .my-video-dimensions {
            height: 180px !important
        }
    }

    .vjs-has-started .vjs-loading-spinner {
        display: none !important
    }

    .buy-with-points-modal-img {
        min-width: 114px;
        width: 114px;
        max-width: 114px;
        height: 114px
    }

    .demo-video-modal .demo-video-card {
        max-height: 480px !important
    }

    .play-iframe-page iframe {
        width: 100% !important;
        height: 100% !important
    }

    .interactive-file-iframe {
        width: 100%;
        height: 100%
    }

    .assignment-attachments-remove-btn {
        position: absolute;
        right: 10px;
        top: 5px;
        padding-right: 8px !important;
        padding-left: 8px !important;
        height: 26px !important
    }

    .course-private-content {
        padding: 125px 0;
        margin: 70px 0
    }

    .course-private-content .course-private-content-icon {
        width: 270px;
        height: 270px
    }

    @media (max-width:767px) {
        .course-private-content {
            padding: 80px 0;
            margin: 30px 0
        }

        .course-private-content .course-private-content-icon {
            width: 170px;
            height: 170px
        }
    }

    .course-noticeboards {
        position: relative;
        border: 1px solid var(--gray200)
    }

    .course-noticeboards .course-noticeboard-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        position: relative
    }

    .course-noticeboards .course-noticeboard-icon:before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        opacity: .3;
        z-index: 1
    }

    .course-noticeboards:before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 15px;
        opacity: .05;
        z-index: 1
    }

    .course-noticeboards.noticeboard-warning {
        border-color: var(--warning);
        color: var(--warning)
    }

    .course-noticeboards.noticeboard-warning .course-noticeboard-icon:before,
    .course-noticeboards.noticeboard-warning:before {
        background-color: var(--warning)
    }

    .course-noticeboards.noticeboard-danger {
        border-color: var(--danger);
        color: var(--danger)
    }

    .course-noticeboards.noticeboard-danger .course-noticeboard-icon:before,
    .course-noticeboards.noticeboard-danger:before {
        background-color: var(--danger)
    }

    .course-noticeboards.noticeboard-neutral {
        border-color: var(--gray);
        color: var(--gray)
    }

    .course-noticeboards.noticeboard-neutral .course-noticeboard-icon:before,
    .course-noticeboards.noticeboard-neutral:before {
        background-color: var(--gray)
    }

    .course-noticeboards.noticeboard-info {
        border-color: var(--blue);
        color: var(--blue)
    }

    .course-noticeboards.noticeboard-info .course-noticeboard-icon:before,
    .course-noticeboards.noticeboard-info:before {
        background-color: var(--blue)
    }

    .course-noticeboards.noticeboard-success {
        border-color: var(--green);
        color: var(--green)
    }

    .course-noticeboards.noticeboard-success .course-noticeboard-icon:before,
    .course-noticeboards.noticeboard-success:before {
        background-color: var(--green)
    }

    .webinar-extra-description-company-logos {
        max-width: 105px;
        max-height: 75px
    }

    .webinar-extra-description-check-icon {
        min-width: 18px
    }

    .time-sheet .remove-time {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
        padding: 2px;
        width: 16px;
        height: 16px;
        box-shadow: 0 3px 6px 0 rgba(246, 60, 60, .28);
        position: absolute;
        left: -6px;
        top: -6px
    }

    .time-sheet .remove-time svg {
        width: 100%;
        height: 100%;
        line-height: 0;
        color: #fff
    }

    .time-sheet .meeting-type-time {
        position: absolute;
        left: 20px;
        top: -16px
    }

    .add-time-sheet {
        direction: ltr !important
    }

    .add-time-sheet .clock-box {
        top: -100px
    }

    @media (max-width:991px) {
        .add-time-sheet {
            padding-bottom: 200px
        }

        .add-time-sheet .clock-box {
            top: 0
        }
    }

    .clockpicker-popover {
        display: block !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important
    }

    @media (max-width:991px) {
        .clockpicker-popover {
            left: 50% !important;
            transform: translate(-50%) !important
        }
    }

    .clockpicker-popover .popover-title {
        display: none !important
    }

    .clockpicker-popover .clockpicker-canvas-bearing,
    .clockpicker-popover .clockpicker-canvas-bg,
    .clockpicker-popover .clockpicker-canvas-fg {
        fill: var(--primary) !important
    }

    .clockpicker-popover .clockpicker-canvas line {
        stroke: var(--primary) !important
    }

    .clockpicker-popover .clockpicker-am-pm-block {
        visibility: hidden;
        opacity: 0;
        position: absolute
    }

    .clockpicker-popover .popover-content {
        background-color: #fff !important
    }

    .pulsate {
        -webkit-animation: pulsate .5s ease-out;
        -webkit-animation-iteration-count: infinite;
        opacity: .4
    }

    @-webkit-keyframes pulsate {
        0% {
            opacity: .4
        }

        50% {
            opacity: 1
        }

        to {
            opacity: .4
        }
    }

    .charge-account-radio label {
        cursor: pointer;
        border: 3px solid transparent;
        box-shadow: 0 12px 23px 0 rgba(62, 73, 84, .07);
        transition: all .3s ease
    }

    .charge-account-radio label:hover {
        border: 3px solid var(--primary);
        transition: all .3s ease;
        box-shadow: 0 10px 30px 0 rgba(67, 212, 119, .3)
    }

    .charge-account-radio input[type=radio] {
        visibility: hidden;
        display: none
    }

    .charge-account-radio input[type=radio]:checked+label {
        box-shadow: 0 10px 30px 0 rgba(67, 212, 119, .3);
        border: 3px solid var(--primary);
        background-color: #fff;
        transition: all .3s ease
    }

    .subscribe-plan {
        position: relative;
        border: 3px solid transparent;
        transition: all .4s ease;
        top: 0
    }

    .subscribe-plan .badge-popular {
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 10px 0 10px 0
    }

    .subscribe-plan:hover {
        top: -15px;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15) !important
    }

    .subscribe-plan .plan-icon {
        width: 120px;
        height: 120px
    }

    .subscribe-plan .plan-feature li {
        position: relative;
        color: #171347
    }

    .subscribe-plan .plan-feature li:after {
        content: "";
        position: absolute;
        left: -20px;
        top: 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: var(--secondary)
    }

    .rtl .subscribe-plan .plan-feature li:after {
        left: auto;
        right: -20px
    }

    .registration-package-statistics .registration-package-statistics-icon {
        width: 48px;
        height: 48px
    }

    .registration-package-statistics .registration-package-statistics-icon img {
        width: 100%;
        height: 100%
    }

    .user-reward-badges img {
        width: 32px;
        height: 32px
    }

    .user-reward-badges.badges-lg .badges-item {
        border: none
    }

    .user-reward-badges.badges-lg img {
        width: 128px;
        height: 128px
    }

    @media (max-width:991px) {
        .user-reward-badges.badges-lg img {
            width: 60px;
            height: 60px
        }
    }

    .user-profile-info {
        top: -250px;
        margin-bottom: -250px
    }

    @media (max-width:991px) {
        .user-profile-info {
            top: -50px;
            margin-bottom: -50px
        }
    }

    .user-profile-info .following-status {
        border-left: 2px solid #ececec
    }

    .rtl .user-profile-info .following-status {
        border-right: 2px solid #ececec;
        border-left: none
    }

    @media (max-width:568px) {
        .profile-info-box {
            flex-direction: column;
            position: relative
        }

        .profile-info-box:not(.product-show__profile-info-box) {
            top: -60px;
            margin-bottom: -60px
        }

        .profile-info-box .user-details {
            flex-direction: column;
            width: 100%;
            text-align: center
        }

        .profile-info-box .user-details .stars-card {
            justify-content: center
        }

        .profile-info-box .user-actions {
            flex-direction: row !important;
            margin-top: 15px;
            width: 100%;
            justify-content: center
        }

        .profile-info-box .user-actions button.btn-border-white {
            margin-top: 0 !important;
            margin-left: 10px;
            border-radius: 5px !important
        }
    }

    .user-profile-avatar {
        width: 190px;
        min-width: 190px;
        max-width: 190px;
        height: 190px;
        border-radius: 50%
    }

    .user-profile-avatar img {
        border-radius: 50%
    }

    @media (min-width:767px) and (max-width:991px) {
        .user-profile-avatar {
            width: 120px;
            min-width: 120px;
            max-width: 120px;
            height: 120px
        }
    }

    @media (max-width:767px) {
        .user-profile-avatar {
            width: 90px;
            min-width: 90px;
            max-width: 90px;
            height: 90px
        }
    }

    .user-profile-state .state-icon img {
        width: 32px;
        height: 32px
    }

    .user-profile-state .state-icon.orange {
        box-shadow: 0 3px 6px 0 rgba(239, 147, 106, .3);
        border: 2px solid #ef9d69
    }

    .user-profile-state .state-icon.blue {
        box-shadow: 0 3px 6px 0 rgba(106, 195, 239, .3);
        border: 2px solid #00a1d9
    }

    .user-profile-state .state-icon.green {
        box-shadow: 0 3px 6px 0 rgba(67, 212, 119, .15);
        border: 2px solid #4fb949
    }

    .user-profile-state .state-icon.royalblue {
        box-shadow: 0 3px 6px 0 rgba(111, 66, 193, .15);
        border: 2px solid #a855ff
    }

    .pick-a-time .available-times,
    .pick-a-time .meeting-type-reserve {
        margin-right: 20px
    }

    .pick-a-time .available-times:last-child,
    .pick-a-time .meeting-type-reserve:last-child {
        margin-right: 0
    }

    .pick-a-time .available-times label,
    .pick-a-time .meeting-type-reserve label {
        cursor: pointer;
        padding: 15px 30px;
        border-radius: 10px;
        border: 1px solid var(--primary);
        color: var(--primary);
        font-size: .875rem
    }

    .pick-a-time .available-times.disabled label,
    .pick-a-time .meeting-type-reserve.disabled label {
        border: 1px solid #f1f1f1;
        color: #818894
    }

    .pick-a-time .available-times input[type=checkbox],
    .pick-a-time .available-times input[type=radio],
    .pick-a-time .meeting-type-reserve input[type=checkbox],
    .pick-a-time .meeting-type-reserve input[type=radio] {
        visibility: hidden;
        display: none;
        transition: all .3s
    }

    .pick-a-time .available-times input[type=checkbox]:checked+label,
    .pick-a-time .available-times input[type=radio]:checked+label,
    .pick-a-time .meeting-type-reserve input[type=checkbox]:checked+label,
    .pick-a-time .meeting-type-reserve input[type=radio]:checked+label {
        box-shadow: 0 3px 6px 0 rgba(1, 201, 14, .29);
        border: 1px solid var(--primary);
        background-color: var(--primary);
        color: #fff;
        transition: all .3s
    }

    .pick-a-time .available-times input[type=checkbox]:hover+label,
    .pick-a-time .available-times input[type=radio]:hover+label,
    .pick-a-time .meeting-type-reserve input[type=checkbox]:hover+label,
    .pick-a-time .meeting-type-reserve input[type=radio]:hover+label {
        border: 1px solid var(--primary);
        background-color: #1fb354;
        color: #fff;
        transition: all .3s
    }

    .pick-a-time .available-times .reserved-item,
    .pick-a-time .meeting-type-reserve .reserved-item {
        position: absolute;
        left: 10px;
        top: 0;
        transform: translateY(-8px)
    }

    .pick-a-time .meeting-type-reserve {
        margin-right: 0
    }

    .pick-a-time .meeting-type-reserve label {
        border-color: #f1f1f1;
        color: #818894;
        border-radius: 0
    }

    .pick-a-time .meeting-type-reserve:first-child label {
        border-radius: 10px 0 0 10px;
        border-right: 0 !important
    }

    .pick-a-time .meeting-type-reserve:nth-child(2) label {
        border-radius: 0 10px 10px 0
    }

    .pick-a-time .meeting-type-reserve.disabled label {
        color: #818894 !important;
        background-color: #f1f1f1 !important;
        border-color: #f1f1f1 !important;
        cursor: not-allowed
    }

    .inline-reservation-calender .datepicker-plot-area {
        font-family: main-font-family;
        background-color: var(--secondary);
        padding: 0;
        border: 1px solid #ececec;
        border-radius: 15px
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-navigator {
        padding: 15px 0
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-navigator .pwt-btn {
        background-color: transparent;
        color: #fff
    }

    .inline-reservation-calender .datepicker-plot-area .toolbox {
        display: none;
        margin-top: 0;
        background-color: #fff
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view {
        background-color: #fff
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td {
        width: 62px;
        height: 60px
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td span {
        color: #818894 !important;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .5s
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td span:hover {
        background-color: var(--primary);
        transition: all .5s;
        color: #fff !important
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td.selected span {
        background-color: var(--primary);
        text-shadow: none;
        color: #fff !important;
        font-weight: 700
    }

    .inline-reservation-calender .datepicker-plot-area .datepicker-day-view .table-days td.disabled span {
        background-color: #ececec
    }

    .inline-reservation-calender .pwt-btn-next,
    .inline-reservation-calender .pwt-btn-prev {
        direction: ltr
    }

    .user-offline-alert {
        background-color: #f7fafd;
        border: 1px solid #ececec;
        border-radius: 10px
    }

    .offline-icon {
        background-color: #8ad3ff;
        padding: 15px
    }

    .offline-icon.offline-icon-right {
        border-radius: 0 10px 10px 0
    }

    .offline-icon.offline-icon-left,
    .rtl .offline-icon.offline-icon-right {
        border-radius: 10px 0 0 10px
    }

    .rtl .offline-icon.offline-icon-left {
        border-radius: 0 10px 10px 0
    }

    .offline-icon img {
        width: 43px;
        min-width: 43px;
        max-width: 43px;
        height: 43px;
        min-height: 43px;
        max-height: 43px
    }

    .appointment-timezone-icon {
        width: 84px;
        height: 62px
    }

    .appointment-timezone-icon img {
        width: 100%;
        height: 100%
    }

    .datepicker-plot-area .datepicker-day-view .table-days {
        width: 100% !important;
        float: left !important;
        direction: ltr !important
    }

    .rtl .datepicker-plot-area .datepicker-day-view .table-days {
        float: right !important;
        direction: rtl !important
    }

    .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
        width: 100%;
        height: 25px;
        float: left;
        display: inline-flex
    }

    .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row .header-row-cell {
        float: left
    }

    .rtl .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row,
    .rtl .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row .header-row-cell {
        float: right
    }

    .cart-banner {
        width: 100%;
        padding: 100px 0;
        background-color: var(--secondary)
    }

    .cart-banner .payment-hint {
        margin-top: 30px
    }

    @media (max-width:767px) {
        .cart-banner {
            padding: 50px 0
        }
    }

    .cart-row {
        padding: 20px 0;
        border-bottom: 1px solid #ececec
    }

    .cart-row .image-box:after,
    .cart-row img {
        border-radius: 10px !important
    }

    .cart-row .webinar-card:hover {
        transform: inherit;
        box-shadow: inherit;
        transition: inherit
    }

    .cart-row .btn-cart-list-delete {
        position: relative;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #ececec
    }

    .cart-row .btn-cart-list-delete svg {
        color: #707070
    }

    .cart-row .btn-cart-list-delete:hover {
        background-color: #f63c3c;
        color: #fff;
        transition: all .3s ease
    }

    .cart-row .btn-cart-list-delete:hover svg {
        color: #fff;
        transition: all .3s ease
    }

    .cart-row .btn-cart-list-delete:after {
        content: "";
        width: 36px;
        height: 36px;
        background-color: transparent;
        border: 1px solid #ececec;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s ease
    }

    .cart-row .btn-cart-list-delete:hover:after {
        border-color: #f63c3c;
        transition: all .3s ease
    }

    .cart-checkout-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid #ececec
    }

    .razorpay-payment-button {
        opacity: 0;
        visibility: hidden
    }

    .search-top-banner img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .search-top-banner .top-search-form {
        position: relative;
        z-index: 3
    }

    .search-top-banner .top-search-form .search-input {
        margin-top: 120px;
        border-radius: 38px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1)
    }

    @media (max-width:991px) {
        .search-top-banner .top-search-form .search-input {
            margin-top: 70px
        }
    }

    @media (max-width:767px) {
        .search-top-banner .top-search-form .search-input {
            margin-top: 25px
        }
    }

    .search-top-banner .top-search-categories-form {
        position: relative;
        z-index: 3
    }

    .search-top-banner .top-search-categories-form .search-input {
        margin-top: 70px;
        border-radius: 38px;
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1)
    }

    @media (max-width:991px) {
        .search-top-banner .top-search-categories-form .search-input {
            margin-top: 40px
        }
    }

    @media (max-width:767px) {
        .search-top-banner .top-search-categories-form .search-input {
            margin-top: 20px
        }
    }

    .search-top-banner .top-search-categories-form .course-count-badge {
        background-color: hsla(0, 0%, 94.5%, .5)
    }

    .instructor-finder-wizard {
        height: calc(100vh - 119px);
        overflow: hidden
    }

    @media (max-width:767px) {
        .instructor-finder-wizard {
            margin-left: 0 !important;
            margin-right: 0 !important
        }
    }

    .instructor-finder-wizard .wizard-left-side {
        height: calc(100vh - 119px);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0
    }

    .instructor-finder-wizard .wizard-left-side:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .8;
        background-image: linear-gradient(180deg, transparent, #000);
        z-index: 1
    }

    .instructor-finder-wizard .wizard-left-side .wizard-left-side-content {
        z-index: 2;
        padding: 50px 80px
    }

    .instructor-finder-wizard .wizard-left-side .wizard-left-side-content .wizard-stat-icon {
        width: 64px;
        height: 64px;
        background-color: rgba(0, 0, 0, .5)
    }

    .instructor-finder-wizard .wizard-content {
        height: calc(100vh - 119px);
        overflow-y: auto;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .instructor-finder-wizard .wizard-step-num {
        position: relative
    }

    .instructor-finder-wizard .wizard-step-num:after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 96px;
        height: 3px;
        background-color: var(--primary)
    }

    .full-checkbox {
        padding-right: 2rem !important;
        padding-left: 0 !important
    }

    .full-checkbox .custom-control-label:after,
    .full-checkbox .custom-control-label:before {
        left: auto !important;
        right: -2rem
    }

    .wizard-custom-radio label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 30px;
        border: 1px solid #ececec;
        color: #818894
    }

    .wizard-custom-radio input {
        display: none
    }

    .wizard-custom-radio input:checked~label {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }

    .wizard-custom-radio .wizard-custom-radio-item:first-child label {
        border-right: 0;
        border-radius: .5rem 0 0 .5rem
    }

    .wizard-custom-radio .wizard-custom-radio-item:last-child label {
        border-left: 0;
        border-radius: 0 .5rem .5rem 0
    }

    .wizard-custom-checkbox {
        margin-right: 10px
    }

    .wizard-custom-checkbox label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 30px;
        border: 1px solid #ececec;
        color: #818894;
        border-radius: 10px
    }

    .wizard-custom-checkbox input {
        display: none
    }

    .wizard-custom-checkbox input:checked~label {
        background-color: var(--primary);
        border-color: var(--primary);
        color: #fff
    }

    .wrunner__valueNote_theme_default.wrunner__valueNote {
        background-color: #f1f1f1 !important;
        color: #818894 !important;
        border-radius: 50px !important;
        font-family: inherit !important
    }

    .wrunner__valueNote_theme_default.wrunner__valueNote:after {
        border-top-color: #f1f1f1 !important
    }

    .wrunner__pathPassed_theme_default.wrunner__pathPassed {
        background-color: var(--primary) !important
    }

    .wrunner__divisions_theme_default.wrunner__divisions {
        display: none !important
    }

    .wrunner__handle_theme_default.wrunner__handle {
        background-color: #fff !important;
        width: 16px;
        height: 16px;
        border: 2px solid var(--primary) !important
    }

    .wrunner-value-bottom .wrunner__valueNote {
        top: unset !important;
        bottom: -18px
    }

    .wrunner-value-bottom .wrunner__valueNote:after {
        bottom: unset !important;
        top: -7px;
        border-top-color: transparent !important;
        border-bottom-color: #f1f1f1 !important
    }

    .wrunner-value-bottom .wrunner__path_theme_default.wrunner__path_direction_horizontal {
        top: 5px !important
    }

    .wrunner-value-bottom .wrunner__outer_theme_default.wrunner__outer_direction_horizontal {
        height: 2rem !important
    }

    .instructor-finder .instructor-finder-map {
        width: 100%;
        height: 550px
    }

    .instructor-finder .instructor-finder-map .marker-pin {
        width: 50px;
        height: 50px;
        padding: 5px;
        background-color: #fff
    }

    .instructor-finder .map-instructor-card .map-instructor-card-avatar {
        width: 64px;
        height: 64px
    }

    .instructor-finder .map-instructor-card-popup {
        bottom: 50px !important
    }

    .instructor-finder .map-instructor-card-popup .leaflet-popup-content {
        margin: 0 !important;
        width: 190px !important
    }

    .instructor-finder .instructor-finder-card .instructor-finder-card-right-side {
        border-left: 1px solid #f1f1f1
    }

    @media (max-width:767px) {
        .instructor-finder .instructor-finder-card .instructor-finder-card-right-side {
            border-top: 1px solid #f1f1f1;
            border-left: 0
        }
    }

    .instructor-finder .instructor-finder-card .instructor-avatar {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        height: 70px
    }

    .instructor-finder .instructor-finder-card .off-badge {
        position: absolute;
        top: -10px;
        right: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        padding: 8px 15px;
        border-radius: 3px 10px 3px 10px;
        pointer-events: none
    }

    @media (max-width:767px) {
        .instructor-finder .instructor-finder-card .off-badge {
            top: 10px
        }
    }

    .instructor-finder .instructor-badge {
        width: 32px;
        min-width: 32px;
        max-width: 32px;
        height: 32px
    }

    .product-card {
        position: relative;
        border-radius: 15px;
        box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        border: 1px solid #ececec;
        transition: all .5s ease
    }

    .product-card .image-box {
        position: relative;
        width: 100%;
        height: 185px
    }

    .product-card .image-box,
    .product-card .image-box img {
        border-radius: 15px 15px 0 0
    }

    .product-card .image-box .image-box__a:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 60%;
        bottom: 0;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .8));
        z-index: 1
    }

    .product-card .image-box .badge {
        position: absolute;
        top: 7px;
        left: 7px;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.29;
        color: #fff;
        padding: 8px 15px;
        border-radius: 15px 3px 15px 3px;
        pointer-events: none
    }

    .product-card .image-box .out-of-stock-badge {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .84))
    }

    .product-card .image-box .out-of-stock-badge span {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #fff;
        padding: 8px 10px;
        border-radius: 18px;
        pointer-events: none;
        background-color: rgba(0, 0, 0, .6)
    }

    .product-card .image-box .hover-card-action {
        bottom: -20px;
        right: 20px;
        opacity: 0;
        position: absolute;
        transform: translateY(150%);
        transition: all .3s ease;
        z-index: 11
    }

    .product-card .image-box .hover-card-action .btn-add-product-to-cart {
        width: 40px;
        height: 40px;
        padding: 10px;
        box-shadow: 0 10px 15px 0 rgba(67, 212, 119, .3);
        background-color: var(--primary);
        border-radius: 50%;
        color: #fff
    }

    .product-card .image-box .hover-card-action .btn-add-product-to-cart:hover {
        background-color: var(--primary-hover)
    }

    .rtl .product-card .image-box .hover-card-action {
        right: auto;
        left: 20px
    }

    .product-card .product-card-body {
        padding: 20px 10px
    }

    .product-card .product-card-body .product-price-box .real {
        font-size: 20px;
        font-weight: 800;
        line-height: 1.22;
        color: var(--primary);
        pointer-events: none
    }

    .product-card .product-card-body .product-price-box .off {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894;
        text-decoration: line-through
    }

    .product-card .product-card-body .product-title {
        height: 48px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .product-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
        transition: all .5s ease
    }

    .product-card:hover .hover-card-action {
        opacity: 1;
        transform: translateZ(0)
    }

    .product-card .product-icon {
        color: var(--secondary)
    }

    .product-show-image-card {
        height: 460px;
        border-radius: 15px
    }

    .lazyImageWaiting {
        position: relative;
        overflow: hidden;
        background-color: #dddbdd
    }

    .lazyImageWaiting:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
        -webkit-animation: shimmer 2s infinite;
        animation: shimmer 2s infinite;
        content: ""
    }

    @-webkit-keyframes shimmer {
        to {
            transform: translateX(100%)
        }
    }

    @keyframes shimmer {
        to {
            transform: translateX(100%)
        }
    }

    .product-show-thumbnail-card .thumbnail-card {
        width: 85px;
        height: 85px;
        border-radius: 10px;
        border: 2px solid #ececec
    }

    .product-show-thumbnail-card .product-video-demo-thumb-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 45px;
        min-width: 45px;
        max-width: 45px;
        height: 45px;
        border-radius: 50%;
        z-index: 10
    }

    .product-show-thumbnail-card .product-video-demo-thumb-icon img {
        width: 25px;
        min-width: 25px;
        max-width: 25px;
        height: 25px;
        border-radius: 50%
    }

    .product-show-thumbnail-card .product-video-demo-thumb-icon:after,
    .product-show-thumbnail-card .product-video-demo-thumb-icon:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #000;
        opacity: .4;
        z-index: -1;
        border-radius: 50%
    }

    .product-show-thumbnail-card .product-video-demo-thumb-icon:before {
        -webkit-animation: mini-pluse 2s ease-out infinite;
        animation: mini-pluse 2s ease-out infinite
    }

    .product-show-thumbnail-card .product-video-demo-thumb-icon:after {
        -webkit-animation: mini-pluse 2s ease-out 1s infinite;
        animation: mini-pluse 2s ease-out 1s infinite
    }

    .product-video-demo-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75px;
        height: 75px;
        border-radius: 50%;
        z-index: 10
    }

    .product-video-demo-icon img {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 50%
    }

    .product-video-demo-icon:after,
    .product-video-demo-icon:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #000;
        opacity: .4;
        z-index: -1;
        border-radius: 50%
    }

    .product-video-demo-icon:before {
        -webkit-animation: pluse 2s ease-out infinite;
        animation: pluse 2s ease-out infinite
    }

    .product-video-demo-icon:after {
        -webkit-animation: pluse 2s ease-out 1s infinite;
        animation: pluse 2s ease-out 1s infinite
    }

    @-webkit-keyframes mini-pluse {
        to {
            transform: scale(1.5);
            opacity: 0
        }
    }

    @keyframes mini-pluse {
        to {
            transform: scale(1.5);
            opacity: 0
        }
    }

    .product-availability-badge {
        padding: 6px;
        border-radius: 18px;
        font-size: 12px;
        font-weight: 500;
        color: #fff
    }

    .product-show-price-box .real {
        font-size: 30px;
        font-weight: 800;
        line-height: 1.22;
        color: var(--primary);
        pointer-events: none
    }

    .product-show-price-box .off {
        text-decoration: line-through
    }

    .product-show-price-box .off,
    .product-show-price-box .shipping-price {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.29;
        color: #818894
    }

    .product-show-cart-actions .cart-quantity {
        height: 48px;
        border-radius: 10px;
        border: 1px solid #f1f1f1;
        background-color: #f7fafd
    }

    .product-show-cart-actions .cart-quantity button,
    .product-show-cart-actions .cart-quantity input {
        height: 100%;
        background-color: transparent;
        border: 0;
        padding: 0;
        margin: 0
    }

    .product-show-cart-actions .cart-quantity button {
        width: 48px
    }

    .product-show-cart-actions .cart-quantity button:hover {
        background-color: #f1f1f1
    }

    .product-show-cart-actions .cart-quantity .minus {
        border-radius: 10px 0 0 10px
    }

    .product-show-cart-actions .cart-quantity .plus {
        border-radius: 0 10px 10px 0
    }

    .product-show-cart-actions .cart-quantity input {
        width: 110px;
        padding: 4px 8px;
        text-align: center;
        border-left: 1px solid #f1f1f1;
        border-right: 1px solid #f1f1f1
    }

    .product-show-info-footer-items .icon-box {
        width: 40px;
        height: 40px;
        border: 1px solid #f1f1f1;
        background-color: #f7fafd;
        color: #818894;
        border-radius: 50%;
        padding: 10px
    }

    .selectable-specification-item label {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ececec;
        background-color: #f7fafd;
        border-radius: 15px;
        margin: 0
    }

    .selectable-specification-item label:hover {
        background-color: #f1f1f1
    }

    .selectable-specification-item input {
        display: none
    }

    .selectable-specification-item input:checked~label {
        border-color: var(--primary);
        color: var(--primary);
        background-color: #f7fafd !important
    }

    .product-show-specification-item .specification-item-name {
        width: 200px;
        min-width: 200px
    }

    .product-show-files-tab .product-file-download-btn {
        width: 40px;
        min-width: 40px;
        height: 40px;
        padding: 8px;
        background-color: var(--primary)
    }

    .product-show-special-offer .special-offer-card {
        box-shadow: none !important;
        border: 1px solid #f1f1f1
    }

    .product-show-special-offer .special-offer-card .special-offer-title {
        font-size: 20px !important
    }

    .product-online-viewer-modal-body {
        height: calc(100vh - 15rem)
    }

    @media (max-width:767px) {
        .product-show__nav-tabs {
            flex-wrap: nowrap !important;
            overflow-x: auto
        }
    }

    .forum-hero-section {
        padding-bottom: 144px;
        padding-top: 144px
    }

    .forum-hero-section .search-input {
        border-radius: 38px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03)
    }

    .forum-hero-section .forum-hero-section__container {
        position: relative;
        z-index: 2
    }

    .forum-hero-section .forum-hero-section__image {
        height: 100%;
        width: 60%;
        max-width: 1098px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    @media (max-width:991px) {
        .forum-hero-section {
            padding-bottom: 25px;
            padding-top: 25px
        }

        .forum-hero-section .forum-hero-section__image {
            position: relative;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin-top: 25px
        }
    }

    .forum-stat-section {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05)
    }

    .forum-stat-section .forum-stat-icon {
        width: 98px;
        min-width: 98px;
        height: 96px;
        min-height: 96px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .forums-featured-section {
        position: relative;
        padding-bottom: 100px
    }

    .forums-featured-section .forums-featured-card {
        position: relative;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
        z-index: 2
    }

    .forums-featured-section .forums-featured-card-icon {
        width: 85px;
        min-width: 85px;
        height: 85px;
        min-height: 85px
    }

    .forums-featured-section .forums-featured-card-users-avatar .topics-count,
    .forums-featured-section .forums-featured-card-users-avatar .user-avatar-card {
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin-left: -8px;
        border: 2px solid #fff
    }

    .forums-featured-section .forums-featured-card-users-avatar .user-avatar-card:first-child {
        margin-left: 0
    }

    .forums-featured-section .forums-featured-card-users-avatar .topics-count {
        background-color: #fff;
        border-color: var(--gray200)
    }

    .forums-featured-section .forums-featured-bg-box {
        background-image: url(/assets/default/img/forum/featured_section.svg);
        position: absolute;
        left: -14%;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: 1
    }

    .forums-categories-card .forums-categories-card__title {
        position: relative
    }

    .forums-categories-card .forums-categories-card__title:before {
        content: "";
        width: 4px;
        height: 100%;
        position: absolute;
        left: -15px;
        top: 0;
        background-color: var(--primary)
    }

    .forums-categories-card .forums-categories-card__icon {
        width: 48px;
        min-width: 48px;
        height: 48px
    }

    .forums-categories-card .forums-categories-card__last-post .user-avatar {
        width: 39px;
        min-width: 39px;
        height: 39px
    }

    .forum-recommended-topics-section {
        position: relative;
        margin-top: 90px;
        padding-bottom: 150px
    }

    .forum-recommended-topics-section .forum-recommended-topics__card {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
        z-index: 3
    }

    .forum-recommended-topics-section .forum-recommended-topics__card .forum-recommended-topics__icon {
        width: 44px;
        min-width: 44px;
        height: 44px
    }

    .forum-recommended-topics-section .forum-recommended-topics__lists a {
        margin-left: -4px
    }

    @media (max-width:991px) {
        .forum-recommended-topics-section {
            margin-top: 45px
        }
    }

    .forum-recommended-topics-section .forums-recommended-topics-bg-box {
        background-image: url(/assets/default/img/forum/recommended-topics.svg);
        position: absolute;
        right: -10%;
        bottom: 50px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 100%;
        z-index: 1
    }

    .forum-question-section .forum-question-section__img {
        margin-top: -93px
    }

    .rtl .forum-recommended-topics__lists a {
        margin-left: 0;
        margin-right: -4px
    }

    .btn-create-topic,
    .btn-search-topic,
    .input-search-topic {
        height: 54px !important
    }

    .topics-title-section {
        background-image: url(/assets/default/img/forum/topics_title_bg.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .topics-title-section .breadcrumb-item+.breadcrumb-item:before {
        color: #fff;
        content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1yaWdodCI+PHBhdGggZD0iTTkgMThsNi02LTYtNiIvPjwvc3ZnPg==")
    }

    .topics-filters-section {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05)
    }

    .topics-lists-card .topics-lists-card__icons {
        width: 24px;
        min-width: 24px;
        height: 24px
    }

    .topics-lists-card .topic-user-avatar {
        width: 48px;
        min-width: 48px;
        height: 48px
    }

    .topics-lists-card .topic-last-post-user-avatar {
        width: 30px;
        min-width: 30px;
        height: 30px
    }

    .topics-right-side-title:before {
        content: "";
        width: 4px;
        height: 100%;
        position: absolute;
        left: -15px;
        top: 0;
        background-color: var(--primary)
    }

    .topics-right-side-user-avatar {
        width: 48px;
        min-width: 48px;
        height: 48px
    }

    .create-topic-attachments .add-btn,
    .create-topic-attachments .remove-btn {
        width: 38px;
        min-width: 38px;
        height: 38px;
        margin-left: 5px;
        padding: 0
    }

    .topics-post-card .user-avatar {
        width: 72px;
        min-width: 72px;
        height: 72px
    }

    .topics-post-card .user-avatar.green-ring {
        width: 92px;
        min-width: 92px;
        height: 92px;
        border: 5px solid var(--primary)
    }

    .topics-post-card .user-avatar.green-ring img {
        border: 5px solid #fff
    }

    .topics-post-card .topic-post-description,
    .topics-post-card .topic-post-description * {
        color: #818894;
        font-size: 14px
    }

    .topics-post-card .pinned-icon {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 24px;
        height: 24px;
        background-color: transparent;
        border: 0;
        border-radius: 50%;
        padding: 0
    }

    .topics-post-card .pinned-icon img {
        width: 100%;
        max-width: 100%;
        height: 100%
    }

    .topic-post-like-btn {
        padding: 5px 15px 5px 5px;
        border-radius: 22px;
        border: 1px solid #f1f1f1;
        background-color: #f7fafd;
        height: 43px
    }

    .topic-post-like-btn .badge-icon {
        position: relative;
        width: 33px;
        min-width: 33px;
        height: 33px;
        margin-right: 5px;
        color: #f63c3c;
        background-color: #fff;
        border-radius: 50%;
        border: 0;
        padding: 0
    }

    .topic-post-like-btn .badge-icon.liked svg {
        fill: #f63c3c
    }

    .topic-posts-reply-card .js-close-reply-post {
        position: absolute;
        top: 15px;
        right: 15px
    }

    .post-quotation .post-quotation-icon {
        width: 50px;
        height: 50px;
        padding: 15px;
        background-color: #f1f1f1
    }

    .reply-login-close-card .icon-card {
        width: 140px;
        min-width: 140px;
        height: 152px
    }

    .topics-not-result {
        padding: 100px 0
    }

    .topics-not-result .topics-not-result-icon {
        width: 227px;
        height: 202px
    }

    .cookie-security-dialog {
        position: fixed;
        left: 24px;
        bottom: 24px;
        width: 480px;
        z-index: 201
    }

    @media (max-width:767px) {
        .cookie-security-dialog {
            width: 100%;
            left: 0;
            bottom: 0;
            border-radius: 15px 15px 0 0 !important
        }
    }

    .cookie-security-modal-description,
    .cookie-security-modal-description * {
        font-size: 14px;
        color: var(--gray)
    }

    .cookie-settings-modal-items-card__description {
        height: 0;
        overflow: hidden;
        padding-left: 20px;
        transition: all .3s ease
    }

    .cookie-settings-modal-items-card__description.active {
        margin-top: 15px
    }

    .c-not-allowed .custom-control-label:after,
    .c-not-allowed .custom-control-label:before {
        cursor: not-allowed
    }

    @-webkit-keyframes rotated {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    @keyframes rotated {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(1turn)
        }
    }

    .mobile-app-section {
        padding-bottom: 244px;
        padding-top: 184px
    }

    @media (max-width:767px) {
        .mobile-app-section {
            padding-bottom: 0;
            padding-top: 0
        }
    }

    .mobile-app-section .search-input {
        border-radius: 38px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03)
    }

    .mobile-app-section .mobile-app-section__container {
        position: relative;
        z-index: 2
    }

    .mobile-app-section .mobile-app-section__image {
        height: 100%;
        width: 60%;
        max-width: 884px;
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: url(/assets/default/img/mobile-app/hero-bg.svg);
        background-repeat: no-repeat;
        background-position: 100%
    }

    .rtl .mobile-app-section .mobile-app-section__image {
        right: auto;
        left: 0
    }

    .mobile-app-section .mobile-app-section__image .mobile-app-section__image-hero {
        position: relative;
        width: 273px;
        border-radius: 20px;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
    }

    .mobile-app-section .mobile-app-section__image .mobile-app-section__image-hero .mobile-app-section__dots {
        position: absolute;
        z-index: -1;
        top: 60px;
        left: -30px;
        -webkit-animation: hero-dot 5s linear 0s infinite alternate;
        animation: hero-dot 5s linear 0s infinite alternate
    }

    @media (max-width:767px) {
        .mobile-app-section .mobile-app-section__image .mobile-app-section__image-hero .mobile-app-section__dots {
            top: 93px
        }
    }

    .mobile-app-section .mobile-app-section__image [class*=bubble] {
        position: absolute;
        z-index: -1;
        border-radius: 50%
    }

    .mobile-app-section .mobile-app-section__image [class*=bubble]:before {
        content: "";
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 50%
    }

    .mobile-app-section .mobile-app-section__image .bubble-one {
        width: 120px;
        height: 120px;
        left: 20%;
        bottom: 15%;
        -webkit-animation: rotated 7s linear infinite;
        animation: rotated 7s linear infinite
    }

    .mobile-app-section .mobile-app-section__image .bubble-one:before {
        width: 19px;
        height: 19px;
        background: var(--primary)
    }

    .mobile-app-section .mobile-app-section__image .bubble-two {
        width: 80px;
        height: 80px;
        right: 24%;
        top: 15%;
        -webkit-animation: rotated 4s linear infinite;
        animation: rotated 4s linear infinite
    }

    .mobile-app-section .mobile-app-section__image .bubble-two:before {
        width: 10px;
        height: 10px;
        background: #feb3ad
    }

    .mobile-app-section .mobile-app-section__image .bubble-three {
        width: 120px;
        height: 120px;
        right: 16%;
        bottom: 40%;
        -webkit-animation: rotated 12s linear infinite;
        animation: rotated 12s linear infinite
    }

    .mobile-app-section .mobile-app-section__image .bubble-three:before {
        width: 19px;
        height: 19px;
        background: #840780
    }

    @media (max-width:767px) {
        .mobile-app-section .mobile-app-section__image {
            position: relative;
            width: 100%;
            margin-top: 30px;
            background-position: 50%
        }

        .mobile-app-section .mobile-app-section__image .bubble-one {
            left: 0
        }

        .mobile-app-section .mobile-app-section__image .bubble-three,
        .mobile-app-section .mobile-app-section__image .bubble-two {
            right: 0
        }
    }

    .mobile-app-section .mobile-app__buttons {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 55px;
        padding: 5px 25px;
        border-radius: 38px;
        box-shadow: 0 10px 15px 0 rgba(67, 212, 119, .1);
        margin-right: 20px
    }

    .mobile-app-section .mobile-app__buttons.has-icon {
        padding: 5px 25px 5px 5px
    }

    .mobile-app-section .mobile-app__buttons .mobile-app__button-icon {
        width: 45px;
        height: 45px;
        padding: 7px;
        background-color: #fff
    }

    .mobile-app-section .mobile-app__buttons.btn-outline-primary .mobile-app__button-icon {
        background-color: var(--primary)
    }

    .mobile-app-section .mobile-app__buttons.btn-outline-secondary .mobile-app__button-icon {
        background-color: var(--secondary)
    }

    .mobile-app-section .mobile-app__buttons.btn-outline-warning .mobile-app__button-icon {
        background-color: var(--warning)
    }

    .mobile-app-section .mobile-app__buttons.btn-outline-danger .mobile-app__button-icon {
        background-color: var(--danger)
    }

    @media (max-width:767px) {
        .mobile-app-section .mobile-app__buttons {
            margin-right: 0;
            width: 100%;
            margin-bottom: 15px;
            justify-content: start
        }
    }

    .rtl .mobile-app__buttons {
        margin-right: 0 !important;
        margin-left: 20px !important
    }

    .rtl .mobile-app__buttons.has-icon {
        padding: 5px 5px 5px 25px
    }

    .rtl .mobile-app__buttons .mobile-app__button-icon {
        margin-right: 0 !important;
        margin-left: 10px !important
    }

    @media (max-width:767px) {
        .rtl .mobile-app__buttons {
            margin-right: 0 !important;
            margin-left: 0 !important;
            width: 100%;
            margin-bottom: 15px;
            justify-content: start
        }
    }

    .custom-table thead td,
    .custom-table thead th {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.19;
        text-align: left;
        color: #818894;
        border-bottom: none;
        border-top: none
    }

    .rtl .custom-table thead td,
    .rtl .custom-table thead th {
        text-align: right
    }

    .custom-table tbody td {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.19;
        text-align: center;
        color: #171347
    }

    .table-responsive {
        overflow: visible
    }

    @media (max-width:991px) {
        .table-responsive {
            overflow-x: auto
        }
    }

    .table td,
    .table th {
        border-top: none !important
    }

    .table-actions.dropdown .dropdown-toggle:after {
        display: none
    }

    .table-actions.dropdown .dropdown-menu {
        right: 25px !important;
        top: -71px !important;
        left: auto !important;
        min-width: -webkit-max-content !important;
        min-width: -moz-max-content !important;
        min-width: max-content !important;
        border-radius: 0 !important;
        transition: all .3s;
        opacity: 0;
        visibility: hidden;
        display: block !important;
        font-size: 14px
    }

    .rtl .table-actions.dropdown .dropdown-menu {
        right: auto !important;
        left: 25px !important
    }

    .table-actions.dropdown .dropdown-menu.show {
        opacity: 1;
        visibility: visible
    }

    .table-actions.dropdown .dropdown-menu:after {
        display: none
    }

    .table-actions.dropdown .dropdown-menu a,
    .table-actions.dropdown .dropdown-menu button {
        color: #818894
    }

    .table-actions.dropdown .dropdown-menu a:hover,
    .table-actions.dropdown .dropdown-menu button:hover {
        color: var(--primary)
    }

    .table-actions.dropdown .dropdown-menu.menu-lg {
        min-width: 192px !important
    }

    .table-actions.dropdown.table-actions-lg .dropdown-menu {
        min-width: 150px !important
    }

    .input-label {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.19;
        color: #171347
    }

    .input-label .braces {
        font-size: 11px
    }

    .category-filter-title {
        position: relative;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.19;
        color: #171347
    }

    .category-filter-title:after {
        content: "";
        width: 50px;
        height: 3px;
        background-color: var(--primary);
        position: absolute;
        bottom: -10px;
        left: 0
    }

    .rtl .category-filter-title:after {
        left: auto;
        right: 0
    }

    .accordion-content-wrapper {
        position: relative
    }

    .webinar-form .webinar-category-filters {
        padding: 24px 28px;
        border-radius: 10px;
        box-shadow: 0 12px 23px 0 rgba(62, 73, 84, .04);
        background-color: #fff;
        border: 1px solid #f1f1f1
    }

    .webinar-form .table-responsive {
        overflow: visible
    }

    @media (max-width:991px) {
        .webinar-form .table-responsive {
            overflow: auto
        }
    }

    .webinar-form .table {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 3px 30px -10px rgba(0, 0, 0, .1);
        border: 1px solid #f1f1f1
    }

    .webinar-form .table th {
        border-top: 0;
        font-size: 16px;
        font-weight: 500;
        color: #818894
    }

    .webinar-form .table .btn-gray200 {
        font-size: 14px
    }

    .range-time-picker {
        background-color: #fff;
        border: 1px solid #ececec;
        border-radius: 0 .5rem .5rem 0;
        width: 100%
    }

    .range-time-picker input {
        border: none;
        max-width: 60px;
        padding: 0 0 0 1rem
    }

    .webinar-progress .progress-item {
        padding: 0 25px;
        border-left: 1px solid #ececec
    }

    .webinar-progress .progress-item button {
        transition: all .3s ease
    }

    .webinar-progress .progress-item button:hover {
        background-color: var(--primary);
        transition: all .3s ease
    }

    .webinar-progress .progress-item:first-child {
        padding-left: 0;
        border-left: none
    }

    .webinar-progress .progress-item .progress-icon {
        background-color: #f1f1f1;
        width: 48px;
        height: 48px;
        transition: all .3s ease
    }

    .webinar-progress .progress-item .progress-icon:hover {
        background-color: var(--primary);
        transition: all .3s ease
    }

    .webinar-progress .progress-item .progress-icon.active {
        background-color: transparent;
        background-image: linear-gradient(180deg, #9effc1, var(--primary))
    }

    @media (max-width:991px) {
        .webinar-progress .progress-item {
            border-left: 0;
            padding: 0;
            margin: 5px 0
        }

        .webinar-progress .progress-item:first-child {
            margin-top: 0
        }
    }

    .course-statistic-cards-shadow {
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .04)
    }

    .course-statistic-cards-shadow .statistic-pie-charts {
        height: 197px
    }

    .course-statistic-cards-shadow .cart-label-color {
        width: 15px;
        min-width: 15px;
        height: 15px
    }

    .quiz-question-card {
        border-radius: 10px;
        border: 1px solid #ececec;
        background-color: #fff;
        padding: 20px 25px
    }

    .quiz-question-card .question-title {
        font-weight: 500;
        color: #171347
    }

    .quiz-question-card .question-infos {
        color: #818894
    }

    .add-answer-container {
        height: 300px;
        overflow-y: auto;
        overflow-x: visible;
        width: 100%;
        padding-right: 10px
    }

    .add-answer-container .row {
        margin: 0
    }

    .add-answer-card {
        border-radius: 10px;
        border: 1px solid #ececec;
        padding: 8px 12px;
        position: relative
    }

    .add-answer-card .answer-remove {
        width: 40px;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 55px;
        top: 0;
        transform: translateY(-50%)
    }

    .quiz-form .quiz-form-btn {
        min-width: 170px
    }

    @media (max-width:767px) {
        .quiz-form .quiz-form-btn {
            min-width: auto
        }
    }

    .quiz-form fieldset:not(:first-of-type) {
        display: none
    }

    .quiz-form .quiz-question-media-card {
        width: 100%;
        max-width: 100%
    }

    .quiz-form .quiz-question-media-card img {
        max-width: 100%;
        max-height: 100%
    }

    .quiz-form .quiz-question-media-card .video-js {
        min-height: 300px !important
    }

    .quiz-form .question-multi-answers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        width: 100%;
        border: none;
        border-radius: 0
    }

    .quiz-form .question-multi-answers .answer-item {
        position: relative;
        width: 100%;
        height: 250px
    }

    .quiz-form .question-multi-answers .answer-item .correct {
        position: absolute;
        top: 10px;
        left: 10px;
        border-radius: 10px 0 10px 0;
        padding: 5px 15px;
        z-index: 10
    }

    .quiz-form .question-multi-answers .answer-item .answer-label {
        cursor: pointer;
        height: 100%;
        border-radius: 15px;
        border: 1px solid #ececec;
        text-align: center;
        transition: all .3s ease
    }

    .quiz-form .question-multi-answers .answer-item .answer-label:hover {
        background-color: #f7fafd;
        transition: all .3s ease
    }

    .quiz-form .question-multi-answers .answer-item .image-container {
        position: relative;
        cursor: pointer;
        border-radius: 15px;
        transition: all .2s ease;
        width: 100%;
        height: 100%
    }

    .quiz-form .question-multi-answers .answer-item .image-container img {
        border-radius: 15px
    }

    .quiz-form .question-multi-answers .answer-item .image-container:after {
        display: block;
        opacity: 0;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: linear-gradient(180deg, rgba(6, 6, 6, 0), rgba(0, 0, 0, .84));
        border-radius: 10px
    }

    .quiz-form .question-multi-answers .answer-item .image-container .selected {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%, -50%);
        z-index: 5
    }

    .quiz-form .question-multi-answers .answer-item .image-container:hover:after {
        opacity: 1
    }

    .quiz-form .question-multi-answers .answer-item input[type=radio] {
        visibility: hidden;
        display: none;
        transition: all .3s ease
    }

    .quiz-form .question-multi-answers .answer-item input[type=radio]:checked+.answer-label {
        box-shadow: 0 10px 30px 0 rgba(67, 212, 119, .3);
        border: 3px solid var(--primary);
        background-color: #fff;
        transition: all .3s ease
    }

    .quiz-form .question-multi-answers .answer-item input[type=radio]:checked+.answer-label .image-container:after {
        opacity: 1
    }

    .bg-primary {
        background-color: var(--primary) !important
    }

    .text-primary {
        color: var(--primary) !important
    }

    .badge-circle-primary,
    .badge-primary {
        background-color: var(--primary) !important
    }

    .btn-primary {
        color: var(--primary-btn-color);
        background-color: var(--primary);
        border-color: var(--primary-border);
        box-shadow: var(--primary-btn-shadow);
        transition: all .3s
    }

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .btn-primary:not(:disabled):not(.disabled):active {
        color: var(--primary-btn-color-hover);
        background-color: var(--primary-hover);
        border-color: var(--primary-border-hover);
        box-shadow: var(--primary-btn-shadow-hover);
        transition: all .3s
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: var(--primary-btn-color);
        background-color: var(--primary);
        border-color: var(--primary-border)
    }

    .btn-outline-primary {
        color: var(--primary);
        border-color: var(--primary)
    }

    .btn-outline-primary:hover {
        color: var(--primary-btn-color);
        background-color: var(--primary);
        border-color: var(--primary)
    }

    .bg-secondary {
        background-color: var(--secondary) !important
    }

    .text-secondary {
        color: var(--secondary) !important
    }

    .badge-circle-secondary,
    .badge-secondary {
        background-color: var(--secondary) !important
    }

    .btn-secondary {
        color: var(--secondary-btn-color);
        background-color: var(--secondary);
        border-color: var(--secondary-border);
        box-shadow: var(--secondary-btn-shadow);
        transition: all .3s
    }

    .btn-secondary:active,
    .btn-secondary:focus,
    .btn-secondary:hover,
    .btn-secondary:not(:disabled):not(.disabled):active {
        color: var(--secondary-btn-color-hover);
        background-color: var(--secondary-hover);
        border-color: var(--secondary-border-hover);
        box-shadow: var(--secondary-btn-shadow-hover);
        transition: all .3s
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: var(--secondary-btn-color);
        background-color: var(--secondary);
        border-color: var(--secondary-border)
    }

    .btn-outline-secondary {
        color: var(--secondary);
        border-color: var(--secondary)
    }

    .btn-outline-secondary:hover {
        color: var(--secondary-btn-color);
        background-color: var(--secondary);
        border-color: var(--secondary)
    }

    .input-group-text {
        background-color: var(--secondary) !important;
        border-color: var(--secondary-border) !important
    }

    .custom-control-input:checked~.custom-control-label:before,
    .custom-control-input:not(:disabled):active~.custom-control-label:before {
        color: var(--primary-btn-color) !important;
        background-color: var(--primary) !important;
        border-color: var(--primary-border) !important;
        box-shadow: none
    }

    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
        opacity: .6 !important
    }
    
    
    
    /*custom csss here*/
    
.top-navbar {
    height: 35px !important;
    width: 100%;
    background: linear-gradient(to right,#480048,#c04848);
}

.textwhite_span {
    color: #fff !important;
}
i.textwhite_span {
    color: #fff !important;
}
.dropcart_white svg {
    color: #fff !important;
}
.login_white_color{
    color:#fff !important;
}



/*membership plan css*/
    h3.main_question {
  
    font-size: 1.125rem;
}
.pointer_for_curser{
     cursor: pointer; 
}
.step_last_stag .radio_input a:hover{
     cursor: pointer;
    color: white !important;
}
.step_last_stag .radio_input a {
     cursor: pointer;
    color: white !important;
}
.form_to_retio_for_term{
        margin-top: 20px;
    border: 1px solid;
    text-align: center;
    padding: 19px 0px;
    font-size: 16px;
    background: black;
    cursor: pointer; 
}
.main_question.wizard-header:after {
    content: "";
    background: red;
    height: 4px;
    display: flex;
    width: 174px;
    margin: auto;
    margin-top: 12px;
}


/*model css===================================*/
   .list_for_member_ship_plan li {
    font-size: 15px;
    line-height: 24px;
}
.choose_your_member_ship_plan{
    padding-bottom: 8px;
    padding-top: 12px;
    font-family: 'FontAwesome';
}
  .icon_first_member_plan{
      color: white;
    font-size: 38px;
  } 
   .memeber_sip_plan_section{
    padding-top: 19px;
    padding-bottom: 32px;
   }
.member_shipp_plans {
    max-width: 330px;
    position: relative;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding-bottom: 47px;
    border-radius: 27px;
}

.h-1 {
    text-transform: uppercase
}

.ribon {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: #2b98f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ribon .fas.fa-spray-can,
.ribon .fas.fa-broom,
.ribon .fas.fa-shower,
.ribon .fas.fa-infinity {
    font-size: 30px;
    color: white
}

.cmember_shipp_plans .price {
    color: #2b98f0;
    font-size: 30px
}

.member_shipp_plans ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.member_shipp_plans ul li {
     font-size: 15px;
    margin-bottom: 8px;
    text-align: center;
    line-height: 35px;
}

.member_shipp_plans ul .fa.fa-check {
    font-size: 8px;
    color: gold
}

.member_shipp_plans:hover {
    transform: translate(0,-13px);
    transition: .5s linear;
 
}

.member_shipp_plans:hover .fa.fa-check {
    color: #2b98f0
}

.member_shipp_plans .btn {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2b98f0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 32px;
    box-shadow: 0px 0px 2px #000000;
    font-weight: bolder;
    font-size: 16px;
}
.member_shipp_plans .btn:hover {
    background: #fff;
    color: black;
    
}
.memeber_ship_heading_plan_color{
    color: red;
    font-size: 20px;
    font-weight: bolder;
   margin-top: 44px;
    line-height: 0px;
}
.memeber_shipp_plan_month{
        font-size: 24px;
    text-align: center;
    font-weight: bolder;
    margin-top: 13px;
}

.add_employee_main h4 {
    margin-bottom: 10px;
    margin-top: 5px;
}

.append_data_main input {
    margin-bottom: 0px !important;
}

.append_data_main {
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 12px;
        margin-top: 15px;
    margin-bottom: 10px;

}


.add_gift_main h4 {
    margin-bottom: 10px;
    margin-top: 5px;
}

.add_gift_main input {
    margin-bottom: 0px !important;
}

.add_gift_main {
    border: solid 1px #eee;
    border-radius: 10px;
    padding: 12px;
        margin-top: 15px;
    margin-bottom: 10px;

}

.append_gift_main {
    border: solid 1px #eee !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.memeber_sip_plan_section span.price {
    margin-top: 24px;
}

.learner_mebership {
    margin-bottom: 45px !important;
}
@media (max-width:500px) {
    .memeber_sip_plan_section .card {
        max-width: 100%
    }
} 


/*award page*/


.award_certificate_css {
    padding: 80px 0 54px;
}

.award_certificate_css .header {
    margin-bottom: 50px;
}

.award_certificate_css .header h3 {
    font-size: 1rem;
    color: #fe302f;
    font-weight: 500;
}

.award_certificate_css .header h2 {
    font-size: 2.2rem;
    font-weight: 400;
    color: #444444; 
}

.award_certificate_css .single-product {
    margin-bottom: 26px;
}

.award_certificate_css .single-product .part-1 {
    position: relative;
    height: 235px;
    max-height: 235px;
    margin-bottom: 20px;
    overflow: hidden;
}

.award_certificate_css .single-product .part-1::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		transition: all 0.3s;
}

.award_certificate_css .single-product:hover .part-1::before {
		transform: scale(1.2,1.2) rotate(5deg);
}

.award_certificate_css .part-1 img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: solid 4px #b94448;
}

.award_certificate_css .part-1 img:hover{
    	transition: all 2s;
    	border-radius: 20px !impotant;
    border: solid 4px #b94448;
    	transform: scale(1.5);
    	overflow:hidden;
}

.award_certificate_css .single-product .part-1 .discount,
.award_certificate_css .single-product .part-1 .new {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #ffffff;
    background-color: #fe302f;
    padding: 2px 8px;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.award_certificate_css .single-product .part-1 .new {
    left: 0;
    background-color: #444444;
}

.award_certificate_css .single-product .part-1 ul {
    position: absolute;
    bottom: -41px;
    left: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transition: bottom 0.5s, opacity 0.5s;
}

.award_certificate_css .single-product:hover .part-1 ul {
    bottom: 30px;
    opacity: 1;
}

.award_certificate_css .single-product .part-1 ul li {
    display: inline-block;
    margin-right: 4px;
}

.award_certificate_css .single-product .part-1 ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    color: #444444;
    text-align: center;
    box-shadow: 0 2px 20px rgb(50 50 50 / 10%);
    transition: color 0.2s;
}

.award_certificate_css .single-product .part-1 ul li a:hover {
    color: #fe302f;
}

.award_certificate_css .single-product .part-2 .product-title {
    font-size: 1rem;
}

.award_certificate_css .single-product .part-2 h4 {
    display: inline-block;
    font-size: 1rem;
}

.award_certificate_css .single-product .part-2 .product-old-price {
    position: relative;
    padding: 0 7px;
    margin-right: 2px;
    opacity: 0.6;
}

.award_certificate_css .single-product .part-2 .product-old-price::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #444444;
    transform: translateY(-50%);
}