.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .25s linear
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.modal[data-v-e2619669] {
    display: block
}

.modal-dialog[data-v-e2619669] {
    z-index: 1051
}

.b-avatar {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    max-height: auto;
    max-width: 100%;
    overflow: visible;
    position: relative;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    width: 2.5rem
}

.b-avatar:focus {
    outline: 0
}

.b-avatar.btn,
.b-avatar[href] {
    border: 0;
    padding: 0
}

.b-avatar.btn .b-avatar-img img,
.b-avatar[href] .b-avatar-img img {
    transition: transform .15s ease-in-out
}

.b-avatar.btn:not(:disabled):not(.disabled),
.b-avatar[href]:not(:disabled):not(.disabled) {
    cursor: pointer
}

.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
    transform: scale(1.15)
}

.b-avatar.disabled,
.b-avatar:disabled,
.b-avatar[disabled] {
    opacity: .65;
    pointer-events: none
}

.b-avatar .b-avatar-custom,
.b-avatar .b-avatar-img,
.b-avatar .b-avatar-text {
    align-items: center;
    border-radius: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    mask-image: radial-gradient(#fff, #000);
    overflow: hidden;
    width: 100%
}

.b-avatar .b-avatar-text {
    text-transform: uppercase;
    white-space: nowrap
}

.b-avatar[href] {
    text-decoration: none
}

.b-avatar>.bootstrap-icon {
    height: auto;
    max-width: 100%;
    width: 60%
}

.b-avatar .b-avatar-img img {
    border-radius: inherit;
    height: 100%;
    max-height: auto;
    object-fit: cover;
    width: 100%
}

.b-avatar .b-avatar-badge {
    border-radius: 10em;
    font-size: 70%;
    font-weight: 700;
    line-height: 1;
    min-height: 1.5em;
    min-width: 1.5em;
    padding: .25em;
    position: absolute;
    z-index: 1
}

.b-avatar-sm {
    height: 1.5rem;
    width: 1.5rem
}

.b-avatar-sm .b-avatar-text {
    font-size: .6rem
}

.b-avatar-sm .b-avatar-badge {
    font-size: .42rem
}

.b-avatar-lg {
    height: 3.5rem;
    width: 3.5rem
}

.b-avatar-lg .b-avatar-text {
    font-size: 1.4rem
}

.b-avatar-lg .b-avatar-badge {
    font-size: .98rem
}

.b-avatar-group .b-avatar-group-inner {
    display: flex;
    flex-wrap: wrap
}

.b-avatar-group .b-avatar {
    border: 1px solid #dee2e6
}

.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled),
.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) {
    z-index: 1
}

.card-deck {
    gap: 1.5rem
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap
    }
}

.card-deck>.card {
    flex: 1 0 0%;
    margin-bottom: 0
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.b-form-tags.focus {
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    color: #212529;
    outline: 0
}

.b-form-tags.disabled {
    background-color: var(--bs-secondary-bg)
}

.b-form-tag.disabled {
    opacity: .75
}

.b-form-tags.focus.is-valid {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.b-form-tags.focus.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.b-form-tags .b-form-tags-list {
    margin-top: -.25rem
}

.b-form-tags .b-form-tags-list .b-form-tag,
.b-form-tags .b-form-tags-list .b-from-tags-field {
    margin-top: .25rem
}

.b-form-tags .b-form-tags-list .b-form-tag {
    padding: .25em .65em
}

.b-form-tag {
    font-size: 75% !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-right: .25rem
}

.b-form-tags .b-form-tag+.b-form-tag {
    margin-left: 0
}

.b-form-tag>button.b-form-tag-remove {
    color: inherit;
    float: none;
    font-size: 75%;
    line-height: 1;
    margin-left: .25rem
}

.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn,
.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,
.input-group>.input-group-prepend>.btn-group>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group>.input-group-append>.btn-group>.btn,
.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-lg .input-group-append>.btn,
.input-group-lg .input-group-append>.form-control,
.input-group-lg .input-group-append>.form-select,
.input-group-lg .input-group-append>.input-group-text,
.input-group-lg .input-group-prepend>.btn,
.input-group-lg .input-group-prepend>.form-control,
.input-group-lg .input-group-prepend>.form-select,
.input-group-lg .input-group-prepend>.input-group-text {
    border-radius: .5rem;
    font-size: 1.25rem;
    padding: .5rem 1rem
}

.input-group-sm .input-group-append>.btn,
.input-group-sm .input-group-append>.form-control,
.input-group-sm .input-group-append>.form-select,
.input-group-sm .input-group-append>.input-group-text,
.input-group-sm .input-group-prepend>.btn,
.input-group-sm .input-group-prepend>.form-control,
.input-group-sm .input-group-prepend>.form-select,
.input-group-sm .input-group-prepend>.input-group-text {
    border-radius: .25rem;
    font-size: .875rem;
    padding: .25rem .5rem
}

.input-group .btn-group:not(:last-child)>:not(:first-child) {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.input-group .btn-group:not(:last-child)>:not(:last-child) {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 0;
    border-start-start-radius: 0
}

.input-group .btn-group:not(:first-child)>:not(:last-child) {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.b-pagination-pills .page-item .page-link {
    border-radius: 50rem !important;
    line-height: 1;
    margin-left: .25rem !important
}

.b-pagination-pills .page-item:first-child .page-link {
    margin-left: 0 !important
}

.b-table-stacked-label {
    display: none;
    font-weight: 700
}

.table.b-table.b-table-stacked {
    display: block;
    width: 100%
}

.table.b-table.b-table-stacked>tfoot,
.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,
.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,
.table.b-table.b-table-stacked>thead,
.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,
.table.b-table.b-table-stacked>thead>tr.b-table-top-row {
    display: none
}

.table.b-table.b-table-stacked>caption,
.table.b-table.b-table-stacked>tbody,
.table.b-table.b-table-stacked>tbody>tr,
.table.b-table.b-table-stacked>tbody>tr>td,
.table.b-table.b-table-stacked>tbody>tr>td>.b-table-stacked-label,
.table.b-table.b-table-stacked>tbody>tr>th {
    display: block
}

.table.b-table.b-table-stacked>tbody>tr>:first-child,
.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,
.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th {
    border-top-width: 3px
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]:before {
    content: attr(data-label);
    float: left;
    text-align: right;
    width: 40%;
    word-wrap: break-word;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 .5rem 0 0
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]:after {
    clear: both;
    content: "";
    display: block
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]>div {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 .5rem;
    width: 60%
}

@media (max-width:575.98px) {
    .table.b-table.b-table-stacked-sm {
        display: block;
        width: 100%
    }

    .table.b-table.b-table-stacked-sm>tfoot,
    .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,
    .table.b-table.b-table-stacked-sm>thead,
    .table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row {
        display: none
    }

    .table.b-table.b-table-stacked-sm>caption,
    .table.b-table.b-table-stacked-sm>tbody,
    .table.b-table.b-table-stacked-sm>tbody>tr,
    .table.b-table.b-table-stacked-sm>tbody>tr>td,
    .table.b-table.b-table-stacked-sm>tbody>tr>td>.b-table-stacked-label,
    .table.b-table.b-table-stacked-sm>tbody>tr>th {
        display: block
    }

    .table.b-table.b-table-stacked-sm>tbody>tr>:first-child,
    .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,
    .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th {
        border-top-width: 3px
    }

    .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before {
        content: attr(data-label);
        float: left;
        text-align: right;
        width: 40%;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding: 0 .5rem 0 0
    }

    .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after {
        clear: both;
        content: "";
        display: block
    }

    .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 .5rem;
        width: 60%
    }
}

@media (max-width:767.98px) {
    .table.b-table.b-table-stacked-md {
        display: block;
        width: 100%
    }

    .table.b-table.b-table-stacked-md>tfoot,
    .table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,
    .table.b-table.b-table-stacked-md>thead,
    .table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-md>thead>tr.b-table-top-row {
        display: none
    }

    .table.b-table.b-table-stacked-md>caption,
    .table.b-table.b-table-stacked-md>tbody,
    .table.b-table.b-table-stacked-md>tbody>tr,
    .table.b-table.b-table-stacked-md>tbody>tr>td,
    .table.b-table.b-table-stacked-md>tbody>tr>td>.b-table-stacked-label,
    .table.b-table.b-table-stacked-md>tbody>tr>th {
        display: block
    }

    .table.b-table.b-table-stacked-md>tbody>tr>:first-child,
    .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,
    .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th {
        border-top-width: 3px
    }

    .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before {
        content: attr(data-label);
        float: left;
        text-align: right;
        width: 40%;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding: 0 .5rem 0 0
    }

    .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after {
        clear: both;
        content: "";
        display: block
    }

    .table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 .5rem;
        width: 60%
    }
}

@media (max-width:991.98px) {
    .table.b-table.b-table-stacked-lg {
        display: block;
        width: 100%
    }

    .table.b-table.b-table-stacked-lg>tfoot,
    .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,
    .table.b-table.b-table-stacked-lg>thead,
    .table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row {
        display: none
    }

    .table.b-table.b-table-stacked-lg>caption,
    .table.b-table.b-table-stacked-lg>tbody,
    .table.b-table.b-table-stacked-lg>tbody>tr,
    .table.b-table.b-table-stacked-lg>tbody>tr>td,
    .table.b-table.b-table-stacked-lg>tbody>tr>td>.b-table-stacked-label,
    .table.b-table.b-table-stacked-lg>tbody>tr>th {
        display: block
    }

    .table.b-table.b-table-stacked-lg>tbody>tr>:first-child,
    .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,
    .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th {
        border-top-width: 3px
    }

    .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before {
        content: attr(data-label);
        float: left;
        text-align: right;
        width: 40%;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding: 0 .5rem 0 0
    }

    .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after {
        clear: both;
        content: "";
        display: block
    }

    .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 .5rem;
        width: 60%
    }
}

@media (max-width:1199.98px) {
    .table.b-table.b-table-stacked-xl {
        display: block;
        width: 100%
    }

    .table.b-table.b-table-stacked-xl>tfoot,
    .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,
    .table.b-table.b-table-stacked-xl>thead,
    .table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row {
        display: none
    }

    .table.b-table.b-table-stacked-xl>caption,
    .table.b-table.b-table-stacked-xl>tbody,
    .table.b-table.b-table-stacked-xl>tbody>tr,
    .table.b-table.b-table-stacked-xl>tbody>tr>td,
    .table.b-table.b-table-stacked-xl>tbody>tr>td>.b-table-stacked-label,
    .table.b-table.b-table-stacked-xl>tbody>tr>th {
        display: block
    }

    .table.b-table.b-table-stacked-xl>tbody>tr>:first-child,
    .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,
    .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th {
        border-top-width: 3px
    }

    .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before {
        content: attr(data-label);
        float: left;
        text-align: right;
        width: 40%;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding: 0 .5rem 0 0
    }

    .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after {
        clear: both;
        content: "";
        display: block
    }

    .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 .5rem;
        width: 60%
    }
}

@media (max-width:1399.98px) {
    .table.b-table.b-table-stacked-xxl {
        display: block;
        width: 100%
    }

    .table.b-table.b-table-stacked-xxl>tfoot,
    .table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-top-row,
    .table.b-table.b-table-stacked-xxl>thead,
    .table.b-table.b-table-stacked-xxl>thead>tr.b-table-bottom-row,
    .table.b-table.b-table-stacked-xxl>thead>tr.b-table-top-row {
        display: none
    }

    .table.b-table.b-table-stacked-xxl>caption,
    .table.b-table.b-table-stacked-xxl>tbody,
    .table.b-table.b-table-stacked-xxl>tbody>tr,
    .table.b-table.b-table-stacked-xxl>tbody>tr>td,
    .table.b-table.b-table-stacked-xxl>tbody>tr>td>.b-table-stacked-label,
    .table.b-table.b-table-stacked-xxl>tbody>tr>th {
        display: block
    }

    .table.b-table.b-table-stacked-xxl>tbody>tr>:first-child,
    .table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+td,
    .table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+th {
        border-top-width: 3px
    }

    .table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:before {
        content: attr(data-label);
        float: left;
        text-align: right;
        width: 40%;
        word-wrap: break-word;
        font-style: normal;
        font-weight: 700;
        margin: 0;
        padding: 0 .5rem 0 0
    }

    .table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:after {
        clear: both;
        content: "";
        display: block
    }

    .table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]>div {
        display: inline-block;
        margin: 0;
        padding: 0 0 0 .5rem;
        width: 60%
    }
}

.b-table-sticky-header,
.table-responsive,
[class*=table-responsive-] {
    margin-bottom: 1rem
}

.b-table-sticky-header>.table,
.table-responsive>.table,
[class*=table-responsive-]>.table {
    margin-bottom: 0
}

.b-table-sticky-header {
    overflow-y: auto
}

@media print {
    .b-table-sticky-header {
        max-height: none !important;
        overflow-y: visible !important
    }
}

.table.b-table[aria-busy=true] {
    opacity: .55
}

@supports (position:sticky) {
    .b-table-sticky-header>.table.b-table>thead>tr>th {
        position: sticky;
        top: 0;
        z-index: 2
    }

    .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,
    .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,
    .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
        left: 0;
        position: sticky
    }

    .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
        z-index: 5
    }

    .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,
    .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,
    .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,
    [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column {
        z-index: 2
    }
}

.table.b-table>tbody>tr>.table-b-table-default,
.table.b-table>tfoot>tr>.table-b-table-default,
.table.b-table>thead>tr>.table-b-table-default {
    background-color: #fff;
    color: #212529
}

.b-table.b-table-selectable td,
.table th.b-table-sortable-column {
    cursor: pointer
}

.b-table.b-table-busy .b-table-busy-slot>td {
    border: none;
    padding: 0
}

.form-control-highlighted {
    animation: form-control-highlighted-blink 1s infinite;
    border-color: #86b7fe;
    transition: box-shadow .3s ease-in-out
}

@keyframes form-control-highlighted-blink {
    0% {
        box-shadow: 0 0 0 0 transparent
    }

    50% {
        box-shadow: 0 0 0 .25rem #0d6efd40
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

.b-form-spinbutton {
    background-image: none;
    overflow: hidden;
    padding: 0;
    text-align: center
}

.b-form-spinbutton[dir=rtl]:not(.flex-column),
[dir=rtl] .b-form-spinbutton:not(.flex-column) {
    flex-direction: row-reverse
}

.b-form-spinbutton output {
    background-color: transparent;
    border: 0;
    font-size: inherit;
    margin: 0;
    outline: 0;
    padding: 0 .25rem;
    width: auto
}

.b-form-spinbutton output>bdi,
.b-form-spinbutton output>div {
    display: block;
    height: 1.5em;
    min-width: 2.25em
}

.b-form-spinbutton.flex-column {
    height: auto;
    width: auto
}

.b-form-spinbutton.flex-column output {
    margin: 0 .25rem;
    padding: .25rem 0
}

.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
    output-width: 100%
}

.b-form-spinbutton.d-inline-flex:not(.flex-column) {
    width: auto
}

.b-form-spinbutton .btn {
    box-shadow: none !important;
    line-height: 1
}

.b-form-spinbutton .btn:disabled {
    pointer-events: none
}

.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon {
    transform: scale(1.25)
}

.b-form-spinbutton.disabled,
.b-form-spinbutton.readonly {
    background-color: var(--bs-secondary-bg)
}

.b-form-spinbutton.disabled {
    pointer-events: none
}

.container,
.container-fluid {
    display: block
}

.input-group>.form-floating:not(:first-child)>:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.input-group:not(.has-validation)>.form-floating:not(:last-child)>:not(.dropdown-toggle):not(.dropdown-menu) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dropdown-toggle.dropdown-toggle-no-caret:after,
.dropdown-toggle.dropdown-toggle-no-caret:before {
    display: none !important
}

.bv-no-focus-ring:focus {
    outline: none
}

.btn-close-custom[data-v-80abc89a] {
    margin: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.b-list-enter-active,
.b-list-leave-active,
.b-list-move {
    transition: all .5s cubic-bezier(.55, 0, .1, 1)
}

.b-list-enter-from,
.b-list-leave-to {
    opacity: 0
}

.b-list-leave-active {
    position: fixed
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

#main hr {
    border-top: 1px solid #848e9c
}

div[data-v-026f2f41] {
    text-align: center
}

header[data-v-a7619162] {
    background: #060606;
    height: 60px;
    overflow-x: scroll;
    padding: 0 16px;
    text-align: center
}

header[data-v-a7619162],
nav[data-v-a7619162] {
    align-items: center;
    display: flex;
    width: 100%
}

nav[data-v-a7619162] {
    gap: 32px;
    height: 100%;
    justify-content: space-between
}

.signup[data-v-a7619162] {
    align-items: center;
    background: #fcd435;
    border-radius: 180px;
    color: #060606;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    text-decoration: none;
    transition: all .3s;
    width: 100px
}

.signup[data-v-a7619162]:hover {
    background: #b88d04
}

.logo[data-v-a7619162] {
    height: 32px;
    width: 108px
}

.logo svg path[data-v-a7619162] {
    fill: #efb90a
}

ul[data-v-a7619162] {
    align-items: center;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0
}

li[data-v-a7619162],
li a[data-v-a7619162],
ul[data-v-a7619162] {
    display: flex;
    height: 100%
}

li a[data-v-a7619162] {
    align-items: center;
    color: #fff;
    position: relative;
    text-decoration: none
}

li a[data-v-a7619162]:after {
    background: #fcd435;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    transition: all .3s;
    width: 0
}

li a.active[data-v-a7619162]:after,
li a[data-v-a7619162]:hover:after {
    width: 100%
}

.mobile-nav-bg[data-v-a7619162] {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 13
}

.mobile-nav-bg.active[data-v-a7619162] {
    display: block
}

@media screen and (max-width:480px) {
    .header[data-v-a7619162] {
        padding: 0 12px
    }

    .logo[data-v-a7619162] {
        height: 30px
    }

    nav[data-v-a7619162] {
        gap: 16px
    }

    ul[data-v-a7619162] {
        gap: 24px
    }

    .signup[data-v-a7619162] {
        width: 80px
    }
}

footer[data-v-07f733b4] {
    align-items: center;
    background-color: #060606;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-top: 64px;
    text-align: center;
    width: 100%
}

footer span[data-v-07f733b4] {
    color: rgba(132, 142, 156, .5);
    font-size: 14px
}

.btn-go-top[data-v-2ec36f07] {
    bottom: 48px;
    opacity: 0;
    position: fixed;
    right: 24px;
    transform: translateY(24px);
    transition: all .3s;
    z-index: 99
}

.btn-go-top button[data-v-2ec36f07] {
    align-items: center;
    background: #1e2329;
    border-color: transparent;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #2a2b32;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    opacity: .9;
    transition: all .3s;
    width: 40px
}

.btn-go-top button[data-v-2ec36f07]:hover {
    filter: brightness(85%);
    transform: translateY(-1px)
}

.btn-go-top button[data-v-2ec36f07]:active {
    border: 1px solid
}

.btn-go-top button i[data-v-2ec36f07] {
    font-size: 18px
}

.btn-go-top.fade[data-v-2ec36f07] {
    opacity: 1;
    transform: translateY(0)
}

@media screen and (max-width:992px) {
    .btn-go-top[data-v-2ec36f07] {
        right: 16px
    }
}

.banner-wrap[data-v-7b3aae39] {
    align-items: center;
    color: #fff;
    display: grid;
    gap: 64px;
    grid-template-columns: 1fr 1fr;
    margin: 60px auto 0;
    max-width: 1200px;
    min-height: 560px;
    padding: 48px 32px;
    position: relative
}

.banner-wrap img[data-v-7b3aae39] {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.banner-wrap .content[data-v-7b3aae39] {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.banner-wrap .content h1[data-v-7b3aae39] {
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 24px;
    width: 100%
}

.banner-wrap .content h1 span[data-v-7b3aae39] {
    color: #fcd435;
    display: inline;
    font-size: 56px;
    font-weight: 700
}

.banner-wrap .content p[data-v-7b3aae39] {
    color: #b7bdc6;
    font-size: 20px;
    margin-bottom: 24px;
    width: 100%
}

.banner-wrap .content .link-wrap[data-v-7b3aae39] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center
}

.banner-wrap .content .link[data-v-7b3aae39] {
    align-items: center;
    background-color: #fcd435;
    border: none;
    border-radius: 180px;
    color: #060606;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    width: 140px
}

.banner-wrap .content .sublink[data-v-7b3aae39] {
    align-items: center;
    background-color: #060606;
    border: 1px solid #fcd435;
    color: #fcd435;
    display: flex;
    justify-content: center
}

.banner-wrap .content .sublink[data-v-7b3aae39]:hover {
    background-color: #fcd435;
    color: #060606
}

@media screen and (max-width:768px) {
    .banner-wrap[data-v-7b3aae39] {
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 0px 24px
    }

    .banner-wrap .logo[data-v-7b3aae39] {
        left: 16px;
        top: 16px
    }

    .banner-wrap .content h1[data-v-7b3aae39],
    .banner-wrap .content h1 span[data-v-7b3aae39] {
        font-size: 50px
    }

    .banner-wrap .content .link[data-v-7b3aae39] {
        font-size: 18px;
        height: 54px;
        margin: 0 auto;
        width: 140px
    }
}

.feature[data-v-8ea3da95] {
    background: #fcd435;
    background-image: url(binance-feature-img-1.svg);
    background-position: 10% 30%;
    background-repeat: no-repeat;
    background-size: 750px
}

h2[data-v-8ea3da95] {
    color: #060606;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 32px
}

.feature-wrap[data-v-8ea3da95] {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    height: 500px;
    justify-content: center;
    padding: 16px
}

.feature-content h3[data-v-8ea3da95] {
    color: #060606;
    font-weight: 700
}

.feature-content .description[data-v-8ea3da95] {
    color: rgba(6, 6, 6, .7);
    font-size: 20px
}

.feature-content .learn-more[data-v-8ea3da95] {
    font-size: 20px;
    font-weight: 700;
    transition: all .3s
}

@media screen and (max-width:1200px) {
    .feature[data-v-8ea3da95] {
        background-position: -10% 30%
    }
}

@media screen and (max-width:992px) {
    .feature[data-v-8ea3da95] {
        background-position: -150px 30%
    }
}

@media screen and (max-width:768px) {
    .feature[data-v-8ea3da95] {
        background-position: center 250px
    }

    h2[data-v-8ea3da95] {
        font-size: 36px
    }

    .feature-wrap[data-v-8ea3da95] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        height: 700px
    }

    .feature-content[data-v-8ea3da95] {
        order: 1;
        text-align: center
    }

    .block[data-v-8ea3da95] {
        order: 2
    }
}

@media screen and (max-width:480px) {
    h2[data-v-8ea3da95] {
        font-size: 32px;
        text-align: center
    }

    .feature-wrap[data-v-8ea3da95] {
        grid-template-columns: 1fr;
        padding: 0 16px 32px
    }

    .feature-content[data-v-8ea3da95] {
        text-align: left
    }

    .feature-content h3[data-v-8ea3da95] {
        font-size: 20px
    }

    .feature-content .description[data-v-8ea3da95],
    .feature-content .learn-more[data-v-8ea3da95] {
        font-size: 16px
    }
}

.feature[data-v-a2b54ef2] {
    background: #161a1e
}

h2[data-v-a2b54ef2] {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center
}

h2 span[data-v-a2b54ef2] {
    color: #fcd435
}

.feature-wrap[data-v-a2b54ef2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 64px 24px
}

.feature-content[data-v-a2b54ef2] {
    width: 100%
}

.feature-content h3[data-v-a2b54ef2] {
    color: #fff;
    font-weight: 700
}

.feature-content .description[data-v-a2b54ef2] {
    color: #b7bdc6;
    font-size: 20px
}

.feature-content .learn-more[data-v-a2b54ef2] {
    color: #fcd435;
    font-size: 20px;
    font-weight: 700;
    transition: all .3s
}

.feature-content .learn-more[data-v-a2b54ef2]:hover {
    color: #b88d04
}

.feature-content-wrap[data-v-a2b54ef2] {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr
}

.feature-content-wrap img[data-v-a2b54ef2] {
    display: block;
    margin-bottom: 16px;
    max-width: 100%
}

.feature-content-wrap p[data-v-a2b54ef2] {
    color: #b7bdc6;
    font-size: 14px
}

@media screen and (max-width:1200px) {
    .feature[data-v-a2b54ef2] {
        background-position: -10% 30%
    }
}

@media screen and (max-width:992px) {
    .feature[data-v-a2b54ef2] {
        background-position: -150px 30%
    }
}

@media screen and (max-width:768px) {
    .feature[data-v-a2b54ef2] {
        background-position: center 250px
    }

    h2[data-v-a2b54ef2] {
        font-size: 36px
    }

    .feature-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr
    }

    .feature-content[data-v-a2b54ef2] {
        text-align: center
    }

    .feature-content-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:480px) {
    h2[data-v-a2b54ef2] {
        font-size: 32px
    }

    .feature-wrap[data-v-a2b54ef2] {
        grid-template-columns: 1fr;
        padding: 48px 24px
    }

    .feature-content[data-v-a2b54ef2] {
        text-align: left
    }

    .feature-content h3[data-v-a2b54ef2] {
        font-size: 20px
    }

    .feature-content .description[data-v-a2b54ef2],
    .feature-content .learn-more[data-v-a2b54ef2] {
        font-size: 16px
    }
}

.feature[data-v-ef016524] {
    background: #161a1e
}

h2[data-v-ef016524] {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 32px;
    text-align: center
}

h2 span[data-v-ef016524] {
    color: #fcd435
}

.feature-wrap[data-v-ef016524] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 64px 24px
}

.feature-content[data-v-ef016524] {
    width: 100%
}

.feature-content h3[data-v-ef016524] {
    color: #fff;
    font-weight: 700
}

.feature-content .description[data-v-ef016524] {
    color: #b7bdc6;
    font-size: 20px
}

.feature-content .learn-more[data-v-ef016524] {
    color: #fcd435;
    font-size: 20px;
    font-weight: 700;
    transition: all .3s
}

.feature-content .learn-more[data-v-ef016524]:hover {
    color: #b88d04
}

img[data-v-ef016524] {
    display: block;
    max-width: 100%
}

.mobile[data-v-ef016524] {
    display: none
}

@media screen and (max-width:1200px) {
    .feature[data-v-ef016524] {
        background-position: -10% 30%
    }
}

@media screen and (max-width:992px) {
    .feature[data-v-ef016524] {
        background-position: -150px 30%
    }
}

@media screen and (max-width:768px) {
    .feature[data-v-ef016524] {
        background-position: center 250px
    }

    h2[data-v-ef016524] {
        font-size: 36px
    }

    .feature-wrap[data-v-ef016524] {
        grid-template-columns: 1fr
    }

    .feature-content[data-v-ef016524] {
        text-align: center
    }
}

@media screen and (max-width:480px) {
    h2[data-v-ef016524] {
        font-size: 32px
    }

    .feature-wrap[data-v-ef016524] {
        grid-template-columns: 1fr;
        padding: 48px 24px
    }

    .feature-content[data-v-ef016524] {
        text-align: left
    }

    .feature-content h3[data-v-ef016524] {
        font-size: 20px
    }

    .feature-content .description[data-v-ef016524],
    .feature-content .learn-more[data-v-ef016524] {
        font-size: 16px
    }

    .desktop[data-v-ef016524] {
        display: none
    }

    .mobile[data-v-ef016524] {
        display: block
    }
}

.articles-tabs[data-v-4dad0029] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 32px 0 16px;
    padding: 0
}

.articles-tabs h2[data-v-4dad0029] {
    color: #fff;
    font-size: 48px;
    margin-bottom: 0
}

.articles-tabs .see-more[data-v-4dad0029] {
    color: #fcd435;
    text-decoration: none;
    transition: all .3s;
    white-space: nowrap
}

.articles-tabs .see-more[data-v-4dad0029]:hover {
    color: #b88d04
}

.articles[data-v-4dad0029] {
    margin: 64px auto;
    max-width: 1200px;
    padding: 0 16px
}

.articles-list-container[data-v-4dad0029] {
    display: flex;
    flex-wrap: wrap
}

.articles-list[data-v-4dad0029] {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 64px
}

.article-card[data-v-4dad0029] {
    border-radius: 8px;
    padding: 0;
    width: 100%
}

.article-card:hover h3[data-v-4dad0029] {
    color: #fcd435
}

.article-card a[data-v-4dad0029] {
    display: block;
    text-decoration: none
}

.article-card h3[data-v-4dad0029] {
    color: #eaecef;
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    overflow: hidden;
    transition: all .3s
}

.article-card .article-img[data-v-4dad0029] {
    aspect-ratio: 16/9;
    border-radius: 8px;
    display: block;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: center;
    width: 100%
}

@media screen and (max-width:992px) {
    .articles-list[data-v-4dad0029] {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:768px) {
    .articles-list[data-v-4dad0029] {
        grid-template-columns: 1fr 1fr
    }

    .articles-tabs h2[data-v-4dad0029] {
        font-size: 36px
    }
}

@media screen and (max-width:480px) {
    .articles-list[data-v-4dad0029] {
        gap: 24px;
        grid-template-columns: 1fr
    }

    .articles-tabs h2[data-v-4dad0029] {
        font-size: 32px
    }

    .article-card h3[data-v-4dad0029] {
        font-size: 20px
    }
}

.faq[data-v-aa61a6a3] {
    margin: 64px auto;
    max-width: 1200px;
    padding: 0 16px
}

.faq-wrap[data-v-aa61a6a3] {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr
}

h2[data-v-aa61a6a3] {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center
}

.faq-section .faq-question[data-v-aa61a6a3] {
    background: none;
    border-radius: 8px;
    box-shadow: 0 .8px 16px 0 rgba(0, 0, 0, .08);
    color: #eaecef;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    padding: 16px 32px 16px 16px;
    position: relative
}

.faq-section .faq-question.active[data-v-aa61a6a3],
.faq-section .faq-question[data-v-aa61a6a3]:hover {
    background: #1e2329
}

.faq-section .faq-question:hover .qa-btn[data-v-aa61a6a3] {
    background: #fcd435
}

.faq-section .faq-question:hover .qa-btn .qa-btn-inner .line-1[data-v-aa61a6a3],
.faq-section .faq-question:hover .qa-btn .qa-btn-inner .line-2[data-v-aa61a6a3] {
    background: #060606
}

.faq-section .faq-question .qa-btn[data-v-aa61a6a3] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.faq-section .faq-question .qa-btn .qa-btn-inner[data-v-aa61a6a3] {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: all .3s;
    width: 24px
}

.faq-section .faq-question .qa-btn .qa-btn-inner .line-1[data-v-aa61a6a3] {
    background: #eaecef;
    border-radius: 180px;
    height: 2px;
    left: 25%;
    position: absolute;
    width: 50%
}

.faq-section .faq-question .qa-btn .qa-btn-inner .line-2[data-v-aa61a6a3] {
    background: #eaecef;
    border-radius: 180px;
    height: 50%;
    position: absolute;
    top: 25%;
    width: 2px
}

.faq-section .faq-question .qa-btn.active[data-v-aa61a6a3] {
    background: #fcd435
}

.faq-section .faq-question .qa-btn.active .qa-btn-inner[data-v-aa61a6a3] {
    transform: rotate(45deg)
}

.faq-section .faq-question .qa-btn.active .qa-btn-inner .line-1[data-v-aa61a6a3],
.faq-section .faq-question .qa-btn.active .qa-btn-inner .line-2[data-v-aa61a6a3] {
    background: #060606
}

.faq-section .faq-answer[data-v-aa61a6a3] {
    border-radius: 0 0 8px 8px;
    color: #b7bdc6;
    padding: 24px
}

.faq-section .faq-answer p[data-v-aa61a6a3] {
    margin-bottom: 0
}

.faq-section .faq-answer img[data-v-aa61a6a3] {
    border-radius: 0;
    display: block;
    margin: 16px auto 16px 0;
    max-width: 100%
}

.faq-section .faq-answer img[data-v-aa61a6a3]:last-child {
    margin-bottom: 0
}

.faq-section .faq-answer ul[data-v-aa61a6a3] {
    margin-bottom: 0;
    margin-top: 16px
}

.faq-section .faq-answer a[data-v-aa61a6a3] {
    color: #fcd435
}

@media screen and (max-width:768px) {
    h2[data-v-aa61a6a3] {
        font-size: 36px
    }

    .faq-wrap[data-v-aa61a6a3] {
        grid-template-columns: 1fr
    }

    .faq-section .faq-question[data-v-aa61a6a3] {
        font-size: 20px
    }

    .faq-section .faq-question .qa-btn[data-v-aa61a6a3] {
        right: 8px
    }
}

@media screen and (max-width:480px) {
    h2[data-v-aa61a6a3] {
        font-size: 32px
    }

    .faq-section .faq-question[data-v-aa61a6a3] {
        padding: 16px 40px 16px 16px
    }

    .faq-section .faq-question[data-v-aa61a6a3]:hover {
        filter: brightness(100%)
    }
}