:root {
    --color-id-1: #050505;
    --color-id-2: #f8b400;
    --color-id-3: #f4d1d1;
    --color-id-4: #f8b400;
    --color-id-5: #d4ecdf;
    --color-id-6: #26a25e;
    --color-id-7: #1e1d1e;
    --color-id-8: #000;
    --color-id-9: #181718;
    --color-id-10: #1e1d1f0d;
    --color-id-11: #d2e4fa;
    --color-id-12: #eff8b400;
    --color-id-13: #1e1d1e;
    --color-id-14: #fff;
    --color-id-15: linear-gradient(0deg, #1e1d1f 0%, #1e1d1f 100%);
    --color-id-16: #e4aa0b;
    --color-id-17: #f8b400;
    --color-id-18: #f8b400;
    --color-id-19: #f8b400;
    --color-id-20: #fff;
    --color-id-21: f8b400;
    --color-id-81: #121111;
    --color-id-82: #000;
    --color-id-83: #000;
    --color-id-84: #f8b400;
    --color-id-102: #f8b400;
    --color-id-103: #ffffffe0;
    --color-id-118: #000;
    --color-id-119: #f1f1f1;
    --color-id-120: #d9d9d9;
    --color-id-121: #00ff7f;
    --color-id-122: #000;
    --color-id-123: #310df4;
    --color-id-124: #fff;
    --color-id-125: #fff;
    --color-id-126: #d4af37;
    --color-id-127: #f5c542;
    --text-dark: var(--color-id-14);
    --text-white: var(--color-id-20);
    --link: var(--color-id-2);
    --tx3: #ffffff59
}

.light-theme {
    --color-id-8: #f4f5f7;
    --color-id-9: #fff;
    --color-id-81: #fff;
    --color-id-82: #f4f5f7;
    --color-id-83: #f4f5f7;
    --color-id-118: #f4f5f7;
    --color-id-122: #f4f5f7;
    --color-id-15: linear-gradient(0deg, #fff 0%, #fff 100%);
    --color-id-14: #1a1a1d;
    --color-id-103: #3d3d43;
    --color-id-124: #1a1a1d;
    --color-id-125: #1a1a1d;
    --color-id-7: #dcdfe3;
    --color-id-13: #dcdfe3;
    --color-id-1: #fff;
    --color-id-10: #0000000d;
    --form_group_input_background_color: #ebecee;
    --form_group_input_border_color: #dcdfe3;
    --form_group_input_focus_background_color: #fff;
    --form_group_input_focus_border_color: #f8b400;
    --form_group_input_text_color: #1a1a1d;
    --form_group_input_label_text_color: #3d3d43;
    --tx3: #00000059;
    --button_primary_text_color: #fff !important;
    --button_primary_hover_text_color: #fff !important;
    --button_action_text_color: #fff !important;
    --button_action_hover_text_color: #fff !important;
    --sidebar_items_text_color: #3d3d43 !important;
    --sidebar_items_active_background_color: #ebecee !important;
    --sidebar_items_active_text_color: #f8b400 !important;
    --sidebar_items_hover_background_color: #f4f5f7 !important;
    --sidebar_items_hover_text_color: #f8b400 !important;
    --navbar_private_items_text_color: #3d3d43 !important;
    --navbar_private_items_hover_text_color: #f8b400 !important;
    --navbar_private_items_active_text_color: #f8b400 !important;
    --navbar_private_balance_text_color: #fff !important
}

.light-theme .component-sidebar {
    border-right: 1px solid #dcdfe3 !important
}

.light-theme .component-navbar-private__wrapper {
    border-bottom: 1px solid #dcdfe3 !important
}

.light-theme .component_private_sidebar .component-sidebar {
    background: #f4f5f7
}

.light-theme .user-box {
    background: #fff;
    box-shadow: 0 2px 8px #0000000f
}

.light-theme .username {
    color: #1a1a1d
}

.light-theme .component_private_sidebar .component-sidebar__menu-item-link {
    color: #3d3d43 !important
}

.light-theme .component_private_sidebar .component-sidebar__menu-item-link:hover {
    background: #ebecee;
    color: var(--color-id-2) !important
}

.light-theme .component_private_sidebar .component-sidebar__menu-item-active .component-sidebar__menu-item-link {
    background: var(--color-id-2);
    color: #fff !important
}

.light-theme .component_private_sidebar .component-sidebar__menu-item-link:hover i {
    color: var(--color-id-2);
    opacity: 1
}

.light-theme .component_private_sidebar .component-sidebar__menu-item-active .component-sidebar__menu-item-link i {
    color: #fff;
    opacity: 1
}

.light-theme .body-internal,
.light-theme .body-public,
.light-theme body,
.light-theme .body {
    color: #1a1a1d !important
}

.light-theme [id^=block_] .component_card,
.light-theme .component_card,
.light-theme .card {
    --card_background_color: #fff !important;
    --card_text_color: #1a1a1d !important
}

.light-theme .totals,
.light-theme .totals-block__card,
.light-theme .totals-block__count-value,
.light-theme .totals-block__card-name,
.light-theme .totals-block__card-name p,
.light-theme .totals-block__card-name strong,
.light-theme .col-ed.card {
    color: #1a1a1d !important
}

.light-theme .table-wr,
.light-theme [id^=block_] .component_table,
.light-theme .component_table,
.light-theme .table {
    --table_thead_background_color: #ebecee !important;
    --table_thead_text_color: #3d3d43 !important;
    --table_tbody_background_color: #fff !important;
    --table_tbody_border_color: #dcdfe3 !important;
    --table_tbody_text_color: #1a1a1d !important
}

.light-theme .table thead tr th {
    color: #3d3d43 !important;
    background: #ebecee !important
}

.light-theme .table tbody tr td {
    color: #1a1a1d !important;
    background: #fff !important;
    border-bottom: 1px solid #dcdfe3 !important
}

.light-theme .table-wr {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008 !important
}

.body-internal,
.body-public {
    background: var(--color-id-8);
    color: var(--text-white)
}

.body a,
.body a:focus {
    color: var(--color-id-2)
}

.text-dark {
    color: var(--color-id-14)
}

.text-white {
    color: var(--color-id-20)
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXLc1nY6Hkvalrub76M7dd8aGZk.ttf)format("woff")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXLc1nY6HkvalqKbL6M7dd8aGZk.ttf)format("woff")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXLc1nY6Hkvalr-ar6M7dd8aGZk.ttf)format("woff")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXLc1nY6Hkvalqaa76M7dd8aGZk.ttf)format("woff")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXLc1nY6Hkvalqiab6M7dd8aGZk.ttf)format("woff")
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cairo/v6/SLXGc1nY6HkvamImRJqExst1.ttf)format("woff")
}

html,
body,
.body {
    font-family: Cairo, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

:root {
    --form_group_input_background_color: var(--color-id-8);
    --form_group_input_text_color: var(--color-id-14);
    --form_group_input_border_color: var(--color-id-7);
    --form_group_input_box_shadow: none;
    --form_group_input_focus_background_color: var(--color-id-1);
    --form_group_input_focus_text_color: var(--color-id-14);
    --form_group_input_focus_border_color: var(--color-id-7);
    --form_group_input_label_text_color: var(--color-id-14);
    --form_group_input_small_text_color: var(--color-id-14);
    --form_group_dropdown_box_shadow: 0px 8px 24px 0px var(--color-id-10);
    --form_group_dropdown_border_color: var(--color-id-10);
    --form_group_dropdown_items_background_color: var(--color-id-9);
    --form_group_dropdown_items_text_color: var(--color-id-14);
    --form_group_dropdown_items_active_text_color: var(--color-id-17);
    --form_group_dropdown_items_active_background_color: transparent;
    --form_group_dropdown_items_hover_background_color: var(--color-id-17);
    --form_group_dropdown_items_hover_text_color: var(--color-id-20);
    --form_group_icon_color: var(--color-id-14);
    --form_group_search_placeholder: var(--color-id-14)
}

textarea {
    resize: none
}

.hidden-by-category {
    display: none !important
}

#ticketsend .btn-main {
    margin-top: 16px
}

.form-control {
    border-color: var(--form_group_input_border_color);
    color: var(--form_group_input_text_color);
    font-size: null;
    font-weight: inherit;
    height: 48px;
    box-shadow: var(--form_group_input_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    outline: none;
    padding-left: 12px;
    padding-right: 12px;
    background-color: var(--form_group_input_background_color) !important
}

.form-group input:read-only {
    opacity: .5
}

.form-group input:read-only:focus {
    border-color: var(--form_group_input_border_color);
    color: var(--form_group_input_text_color);
    background-color: var(--form_group_input_background_color) !important
}

.form-group input:-moz-read-only {
    opacity: .5
}

.form-group input:disabled {
    opacity: .5
}

.form-control:focus {
    border-color: var(--form_group_input_focus_border_color);
    color: var(--form_group_input_focus_text_color);
    box-shadow: none;
    outline: none;
    background-color: var(--form_group_input_focus_background_color) !important
}

textarea.form-control {
    height: 160px
}

.form-group label {
    color: var(--form_group_input_label_text_color);
    font-style: normal;
    font-weight: 700;
    font-size: null;
    margin-bottom: 4px
}

.form-group small {
    color: var(--form_group_input_small_text_color);
    margin-top: 4px;
    font-size: .9rem;
    display: block
}

select.form-control:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 12px top 50%, 0 0;
    background-repeat: no-repeat
}

.input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-prepend .btn {
    z-index: inherit
}

.input-group-append .btn {
    z-index: inherit;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-group-btn .btn {
    z-index: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.form-group-rtl select.form-control:not([multiple]) {
    background-position: 18px 50%, 0 0
}

.form-group-rtl .form-group,
.form-group-rtl .form-group label,
.form-group-rtl .form-group small {
    text-align: right
}

.form-group-rtl .input-group .form-control {
    border-radius: 0 8px 8px 0 !important
}

.form-group-rtl .input-group-append .btn,
.form-group-rtl .input-group-btn .btn {
    border-radius: 8px 0 0 8px !important
}

.form-group-rtl .dropdown-menu {
    text-align: start !important;
    top: 100% !important;
    right: 0 !important;
    transform: none !important
}

.form-group-rtl .dropdown-toggle {
    text-align: right !important
}

.form-group-rtl .dropdown-toggle:after {
    margin-right: .255em;
    margin-left: 0 !important
}

.form-group-rtl .select2-container {
    left: auto !important
}

.form-group-rtl .bootstrap-datetimepicker-widget.dropdown-menu {
    inset: inherit !important
}

.form-group-rtl .bootstrap-datetimepicker-widget .list-unstyled {
    padding-right: 0
}

.select2-container .select2-selection--single {
    height: 48px
}

.form-group .select2-container .dropdown-menu {
    margin: 0;
    padding: 0
}

.form-group .select2-container--open .dropdown-menu {
    background-color: var(--form_group_dropdown_items_background_color);
    color: var(--form_group_dropdown_items_text_color);
    border-radius: 8px
}

.form-group .select2-container--open .select2-dropdown {
    border-width: 1px;
    border-color: var(--form_group_dropdown_border_color);
    box-shadow: var(--form_group_dropdown_box_shadow);
    border-style: solid;
    margin-top: 8px;
    overflow: hidden
}

.form-group .select2-search__field {
    padding-left: 2.3rem
}

.form-group .select2-results__option a {
    font-weight: inherit;
    color: var(--form_group_dropdown_items_text_color);
    background-color: var(--form_group_dropdown_items_background_color);
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none
}

.form-group .select2-results__option {
    font-weight: inherit;
    font-size: null
}

.form-group .select2-results__option.active a {
    color: var(--form_group_dropdown_items_active_text_color);
    background-color: var(--form_group_dropdown_items_background_color);
    text-decoration: none
}

.form-group .select2-results__option a:hover,
.form-group .select2-results__option.active a:hover {
    color: var(--form_group_dropdown_items_hover_text_color);
    background-color: var(--form_group_dropdown_items_hover_background_color);
    text-decoration: none
}

.form-group .select2-dropdown,
.select2-results__options {
    border-radius: 8px;
    padding-top: 0;
    max-height: 408px !important
}

.form-group .select2-results__options {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.form-group .select2-container--open .select2-selection--single {
    background-color: var(--form_group_input_focus_background_color);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.form-group .select2-selection--single {
    align-items: center;
    display: flex
}

.form-group .select2-search__field-icon {
    color: var(--form_group_input_text_color);
    align-items: center;
    padding-left: .6em;
    display: flex
}

.form-group .select2-selection__id {
    vertical-align: middle
}

.form-group .select2-search--dropdown {
    padding: 6px 8px 8px
}

.form-group .select2-selection__arrow b {
    border-top-color: var(--form_group_input_text_color)
}

.form-group .select2-container--open .select2-selection__arrow b {
    border-bottom-color: var(--form_group_input_text_color)
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: inherit
}

.form-group .files-wrapper .files-label {
    color: var(--form_group_input_label_text_color)
}

.form-group .search-dropdown .input-wrapper {
    --form-group-search-paddings: 12px;
    --form-group-border-width-right: 0px;
    --form-group-border-width-left: 0px;
    position: relative
}

.form-group .search-dropdown .input-wrapper .form-control {
    padding-left: calc(var(--form-group-search-paddings) + 28px);
    padding-right: calc(var(--form-group-search-paddings) + 14px)
}

.form-group .search-dropdown .input-wrapper .input-wrapper__prepend,
.form-group .search-dropdown .input-wrapper .input-wrapper__append {
    color: var(--form_group_icon_color);
    background: 0 0;
    border: none;
    padding: 0 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form-group .search-dropdown .input-wrapper .input-wrapper__prepend:hover,
.form-group .search-dropdown .input-wrapper .input-wrapper__append:hover {
    opacity: .5
}

.form-group .search-dropdown .input-wrapper .input-wrapper__prepend {
    left: var(--form-group-search-paddings)
}

.form-group .search-dropdown .input-wrapper .input-wrapper__append {
    font-size: 12px;
    right: 16px
}

.form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

.form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

.form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

.form-group-rtl .search-dropdown .input-wrapper .form-control {
    padding-right: calc(var(--form-group-search-paddings) + 28px);
    padding-left: calc(var(--form-group-search-paddings) + 14px)
}

.form-group-rtl .search-dropdown .input-wrapper .input-wrapper__prepend {
    left: auto;
    right: var(--form-group-search-paddings)
}

.form-group-rtl .search-dropdown .input-wrapper .input-wrapper__append {
    left: 16px;
    right: auto
}

:root {
    --services_description_background_color: var(--color-id-8);
    --services_description_border_color: var(--color-id-7);
    --services_description_text_color: var(--color-id-14);
    --services_description_box_shadow: none
}

.panel-description {
    color: var(--services_description_text_color);
    font-size: null;
    border-color: var(--services_description_border_color);
    background: var(--services_description_background_color);
    box-shadow: var(--services_description_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 12px 16px 16px 12px
}

:root {
    --checkbox_radio_text_color: var(--color-id-20);
    --checkbox_radio_checked_background_color: var(--color-id-17);
    --checkbox_radio_unchecked_background_color: var(--color-id-8)
}

.form-group__checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: -ms-user-select;
    display: block;
    position: relative
}

.form-group__checkbox label {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 600
}

.form-group__checkbox-label {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    position: relative
}

.form-group__label-title {
    vertical-align: middle;
    position: relative
}

.form-group__checkbox input {
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    position: absolute
}

.checkmark {
    cursor: pointer;
    background: var(--checkbox_radio_unchecked_background_color);
    border-radius: 4px;
    width: 18px;
    height: 18px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0
}

.form-group__checkbox:hover input~.checkmark {
    background: var(--checkbox_radio_unchecked_background_color)
}

.form-group__checkbox input:checked~.checkmark {
    background: var(--checkbox_radio_checked_background_color)
}

.form-group__checkbox:after {
    content: " ";
    display: none;
    position: absolute
}

.form-group__checkbox input:checked~.checkmark:after {
    content: "";
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-family: "Font Awesome 5 Pro";
    font-size: .7em;
    font-weight: 900;
    display: flex
}

.form-group__checkbox .checkmark:after {
    color: var(--checkbox_radio_text_color)
}

.radiomark {
    cursor: pointer;
    background: var(--checkbox_radio_unchecked_background_color);
    border-radius: 45px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0
}

.form-group__checkbox:hover input~.radiomark {
    background: var(--checkbox_radio_unchecked_background_color)
}

.form-group__checkbox input:checked~.radiomark {
    background: var(--checkbox_radio_checked_background_color)
}

.form-group__checkbox input:checked~.radiomark:after {
    content: " ";
    border-color: var(--checkbox_radio_checked_background_color);
    background: var(--checkbox_radio_text_color);
    border-style: solid;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    display: flex;
    transform: scale(.5)
}

.form-group__checkbox .radiomark:after {
    color: var(--checkbox_radio_text_color);
    border-radius: 45px
}

.form-group__checkbox-rtl .form-group__checkbox-label {
    margin-left: 8px;
    margin-right: 0
}

@media (width<=768px) {
    .form-group__label-title {
        vertical-align: inherit;
        display: inline
    }
}

:root {
    --button_secondary_text_color: var(--color-id-20);
    --button_secondary_background_color: var(--color-id-4);
    --button_secondary_border_color: var(--color-id-21);
    --button_secondary_hover_text_color: var(--color-id-20);
    --button_secondary_hover_background_color: var(--color-id-18);
    --button_secondary_hover_border_color: var(--color-id-21);
    --button_secondary_box_shadow: none;
    --button_primary_text_color: var(--color-id-20);
    --button_primary_background_color: var(--color-id-17);
    --button_primary_border_color: var(--color-id-21);
    --button_primary_hover_text_color: var(--color-id-20);
    --button_primary_hover_background_color: var(--color-id-19);
    --button_primary_hover_border_color: var(--color-id-21);
    --button_primary_box_shadow: none;
    --button_action_text_color: var(--color-id-20);
    --button_action_background_color: var(--color-id-17);
    --button_action_border_color: var(--color-id-21);
    --button_action_hover_text_color: var(--color-id-20);
    --button_action_hover_background_color: var(--color-id-19);
    --button_action_hover_border_color: var(--color-id-21);
    --button_action_box_shadow: none
}

.btn-big-secondary {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    box-shadow: var(--button_secondary_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 11px 16px;
    color: var(--button_secondary_text_color) !important
}

.btn-big-secondary:hover {
    background: var(--button_secondary_hover_background_color);
    border-color: var(--button_secondary_hover_border_color);
    text-decoration: none;
    color: var(--button_secondary_hover_text_color) !important
}

.btn-big-secondary:focus {
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    text-decoration: none;
    color: var(--button_secondary_text_color) !important
}

.btn-actions {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    box-shadow: var(--button_action_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 4px 12px;
    color: var(--button_action_text_color) !important
}

.btn-actions:hover {
    background: var(--button_action_hover_background_color);
    border-color: var(--button_action_hover_border_color);
    text-decoration: none;
    color: var(--button_action_hover_text_color) !important
}

.btn-actions:focus {
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    text-decoration: none;
    color: var(--button_action_text_color) !important
}

.btn-big-primary {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--color-id-17);
    border-color: var(--color-id-17);
    box-shadow: var(--button_primary_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 11px 16px;
    color: var(--button_primary_text_color) !important
}

.btn-big-primary:hover {
    background: var(--button_primary_hover_background_color);
    border-color: var(--button_primary_hover_border_color);
    text-decoration: none;
    color: var(--button_primary_hover_text_color) !important
}

.btn-big-primary:focus {
    background: var(--button_primary_background_color);
    border-color: var(--button_primary_border_color);
    text-decoration: none;
    color: var(--button_primary_text_color) !important
}

.btn-big-primary.dropdown-toggle+.dropdown-menu .dropdown-item.active {
    color: var(--button_primary_text_color) !important;
    background-color: var(--button_primary_background_color) !important
}

.show>.btn-big-primary.dropdown-toggle {
    color: var(--button_primary_hover_text_color) !important;
    background-color: var(--button_primary_hover_background_color) !important;
    border-color: var(--button_primary_hover_border_color) !important
}

:root {
    --alert_success_text_color: var(--color-id-6);
    --alert_success_background_color: var(--color-id-5);
    --alert_success_border_color: transparent;
    --alert_danger_text_color: var(--color-id-16);
    --alert_danger_background_color: var(--color-id-3);
    --alert_danger_border_color: transparent;
    --alert_info_text_color: var(--color-id-2);
    --alert_info_background_color: var(--color-id-11);
    --alert_info_border_color: transparent
}

.alert {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: null;
    border-style: none;
    border-width: 0;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px 24px 12px 12px
}

.alert-info {
    color: var(--alert_info_text_color);
    background: var(--alert_info_background_color);
    border-color: var(--alert_info_border_color)
}

.alert-success {
    color: var(--alert_success_text_color);
    background: var(--alert_success_background_color);
    border-color: var(--alert_success_border_color)
}

.alert-success h4 {
    color: var(--alert_success_text_color)
}

.alert-danger {
    background: var(--alert_danger_background_color);
    border-color: var(--alert_danger_border_color);
    color: var(--alert_danger_text_color) !important
}

.alert .close {
    outline: none;
    height: 100%;
    padding: 0 12px;
    font-size: 16px
}

.alert-danger .close:hover {
    color: var(--alert_danger_text_color)
}

.alert-success .close:hover {
    color: var(--alert_success_text_color)
}

.alert-info .close:hover {
    color: var(--alert_info_text_color)
}

.alert-rtl .alert {
    text-align: right
}

:root {
    --badge_primary_text_color: var(--color-id-20);
    --badge_primary_background_color: var(--color-id-17);
    --badge_primary_box_shadow: none;
    --badge_secondary_text_color: var(--color-id-20);
    --badge_secondary_background_color: var(--color-id-4);
    --badge_secondary_box_shadow: none;
    --badge_danger_text_color: var(--color-id-20);
    --badge_danger_background_color: var(--color-id-16);
    --badge_danger_box_shadow: none;
    --badge_warning_text_color: var(--color-id-20);
    --badge_warning_background_color: var(--color-id-12);
    --badge_warning_box_shadow: none
}

.badge {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    padding: 4px 6px
}

.badge-primary {
    color: var(--badge_primary_text_color);
    background: var(--badge_primary_background_color);
    box-shadow: var(--badge_primary_box_shadow);
    border-radius: 6px !important
}

.badge-secondary {
    color: var(--badge_secondary_text_color);
    background: var(--badge_secondary_background_color);
    box-shadow: var(--badge_secondary_box_shadow);
    border-radius: 6px !important
}

.badge-danger {
    color: var(--badge_danger_text_color);
    background: var(--badge_danger_background_color);
    box-shadow: var(--badge_danger_box_shadow);
    border-radius: 6px
}

.badge-warning {
    color: var(--badge_warning_text_color);
    background: var(--badge_warning_background_color);
    box-shadow: var(--badge_warning_box_shadow);
    border-radius: 6px
}

:root {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--text-white);
    --card_border_color: transparent;
    --card_box_shadow: 0px 2px 4px 0px var(--color-id-10)
}

.card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: none;
    border-width: 1px;
    border-radius: 8px;
    padding: 24px
}

:root {
    --tabs_text_color: var(--color-id-14);
    --tabs_background_color: transparent;
    --tabs_border_color: transparent;
    --tabs_hover_text_color: var(--color-id-19);
    --tabs_hover_background_color: transparent;
    --tabs_hover_border_color: transparent;
    --tabs_active_text_color: var(--color-id-20);
    --tabs_active_background_color: var(--color-id-17);
    --tabs_active_border_color: var(--color-id-21)
}

.tab {
    padding: 0
}

.tab .nav-item {
    margin-right: 4px
}

.tab .nav-item .nav-link {
    font-size: null;
    color: var(--tabs_text_color);
    background: var(--tabs_background_color);
    border-color: var(--tabs_border_color);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 6px 12px;
    font-style: normal;
    font-weight: 600
}

.tab .nav-item .active {
    font-size: null;
    letter-spacing: null;
    color: var(--tabs_active_text_color);
    background: var(--tabs_active_background_color);
    border-color: var(--tabs_active_border_color)
}

.tab .nav-item .nav-link:not(.active):hover {
    color: var(--tabs_hover_text_color);
    background: var(--tabs_hover_background_color);
    border-color: var(--tabs_hover_border_color);
    text-decoration: none
}

@media (width<=768px) {
    .tab .nav-item {
        width: 100%;
        margin-bottom: 4px;
        margin-right: 0
    }

    .tab-rtl .tab .nav-item {
        text-align: right
    }
}

:root {
    --table_box_shadow: 0px 2px 4px 0px var(--color-id-10);
    --table_thead_text_color: var(--color-id-14);
    --table_thead_background_color: var(--color-id-2);
    --table_tbody_text_color: var(--color-id-14);
    --table_tbody_background_odd_color: transparent;
    --table_tbody_background_even_color: transparent;
    --table_tbody_background_color: var(--color-id-7);
    --table_tbody_border_color: var(--color-id-8)
}

.table-wr {
    box-shadow: var(--table_box_shadow);
    border-radius: 8px
}

.table {
    background: var(--table_tbody_background_color);
    border-radius: 8px;
    margin-bottom: 0
}

.table .nowrap {
    white-space: nowrap
}

.table thead tr th .form-control {
    font-weight: 400
}

.table thead tr th {
    font-size: null;
    vertical-align: middle;
    height: 40px;
    color: var(--table_thead_text_color);
    background: var(--table_thead_background_color);
    border: none;
    padding: 8px 7px
}

.table__header-none {
    background: var(--table_tbody_background_color) !important
}

.table tbody tr td {
    vertical-align: middle;
    height: 40px;
    color: var(--table_tbody_text_color);
    background: var(--table_tbody_background_color);
    border-color: var(--table_tbody_border_color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--table_tbody_border_color);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 8px 7px;
    font-size: null !important
}

.table tbody tr td:first-child {
    padding-left: 16px
}

.table tbody tr td:last-child {
    padding-right: 16px
}

.table thead tr th:first-child {
    border-top-left-radius: 8px;
    padding-left: 16px
}

.table thead tr th:last-child {
    border-top-right-radius: 8px;
    padding-right: 16px
}

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

.table tbody tr:first-child td {
    border-top: 0
}

.table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.table tbody tr:nth-child(2n) td {
    background: var(--table_tbody_background_even_color)
}

.table tbody tr:nth-child(odd) td {
    background: var(--table_tbody_background_odd_color)
}

.table-rtl .table thead tr th:first-child {
    border-top-right-radius: 8px;
    padding-left: 7px;
    padding-right: 16px;
    border-top-left-radius: 0 !important
}

.table-rtl .table thead tr th:last-child {
    border-top-left-radius: 8px;
    padding-left: 16px;
    padding-right: 7px;
    border-top-right-radius: 0 !important
}

.table-rtl .table tbody tr td:first-child {
    padding-left: 7px !important;
    padding-right: 16px !important
}

.table-rtl .table tbody tr td:last-child {
    padding-left: 16px !important;
    padding-right: 7px !important
}

.table-rtl .table tbody tr td,
.table-rtl .table thead tr th {
    text-align: right
}

.table-rtl .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 8px
}

.table-rtl .table tbody tr:last-child td:first-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0
}

.table-responsive .table-service,
.table-responsive .table-link {
    word-break: break-all;
    min-width: 120px;
    max-width: 650px
}

@media (width<=991px) {
    .table-responsive thead tr th {
        white-space: nowrap
    }

    .table-responsive .table-link {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .table-responsive-classic {
        box-shadow: none;
        border: 0
    }

    .table-responsive-classic thead {
        height: : 1px;
        border: none;
        width: 1px;
        margin: -1px;
        padding: 0;
        display: none;
        position: absolute;
        overflow: hidden
    }

    .table-responsive-classic tbody tr {
        display: block
    }

    .table-responsive-classic tbody tr:last-child {
        margin-bottom: 0
    }

    .table-responsive-classic tbody td {
        text-align: right;
        display: block
    }

    .table-responsive-classic tbody tr td {
        word-break: break-all;
        height: auto;
        min-height: 40px;
        border-bottom-width: 0 !important
    }

    .table-rtl .table-responsive-classic tbody tr td {
        text-align: right;
        display: flex
    }

    .table-responsive-classic tbody tr:first-child td {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: var(--table_tbody_border_color)
    }

    .table-responsive-classic td:before {
        content: attr(data-label);
        float: left;
        padding-right: 8px;
        font-weight: 700
    }

    .table-rtl .table-responsive-classic td:before {
        float: right;
        white-space: nowrap;
        padding-left: 8px
    }

    .table-responsive-classic td:last-child {
        border-bottom: 0
    }

    .table-responsive-classic tbody tr td:first-child {
        padding-left: 7px
    }

    .table-rtl .table-responsive-classic tbody tr td:first-child,
    .table-responsive-classic tbody tr td:last-child {
        padding-right: 7px
    }

    .table-rtl .table-responsive-classic tbody tr td:last-child {
        padding-left: 7px
    }

    .table-responsive-classic tbody tr:last-child td:first-child,
    .table-responsive-classic tbody tr:last-child td:last-child {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

@media (width<=768px) {
    .table-responsive .table-service {
        min-width: 310px
    }
}

:root {
    --pagination_box_shadow: none;
    --pagination_text_color: var(--color-id-17);
    --pagination_background_color: transparent;
    --pagination_border_color: transparent;
    --pagination_hover_text_color: var(--color-id-19);
    --pagination_hover_background_color: transparent;
    --pagination_hover_border_color: transparent;
    --pagination_active_text_color: var(--color-id-20);
    --pagination_active_background_color: var(--color-id-17);
    --pagination_active_border_color: var(--color-id-21)
}

.pagination {
    margin-bottom: 0;
    padding: 0
}

.pagination .pagination-link {
    font-size: null;
    background: var(--pagination_background_color);
    border-color: var(--pagination_border_color);
    width: 2em;
    height: 2em;
    box-shadow: var(--pagination_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 6px;
    display: flex;
    color: var(--pagination_text_color) !important;
    border-radius: 8px !important
}

.pagination .pagination-item__active .pagination-link {
    background: var(--pagination_active_background_color);
    border-color: var(--pagination_active_border_color);
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    color: var(--pagination_active_text_color) !important
}

.pagination .pagination-item:not(.pagination-item__active):hover .pagination-link {
    background: var(--pagination_hover_background_color);
    border-color: var(--pagination_hover_border_color);
    text-decoration: none;
    color: var(--pagination_hover_text_color) !important
}

.pagination-rtl .pagination .pagination-link {
    margin-left: 6px;
    margin-right: 0
}

:root {
    --navbar_private_items_text_color: var(--color-id-14);
    --navbar_private_background_color: var(--color-id-9);
    --navbar_private_items_hover_text_color: var(--color-id-17);
    --navbar_private_items_hover_background_color: transparent;
    --navbar_private_items_active_text_color: var(--color-id-17);
    --navbar_private_items_active_background_color: transparent;
    --navbar_private_box_shadow: 0px 2px 4px 0px var(--color-id-10);
    --navbar_private_balance_text_color: var(--color-id-20);
    --navbar_private_balance_background_color: var(--color-id-17);
    --navbar_private_balance_box_shadow: none;
    --navbar_public_box_shadow: 0px 2px 4px 0px var(--color-id-10);
    --navbar_public_items_text_color: var(--color-id-14);
    --navbar_public_items_border_color: transparent;
    --navbar_public_background_color: var(--color-id-9);
    --navbar_public_items_active_border_color: transparent;
    --navbar_public_items_hover_text_color: var(--color-id-17);
    --navbar_public_items_hover_background_color: transparent;
    --navbar_public_items_active_text_color: var(--color-id-17);
    --navbar_public_items_active_background_color: transparent
}

.wrapper-navbar {
    --public-navbar-height: 64px
}

.wrapper-sidebar-navbar .wrapper-content {
    padding-top: 0
}

.wrapper-navbar .component_navbar_sub,
.component_navbar_sub {
    height: 64px
}

.wrapper-content {
    padding-top: 64px
}

.component-sidebar__menu-logo {
    height: 64px
}

.sidebar-block__left-menu {
    padding-bottom: 8px !important
}

.navbar-nav-currencies {
    color: var(--navbar_private_items_text_color);
    font-size: null;
    padding-left: 12px !important;
    padding-right: 12px !important
}

.component-navbar-public__wrapper,
.component-navbar-private__wrapper {
    height: 64px
}

.component-navbar-public-brand a,
.component-navbar-public-brand {
    color: inherit;
    text-decoration: none
}

.component-navbar-public-brand:hover {
    text-decoration: none
}

.component-navbar-private__wrapper .sidebar-block__top-brand {
    display: none
}

.component-navbar-logo {
    display: flex
}

.component-navbar-logo a {
    width: inherit;
    display: flex
}

.component-navbar-nav-item {
    position: relative
}

.component-navbar-private-nav-item {
    height: 64px
}

.component-navbar-nav-link {
    height: 100%;
    font-size: null;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
    display: flex
}

.component-navbar-nav-link .badge {
    margin-left: 6px;
    margin-right: 6px
}

.component-navbar-nav-link .component-navbar-nav-link-icon {
    min-width: 26px;
    padding: 0 3px;
    display: flex
}

.component-navbar-nav-link__navbar-private {
    background: var(--navbar_private_background_color);
    padding: 4px 12px;
    color: var(--navbar_private_items_text_color) !important
}

.component-navbar-nav-link__navbar-private:hover {
    background: var(--navbar_private_items_hover_background_color);
    text-decoration: none;
    color: var(--navbar_private_items_hover_text_color) !important
}

.component-navbar-nav-link-active__navbar-private,
.component-navbar-nav-link-active__navbar-private:hover,
.component-navbar-nav-link-active__navbar-private:focus {
    background: var(--navbar_private_items_active_background_color);
    color: var(--navbar_private_items_active_text_color) !important
}

.component-navbar-nav-link__navbar-public {
    background: var(--navbar_public_items_background_color);
    border-style: none;
    border-width: 0;
    border-radius: 0;
    padding: 4px 16px;
    color: var(--navbar_public_items_text_color) !important;
    transition: all .25s ease-in-out !important
}

.component-navbar-nav-link__navbar-public:hover,
.component-navbar-nav-link__navbar-public:focus {
    background: var(--navbar_public_items_hover_background_color);
    text-decoration: none;
    color: var(--navbar_public_items_hover_text_color) !important
}

.component-navbar-nav-link-active__navbar-public,
.component-navbar-nav-link-active__navbar-public:hover,
.component-navbar-nav-link-active__navbar-public:focus {
    background: var(--navbar_public_items_active_background_color);
    color: var(--navbar_public_items_active_text_color) !important
}

.component-navbar-public {
    height: 64px;
    box-shadow: var(--navbar_public_box_shadow)
}

.component-navbar-private {
    height: 64px;
    box-shadow: var(--navbar_private_box_shadow)
}

.component-navbar__navbar-private {
    background: var(--navbar_private_background_color);
    box-shadow: var(--navbar_private_box_shadow)
}

.component-navbar__navbar-public {
    background: var(--navbar_public_background_color);
    width: 100%;
    box-shadow: var(--navbar_public_box_shadow)
}

.component-navbar-balance-wrap__navbar-private {
    padding-top: 0;
    padding-bottom: 0
}

.component-navbar-balance-item__navbar-private {
    background: var(--navbar_private_balance_background_color);
    height: 100%;
    box-shadow: var(--navbar_private_balance_box_shadow);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    color: var(--navbar_private_balance_text_color) !important
}

.component-navbar-balance-item__navbar-private:hover {
    text-decoration: none;
    color: var(--navbar_private_balance_text_color) !important
}

.component-navbar-private-brand {
    color: var(--navbar_private_items_text_color);
    font-size: 0
}

.component-navbar__navbar-private .navbar,
.component-navbar__navbar-public .navbar {
    height: 64px
}

.component-navbar__navbar-public-padding .navbar {
    padding-top: 24px;
    padding-bottom: 24px
}

.navbar-burger {
    width: 24px;
    height: 16px;
    display: block;
    position: relative
}

.navbar-light .navbar-toggler {
    border: none;
    outline: none;
    padding: 0;
    position: relative
}

.navbar-burger-line {
    width: 24px;
    height: 2px;
    transition: background .2s ease-in-out;
    display: block;
    position: absolute;
    top: 7px;
    left: 0
}

.navbar-burger-line:before {
    content: " ";
    width: 24px;
    height: 2px;
    transition: transform .25s ease-in-out, top .25s ease-in-out;
    display: block;
    position: absolute;
    top: -7px;
    left: 0
}

.navbar-burger-line:after {
    content: " ";
    width: 24px;
    height: 2px;
    transition: transform .25s ease-in-out, top .25s ease-in-out;
    display: block;
    position: absolute;
    top: 7px;
    left: 0
}

.component-navbar__navbar-public .navbar-burger-line:before {
    background: var(--navbar_public_items_text_color)
}

.component-navbar__navbar-private .navbar-burger-line:before,
.component-navbar__navbar-private .navbar-burger-line:after {
    background: var(--navbar_private_items_text_color)
}

.component-navbar__navbar-public .navbar-burger-line:after,
.component-navbar__navbar-public .navbar-burger-line {
    background: var(--navbar_public_items_text_color)
}

.component-navbar__navbar-private .navbar-burger-line {
    background: var(--navbar_private_items_text_color)
}

.navbar-toggler[aria-expanded=true] .navbar-burger-line {
    background: 0 0 !important
}

.navbar-toggler[aria-expanded=true] .navbar-burger-line:before {
    top: 0 !important;
    transform: rotate(45deg) !important
}

.navbar-toggler[aria-expanded=true] .navbar-burger-line:after {
    top: 0 !important;
    transform: rotate(-45deg) !important
}

.navbar-nav {
    margin-top: 0;
    padding-right: 0
}

.component-navbar-collapse-divider {
    opacity: .2;
    width: 100%;
    height: 1px;
    display: none
}

.component-navbar__navbar-private .component-navbar-collapse-divider {
    background: var(--navbar_private_items_text_color)
}

.component-navbar__navbar-public .component-navbar-collapse-divider {
    background: var(--navbar_public_items_text_color)
}

.navbar-dropdown {
    margin-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    position: relative
}

.navbar-dropdown__container {
    background: undefined;
    border-top-left-radius: undefined;
    border-top-right-radius: undefined;
    border-bottom-left-radius: undefined;
    border-bottom-right-radius: undefined;
    border-color: undefined;
    min-width: 100%;
    box-shadow: undefined;
    border-style: undefined;
    border-left-width: undefined;
    border-right-width: undefined;
    border-top-width: undefined;
    border-bottom-width: undefined;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%
}

.navbar-dropdown__link {
    width: 100%;
    color: undefined;
    background: undefined;
    padding-top: undefined;
    padding-bottom: undefined;
    padding-left: undefined;
    padding-right: undefined;
    text-decoration: none;
    display: block
}

.navbar-dropdown__link:hover {
    color: undefined;
    background: undefined;
    text-decoration: none
}

.component-navbar-public-brand h1,
.component-navbar-public-brand h2,
.component-navbar-public-brand h3,
.component-navbar-public-brand h4,
.component-navbar-public-brand h5,
.component-navbar-public-brand h6 {
    margin-bottom: 0
}

.component-navbar-public-brand>:first-child {
    width: 100%
}

.component-sidebar__menu-brand h1,
.component-sidebar__menu-brand h2,
.component-sidebar__menu-brand h3,
.component-sidebar__menu-brand h4,
.component-sidebar__menu-brand h5,
.component-sidebar__menu-brand h6 {
    margin-bottom: 0
}

.component-sidebar__menu-brand>:first-child {
    width: 100%
}

@media (width<=991px) {
    .component-navbar-private__wrapper-sticky {
        height: 64px !important
    }

    .component-navbar-logo {
        width: inherit
    }

    .sidebar-block__top-logo {
        max-height: 64px
    }

    .component-navbar__navbar-public .navbar {
        flex-wrap: wrap;
        height: auto;
        min-height: 64px;
        padding: 0 1rem;
        display: flex
    }

    .component-navbar__navbar-private .navbar {
        flex-wrap: wrap;
        height: auto;
        min-height: 64px;
        padding: 0 1rem
    }

    .component-navbar__navbar-private .navbar .navbar-private__header {
        min-height: 64px
    }

    .component-navbar__navbar-public .navbar .navbar-public__header {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        min-height: 64px;
        display: flex
    }

    .component-navbar-private__wrapper {
        height: auto
    }

    .wrapper-content {
        padding-top: 0
    }

    .component-navbar__navbar-public .navbar-collapse,
    .component-navbar__navbar-private .navbar-collapse {
        background: 0 0;
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    .component-navbar__navbar-private .component-navbar-collapse {
        flex-wrap: wrap
    }

    .component-navbar__navbar-private .component-navbar-private-nav-item {
        height: auto
    }

    .component-navbar-collapse {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .component-navbar-collapse-divider {
        display: none
    }

    .component-navbar-nav-link {
        justify-content: flex-start;
        width: 100%
    }

    .navbar-nav {
        width: 100%
    }

    .component-navbar-private__wrapper .sidebar-block__top-brand {
        display: block
    }

    .component-navbar-private-brand {
        font-size: unset
    }

    .navbar {
        flex-flow: row
    }

    .navbar-nav-currencies {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

:root {
    --sidebar_box_shadow: none;
    --sidebar_border_color: transparent;
    --sidebar_items_text_color: var(--color-id-20);
    --sidebar_items_border_color: transparent;
    --sidebar_background_color: var(--color-id-15);
    --sidebar_brand_text_color: var(--color-id-14);
    --sidebar_brand_background_color: var(--color-id-9);
    --sidebar_items_hover_text_color: var(--color-id-4);
    --sidebar_items_hover_background_color: transparent;
    --sidebar_items_hover_border_color: transparent;
    --sidebar_items_active_text_color: var(--color-id-17);
    --sidebar_items_active_background_color: var(--color-id-9);
    --sidebar_items_active_border_color: transparent;
    --r-lg: 12px;
    --sb-bdr: var(--color-id-7);
    --t: .2s ease
}

.component-sidebar_wrapper {
    flex-basis: 270px;
    width: 270px
}

.component-sidebar {
    background: var(--sidebar_background_color);
    width: 270px;
    box-shadow: var(--sidebar_box_shadow);
    border-color: var(--sidebar_border_color);
    border-style: none;
    border-width: 0
}

.component-navbar__navbar-private {
    --navbar-margin: 270px;
    width: calc(100% - var(--navbar-margin) - var(--editor-sidebar))
}

.component-sidebar__menu {
    height: 100%;
    overflow: hidden
}

.component-sidebar__menu .sidebar-block__left-menu {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0
}

.component-sidebar__menu-logo {
    color: var(--sidebar_brand_text_color);
    justify-content: flex-start;
    display: flex
}

.component-sidebar__menu-logo a {
    color: var(--sidebar_brand_text_color);
    text-decoration: none
}

.component-sidebar__menu-logo a:hover {
    text-decoration: none
}

.component-sidebar__menu .component-navbar-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    margin-left: 16px;
    margin-right: 16px
}

.component-sidebar__menu-brand {
    width: 100%;
    color: var(--sidebar_brand_text_color);
    user-select: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex
}

.component-sidebar__menu-brand a {
    text-decoration: none
}

.component-sidebar__menu-item {
    list-style: none
}

.component-sidebar__menu-item-link {
    word-break: break-all;
    font-size: null;
    border-color: var(--sidebar_items_border_color);
    background: 0 0;
    border-style: solid;
    border-width: 0;
    border-radius: 8px;
    align-items: center;
    margin: 8px 20px;
    padding: 8px 16px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    color: var(--sidebar_items_text_color) !important;
    transition: all .2s ease-in-out !important
}

.component-sidebar__menu-item-link .badge {
    margin-left: auto
}

.sidebar-rtl .component-sidebar__menu-item-link .badge {
    margin-right: auto;
    margin-left: 0 !important
}

.component-sidebar__menu-item-link:hover {
    background: var(--sidebar_items_hover_background_color);
    border-color: var(--sidebar_items_hover_border_color);
    text-decoration: none;
    color: var(--sidebar_items_hover_text_color) !important
}

.component-sidebar__menu-item-active .component-sidebar__menu-item-link {
    background: var(--sidebar_items_active_background_color);
    border-color: var(--sidebar_items_active_border_color);
    font-weight: 700;
    color: var(--sidebar_items_active_text_color) !important
}

.component_private_navbar .component-sidebar__menu-logo {
    background: var(--sidebar_brand_background_color)
}

@media (width<=991px) {
    .component-navbar__navbar-private {
        width: 100%
    }

    .sidebar-block__top-logo {
        --sidebar-width: 270px;
        max-width: calc(var(--sidebar-width) - 40px)
    }

    .component-sidebar_wrapper {
        display: none
    }
}

:root {
    --ticket_dialog_admin_box_shadow: none;
    --ticket_dialog_admin_text_color: var(--color-id-14);
    --ticket_dialog_admin_username_text_color: var(--color-id-14);
    --ticket_dialog_admin_background_color: var(--color-id-7);
    --ticket_dialog_admin_border_color: transparent;
    --ticket_dialog_user_box_shadow: transparent;
    --ticket_dialog_user_text_color: var(--color-id-14);
    --ticket_dialog_user_username_text_color: var(--color-id-14);
    --ticket_dialog_user_background_color: var(--color-id-8);
    --ticket_dialog_user_border_color: transparent
}

.ticket-dialog__row {
    font-size: null;
    margin-bottom: 16px
}

.ticket-dialog__row-message {
    background: #fff;
    border: 0 #000;
    border-radius: 8px;
    padding: 12px
}

.ticket-dialog__row-bottom {
    align-items: center;
    font-size: .75em;
    display: flex
}

.ticket-dialog__row-bottom-name {
    font-weight: 700
}

.ticket-dialog__row-admin {
    padding-right: 50px
}

.ticket-dialog__row-user {
    padding-left: 50px
}

.ticket-dialog__row-admin .ticket-dialog__row-message {
    color: var(--ticket_dialog_admin_text_color);
    background: var(--ticket_dialog_admin_background_color);
    border-color: var(--ticket_dialog_admin_border_color);
    box-shadow: var(--ticket_dialog_admin_box_shadow)
}

.ticket-dialog__row-admin .ticket-dialog__row-message blockquote {
    border-left: 3px solid var(--ticket_dialog_admin_text_color);
    white-space: pre-wrap;
    margin-bottom: 12px;
    padding: 2px 8px
}

.ticket-dialog__row-admin .ticket-dialog__row-message hr {
    border-top: 1px solid var(--ticket_dialog_admin_text_color)
}

.ticket-dialog__row-admin .ticket-dialog__row-message p,
.ticket-dialog__row-admin .ticket-dialog__row-message li {
    white-space: pre-wrap
}

.ticket-dialog__row-user .ticket-dialog__row-message blockquote {
    border-left: 3px solid var(--ticket_dialog_user_text_color);
    white-space: pre-wrap;
    margin-bottom: 12px;
    padding: 2px 8px
}

.ticket-dialog__row-user .ticket-dialog__row-message hr {
    border-top: 1px solid var(--ticket_dialog_user_text_color)
}

.ticket-dialog__row-user .ticket-dialog__row-message p,
.ticket-dialog__row-user .ticket-dialog__row-message li {
    white-space: pre-wrap
}

.ticket-dialog__row-admin .ticket-dialog__row-bottom {
    color: var(--ticket_dialog_admin_username_text_color)
}

.ticket-dialog__row-admin .ticket-dialog__row-bottom .ticket-dialog__row-bottom-name {
    padding-right: 7px
}

.ticket-dialog__row-user .ticket-dialog__row-message {
    text-align: left;
    color: var(--ticket_dialog_user_text_color);
    background: var(--ticket_dialog_user_background_color);
    border-color: var(--ticket_dialog_user_border_color);
    box-shadow: var(--ticket_dialog_user_box_shadow)
}

.ticket-dialog__row-user .ticket-dialog__row-bottom {
    text-align: right;
    color: var(--ticket_dialog_user_username_text_color);
    justify-content: flex-end
}

.ticket-dialog__row-user .ticket-dialog__row-bottom .ticket-dialog__row-bottom-name {
    padding-right: 7px
}

.ticket-dialog-rtl .ticket-dialog__row-admin {
    padding-left: 50px;
    padding-right: 0
}

.ticket-dialog-rtl .ticket-dialog__row-user {
    padding-left: 0;
    padding-right: 50px
}

.ticket-dialog-rtl .ticket-dialog__row-admin .ticket-dialog__row-message,
.ticket-dialog-rtl .ticket-dialog__row-user .ticket-dialog__row-message {
    text-align: right
}

.ticket-dialog-rtl .ticket-dialog__row-admin .ticket-dialog__row-bottom .ticket-dialog__row-bottom-name,
.ticket-dialog-rtl .ticket-dialog__row-user .ticket-dialog__row-bottom .ticket-dialog__row-bottom-name {
    padding-left: 7px;
    padding-right: 0
}

:root {
    --footer_public_box_shadow: none;
    --footer_public_text_color: var(--color-id-14);
    --footer_public_background_color: var(--color-id-9)
}

.component-footer {
    font-size: null;
    font-style: normal;
    font-weight: 600;
    position: relative
}

.component-footer__public {
    color: var(--footer_public_text_color);
    min-height: 64px;
    box-shadow: var(--footer_public_box_shadow);
    background: var(--footer_public_background_color);
    padding-top: 20px;
    padding-bottom: 20px
}

:root {
    --modal_background_color: var(--color-id-8);
    --modal_text_color: var(--text-white);
    --modal_close_color: var(--color-id-14)
}

.modal .modal-content {
    background: var(--modal_background_color);
    color: var(--modal_text_color);
    border: none
}

.modal .close {
    color: var(--modal_close_color)
}

.modal-rtl .modal-content {
    text-align: right
}

:root {
    --code_background_color: var(--color-id-8);
    --code_text_color: var(--color-id-14);
    --code_border_color: transparent;
    --code_box_shadow: none
}

pre {
    background: var(--code_background_color);
    color: var(--code_text_color);
    border-color: var(--code_border_color);
    box-shadow: var(--code_box_shadow);
    direction: ltr;
    unicode-bidi: bidi-override;
    border-style: solid;
    border-width: 0;
    border-radius: 8px;
    padding: 24px;
    font-weight: 300
}

:root {
    --dropdown_button_text_color: var(--color-id-20);
    --dropdown_button_background_color: var(--color-id-17);
    --dropdown_button_border_color: transparent;
    --dropdown_background_color: var(--color-id-9);
    --dropdown_items_text_color: var(--color-id-14);
    --dropdown_button_hover_text_color: var(--color-id-20);
    --dropdown_button_hover_background_color: var(--color-id-19);
    --dropdown_button_hover_border_color: transparent;
    --dropdown_items_hover_text_color: var(--color-id-17);
    --dropdown_items_hover_background_color: transparent;
    --dropdown_box_shadow: 0px 8px 24px 0px var(--color-id-10)
}

.navbar-dropdown {
    font-size: null;
    margin-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    position: relative
}

.navbar-dropdown__editor .navbar-dropdown__container {
    visibility: hidden
}

.navbar-dropdown__editor:hover .navbar-dropdown__container {
    visibility: visible
}

.navbar-dropdown__name {
    white-space: nowrap;
    color: var(--dropdown_button_text_color);
    background: var(--dropdown_button_background_color);
    border-color: var(--dropdown_button_border_color);
    font-size: null;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    font-style: normal;
    font-weight: 600;
    display: flex
}

.navbar-dropdown__toggle:after {
    content: "";
    margin-left: 12px;
    font-family: "Font Awesome 5 Pro";
    display: inline-block
}

.navbar-dropdown.show .navbar-dropdown__name {
    color: var(--dropdown_button_hover_text_color);
    background: var(--dropdown_button_hover_background_color);
    border-color: var(--dropdown_button_hover_border_color);
    text-decoration: none
}

.navbar-dropdown__container {
    background: var(--dropdown_background_color);
    min-width: 100%;
    box-shadow: var(--dropdown_box_shadow);
    border: 0 solid #0000;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    overflow: hidden
}

.navbar-dropdown__item {
    list-style: none
}

.navbar-dropdown__link {
    width: 100%;
    padding: 6px 12px;
    font-size: 1em;
    text-decoration: none;
    display: block;
    color: var(--dropdown_items_text_color) !important
}

.navbar-dropdown__link:hover {
    background: var(--dropdown_items_hover_background_color);
    text-decoration: none;
    color: var(--dropdown_items_hover_text_color) !important
}

.navbar-dropdown-rtl .navbar-dropdown__toggle:after {
    margin-left: 0;
    margin-right: 12px
}

.navbar-dropdown-rtl .navbar-dropdown__container {
    text-align: right
}

.dropdown-item {
    text-decoration: none
}

@media (width<=991px) {
    .navbar-dropdown {
        width: 100%;
        margin-top: 0;
        padding-bottom: 0
    }

    .navbar-dropdown__container {
        visibility: visible;
        position: relative
    }

    .navbar-dropdown__name {
        width: 100%
    }
}

:root {
    --balance_dropdown_button_text_color: var(--color-id-20);
    --balance_dropdown_button_background_color: var(--color-id-17);
    --balance_dropdown_button_border_color: transparent;
    --balance_dropdown_background_color: var(--color-id-9);
    --balance_dropdown_items_text_color: var(--color-id-14);
    --balance_dropdown_button_hover_text_color: var(--color-id-20);
    --balance_dropdown_button_hover_background_color: var(--color-id-21);
    --balance_dropdown_button_hover_border_color: transparent;
    --balance_dropdown_items_hover_text_color: var(--color-id-17);
    --balance_dropdown_items_hover_background_color: transparent;
    --balance_dropdown_box_shadow: 0px 8px 24px 0px var(--color-id-10)
}

.balance-dropdown {
    display: flex;
    position: relative
}

.balance-dropdown__editor .balance-dropdown__container {
    visibility: hidden
}

.balance-dropdown__editor:hover .balance-dropdown__container {
    visibility: visible
}

.balance-dropdown.show .balance-dropdown__toggle:after {
    text-decoration: none;
    transform: rotate(180deg)
}

.balance-dropdown__name {
    white-space: nowrap;
    color: var(--balance_dropdown_button_text_color);
    background: var(--balance_dropdown_button_background_color);
    border-color: var(--balance_dropdown_button_border_color);
    box-shadow: none;
    font-size: null;
    border-style: none;
    border-width: 0;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 400;
    display: flex
}

.balance-dropdown__toggle:after {
    content: "";
    margin-left: 12px;
    font-family: "Font Awesome 5 Pro";
    display: inline-block
}

.balance-dropdown.show .balance-dropdown__name {
    color: var(--balance_dropdown_button_hover_text_color);
    background: var(--balance_dropdown_button_hover_background_color);
    border-color: var(--balance_dropdown_button_hover_border_color);
    text-decoration: none
}

.balance-dropdown__container {
    z-index: 100;
    background: var(--balance_dropdown_background_color);
    min-width: 100%;
    max-height: 360px;
    box-shadow: var(--balance_dropdown_box_shadow);
    border: 0 #000;
    border-radius: 4px;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    top: 100%;
    overflow-y: auto
}

.balance-dropdown__item {
    list-style: none
}

.balance-dropdown__link {
    white-space: nowrap;
    width: 100%;
    font-size: null;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    color: var(--balance_dropdown_items_text_color) !important
}

.balance-dropdown__link:hover {
    background: var(--balance_dropdown_items_hover_background_color);
    text-decoration: none;
    color: var(--balance_dropdown_items_hover_text_color) !important
}

.balance-dropdown-rtl .balance-dropdown__toggle:after {
    margin-left: 0;
    margin-right: 12px
}

.balance-dropdown-rtl .balance-dropdown__container {
    text-align: right
}

.balance-dropdown-container {
    justify-content: center;
    align-items: center;
    display: flex
}

@media (width<=991px) {
    .balance-dropdown {
        flex-direction: column;
        width: 100%;
        padding-bottom: 0
    }

    .balance-dropdown-container {
        width: 100%
    }

    .balance-dropdown__container {
        visibility: visible;
        display: none;
        position: relative
    }

    .balance-dropdown.show .balance-dropdown__container {
        text-decoration: none;
        display: block
    }

    .balance-dropdown__name {
        width: 100%
    }
}

:root {
    --platforms_icon_color: var(--color-id-103);
    --platforms_text_color: var(--color-id-14);
    --platforms_background_color: var(--color-id-8);
    --platforms_border_color: var(--color-id-7);
    --platforms_hover_icon_color: var(--color-id-17);
    --platforms_hover_text_color: var(--color-id-14);
    --platforms_hover_background_color: var(--color-id-1);
    --platforms_hover_border_color: var(--color-id-7);
    --platforms_active_text_color: var(--color-id-14);
    --platforms_active_icon_color: var(--color-id-9);
    --platforms_active_background_color: var(--color-id-17);
    --platforms_active_border_color: var(--color-id-21)
}

.platforms {
    --platforms-distance: 8px;
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-bottom: 16px;
    display: flex
}

.platforms-item {
    box-sizing: border-box;
    padding-bottom: 8px
}

.platforms-item__with-icon {
    align-items: center;
    gap: 8px;
    display: flex
}

.platforms-item__without-icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.platforms-item__icon {
    width: calc(1em + 10px);
    height: calc(1em + 10px);
    max-height: 72px;
    color: var(--platforms_icon_color);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.platforms-item__icon svg {
    width: 100%;
    height: auto;
    display: block
}

.platforms-item__title {
    white-space: nowrap;
    color: var(--platforms_text_color);
    overflow: hidden
}

.platforms-item-col-3 {
    width: calc(33.3333% - var(--platforms-distance) * 2 / 3)
}

.platforms-item-col-4 {
    width: calc(25% - var(--platforms-distance) * 3 / 4)
}

.platforms-item-col-5 {
    width: calc(20% - var(--platforms-distance) * 4 / 5)
}

.platforms-item-col-6 {
    width: calc(16.6667% - var(--platforms-distance) * 5 / 6)
}

.platforms-item button {
    width: 100%;
    min-height: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: null;
    background: var(--platforms_background_color);
    border-color: var(--platforms_border_color);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 8px 16px
}

.platforms-item button:hover {
    background: var(--platforms_hover_background_color);
    border-color: var(--platforms_hover_border_color)
}

.platforms-item button:hover .platforms-item__title {
    color: var(--platforms_hover_text_color)
}

.platforms-item button:hover .platforms-item__icon {
    color: var(--platforms_hover_icon_color)
}

.platforms-item button.active {
    background: var(--platforms_active_background_color) !important;
    border-color: var(--platforms_active_border_color) !important
}

.platforms-item button.active .platforms-item__title {
    color: var(--platforms_active_text_color) !important
}

.platforms-item button.active .platforms-item__icon {
    color: var(--platforms_active_icon_color) !important
}

@media (width<=768px) {
    .platforms-item__with-icon {
        justify-content: center;
        align-items: center;
        gap: 0;
        display: flex
    }

    .platforms-item__title {
        display: none
    }
}

#block_166 .component_button_link .btn-big-secondary {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    box-shadow: var(--button_secondary_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 11px 16px;
    color: var(--button_secondary_text_color) !important
}

#block_166 .component_button_link .btn-big-secondary:hover {
    background: var(--button_secondary_hover_background_color);
    border-color: var(--button_secondary_hover_border_color);
    text-decoration: none;
    color: var(--button_secondary_hover_text_color) !important
}

#block_166 .component_button_link .btn-big-secondary:focus {
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    text-decoration: none;
    color: var(--button_secondary_text_color) !important
}

#block_166 .component_button_link .btn-actions {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    box-shadow: var(--button_action_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 4px 12px;
    color: var(--button_action_text_color) !important
}

#block_166 .component_button_link .btn-actions:hover {
    background: var(--button_action_hover_background_color);
    border-color: var(--button_action_hover_border_color);
    text-decoration: none;
    color: var(--button_action_hover_text_color) !important
}

#block_166 .component_button_link .btn-actions:focus {
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    text-decoration: none;
    color: var(--button_action_text_color) !important
}

#block_166 .component_button_link .btn-big-primary {
    background: var(--button_primary_background_color);
    border-color: var(--button_primary_border_color);
    box-shadow: var(--button_primary_box_shadow);
    border-style: solid;
    border-width: 0 0 1px;
    border-radius: 10px;
    padding: 11px 16px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: var(--button_primary_text_color) !important
}

#block_166 .component_button_link .btn-big-primary:hover {
    background: var(--button_primary_hover_background_color);
    border-color: var(--button_primary_hover_border_color);
    text-decoration: none;
    color: var(--button_primary_hover_text_color) !important
}

#block_166 .component_button_link .btn-big-primary:focus {
    background: var(--button_primary_background_color);
    border-color: var(--button_primary_border_color);
    text-decoration: none;
    color: var(--button_primary_text_color) !important
}

#block_166 .component_button_link .btn-big-primary.dropdown-toggle+.dropdown-menu .dropdown-item.active {
    color: var(--button_primary_text_color) !important;
    background-color: var(--button_primary_background_color) !important
}

#block_166 .component_button_link .show>.btn-big-primary.dropdown-toggle {
    color: var(--button_primary_hover_text_color) !important;
    background-color: var(--button_primary_hover_background_color) !important;
    border-color: var(--button_primary_hover_border_color) !important
}

#block_29 .component_content_card .card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: none;
    border-width: 1px;
    border-radius: 21px;
    padding: 24px
}

#block_37 .component_card .card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: none;
    border-width: 1px;
    border-radius: 16px;
    padding: 24px
}

#block_11 .component_card .card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: none;
    border-width: 1px;
    border-radius: 20px;
    padding: 24px
}

#block_2 .component_balance_dropdown .balance-dropdown {
    display: flex;
    position: relative
}

#block_2 .component_balance_dropdown .balance-dropdown__editor .balance-dropdown__container {
    visibility: hidden
}

#block_2 .component_balance_dropdown .balance-dropdown__editor:hover .balance-dropdown__container {
    visibility: visible
}

#block_2 .component_balance_dropdown .balance-dropdown.show .balance-dropdown__toggle:after {
    text-decoration: none;
    transform: rotate(180deg)
}

#block_2 .component_balance_dropdown .balance-dropdown__name {
    white-space: nowrap;
    color: var(--balance_dropdown_button_text_color);
    background: var(--balance_dropdown_button_background_color);
    border-color: var(--balance_dropdown_button_border_color);
    box-shadow: none;
    font-size: null;
    border-style: none;
    border-width: 0;
    border-radius: 7px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 400;
    display: flex
}

#block_2 .component_balance_dropdown .balance-dropdown__toggle:after {
    content: "";
    margin-left: 12px;
    font-family: "Font Awesome 5 Pro";
    display: inline-block
}

#block_2 .component_balance_dropdown .balance-dropdown.show .balance-dropdown__name {
    color: var(--balance_dropdown_button_hover_text_color);
    background: var(--balance_dropdown_button_hover_background_color);
    border-color: var(--balance_dropdown_button_hover_border_color);
    text-decoration: none
}

#block_2 .component_balance_dropdown .balance-dropdown__container {
    z-index: 100;
    background: var(--balance_dropdown_background_color);
    min-width: 100%;
    max-height: 360px;
    box-shadow: var(--balance_dropdown_box_shadow);
    border: 0 #000;
    border-radius: 4px;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    top: 100%;
    overflow-y: auto
}

#block_2 .component_balance_dropdown .balance-dropdown__item {
    list-style: none
}

#block_2 .component_balance_dropdown .balance-dropdown__link {
    white-space: nowrap;
    width: 100%;
    font-size: null;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    color: var(--balance_dropdown_items_text_color) !important
}

#block_2 .component_balance_dropdown .balance-dropdown__link:hover {
    background: var(--balance_dropdown_items_hover_background_color);
    text-decoration: none;
    color: var(--balance_dropdown_items_hover_text_color) !important
}

#block_2 .component_balance_dropdown .balance-dropdown-rtl .balance-dropdown__toggle:after {
    margin-left: 0;
    margin-right: 12px
}

#block_2 .component_balance_dropdown .balance-dropdown-rtl .balance-dropdown__container {
    text-align: right
}

#block_2 .component_balance_dropdown .balance-dropdown-container {
    justify-content: center;
    align-items: center;
    display: flex
}

@media (width<=991px) {
    #block_2 .component_balance_dropdown .balance-dropdown {
        flex-direction: column;
        width: 100%;
        padding-bottom: 0
    }

    #block_2 .component_balance_dropdown .balance-dropdown-container {
        width: 100%
    }

    #block_2 .component_balance_dropdown .balance-dropdown__container {
        visibility: visible;
        display: none;
        position: relative
    }

    #block_2 .component_balance_dropdown .balance-dropdown.show .balance-dropdown__container {
        text-decoration: none;
        display: block
    }

    #block_2 .component_balance_dropdown .balance-dropdown__name {
        width: 100%
    }
}

#block_29 .component_service_description .panel-description {
    color: var(--services_description_text_color);
    font-size: null;
    border-color: var(--services_description_border_color);
    background: var(--services_description_background_color);
    box-shadow: var(--services_description_box_shadow);
    border-style: solid;
    border-width: 0 0 5px;
    border-radius: 8px;
    padding: 12px 16px 16px 12px
     white-space: pre-line;
}

#block_21 .component_card .card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
    padding: 24px
}

#block_36 .component_table .table-wr {
    box-shadow: var(--table_box_shadow);
    border-radius: 8px
}

#block_36 .component_table .table {
    background: var(--table_tbody_background_color);
    border-radius: 8px;
    margin-bottom: 0
}

#block_36 .component_table .table .nowrap {
    white-space: nowrap
}

#block_36 .component_table .table thead tr th .form-control {
    font-weight: 400
}

#block_36 .component_table .table thead tr th {
    font-size: null;
    vertical-align: middle;
    height: 40px;
    color: var(--table_thead_text_color);
    background: var(--table_thead_background_color);
    border: none;
    padding: 8px 7px
}

#block_36 .component_table .table__header-none {
    background: var(--table_tbody_background_color) !important
}

#block_36 .component_table .table tbody tr td {
    vertical-align: middle;
    height: 45px;
    color: var(--table_tbody_text_color);
    background: var(--table_tbody_background_color);
    border-color: var(--table_tbody_border_color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--table_tbody_border_color);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    padding: 8px 7px;
    font-size: null !important
}

#block_36 .component_table .table tbody tr td:first-child {
    padding-left: 16px
}

#block_36 .component_table .table tbody tr td:last-child {
    padding-right: 16px
}

#block_36 .component_table .table thead tr th:first-child {
    border-top-left-radius: 8px;
    padding-left: 16px
}

#block_36 .component_table .table thead tr th:last-child {
    border-top-right-radius: 8px;
    padding-right: 16px
}

#block_36 .component_table .table tbody tr:last-child td {
    border-bottom: none
}

#block_36 .component_table .table tbody tr:first-child td {
    border-top: 0
}

#block_36 .component_table .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

#block_36 .component_table .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

#block_36 .component_table .table tbody tr:nth-child(2n) td {
    background: var(--table_tbody_background_even_color)
}

#block_36 .component_table .table tbody tr:nth-child(odd) td {
    background: var(--table_tbody_background_odd_color)
}

#block_36 .component_table .table-rtl .table thead tr th:first-child {
    border-top-right-radius: 8px;
    padding-left: 7px;
    padding-right: 16px;
    border-top-left-radius: 0 !important
}

#block_36 .component_table .table-rtl .table thead tr th:last-child {
    border-top-left-radius: 8px;
    padding-left: 16px;
    padding-right: 7px;
    border-top-right-radius: 0 !important
}

#block_36 .component_table .table-rtl .table tbody tr td:first-child {
    padding-left: 7px !important;
    padding-right: 16px !important
}

#block_36 .component_table .table-rtl .table tbody tr td:last-child {
    padding-left: 16px !important;
    padding-right: 7px !important
}

#block_36 .component_table .table-rtl .table tbody tr td,
#block_36 .component_table .table-rtl .table thead tr th {
    text-align: right
}

#block_36 .component_table .table-rtl .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 8px
}

#block_36 .component_table .table-rtl .table tbody tr:last-child td:first-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0
}

#block_36 .component_table .table-responsive .table-service,
#block_36 .component_table .table-responsive .table-link {
    word-break: break-all;
    min-width: 120px;
    max-width: 650px
}

@media (width<=991px) {
    #block_36 .component_table .table-responsive thead tr th {
        white-space: nowrap
    }

    #block_36 .component_table .table-responsive .table-link {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #block_36 .component_table .table-responsive-classic {
        box-shadow: none;
        border: 0
    }

    #block_36 .component_table .table-responsive-classic thead {
        height: : 1px;
        border: none;
        width: 1px;
        margin: -1px;
        padding: 0;
        display: none;
        position: absolute;
        overflow: hidden
    }

    #block_36 .component_table .table-responsive-classic tbody tr {
        display: block
    }

    #block_36 .component_table .table-responsive-classic tbody tr:last-child {
        margin-bottom: 0
    }

    #block_36 .component_table .table-responsive-classic tbody td {
        text-align: right;
        display: block
    }

    #block_36 .component_table .table-responsive-classic tbody tr td {
        word-break: break-all;
        height: auto;
        min-height: 40px;
        border-bottom-width: 0 !important
    }

    #block_36 .component_table .table-rtl .table-responsive-classic tbody tr td {
        text-align: right;
        display: flex
    }

    #block_36 .component_table .table-responsive-classic tbody tr:first-child td {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: var(--table_tbody_border_color)
    }

    #block_36 .component_table .table-responsive-classic td:before {
        content: attr(data-label);
        float: left;
        padding-right: 8px;
        font-weight: 700
    }

    #block_36 .component_table .table-rtl .table-responsive-classic td:before {
        float: right;
        white-space: nowrap;
        padding-left: 8px
    }

    #block_36 .component_table .table-responsive-classic td:last-child {
        border-bottom: 0
    }

    #block_36 .component_table .table-responsive-classic tbody tr td:first-child {
        padding-left: 7px
    }

    #block_36 .component_table .table-rtl .table-responsive-classic tbody tr td:first-child,
    #block_36 .component_table .table-responsive-classic tbody tr td:last-child {
        padding-right: 7px
    }

    #block_36 .component_table .table-rtl .table-responsive-classic tbody tr td:last-child {
        padding-left: 7px
    }

    #block_36 .component_table .table-responsive-classic tbody tr:last-child td:first-child,
    #block_36 .component_table .table-responsive-classic tbody tr:last-child td:last-child {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

@media (width<=768px) {
    #block_36 .component_table .table-responsive .table-service {
        min-width: 310px
    }
}

#block_11 .component_form_group textarea {
    resize: none
}

#block_11 .component_form_group .form-control {
    border-color: var(--form_group_input_border_color);
    color: var(--form_group_input_text_color);
    font-size: null;
    font-weight: inherit;
    height: 48px;
    box-shadow: var(--form_group_input_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    outline: none;
    padding-left: 12px;
    padding-right: 12px;
    background-color: var(--form_group_input_background_color) !important
}

#block_11 .component_form_group .form-group input:read-only {
    opacity: .5
}

#block_11 .component_form_group .form-group input:read-only:focus {
    border-color: var(--form_group_input_border_color);
    color: var(--form_group_input_text_color);
    background-color: var(--form_group_input_background_color) !important
}

#block_11 .component_form_group .form-group input:-moz-read-only {
    opacity: .5
}

#block_11 .component_form_group .form-group input:disabled {
    opacity: .5
}

#block_11 .component_form_group .form-control:focus {
    border-color: var(--form_group_input_focus_border_color);
    color: var(--form_group_input_focus_text_color);
    box-shadow: none;
    outline: none;
    background-color: var(--form_group_input_focus_background_color) !important
}

#block_11 .component_form_group textarea.form-control {
    height: 160px
}

#block_11 .component_form_group .form-group label {
    color: var(--form_group_input_label_text_color);
    font-style: normal;
    font-weight: 700;
    font-size: null;
    margin-bottom: 4px
}

#block_11 .component_form_group .form-group small {
    color: var(--form_group_input_small_text_color);
    margin-top: 4px;
    font-size: .9rem;
    display: block
}

#block_11 .component_form_group select.form-control:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 12px top 50%, 0 0;
    background-repeat: no-repeat
}

#block_11 .component_form_group .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#block_11 .component_form_group .input-group-prepend .btn {
    z-index: inherit
}

#block_11 .component_form_group .input-group-append .btn {
    z-index: inherit;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

#block_11 .component_form_group .input-group-btn .btn {
    z-index: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

#block_11 .component_form_group .form-group-rtl select.form-control:not([multiple]) {
    background-position: 18px 50%, 0 0
}

#block_11 .component_form_group .form-group-rtl .form-group,
#block_11 .component_form_group .form-group-rtl .form-group label,
#block_11 .component_form_group .form-group-rtl .form-group small {
    text-align: right
}

#block_11 .component_form_group .form-group-rtl .input-group .form-control {
    border-radius: 0 8px 8px 0 !important
}

#block_11 .component_form_group .form-group-rtl .input-group-append .btn,
#block_11 .component_form_group .form-group-rtl .input-group-btn .btn {
    border-radius: 8px 0 0 8px !important
}

#block_11 .component_form_group .form-group-rtl .dropdown-menu {
    text-align: start !important;
    top: 100% !important;
    right: 0 !important;
    transform: none !important
}

#block_11 .component_form_group .form-group-rtl .dropdown-toggle {
    text-align: right !important
}

#block_11 .component_form_group .form-group-rtl .dropdown-toggle:after {
    margin-right: .255em;
    margin-left: 0 !important
}

#block_11 .component_form_group .form-group-rtl .select2-container {
    left: auto !important
}

#block_11 .component_form_group .form-group-rtl .bootstrap-datetimepicker-widget.dropdown-menu {
    inset: inherit !important
}

#block_11 .component_form_group .form-group-rtl .bootstrap-datetimepicker-widget .list-unstyled {
    padding-right: 0
}

#block_11 .component_form_group .select2-container .select2-selection--single {
    height: 48px
}

#block_11 .component_form_group .form-group .select2-container .dropdown-menu {
    margin: 0;
    padding: 0
}

#block_11 .component_form_group .form-group .select2-container--open .dropdown-menu {
    background-color: var(--form_group_dropdown_items_background_color);
    color: var(--form_group_dropdown_items_text_color);
    border-radius: 8px
}

#block_11 .component_form_group .form-group .select2-container--open .select2-dropdown {
    border-width: 1px;
    border-color: var(--form_group_dropdown_border_color);
    box-shadow: var(--form_group_dropdown_box_shadow);
    border-style: solid;
    margin-top: 8px;
    overflow: hidden
}

#block_11 .component_form_group .form-group .select2-search__field {
    padding-left: 2.3rem
}

#block_11 .component_form_group .form-group .select2-results__option a {
    font-weight: inherit;
    color: var(--form_group_dropdown_items_text_color);
    background-color: var(--form_group_dropdown_items_background_color);
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none
}

#block_11 .component_form_group .form-group .select2-results__option {
    font-weight: inherit;
    font-size: null
}

#block_11 .component_form_group .form-group .select2-results__option.active a {
    color: var(--form_group_dropdown_items_active_text_color);
    background-color: var(--form_group_dropdown_items_background_color);
    text-decoration: none
}

#block_11 .component_form_group .form-group .select2-results__option a:hover,
#block_11 .component_form_group .form-group .select2-results__option.active a:hover {
    color: var(--form_group_dropdown_items_hover_text_color);
    background-color: var(--form_group_dropdown_items_hover_background_color);
    text-decoration: none
}

#block_11 .component_form_group .form-group .select2-dropdown,
.select2-results__options {
    border-radius: 8px;
    padding-top: 0;
    max-height: 408px !important
}

#block_11 .component_form_group .form-group .select2-results__options {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#block_11 .component_form_group .form-group .select2-container--open .select2-selection--single {
    background-color: var(--form_group_input_focus_background_color);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

#block_11 .component_form_group .form-group .select2-selection--single {
    align-items: center;
    display: flex
}

#block_11 .component_form_group .form-group .select2-search__field-icon {
    color: var(--form_group_input_text_color);
    align-items: center;
    padding-left: .6em;
    display: flex
}

#block_11 .component_form_group .form-group .select2-selection__id {
    vertical-align: middle
}

#block_11 .component_form_group .form-group .select2-search--dropdown {
    padding: 6px 8px 8px
}

#block_11 .component_form_group .form-group .select2-selection__arrow b {
    border-top-color: var(--form_group_input_text_color)
}

#block_11 .component_form_group .form-group .select2-container--open .select2-selection__arrow b {
    border-bottom-color: var(--form_group_input_text_color)
}

#block_11 .component_form_group .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: inherit
}

#block_11 .component_form_group .form-group .files-wrapper .files-label {
    color: var(--form_group_input_label_text_color)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper {
    --form-group-search-paddings: 12px;
    --form-group-border-width-right: 0px;
    --form-group-border-width-left: 0px;
    position: relative
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .form-control {
    padding-left: calc(var(--form-group-search-paddings) + 28px);
    padding-right: calc(var(--form-group-search-paddings) + 14px)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .input-wrapper__prepend,
.form-group .search-dropdown .input-wrapper .input-wrapper__append {
    color: var(--form_group_icon_color);
    background: 0 0;
    border: none;
    padding: 0 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .input-wrapper__prepend:hover,
.form-group .search-dropdown .input-wrapper .input-wrapper__append:hover {
    opacity: .5
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .input-wrapper__prepend {
    left: var(--form-group-search-paddings)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .input-wrapper__append {
    font-size: 12px;
    right: 16px
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

#block_11 .component_form_group .form-group .search-dropdown .input-wrapper .form-control::placeholder {
    color: var(--form_group_search_placeholder)
}

#block_11 .component_form_group .form-group-rtl .search-dropdown .input-wrapper .form-control {
    padding-right: calc(var(--form-group-search-paddings) + 28px);
    padding-left: calc(var(--form-group-search-paddings) + 14px)
}

#block_11 .component_form_group .form-group-rtl .search-dropdown .input-wrapper .input-wrapper__prepend {
    left: auto;
    right: var(--form-group-search-paddings)
}

#block_11 .component_form_group .form-group-rtl .search-dropdown .input-wrapper .input-wrapper__append {
    left: 16px;
    right: auto
}

#block_29 .component_card .card {
    --card-pl: 24px;
    --card-pr: 24px;
    border-color: var(--card_border_color);
    background: var(--card_background_color);
    color: var(--card_text_color);
    box-shadow: var(--card_box_shadow);
    border-style: solid;
    border-width: 0;
    border-radius: 30px;
    padding: 24px
}

.component_private_sidebar .component-sidebar_wrapper {
    flex-basis: 270px;
    width: 270px
}

.component_private_sidebar .component-sidebar {
    width: 270px;
    box-shadow: var(--sidebar_box_shadow);
    border-color: var(--sidebar_border_color);
    background: var(--sidebar_background_color);
    border-style: none;
    border-width: 0
}

.component_private_sidebar .component-navbar__navbar-private {
    --navbar-margin: 270px;
    width: calc(100% - var(--navbar-margin) - var(--editor-sidebar))
}

.component_private_sidebar .component-sidebar__menu {
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    overflow: hidden !important
}

.component_private_sidebar .component-sidebar__menu .sidebar-block__left-menu {
    padding: 8px 0 12px;
    flex-grow: 1 !important;
    overflow-y: auto !important
}

.component_private_sidebar .component-sidebar__menu .sidebar-block__left-menu::-webkit-scrollbar {
    width: 5px !important
}

.component_private_sidebar .component-sidebar__menu .sidebar-block__left-menu::-webkit-scrollbar-track {
    background: 0 0 !important
}

.component_private_sidebar .component-sidebar__menu .sidebar-block__left-menu::-webkit-scrollbar-thumb {
    background: #ffffff1a !important;
    border-radius: 4px !important
}

.light-theme .component_private_sidebar .component-sidebar__menu .sidebar-block__left-menu::-webkit-scrollbar-thumb {
    background: #00000026 !important
}

.component_private_sidebar .component-sidebar__menu-logo {
    color: var(--sidebar_brand_text_color);
    justify-content: flex-start;
    display: flex
}

.component_private_sidebar .component-sidebar__menu-logo a {
    color: var(--sidebar_brand_text_color);
    text-decoration: none
}

.component_private_sidebar .component-sidebar__menu-logo a:hover {
    text-decoration: none
}

.component_private_sidebar .component-sidebar__menu .component-navbar-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    margin-left: 6px;
    margin-right: 19px
}

.component_private_sidebar .component-sidebar__menu-brand {
    width: 100%;
    color: var(--sidebar_brand_text_color);
    user-select: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    align-items: center;
    padding-left: 6px;
    padding-right: 19px;
    display: flex
}

.component_private_sidebar .component-sidebar__menu-brand a {
    text-decoration: none
}

.component_private_sidebar .component-sidebar__menu-item {
    list-style: none
}

.component_private_sidebar .component-sidebar__menu-item-link {
    word-break: break-all;
    font-size: null;
    background: 0 0;
    border-style: solid;
    border-width: 0;
    border-radius: 8px;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    color: var(--sidebar_items_text_color) !important;
    transition: all .2s ease-in-out !important
}

.component_private_sidebar .component-sidebar__menu-item-link .badge {
    margin-left: auto
}

.component_private_sidebar .sidebar-rtl .component-sidebar__menu-item-link .badge {
    margin-right: auto;
    margin-left: 0 !important
}

.component_private_sidebar .component_private_navbar .component-sidebar__menu-logo {
    background: var(--sidebar_brand_background_color)
}

@media (width<=991px) {
    .component_private_sidebar .component-navbar__navbar-private {
        width: 100%
    }

    .component_private_sidebar .sidebar-block__top-logo {
        --sidebar-width: 266px;
        max-width: calc(var(--sidebar-width) - 40px)
    }

    .component_private_sidebar .component-sidebar_wrapper {
        display: none
    }
}

#block_240 .component_button_link .btn-big-secondary {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    box-shadow: var(--button_secondary_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 11px 16px;
    color: var(--button_secondary_text_color) !important
}

#block_240 .component_button_link .btn-big-secondary:hover {
    background: var(--button_secondary_hover_background_color);
    border-color: var(--button_secondary_hover_border_color);
    text-decoration: none;
    color: var(--button_secondary_hover_text_color) !important
}

#block_240 .component_button_link .btn-big-secondary:focus {
    background: var(--button_secondary_background_color);
    border-color: var(--button_secondary_border_color);
    text-decoration: none;
    color: var(--button_secondary_text_color) !important
}

#block_240 .component_button_link .btn-actions {
    font-style: normal;
    font-weight: 700;
    font-size: null;
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    box-shadow: var(--button_action_box_shadow);
    border-style: solid;
    border-width: 0 0 2px;
    border-radius: 8px;
    padding: 4px 12px;
    color: var(--button_action_text_color) !important
}

#block_240 .component_button_link .btn-actions:hover {
    background: var(--button_action_hover_background_color);
    border-color: var(--button_action_hover_border_color);
    text-decoration: none;
    color: var(--button_action_hover_text_color) !important
}

#block_240 .component_button_link .btn-actions:focus {
    background: var(--button_action_background_color);
    border-color: var(--button_action_border_color);
    text-decoration: none;
    color: var(--button_action_text_color) !important
}

#block_240 .component_button_link .btn-big-primary {
    background: var(--button_primary_background_color);
    border-color: var(--button_primary_border_color);
    box-shadow: var(--button_primary_box_shadow);
    border-style: solid;
    border-width: 0 0 1px;
    border-radius: 10px;
    padding: 5px 7px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: var(--button_primary_text_color) !important
}

#block_240 .component_button_link .btn-big-primary:hover {
    background: var(--button_primary_hover_background_color);
    border-color: var(--button_primary_hover_border_color);
    text-decoration: none;
    color: var(--button_primary_hover_text_color) !important
}

#block_240 .component_button_link .btn-big-primary:focus {
    background: var(--button_primary_background_color);
    border-color: var(--button_primary_border_color);
    text-decoration: none;
    color: var(--button_primary_text_color) !important
}

#block_240 .component_button_link .btn-big-primary.dropdown-toggle+.dropdown-menu .dropdown-item.active {
    color: var(--button_primary_text_color) !important;
    background-color: var(--button_primary_background_color) !important
}

#block_240 .component_button_link .show>.btn-big-primary.dropdown-toggle {
    color: var(--button_primary_hover_text_color) !important;
    background-color: var(--button_primary_hover_background_color) !important;
    border-color: var(--button_primary_hover_border_color) !important
}

#block_11 .component_card {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--text-white);
    --card_border_color: transparent;
    --card_box_shadow: 0px 0px 10px 11px var(--color-id-2)
}

#block_11 .component_button_submit {
    --button_primary_background_color: var(--color-id-17);
    --button_primary_border_color: var(--color-id-17)
}

#block_21 .component_card {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--text-white);
    --card_border_color: var(--color-id-1);
    --card_box_shadow: 0px 0px 6px 9px var(--color-id-2)
}

#block_29 .component_content_card {
    --card_box_shadow: 0px 0px 7px 6px var(--color-id-2)
}

#block_29 .component_service_description {
    --services_description_border_color: var(--color-id-16)
}

#block_20 .component_alert_dns {
    --alert_info_text_color: var(--color-id-14);
    --alert_info_background_color: var(--color-id-12)
}

#block_21 .component_form_group {
    --form_group_input_border_color: var(--color-id-2);
    --form_group_input_focus_border_color: var(--color-id-4)
}

#block_36 .component_table {
    --table_thead_background_color: var(--color-id-1);
    --table_tbody_background_color: var(--color-id-9);
    --table_tbody_border_color: var(--color-id-1)
}

#block_36 .component_card {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--text-white);
    --card_border_color: var(--color-id-1)
}

#block_11 .component_form_group {
    --form_group_input_border_color: var(--color-id-2)
}

#block_29 .component_card {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--text-white);
    --card_border_color: var(--color-id-2);
    --card_box_shadow: 0px 2px 12px 11px var(--color-id-2)
}

#block_37 .component_table {
    --table_thead_background_color: var(--color-id-4);
    --table_tbody_background_color: var(--color-id-7);
    --table_tbody_border_color: var(--color-id-17)
}

#block_29 .component_form_group {
    --form_group_input_border_color: var(--color-id-2)
}

#block_166 .component_button_link {
    --button_primary_text_color: var(--color-id-20);
    --button_primary_box_shadow: none
}

#block_29 .component_platforms {
    --platforms_icon_color: var(--color-id-124);
    --platforms_text_color: var(--color-id-124);
    --platforms_background_color: var(--color-id-8);
    --platforms_border_color: var(--color-id-2)
}

#block_14 .component_card {
    --card_border_color: transparent;
    --card_box_shadow: 0px 2px 5px 7px var(--color-id-2)
}

#block_15 .component_card {
    --card_box_shadow: 0px 0px 7px 7px var(--color-id-2)
}

#block_1 .component_navbar {
    --navbar_public_box_shadow: 2px 0px 2px 4px var(--color-id-2);
    --navbar_public_background_color: var(--color-id-15)
}

#block_2 .component_private_navbar {
    --navbar_private_box_shadow: 0px 0px 5px 5px var(--color-id-2)
}

#block_37 .component_status_tabs {
    --tabs_background_color: var(--color-id-2);
    --tabs_hover_background_color: transparent;
    --tabs_hover_border_color: transparent
}

#block_37 .component_status_tabs .tab .nav {
    flex-wrap: wrap;
    gap: 6px;
    display: flex
}

#block_37 .component_status_tabs .tab .nav-item {
    margin-right: 0
}

#block_37 .component_status_tabs .tab .nav-item .nav-link {
    color: #ffffffbf;
    background: #ffffff14;
    border: 1px solid #ffffff26;
    border-radius: 9999px;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 12.5px;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex
}

#block_37 .component_status_tabs .tab .nav-item .nav-link i {
    font-size: 14px
}

#block_37 .component_status_tabs .tab .nav-item .nav-link.active {
    background: var(--tabs_active_background_color);
    border-color: var(--tabs_active_border_color);
    color: var(--tabs_active_text_color)
}

#block_37 .component_status_tabs .tab .nav-item .nav-link:not(.active):hover {
    color: #fff;
    background: #ffffff24;
    border-color: #ffffff40
}

@media (width<=768px) {
    #block_37 .component_status_tabs .tab .nav-item {
        width: auto;
        margin-bottom: 0
    }

    #block_37 .orders-history .row.align-items-center .col-12.col-md-4 {
        margin-bottom: 1rem
    }
}

.light-theme #block_37 .component_status_tabs .tab .nav-item .nav-link {
    color: #6b7280;
    background: #0000000a;
    border-color: #00000014
}

.light-theme #block_37 .component_status_tabs .tab .nav-item .nav-link.active {
    color: #fff;
    background: #dc2626;
    border-color: #dc2626;
    box-shadow: 0 1px 4px #dc26264d
}

.light-theme #block_37 .component_status_tabs .tab .nav-item .nav-link:not(.active):hover {
    color: #1a1a1d;
    background: #00000014;
    border-color: #0000001f
}

#block_37 .component_card {
    --card_box_shadow: 0px 0px 5px 4px var(--color-id-2)
}

#block_1 .block-wrapper header {
    --navbar_public_background_color: var(--color-id-15);
    background: var(--color-id-9);
    width: 100%;
    box-shadow: none;
    z-index: 1;
    position: relative;
    border-bottom: 2px solid #f8b400 !important
}

#block_1 .block-wrapper header .container.navbar {
    justify-content: space-between;
    align-items: center;
    height: 64px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex
}

#block_1 .block-wrapper header .logo {
    color: var(--navbar_public_items_text_color);
    flex-shrink: 0;
    align-items: center;
    text-decoration: none;
    display: flex
}

#block_1 .block-wrapper header .logo img {
    width: auto;
    max-height: 40px
}

#block_1 .block-wrapper header nav .nav-links {
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

#block_1 .block-wrapper header nav .nav-links li a {
    color: var(--navbar_public_items_text_color);
    white-space: nowrap;
    border-radius: 8px;
    align-items: center;
    padding: 8px 16px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease-in-out;
    display: flex
}

#block_1 .block-wrapper header nav .nav-links li a:hover {
    color: var(--navbar_public_items_hover_text_color);
    background: var(--navbar_public_items_hover_background_color)
}

#block_1 .block-wrapper header nav .nav-links li a.active {
    color: var(--navbar_public_items_active_text_color);
    background: var(--navbar_public_items_active_background_color)
}

#block_1 .block-wrapper header .auth-buttons {
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    display: flex
}

#block_1 .block-wrapper header .auth-buttons .btn.btn-primary {
    cursor: pointer;
    white-space: nowrap;
    color: var(--button_primary_text_color);
    background: var(--button_primary_background_color);
    border: none;
    border-radius: 10px;
    align-items: center;
    padding: 8px 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    display: inline-flex
}

#block_1 .block-wrapper header .auth-buttons .btn.btn-primary:hover {
    background: var(--button_primary_hover_background_color)
}

#block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown {
    margin-top: 0;
    padding-bottom: 0
}

#block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown__name {
    color: var(--navbar_public_items_text_color);
    background: 0 0;
    border: none;
    border-radius: 8px;
    gap: 6px;
    padding: 6px 10px;
    font-weight: 600;
    transition: all .2s
}

#block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown__name:hover {
    color: var(--navbar_public_items_hover_text_color);
    background: var(--navbar_public_items_hover_background_color)
}

#block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown__toggle:after {
    margin-left: 6px;
    font-size: 12px
}

#block_1 .block-wrapper header .menu-toggle {
    background: 0 0;
    border: none;
    outline: none;
    padding: 0;
    display: none
}

#block_1 .block-wrapper header .navbar-burger-line,
#block_1 .block-wrapper header .navbar-burger-line:before,
#block_1 .block-wrapper header .navbar-burger-line:after {
    background: var(--navbar_public_items_text_color)
}

@media (width<=991px) {
    #block_1 .block-wrapper header nav {
        display: none
    }

    #block_1 .block-wrapper header .menu-toggle {
        display: block
    }

    #block_1 .block-wrapper header .auth-buttons {
        display: flex
    }

    #block_1 .block-wrapper header .auth-buttons .btn.btn-primary {
        display: none
    }

    #block_1 .block-wrapper header .container.navbar {
        flex-wrap: wrap;
        height: auto;
        min-height: 64px
    }
}

@media (width>=992px) {
    #block_1 .block-wrapper .collapse {
        display: none !important
    }
}

.light-theme #block_1 .block-wrapper header {
    background: var(--navbar_public_background_color);
    box-shadow: none;
    border-bottom: 2px solid #f8b400 !important
}

.light-theme #block_1 .block-wrapper header nav .nav-links li a {
    color: #3d3d43
}

.light-theme #block_1 .block-wrapper header nav .nav-links li a:hover {
    color: var(--navbar_public_items_hover_text_color)
}

.light-theme #block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown__name {
    color: #3d3d43
}

.light-theme #block_1 .block-wrapper header .auth-buttons .navbar-languages .navbar-dropdown__name:hover {
    color: var(--navbar_public_items_hover_text_color)
}

.light-theme #block_1 .block-wrapper header .navbar-burger-line,
.light-theme #block_1 .block-wrapper header .navbar-burger-line:before,
.light-theme #block_1 .block-wrapper header .navbar-burger-line:after {
    background: #3d3d43
}

#block_1 .block-wrapper {
    z-index: 1050;
    flex-shrink: 0;
    width: 100%;
    position: relative
}

#block_1 .sidebar-block__top {
    z-index: 11;
    width: 100%;
    position: relative;
    top: 0;
    left: 0
}

#block_1 .sidebar-block__top-brand {
    align-items: center;
    display: flex
}

#block_1 sidebar-block__top-brand a {
    color: initial;
    text-decoration: none
}

#block_1 .sidebar-block__top-logo {
    width: 100%;
    max-width: 228.558px;
    transform: rotate(0)
}

#block_1 .navbar-brand {
    flex-wrap: nowrap;
    align-items: center;
    display: flex
}

#block_1 .navbar-brand__logo {
    margin-right: 12px
}

#block_1 .navbar-brand__logo img {
    width: 30px
}

#block_1 .component-navbar-collapse {
    margin-left: auto
}

#block_1 .component-navbar__height {
    height: var(--public-navbar-height)
}

#block_1 .component-navbar__sticky {
    z-index: 1000;
    position: fixed !important
}

#block_1 .navbar-icon {
    min-width: 20px;
    margin-right: 8px
}

#block_1 .navbar-languages {
    padding-left: 12px;
    padding-right: 12px
}

#block_1 .navbar-rtl .navbar-languages {
    margin-left: 0;
    margin-right: 12px
}

#block_1 .navbar-rtl .navbar-icon {
    margin-left: 8px;
    margin-right: 0
}

#block_1 .navbar-rtl .component-navbar-collapse {
    margin-left: inherit;
    margin-right: auto
}

@media (width<=991px) {
    #block_1 .navbar-languages {
        margin-top: 4px;
        padding-left: 0;
        padding-right: 0
    }

    #block_1 .navbar-rtl .navbar-languages {
        margin-left: 12px;
        margin-right: 0
    }

    #block_1 .sidebar-block__top {
        position: relative
    }

    #block_1 .sidebar-block__sticky {
        position: fixed !important
    }

    #block_1 .wrapper-sidebar-navbar {
        display: block
    }
}

#block_3 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_3 .block-bg {
    background: var(--color-id-9)
}

#block_3 .block-divider-top,
#block_3 .block-divider-bottom {
    z-index: 0;
    height: 0;
    transform: rotateY(180deg)rotateX(180deg)
}

#block_3 .footer-block-rtl {
    text-align: right
}

#block_2 {
    flex-shrink: 0
}

#block_2 .sidebar-block__top {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0
}

#block_2 .sidebar-block__top-brand {
    display: none
}

#block_2 .sidebar-block__left {
    z-index: 11;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

#block_2 .sidebar-block__left-menu {
    margin: 0
}

#block_2 .sidebar-block__left-menu li {
    list-style: none
}

#block_2 .navbar-brand {
    flex-wrap: nowrap;
    align-items: center;
    display: flex
}

#block_2 .navbar-brand__logo img {
    width: 30px
}

#block_2 .sidebar-block__menu-item-icon {
    min-width: 26px;
    padding-right: 4px;
    display: flex
}

#block_2 .sidebar-rtl .sidebar-block__menu-item-icon {
    padding-left: 4px;
    padding-right: 0
}

#block_2 .component-navbar-collapse {
    margin-left: auto
}

#block_2 .navbar-rtl .component-navbar-collapse {
    margin-left: inherit;
    margin-right: auto
}

#block_2 .navbar-nav-sidebar-menu {
    display: none
}

#block_2 .navbar-languages {
    align-items: center;
    display: flex
}

#block_2 .sidebar-rtl .sidebar-block__left {
    left: auto;
    right: 0
}

#block_2 .navbar-rtl .sidebar-block__top {
    left: 0;
    right: auto
}

.editor__main .body-rtl {
    --editor-sidebar: 0px
}

#block_2 .sidebar-block__sticky {
    position: fixed !important
}

@media (width<=991px) {
    #block_2 .navbar-nav-sidebar-menu {
        display: flex
    }

    #block_2 .sidebar-block__top-brand {
        width: inherit;
        align-items: center;
        display: flex
    }

    #block_2 .navbar-nav-currencies {
        order: -1
    }

    #block_2 .sidebar-block__top {
        position: relative
    }

    #block_2 .sidebar-block__sticky {
        position: fixed !important
    }

    #block_2 .component-navbar__navbar-private .navbar .navbar-private__header {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex
    }
}

#block_11 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 79px;
    padding-bottom: 56px;
    display: flex;
    position: relative
}

#block_11 .block-bg {
    background: var(--color-id-1)
}

#block_11 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_11 .block-divider-bottom {
    height: 250px;
    color: var(--color-id-13);
    z-index: 0;
    transform: rotateY(180deg)
}

#block_11 .g_id_signin iframe {
    margin: 0 auto !important
}

#block_11 .block-signin__title {
    padding-left: 0;
    padding-right: 60pxpx;
    margin-bottom: 8px
}

#block_11 .block-signin__description {
    padding-left: 0;
    padding-right: 0
}

#block_11 .block-signin__wrap {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    display: flex
}

#block_11 .block-signin__card {
    min-width: 634px;
    max-width: 100%
}

#block_11 .block-signin__card .form-row .custom-col {
    flex: 2
}

#block_11 .block-signin__card .form-row .custom-col:last-child {
    flex: 1
}

#block_11 .block-signin__card .form-row .custom-col:last-child .btn {
    width: 100%
}

#block_11 .block-signin__card .form-row:nth-child(2) .custom-col {
    flex: 1
}

#block_11 .form-row {
    margin-left: -8px;
    margin-right: -8px
}

#block_11 .form-row:last-child {
    margin-bottom: 0
}

#block_11 .block-signin__remember {
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    line-height: 1.71;
    display: flex
}

#block_11 .block-signin__remember .block-signin__link {
    margin-left: 2px
}

#block_11 .form-group,
#block_11 .sign-in__remember-me {
    margin-bottom: 0
}

#block_11 .form-row:first-child,
#block_11 .form-row:nth-child(2) {
    margin-bottom: 12px
}

#block_11 .form-row>[class*=custom-col] {
    padding-left: 8px;
    padding-right: 8px
}

#block_11 .form-row:last-child .form-group {
    margin-bottom: 0
}

#block_11 .block-signin-text-rtl .block-signin__title,
#block_11 .block-signin-text-rtl .block-signin__description {
    text-align: right
}

@media (width<=768px) {
    #block_11 .block-signin__card {
        min-width: 100%
    }

    #block_11 .block-signin__title,
    #block_11 .block-signin__description {
        word-break: break-word;
        overflow-wrap: break-word;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #block_11 .block-signin__card .btn.btn-big-primary {
        width: 100%;
        margin-top: 10px
    }

    #block_11 .block-signin__card .form-row:first-child .form-group {
        margin-bottom: 10px
    }

    #block_11 .block-signin__card .form-row {
        flex-direction: column
    }

    #block_11 .block-signin__card .form-row .custom-col {
        width: 100%
    }

    #block_11 .block-signin__card .form-row:nth-child(2) .custom-col:last-child {
        margin-left: 0
    }

    #block_11 .block-signin-text-rtl .block-signin__card .form-row:nth-child(2) .custom-col,
    #block_11 .block-signin-text-rtl .block-signin__card .form-row:nth-child(2) .custom-col:last-child {
        margin-left: 0;
        margin-right: 0
    }
}

#block_174 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 1px;
    padding-bottom: 39px;
    display: flex;
    position: relative
}

#block_174 .bg-overlay {
    z-index: 2;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_174 .bg-image {
    z-index: 1;
    background-position: 50%;
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_174 .block-bg {
    background: var(--color-id-7)
}

#block_174 .block-divider-top,
#block_174 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_174 .text-block__title {
    margin-bottom: 8px
}

#block_174 .header-with-text-rtl {
    text-align: right
}

@media (width<=768px) {

    #block_174 .text-block__title,
    #block_174 .text-block__description {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#block_10 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 40px;
    display: flex;
    position: relative
}

#block_10 .block-bg {
    background: var(--color-id-7)
}

#block_10 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_10 .block-divider-bottom {
    height: 250px;
    color: var(--color-id-8);
    z-index: 0;
    transform: rotateY(180deg)
}

#block_10 .features-block__header-preview {
    justify-content: center;
    align-items: center;
    display: flex
}

#block_10 .feature-block__icon {
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: .6em;
    display: flex
}

#block_10 .features-block-icons-rtl .features-block__card {
    text-align: right
}

#block_5 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 80px;
    padding-bottom: 24px;
    display: flex;
    position: relative
}

#block_5 .block-bg {
    background: var(--color-id-7)
}

#block_5 .block-divider-top,
#block_5 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_5 .text-block__title {
    margin-bottom: 8px
}

#block_5 .header-with-text-rtl {
    text-align: right
}

@media (width<=768px) {

    #block_5 .text-block__title,
    #block_5 .text-block__description {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#block_8 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 240px;
    display: flex;
    position: relative
}

#block_8 .bg-overlay {
    z-index: 2;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_8 .bg-image {
    z-index: 1;
    background-position: 50%;
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_8 .block-bg {
    background: var(--color-id-7)
}

#block_8 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_8 .block-divider-bottom {
    height: 200px;
    color: var(--color-id-8);
    z-index: 0;
    transform: rotateY(180deg)
}

#block_8 .how-it-works__card {
    position: relative
}

#block_8 .how-it-works__card-line {
    content: " ";
    top: calc(var(--gapSizeY) * -1);
    width: 2px;
    height: var(--gapSizeY);
    background: var(--color-id-17);
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    transform: translate(-50%)
}

#block_8 .how-it-works__card:first-child .editor__resizebox-top,
#block_8 .how-it-works__card:first-child .how-it-works__card-line {
    display: none
}

#block_8 .how-it-works__card .card {
    justify-content: space-between;
    display: flex;
    position: relative
}

#block_8 .how-it-works__card-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

#block_8 .how-it-works__card:nth-child(2n) .how-it-works__card-wrap {
    flex-direction: row-reverse
}

#block_8 .card__icon {
    flex: 2;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

#block_8 .card__icon-fa,
#block_8 .card__icon-wrap {
    justify-content: center;
    align-items: center;
    display: flex
}

#block_8 .how-it-works__card:nth-child(2n) .how-it-works__card-wrap .card__icon {
    justify-content: flex-start
}

#block_8 .card__number-wrap {
    flex: 1.4;
    justify-content: center;
    align-items: center;
    display: flex
}

#block_8 .card__number {
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex
}

#block_8 .how-it-works-number {
    background-clip: padding-box;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex
}

#block_8 .card__content {
    flex: 2
}

#block_8 .how-it-works-rtl .card__content {
    text-align: right
}

@media (width<=768px) {
    #block_8 .how-it-works__card .how-it-works__card-wrap {
        flex-direction: column !important
    }

    #block_8 .card__icon {
        display: none
    }

    #block_8 .card__number-wrap {
        margin-bottom: 12px
    }
}

#block_7 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 24px;
    display: flex;
    position: relative
}

#block_7 .block-bg {
    background: var(--color-id-2)
}

#block_7 .block-divider-top,
#block_7 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_7 .text-block__title {
    margin-bottom: 8px
}

#block_7 .header-with-text-rtl {
    text-align: right
}

@media (width<=768px) {

    #block_7 .text-block__title,
    #block_7 .text-block__description {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#block_12 {
    z-index: auto;
    width: 100%;
    min-height: auto;
    color: var(--text-white);
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 160px;
    display: flex;
    position: relative
}

#block_12 .block-bg {
    background: var(--color-id-2)
}

#block_12 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_12 .block-divider-bottom {
    height: 200px;
    color: var(--color-id-8);
    z-index: 0;
    transform: rotateY(180deg)
}

#block_12 .reviews-slider {
    padding-bottom: 36px
}

#block_12 .slick-slide {
    padding: 5px 15px
}

#block_12 .slick-dots {
    bottom: -36px
}

#block_12 .slick-dots li {
    width: 12px;
    height: 12px
}

#block_12 .slick-dots li button {
    background: #fff;
    width: 8px;
    height: 8px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

#block_12 .reviews-slider__slide-avatar {
    background-color: #eee;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    width: 48px;
    height: 48px
}

#block_12 .reviews-slider__slide-photo {
    background-size: cover;
    align-items: center;
    display: flex
}

#block_12 .slick-next,
#block_12 .slick-prev {
    top: 50%
}

#block_12 .slick-next:before {
    content: "";
    color: #fff;
    font-size: 52px;
    font-weight: 300;
    position: absolute;
    top: -8px;
    right: 0
}

#block_12 .slick-prev:before {
    content: "";
    color: #fff;
    font-size: 52px;
    font-weight: 300;
    position: absolute;
    top: -8px;
    left: 0
}

#block_12 .slick-slider {
    padding-left: 8.33333%;
    padding-right: 8.33333%
}

#block_12 .reviews-slider-rtl .reviews-slider__slide-name,
#block_12 .reviews-slider-rtl .reviews-slider__slide-description {
    text-align: right
}

#block_12 .reviews-slider-rtl .reviews-slider__slide-photo {
    direction: rtl
}

#block_9 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 24px;
    display: flex;
    position: relative
}

#block_9 .block-divider-top,
#block_9 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_9 .text-block__title {
    margin-bottom: 8px
}

#block_9 .header-with-text-rtl {
    text-align: right
}

@media (width<=768px) {

    #block_9 .text-block__title,
    #block_9 .text-block__description {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#block_13 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 24px;
    padding-bottom: 80px;
    display: flex;
    position: relative
}

#block_13 .block-divider-top,
#block_13 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_13 .faq-block__card {
    margin-bottom: 16px
}

#block_13 .faq-block__header {
    cursor: pointer;
    align-items: center;
    display: flex
}

#block_13 .faq-block__header-title {
    width: 100%
}

#block_13 .faq-block__header-title h1,
#block_13 .faq-block__header-title h2,
#block_13 .faq-block__header-title h3,
#block_13 .faq-block__header-title h4,
#block_13 .faq-block__header-title h5,
#block_13 .faq-block__header-title h6 {
    margin-bottom: 0
}

#block_13 .faq-block__icon,
#block_13 .faq-block__header-icon {
    text-align: right;
    width: 52px
}

#block_13 .collapsed .faq-block__icon:before {
    content: ""
}

#block_13 .faq-block__icon:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    font-weight: 300;
    display: inline-block
}

#block_13 .faq-rtl .faq-block__card {
    text-align: right
}

#block_13 .faq-rtl .faq-block__icon {
    text-align: left
}

#block_240 {
    z-index: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

#block_240 .support-channels-wrap {
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 15px;
    position: relative
}

#block_240 .support-channels-bar {
    align-items: stretch;
    gap: 8px;
    width: 100%;
    display: flex
}

#block_240 .support-channel-btn {
    background: var(--color-id-9);
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    border-radius: 10px;
    flex: 1 1 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 48px;
    padding: 10px 12px;
    transition: all .3s;
    display: flex;
    color: var(--text-white) !important;
    border: 2px solid #f8b400 !important;
    text-decoration: none !important;
    box-shadow: 0 0 25px #f8b400, inset 0 0 10px #f006 !important
}

#block_240 .support-channel-btn:hover,
#block_240 .support-channel-btn:focus {
    background: #ff000014;
    transform: translateY(-2px);
    color: var(--text-white) !important;
    text-decoration: none !important;
    box-shadow: 0 0 35px red, inset 0 0 15px #ff00008c !important
}

#block_240 .support-channel-btn:active {
    background: #f8b40024
}

#block_240 .support-channel-btn:focus-visible {
    outline: 2px solid var(--color-id-17);
    outline-offset: -2px;
    z-index: 2
}

#block_240 .support-channel-btn__icon {
    background: 0 0;
    border: none;
    border-radius: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 22px;
    line-height: 1;
    display: flex
}

#block_240 .support-channel-btn__icon i {
    line-height: 1;
    display: block
}

#block_240 .support-channel-btn[href*=wa\.me] .support-channel-btn__icon,
#block_240 .support-channel-btn[href*=wa\.me] .support-channel-btn__icon i {
    color: #25d366 !important
}

#block_240 .support-channel-btn[href*=t\.me] .support-channel-btn__icon,
#block_240 .support-channel-btn[href*=t\.me] .support-channel-btn__icon i {
    color: #229ed9 !important
}

.body-rtl #block_240 .support-channel-btn {
    flex-direction: row-reverse
}

#block_240 .support-channel-btn__title {
    color: inherit;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2
}

#block_240 .support-channel-btn__ai {
    color: var(--color-id-17);
    letter-spacing: .02em;
    font-weight: 800;
    display: inline
}

.light-theme #block_240 .support-channel-btn {
    background: #fff;
    color: #1a1a1d !important;
    border: 2px solid #f00c !important;
    box-shadow: 0 0 25px #f006 !important
}

.light-theme #block_240 .support-channel-btn:hover,
.light-theme #block_240 .support-channel-btn:focus {
    background: #f4f5f7;
    transform: translateY(-2px);
    color: #1a1a1d !important;
    box-shadow: 0 0 35px #ff0000a6 !important
}

.light-theme #block_240 .support-channel-btn:active {
    background: #ebecee
}

.light-theme #block_240 .support-channel-btn__ai {
    color: #f8b400
}

@media (width>=992px) {
    #block_240 .support-channels-wrap {
        padding: 14px 20px 12px
    }

    #block_240 .support-channel-btn {
        gap: 10px;
        min-height: 50px;
        padding: 11px 18px
    }

    #block_240 .support-channel-btn__title {
        font-size: 17px
    }
}

@media (width<=767px) {
    #block_240 .support-channels-wrap {
        padding: 8px 10px
    }

    #block_240 .support-channels-bar {
        flex-direction: row;
        gap: 6px;
        width: 100%
    }

    #block_240 .support-channel-btn {
        flex: 50%;
        min-height: 46px;
        padding: 10px 8px
    }
}

@media (width<=380px) {
    #block_240 .support-channel-btn {
        gap: 6px;
        padding: 9px 6px
    }

    #block_240 .support-channel-btn__icon {
        font-size: 20px
    }

    #block_240 .support-channel-btn__title {
        font-size: 12px
    }
}

#block_240 .block-divider-top,
#block_240 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_240 .text-block-with-button__description {
    margin-bottom: 3px;
    padding-left: 0;
    padding-right: 6px
}

#block_240 .text-block-with-button__button {
    justify-content: center;
    display: flex
}

#block_240 .text-block-with-button-rtl .text-block-with-button__description {
    text-align: right
}

#block_163 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 9px;
    padding-bottom: 1px;
    display: flex;
    position: relative
}

#block_163 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_163 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_163 .stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
    margin-bottom: 20px;
    display: grid
}

#block_163 .stat-card {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    box-shadow: 0px 2px 12px 11px var(--color-id-2);
    border-radius: 16px;
    padding: 12px 16px;
    position: relative;
    overflow: hidden
}

#block_163 .stat-card:hover {
    border-color: var(--color-id-7)
}

#block_163 .card-bg {
    opacity: .15;
    border-radius: 50%;
    width: 96px;
    height: 96px;
    transition: transform .7s;
    position: absolute;
    top: -32px;
    left: -32px
}

#block_163 .stat-card.primary .card-bg {
    background: #3b82f6
}

#block_163 .stat-card.orange .card-bg {
    background: #f97316
}

#block_163 .stat-card.success .card-bg {
    background: #22c55e
}

#block_163 .stat-card.balance .card-bg {
    background: #3b82f6
}

#block_163 .stat-card:hover .card-bg {
    transform: scale(1.5)
}

#block_163 .card-bg.large {
    width: 128px;
    height: 128px;
    inset: auto -32px -32px auto
}

#block_163 .card-content {
    z-index: 2;
    flex-direction: column;
    height: 100%;
    display: flex;
    position: relative
}

#block_163 .card-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    display: flex;
    background: 0 0 !important;
    border-bottom: none !important
}

#block_163 .card-label {
    color: #94a3b8;
    font-size: 14px;
    font-weight: 700
}

#block_163 .icon-box {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    font-size: 16px;
    display: flex
}

#block_163 .icon-box.primary {
    color: #3b82f6;
    background: #3b82f61a
}

#block_163 .icon-box.orange {
    color: #f97316;
    background: #f973161a
}

#block_163 .icon-box.success {
    color: #22c55e;
    background: #22c55e1a
}

#block_163 .card-value {
    color: var(--color-id-14);
    margin: 4px 0;
    font-size: 20px;
    font-weight: 800
}

#block_163 .balance-amount {
    color: var(--color-id-14);
    margin: 4px 0 10px;
    font-size: 22px;
    font-weight: 800
}

#block_163 .card-meta {
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    display: flex
}

#block_163 .card-meta.primary {
    color: #3b82f6
}

#block_163 .card-meta.success {
    color: #22c55e
}

#block_163 .username-row {
    align-items: flex-end;
    gap: 8px;
    display: flex
}

#block_163 .username-row .card-value {
    margin: 4px 0
}

#block_163 .level-badge {
    background: var(--color-id-2);
    color: #fff;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    display: inline-block
}

#block_163 .add-balance-btn {
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    padding: 8px 16px;
    font-size: 17px;
    font-weight: 700;
    transition: none;
    display: inline-block;
    background: var(--color-id-2) !important;
    color: #fff !important;
    text-decoration: none !important
}

#block_163 .add-balance-btn:hover {
    color: #fff !important;
    text-decoration: none !important
}

#block_163 .icon-btn-sm {
    color: #94a3b8;
    cursor: pointer;
    background: 0 0;
    border: none;
    padding: 0
}

#block_163 .stats-grid-rtl .card-bg {
    left: auto;
    right: -32px
}

#block_163 .stats-grid-rtl .card-bg.large {
    left: -32px;
    right: auto
}

.light-theme #block_163 .stat-card {
    background: var(--color-id-9);
    border-color: #dcdfe3
}

.light-theme #block_163 .card-value,
.light-theme #block_163 .card-label,
.light-theme #block_163 .balance-amount {
    color: #1a1a1d
}

.light-theme #block_163 .stat-card:hover {
    border-color: #dcdfe3
}

#block_166 {
    z-index: auto;
    align-items: center;
    width: 100%;
    min-height: auto;
    padding-top: 16px;
    padding-bottom: 45px;
    display: flex;
    position: relative
}

#block_166 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_166 .block-divider-bottom {
    height: 75px;
    color: var(--color-id-2);
    z-index: 1;
    transform: rotateY(0)
}

#block_166 .text-block-with-button__description {
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 6px
}

#block_166 .text-block-with-button__button {
    justify-content: center;
    display: flex
}

#block_166 .text-block-with-button-rtl .text-block-with-button__description {
    text-align: right
}

#block_29 {
    z-index: auto;
    align-items: flex-end;
    width: 100%;
   
    padding-top: 20px;
    padding-bottom: 46px;
    display: flex;
    position: relative
}

#block_29 .bg-overlay {
    z-index: 2;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_29 .bg-image {
    z-index: 1;
    background-position: 50%;
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#block_29 .block-divider-top {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_29 .block-divider-bottom {
    height: 50px;
    color: var(--color-id-2);
    z-index: 1;
    transform: rotateY(0)rotateX(180deg)
}

#block_29 .form-group,
#block_29 .new-order__checkbox {
    margin-bottom: 12px
}

#block_29 .new-order__content-image {
    margin-bottom: 10px
}

#block_29 .new-order__content-image img {
    width: 100%;
    max-width: 300px;
    transform: rotate(0)
}

#block_29 .new-order__content-title {
    margin-bottom: 41px
}

#block_29 .new-order__content-title h3 {
    margin-bottom: 0
}

#block_29 .new-order__content-text {
    margin-bottom: 11px
}

#block_29 .new_order-block__services-list {
    min-width: 0
}

#block_29 .new-order-form-rtl .new-order-button-submit,
#block_29 .new-order-form-rtl .new-order__content-text {
    text-align: right
}

.spin-loader {
    -ms-animation-name: spin-loader;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -webkit-animation-name: spin-loader;
    -moz-animation-name: spin-loader;
    animation-name: spin-loader;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-moz-keyframes spin-loader {
    0% {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin-loader {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin-loader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#block_169 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 18px;
    padding-bottom: 1px;
    display: flex;
    position: relative
}

#block_169 .block-divider-top,
#block_169 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_169 .text-block__image {
    justify-content: center;
    align-items: center;
    max-width: 300px;
    margin-right: 18px;
    display: flex
}

#block_169 .text-block__image img {
    max-width: 300px;
    transform: rotate(0)
}

#block_169 .text-block__description {
    width: 100%;
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0
}

#block_169 .text-block-with-image-rtl .text-block__description {
    text-align: right
}

#block_169 .text-block-with-image-rtl .text-block__image {
    margin-left: 18px;
    margin-right: 0
}

@media (width<=768px) {
    #block_169 .text-block__image {
        margin-bottom: 18px;
        margin-left: 0;
        margin-right: 0
    }

    #block_169 .text-block__description {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (width<=600px) {
    #block_169 .text-block__image img {
        max-width: 100%
    }
}

#block_14 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 16px;
    display: flex;
    position: relative
}

#block_14 .block-divider-top,
#block_14 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_14 .form-group {
    margin-bottom: 12px
}

#block_14 .ticket-form__alignment {
    justify-content: flex-start
}

#block_15 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 16px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_15 .block-divider-top,
#block_15 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_15 .tickets-list__alignment {
    justify-content: flex-start
}

#block_15 .tickets-list__margin-search {
    margin-bottom: 16px
}

#block_15 .tickets-list__margin-table {
    margin-bottom: 24px
}

#block_33 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_33 .block-divider-top,
#block_33 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_33 .text-block-with-card-rtl .text-block__description {
    text-align: right
}

#block_26 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_26 .block-divider-top,
#block_26 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_26 .services-list__description {
    text-align: left
}

#block_26 .services-category {
    font-weight: 600;
    color: null !important;
    background: null !important;
    padding: 12px 24px 12px 12px !important
}

#block_26 .services-category h4 {
    margin-bottom: 0;
    color: null !important;
    font-size: 16px !important
}

#block_26 .services-list-category-title {
    margin-bottom: 0
}

#block_26 .services-list-category-title td {
    text-align: left
}

#block_26 .services-list-rtl .services-list-category-title td {
    text-align: right
}

#block_26 .services-list-rtl .table-responsive-classic .services-list-category-title td:before {
    display: none
}

#block_26 .services-list-rtl .services-list__description {
    text-align: right
}

#block_26 .services-filter__active-category {
    vertical-align: bottom;
    text-overflow: ellipsis;
    max-width: 152px;
    padding-left: 4px;
    display: inline-block;
    overflow: hidden
}

#block_26 .services-filter__active-currency {
    vertical-align: bottom;
    text-overflow: ellipsis;
    text-align: left;
    min-width: 70px;
    max-width: 80px;
    display: inline-block;
    overflow: hidden
}

#block_26 .form-group-rtl .services-filter__active-currency {
    text-align: start !important
}

#block_26 .services-filters .dropdown-menu {
    min-width: 420px;
    max-width: 320px;
    max-height: 210px;
    overflow-y: auto
}

#block_26 .services-filters .dropdown-menu .dropdown-item {
    white-space: pre-line;
    max-height: 280px
}

#block_26 .services-filters .dropdown-menu .dropdown-item:hover {
    color: var(--link) !important
}

#block_26 .services-filters .dropdown-menu .dropdown-item:active {
    color: inherit !important;
    background-color: inherit !important
}

#block_26 .services-filters .dropdown-currency .dropdown-menu {
    min-width: 100%;
    max-width: 100%;
    max-height: initial;
    overflow-y: initial
}

#block_26 .services-filters .dropdown-currency .dropdown-menu .dropdown-item {
    max-width: 100%;
    padding: .25rem 1rem
}

@media (width<=768px) {
    #block_26 .services-filters .dropdown-menu {
        min-width: 280px;
        max-width: 280px
    }

    #block_26 .services-filters .dropdown-menu .dropdown-item {
        white-space: pre-line;
        max-width: 280px
    }

    #block_26 .services-filters .dropdown .btn {
        text-align: left
    }

    #block_26 .services-list-rtl .services-filters .dropdown .btn,
    #block_26 .services-list-rtl .dropdown-menu .dropdown-item {
        text-align: right
    }
}

#block_25 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 32px;
    padding-bottom: 16px;
    display: flex;
    position: relative
}

#block_25 .block-divider-top,
#block_25 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_25 .affiliates-info__data-table {
    margin-bottom: 16px
}

#block_25 .affiliates-info__alignment {
    justify-content: flex-start
}

#block_25 .affiliates-table-border-none td {
    border-bottom-color: #0000 !important
}

#block_24 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 16px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_24 .block-divider-top,
#block_24 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_24 .affiliate-block__table-payments {
    margin-bottom: 24px
}

#block_24 .affiliate-list__alignment {
    justify-content: flex-start
}

#block_173 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 18px;
    padding-bottom: 1px;
    display: flex;
    position: relative
}

#block_173 .block-divider-top,
#block_173 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_173 .totals-block__card {
    display: flex
}

#block_173 .totals-block__card-left {
    flex-basis: 152px;
    width: 152px;
    padding-right: 12px
}

#block_173 .totals-block__card-right {
    width: 100%;
    min-width: 0
}

#block_173 .totals-rtl .totals-block__card-right {
    text-align: right;
    padding-left: 0;
    padding-right: 12px
}

#block_173 .totals-block__count {
    margin-bottom: 16px;
    position: relative
}

#block_173 .totals-block__count-value {
    margin-bottom: 0;
    font-weight: 700;
    position: relative
}

#block_173 .totals-block__icon {
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

#block_173 .totals-block__icon-preview {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

#block_173 .totals-block__card-name h1,
#block_173 .totals-block__card-name h2,
#block_173 .totals-block__card-name h3,
#block_173 .totals-block__card-name h4,
#block_173 .totals-block__card-name h5,
#block_173 .totals-block__card-name h6 {
    margin-bottom: 0
}

#block_21 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 16px;
    display: flex;
    position: relative
}

#block_21 .block-divider-top,
#block_21 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_21 .form-group {
    margin-bottom: 10px
}

#block_21 .add-funds__form-alignment {
    justify-content: flex-start
}

#block_22 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 16px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_22 .block-divider-top,
#block_22 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_22 .add-funds__table-list {
    justify-content: flex-start
}

#block_22 .add-funds-actions,
#block_22 .add-funds__table-rtl .add-funds-actions {
    text-align: right
}

#block_168 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 1px;
    display: flex;
    position: relative
}

#block_168 .block-divider-top,
#block_168 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_168 .faq-block__card {
    margin-bottom: 0
}

#block_168 .faq-block__header {
    cursor: pointer;
    align-items: center;
    display: flex
}

#block_168 .faq-block__header-title {
    width: 100%
}

#block_168 .faq-block__header-title h1,
#block_168 .faq-block__header-title h2,
#block_168 .faq-block__header-title h3,
#block_168 .faq-block__header-title h4,
#block_168 .faq-block__header-title h5,
#block_168 .faq-block__header-title h6 {
    margin-bottom: 0
}

#block_168 .faq-block__icon,
#block_168 .faq-block__header-icon {
    text-align: right;
    width: 52px
}

#block_168 .collapsed .faq-block__icon:before {
    content: ""
}

#block_168 .faq-block__icon:before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 22px;
    font-weight: 300;
    display: inline-block
}

#block_168 .faq-rtl .faq-block__card {
    text-align: right
}

#block_168 .faq-rtl .faq-block__icon {
    text-align: left
}

#block_37 {
    z-index: auto;
    --card_box_shadow: 0px 0px 5px 4px var(--color-id-2);
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 9px;
    display: flex;
    position: relative
}

#block_37 .block-divider-top,
#block_37 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_37 .orders-history__margin-tab {
    margin-bottom: 16px
}

#block_37 .orders-history__margin-table {
    margin-bottom: 25px
}

#block_37 .sf-item.search {
    width: 100%
}

#block_37 .search-box {
    background: var(--color-id-9);
    border: 1px solid #ff00001f;
    border-radius: 8px;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

#block_37 .search-box--input {
    color: var(--color-id-14);
    outline: none;
    flex: 1;
    height: 44px;
    padding: 10px 44px 10px 14px;
    font-size: 14px;
    background: 0 0 !important;
    border: none !important
}

#block_37 .search-box--input::placeholder {
    color: var(--tx3)
}

#block_37 .search-box--icon {
    background: var(--color-id-4);
    color: #fff;
    cursor: pointer;
    opacity: .85;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

#block_37 .search-box--icon:hover {
    opacity: 1
}

.orders-history-rtl #block_37 .search-box--input {
    padding: 10px 14px 10px 44px
}

.orders-history-rtl #block_37 .search-box--icon {
    left: 5px;
    right: auto
}

@media (width<=767.98px) {
    #block_37 .sf-item.search {
        margin-bottom: 16px
    }
}

#block_37 .osb-trigger {
    border: 1px solid var(--tx3);
    color: var(--color-id-14);
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
    background: 0 0;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    font-size: 12px;
    transition: all .2s;
    display: inline-flex
}

#block_37 .osb-trigger:hover {
    border-color: var(--color-id-14);
    color: var(--color-id-14);
    background: #80808014
}

#block_37 .osb-trigger.is-on {
    background: var(--color-id-4);
    border-color: var(--color-id-4);
    color: #fff
}

#block_37 .osb-trigger.is-on i {
    color: #fff
}

.order-card {
    position: relative
}

.order-card.osb-ready {
    cursor: pointer
}

.order-card.is-picked {
    background: #f8b40014;
    border-left: 3px solid var(--color-id-4) !important
}

.light-theme .order-card.is-picked {
    background: #f8b40008
}

.osb-chip {
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    display: none
}

.osb-chip.is-on {
    display: inline-flex
}

.osb-dot {
    border: 2px solid var(--color-id-4);
    color: #fff;
    opacity: .45;
    background: 0 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-size: 9px;
    transition: all .2s;
    display: flex
}

.osb-chip.is-picked .osb-dot {
    opacity: 1;
    background: var(--color-id-4)
}

.osb-chip.is-picked .osb-dot:after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    font-weight: 900
}

.orders-history-rtl .osb-chip {
    margin-left: 0;
    margin-right: 4px
}

#block_37 .osb-bar {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 10px 16px;
    display: none
}

#block_37 .osb-bar.is-on {
    display: flex
}

#block_37 .osb-bar.has-picks {
    border-color: var(--color-id-4)
}

.osb-bar-counter {
    color: var(--color-id-14);
    align-items: center;
    gap: 4px;
    font-size: 17px;
    display: flex
}

.osb-num {
    color: var(--color-id-4);
    font-size: 17px;
    font-weight: 800
}

.osb-lbl {
    opacity: .6
}

.osb-bar-actions {
    align-items: center;
    gap: 6px;
    display: flex
}

.osb-btn {
    cursor: pointer;
    border: none;
    border-radius: 6px;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    font-size: 12px;
    transition: all .2s;
    display: flex
}

.osb-btn.osb-copy {
    background: var(--color-id-4);
    color: #fff
}

.osb-btn.osb-copy:disabled {
    opacity: .35;
    cursor: default
}

.osb-btn.osb-clear {
    color: var(--color-id-14);
    border: 1px solid var(--color-id-7);
    background: 0 0;
    padding: 6px 10px
}

.osb-btn.osb-clear:hover {
    border-color: var(--color-id-4);
    color: var(--color-id-4)
}

#block_37 .col-12.col-md-4.col-lg-3 {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    display: flex
}

#block_37 .sf-item.search {
    flex: 1;
    margin-bottom: 0
}

#block_37 .sf-item.search .search-box {
    margin-bottom: 0
}

#block_37 .osb-trigger {
    margin-top: 0
}

@media (width<=575.98px) {

    .osb-trigger span,
    .osb-btn span {
        display: none
    }
}

#block_37 .orders-history-actions {
    text-align: right
}

#block_37 .orders-history-rtl .orders-history-actions {
    text-align: left
}

@media (width>=1100px) {
    #block_37 .orders-history__margin-table .table-responsive {
        overflow-x: visible
    }
}

#block_36 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    position: relative
}

#block_36 .block-divider-top,
#block_36 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_36 .subscriptions__margin-tab {
    margin-bottom: 16px
}

#block_36 .subscriptions__margin-table {
    margin-bottom: 24px
}

#block_36 .subscriptions__margin-search {
    margin-bottom: 16px
}

#block_36 .subscriptions-history-actions {
    text-align: right
}

#block_36 .subscriptions-history-rtl .subscriptions-history-actions {
    text-align: left
}

#block_17 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_17 .block-divider-top,
#block_17 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_17 .sign-up-center-alignment {
    justify-content: center
}

#block_17 .g_id_signin iframe {
    margin: 0 auto !important
}

#block_17 .sign-up-center-terms-link {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block
}

#block_17 .form-group,
#block_17 .signup-checkbox {
    margin-bottom: 12px
}

#block_17 .sign-up-center-signin-link {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block
}

#block_35 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_35 .block-divider-top,
#block_35 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_35 .form-group {
    margin-bottom: 10px
}

#block_35 .mass-order__alignment {
    justify-content: flex-start
}

#block_38 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_38 .block-divider-top,
#block_38 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_38 .drip-feed__margin-tab {
    margin-bottom: 16px
}

#block_38 .drip-feed__margin-table {
    margin-bottom: 24px
}

#block_38 .drip-feed__margin-search {
    margin-bottom: 16px
}

#block_41 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_41 .block-divider-top,
#block_41 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_41 .form-group {
    margin-bottom: 10px
}

#block_41 .account__alignment {
    justify-content: flex-start
}

#block_41 .account-card {
    margin-bottom: 16px
}

#block_41 .account-button-right {
    flex-shrink: 0;
    margin-left: 2em
}

#block_41 .account-rtl .account-button-right {
    margin-left: 0;
    margin-right: 2em
}

#block_19 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 32px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_19 .block-divider-top,
#block_19 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_19 .blog-post__card-margin {
    margin-bottom: 24px
}

#block_19 .block-blog__preview {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
    display: flex
}

#block_19 .block-blog__title {
    width: 100%;
    margin-bottom: undefined
}

#block_19 .block-blog__title h3 {
    margin-bottom: 0
}

#block_19 .block-blog__content {
    width: 100%;
    margin-bottom: 16px
}

#block_19 .blog-list__card {
    margin-bottom: 24px
}

#block_19 .blog-list__alignment {
    justify-content: center
}

#block_19 .blog-list-rtl .block-blog__content,
#block_19 .blog-list-rtl .block-blog__actions {
    text-align: right
}

#block_19 .blog-list-rtl .blog-list__card {
    text-align: right;
    direction: unset !important;
    unicode-bidi: bidi-override !important
}

#block_31 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_31 .block-divider-top,
#block_31 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_31 .order-child-list__alignment {
    justify-content: flex-start
}

#block_31 .order-child-list__margin-renew {
    margin-bottom: 16px
}

#block_31 .order-child-list-button {
    text-align: right
}

#block_31 .order-child-list-text,
#block_31 .order-child-list-rtl .order-child-list-button {
    text-align: left
}

#block_31 .order-child-list-rtl .order-child-list-text {
    text-align: right
}

@media (width<=991px) {
    #block_31 .order-child-list-button {
        text-align: left
    }

    #block_31 .order-child-list-rtl .order-child-list-button {
        text-align: right
    }
}

#block_23 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_23 .block-divider-top,
#block_23 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_23 .form-group {
    margin-bottom: 10px
}

#block_23 .reset-password-form__alignment {
    justify-content: center
}

#block_18 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_18 .block-divider-top,
#block_18 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_18 .form-group {
    margin-bottom: 10px
}

#block_18 .reset-password-confirm__alignment {
    justify-content: center
}

#block_16 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_16 .block-divider-top,
#block_16 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_16 .block-blog__preview-margin {
    margin-bottom: 24px
}

#block_16 .block-blog__preview {
    justify-content: center;
    width: 100%;
    display: flex
}

#block_16 .block-blog__preview img {
    max-height: 420px
}

#block_16 .block-blog__header {
    width: 100%;
    margin-bottom: 8px
}

#block_16 .block-blog__header h1 {
    margin-bottom: 0
}

#block_16 .blog-post__alignment {
    justify-content: center
}

#block_16 .blog-post__card-margin {
    margin-bottom: 16px
}

#block_16 .blog-post-rtl .blog-post__card-margin,
#block_16 .blog-post-rtl .block-blog__actions {
    text-align: right
}

#block_28 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_28 .block-divider-top,
#block_28 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_28 .form-group {
    margin-bottom: 12px
}

#block_28 .confirm-email__alignment {
    justify-content: center
}

#block_28 .confirm-email__header {
    margin-bottom: 16px
}

#block_28 .confirm-email__header h3 {
    text-align: center
}

#block_28 .confirm-email__description {
    margin-bottom: 16px
}

#block_28 .confirm-email-card {
    text-align: center
}

#block_28 .confirm-email__actions {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
}

#block_28 .confirm-email__button-change-email {
    margin-left: 16px
}

#block_28 .confirm-email-rtl .confirm-email__button-change-email {
    margin-left: 0;
    margin-right: 16px
}

#block_4 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_4 .block-divider-top,
#block_4 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_4 .services-list__description {
    text-align: left
}

#block_4 .services-category {
    font-weight: 600;
    color: null !important;
    background: null !important;
    padding: 12px 24px 12px 12px !important
}

#block_4 .services-category h4 {
    margin-bottom: 0;
    color: null !important;
    font-size: 16px !important
}

#block_4 .services-list-category-title {
    margin-bottom: 0
}

#block_4 .services-list-category-title td {
    text-align: left
}

#block_4 .services-list-rtl .services-list-category-title td {
    text-align: right
}

#block_4 .services-list-rtl .table-responsive-classic .services-list-category-title td:before {
    display: none
}

#block_4 .services-list-rtl .services-list__description {
    text-align: right
}

#block_4 .services-filter__active-category {
    vertical-align: bottom;
    text-overflow: ellipsis;
    max-width: 152px;
    padding-left: 4px;
    display: inline-block;
    overflow: hidden
}

#block_4 .services-filter__active-currency {
    vertical-align: bottom;
    text-overflow: ellipsis;
    text-align: left;
    min-width: 70px;
    max-width: 80px;
    display: inline-block;
    overflow: hidden
}

#block_4 .form-group-rtl .services-filter__active-currency {
    text-align: start !important
}

#block_4 .services-filters .dropdown-menu {
    min-width: 420px;
    max-width: 320px;
    max-height: 210px;
    overflow-y: auto
}

#block_4 .services-filters .dropdown-menu .dropdown-item {
    white-space: pre-line;
    max-height: 280px
}

#block_4 .services-filters .dropdown-menu .dropdown-item:hover {
    color: var(--link) !important
}

#block_4 .services-filters .dropdown-menu .dropdown-item:active {
    color: inherit !important;
    background-color: inherit !important
}

#block_4 .services-filters .dropdown-currency .dropdown-menu {
    min-width: 100%;
    max-width: 100%;
    max-height: initial;
    overflow-y: initial
}

#block_4 .services-filters .dropdown-currency .dropdown-menu .dropdown-item {
    max-width: 100%;
    padding: .25rem 1rem
}

@media (width<=768px) {
    #block_4 .services-filters .dropdown-menu {
        min-width: 280px;
        max-width: 280px
    }

    #block_4 .services-filters .dropdown-menu .dropdown-item {
        white-space: pre-line;
        max-width: 280px
    }

    #block_4 .services-filters .dropdown .btn {
        text-align: left
    }

    #block_4 .services-list-rtl .services-filters .dropdown .btn,
    #block_4 .services-list-rtl .dropdown-menu .dropdown-item {
        text-align: right
    }
}

.component_private_sidebar .component-sidebar__menu-item-link {
    border-radius: 10px;
    gap: 12px;
    margin: 2px 12px;
    padding: 10px 14px;
    transition: all .3s;
    position: relative;
    color: var(--color-id-14) !important
}

.component_private_sidebar .component-sidebar__menu-item-link:hover {
    background: var(--color-id-10);
    color: var(--color-id-17) !important
}

.component_private_sidebar .component-sidebar__menu-item-active .component-sidebar__menu-item-link {
    background: var(--color-id-17);
    font-weight: 700;
    color: var(--color-id-20) !important
}

.component_private_sidebar .component-sidebar__menu-item-link i {
    text-align: center;
    opacity: .7;
    flex-shrink: 0;
    width: 16px;
    font-size: 16px;
    transition: opacity .3s
}

.component_private_sidebar .component-sidebar__menu-item-link:hover i {
    opacity: 1;
    color: var(--color-id-17)
}

.component_private_sidebar .component-sidebar__menu-item-active .component-sidebar__menu-item-link i {
    opacity: 1;
    color: var(--color-id-20)
}

.component_private_sidebar .component-sidebar__menu-item+.component-sidebar__menu-item {
    border-top: none
}

#block_4 .search-box {
    background: var(--color-id-9);
    border: 1px solid #ff00001f;
    border-radius: 8px;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

#block_4 .search-box--input {
    color: var(--color-id-14);
    outline: none;
    flex: 1;
    height: 44px;
    padding: 10px 44px 10px 14px;
    font-size: 14px;
    background: 0 0 !important;
    border: none !important
}

#block_4 .search-box--input::placeholder {
    color: var(--tx3)
}

#block_4 .search-box--icon {
    background: var(--color-id-4);
    color: #fff;
    cursor: pointer;
    opacity: .85;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

#block_4 .search-box--icon:hover {
    opacity: 1
}

.services-list-rtl #block_4 .search-box--input {
    padding: 10px 14px 10px 44px
}

.services-list-rtl #block_4 .search-box--icon {
    left: 5px;
    right: auto
}

#block_4 .services-cards {
    flex-direction: column;
    gap: 0;
    display: flex
}

#block_4 .sc-category-section {
    margin-bottom: 40px
}

#block_4 .sc-category-header {
    background: var(--color-id-2);
    color: #fff;
    border-radius: 10px;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    box-shadow: 0 0 10px #f003
}

#block_4 .sc-category-header i {
    font-size: 18px
}

#block_4 .sc-category-cards {
    flex-direction: column;
    gap: 40px;
    display: flex
}

#block_4 .service-card {
    background: var(--color-id-9);
    box-shadow: 0px 2px 12px 11px var(--color-id-2);
    border: 1px solid #ffffff14;
    border-radius: 12px
}

#block_4 .sc-head {
    border-bottom: 1px solid #ffffff0f;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px 18px 10px;
    display: flex
}

#block_4 .sc-head-left {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex
}

#block_4 .service-id {
    color: var(--color-id-17);
    cursor: pointer;
    user-select: none;
    background: #f8b40014;
    border: 1px solid #f8b40026;
    border-radius: 8px;
    padding: 3px 10px;
    font-size: 17px;
    font-weight: 800;
    transition: background .15s
}

#block_4 .service-id:hover {
    background: #f8b40024
}

#block_4 .sc-head-service-name {
    color: var(--color-id-14);
    white-space: normal;
    word-break: break-word;
    flex: 1;
    min-width: 0;
    font-size: 17px;
    font-weight: 600
}

#block_4 .sc-body {
    padding: 12px 18px 14px
}

#block_4 .sc-meta {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    display: flex
}

#block_4 .sc-meta span {
    color: var(--color-id-103);
    background: #ffffff0a;
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    font-size: 12px;
    display: inline-flex
}

#block_4 .sc-meta span i.fa-tags {
    color: var(--color-id-126)
}

#block_4 .sc-meta span i.fa-arrow-down {
    color: #22c55e
}

#block_4 .sc-meta span i.fa-arrow-up {
    color: #3b82f6
}

#block_4 .sc-meta span i.fa-clock {
    color: #eab308
}

#block_4 .sc-desc {
    color: var(--color-id-103);
    -webkit-line-clamp: 3;
    background: #ffffff08;
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    max-height: 60px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden
}

#block_4 .sc-actions {
    gap: 8px;
    display: flex
}

#block_4 .btn-view-service-description {
    background: var(--color-id-4) !important;
    color: #fff !important;
    cursor: pointer !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .2s !important;
    display: inline-flex !important
}

#block_4 .btn-view-service-description:hover {
    background: var(--color-id-18) !important;
    color: #fff !important
}

.light-theme #block_4 .service-card {
    box-shadow: 0px 2px 12px 11px var(--color-id-2);
    background: #fff;
    border-color: #dcdfe3
}

.light-theme #block_4 .sc-head {
    border-bottom-color: #e8eaed
}

.light-theme #block_4 .service-id {
    color: #d92d2d;
    background: #f8b4000f;
    border-color: #f8b40024
}

.light-theme #block_4 .service-id:hover {
    background: #f8b4001c
}

.light-theme #block_4 .sc-head-service-name {
    color: #1a1a1d
}

.light-theme #block_4 .sc-meta span,
.light-theme #block_4 .sc-desc {
    color: #6b7280;
    background: #00000008;
    border-color: #00000012
}

.light-theme #block_4 .sc-category-header {
    background: var(--color-id-2);
    color: #fff
}

@media (width<=767.98px) {
    #block_4 .sf-item.search {
        margin-bottom: 0
    }

    #block_4 .sc-meta span {
        flex: calc(50% - 6px);
        min-width: 0
    }

    #block_4 .sc-desc {
        -webkit-line-clamp: 2;
        max-height: 50px
    }

    #block_4 .sc-category-header {
        padding: 10px 14px;
        font-size: 14px
    }
}

#block_4 a.favorite-active,
#block_4 a[data-favorite-service-id] {
    color: var(--color-id-103);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    transition: background .15s, color .15s;
    display: inline-flex;
    text-decoration: none !important
}

#block_4 a[data-favorite-service-id]:hover {
    color: var(--color-id-17);
    background: #f8b4001a
}

#block_4 a.favorite-active {
    color: #f59e0b
}

#block_27 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_27 .block-divider-top,
#block_27 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_27 .ticket-dialog__title {
    margin-bottom: 16px
}

#block_27 .ticket-dialog__alignment {
    justify-content: flex-start
}

#block_27 .form-group {
    margin-bottom: 16px
}

#block_27 .block-ticket-dialog-rtl .ticket-dialog__title {
    text-align: right
}

#block_20 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_20 .block-divider-top,
#block_20 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_20 .form-group,
#block_20 .alert {
    margin-bottom: 12px
}

#block_20 .order-child-form__alignment {
    justify-content: flex-start
}

#block_39 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_39 .block-divider-top,
#block_39 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_39 .refill__margin-tab,
#block_39 .refill__margin-table,
#block_39 .refill__margin-search {
    margin-bottom: 16px
}

#block_30 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_30 .block-divider-top,
#block_30 .block-divider-bottom {
    z-index: 0;
    height: 58px;
    transform: rotateY(0)
}

#block_30 .updates__margin-table,
#block_30 .updates__margin-search {
    margin-bottom: 16px
}

#block_30 .updates-filters .dropdown-menu .dropdown-item:active {
    color: inherit !important;
    background-color: inherit !important
}

@media (width<=768px) {
    #block_30 .updates-filters .dropdown-menu {
        min-width: 280px;
        max-width: 280px
    }

    #block_30 .updates-filters .dropdown-menu .dropdown-item {
        white-space: pre-line;
        max-width: 280px
    }

    #block_30 .updates-filters .dropdown .btn {
        text-align: left
    }

    #block_30 .updates-list-rtl .updates-filters .dropdown .btn,
    #block_30 .updates-list-rtl .dropdown-menu .dropdown-item {
        text-align: right
    }
}

#block_32 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_32 .block-divider-top,
#block_32 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_32 .form-group {
    margin-bottom: undefined
}

#block_32 .form-alignment {
    justify-content: center
}

#block_32 .block-2fa__description-rtl {
    text-align: right;
    direction: rtl
}

#block_40 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_40 .block-divider-top,
#block_40 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_40 .margin-card {
    margin-bottom: 16px
}

#block_42 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    position: relative
}

#block_42 .block-divider-top,
#block_42 .block-divider-bottom {
    z-index: 0;
    height: 100px;
    transform: rotateY(0)
}

#block_42 .margin-table,
#block_42 .margin-tab,
#block_42 .margin-search {
    margin-bottom: 16px
}

@media (width>=1100px) {
    #block_42 .margin-table .table-responsive {
        overflow-x: visible
    }
}

#block_220 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    position: relative
}

#block_220 .block-divider-top,
#block_220 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_220 .block-blog__preview-margin {
    margin-bottom: 16px
}

#block_220 .block-blog__preview {
    justify-content: center;
    width: 100%;
    display: flex
}

#block_220 .block-blog__preview img {
    max-height: 420px
}

#block_220 .block-blog__header {
    width: 100%;
    margin-bottom: 16px
}

#block_220 .block-blog__header h1 {
    margin-bottom: 0
}

#block_220 .blog-post__alignment {
    justify-content: center
}

#block_220 .blog-post__card-margin {
    margin-bottom: 16px
}

#block_220 .blog-post-rtl .blog-post__card-margin,
#block_220 .blog-post-rtl .block-blog__actions {
    text-align: right
}

#block_221 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    position: relative
}

#block_221 .block-divider-top,
#block_221 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_221 .block-blog__preview-margin {
    margin-bottom: 16px
}

#block_221 .block-blog__preview {
    justify-content: center;
    width: 100%;
    display: flex
}

#block_221 .block-blog__preview img {
    max-height: 420px
}

#block_221 .block-blog__header {
    width: 100%;
    margin-bottom: 16px
}

#block_221 .block-blog__header h1 {
    margin-bottom: 0
}

#block_221 .blog-post__alignment {
    justify-content: center
}

#block_221 .blog-post__card-margin {
    margin-bottom: 16px
}

#block_221 .blog-post-rtl .blog-post__card-margin,
#block_221 .blog-post-rtl .block-blog__actions {
    text-align: right
}

#block_222 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    position: relative
}

#block_222 .block-divider-top,
#block_222 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_222 .block-blog__preview-margin {
    margin-bottom: 16px
}

#block_222 .block-blog__preview {
    justify-content: center;
    width: 100%;
    display: flex
}

#block_222 .block-blog__preview img {
    max-height: 420px
}

#block_222 .block-blog__header {
    width: 100%;
    margin-bottom: 16px
}

#block_222 .block-blog__header h1 {
    margin-bottom: 0
}

#block_222 .blog-post__alignment {
    justify-content: center
}

#block_222 .blog-post__card-margin {
    margin-bottom: 16px
}

#block_222 .blog-post-rtl .blog-post__card-margin,
#block_222 .blog-post-rtl .block-blog__actions {
    text-align: right
}

#block_223 {
    z-index: auto;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    position: relative
}

#block_223 .block-divider-top,
#block_223 .block-divider-bottom {
    z-index: 0;
    height: 120px;
    transform: rotateY(0)
}

#block_223 .block-blog__preview-margin {
    margin-bottom: 16px
}

#block_223 .block-blog__preview {
    justify-content: center;
    width: 100%;
    display: flex
}

#block_223 .block-blog__preview img {
    max-height: 420px
}

#block_223 .block-blog__header {
    width: 100%;
    margin-bottom: 16px
}

#block_223 .block-blog__header h1 {
    margin-bottom: 0
}

#block_223 .blog-post__alignment {
    justify-content: center
}

#block_223 .blog-post__card-margin {
    margin-bottom: 16px
}

#block_223 .blog-post-rtl .blog-post__card-margin,
#block_223 .blog-post-rtl .block-blog__actions {
    text-align: right
}

.sidebar-body {
    background: var(--color-id-9);
    flex-direction: column;
    height: 100%;
    display: flex;
    overflow: hidden
}

.user-box {
    text-align: center;
    background: var(--sidebar_brand_background_color);
    border-radius: 10px;
    margin: 0 12px;
    padding: 1.25rem 1rem;
    box-shadow: 0 4px 15px #00000040
}

.user-avatar {
    cursor: pointer;
    width: 85px;
    height: 85px;
    margin: 0 auto 1rem;
    display: block;
    position: relative;
    text-decoration: none !important
}

.user-avatar .glow {
    background: var(--color-id-2);
    filter: blur(20px);
    opacity: .4;
    z-index: 0;
    border-radius: 50%;
    transition: background .3s;
    position: absolute;
    inset: 0
}

.light-theme .user-avatar .glow {
    opacity: .2
}

.user-border {
    border: 4px solid var(--color-id-7);
    z-index: 10;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 25px var(--color-id-10);
    background: 0 0;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.light-theme .user-border {
    border-color: #dcdfe3
}

.user-border p {
    background: var(--color-id-2);
    width: 100%;
    height: 100%;
    color: var(--color-id-20);
    text-transform: uppercase;
    user-select: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 1.875rem;
    font-weight: 700;
    display: flex
}

.user-avatar:hover .user-border {
    border-color: #f8b4008c
}

.go-arrow {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    z-index: 25;
    width: 24px;
    height: 24px;
    color: var(--color-id-2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all .25s;
    display: flex;
    position: absolute;
    bottom: -8px;
    right: -8px;
    box-shadow: 0 10px 20px #00000059
}

.light-theme .go-arrow {
    background: #fff;
    border-color: #dcdfe3
}

.go-arrow iconify-icon {
    color: var(--color-id-2);
    font-size: 14px
}

.user-avatar:hover .go-arrow {
    background: var(--color-id-2);
    color: var(--color-id-20);
    border-color: var(--color-id-2);
    transform: translate(4px)translateY(-2px)
}

.user-avatar:hover .go-arrow iconify-icon {
    color: var(--color-id-20)
}

.sidebar-rtl .go-arrow {
    left: -8px;
    right: auto
}

.sidebar-rtl .go-arrow iconify-icon {
    transform: rotate(180deg)
}

.sidebar-rtl .user-avatar:hover .go-arrow {
    transform: translate(-4px)translateY(-2px)
}

.username {
    letter-spacing: -.02em;
    color: var(--color-id-14);
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: .25rem;
    font-size: 1.125rem;
    font-weight: 700;
    display: flex
}

.verified-badge {
    width: 18px;
    height: 18px;
    color: var(--color-id-2);
    cursor: default;
    background: #f8b40014;
    border: 1px solid #f8b40059;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: all .25s;
    display: inline-flex
}

.verified-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 18px #f8b40040
}

.light-theme .verified-badge {
    background: #f8b4000f
}

.level {
    background: var(--color-id-10);
    color: var(--color-id-2);
    border-radius: 9999px;
    align-items: center;
    gap: .5rem;
    margin-top: 4px;
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 700;
    display: inline-flex
}

.light-theme .level {
    background: #0000000a
}

.level iconify-icon {
    flex-shrink: 0;
    font-size: 16px
}

.light-theme .sidebar-profile-settings:hover {
    color: var(--color-id-2) !important;
    background: #f8b4000f !important
}

.navbar-balance-pill {
    color: #fff !important;
    cursor: pointer !important;
    background: #f8b40014 !important;
    border: 1px solid #f8b40033 !important;
    border-radius: 30px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all .2s !important;
    display: flex !important
}

.navbar-balance-pill i.fa-wallet {
    color: #f8b400 !important;
    text-shadow: 0 0 6px #f8b40066 !important;
    font-size: 14px !important
}

.navbar-balance-pill:hover {
    background: #f8b40026 !important;
    border-color: #f8b40066 !important;
    box-shadow: 0 0 10px #f8b40026 !important
}

.navbar-balance-pill i.fa-chevron-down {
    opacity: .7 !important;
    font-size: 10px !important;
    transition: transform .2s !important
}

.navbar-balance-pill[aria-expanded=true] i.fa-chevron-down {
    transform: rotate(180deg) !important
}

.light-theme .navbar-balance-pill {
    color: #0f172a !important;
    background: #f8b4000d !important;
    border-color: #f8b40026 !important
}

.light-theme .navbar-balance-pill:hover {
    background: #f8b40014 !important;
    border-color: #f8b4004d !important
}

.balance-dropdown__container.dropdown-menu {
    background: #181718 !important;
    border: 1px solid #ffffff0d !important;
    border-radius: 12px !important;
    min-width: 120px !important;
    margin-top: 8px !important;
    padding: 6px 0 !important;
    box-shadow: 0 10px 25px #00000080 !important
}

.light-theme .balance-dropdown__container.dropdown-menu {
    background: #fff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px #00000014 !important
}

.balance-dropdown__container.dropdown-menu li a.dropdown-item {
    color: var(--color-id-103) !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all .2s !important
}

.balance-dropdown__container.dropdown-menu li a.dropdown-item:hover {
    color: #f8b400 !important;
    background: #f8b40014 !important
}

.light-theme .balance-dropdown__container.dropdown-menu li a.dropdown-item {
    color: #475569 !important
}

.light-theme .balance-dropdown__container.dropdown-menu li a.dropdown-item:hover {
    color: #f8b400 !important;
    background: #f8b4000d !important
}

.sidebar-logout-box {
    padding: 0 16px 20px
}

.sidebar-logout-btn {
    background: #f8b4000f;
    border: 1px solid #f8b4001f;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 14px;
    font-size: 17px;
    font-weight: 700;
    transition: all .3s;
    display: flex;
    color: #f8b400d9 !important;
    text-decoration: none !important
}

.sidebar-logout-btn:hover {
    background: #f8b4001f;
    border-color: #f8b40040
}

.light-theme .sidebar-logout-btn {
    background: #f8b4000a;
    border-color: #f8b4001a;
    color: #f8b400b3 !important
}

.light-theme .sidebar-logout-btn:hover {
    background: #f8b40014;
    border-color: #f8b40033;
    color: #f8b400 !important
}

@media (width<=991px) {
    .component_private_sidebar .component-sidebar_wrapper {
        top: 0;
        bottom: 0;
        z-index: 1050 !important;
        width: 270px !important;
        transition: left .3s !important;
        display: block !important;
        position: fixed !important;
        left: -290px !important
    }

    #block_2 .sidebar-block__left {
        width: 100% !important;
        height: 100% !important;
        position: static !important
    }

    .body-rtl .component_private_sidebar .component-sidebar_wrapper {
        transition: right .3s !important;
        left: auto !important;
        right: -290px !important
    }

    .sidebar-open .component_private_sidebar .component-sidebar_wrapper {
        left: 0 !important
    }

    .body-rtl.sidebar-open .component_private_sidebar .component-sidebar_wrapper {
        left: auto !important;
        right: 0 !important
    }

    .sidebar-overlay {
        z-index: 1040;
        -webkit-backdrop-filter: blur(4px);
        background: #0009;
        display: none;
        position: fixed;
        inset: 0
    }

    .sidebar-open .sidebar-overlay {
        display: block
    }

    #navbar-collapse-2 {
        display: none !important
    }
}

.component_private_sidebar .component-sidebar {
    flex-direction: column !important;
    display: flex !important
}

.component_private_sidebar .component-sidebar__menu {
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important
}

#block_1 .main-language-switcher-container {
    display: block !important
}

#block_1 .main-language-switcher-container .navbar-dropdown {
    width: auto !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    position: relative !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__name {
    color: #fff !important;
    cursor: pointer !important;
    background: #f8b40014 !important;
    border: 1px solid #f8b40033 !important;
    border-radius: 30px !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: all .2s !important;
    display: flex !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__name:hover {
    background: #f8b40026 !important;
    border-color: #f8b4004d !important
}

.light-theme #block_1 .main-language-switcher-container .navbar-dropdown__name {
    color: #0f172a !important;
    background: #f8b4000d !important;
    border-color: #f8b40026 !important
}

.light-theme #block_1 .main-language-switcher-container .navbar-dropdown__name:hover {
    background: #f8b4001a !important;
    border-color: #f8b40040 !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__toggle:after {
    content: "" !important;
    border: none !important;
    margin-left: 6px !important;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 12px !important;
    display: inline-block !important
}

.body-rtl #block_1 .main-language-switcher-container .navbar-dropdown-rtl .navbar-dropdown__toggle:after {
    margin-left: 0 !important;
    margin-right: 6px !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__container {
    visibility: visible !important;
    z-index: 1100 !important;
    background: #181718 !important;
    border: 1px solid #ffffff0d !important;
    border-radius: 12px !important;
    min-width: 130px !important;
    margin-top: 8px !important;
    padding: 6px 0 !important;
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
    box-shadow: 0 10px 25px #00000080 !important
}

.body-rtl #block_1 .main-language-switcher-container .navbar-dropdown__container {
    text-align: right !important;
    left: 0 !important;
    right: auto !important
}

#block_1 .main-language-switcher-container .navbar-dropdown.show .navbar-dropdown__container,
#block_1 .main-language-switcher-container .navbar-dropdown__container.show {
    display: block !important
}

.light-theme #block_1 .main-language-switcher-container .navbar-dropdown__container {
    background: #fff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px #00000014 !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__link {
    color: #e2e8f0 !important;
    width: 100% !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: background .2s, color .2s !important;
    display: block !important
}

#block_1 .main-language-switcher-container .navbar-dropdown__link:hover {
    color: #fff !important;
    background: #f8b40014 !important
}

.light-theme #block_1 .main-language-switcher-container .navbar-dropdown__link {
    color: #334155 !important
}

.light-theme #block_1 .main-language-switcher-container .navbar-dropdown__link:hover {
    color: #f8b400 !important;
    background: #f8b4000d !important
}

@media (width<=991px) {
    #block_2 .main-currency-switcher-container {
        z-index: 1050 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        left: auto !important;
        right: 60px !important;
        transform: translateY(-50%) !important
    }

    .body-rtl #block_2 .main-currency-switcher-container {
        left: 60px !important;
        right: auto !important
    }

    #block_2 .main-currency-switcher-container .navbar-balance-pill {
        border-radius: 30px !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        height: auto !important;
        padding: 6px 10px !important;
        display: flex !important
    }

    #block_2 .main-currency-switcher-container .navbar-balance-pill span {
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 75px !important;
        font-size: 12px !important;
        display: inline-block !important;
        overflow: hidden !important
    }

    #block_2 .main-currency-switcher-container .balance-dropdown__toggle:after {
        content: "" !important;
        margin-left: 6px !important;
        font-family: "Font Awesome 5 Pro" !important;
        font-size: 12px !important;
        display: inline-block !important
    }

    .body-rtl #block_2 .main-currency-switcher-container .balance-dropdown-rtl .balance-dropdown__toggle:after {
        margin-left: 0 !important;
        margin-right: 6px !important
    }

    #block_2 .main-currency-switcher-container .balance-dropdown {
        flex-direction: row !important;
        width: auto !important;
        padding-bottom: 0 !important;
        position: relative !important
    }

    #block_2 .main-currency-switcher-container .balance-dropdown__container {
        visibility: visible !important;
        z-index: 1100 !important;
        background: #181718 !important;
        border: 1px solid #ffffff0d !important;
        border-radius: 12px !important;
        min-width: 120px !important;
        margin-top: 8px !important;
        padding: 6px 0 !important;
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        box-shadow: 0 10px 25px #00000080 !important
    }

    .body-rtl #block_2 .main-currency-switcher-container .balance-dropdown__container {
        text-align: right !important;
        left: 0 !important;
        right: auto !important
    }

    #block_2 .main-currency-switcher-container .balance-dropdown.show .balance-dropdown__container,
    #block_2 .main-currency-switcher-container .balance-dropdown__container.show {
        display: block !important
    }

    .light-theme #block_2 .main-currency-switcher-container .balance-dropdown__container {
        background: #fff !important;
        border-color: #cbd5e1 !important;
        box-shadow: 0 10px 25px #00000014 !important
    }

    #block_1 .main-language-switcher-container {
        z-index: 1050 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        position: absolute !important;
        top: 32px !important;
        left: auto !important;
        right: 60px !important;
        transform: translateY(-50%) !important
    }

    .body-rtl #block_1 .main-language-switcher-container {
        left: 60px !important;
        right: auto !important
    }

    #block_1 .main-language-switcher-container .navbar-dropdown {
        width: auto !important;
        display: flex !important;
        position: relative !important
    }

    #block_1 .main-language-switcher-container .navbar-dropdown__name {
        color: #fff !important;
        background: #f8b40014 !important;
        border: 1px solid #f8b40033 !important;
        border-radius: 30px !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        display: flex !important
    }

    .light-theme #block_1 .main-language-switcher-container .navbar-dropdown__name {
        color: #0f172a !important;
        background: #f8b4000d !important;
        border-color: #f8b40026 !important
    }

    #block_1 .main-language-switcher-container .navbar-dropdown__toggle:after {
        content: "" !important;
        border: none !important;
        margin-left: 6px !important;
        font-family: "Font Awesome 5 Pro" !important;
        font-size: 12px !important;
        display: inline-block !important
    }

    .body-rtl #block_1 .main-language-switcher-container .navbar-dropdown-rtl .navbar-dropdown__toggle:after {
        margin-left: 0 !important;
        margin-right: 6px !important
    }

    #block_1 .main-language-switcher-container .navbar-dropdown__container {
        visibility: visible !important;
        z-index: 1100 !important;
        background: #181718 !important;
        border: 1px solid #ffffff0d !important;
        border-radius: 12px !important;
        min-width: 120px !important;
        margin-top: 8px !important;
        padding: 6px 0 !important;
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: auto !important;
        right: 0 !important;
        box-shadow: 0 10px 25px #00000080 !important
    }

    .body-rtl #block_1 .main-language-switcher-container .navbar-dropdown__container {
        text-align: right !important;
        left: 0 !important;
        right: auto !important
    }

    #block_1 .main-language-switcher-container .navbar-dropdown.show .navbar-dropdown__container,
    #block_1 .main-language-switcher-container .navbar-dropdown__container.show {
        display: block !important
    }

    .light-theme #block_1 .main-language-switcher-container .navbar-dropdown__container {
        background: #fff !important;
        border-color: #cbd5e1 !important;
        box-shadow: 0 10px 25px #00000014 !important
    }
}

#block_41 .account {
    padding: 20px 0 !important
}

#block_41 .account-card {
    background-color: var(--card_background_color) !important;
    border: 1px solid var(--form_group_input_border_color) !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 16px !important;
    flex-direction: column !important;
    transition: all .3s !important;
    display: flex !important;
    box-shadow: 0 8px 32px #0003 !important
}

#block_41 .account-card:hover {
    border-color: var(--form_group_input_border_color) !important;
    box-shadow: 0 12px 40px #0000004d !important
}

.light-theme #block_41 .account-card {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px #00000008 !important
}

.light-theme #block_41 .account-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 30px #0000000f !important
}

#block_41 .account-card .card-header {
    border-bottom: 1px solid var(--form_group_input_border_color) !important;
    background-color: #0000 !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    padding: 16px 20px !important
}

.light-theme #block_41 .account-card .card-header {
    background-color: #0000 !important;
    border-bottom: 1px solid #e2e8f0 !important
}

#block_41 .account-card .card-title {
    color: var(--text-white) !important;
    align-items: center !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: flex !important
}

.light-theme #block_41 .account-card .card-title {
    color: #0f172a !important
}

#block_41 .account-card .card-body {
    flex: auto !important;
    padding: 20px !important
}

#block_41 .profile-hero-card {
    justify-content: center !important
}

#block_41 .profile-hero-content {
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    display: flex !important
}

#block_41 .profile-details-container {
    align-items: center !important;
    gap: 16px !important;
    display: flex !important
}

#block_41 .profile-avatar-container {
    background: linear-gradient(135deg, #f8b40080, #f8b4001a) !important;
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    padding: 3px !important;
    position: relative !important
}

#block_41 .profile-avatar {
    object-fit: cover !important;
    border: 2px solid #181718 !important;
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important
}

.light-theme #block_41 .profile-avatar {
    border-color: #fff !important
}

#block_41 .profile-meta-info {
    flex-direction: column !important;
    gap: 6px !important;
    display: flex !important
}

#block_41 .profile-username {
    color: #fff !important;
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 800 !important
}

.light-theme #block_41 .profile-username {
    color: #0f172a !important
}

#block_41 .profile-email {
    color: #94a3b8 !important;
    align-items: center !important;
    margin: 0 !important;
    font-size: 14px !important;
    display: flex !important
}

.light-theme #block_41 .profile-email {
    color: #64748b !important
}

#block_41 .component_form_group {
    width: 100%
}

#block_41 .component_form_group .form-group-rtl,
#block_41 .component_form_group .form-group {
    width: 100%;
    margin-bottom: 16px
}

#block_41 .component_form_group .form-group:last-child {
    margin-bottom: 0
}

#block_41 .component_button_save {
    width: 100%;
    margin-top: 16px
}

#block_41 .component_button_save .btn {
    width: 100%
}

#block_41 .component_form_group .d-flex .flex-grow-1,
#block_41 .component_form_group .d-flex .min-w-0 {
    flex: auto;
    width: 100%;
    min-width: 0
}

#block_41 .form-group label {
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    color: #94a3b8 !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: block !important
}

.light-theme #block_41 .form-group label {
    color: #475569 !important
}

#block_41 .form-control,
#block_41 select.form-control {
    width: 100% !important;
    display: block !important
}

#block_41 .btn-generate-key {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px 20px !important;
    display: flex !important
}

#block_41 .btn-generate-key .btn-price {
    opacity: .85 !important;
    margin-bottom: 2px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    display: block !important
}

#block_41 .btn-generate-key .btn-text {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: block !important
}

#block_41 .badge-2fa-status {
    border-radius: 30px !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important
}

#block_41 .badge-2fa-status.badge-disabled {
    background: #64748b !important
}

#block_41 .approve-2fa-form {
    margin-top: 15px !important
}

#block_41 i {
    margin-left: 8px !important;
    margin-right: 8px !important
}

#block_41 .btn-big-primary {
    color: #fff !important;
    cursor: pointer !important;
    background: #f8b400 !important;
    border: 1px solid #f8b400 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: background .2s, border-color .2s, box-shadow .2s !important
}

#block_41 .btn-big-primary:hover {
    background: #f8b400 !important;
    border-color: #c80505 !important;
    box-shadow: 0 0 15px #f8b40066 !important
}

#block_41 .dropdown-divider {
    border-top: 1px solid var(--form_group_input_border_color) !important
}

.light-theme #block_41 .dropdown-divider {
    border-top-color: #e2e8f0 !important
}

#block_41 .btn-2fa-disable {
    color: #f8b400 !important;
    background: 0 0 !important;
    border: 1px solid #f8b40080 !important
}

#block_41 .btn-2fa-disable:hover {
    color: #fff !important;
    background: #f8b400 !important;
    border-color: #f8b400 !important;
    box-shadow: 0 0 15px #f8b4004d !important
}

#block_41 .flex-shrink-0 {
    flex-shrink: 0 !important
}

@media (width<=768px) {
    #block_41 .profile-hero-content {
        text-align: center !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 24px !important
    }

    #block_41 .profile-details-container {
        text-align: center !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 16px !important
    }

    #block_41 .profile-email {
        justify-content: center !important
    }
}

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

    #block_41 .account-card,
    #block_41 .btn-big-primary,
    #block_41 .btn-2fa-disable {
        transition: none !important
    }
}

#impeccable-toast-bar {
    z-index: 99999;
    opacity: 0;
    color: #fff;
    background: #1e1d1f;
    border: 1px solid #1e1d1e;
    border-radius: 30px;
    align-items: center;
    padding: 12px 24px;
    font-family: Cairo, sans-serif;
    font-size: 14px;
    font-weight: 600;
    transition: bottom .35s, opacity .35s;
    display: none;
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 8px 32px #0006
}

#impeccable-toast-bar.toast-open {
    opacity: 1;
    display: flex;
    bottom: 30px
}

#impeccable-toast-bar i {
    color: #26a25e;
    margin-right: 8px
}

#impeccable-toast-bar.rtl-toast i {
    margin-left: 8px;
    margin-right: 0
}

.light-theme #impeccable-toast-bar {
    color: #0f172a;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 32px #0000001a
}

#block_25 .card {
    border-radius: 16px !important
}

#block_25 .card-title {
    text-align: center !important;
    margin-bottom: 24px !important
}

#block_25 .referral-link-input {
    border-bottom: 2px solid var(--form_group_input_border_color) !important;
    color: #fff !important;
    background: #ffffff05 !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 52px !important;
    padding-left: 16px !important;
    padding-right: 150px !important;
    font-family: monospace !important;
    font-size: 14px !important
}

#block_25 .referral-input-wrapper+.row {
    justify-content: center !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important
}

#block_25 .referral-input-wrapper+.row .rounded {
    border-radius: 12px !important;
    transition: all .2s !important
}

#block_25 .referral-input-wrapper+.row .rounded:hover {
    background: #f8b40014 !important;
    border-color: #f8b40033 !important
}

.light-theme #block_25 .referral-input-wrapper+.row .rounded {
    background: #f8b40005 !important;
    border-color: #f8b4000f !important
}

.light-theme #block_25 .referral-input-wrapper+.row .rounded:hover {
    background: #f8b4000a !important;
    border-color: #f8b40026 !important
}

#block_25 .stat-card {
    text-align: center;
    background: #1e1d1f;
    border: 1px solid #1e1d1e;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 20px;
    transition: transform .2s, box-shadow .2s;
    display: flex;
    box-shadow: 0 4px 12px #00000026
}

#block_25 .stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px #00000040
}

#block_25 .stat-card-title {
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
    font-family: Cairo, sans-serif;
    font-size: 12px;
    font-weight: 700
}

#block_25 .stat-card-value {
    color: #fff;
    font-family: Cairo, sans-serif;
    font-size: 20px;
    font-weight: 800
}

#block_25 .highlight-card {
    background: linear-gradient(#1e1d1f 0%, #f8b40008 100%);
    border-color: #f8b4004d
}

#block_25 .highlight-card .stat-card-value {
    color: #f8b400
}

.light-theme #block_25 .stat-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px #00000008
}

.light-theme #block_25 .stat-card-title {
    color: #475569
}

.light-theme #block_25 .stat-card-value {
    color: #0f172a
}

.light-theme #block_25 .highlight-card {
    background: linear-gradient(#fff 0%, #f8b40005 100%);
    border-color: #f8b40033
}

#block_24 .badge-status {
    text-transform: uppercase !important;
    border-radius: 30px !important;
    padding: 4px 12px !important;
    font-family: Cairo, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: inline-block !important
}

#block_24 .badge-approved {
    color: #fff !important;
    background: #26a25e !important
}

#block_24 .badge-pending {
    color: #fff !important;
    background: #64748b !important
}

#block_24 .badge-disapproved,
#block_24 .badge-rejected {
    color: #fff !important;
    background: #c81919 !important
}

#block_24 .table-bg {
    background: #1e1d1f !important;
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px #00000026 !important
}

#block_24 .table,
#block_24 .table th {
    border: none !important
}

#block_24 .table td {
    border-top: none !important;
    border-bottom: 1px solid #ffffff0a !important
}

#block_24 .table tr {
    transition: background-color .2s !important
}

#block_24 .table tr:hover {
    background: #f8b4000d !important
}

.light-theme #block_24 .table-bg {
    background: #fff !important;
    border: none !important;
    box-shadow: 0 8px 32px #00000008 !important
}

.light-theme #block_24 .table td {
    border-top: none !important;
    border-bottom: 1px solid #0f172a0a !important
}

.light-theme #block_24 .table tr:hover {
    background: #f8b4000d !important
}

@media (width<=480px) {
    #block_25 .referral-link-input {
        padding-left: 16px !important;
        padding-right: 140px !important;
        font-size: 13px !important
    }

    #block_25 .referral-input-wrapper.rtl-wrapper .referral-link-input {
        padding-left: 140px !important;
        padding-right: 16px !important
    }
}

#topEyeIco,
#sbEyeIco {
    cursor: pointer;
    opacity: .7;
    font-size: 12px;
    transition: opacity .2s;
    position: relative !important
}

#topEyeIco:after {
    content: "" !important;
    z-index: 10 !important;
    position: absolute !important;
    inset: -10px -15px -10px -10px !important
}

#topEyeIco:hover,
#sbEyeIco:hover {
    opacity: 1
}

.bal-pill-divider {
    vertical-align: middle;
    background: #fff3;
    width: 1px;
    height: 14px;
    margin: 0 4px;
    display: inline-block
}

.light-theme .bal-pill-divider {
    background: #00000026
}

#topBalVal,
#sbBalText,
#noSpentVal,
#noBalVal {
    transition: filter .2s;
    display: inline-block
}

.navbar-balance-pill.balance-dropdown__toggle:after {
    display: none !important
}

@media (width<=991px) {
    #block_2 .main-currency-switcher-container .navbar-balance-pill.balance-dropdown__toggle:after {
        display: none !important
    }
}

#block_25,
#block_24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

#block_25 .referral-input-wrapper {
    align-items: center !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 24px !important;
    display: flex !important;
    position: relative !important
}

#block_25 .referral-link-input {
    border: 1px solid var(--form_group_input_border_color) !important;
    color: #fff !important;
    background: #ffffff05 !important;
    border-radius: 6px !important;
    flex: 1 !important;
    width: auto !important;
    height: 38px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-family: monospace !important;
    font-size: 13px !important
}

.light-theme #block_25 .referral-link-input {
    color: #0f172a !important;
    background: #0f172a05 !important
}

#block_25 .referral-input-wrapper.rtl-wrapper .referral-link-input {
    padding-left: 12px !important;
    padding-right: 12px !important
}

#block_25 #copy-btn {
    vertical-align: middle !important;
    border-radius: 6px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: auto !important;
    height: 38px !important;
    margin-top: 0 !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    display: inline-flex !important;
    position: static !important
}

#block_25 .referral-input-wrapper.rtl-wrapper #copy-btn {
    position: static !important
}

#block_25 .referral-rates-row {
    justify-content: center !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important
}

#block_25 .referral-rates-row .rate-box {
    border: 1px solid var(--color-id-7) !important;
    background: #ffffff05 !important;
    border-radius: 12px !important;
    transition: all .2s !important
}

#block_25 .referral-rates-row .rate-box:hover {
    background: #f8b40014 !important;
    border-color: #f8b40033 !important
}

.light-theme #block_25 .referral-rates-row .rate-box {
    background: #f8b40005 !important;
    border-color: #f8b4000f !important
}

.light-theme #block_25 .referral-rates-row .rate-box:hover {
    background: #f8b4000a !important;
    border-color: #f8b40026 !important
}

#block_25 .table-bg,
#block_24 .table-bg {
    background: var(--color-id-9) !important;
    border: 1px solid var(--color-id-7) !important;
    border-radius: 12px !important;
    margin-bottom: 24px !important;
    transition: all .3s !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px #0000000d !important
}

#block_25 .table-bg:hover,
#block_24 .table-bg:hover {
    border-color: #f8b40026 !important;
    box-shadow: 0 8px 30px #00000014 !important
}

#block_24 .table th {
    background: var(--color-id-4) !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    border: none !important;
    padding: 14px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important
}

.light-theme #block_24 .table th {
    color: #475569 !important;
    background: #f1f5f9 !important
}

#block_25 .table td,
#block_24 .table td {
    border-bottom: 1px solid var(--color-id-7) !important;
    color: var(--color-id-14) !important;
    vertical-align: middle !important;
    padding: 14px 16px !important;
    font-size: 14px !important
}

#block_25 .table tr:last-child td,
#block_24 .table tr:last-child td {
    border-bottom: none !important
}

.link-display-box {
    word-break: break-all;
    white-space: normal;
    border: 1px solid var(--color-id-7);
    vertical-align: middle;
    max-width: calc(100% - 90px);
    color: var(--color-id-14);
    background: #ffffff08;
    border-radius: 6px;
    padding: 6px 12px;
    font-family: monospace;
    font-size: 17px;
    display: inline-block
}

.light-theme .link-display-box {
    background: #0f172a05
}

.highlight-cell {
    color: var(--color-id-4) !important;
    font-weight: 800 !important
}

@media (width<=768px) {
    .link-display-box {
        text-align: center;
        max-width: 100%;
        margin-bottom: 8px;
        display: block
    }

    #block_25 .table td,
    #block_24 .table td {
        padding: 10px 12px !important
    }
}

@media (width<=480px) {
    #block_25 .referral-link-input {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 11px !important
    }
}

#block_25 .affiliate-card__desc {
    color: var(--color-id-103) !important;
    font-size: 14px !important;
    line-height: 1.6 !important
}

#block_25 .card-title {
    text-align: center !important;
    color: var(--color-id-14) !important;
    margin-bottom: 20px !important;
    font-family: Cairo, sans-serif !important;
    font-weight: 800 !important
}

#block_25 .referral-link-card-title {
    font-size: 18px !important
}

#block_25 .referral-rates-card-title {
    font-size: 16px !important
}

#block_25 .rate-box-label {
    color: var(--color-id-103) !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    margin-bottom: 4px !important;
    font-size: 12px !important;
    font-weight: 700 !important
}

#block_25 .rate-box-value {
    font-size: 20px !important;
    font-weight: 800 !important
}

#block_25 .commision-value {
    color: var(--color-id-4) !important
}

#block_25 .payout-value {
    color: var(--color-id-14) !important
}

#block_25 .highlight-card .btn-actions {
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 12px !important
}

#block_25 .highlight-card button[disabled] {
    opacity: .5 !important
}

#block_25 .highlight-card a {
    width: 100% !important;
    text-decoration: none !important;
    display: block !important
}

#block_94 .mass-order-page {
    padding: 20px 0;
    font-family: Cairo, sans-serif
}

#block_94 .mass-order-card .card,
#block_94 .mass-order-info .card,
#block_94 .mass-order-logs .card {
    border-radius: 16px !important
}

#block_94 .mass-order-page-title {
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    display: flex
}

#block_94 .mass-order-page-title i {
    color: #f8b400;
    background: #f8b4001a;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    font-size: 17px;
    display: flex
}

#block_94 .mass-order-page-title span {
    color: var(--color-id-14);
    letter-spacing: -.015em;
    font-size: 18px;
    font-weight: 700
}

#block_94 .mass-order-mode-list {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    display: flex
}

#block_94 .mass-order-mode-item {
    border: 2px solid var(--form_group_input_border_color);
    cursor: pointer;
    min-width: 120px;
    color: var(--color-id-103);
    background: var(--card_background_color);
    border-radius: 8px;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    transition: border-color .2s, background-color .2s, color .2s;
    display: flex
}

#block_94 .mass-order-mode-item:hover {
    color: #f8b400;
    background: #f8b4000d;
    border-color: #f8b40073
}

#block_94 .mass-order-mode-item.active {
    color: #f8b400;
    background: #f8b4001a;
    border-color: #f8b400
}

#block_94 .mass-order-mode-item input[type=radio] {
    display: none
}

#block_94 .mass-order-mode-item label {
    cursor: pointer;
    margin: 0;
    font-weight: 600
}

#block_94 .mass-order-hint {
    color: var(--color-id-103);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
    display: block
}

#block_94 .mass-order-hint code {
    background: var(--form_group_input_background_color);
    color: var(--color-id-14);
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 12px
}

#block_94 .massorder-textarea {
    height: auto;
    min-height: 280px
}

#block_94 .component_form_group .form-group label {
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700
}

#block_94 .mass-order-quantity-group.is-locked label {
    opacity: .45;
    cursor: not-allowed
}

#block_94 .mass-order-quantity-group.is-locked input {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
    user-select: none;
    background-color: var(--form_group_input_background_color) !important;
    border-color: var(--form_group_input_border_color) !important;
    color: var(--color-id-103) !important;
    box-shadow: none !important
}

#block_94 .mass-order-quantity-group.is-locked input:focus {
    outline: none;
    background-color: var(--form_group_input_background_color) !important;
    border-color: var(--form_group_input_border_color) !important;
    box-shadow: none !important
}

.light-theme #block_94 .mass-order-quantity-group.is-locked input {
    color: #3d3d43 !important;
    background-color: #ebecee !important;
    border-color: #dcdfe3 !important
}

.light-theme #block_94 .mass-order-quantity-group.is-locked label {
    color: #3d3d43
}

#block_94 .btn-big-primary {
    transition: background .2s, border-color .2s, box-shadow .2s
}

.light-theme #block_94 .mass-order-page-title span {
    color: #1a1a1d
}

.light-theme #block_94 .mass-order-mode-item,
.light-theme #block_94 .mass-order-hint {
    color: #3d3d43
}

@media (width<=768px) {
    #block_94 .mass-order-mode-item {
        min-width: 100%
    }

    #block_94 .massorder-textarea {
        min-height: 220px
    }
}

.header-theme-switch-wrap {
    align-items: center;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    display: flex
}

.theme-toggle-icon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--navbar_private_items_text_color);
    background: 0 0;
    border: none;
    border-radius: 8px;
    outline: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: transform .2s, color .2s;
    display: flex
}

.theme-toggle-icon:hover {
    color: var(--color-id-4);
    transform: scale(1.15)
}

.theme-toggle-icon:focus-visible {
    outline: 2px solid var(--color-id-4);
    outline-offset: 2px
}

.theme-toggle-icon iconify-icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    display: flex
}

#block_2 .header-theme-switch-wrap {
    height: 64px
}

#block_2 .header-mobile-tools {
    align-items: center;
    gap: 10px;
    height: 64px;
    display: flex
}

#block_2 .header-mobile-tools .header-theme-switch-wrap {
    height: auto;
    padding: 0
}

#block_1 .navbar-theme-switch {
    align-items: center;
    height: auto;
    padding: 0;
    display: flex
}

#block_1 .navbar-public__header-tools {
    align-items: center;
    gap: 10px;
    display: flex
}

@media (width>=992px) {
    #block_1 .navbar-public__header-tools .navbar-theme-switch {
        display: none
    }

    #block_1 .navbar-theme-switch-desktop {
        align-items: center;
        height: 64px;
        padding: 0 12px;
        display: flex !important
    }
}

@media (width<=991px) {
    #block_2 .header-mobile-tools {
        z-index: 1050 !important;
        height: auto !important;
        padding: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 12px !important;
        right: auto !important;
        transform: translateY(-50%) !important
    }

    .body-rtl #block_2 .header-mobile-tools {
        left: auto !important;
        right: 12px !important
    }

    #block_2 .header-theme-switch-wrap {
        z-index: auto !important;
        height: auto !important;
        padding: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important
    }

    .body-rtl #block_2 .header-theme-switch-wrap {
        left: auto !important;
        right: auto !important
    }

    #block_1 .navbar-public__header-tools .navbar-theme-switch {
        position: static;
        transform: none
    }

    #block_1 .navbar-theme-switch-desktop {
        display: none !important
    }
}

.bottom-bar {
    display: none
}

@media (width<=991px) {
    .body-internal .bottom-bar {
        z-index: 1040;
        background: var(--color-id-9);
        box-sizing: border-box;
        border-top: 1px solid #f8b40038;
        justify-content: space-around;
        align-items: flex-end;
        min-height: 62px;
        padding: 6px 6px 0;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -4px 20px #00000038
    }

    .body-internal .bottom-item {
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        display: flex
    }

    .body-internal .bottom-link {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
        width: 100%;
        max-width: 76px;
        padding: 4px 2px 8px;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
        transition: color .2s;
        display: flex;
        color: var(--color-id-103) !important;
        text-decoration: none !important
    }

    .body-internal .bottom-link i {
        color: var(--color-id-17);
        font-size: 19px;
        line-height: 1;
        display: block
    }

    .body-internal .bottom-link span {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
        overflow: hidden
    }

    .body-internal .bottom-link:hover,
    .body-internal .bottom-link:focus {
        color: var(--color-id-17) !important;
        text-decoration: none !important
    }

    .body-internal .bottom-item.bottom-center {
        flex: none;
        align-self: flex-start;
        margin-top: -22px;
        padding: 0 4px
    }

    .body-internal .bottom-link--primary {
        background: var(--color-id-17);
        border-radius: 50%;
        width: 52px;
        max-width: none;
        height: 52px;
        padding: 0;
        box-shadow: 0 4px 16px #f8b40073;
        color: #fff !important
    }

    .body-internal .bottom-link--primary i {
        color: #fff;
        font-size: 24px
    }

    .body-internal .bottom-link--primary:hover,
    .body-internal .bottom-link--primary:focus {
        filter: brightness(1.08);
        color: #fff !important
    }

    .body-internal .bottombariph {
        height: env(safe-area-inset-bottom, 0px);
        pointer-events: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .body-internal .bottom-bar {
        padding-bottom: env(safe-area-inset-bottom, 0px)
    }

    .body-internal .wrapper-content__body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important
    }
}

.orders-cards-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    display: grid
}

@media (width<=1200px) {
    .orders-cards-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (width<=992px) {
    .orders-cards-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (width<=576px) {
    .orders-cards-list {
        grid-template-columns: 1fr
    }
}

.order-card {
    background: var(--color-id-9);
    box-shadow: var(--card_box_shadow);
    border: 1px solid #ffffff14;
    border-radius: 12px;
    min-width: 0
}

.oc-head {
    border-bottom: 1px solid #ffffff0f;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 14px 18px 12px;
    display: flex
}

.oc-head-left {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    display: flex
}

.order-id {
    color: var(--color-id-17);
    cursor: pointer;
    user-select: none;
    cursor: pointer;
    background: #f8b40014;
    border: 1px solid #f8b40026;
    border-radius: 8px;
    padding: 3px 10px;
    font-size: 17px;
    font-weight: 800;
    transition: background .15s
}

.order-id:hover {
    background: #f8b40024
}

a.oc-icon-btn,
.oc-icon-btn {
    width: 24px;
    height: 24px;
    color: var(--color-id-103);
    cursor: pointer;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 17px;
    transition: background .15s, color .15s;
    display: inline-flex;
    text-decoration: none !important
}

a.oc-icon-btn:hover,
a.oc-icon-btn:focus,
.oc-icon-btn:hover,
.oc-icon-btn:focus,
.oc-icon-btn:hover,
.oc-icon-btn:focus {
    color: var(--color-id-17);
    background: #f8b4001a;
    text-decoration: none !important
}

.oc-icon-btn.oc-copy {
    color: #3b82f6
}

.oc-icon-btn.oc-copy:hover,
.oc-icon-btn.oc-copy:focus {
    color: #2563eb !important
}

.oc-icon-btn.oc-open-link {
    color: #0ea5e9
}

.oc-icon-btn.oc-open-link:hover,
.oc-icon-btn.oc-open-link:focus {
    color: #0284c7 !important
}

.oc-icon-btn.oc-repeat {
    color: #22c55e
}

.oc-icon-btn.oc-repeat:hover,
.oc-icon-btn.oc-repeat:focus {
    color: #16a34a !important
}

.oc-icon-btn.oc-report {
    color: #ef4444
}

.oc-icon-btn.oc-report:hover,
.oc-icon-btn.oc-report:focus {
    color: #dc2626 !important
}

.oc-icon-btn.oc-details {
    color: #a855f7
}

.oc-icon-btn.oc-details:hover,
.oc-icon-btn.oc-details:focus {
    color: #9333ea !important
}

.o-tooltip {
    position: relative
}

.order-tooltip {
    white-space: nowrap;
    background: var(--color-id-7);
    color: var(--text-white);
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    transition: opacity .18s;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translate(-50%)
}

.o-tooltip:hover .order-tooltip {
    opacity: 1;
    opacity: 1
}

.order-status {
    border: 1px solid;
    border-radius: 9999px;
    flex-shrink: 0;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    font-size: 11.52px;
    font-weight: 600;
    display: inline-flex
}

.order-status i {
    font-size: 12px
}

.order-status.completed {
    color: #34d399;
    background: #34d3991a;
    border-color: #34d39938
}

.order-status.canceled {
    color: #fb7185;
    background: #f43f5e1a;
    border-color: #f43f5e38
}

.order-status.pending {
    color: #fbbf24;
    background: #fbbf241a;
    border-color: #fbbf2438
}

.order-status.inprogress {
    color: #60a5fa;
    background: #60a5fa1a;
    border-color: #60a5fa38
}

.order-status.partial {
    color: #fb923c;
    background: #fb923c1a;
    border-color: #fb923c38
}

.order-status.processing {
    color: #a78bfa;
    background: #8b5cf61a;
    border-color: #8b5cf638
}

@keyframes oc-spin {
    to {
        transform: rotate(360deg)
    }
}

.order-status.processing i {
    animation: 2s linear infinite oc-spin
}

@keyframes oc-pulse {

    0%,
    to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .7;
        transform: scale(1.15)
    }
}

.order-status.inprogress i {
    animation: 1.5s ease-in-out infinite oc-pulse
}

@keyframes oc-clock {
    to {
        transform: rotate(360deg)
    }
}

.order-status.pending i {
    animation: 3s linear infinite oc-clock
}

@keyframes oc-pop {
    0% {
        transform: scale(0)
    }

    60% {
        transform: scale(1.25)
    }

    to {
        transform: scale(1)
    }
}

.order-status.completed i {
    animation: .4s ease-out oc-pop
}

@keyframes oc-shake {

    0%,
    to {
        transform: translate(0)
    }

    25% {
        transform: translate(-2px)
    }

    50% {
        transform: translate(2px)
    }

    75% {
        transform: translate(-2px)
    }
}

.order-status.canceled i {
    animation: .4s ease-in-out oc-shake
}

@keyframes oc-blink {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.order-status.partial i {
    animation: 1s ease-in-out 3 oc-blink
}

.oc-body {
    padding: 14px 18px 16px
}

.oc-service-name {
    color: var(--text-white);
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4
}

.oc-meta {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    display: flex
}

.oc-meta span {
    color: var(--color-id-103);
    background: #ffffff0a;
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 12px;
    display: inline-flex
}

.oc-link {
    color: var(--color-id-103);
    cursor: pointer;
    background: #ffffff0a;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 12px;
    transition: background .15s;
    display: flex
}

.oc-link:hover {
    background: #ffffff12
}

.oc-link>i:first-child {
    color: var(--color-id-103);
    flex-shrink: 0;
    font-size: 12px
}

.oc-link span {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    direction: ltr;
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.oc-link-arrow {
    color: var(--tx3);
    flex-shrink: 0;
    margin-right: auto;
    font-size: .7rem
}

.oc-meta span i.fa-calendar-alt {
    color: #eab308
}

.oc-meta span i.fa-tags {
    color: var(--color-id-126)
}

.oc-link>i:first-child {
    color: #4a9eff
}

.oc-stats {
    flex-wrap: wrap;
    gap: 6px;
    display: flex
}

.oc-stats span {
    min-width: 0;
    color: var(--text-white);
    text-align: center;
    background: #ffffff0a;
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 1px;
    padding: 7px 8px 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    display: flex
}

.oc-stats b {
    color: var(--color-id-103);
    letter-spacing: .02em;
    font-size: 10px;
    font-weight: 600
}

.oc-actions {
    border-top: 1px solid #ffffff0f;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 18px 14px;
    display: flex
}

.oc-actions .tooltip-wrapper {
    display: inline-block
}

.oc-actions .btn-actions {
    padding: 6px 14px;
    font-size: 12px
}

.oc-check {
    padding: 8px 18px 0
}

.oc-check.hidden {
    display: none
}

.oc-check-custom-label {
    cursor: pointer;
    align-items: center;
    width: fit-content;
    display: flex
}

.oc-check-custom-label input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.oc-check-box {
    border: 2px solid var(--color-id-103);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    transition: background .15s, border-color .15s;
    display: flex
}

.oc-check-custom-label input:checked+.oc-check-box {
    background: var(--color-id-17);
    border-color: var(--color-id-17)
}

.oc-check-custom-label input:checked+.oc-check-box:after {
    content: "";
    color: #fff;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "Font Awesome 6 Pro", "Font Awesome 6 Free";
    font-size: 11px;
    font-weight: 900
}

.light-theme .order-card {
    box-shadow: var(--card_box_shadow);
    background: #fff;
    border-color: #dcdfe3
}

.light-theme .oc-head {
    border-bottom-color: #e8eaed
}

.light-theme .order-id {
    color: #d92d2d;
    background: #f8b4000f;
    border-color: #f8b40024
}

.light-theme .order-id:hover {
    background: #f8b4000f
}

.light-theme a.oc-icon-btn,
.light-theme .oc-icon-btn {
    color: #6b7280
}

.light-theme a.oc-icon-btn:hover,
.light-theme .oc-icon-btn:hover {
    color: #f8b400;
    background: #f8b40012
}

.light-theme .oc-icon-btn.oc-copy {
    color: #3b82f6
}

.light-theme .oc-icon-btn.oc-copy:hover {
    color: #2563eb !important
}

.light-theme .oc-icon-btn.oc-open-link {
    color: #0ea5e9
}

.light-theme .oc-icon-btn.oc-open-link:hover {
    color: #0284c7 !important
}

.light-theme .oc-icon-btn.oc-repeat {
    color: #22c55e
}

.light-theme .oc-icon-btn.oc-repeat:hover {
    color: #16a34a !important
}

.light-theme .oc-icon-btn.oc-report {
    color: #ef4444
}

.light-theme .oc-icon-btn.oc-report:hover {
    color: #dc2626 !important
}

.light-theme .oc-icon-btn.oc-details {
    color: #a855f7
}

.light-theme .oc-icon-btn.oc-details:hover {
    color: #9333ea !important
}

.light-theme .order-tooltip {
    color: #fff;
    background: #374151
}

.light-theme .oc-service-name {
    color: #1a1a1d
}

.light-theme .oc-meta span {
    color: #6b7280;
    background: #00000008;
    border-color: #00000012
}

.light-theme .oc-link {
    color: #6b7280;
    background: #00000008;
    border-color: #00000014
}

.light-theme .oc-link:hover {
    background: #0000000d
}

.light-theme .oc-stats span {
    color: #1a1a1d;
    background: #00000008;
    border-color: #00000012
}

.light-theme .oc-actions {
    border-top-color: #e8eaed
}

.light-theme .order-status.inprogress {
    color: #2563eb;
    background: #2563eb12;
    border-color: #2563eb29
}

.body-rtl .oc-link span {
    text-align: right;
    direction: rtl
}

.body-rtl .oc-link-arrow {
    margin-left: auto;
    margin-right: 0;
    transform: scaleX(-1)
}

.body-rtl .order-status i {
    margin-left: 0
}

.main-header-mobile-link {
    flex-direction: column;
    gap: 6px;
    padding: 8px 15px;
    display: flex
}

.main-header-mobile-link-item {
    background: var(--color-id-10);
    border: 1px solid #ffffff0d;
    border-radius: 6px;
    padding: 8px 15px;
    font-size: 17px;
    transition: all .3s;
    display: block;
    color: var(--color-id-14) !important;
    text-decoration: none !important
}

.main-header-link-active {
    border: none;
    background: var(--color-id-12) !important;
    color: #fff !important
}

.main-header-mobile-bottom {
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    display: flex
}

.main-header-btn-item {
    text-align: center;
    border-radius: 6px;
    width: 100%;
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none !important
}

.main-header-btn-item.active {
    background: var(--color-id-12);
    color: #fff !important
}

.main-header-btn-item:not(.active) {
    background: var(--color-id-7);
    color: var(--color-id-14) !important
}

#block_14 .ticket-form-modern {
    padding-top: 8px
}

#block_14 .type-selector {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    display: flex
}

#block_14 .type-btn {
    border: 1px solid var(--color-id-7);
    background: var(--color-id-8);
    min-width: 100px;
    color: var(--color-id-103);
    cursor: pointer;
    border-radius: 10px;
    flex: 1;
    padding: 12px 16px;
    font-family: inherit;
    font-size: 17px;
    font-weight: 600;
    transition: all .25s
}

#block_14 .type-btn:hover {
    border-color: var(--color-id-4);
    color: var(--color-id-14)
}

#block_14 .type-btn.active {
    background: var(--color-id-4);
    color: var(--color-id-20);
    border-color: var(--color-id-4)
}

.light-theme #block_14 .type-btn.active {
    background: var(--color-id-4);
    color: #fff;
    border-color: var(--color-id-4)
}

.light-theme #block_14 .type-btn {
    color: var(--color-id-103)
}

#block_14 .sf-item.search {
    width: 100%
}

#block_14 .search-box {
    background: var(--color-id-9);
    border: 1px solid #ff00001f;
    border-radius: 8px;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

#block_14 .search-box--input {
    color: var(--color-id-14);
    outline: none;
    flex: 1;
    height: 44px;
    padding: 10px 44px 10px 14px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    background: 0 0 !important;
    border: none !important
}

#block_14 .search-box--input::placeholder {
    color: var(--tx3)
}

#block_14 .search-box--icon {
    background: var(--color-id-4);
    color: #fff;
    cursor: pointer;
    opacity: .85;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

#block_14 .search-box--icon:hover {
    opacity: 1
}

#block_14 .tickets-list-rtl .search-box--input {
    padding: 10px 14px 10px 44px
}

#block_14 .tickets-list-rtl .search-box--icon {
    left: 5px;
    right: auto
}

#block_15 .ticket-cards-list {
    flex-direction: column;
    gap: 12px;
    display: flex
}

#block_15 .ticket-card {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    color: var(--color-id-14);
    border-radius: 14px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    text-decoration: none;
    transition: all .25s;
    display: flex
}

#block_15 .ticket-card:hover {
    border-color: var(--color-id-4);
    transform: translate(-4px)
}

#block_15 .tickets-list-rtl .ticket-card:hover {
    transform: translate(4px)
}

#block_15 .ticket-card-info {
    flex: 1;
    min-width: 0
}

#block_15 .ticket-card-title {
    color: var(--color-id-14);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden
}

#block_15 .ticket-card-date {
    color: var(--tx3);
    margin: 0;
    font-size: 12px
}

#block_15 .ticket-card-status {
    color: #ffc107;
    white-space: nowrap;
    background: #ffc1071f;
    border-radius: 20px;
    flex-shrink: 0;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600
}

#block_15 .ticket-card-status.has-reply {
    color: #00c853;
    background: #00c8531f
}

#block_15 .ticket-card-empty {
    opacity: .6;
    cursor: default;
    justify-content: center
}

#block_15 .ticket-card-empty:hover {
    border-color: var(--color-id-7);
    transform: none
}

.light-theme #block_15 .ticket-card-status {
    background: #ffc1071f
}

.light-theme #block_15 .ticket-card-status.has-reply {
    background: #00c8531f
}

@media (width<=576px) {
    #block_14 .type-selector {
        flex-direction: column
    }

    #block_14 .type-btn {
        min-width: auto
    }

    #block_15 .ticket-card {
        flex-direction: column;
        align-items: flex-start
    }

    #block_15 .ticket-card-status {
        align-self: flex-start;
        margin-top: 8px
    }
}

#block_14 .quick-msgs {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
    display: flex
}

#block_14 .qm-btn {
    border: 1px solid var(--color-id-7);
    background: var(--color-id-9);
    color: var(--color-id-103);
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex
}

#block_14 .qm-btn:hover {
    border-color: var(--color-id-4);
    color: var(--color-id-4);
    background: #f8b4000d
}

#block_14 .qm-btn.active {
    border-color: var(--color-id-4);
    color: var(--color-id-4);
    background: #f8b4001a
}

#block_14 .qm-btn--refill {
    color: #22c55e;
    background: linear-gradient(135deg, #22c55e2e, #22c55e14);
    border-color: #22c55e
}

#block_14 .qm-btn--refill:hover {
    color: #fff !important;
    background: #22c55e3d !important;
    border-color: #16a34a !important
}

#block_14 .qm-btn--refill.active {
    box-shadow: 0 0 0 2px #22c55e38, 0 8px 18px #22c55e42;
    color: #fff !important;
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    border-color: #22c55e !important
}

#block_14 .qm-btn--cancel {
    color: #ef4444;
    background: linear-gradient(135deg, #ef44442e, #ef444414);
    border-color: #ef4444
}

#block_14 .qm-btn--cancel:hover {
    color: #fff !important;
    background: #ef44443d !important;
    border-color: #dc2626 !important
}

#block_14 .qm-btn--cancel.active {
    box-shadow: 0 0 0 2px #ef444438, 0 8px 18px #ef444442;
    color: #fff !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #ef4444 !important
}

#block_14 .qm-btn--speed {
    color: #06b6d4;
    background: linear-gradient(135deg, #06b6d42e, #06b6d414);
    border-color: #06b6d4
}

#block_14 .qm-btn--speed:hover {
    color: #fff !important;
    background: #06b6d43d !important;
    border-color: #0891b2 !important
}

#block_14 .qm-btn--speed.active {
    box-shadow: 0 0 0 2px #06b6d438, 0 8px 18px #06b6d442;
    color: #fff !important;
    background: linear-gradient(135deg, #06b6d4, #0891b2) !important;
    border-color: #06b6d4 !important
}

#block_14 .qm-btn--other {
    color: #c084fc;
    background: linear-gradient(135deg, #a855f72e, #a855f714);
    border-color: #a855f7
}

#block_14 .qm-btn--other:hover {
    color: #fff !important;
    background: #a855f73d !important;
    border-color: #9333ea !important
}

#block_14 .qm-btn--other.active {
    box-shadow: 0 0 0 2px #a855f738, 0 8px 18px #a855f742;
    color: #fff !important;
    background: linear-gradient(135deg, #a855f7, #7e22ce) !important;
    border-color: #a855f7 !important
}

.light-theme #block_14 .qm-btn {
    color: var(--color-id-103)
}

.light-theme #block_14 .qm-btn:not(.qm-btn--refill):not(.qm-btn--cancel):not(.qm-btn--speed):not(.qm-btn--other):hover {
    color: var(--color-id-4)
}

.light-theme #block_14 .qm-btn:not(.qm-btn--refill):not(.qm-btn--cancel):not(.qm-btn--speed):not(.qm-btn--other).active {
    color: var(--color-id-4);
    border-color: var(--color-id-4)
}

@media (width<=576px) {
    #block_14 .quick-msgs {
        flex-direction: row
    }
}

#block_14 .page-main {
    width: 100%
}

#block_14 .grid-container {
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    display: grid
}

#block_14 .col-span-12 {
    grid-column: span 12
}

#block_14 .col-span-6 {
    grid-column: span 6
}

#block_14 .page-title {
    color: var(--color-id-14);
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    display: flex
}

#block_14 .page-title i {
    color: var(--color-id-4);
    font-size: 26px
}

#block_14 .tk-channels {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 24px;
    display: grid
}

#block_14 .tk-ch {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    color: var(--color-id-14);
    border-radius: 14px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    text-decoration: none;
    transition: border-color .25s;
    display: flex;
    position: relative
}

#block_14 .tk-ch:hover {
    border-color: var(--color-id-4)
}

#block_14 .tk-ch i {
    color: #25d366;
    flex-shrink: 0;
    font-size: 28px
}

#block_14 .tk-ch strong {
    margin-bottom: 2px;
    font-size: 14px;
    display: block
}

#block_14 .tk-ch span {
    color: var(--tx3);
    font-size: 12px
}

#block_14 .tk-ch-badge {
    background: var(--color-id-4);
    color: #fff;
    letter-spacing: .3px;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 12px
}

#block_14 .ticket-subjects {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
    display: flex
}

#block_14 .ts-btn {
    border: 2px solid var(--color-id-7);
    cursor: pointer;
    min-width: 80px;
    color: var(--color-id-103);
    background: var(--color-id-9);
    border-radius: 8px;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 600;
    transition: all .2s;
    display: flex;
    position: relative
}

#block_14 .ts-btn:hover {
    border-color: var(--color-id-4);
    color: var(--color-id-4);
    background: #f8b4000d
}

#block_14 .ts-btn.is-active {
    border-color: var(--color-id-4);
    color: var(--color-id-4);
    background: #f8b4001a
}

#block_14 #ts-40 {
    border-color: var(--color-id-4);
    color: var(--color-id-4);
    background: #f8b40014
}

#block_14 #ts-40:hover {
    background: #f8b40029
}

#block_14 #ts-40.is-active {
    border-color: var(--color-id-4);
    background: var(--color-id-4);
    color: var(--text-white)
}

#block_14 .ts-ai {
    background: #fff3;
    border-radius: 4px;
    margin-right: 2px;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 700
}

#block_14 .tk-warn-block {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    border-right: 4px solid var(--color-id-126);
    border-radius: 12px;
    margin-bottom: 16px;
    padding: 14px 16px;
    font-size: 17px
}

#block_14 .tk-warn-info {
    border-right-color: #3b82f6
}

#block_14 .tk-warn-warning {
    border-right-color: #f59e0b
}

#block_14 .tk-warn-head {
    color: var(--color-id-14);
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 700;
    display: flex
}

#block_14 .tk-warn-head i {
    font-size: 16px
}

#block_14 .tk-warn-info .tk-warn-head i {
    color: #3b82f6
}

#block_14 .tk-warn-warning .tk-warn-head i {
    color: #f59e0b
}

#block_14 .tk-warn-body {
    flex-direction: column;
    gap: 8px;
    display: flex
}

#block_14 .tk-warn-row {
    color: var(--color-id-103);
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
    display: flex
}

#block_14 .tk-warn-dot {
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    font-size: 12px;
    display: flex
}

#block_14 .tk-dot-warning {
    color: #f59e0b;
    background: #f59e0b26
}

#block_14 .tk-dot-info {
    color: #3b82f6;
    background: #3b82f626
}

#block_14 .tk-dot-danger {
    color: #ef4444;
    background: #ef444426
}

#block_14 .tk-dot-success {
    color: #22c55e;
    background: #22c55e26
}

#block_14 .tk-warn-note {
    border-top: 1px solid var(--color-id-7);
    color: var(--tx3);
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.5
}

#block_14 .ticket-pay-methods {
    flex-wrap: wrap;
    gap: 8px;
    display: flex
}

#block_14 .ticket-pay-btn {
    background: var(--color-id-8);
    border: 1px solid var(--color-id-7);
    color: var(--color-id-103);
    cursor: pointer;
    border-radius: 10px;
    padding: 8px 16px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    transition: all .2s
}

#block_14 .ticket-pay-btn:hover {
    border-color: var(--color-id-4);
    color: var(--color-id-14)
}

#block_14 .ticket-pay-btn.active {
    background: var(--color-id-4);
    color: #fff;
    border-color: var(--color-id-4)
}

#block_14 .uploader-wrap {
    margin-bottom: 16px
}

#block_14 .btn-main {
    background: var(--color-id-4);
    color: #fff;
    cursor: pointer;
    border: none;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 14px 24px;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-flex
}

#block_14 .btn-main:hover {
    opacity: .9;
    color: #fff
}

#block_14 .btn-main:disabled {
    opacity: .5;
    cursor: not-allowed
}

#block_14 .border-10 {
    border-radius: 10px
}

#block_14 .hidden {
    display: none
}

#block_14 .mb-12 {
    margin-bottom: 12px
}

#block_14 .ticket-list-title {
    color: var(--color-id-14);
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 700
}

#block_14 .ticket-list {
    flex-direction: column;
    gap: 16px;
    display: flex
}

#block_14 .ticket-card {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    color: var(--color-id-14);
    box-shadow: 0px 2px 8px 4px var(--color-id-2);
    border-radius: 12px;
    padding: 14px 16px;
    text-decoration: none;
    transition: all .2s;
    display: block
}

#block_14 .ticket-card:hover {
    border-color: var(--color-id-4)
}

#block_14 .tc-top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    display: flex
}

#block_14 .tc-meta {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex
}

#block_14 .tc-id {
    cursor: pointer;
    user-select: none;
    color: var(--color-id-17);
    background: #f8b40014;
    border: 1px solid #f8b40026;
    border-radius: 8px;
    flex-shrink: 0;
    padding: 3px 10px;
    font-size: 17px;
    font-weight: 800;
    transition: background .15s
}

#block_14 .tc-id:hover {
    background: #f8b40024
}

#block_14 .tc-subject {
    color: var(--color-id-103);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
    overflow: hidden
}

#block_14 .tc-status {
    color: #f59e0b;
    background: #ffc1071f;
    border-radius: 20px;
    flex-shrink: 0;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700
}

#block_14 .tc-status--تم الرد,
#block_14 .tc-status--answered {
    color: #00c853;
    background: #00c8531f
}

#block_14 .tc-status--مغلق,
#block_14 .tc-status--closed {
    color: #8b8e9f;
    background: #6464781f
}

#block_14 .tc-date {
    color: var(--tx3);
    align-items: center;
    gap: 5px;
    font-size: 11px;
    display: flex
}

#block_14 .tc-date i {
    font-size: 12px
}

#block_14 .input-group {
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

#block_14 .input-group .form-control {
    border-radius: 8px 0 0 8px;
    flex: 1
}

#block_14 .input-group-btn {
    display: flex
}

#block_14 .input-group-btn .btn {
    background: var(--color-id-4);
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 0 8px 8px 0;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding: 0 16px;
    font-size: 14px;
    display: flex
}

#block_14 .input-group-btn .btn:hover {
    opacity: .85
}

#block_14 .well {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-7);
    box-shadow: 0px 2px 8px 4px var(--color-id-2);
    border-radius: 14px;
    padding: 22px 20px
}

@media (width<=991px) {
    #block_14 .grid-container {
        gap: 16px
    }

    #block_14 .col-span-6 {
        grid-column: span 12
    }

    #block_14 .tk-channels {
        grid-template-columns: 1fr
    }

    #block_14 .ticket-subjects {
        flex-direction: row
    }

    #block_14 .ts-btn {
        min-width: auto
    }
}

.parent-container,
.wrapper.wrapper-navbar {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important
}

body.v-auth .parent-container,
body.v-auth .wrapper.wrapper-navbar {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important
}

.parent-container {
    flex-direction: row;
    min-height: 100dvh;
    display: flex;
    position: relative
}

.top_bar {
    z-index: 1050;
    background: var(--color-id-9);
    width: auto;
    height: 64px;
    box-shadow: none;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    transition: left .3s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
    top: 0;
    left: 270px;
    right: 0;
    border-bottom: 2px solid #f8b400 !important
}

.light-theme .top_bar {
    box-shadow: none;
    background: #fff;
    border-bottom: 2px solid #f8b400 !important
}

.toggleSidebar .top_bar {
    left: 0
}

.top_left {
    align-items: center;
    gap: 12px;
    display: flex
}

.top_left .navbar-toggler {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 8px;
    outline: none;
    justify-content: center;
    align-items: center;
    padding: 8px;
    transition: background .2s;
    display: flex
}

.top_left .navbar-toggler:hover {
    background: #ffffff14
}

.light-theme .top_left .navbar-toggler:hover {
    background: #0000000d
}

.top_left .navbar-burger-line,
.top_left .navbar-burger-line:before,
.top_left .navbar-burger-line:after {
    background: var(--color-id-14)
}

.logo_for_phone {
    display: none
}

.logo_for_phone a {
    color: var(--color-id-14);
    align-items: center;
    text-decoration: none;
    display: flex
}

.logo_for_phone img {
    object-fit: contain;
    width: auto;
    max-width: 140px;
    height: 36px
}

.logo_for_phone strong {
    color: var(--color-id-14);
    font-size: 18px
}

.top_right {
    align-items: center;
    gap: 0;
    display: flex
}

.top_right>* {
    margin: 0;
    padding: 0
}

.top_right .navbar-nav-currencies {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.top_right .header-theme-switch-wrap {
    align-items: center;
    padding: 0;
    display: flex
}

.parent-container>aside {
    z-index: 1052;
    width: 270px;
    height: 100dvh;
    max-height: 100dvh;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    transform: translate(0)
}

.desktop-toggle-btn {
    width: 32px;
    height: 32px;
    color: var(--color-id-14);
    cursor: pointer;
    z-index: 150;
    background: #1e1d1f;
    border: 1px solid #ffffff0d;
    border-radius: 50%;
    outline: none;
    justify-content: center;
    align-items: center;
    transition: background .2s, border-color .2s, box-shadow .2s, color .2s, transform .2s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: absolute;
    top: 16px;
    right: -16px;
    box-shadow: 0 4px 12px #0000004d
}

.desktop-toggle-btn:hover {
    background: #252427;
    border-color: #ffffff1a;
    transform: scale(1.1);
    box-shadow: 0 6px 16px #00000073
}

.desktop-toggle-btn i {
    font-size: 11px;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.toggleSidebar .desktop-toggle-btn {
    right: -24px
}

.toggleSidebar .desktop-toggle-btn i {
    transform: rotate(180deg)
}

.body-rtl .desktop-toggle-btn {
    left: -16px;
    right: auto
}

.body-rtl .toggleSidebar .desktop-toggle-btn {
    left: -24px;
    right: auto
}

.body-rtl .desktop-toggle-btn i {
    transform: rotate(180deg)
}

.body-rtl .toggleSidebar .desktop-toggle-btn i {
    transform: rotate(0)
}

.light-theme .desktop-toggle-btn {
    background: #fff;
    border-color: #dcdfe3;
    box-shadow: 0 4px 12px #0000001f
}

.light-theme .desktop-toggle-btn:hover {
    background: #f4f5f7;
    border-color: #cdd1d6;
    box-shadow: 0 6px 16px #0000002e
}

@media (width>=992px) {
    .top_bar #toggleSidebarBtn {
        display: none !important
    }
}

.parent-container>aside .component-sidebar__menu-logo {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    display: flex;
    position: relative
}

.sidebar-close-btn {
    color: var(--color-id-14);
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 8px;
    font-size: 20px;
    transition: background .2s, transform .2s;
    display: none
}

.sidebar-close-btn:hover {
    background: #ffffff14
}

.light-theme .sidebar-close-btn:hover {
    background: #0000000d
}

.parent-container>aside .component-sidebar_wrapper {
    width: 270px;
    height: 100%
}

.parent-container>aside .component-sidebar {
    flex-direction: column;
    height: 100%;
    display: flex
}

.parent-container>aside .component-sidebar__menu {
    flex-direction: column;
    flex: 1;
    height: 100%;
    display: flex;
    overflow: hidden
}

.parent-container>aside .sidebar-body {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: hidden
}

.parent-container>aside .component-sidebar__menu-logo {
    flex-shrink: 0
}

.parent-container>aside .component-sidebar__menu-logo a {
    justify-content: center;
    align-items: center;
    display: flex
}

.parent-container>aside .component-sidebar__menu-logo a img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 55px
}

.parent-container>aside .user-box {
    flex-shrink: 0
}

.parent-container>aside .sidebar-block__left-menu {
    scrollbar-width: thin;
    scrollbar-color: #ffffff26 transparent;
    flex: 1;
    min-height: 0;
    overflow-y: auto
}

.parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar {
    width: 4px
}

.parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar-track {
    background: 0 0
}

.parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar-thumb {
    background: #ffffff26;
    border-radius: 4px
}

.parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar-thumb:hover {
    background: #ffffff40
}

.light-theme .parent-container>aside .sidebar-block__left-menu {
    scrollbar-color: #0000001f transparent
}

.light-theme .parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar-thumb {
    background: #0000001f
}

.light-theme .parent-container>aside .sidebar-block__left-menu::-webkit-scrollbar-thumb:hover {
    background: #0003
}

.parent-container>aside .sidebar-logout-box {
    border-top: 1px solid #ffffff14;
    flex-shrink: 0;
    margin-top: auto;
    padding: 16px 20px
}

.light-theme .parent-container>aside .sidebar-logout-box {
    border-top-color: #dcdfe3
}

.user-box {
    padding: 20px 16px;
    box-shadow: none !important;
    background: 0 0 !important;
    border: none !important;
    width: 100% !important;
    margin: 0 !important
}

.user-profile-summary {
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex
}

.user-avatar-circle {
    background: #f8b400;
    border: 1px solid #ffffff14;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    box-shadow: 0 4px 10px #0003;
    margin: 0 !important
}

.user-avatar-circle span {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.light-theme .user-avatar-circle {
    background: #f8b400;
    border-color: #ffffff1a;
    box-shadow: 0 4px 10px #00000014
}

.light-theme .user-avatar-circle span {
    color: #fff
}

.user-info-stack {
    text-align: left;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
    display: flex
}

.body-rtl .user-info-stack {
    text-align: right;
    align-items: flex-end
}

.user-info-stack .username {
    color: var(--color-id-14);
    letter-spacing: -.01em;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    justify-content: flex-start !important
}

.user-balance {
    color: #ffffff73;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    overflow: hidden
}

.light-theme .user-balance {
    color: #00000080
}

.user-divider {
    border-top: 1px solid #ffffff14;
    margin: 16px 0
}

.light-theme .user-divider {
    border-top-color: #dcdfe3
}

.user-actions-row {
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 16px;
    display: flex
}

.parent-container>aside .sidebar-block__left-menu {
    padding-top: 12px !important
}

.user-action-btn {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 17px;
    transition: background .2s, border-color .2s, color .2s, transform .2s cubic-bezier(.4, 0, .2, 1), filter .2s;
    display: flex;
    text-decoration: none !important
}

.user-action-btn:hover {
    filter: brightness(1.25);
    transform: translateY(-1px)scale(1.06);
    box-shadow: 0 4px 10px #0003
}

.light-theme .user-action-btn:hover {
    filter: brightness(.9)contrast(1.1);
    box-shadow: 0 4px 10px #0000000d
}

.btn-account {
    color: #8a99ad !important;
    background: #8a99ad0d !important;
    border: 1px solid #8a99ad26 !important
}

.light-theme .btn-account {
    color: #5c6b73 !important;
    background: #5c6b730a !important;
    border-color: #5c6b7326 !important
}

.btn-tickets {
    color: #3b82f6 !important;
    background: #3b82f60d !important;
    border: 1px solid #3b82f626 !important
}

.light-theme .btn-tickets {
    color: #1d4ed8 !important;
    background: #1d4ed80a !important;
    border-color: #1d4ed826 !important
}

.btn-logout {
    color: #f8b400 !important;
    background: #f8b4000d !important;
    border: 1px solid #f8b40026 !important
}

.light-theme .btn-logout {
    color: #f8b400 !important;
    background: #f8b4000a !important;
    border-color: #f8b40026 !important
}

.toggleSidebar>aside {
    transform: translate(-100%)
}

.parent-container>.wrapper {
    flex: 1;
    min-height: 100dvh;
    margin-left: 270px;
    padding-top: 64px;
    transition: margin-left .3s cubic-bezier(.4, 0, .2, 1)
}

.toggleSidebar>.wrapper {
    margin-left: 0
}

.parent-container>.sidebar-overlay {
    z-index: 1051;
    opacity: 0;
    cursor: pointer;
    background: #00000080;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

.body-rtl .top_bar {
    transition: right .3s cubic-bezier(.4, 0, .2, 1);
    left: 0;
    right: 270px
}

.body-rtl .toggleSidebar .top_bar {
    right: 0
}

.body-rtl .parent-container>aside {
    left: auto;
    right: 0;
    transform: translate(0)
}

.body-rtl .toggleSidebar>aside {
    transform: translate(100%)
}

.body-rtl .parent-container>.wrapper {
    margin-left: 0;
    margin-right: 270px;
    transition: margin-right .3s cubic-bezier(.4, 0, .2, 1)
}

.body-rtl .toggleSidebar>.wrapper {
    margin-right: 0
}

@media (width<=991px) {
    .top_bar {
        padding: 0 16px;
        left: 0
    }

    .logo_for_phone {
        display: flex
    }

    .parent-container>aside .component-sidebar_wrapper {
        display: block !important
    }

    .parent-container>aside {
        overflow: hidden;
        transform: translate(-100%);
        z-index: 999999 !important
    }

    .toggleSidebar>aside {
        transform: translate(0);
        z-index: 999999 !important
    }

    .toggleSidebar>.sidebar-overlay {
        opacity: 1;
        display: block;
        z-index: 999998 !important
    }

    .parent-container>.wrapper {
        margin-left: 0
    }

    .toggleSidebar .top_bar #toggleSidebarBtn {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

    .sidebar-close-btn {
        display: flex;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%)
    }

    .body-rtl .sidebar-close-btn {
        left: 16px;
        right: auto
    }

    .desktop-toggle-btn {
        display: none !important
    }

    .body-rtl .top_bar {
        right: 0
    }

    .body-rtl .parent-container>aside {
        transform: translate(100%)
    }

    .body-rtl .toggleSidebar>aside {
        transform: translate(0)
    }

    .body-rtl .parent-container>.wrapper {
        margin-right: 0
    }
}

.sidebar-brand-text {
    letter-spacing: .5px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3
}

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

    .parent-container>aside,
    .top_bar,
    .parent-container>.wrapper,
    .parent-container>.sidebar-overlay {
        transition: none !important
    }
}

.logo_collapsed_desktop {
    z-index: 10;
    align-items: center;
    display: none
}

.logo_collapsed_desktop a {
    color: var(--color-id-14);
    align-items: center;
    text-decoration: none;
    display: flex
}

.logo_collapsed_desktop img {
    object-fit: contain;
    width: auto;
    max-width: 140px;
    height: 36px
}

.logo_collapsed_desktop strong {
    color: var(--color-id-14);
    font-size: 18px;
    font-weight: 700
}

@media (width>=992px) {
    .toggleSidebar .logo_collapsed_desktop {
        opacity: 0;
        align-items: center;
        margin-left: 24px;
        animation: .3s cubic-bezier(.4, 0, .2, 1) forwards fadeInDesktopLogo;
        display: flex
    }

    .body-rtl .toggleSidebar .logo_collapsed_desktop {
        margin-left: 0;
        margin-right: 24px;
        animation-name: fadeInDesktopLogoRTL
    }
}

@keyframes fadeInDesktopLogo {
    0% {
        opacity: 0;
        transform: translate(-10px)
    }

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

.desktop-currency-wrapper {
    display: flex
}

.mobile-currency-toggle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--navbar_private_items_text_color);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: none;
    position: relative
}

.mobile-currency-overlay {
    z-index: 1100;
    min-width: 120px;
    margin-top: 0;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #181718 !important;
    border: 1px solid #ffffff0d !important;
    border-radius: 12px !important;
    padding: 6px 0 !important;
    box-shadow: 0 10px 25px #00000080 !important
}

.light-theme .mobile-currency-overlay {
    background: #fff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px #00000014 !important
}

.mobile-currency-overlay.show {
    display: block
}

.mobile-currency-overlay-rtl {
    left: 0;
    right: auto
}

.mobile-currency-item {
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: var(--color-id-103) !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all .2s !important
}

.mobile-currency-item:hover {
    text-decoration: none;
    color: #f8b400 !important;
    background: #f8b40014 !important
}

.light-theme .mobile-currency-item {
    color: #475569 !important
}

.light-theme .mobile-currency-item:hover {
    color: #f8b400 !important;
    background: #f8b4000d !important
}

@media (width<=991px) {
    .desktop-currency-wrapper {
        display: none !important
    }

    .mobile-currency-toggle {
        display: flex
    }
}

@keyframes fadeInDesktopLogoRTL {
    0% {
        opacity: 0;
        transform: translate(10px)
    }

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

.component_private_sidebar .sidebar-modern {
    background: var(--sidebar_background_color);
    width: 270px;
    max-width: 100vw;
    height: 100%;
    box-shadow: var(--sidebar_box_shadow);
    z-index: 11;
    border-style: none;
    border-width: 0;
    flex-direction: column;
    flex-basis: 270px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden
}

.component_private_sidebar.sidebar-rtl .sidebar-modern {
    left: auto;
    right: 0
}

.component_private_sidebar .sb-brand {
    border-radius: var(--r-lg);
    border: 1px solid var(--sb-bdr);
    transition: background var(--t);
    background: #ffffff08;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 16px 20px 0;
    padding: 10px 12px;
    text-decoration: none;
    display: flex
}

.sb-logo {
    object-fit: contain !important;
    width: auto !important;
    max-width: 100% !important;
    height: 45px !important
}

.component_private_sidebar .sidebar-close-btn {
    width: 36px;
    height: 36px;
    color: var(--color-id-14);
    cursor: pointer;
    background: #ffffff0f;
    border: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transition: background .2s;
    display: none
}

.component_private_sidebar .sidebar-close-btn:hover {
    background: #ffffff1f
}

.component_private_sidebar .modern-user-card {
    flex-shrink: 0;
    padding: 12px 12px 4px
}

.component_private_sidebar .sidebar_user {
    background: #ffffff08;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    transition: background .3s;
    display: flex;
    position: relative
}

.component_private_sidebar .sidebar_user:hover {
    background: #ffffff0f
}

.component_private_sidebar .user_avtar {
    border-radius: 14px;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    position: relative;
    overflow: hidden
}

.component_private_sidebar .user_avtar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.component_private_sidebar .user-info-text {
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    gap: 4px;
    min-width: 0;
    display: flex
}

.component_private_sidebar .user-info-text .username {
    color: var(--color-id-14);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden
}

.component_private_sidebar .user_info .balance {
    text-align: right;
    align-items: center;
    gap: 5px;
    width: 100%;
    display: flex
}

.component_private_sidebar .user_info .wallet-icon {
    color: var(--color-id-4);
    align-items: center;
    font-size: 12px;
    display: flex
}

.component_private_sidebar .user_info .amount {
    color: var(--color-id-14);
    white-space: nowrap;
    font-size: 17px;
    font-weight: 800
}

.component_private_sidebar .user-info-text .amount bdi {
    direction: ltr;
    display: inline-block
}

.component_private_sidebar .account-settings-btn {
    border: 1px solid var(--color-id-7);
    width: 34px;
    height: 34px;
    color: var(--color-id-14);
    background: #ffffff0a;
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.component_private_sidebar .account-settings-btn:hover {
    color: var(--color-id-4);
    background: #f8b4001a;
    border-color: #f8b40040;
    text-decoration: none;
    transform: rotate(90deg)
}

.component_private_sidebar .sidebar-menu {
    flex-direction: column;
    flex: 1;
    gap: 1px;
    padding: 6px 10px 10px;
    display: flex;
    overflow: hidden auto
}

.component_private_sidebar .sidebar-menu::-webkit-scrollbar {
    width: 4px
}

.component_private_sidebar .sidebar-menu::-webkit-scrollbar-track {
    background: 0 0
}

.component_private_sidebar .sidebar-menu::-webkit-scrollbar-thumb {
    background: #ffffff14;
    border-radius: 4px
}

.component_private_sidebar .sidebar-menu-item {
    color: var(--sidebar_items_text_color);
    border-radius: 10px;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s;
    display: flex;
    position: relative
}

.component_private_sidebar .sidebar-menu-item i {
    width: 36px;
    height: 32px;
    color: var(--sidebar_items_text_color);
    background: #ffffff0f;
    border-radius: 9px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    transition: all .25s;
    display: flex
}

.component_private_sidebar .sidebar-menu-item:hover {
    background: var(--sidebar_items_hover_background_color)
}

.component_private_sidebar .sidebar-menu-item:hover i {
    transform: translate(-4px)
}

.component_private_sidebar .sidebar-menu-item.active {
    background: var(--color-id-4);
    color: var(--color-id-20) !important
}

.component_private_sidebar .sidebar-menu-item.active i {
    background: var(--color-id-20);
    color: var(--color-id-4);
    transform: translate(0);
    box-shadow: 0 5px 15px #00000026
}

.component_private_sidebar .sidebar-menu-item.active:hover {
    background: var(--color-id-16)
}

.component_private_sidebar .sidebar-menu-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    overflow: hidden
}

.component_private_sidebar .sidebar-bottom {
    border-top: 1px solid var(--color-id-7);
    padding: 12px 16px calc(env(safe-area-inset-bottom) + 16px);
    flex-direction: column;
    flex-shrink: 0;
    gap: 10px;
    margin-top: auto;
    display: flex
}

.component_private_sidebar .color-change-box {
    gap: 6px;
    display: flex
}

.component_private_sidebar .color-btn {
    color: var(--color-id-14);
    cursor: pointer;
    background: #ffffff0a;
    border: 1px solid #0000;
    border-radius: 8px;
    outline: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 8px 4px;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 600;
    transition: all .2s;
    display: flex
}

.component_private_sidebar .color-btn:hover {
    background: #ffffff1a
}

.component_private_sidebar .color-btn.active {
    background: var(--color-id-4);
    color: var(--color-id-20);
    border-color: var(--color-id-4)
}

.component_private_sidebar .color-btn i {
    font-size: 12px
}

.component_private_sidebar .color-btn span {
    line-height: 1
}

.component_private_sidebar .btn-logout-sidebar {
    width: 100%;
    color: var(--color-id-4);
    cursor: pointer;
    box-sizing: border-box;
    background: 0 0;
    border: 1px solid #f8b40040;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 10px 14px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.component_private_sidebar .btn-logout-sidebar:hover {
    color: var(--color-id-4);
    background: #f8b4001a;
    text-decoration: none
}

.component_private_sidebar.sidebar-rtl .sidebar-menu-item i {
    transform: none
}

.component_private_sidebar.sidebar-rtl .sidebar-menu-item:hover i {
    transform: translate(4px)
}

.component_private_sidebar.sidebar-rtl .account-settings-btn:hover {
    transform: rotate(-90deg)
}

.light-theme .component_private_sidebar .sidebar_user {
    background: #00000006
}

.light-theme .component_private_sidebar .sidebar_user:hover {
    background: #0000000d
}

.light-theme .component_private_sidebar .color-btn {
    background: #0000000a
}

.light-theme .component_private_sidebar .color-btn:hover {
    background: #00000014
}

.light-theme .component_private_sidebar .color-btn.active {
    background: var(--color-id-4);
    color: var(--color-id-20)
}

.light-theme .component_private_sidebar .sidebar-menu-item i {
    background: #0000000d
}

.light-theme .component_private_sidebar .sidebar-menu-item.active {
    background: var(--color-id-4);
    color: var(--color-id-20) !important
}

.light-theme .component_private_sidebar .sidebar-menu-item.active i {
    background: var(--color-id-20);
    color: var(--color-id-4);
    box-shadow: 0 5px 15px #00000026
}

.light-theme .component_private_sidebar .sidebar-menu-item:hover {
    background: #00000008
}

.light-theme .component_private_sidebar .account-settings-btn {
    border-color: var(--color-id-7);
    background: #00000008
}

.light-theme .component_private_sidebar .account-settings-btn:hover {
    background: #f8b40014;
    border-color: #f8b40033
}

.light-theme .component_private_sidebar .sidebar-menu::-webkit-scrollbar-thumb {
    background: #0000001a
}

.light-theme .component_private_sidebar .sidebar-close-btn {
    background: #0000000a
}

.light-theme .component_private_sidebar .sidebar-close-btn:hover {
    background: #00000014
}

@media (width<=991px) {
    .component_private_sidebar .sidebar-close-btn {
        display: flex
    }

    .component_private_sidebar .sidebar-modern {
        flex-basis: 280px;
        width: 280px
    }
}

.desktop-lang-wrapper {
    align-items: center;
    display: flex
}

.lang-switcher-container {
    justify-content: center;
    align-items: center;
    display: flex
}

.lang-switcher {
    display: flex;
    position: relative
}

.lang-switcher__toggle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--navbar_private_items_text_color);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: flex
}

.lang-switcher__container {
    z-index: 1100;
    background: var(--balance_dropdown_background_color);
    border: 1px solid #ffffff0f;
    border-radius: 8px;
    min-width: 130px;
    margin: 0;
    padding: 4px 0;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    overflow: hidden;
    box-shadow: 0 8px 24px #0006
}

.lang-switcher.show .lang-switcher__container {
    display: block
}

.lang-switcher__item {
    white-space: nowrap;
    background: 0 0;
    border: none;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
    display: block;
    color: var(--color-id-103) !important;
    padding: 8px 16px !important
}

.lang-switcher__item:hover {
    text-decoration: none;
    color: #f8b400 !important;
    background: #f8b40014 !important
}

.mobile-lang-toggle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    color: var(--navbar_private_items_text_color);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: none;
    position: relative
}

.mobile-lang-overlay {
    z-index: 1100;
    min-width: 120px;
    margin-top: 0;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #181718 !important;
    border: 1px solid #ffffff0d !important;
    border-radius: 12px !important;
    padding: 6px 0 !important;
    box-shadow: 0 10px 25px #00000080 !important
}

.mobile-lang-overlay.show {
    display: block
}

.mobile-lang-overlay-rtl {
    left: 0;
    right: auto
}

.mobile-lang-item {
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: var(--color-id-103) !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all .2s !important
}

.mobile-lang-item:hover {
    text-decoration: none;
    color: #f8b400 !important;
    background: #f8b40014 !important
}

.light-theme .lang-switcher__toggle {
    color: #3d3d43
}

.light-theme .lang-switcher__container {
    background: #fff;
    border-color: #dcdfe3;
    box-shadow: 0 8px 24px #0000001a
}

.light-theme .lang-switcher__item {
    color: #3d3d43 !important
}

.light-theme .lang-switcher__item:hover {
    color: #f8b400 !important;
    background: #f8b4000d !important
}

.light-theme .mobile-lang-toggle {
    color: #3d3d43
}

.light-theme .mobile-lang-overlay {
    background: #fff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 25px #00000014 !important
}

.light-theme .mobile-lang-item {
    color: #475569 !important
}

.light-theme .mobile-lang-item:hover {
    color: #f8b400 !important;
    background: #f8b4000d !important
}

.body-rtl .lang-switcher__container {
    left: 0;
    right: auto
}

.body-rtl .lang-switcher.show .lang-switcher__container {
    text-align: right
}

@media (width<=991px) {
    .desktop-lang-wrapper {
        display: none !important
    }

    .mobile-lang-toggle {
        display: flex
    }
}

.header-telegram-link,
.header-whatsapp-link {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 17px;
    display: flex;
    color: var(--navbar_private_items_text_color) !important;
    text-decoration: none !important
}

.light-theme .header-telegram-link,
.light-theme .header-whatsapp-link {
    color: #3d3d43 !important
}

#block_11 {
    isolation: isolate;
    background: var(--color-id-8);
    min-height: calc(100vh - 92px);
    color: var(--color-id-14);
    align-items: center;
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden
}

#block_11 .block-bg {
    background: linear-gradient(135deg, #f8b40014, transparent 28%), radial-gradient(circle at 18% 18%, #f8b4001f, transparent 28%), linear-gradient(180deg, var(--color-id-9), var(--color-id-8));
    z-index: -3
}

#block_11 .block-divider-bottom {
    display: none
}

#block_11 .login-bg-motion {
    z-index: -2;
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden
}

#block_11 .login-bg-motion:before {
    content: "";
    background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
    background-size: 56px 56px;
    animation: 18s linear infinite loginGridDrift;
    position: absolute;
    inset: 0;
    mask-image: linear-gradient(#000000d9, #0000 82%)
}

#block_11 .login-bg-motion span {
    opacity: .55;
    border: 1px solid #f8b40029;
    border-radius: 16px;
    width: 220px;
    height: 220px;
    animation: 9s cubic-bezier(.22, 1, .36, 1) infinite alternate loginPanelFloat;
    position: absolute;
    transform: rotate(18deg)
}

#block_11 .login-bg-motion span:first-child {
    top: 12%;
    left: 8%
}

#block_11 .login-bg-motion span:nth-child(2) {
    width: 280px;
    height: 280px;
    animation-delay: -2.5s;
    bottom: 10%;
    right: 10%
}

#block_11 .login-bg-motion span:nth-child(3) {
    width: 120px;
    height: 120px;
    animation-delay: -5s;
    top: 28%;
    right: 34%
}

#block_11 .login-shell {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 448px);
    align-items: center;
    gap: 32px;
    width: 100%;
    display: grid
}

#block_11 .login-hero-panel {
    flex-direction: column;
    justify-content: center;
    min-height: 520px;
    padding: 32px 0;
    display: flex;
    position: relative
}

#block_11 .block-signin__content {
    max-width: 620px;
    margin-bottom: 32px
}

#block_11 .login-eyebrow {
    min-height: 30px;
    color: var(--color-id-17);
    background: #f8b40012;
    border: 1px solid #f8b40047;
    border-radius: 30px;
    align-items: center;
    margin-bottom: 18px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    display: inline-flex
}

#block_11 .block-signin__title {
    margin-bottom: 14px;
    padding: 0
}

#block_11 .block-signin__title h1 {
    max-width: 680px;
    color: var(--color-id-14);
    letter-spacing: 0;
    margin: 0;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.18
}

#block_11 .block-signin__description {
    padding: 0
}

#block_11 .block-signin__description p {
    max-width: 62ch;
    color: var(--color-id-103);
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8
}

#block_11 .login-graphic {
    width: min(100%, 560px);
    height: 210px;
    margin-top: 8px;
    position: relative
}

#block_11 .login-graphic:before,
#block_11 .login-graphic:after {
    content: "";
    border: 1px solid #ffffff14;
    border-radius: 16px;
    position: absolute;
    inset: 28px 34px;
    transform: skewY(-4deg)
}

#block_11 .login-graphic:after {
    border-color: #f8b40038;
    animation: 3.5s cubic-bezier(.22, 1, .36, 1) infinite alternate loginTrace;
    inset: 58px 78px 16px 18px
}

#block_11 .login-graphic__card {
    border: 1px solid var(--color-id-7);
    background: var(--color-id-9);
    min-height: 52px;
    color: var(--color-id-14);
    z-index: 2;
    border-radius: 16px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    position: absolute;
    box-shadow: 0 8px 32px #0003
}

#block_11 .login-graphic__card i {
    color: var(--color-id-17)
}

#block_11 .login-graphic__card--main {
    top: 24px;
    justify-content: space-between;
    min-width: 210px;
    animation: 5s cubic-bezier(.22, 1, .36, 1) infinite alternate loginCardRise;
    inset-inline-start: 36px
}

#block_11 .login-graphic__card--one {
    bottom: 24px;
    inset-inline-start: 88px
}

#block_11 .login-graphic__card--two {
    top: 82px;
    inset-inline-end: 44px
}

#block_11 .login-graphic__icon {
    background: #f8b4001f;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: inline-flex
}

#block_11 .login-graphic__line {
    background: linear-gradient(90deg, var(--color-id-17), #f8b4001f);
    border-radius: 30px;
    width: 54px;
    height: 6px
}

#block_11 .login-graphic__rail {
    bottom: 58px;
    z-index: 1;
    gap: 8px;
    display: flex;
    position: absolute;
    inset-inline-end: 112px
}

#block_11 .login-graphic__rail span {
    transform-origin: bottom;
    background: #f8b4002e;
    border-radius: 30px;
    width: 8px;
    height: 56px;
    animation: 1.8s cubic-bezier(.22, 1, .36, 1) infinite alternate loginBars;
    display: block
}

#block_11 .login-graphic__rail span:nth-child(2) {
    height: 82px;
    animation-delay: -.3s
}

#block_11 .login-graphic__rail span:nth-child(3) {
    height: 44px;
    animation-delay: -.6s
}

#block_11 .login-graphic__rail span:nth-child(4) {
    height: 68px;
    animation-delay: -.9s
}

#block_11 .block-signin__card {
    width: 100%;
    min-width: 0;
    max-width: 448px;
    margin-inline-start: auto
}

#block_11 .component_card {
    --card_background_color: var(--color-id-9);
    --card_text_color: var(--color-id-14);
    --card_border_color: var(--color-id-7)
}

#block_11 .login-card__header {
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    display: flex
}

#block_11 .login-card__mark {
    width: 46px;
    height: 46px;
    color: var(--color-id-17);
    background: #f8b4001a;
    border: 1px solid #f8b40038;
    border-radius: 14px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

#block_11 .login-card__header h2 {
    color: var(--color-id-14);
    margin: 0 0 2px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.25
}

#block_11 .login-card__header p {
    color: var(--color-id-103);
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

#block_11 .login-form-fields {
    gap: 16px;
    display: grid
}

#block_11 .component_form_group {
    --form_group_input_border_color: var(--color-id-7);
    --form_group_input_focus_border_color: var(--color-id-17)
}

#block_11 .component_form_group .form-control {
    height: 50px;
    font-size: 14px;
    transition: background-color .2s, border-color .2s, color .2s
}

#block_11 .component_form_group .form-control:focus {
    border-color: var(--color-id-17)
}

#block_11 .component_form_group .form-group label {
    color: var(--form_group_input_label_text_color);
    letter-spacing: 0;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800
}

#block_11 .login-options {
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 2px;
    display: flex
}

#block_11 .sign-in__remember-me,
#block_11 .sign-in__forgot {
    align-items: center;
    min-height: 32px;
    display: flex
}

#block_11 .sign-in__forgot {
    justify-content: flex-end
}

#block_11 .sign-in__forgot a,
#block_11 .block-signin-text__sign-up-link {
    color: var(--color-id-17);
    font-weight: 800;
    text-decoration: none;
    transition: color .2s, opacity .2s
}

#block_11 .sign-in__forgot a:hover,
#block_11 .block-signin-text__sign-up-link:hover {
    color: var(--color-id-16);
    text-decoration: none
}

#block_11 .component_button_submit {
    --button_primary_background_color: var(--color-id-17);
    --button_primary_border_color: var(--color-id-17);
    margin-top: 18px
}

#block_11 .component_button_submit .btn-big-primary {
    border-radius: 8px;
    width: 100%;
    min-height: 48px;
    font-weight: 800;
    transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s
}

#block_11 .component_button_submit .btn-big-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 15px #f8b40066
}

#block_11 .login-signup-link {
    color: var(--color-id-103);
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    font-size: 13px;
    font-weight: 700;
    display: flex
}

#block_11 .alert {
    border-radius: 8px;
    font-weight: 700
}

#block_11 .block-signin-text-rtl .login-hero-panel,
#block_11 .block-signin-text-rtl .block-signin__title,
#block_11 .block-signin-text-rtl .block-signin__description {
    text-align: center
}

#block_11 .block-signin-text-rtl .login-options,
#block_11 .block-signin-text-rtl .login-card__header {
    direction: rtl
}

#block_11 .block-signin-text-rtl .sign-in__forgot {
    justify-content: flex-start
}

.light-theme #block_11 {
    background: #f4f5f7
}

.light-theme #block_11 .block-bg {
    background: linear-gradient(135deg, #f8b4000e, #0000 30%), radial-gradient(circle at 18% 16%, #f8b40014, #0000 28%), linear-gradient(#fff, #f4f5f7)
}

.light-theme #block_11 .login-bg-motion:before {
    background-image: linear-gradient(#0f172a0f 1px, #0000 1px), linear-gradient(90deg, #0f172a0f 1px, #0000 1px)
}

.light-theme #block_11 .login-graphic:before {
    border-color: #0f172a14
}

.light-theme #block_11 .login-graphic__card {
    background: #fff;
    box-shadow: 0 10px 30px #0f172a14
}

.light-theme #block_11 .component_card {
    --card_background_color: #fff;
    --card_text_color: #1a1a1d;
    --card_border_color: #dcdfe3
}

@media (width<=991px) {
    #block_11 {
        min-height: auto;
        padding-top: 48px;
        padding-bottom: 44px
    }

    #block_11 .login-shell {
        grid-template-columns: 1fr;
        gap: 24px
    }

    #block_11 .login-hero-panel {
        min-height: auto;
        padding: 0
    }

    #block_11 .block-signin__content {
        max-width: 100%;
        margin-bottom: 18px
    }

    #block_11 .block-signin__title h1 {
        font-size: 30px
    }

    #block_11 .block-signin__description p {
        font-size: 15px
    }

    #block_11 .login-graphic {
        width: 100%;
        height: 170px
    }

    #block_11 .block-signin__card {
        max-width: 100%;
        margin: 0
    }
}

@media (width<=575px) {
    #block_11 {
        padding-top: 34px;
        padding-bottom: 34px
    }

    #block_11 .component_card .card.login-card {
        padding: 20px
    }

    #block_11 .block-signin__title h1 {
        font-size: 25px
    }

    #block_11 .login-graphic {
        display: none
    }

    #block_11 .login-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    #block_11 .login-signup-link {
        flex-wrap: wrap
    }
}

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

    #block_11 .login-bg-motion:before,
    #block_11 .login-bg-motion span,
    #block_11 .login-graphic:after,
    #block_11 .login-graphic__card--main,
    #block_11 .login-graphic__rail span {
        animation: none !important
    }
}

@keyframes loginGridDrift {
    0% {
        background-position: 0 0, 0 0
    }

    to {
        background-position: 56px 56px, 56px 56px
    }
}

@keyframes loginPanelFloat {
    0% {
        transform: translateY(0)rotate(18deg)
    }

    to {
        transform: translateY(-18px)rotate(18deg)
    }
}

@keyframes loginTrace {
    0% {
        opacity: .35;
        transform: skewY(-4deg)translateY(0)
    }

    to {
        opacity: .85;
        transform: skewY(-4deg)translateY(-8px)
    }
}

@keyframes loginCardRise {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@keyframes loginBars {
    0% {
        opacity: .5;
        transform: scaleY(.72)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

#block_174,
#block_10,
#block_5,
#block_8,
#block_7,
#block_12,
#block_9,
#block_13 {
    background: var(--color-id-8);
    color: var(--color-id-14)
}

#block_174,
#block_5,
#block_7,
#block_9 {
    padding-top: 56px;
    padding-bottom: 18px
}

#block_174 .text-block__title h2,
#block_5 .text-block__title h2,
#block_7 .text-block__title h2,
#block_9 .text-block__title h2 {
    color: var(--color-id-14);
    letter-spacing: 0;
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.3
}

#block_174 .text-block__description p,
#block_5 .text-block__description p,
#block_7 .text-block__description p,
#block_9 .text-block__description p {
    max-width: 70ch;
    color: var(--color-id-103);
    margin: 0 auto;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8
}

#block_10,
#block_8,
#block_12,
#block_13 {
    padding-top: 24px;
    padding-bottom: 56px
}

#block_10 .block-divider-bottom,
#block_8 .block-divider-bottom,
#block_12 .block-divider-bottom {
    display: none
}

#block_10 .col-ed.card,
#block_12 .reviews-slider__slide .card,
#block_13 .faq .card,
#block_8 .how-it-works__card .card {
    background: var(--color-id-9) !important;
    color: var(--color-id-14) !important;
    border: 1px solid var(--color-id-7) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px #0000002e !important
}

#block_10 .features-block__header-preview {
    border: 1px solid #f8b40029;
    background: #f8b40014 !important;
    font-size: 54px !important
}

#block_10 .feature-block__icon {
    color: var(--color-id-17) !important
}

#block_10 .features-block__header-title p,
#block_12 .reviews-slider__slide-name p,
#block_13 .faq-block__header-title h4,
#block_8 .how-it-works__card .card__title,
#block_8 .how-it-works__card h3,
#block_8 .how-it-works__card h4 {
    letter-spacing: 0;
    font-weight: 800;
    color: var(--color-id-14) !important
}

#block_10 .features-block__body-description p,
#block_12 .reviews-slider__slide-description p,
#block_13 .faq-block__body-description p,
#block_8 .how-it-works__card p {
    font-weight: 600;
    line-height: 1.7;
    color: var(--color-id-103) !important
}

#block_13 .faq-block__header {
    align-items: center;
    min-height: 56px
}

#block_13 .faq-block__icon,
#block_13 .faq-block__header-icon {
    color: var(--color-id-17) !important
}

.light-theme #block_174,
.light-theme #block_10,
.light-theme #block_5,
.light-theme #block_8,
.light-theme #block_7,
.light-theme #block_12,
.light-theme #block_9,
.light-theme #block_13 {
    color: #1a1a1d;
    background: #f4f5f7
}

.light-theme #block_10 .col-ed.card,
.light-theme #block_12 .reviews-slider__slide .card,
.light-theme #block_13 .faq .card,
.light-theme #block_8 .how-it-works__card .card {
    color: #1a1a1d !important;
    background: #fff !important;
    border-color: #dcdfe3 !important;
    box-shadow: 0 10px 30px #0f172a0f !important
}

.light-theme #block_174 .text-block__description p,
.light-theme #block_5 .text-block__description p,
.light-theme #block_7 .text-block__description p,
.light-theme #block_9 .text-block__description p,
.light-theme #block_10 .features-block__body-description p,
.light-theme #block_12 .reviews-slider__slide-description p,
.light-theme #block_13 .faq-block__body-description p,
.light-theme #block_8 .how-it-works__card p {
    color: #3d3d43 !important
}

@media (width<=768px) {

    #block_174,
    #block_5,
    #block_7,
    #block_9 {
        padding-top: 38px
    }

    #block_174 .text-block__title h2,
    #block_5 .text-block__title h2,
    #block_7 .text-block__title h2,
    #block_9 .text-block__title h2 {
        font-size: 22px
    }
}

.login-section {
    z-index: auto;
    background: var(--color-id-8);
    width: 100%;
    color: var(--color-id-14);
    display: block;
    position: relative;
    overflow: hidden
}

.login-section .block-bg {
    background: 0 0 !important
}

.login-section-intro {
    padding: 68px 0 22px !important
}

.login-section-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto
}

.login-section-kicker {
    min-height: 30px;
    color: var(--color-id-17);
    background: #f8b40012;
    border: 1px solid #f8b4003d;
    border-radius: 30px;
    align-items: center;
    margin-bottom: 14px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    display: inline-flex
}

.login-section-heading h2,
.login-cta-panel h2 {
    color: var(--color-id-14);
    letter-spacing: 0;
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.28
}

.login-section-heading p,
.login-cta-panel p {
    max-width: 68ch;
    color: var(--color-id-103);
    margin: 0 auto;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8
}

.login-benefits,
.login-steps,
.login-reviews,
.login-faq {
    padding: 28px 0 64px !important
}

.login-benefits-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    display: grid
}

.login-benefit-card,
.login-step-card,
.login-review-card,
.login-faq-item,
.login-cta-panel {
    border: 1px solid var(--color-id-7);
    background: var(--color-id-9);
    color: var(--color-id-14);
    border-radius: 16px;
    box-shadow: 0 8px 32px #0000002e
}

.login-benefit-card {
    min-height: 210px;
    padding: 22px;
    transition: transform .22s cubic-bezier(.22, 1, .36, 1), border-color .22s, box-shadow .22s
}

.login-benefit-card:hover {
    border-color: #f8b40047;
    transform: translateY(-4px);
    box-shadow: 0 12px 40px #00000042
}

.login-benefit-icon {
    width: 48px;
    height: 48px;
    color: var(--color-id-17);
    background: #f8b40017;
    border: 1px solid #f8b4002e;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
    font-size: 18px;
    display: inline-flex
}

.login-benefit-card h3,
.login-step-card h3,
.login-review-card h3 {
    color: var(--color-id-14);
    letter-spacing: 0;
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.35
}

.login-benefit-card p,
.login-step-card p,
.login-review-card p,
.login-faq-item p {
    color: var(--color-id-103);
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75
}

.login-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    max-width: 920px;
    margin: 0 auto;
    display: grid
}

.login-step-card {
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    display: flex
}

.login-step-number {
    width: 50px;
    height: 50px;
    color: var(--color-id-17);
    border: 1px solid var(--color-id-17);
    background: 0 0;
    border-radius: 14px;
    flex: 0 0 50px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    display: inline-flex
}

.login-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    max-width: 920px;
    margin: 0 auto;
    display: grid
}

.login-review-card {
    padding: 22px
}

.login-review-head {
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    display: flex
}

.login-review-avatar {
    width: 48px;
    height: 48px;
    color: var(--color-id-20);
    background: linear-gradient(135deg, #f8b40080, #f8b4001a);
    border-radius: 50%;
    flex: 0 0 48px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 900;
    display: inline-flex
}

.login-review-head p {
    color: var(--color-id-103);
    margin: 0;
    font-size: 12px;
    font-weight: 700
}

.login-faq-list {
    gap: 12px;
    max-width: 860px;
    margin: 0 auto;
    display: grid
}

.login-faq-item {
    padding: 0;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
    overflow: hidden
}

.login-faq-item:has(.login-faq-question[aria-expanded=true]) {
    border-color: #f8b40047
}

.login-faq-question {
    width: 100%;
    min-height: 62px;
    color: var(--color-id-14);
    text-align: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: 0;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 900;
    transition: color .2s, background-color .2s;
    display: flex
}

.login-faq-question:hover,
.login-faq-question:focus-visible {
    color: var(--color-id-17);
    background: #f8b4000d;
    outline: none
}

.login-faq-question:focus-visible {
    box-shadow: inset 0 0 0 2px #f8b40057
}

.login-faq-question i {
    width: 32px;
    height: 32px;
    color: var(--color-id-17);
    background: #f8b4001a;
    border-radius: 8px;
    flex: 0 0 32px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    transition: background-color .2s, color .2s, transform .2s;
    display: inline-flex
}

.login-faq-question[aria-expanded=true] i {
    background: var(--color-id-17);
    color: var(--color-id-20);
    transform: rotate(0)
}

.login-faq-question[aria-expanded=true] i:before {
    content: ""
}

.login-faq-answer,
.login-faq-item .collapsing {
    padding: 0
}

.login-faq-answer-inner {
    padding: 0 18px 18px
}

.login-faq-item .collapsing {
    transition: height .22s cubic-bezier(.22, 1, .36, 1);
    overflow: hidden
}

.login-final-cta {
    padding: 28px 0 76px !important
}

.login-cta-panel {
    background: linear-gradient(135deg, #f8b4001f, transparent 34%), var(--color-id-9);
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: 28px;
    display: flex
}

.login-cta-panel p {
    margin: 0
}

.login-cta-actions {
    flex: none;
    align-items: center;
    gap: 12px;
    display: flex
}

.login-cta-actions .btn-big-primary {
    border-radius: 8px;
    min-height: 46px;
    padding: 11px 20px;
    font-weight: 900
}

.login-secondary-link {
    border: 1px solid var(--color-id-7);
    background: #ffffff08;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 10px 16px;
    font-weight: 800;
    transition: border-color .2s, color .2s, background-color .2s;
    display: inline-flex;
    color: var(--color-id-14) !important;
    text-decoration: none !important
}

.login-secondary-link:hover {
    background: #f8b40012;
    border-color: #f8b40047;
    color: var(--color-id-17) !important
}

.rtl-content.login-benefits-grid,
.rtl-content.login-steps-grid,
.rtl-content.login-review-grid,
.rtl-content.login-faq-list,
.rtl-content.login-cta-panel,
.login-section-heading.rtl-content {
    text-align: center;
    direction: rtl
}

.rtl-content .login-step-card,
.rtl-content .login-review-head {
    flex-direction: column;
    align-items: center
}

.login-section-heading.rtl-content {
    text-align: center
}

.light-theme .login-section {
    color: #1a1a1d;
    background: #f4f5f7
}

.light-theme .login-benefit-card,
.light-theme .login-step-card,
.light-theme .login-review-card,
.light-theme .login-faq-item,
.light-theme .login-cta-panel {
    background: #fff;
    border-color: #dcdfe3;
    box-shadow: 0 10px 30px #0f172a0f
}

.light-theme .login-section-heading p,
.light-theme .login-cta-panel p,
.light-theme .login-benefit-card p,
.light-theme .login-step-card p,
.light-theme .login-review-card p,
.light-theme .login-faq-item p,
.light-theme .login-review-head p {
    color: #3d3d43
}

.light-theme .login-secondary-link {
    background: #f4f5f7;
    border-color: #dcdfe3;
    color: #1a1a1d !important
}

@media (width<=991px) {
    .login-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .login-cta-panel {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (width<=768px) {
    .login-section-intro {
        padding: 48px 0 18px !important
    }

    .login-benefits,
    .login-steps,
    .login-reviews,
    .login-faq {
        padding: 22px 0 48px !important
    }

    .login-section-heading h2,
    .login-cta-panel h2 {
        font-size: 24px
    }

    .login-benefits-grid,
    .login-steps-grid,
    .login-review-grid {
        grid-template-columns: 1fr
    }

    .login-benefit-card {
        min-height: auto
    }

    .login-final-cta {
        padding-bottom: 56px !important
    }
}

@media (width<=480px) {

    .login-step-card,
    .login-review-head,
    .login-cta-actions {
        flex-direction: column;
        align-items: stretch
    }

    .login-step-number,
    .login-review-avatar {
        flex-basis: auto
    }

    .login-cta-actions,
    .login-cta-actions .btn-big-primary,
    .login-secondary-link {
        width: 100%
    }
}

.login-payments {
    padding: 30px 0 64px !important
}

.login-payments-panel {
    border: 1px solid var(--color-id-7);
    background: var(--color-id-9);
    max-width: 1120px;
    color: var(--color-id-14);
    border-radius: 16px;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
    align-items: center;
    gap: 28px;
    margin: 0 auto;
    padding: 28px;
    display: grid;
    box-shadow: 0 8px 12px #0000002e
}

.login-payments-copy h2 {
    color: var(--color-id-14);
    letter-spacing: 0;
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.28
}

.login-payments-copy p {
    max-width: 64ch;
    color: var(--color-id-103);
    margin: 0 0 18px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8
}

.login-payment-methods {
    flex-wrap: wrap;
    gap: 10px;
    display: flex
}

.login-payment-methods span {
    max-width: 100%;
    min-height: 38px;
    color: var(--color-id-14);
    background: #f8b40012;
    border: 1px solid #f8b4002e;
    border-radius: 999px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    display: inline-flex
}

.login-payment-methods i {
    color: var(--color-id-17);
    flex: none;
    font-size: 14px
}

.login-payments-visual {
    isolation: isolate;
    justify-content: center;
    align-items: center;
    min-height: 280px;
    display: flex;
    position: relative
}

.login-payments-visual:before {
    content: "";
    z-index: -1;
    border: 1px solid #f8b40024;
    border-radius: 50%;
    position: absolute;
    inset: 28px
}

.payment-card-main {
    background: linear-gradient(145deg, #f8b4002e, #181718fa 48%, #1e1d1e);
    border: 1px solid #f8b40047;
    border-radius: 16px;
    width: min(100%, 310px);
    min-height: 190px;
    padding: 22px;
    box-shadow: 0 8px 12px #00000038
}

.payment-card-top,
.payment-card-bottom {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex
}

.payment-card-top i {
    color: var(--color-id-17);
    font-size: 18px
}

.payment-chip {
    background: #d4af37;
    border-radius: 8px;
    width: 44px;
    height: 32px;
    display: inline-block;
    box-shadow: inset 0 0 0 1px #0000002e
}

.payment-card-lines {
    gap: 10px;
    margin: 38px 0 30px;
    display: grid
}

.payment-card-lines span {
    background: #ffffff29;
    border-radius: 999px;
    height: 10px;
    display: block
}

.payment-card-lines span:first-child {
    width: 78%
}

.payment-card-lines span:last-child {
    width: 48%
}

.payment-card-bottom strong,
.payment-card-bottom b {
    color: #fff;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 900
}

.payment-orbit {
    background: var(--color-id-8);
    width: 54px;
    height: 54px;
    color: var(--color-id-17);
    border: 1px solid #f8b40042;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    display: inline-flex;
    position: absolute;
    box-shadow: 0 8px 12px #0000002e
}

.payment-orbit-wallet {
    top: 18px;
    right: 24px
}

.payment-orbit-bank {
    bottom: 24px;
    right: 0
}

.payment-orbit-card {
    bottom: 44px;
    left: 8px
}

.rtl-content.login-payments-panel {
    text-align: right;
    direction: rtl
}

.rtl-content .login-payment-methods {
    justify-content: flex-start
}

.light-theme .login-payments-panel {
    color: #1a1a1d;
    background: #fff;
    border-color: #dcdfe3;
    box-shadow: 0 8px 12px #0f172a0f
}

.light-theme .login-payments-copy h2,
.light-theme .login-payment-methods span {
    color: #1a1a1d
}

.light-theme .login-payments-copy p {
    color: #3d3d43
}

.light-theme .payment-card-main {
    background: linear-gradient(145deg, #f8b40024, #fff 48%, #ebecee);
    box-shadow: 0 8px 12px #0f172a14
}

.light-theme .payment-card-lines span {
    background: #1a1a1d21
}

.light-theme .payment-card-bottom strong,
.light-theme .payment-card-bottom b {
    color: #1a1a1d
}

.light-theme .payment-orbit {
    background: #fff;
    box-shadow: 0 8px 12px #0f172a14
}

@media (width<=991px) {
    .login-payments-panel {
        grid-template-columns: 1fr;
        max-width: 760px
    }

    .login-payments-copy,
    .rtl-content.login-payments-panel .login-payments-copy {
        text-align: center
    }

    .login-payments-copy p {
        margin-left: auto;
        margin-right: auto
    }

    .login-payment-methods,
    .rtl-content .login-payment-methods {
        justify-content: center
    }
}

@media (width<=768px) {
    .login-section .container {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    .login-payments {
        padding: 22px 0 48px !important
    }

    .login-payments-panel,
    .login-benefits-grid,
    .login-steps-grid,
    .login-review-grid,
    .login-faq-list,
    .login-cta-panel {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto
    }

    .login-payments-panel {
        gap: 20px;
        padding: 22px 16px
    }

    .login-payments-copy h2 {
        font-size: 24px
    }

    .login-payments-visual {
        width: 100%;
        max-width: 360px;
        min-height: 240px;
        margin: 0 auto
    }

    .payment-orbit-wallet {
        top: 8px;
        right: 12px
    }

    .payment-orbit-bank {
        bottom: 10px;
        right: 12px
    }

    .payment-orbit-card {
        bottom: 30px;
        left: 12px
    }
}

@media (width<=480px) {
    .login-payment-methods {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        display: grid
    }

    .login-payment-methods span {
        text-align: center;
        border-radius: 12px;
        justify-content: center
    }

    .login-payments-visual {
        min-height: 220px
    }

    .payment-card-main {
        width: min(100%, 270px);
        min-height: 170px
    }

    .payment-orbit {
        border-radius: 12px;
        width: 46px;
        height: 46px
    }
}

@media (width<=991px) {

    #block_11 .login-shell,
    #block_11 .login-hero-panel,
    #block_11 .block-signin__wrap,
    #block_11 .block-signin__card,
    #block_11 .component_card,
    #block_11 .component_card .card.login-card {
        width: 100%;
        max-width: 560px;
        margin-left: auto !important;
        margin-right: auto !important
    }

    #block_11 .login-hero-panel,
    #block_11 .block-signin__content,
    #block_11 .block-signin__title,
    #block_11 .block-signin__description {
        text-align: center
    }

    #block_11 .login-graphic {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (width<=575px) {

    #block_11 .login-shell,
    #block_11 .block-signin__wrap,
    #block_11 .block-signin__card,
    #block_11 .component_card,
    #block_11 .component_card .card.login-card {
        max-width: 100%
    }
}

@media (width<=991px) {
    #block_1 #navbar-collapse-1 {
        background: var(--navbar_public_background_color);
        border-top: 1px solid var(--color-id-7);
        width: 100%;
        box-shadow: var(--navbar_public_box_shadow);
        padding: 0 1rem 1rem
    }

    #block_1 #navbar-collapse-1.collapse.in,
    #block_1 #navbar-collapse-1.collapse.show {
        display: block !important
    }

    #block_1 #navbar-collapse-1 .main-header-mobile {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        padding: 10px 0 2px
    }

    #block_1 #navbar-collapse-1 .main-header-mobile-link {
        gap: 6px;
        padding: 0;
        display: grid
    }

    #block_1 #navbar-collapse-1 .main-header-mobile-link-item {
        border: 1px solid var(--color-id-7);
        background: #ffffff08;
        border-radius: 8px;
        align-items: center;
        min-height: 44px;
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.35;
        transition: background-color .2s, border-color .2s, color .2s;
        display: flex;
        color: var(--navbar_public_items_text_color) !important;
        text-decoration: none !important
    }

    #block_1 #navbar-collapse-1 .main-header-mobile-link-item:hover,
    #block_1 #navbar-collapse-1 .main-header-mobile-link-item:focus-visible {
        background: #f8b40012;
        border-color: #f8b40047;
        outline: none;
        color: var(--navbar_public_items_hover_text_color) !important
    }

    #block_1 #navbar-collapse-1 .main-header-link-active {
        border-color: var(--color-id-17);
        background: var(--color-id-17) !important;
        color: var(--color-id-20) !important
    }

    #block_1 #navbar-collapse-1 .main-header-mobile-bottom {
        border-top: 1px solid var(--color-id-7);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 10px;
        padding-top: 10px;
        display: grid
    }

    #block_1 #navbar-collapse-1 .main-header-btn-item {
        text-align: center;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        min-height: 44px;
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.2;
        transition: background-color .2s, border-color .2s, color .2s;
        display: inline-flex;
        text-decoration: none !important
    }

    #block_1 #navbar-collapse-1 .main-header-btn-item.active {
        border: 1px solid var(--color-id-17);
        background: var(--color-id-17);
        color: var(--color-id-20) !important
    }

    #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active) {
        border: 1px solid var(--color-id-7);
        background: #ffffff08;
        color: var(--navbar_public_items_text_color) !important
    }

    #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active):hover,
    #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active):focus-visible {
        border-color: #f8b40047;
        outline: none;
        color: var(--navbar_public_items_hover_text_color) !important
    }

    #block_1 .navbar-toggler[aria-expanded=true] {
        color: var(--color-id-17)
    }

    .body-rtl #block_1 #navbar-collapse-1 .main-header-mobile-link-item {
        text-align: right;
        justify-content: flex-end
    }
}

.light-theme #block_1 #navbar-collapse-1 {
    border-top-color: var(--color-id-7);
    box-shadow: var(--navbar_public_box_shadow)
}

.light-theme #block_1 #navbar-collapse-1 .main-header-mobile-link-item,
.light-theme #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active) {
    border-color: var(--color-id-7);
    background: var(--color-id-9);
    color: var(--color-id-103) !important
}

.light-theme #block_1 #navbar-collapse-1 .main-header-mobile-link-item:hover,
.light-theme #block_1 #navbar-collapse-1 .main-header-mobile-link-item:focus-visible,
.light-theme #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active):hover,
.light-theme #block_1 #navbar-collapse-1 .main-header-btn-item:not(.active):focus-visible {
    background: #f8b4000d;
    border-color: #f8b40038;
    color: var(--color-id-17) !important
}

.light-theme #block_1 #navbar-collapse-1 .main-header-mobile-bottom {
    border-top-color: var(--color-id-7)
}

@media (width<=380px) {
    #block_1 #navbar-collapse-1 .main-header-mobile-bottom {
        grid-template-columns: 1fr
    }
}

#block_176.login-social-strip {
    z-index: 2;
    background: var(--color-id-8);
    width: 100%;
    padding: 14px 0;
    position: relative;
    overflow: hidden
}

#block_176 .social-slider {
    will-change: transform;
    align-items: center;
    gap: 12px;
    width: max-content;
    padding-inline: 16px;
    animation: 28s linear infinite loginSocialSlide;
    display: flex
}

#block_176 .social-slider-rtl {
    direction: rtl;
    animation-name: loginSocialSlideRtl
}

#block_176 .social-item {
    isolation: isolate;
    border: 1px solid var(--color-id-7);
    background: var(--color-id-9);
    min-width: 150px;
    min-height: 54px;
    color: var(--color-id-14);
    white-space: nowrap;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

#block_176 .social-item span {
    z-index: 2;
    font-size: 14px;
    font-weight: 800;
    position: relative
}

#block_176 .social-item>i:not(.absolute-icon) {
    z-index: 2;
    color: var(--social-brand, var(--color-id-17));
    font-size: 23px;
    position: relative
}

#block_176 .social-item .absolute-icon {
    z-index: 1;
    inset-inline-end: -8px;
    color: color-mix(in srgb, var(--social-brand, #f8b400) 10%, transparent);
    font-size: 72px;
    position: absolute;
    bottom: -16px;
    transform: rotate(-10deg)
}

#block_176 .social-slider-rtl .social-item .absolute-icon {
    transform: rotate(10deg)
}

#block_176 .social-item:hover {
    border-color: var(--social-brand, var(--color-id-17))
}

.light-theme #block_176.login-social-strip {
    background: var(--color-id-8)
}

.light-theme #block_176 .social-item {
    background: var(--color-id-9);
    border-color: var(--color-id-7);
    color: var(--color-id-14)
}

@keyframes loginSocialSlide {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(100vw - 100%))
    }
}

@keyframes loginSocialSlideRtl {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(100% - 100vw))
    }
}

@media (width<=575px) {
    #block_176 .social-slider {
        gap: 8px;
        padding-inline: 10px
    }

    #block_176 .social-item {
        min-width: 128px;
        min-height: 50px;
        padding: 9px 12px
    }

    #block_176 .social-item span {
        font-size: 13px
    }
}

@media (prefers-reduced-motion:reduce) {
    #block_176 .social-slider {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        animation: none
    }
}

#block_11 .login-shell {
    grid-template-columns: 1fr
}

#block_11 .login-hero-panel {
    min-height: auto;
    padding-bottom: 12px
}

#block_11 .login-form-wrap {
    max-width: 1120px;
    margin: 28px 0 0
}

#block_11 .block-signin__card {
    max-width: 100%;
    margin-inline-start: 0
}

#block_11 .component_card .card.login-card {
    border-radius: 16px;
    padding: 14px
}

#block_11 .login-box-field {
    flex: 230px;
    min-width: 180px
}

#block_11 .fg-pass {
    min-height: 50px;
    color: var(--color-id-17);
    text-align: center;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    display: inline-flex;
    text-decoration: none !important
}

#block_11 .fg-pass:hover,
#block_11 .fg-pass:focus-visible {
    color: var(--color-id-16);
    outline: none
}

#block_11 .login-box-btn {
    flex: none;
    align-items: flex-end;
    gap: 10px;
    min-height: 50px;
    display: flex
}

#block_11 .login-box-remember,
#block_11 .login-box-google {
    border: 1px solid var(--color-id-7);
    background: var(--form_group_input_background_color);
    width: 50px;
    min-width: 50px;
    height: 50px;
    color: var(--color-id-14);
    cursor: pointer;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin: 0;
    transition: border-color .2s, background-color .2s, color .2s;
    display: inline-flex
}

#block_11 .login-box-remember:hover,
#block_11 .login-box-remember:focus-within,
#block_11 .login-box-google:hover {
    color: var(--color-id-17);
    background: #f8b40012;
    border-color: #f8b40057
}

#block_11 .login-box-remember input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

#block_11 .login-box-signin {
    min-width: 138px;
    margin-top: 0
}

#block_11 .component_button_submit.login-box-signin .btn-big-primary {
    white-space: nowrap;
    width: 100%;
    min-height: 50px;
    margin-top: 0;
    padding-inline: 18px
}

#block_11 .login-captcha,
#block_11 .login-signup-link {
    margin-top: 14px
}

#block_11 .login-graphic {
    margin-top: 30px
}

.light-theme #block_11 .login-box-remember,
.light-theme #block_11 .login-box-google {
    color: #1a1a1d;
    background: #ebecee;
    border-color: #dcdfe3
}

.light-theme #block_11 .login-box-remember:hover,
.light-theme #block_11 .login-box-remember:focus-within,
.light-theme #block_11 .login-box-google:hover {
    color: var(--color-id-17);
    background: #f8b4000f;
    border-color: #f8b4003d
}

@media (width<=1199px) {
    #block_11 .login-box-wrapper {
        flex-wrap: wrap
    }

    #block_11 .login-box-btn {
        flex: auto
    }

    #block_11 .login-box-signin {
        flex: 170px
    }
}

@media (width<=991px) {

    #block_11 .login-form-wrap,
    #block_11 .block-signin__card,
    #block_11 .component_card,
    #block_11 .component_card .card.login-card {
        max-width: 560px
    }

    #block_11 .login-form-wrap {
        margin: 24px auto 0
    }

    #block_11 .login-box-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 12px
    }

    #block_11 .login-box-field {
        flex: none;
        width: 100%;
        min-width: 0
    }

    #block_11 .fg-pass {
        justify-content: flex-start;
        min-height: auto;
        padding: 0
    }

    #block_11 .block-signin-text-rtl .fg-pass {
        justify-content: flex-end
    }

    #block_11 .login-box-btn {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        height: auto
    }

    #block_11 .login-box-signin {
        order: 1;
        width: 100%;
        min-width: 0
    }

    #block_11 .login-box-google {
        order: 2;
        width: 100%;
        height: 50px
    }

    #block_11 .login-box-remember {
        order: 3;
        display: none
    }

    #block_11 .component_button_submit.login-box-signin .btn-big-primary {
        width: 100%
    }
}

#block_11 .login-hero-panel {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 34px 0 0
}

#block_11 .block-signin__title h1 {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

#block_11 .block-signin__description p {
    max-width: 72ch;
    margin-left: auto;
    margin-right: auto
}

#block_11 .login-form-wrap {
    width: min(100%, 1120px);
    margin: 26px auto 0
}

#block_11 .component_card .card.login-card {
    background: linear-gradient(135deg, #f8b40014, transparent 38%), var(--color-id-9);
    border-color: #f8b40033;
    box-shadow: 0 10px 30px #00000038
}

#block_11 .login-box-wrapper {
    align-items: flex-end
}

#block_11 .block-signin-text-rtl .block-signin__content,
#block_11 .block-signin-text-rtl .block-signin__title,
#block_11 .block-signin-text-rtl .block-signin__description {
    text-align: center
}

.light-theme #block_11 .component_card .card.login-card {
    background: linear-gradient(135deg, #f8b4000e, #0000 38%), #fff;
    border-color: #f8b4002e;
    box-shadow: 0 10px 26px #0f172a14
}

@media (width<=991px) {
    #block_11 {
        padding-top: 72px;
        padding-bottom: 38px
    }

    #block_11 .login-hero-panel {
        padding-top: 22px
    }

    #block_11 .block-signin__content,
    #block_11 .block-signin-text-rtl .block-signin__content,
    #block_11 .block-signin-text-rtl .block-signin__title,
    #block_11 .block-signin-text-rtl .block-signin__description {
        text-align: center
    }

    #block_11 .login-form-wrap {
        width: min(100%, 560px);
        margin-top: 22px
    }

    #block_11 .component_card .card.login-card {
        padding: 16px
    }
}

#block_11 .login-shell {
    width: 100%;
    display: block
}

#block_11 .login-hero-panel {
    min-height: auto;
    padding: 48px 0 0;
    display: block
}

#block_11 .block-signin__content {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 32px
}

#block_11 .block-signin__title h1,
#block_11 .block-signin__description p {
    margin-left: auto;
    margin-right: auto
}

#block_11 .block-signin__wrap.login-form-wrap {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding-top: 8px
}

#block_11 .block-signin__card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0
}

#block_11 .component_card {
    --card_background_color: var(--color-id-9);
    --card_border_color: #f8b40061
}

#block_11 .component_card .card.login-card {
    border: 1px solid var(--card_border_color);
    background: var(--card_background_color);
    box-shadow: var(--card_box_shadow);
    border-radius: 18px;
    padding: 18px
}

#block_11 .login-box-wrapper {
    align-items: stretch;
    gap: 10px;
    width: 100%;
    display: flex
}

#block_11 .login-box-field {
    flex: 260px;
    min-width: 190px;
    margin: 0;
    position: relative
}

#block_11 .login-box-field label {
    display: none
}

#block_11 .login-box-field .form-control {
    width: 100%;
    height: 50px;
    color: var(--color-id-14);
    box-shadow: none;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid var(--color-id-7) !important;
    background: var(--form_group_input_background_color) !important
}

#block_11 .login-box-field .form-control::placeholder {
    color: var(--color-id-103);
    opacity: .72
}

#block_11 .login-box-field .form-control:focus {
    border-color: var(--color-id-17) !important;
    background: var(--color-id-1) !important
}

#block_11 .login-box-field--password .form-control {
    padding-inline-end: 138px
}

#block_11 .fg-pass {
    inset-inline-end: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2;
    max-width: 120px;
    font-size: 12px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
    color: var(--color-id-17) !important;
    text-decoration: none !important
}

#block_11 .fg-pass:hover,
#block_11 .fg-pass:focus {
    color: var(--color-id-19) !important
}

#block_11 .login-box-btn {
    flex: none;
    align-items: stretch;
    gap: 10px;
    min-width: 264px;
    display: flex
}

#block_11 .login-box-remember,
#block_11 .login-box-google,
#block_11 .login-box-signin {
    margin: 0
}

#block_11 .login-box-remember,
#block_11 .login-box-google {
    border: 1px solid var(--color-id-7);
    background: var(--form_group_input_background_color);
    width: 50px;
    min-width: 50px;
    height: 50px;
    color: var(--color-id-103);
    cursor: pointer;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    transition: border-color .2s, color .2s, background-color .2s;
    display: flex;
    overflow: hidden
}

#block_11 .login-box-remember:hover,
#block_11 .login-box-google:hover {
    color: var(--color-id-17);
    background: var(--color-id-7);
    border-color: #f8b40080
}

#block_11 .login-box-remember input {
    display: none
}

#block_11 .login-box-remember i {
    font-size: 18px;
    line-height: 1
}

#block_11 .login-box-remember input:checked+i {
    color: var(--color-id-17);
    font-weight: 900
}

#block_11 .login-box-google>div:not(#g_id_onload) {
    justify-content: center;
    align-items: center;
    display: flex
}

#block_11 .login-box-signin {
    flex: auto;
    min-width: 144px
}

#block_11 .login-box-signin .btn-big-primary {
    white-space: nowrap;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 0 24px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    display: flex
}

#block_11 .block-signin-text-rtl .login-box-wrapper,
#block_11 .block-signin-text-rtl .login-box-btn {
    direction: rtl
}

.light-theme #block_11 .login-box-field .form-control,
.light-theme #block_11 .login-box-remember,
.light-theme #block_11 .login-box-google {
    color: #1a1a1d;
    background: #ebecee !important;
    border-color: #dcdfe3 !important
}

.light-theme #block_11 .login-box-field .form-control:focus {
    border-color: var(--color-id-17) !important;
    background: #fff !important
}

.light-theme #block_11 .login-box-remember:hover,
.light-theme #block_11 .login-box-google:hover {
    background: #fff !important;
    border-color: #f8b40073 !important
}

@media (width<=991px) {
    #block_11 {
        padding-top: 80px;
        padding-bottom: 56px
    }

    #block_11 .login-box-wrapper {
        flex-direction: column;
        align-items: stretch
    }

    #block_11 .login-box-field {
        flex: none;
        width: 100%;
        min-width: 0
    }

    #block_11 .login-box-btn {
        flex-wrap: wrap;
        width: 100%;
        min-width: 0
    }

    #block_11 .login-box-signin {
        flex: 100%;
        order: 1;
        width: 100%;
        min-width: 0
    }

    #block_11 .login-box-remember {
        flex: 1 1 0;
        order: 2;
        width: auto;
        min-width: 0
    }

    #block_11 .login-box-google {
        flex: 1 1 0;
        order: 3;
        width: auto;
        min-width: 0
    }
}

@media (width<=420px) {
    #block_11 .login-box-field--password .form-control {
        padding-inline-end: 112px
    }

    #block_11 .fg-pass {
        max-width: 96px;
        font-size: 11px
    }
}

#block_11 .login-signup-row {
    text-align: center;
    margin-top: 24px
}

#block_11 .login-signup-row .login-signup-btn {
    border: 1px solid var(--color-id-17);
    min-height: 50px;
    color: var(--color-id-17);
    background: 0 0;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    padding: 0 34px;
    font-size: 15px;
    font-weight: 900;
    transition: background-color .2s, color .2s, border-color .2s;
    display: inline-flex;
    text-decoration: none !important
}

#block_11 .component_button_submit.login-box-signin .btn-big-primary:hover,
#block_11 .component_button_submit.login-box-signin .btn-big-primary:focus,
#block_11 .component_button_submit.login-box-signin .btn-big-primary:active,
#block_11 .login-box-signin .btn-big-primary:hover,
#block_11 .login-box-signin .btn-big-primary:focus,
#block_11 .login-box-signin .btn-big-primary:active {
    background: var(--button_primary_background_color) !important;
    border-color: var(--button_primary_border_color) !important;
    color: var(--button_primary_text_color) !important;
    box-shadow: none !important;
    transform: none !important
}

#block_11 .login-box-remember:hover,
#block_11 .login-box-remember:focus,
#block_11 .login-box-remember:active,
#block_11 .login-box-remember:focus-within {
    background: var(--form_group_input_background_color) !important;
    border-color: var(--color-id-7) !important;
    color: var(--color-id-103) !important;
    box-shadow: none !important;
    transform: none !important
}

.light-theme #block_11 .login-box-remember:hover,
.light-theme #block_11 .login-box-remember:focus,
.light-theme #block_11 .login-box-remember:active,
.light-theme #block_11 .login-box-remember:focus-within {
    color: #3d3d43 !important;
    background: #ebecee !important;
    border-color: #dcdfe3 !important
}

@media (width<=991px) {
    #block_11 .login-box-btn {
        flex-flow: row !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
        display: flex !important
    }

    #block_11 .login-box-remember {
        flex: 0 0 50px !important;
        order: 1 !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        display: flex !important
    }

    #block_11 .login-box-google {
        flex: 0 0 50px !important;
        order: 2 !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        display: flex !important
    }

    #block_11 .login-box-signin {
        flex: auto !important;
        order: 3 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important
    }

    #block_11 .login-box-signin .btn-big-primary {
        width: 100% !important;
        margin-top: 0 !important
    }
}

#block_11 {
    min-height: auto !important;
    padding-top: 64px !important;
    padding-bottom: 24px !important
}

#block_11 .login-hero-panel {
    padding-top: 10px !important
}

#block_11 .block-signin__content {
    max-width: 820px !important;
    margin: 0 auto 14px !important
}

#block_11 .block-signin__description {
    margin: 0 !important;
    padding: 0 !important
}

#block_11 .block-signin__description p,
#block_11 .block-signin__wrap,
#block_11 .block-signin__wrap.login-form-wrap {
    margin: 0 auto !important
}

#block_11 .login-box-wrapper {
    gap: 10px !important
}

#block_11 .login-captcha {
    margin-top: 10px !important
}

#block_176.login-social-strip {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.login-section-intro {
    padding-top: 28px !important;
    padding-bottom: 10px !important
}

.login-section-tight {
    padding-top: 24px !important
}

.login-benefits,
.login-payments,
.login-steps,
.login-reviews,
.login-faq {
    padding-top: 34px !important;
    padding-bottom: 54px !important
}

.login-benefits-grid,
.login-steps-grid,
.login-review-grid,
.login-faq-list,
#block_175 .payment-gateways {
    gap: 28px !important
}

.login-payments-panel,
.login-cta-panel {
    gap: 24px !important
}

#block_240.login-final-cta {
    padding-top: 18px !important;
    padding-bottom: 42px !important
}

@media (width<=991px) {
    #block_11 {
        padding-top: 48px !important;
        padding-bottom: 18px !important
    }

    #block_11 .login-hero-panel {
        padding-top: 8px !important
    }

    #block_11 .block-signin__content {
        margin-bottom: 12px !important
    }

    .login-section-intro {
        padding-top: 22px !important;
        padding-bottom: 8px !important
    }

    .login-benefits,
    .login-payments,
    .login-steps,
    .login-reviews,
    .login-faq {
        padding-top: 12px !important;
        padding-bottom: 24px !important
    }
}

@media (width<=480px) {
    #block_11 {
        padding-top: 38px !important;
        padding-bottom: 14px !important
    }

    #block_11 .block-signin__content {
        margin-bottom: 10px !important
    }
}

#block_11 .block-signin__content {
    margin-bottom: 28px !important
}

#block_11 .block-signin__wrap.login-form-wrap,
#block_11 .block-signin__wrap {
    margin-top: 0 !important
}

@media (width<=991px) {
    #block_11 .block-signin__content {
        margin-bottom: 22px !important
    }
}

@media (width<=480px) {
    #block_11 .block-signin__content {
        margin-bottom: 18px !important
    }
}

#block_11 {
    padding-top: 90px !important;
    padding-bottom: 40px !important
}

#block_11 .block-signin__title h1 {
    margin-bottom: 25px !important
}

#block_11 .block-signin__description p {
    max-width: 650px !important;
    margin-bottom: 35px !important;
    line-height: 1.8 !important
}

#block_11 .login-signup-row {
    margin-bottom: 40px !important
}

#block_11 .block-signin__content {
    padding-left: 5% !important
}

@media (width<=991px) {
    #block_11 .block-signin__content {
        text-align: center !important;
        padding-left: 0 !important
    }

    #block_11 .block-signin__description p {
        margin-left: auto !important;
        margin-right: auto !important
    }

    #block_11 .block-signin__wrap {
        margin-top: 50px !important
    }
}

#block_10 .login-benefit-card {
    text-align: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important
}

#block_11 .block-signin__title {
    margin: 0 0 32px !important
}

#block_11 .block-signin__title h1 {
    letter-spacing: -.3px !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important
}

#block_11 .block-signin__description {
    margin: 0 0 26px !important
}

#block_11 .block-signin__description p {
    max-width: 68ch !important;
    font-size: 16px !important;
    line-height: 1.7 !important
}

#block_11 .login-signup-row {
    text-align: center !important;
    margin: 0 !important
}

#block_11 .login-signup-row .login-signup-btn {
    border: 1px solid var(--color-id-17) !important;
    background: var(--color-id-17) !important;
    color: #fff !important;
    border-radius: 11px !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 26px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: transform .18s, box-shadow .18s, background-color .18s !important;
    display: inline-flex !important;
    box-shadow: 0 4px 12px #f8b4003d !important
}

@media (width<=991px) {
    #block_11 {
        padding-top: 70px !important;
        padding-bottom: 32px !important
    }

    #block_11 .block-signin__title {
        margin-bottom: 26px !important
    }

    #block_11 .block-signin__title h1 {
        font-size: 32px !important
    }

    #block_11 .block-signin__description {
        margin-bottom: 22px !important
    }

    #block_11 .block-signin__description p {
        font-size: 15px !important
    }

    #block_11 .block-signin__wrap,
    #block_11 .block-signin__wrap.login-form-wrap {
        margin-top: 54px !important
    }
}

@media (width<=575px) {
    #block_11 {
        padding-top: 44px !important;
        padding-bottom: 24px !important
    }

    #block_11 .block-signin__title {
        margin-bottom: 18px !important
    }

    #block_11 .block-signin__title h1 {
        font-size: 26px !important
    }

    #block_11 .block-signin__description {
        margin-bottom: 16px !important
    }

    #block_11 .block-signin__description p {
        font-size: 14px !important;
        line-height: 1.6 !important
    }

    #block_11 .login-signup-row .login-signup-btn {
        min-height: 42px !important;
        padding: 0 26px !important;
        font-size: 14px !important
    }

    #block_11 .block-signin__wrap,
    #block_11 .block-signin__wrap.login-form-wrap {
        margin-top: 38px !important
    }
}

.login-steps-grid,
.login-review-grid,
.login-faq-list,
.login-cta-panel,
.login-section-heading {
    text-align: center !important
}

.login-step-card,
.login-review-head {
    text-align: center !important;
    flex-direction: column !important;
    align-items: center !important;
    display: flex !important
}

@keyframes music-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes music-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 6px #f8b40066
    }

    50% {
        transform: scale(1.12);
        box-shadow: 0 4px 12px #f8b4008c
    }

    to {
        transform: scale(1);
        box-shadow: 0 2px 6px #f8b40066
    }
}

.component_private_sidebar .music-player-card {
    border: 1px solid var(--color-id-7);
    background: linear-gradient(120.61deg, #f8b4002e 0%, #f8b40052 100%);
    border-radius: 14px;
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    margin: 10px 12px 6px;
    padding: 10px 12px;
    display: flex;
    overflow: visible
}

.component_private_sidebar .player-cover {
    border: 1.5px solid var(--color-id-4);
    background: var(--color-id-9);
    border-radius: 50%;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    padding: 2px
}

.component_private_sidebar .player-cover img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block
}

.component_private_sidebar .player-cover img.rotating {
    animation: 2s linear infinite music-spin
}

.component_private_sidebar .player-controls {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    display: flex
}

.component_private_sidebar .player-buttons {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex
}

.component_private_sidebar .player-buttons button,
.component_private_sidebar .player-buttons label {
    color: var(--color-id-20);
    cursor: pointer;
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 16px;
    display: flex
}

.component_private_sidebar .player-buttons button i,
.component_private_sidebar .player-buttons label i {
    color: var(--color-id-20);
    font-size: 13px;
    font-weight: 900
}

.body-rtl .component_private_sidebar .player-buttons #musicPrevBtn i:before,
html[dir=rtl] .component_private_sidebar .player-buttons #musicPrevBtn i:before {
    content: ""
}

.body-rtl .component_private_sidebar .player-buttons #musicNextBtn i:before,
html[dir=rtl] .component_private_sidebar .player-buttons #musicNextBtn i:before {
    content: ""
}

.component_private_sidebar .player-buttons .play-btn i {
    color: #fff
}

.component_private_sidebar .player-buttons .play-btn {
    background: linear-gradient(103.88deg, var(--color-id-4) 0%, var(--color-id-16) 100%);
    color: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    transition: transform .15s, box-shadow .2s;
    box-shadow: 0 2px 6px #f8b40066
}

.component_private_sidebar .player-buttons .play-btn:hover {
    transform: scale(1.06)
}

.component_private_sidebar .player-buttons .play-btn.pulse {
    animation: .4s music-pulse
}

.component_private_sidebar .player-buttons .play-btn i {
    font-size: 13px
}

.component_private_sidebar .player-buttons .stop-btn input {
    display: none
}

.component_private_sidebar .autoplay-stop-btn {
    position: relative
}

.component_private_sidebar .autoplay-tooltip {
    background: var(--color-id-9);
    color: var(--color-id-20);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    border: 1px solid var(--color-id-7);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    transition: opacity .2s, transform .2s, visibility .2s;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translate(-50%)translateY(4px)
}

.component_private_sidebar .autoplay-tooltip:after {
    content: "";
    border: 5px solid #0000;
    border-top-color: var(--color-id-9);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%)
}

.component_private_sidebar .autoplay-stop-btn.show-autoplay-tooltip .autoplay-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%)translateY(0)
}

.component_private_sidebar .player-volume {
    color: var(--color-id-4);
    align-items: center;
    gap: 6px;
    font-size: 15px;
    display: flex
}

.component_private_sidebar .player-volume>i {
    flex-shrink: 0
}

.component_private_sidebar .volume-slider {
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(90deg, var(--color-id-4) 40%, #ffffff2e 40%);
    cursor: pointer;
    border-radius: 4px;
    outline: none;
    width: 100%;
    min-width: 0;
    height: 4px
}

.component_private_sidebar .volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--color-id-4);
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px
}

.component_private_sidebar .volume-slider::-moz-range-thumb {
    background: var(--color-id-4);
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px
}

.music-mini-player {
    background: linear-gradient(103.88deg, var(--color-id-4) 0%, var(--color-id-16) 100%);
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    font-size: 14px;
    transition: transform .15s, box-shadow .2s;
    display: inline-flex;
    box-shadow: 0 3px 10px #f8b40066
}

.music-mini-player:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 14px #f8b4008c
}

.music-mini-player[hidden] {
    display: none !important
}

.light-theme .component_private_sidebar .music-player-card {
    background: linear-gradient(120.61deg, #f8b4001f 0%, #f8b40033 100%);
    border-color: #f8b40040
}

.light-theme .component_private_sidebar .autoplay-tooltip {
    color: #fff;
    background: #1f1f1f
}

.light-theme .component_private_sidebar .autoplay-tooltip:after {
    border-top-color: #1f1f1f
}

@media (width<=991px) {
    .component_private_sidebar .music-player-card {
        margin: 10px 10px 6px
    }

    .music-mini-player {
        display: none !important
    }
}

.copy-id-btn {
    color: inherit;
    cursor: pointer;
    opacity: .8;
    background: #80808026;
    border: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
    padding: 3px 8px;
    font-size: 13px;
    transition: all .2s;
    display: inline-flex
}

.copy-id-btn:hover {
    opacity: 1;
    background: #8080804d
}

.custom-link-paste-wrap {
    width: 100%;
    display: block;
    position: relative
}

.custom-link-paste-wrap input {
    padding-right: 48px !important
}

.custom-paste-link-btn {
    background: linear-gradient(103.88deg, var(--color-id-4) 0%, var(--color-id-16) 100%);
    color: #fff;
    cursor: pointer;
    z-index: 10;
    border: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    transition: all .25s;
    display: inline-flex;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    box-shadow: 0 3px 8px #f8b40040
}

.custom-paste-link-btn span {
    display: none !important
}

.form-group-rtl .custom-link-paste-wrap input,
.rtl-form .custom-link-paste-wrap input,
body.rtl .custom-link-paste-wrap input,
html[dir=rtl] .custom-link-paste-wrap input {
    padding-left: 48px !important;
    padding-right: 12px !important
}

.form-group-rtl .custom-paste-link-btn,
.rtl-form .custom-paste-link-btn,
body.rtl .custom-paste-link-btn,
html[dir=rtl] .custom-paste-link-btn {
    left: 6px !important;
    right: auto !important
}

.custom-paste-link-btn.is-success {
    color: #22c55e;
    background: #22c55e33
}

.custom-paste-link-btn.is-error {
    color: #ef4444;
    background: #ef444433
}

.form-control,
.form-control:focus {
    border-bottom: 2px solid var(--color-id-4) !important
}

body:has(#block_11),
.wrapper-content:has(#block_11),
.wrapper-content__body:has(#block_11) {
    background-color: #000 !important
}

#block_11,
#block_176,
#block_174,
#block_10,
#block_175,
#block_5,
#block_8,
#block_7,
#block_12,
#block_9,
#block_13,
#block_240 {
    isolation: isolate;
    position: relative;
    overflow: hidden;
    background-color: #000 !important
}

#block_11>.block-bg,
#block_174>.block-bg,
#block_10>.block-bg,
#block_175>.block-bg,
#block_5>.block-bg,
#block_8>.block-bg,
#block_7>.block-bg,
#block_12>.block-bg,
#block_9>.block-bg,
#block_13>.block-bg,
#block_240>.block-bg {
    pointer-events: none;
    filter: brightness(.64)saturate(1.08);
    z-index: 0 !important;
    opacity: 1 !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important
}

#block_11>.container,
#block_174>.container,
#block_10>.container,
#block_175>.container,
#block_5>.container,
#block_8>.container,
#block_7>.container,
#block_12>.container,
#block_9>.container,
#block_13>.container,
#block_240>.container,
#block_176>.social-slider {
    z-index: 2;
    position: relative
}

#block_11>.block-bg {
    filter: brightness(.58)saturate(1.08);
    background-image: url(https://storage.perfectcdn.com/2n6pn1/t2pdgyhir6mubko5.png) !important;
    background-position: 50% !important
}

#block_11 .login-bg-motion {
    display: none !important
}

#block_176.login-social-strip {
    min-height: 104px;
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

#block_176.login-social-strip:before {
    content: "";
    z-index: 0;
    pointer-events: none;
    filter: brightness(.66)saturate(1.05);
    background-image: url(https://storage.perfectcdn.com/2n6pn1/3m5a92thay7g7ow2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    inset: 0
}

#block_174>.block-bg,
#block_10>.block-bg {
    background-image: url(https://storage.perfectcdn.com/2n6pn1/idubylw8ihonh5fz.png) !important;
    background-position: 61% 35% !important
}

#block_175>.block-bg,
#block_5>.block-bg {
    background-image: url(https://storage.perfectcdn.com/2n6pn1/sa9ah64fp2ixk6fr.png) !important;
    background-position: 50% !important
}

#block_175.login-payments:before {
    content: "";
    z-index: 0;
    pointer-events: none;
    filter: brightness(.58)saturate(1.08);
    position: absolute;
    inset: 0;
    background-image: url(https://storage.perfectcdn.com/2n6pn1/sa9ah64fp2ixk6fr.png) !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

#block_8>.block-bg,
#block_7>.block-bg,
#block_12>.block-bg,
#block_9>.block-bg,
#block_13>.block-bg,
#block_240>.block-bg {
    filter: brightness(.58)saturate(1.04);
    background-image: url(https://storage.perfectcdn.com/2n6pn1/jfyjqclydbpfge2k.png) !important;
    background-position: 50% !important
}

#block_11 .component_card .card.login-card,
.login-benefit-card,
.login-step-card,
.login-review-card,
.login-faq-item,
.login-cta-panel,
.auth-text-card .card {
    backdrop-filter: blur(10px);
    background-color: #121214e0 !important;
    border-color: #ffffff1f !important;
    box-shadow: 0 18px 48px #00000057 !important
}

#block_176 .social-item,
#block_175 .payment-item {
    backdrop-filter: blur(8px);
    background-color: #121214db !important;
    border-color: #ffffff1f !important;
    box-shadow: 0 14px 34px #0000003d !important
}

.login-section-heading,
.login-benefit-card,
.login-step-card,
.login-review-card,
.login-faq-item,
.login-cta-panel {
    color: #fff
}

.login-section-heading p,
.login-benefit-card p,
.login-step-card p,
.login-review-card p,
.login-faq-answer p,
.login-cta-panel p {
    color: #ffffffbd !important
}

.login-section-kicker {
    color: #ff3b3b !important;
    text-align: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    display: block !important
}

.rtl-content .login-section-kicker {
    margin-left: auto !important;
    margin-right: auto !important
}

.light-theme #block_11,
.light-theme #block_176,
.light-theme #block_174,
.light-theme #block_10,
.light-theme #block_175,
.light-theme #block_5,
.light-theme #block_8,
.light-theme #block_7,
.light-theme #block_12,
.light-theme #block_9,
.light-theme #block_13,
.light-theme #block_240 {
    background-color: #050505 !important
}

.light-theme #block_11 .component_card .card.login-card,
.light-theme .login-benefit-card,
.light-theme .login-step-card,
.light-theme .login-review-card,
.light-theme .login-faq-item,
.light-theme .login-cta-panel,
.light-theme .auth-text-card .card {
    background-color: #ffffffe6 !important;
    border-color: #ffffff2e !important
}

@media (width>=992px) {
    #block_11 {
        min-height: 509px !important
    }
}

@media (width<=767px) {

    #block_11>.block-bg,
    #block_174>.block-bg,
    #block_10>.block-bg,
    #block_175>.block-bg,
    #block_5>.block-bg,
    #block_8>.block-bg,
    #block_7>.block-bg,
    #block_12>.block-bg,
    #block_9>.block-bg,
    #block_13>.block-bg,
    #block_240>.block-bg,
    #block_176.login-social-strip:before {
        filter: brightness(.5)saturate(1.04);
        background-position: 50% !important
    }

    #block_176.login-social-strip {
        min-height: 86px;
        padding-top: 14px !important;
        padding-bottom: 14px !important
    }
}

body #block_174 .login-section-heading>.login-section-kicker,
body #block_175 .login-section-heading>.login-section-kicker,
body #block_5 .login-section-heading>.login-section-kicker,
body #block_7 .login-section-heading>.login-section-kicker,
body #block_9 .login-section-heading>.login-section-kicker,
body #block_240 .login-section-kicker {
    color: #f8b400 !important;
    -webkit-text-fill-color: #f8b400 !important;
    text-align: center !important;
    width: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 0 16px #f8b40047 !important;
    background: 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    display: inline-block !important
}

#block_240:has(.support-channels-wrap) {
    background-image: none !important
}

#block_240:has(.support-channels-wrap)>.block-bg {
    opacity: 0 !important;
    background-image: none !important;
    display: none !important
}

#block_240:has(.support-channels-wrap) .support-channels-wrap {
    z-index: 2;
    position: relative
}

.modal.in .modal-dialog {
    transform: none !important
}

.modal-backdrop.in {
    opacity: .5 !important
}

#changeEmailModal.in,
#changeEmailModal.show {
    opacity: 1 !important;
    z-index: 1050 !important;
    display: block !important
}

#changeEmailModal.in .modal-dialog,
#changeEmailModal.show .modal-dialog {
    opacity: 1 !important;
    transform: none !important
}

#changeEmailModal .modal-content {
    pointer-events: auto
}

.platform-grid .platform-btn img,
.platforms .platform-btn img,
.platforms-item__with-icon img {
    object-fit: contain;
    vertical-align: middle;
    flex: none;
    width: 25px;
    height: 25px;
    margin-inline-end: 5px;
    display: inline-block
}

.light-theme #block_240:has(.support-channels-wrap) {
    background-color: #f4f5f7 !important;
    background-image: none !important
}

.light-theme #block_240:has(.support-channels-wrap)>.block-bg {
    opacity: 0 !important;
    background-image: none !important;
    display: none !important
}

.light-theme #block_240:has(.support-channels-wrap) .support-channels-wrap {
    background: #f4f5f7 !important
}

.light-theme #block_240:has(.support-channels-wrap) .support-channel-btn {
    color: #1a1a1d !important;
    background: #fff !important;
    border-color: #f8b4006b !important;
    box-shadow: 0 8px 22px #0f172a14, 0 0 0 1px #f8b40014 !important
}

.light-theme #block_240:has(.support-channels-wrap) .support-channel-btn:hover,
.light-theme #block_240:has(.support-channels-wrap) .support-channel-btn:focus {
    color: #111827 !important;
    background: #fff5f5 !important;
    border-color: #f8b400c7 !important;
    box-shadow: 0 10px 26px #f8b40029, 0 0 0 2px #f8b4001f !important
}

.light-theme #block_240:has(.support-channels-wrap) .support-channel-btn__ai {
    color: #f8b400 !important
}

#block_11 .block-signin__card.component_card {
    --card_border_color: var(--color-id-2);
    --card_box_shadow: 0px 2px 12px 11px var(--color-id-2)
}

#block_11 .block-signin__card.component_card .card.login-card,
#block_11 .block-signin__wrap.login-form-wrap .component_card .card.login-card {
    border-color: var(--card_border_color) !important;
    box-shadow: var(--card_box_shadow) !important
}

#block_10 .login-benefit-card,
#block_175 .payment-item,
#block_8 .login-step-card,
#block_12 .login-review-card,
#block_13 .login-faq-item,
#block_240 .login-cta-panel {
    border-color: var(--color-id-2) !important;
    box-shadow: 0px 2px 12px 11px var(--color-id-2) !important
}

#block_13 .login-faq-answer.collapse.in,
#block_13 .login-faq-answer.collapse.show {
    display: block !important
}

.ticket-subjects .ts-btn {
    transition: all .25s;
    border-style: solid !important;
    border-width: 1px !important
}

.ticket-subjects #ts-14 {
    color: #8b5cf6 !important;
    background: #8b5cf61f !important;
    border-color: #8b5cf6 !important
}

.ticket-subjects #ts-14:hover {
    color: #fff !important;
    background: #8b5cf6 !important;
    border-color: #8b5cf6 !important
}

.ticket-subjects #ts-14.is-active {
    box-shadow: 0 8px 18px #8b5cf647;
    color: #fff !important;
    background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
    border-color: #8b5cf6 !important
}

.ticket-subjects #ts-36 {
    color: #10b981 !important;
    background: #10b9811f !important;
    border-color: #10b981 !important
}

.ticket-subjects #ts-36:hover {
    color: #fff !important;
    background: #10b981 !important;
    border-color: #10b981 !important
}

.ticket-subjects #ts-36.is-active {
    box-shadow: 0 8px 18px #10b98147;
    color: #fff !important;
    background: linear-gradient(135deg, #10b981, #047857) !important;
    border-color: #10b981 !important
}

.osb-bar-counter {
    cursor: pointer;
    gap: 8px
}

#osbSelectAllChip {
    border-color: #fff;
    position: static;
    transform: none
}

#osbCount {
    margin-right: 5px
}

#custom-input-context-menu {
    background: var(--color-id-9);
    border: 1px solid var(--color-id-10);
    z-index: 999999999;
    -webkit-user-select: none;
    user-select: none;
    direction: rtl;
    border-radius: 14px;
    width: 190px;
    padding: 8px;
    display: none;
    position: fixed;
    overflow: hidden;
    box-shadow: 0 15px 45px #0006
}

#custom-input-context-menu.ctx-open {
    animation: .15s ctxMenuOpen;
    display: block
}

@keyframes ctxMenuOpen {
    0% {
        opacity: 0;
        transform: scale(.94)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.modal.in {
    opacity: 1 !important
}

.custom-ctx-action {
    width: 100%;
    color: var(--color-id-14);
    text-align: right;
    cursor: pointer;
    background: 0 0;
    border: 0;
    border-radius: 9px;
    align-items: center;
    gap: 11px;
    margin: 3px 0;
    padding: 11px 12px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    transition: background .15s, transform .15s;
    display: flex
}

.custom-ctx-action:hover {
    background: var(--color-id-10);
    transform: translate(-2px)
}

.custom-ctx-action i {
    width: 22px;
    color: var(--color-id-17);
    text-align: center;
    font-size: 16px
}

.custom-ctx-action:disabled {
    opacity: .38;
    cursor: not-allowed;
    transform: none
}

.tooltip {
    z-index: 1070;
    text-align: left;
    text-align: start;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857;
    text-decoration: none;
    display: block;
    position: absolute
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    max-width: 200px;
    padding: 3px 8px
}

.tooltip-arrow {
    border-style: solid;
    border-color: #0000;
    width: 0;
    height: 0;
    position: absolute
}

.tooltip.top .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #000;
    margin-left: -5px;
    bottom: 0;
    left: 50%
}

.tooltip.top-left .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #000;
    margin-bottom: -5px;
    bottom: 0;
    right: 5px
}

.tooltip.top-right .tooltip-arrow {
    border-width: 5px 5px 0;
    border-top-color: #000;
    margin-bottom: -5px;
    bottom: 0;
    left: 5px
}

.tooltip.right .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
    margin-top: -5px;
    top: 50%;
    left: 0
}

.tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    margin-top: -5px;
    top: 50%;
    right: 0
}

.tooltip.bottom .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    margin-left: -5px;
    top: 0;
    left: 50%
}

.tooltip.bottom-left .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    margin-top: -5px;
    top: 0;
    right: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    margin-top: -5px;
    top: 0;
    left: 5px
}