@charset "UTF-8";

@font-face {
    font-display: swap;
    font-family: Recoleta;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RecoletaRegular/Recoleta-Regular.woff2) format("woff2"), url(../fonts/RecoletaRegular/Recoleta-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Recoleta;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/RecoletaBold/Recoleta-Bold.woff2) format("woff2"), url(../fonts/RecoletaBold/Recoleta-Bold.woff) format("woff")
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPESemiBoldItalic/font.woff2) format("woff2"), url(../fonts/AvertaPESemiBoldItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEExtraThin/font.woff2) format("woff2"), url(../fonts/AvertaPEExtraThin/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPESemiBold/font.woff2) format("woff2"), url(../fonts/AvertaPESemiBold/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEThinItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEThinItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 100;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEBlack/font.woff2) format("woff2"), url(../fonts/AvertaPEBlack/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEBlackItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEBlackItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEThin/font.woff2) format("woff2"), url(../fonts/AvertaPEThin/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEExtraBoldItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEExtraBoldItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 800;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEExtraThinItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEExtraThinItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEBold/font.woff2) format("woff2"), url(../fonts/AvertaPEBold/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEExtraBold/font.woff2) format("woff2"), url(../fonts/AvertaPEExtraBold/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPELight/font.woff2) format("woff2"), url(../fonts/AvertaPELight/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPELightItalic/font.woff2) format("woff2"), url(../fonts/AvertaPELightItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPE/font.woff2) format("woff2"), url(../fonts/AvertaPE/font.woff) format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: Averta;
    src: url(../fonts/AvertaPEBoldItalic/font.woff2) format("woff2"), url(../fonts/AvertaPEBoldItalic/font.woff) format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: pass;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format("woff");
    font-display: swap;
}

:root {
  /* Brand */
  --fyp-primary: #8456ff;
  --fyp-primary-2: #966fff;
  --fyp-input-bg: #141a25;

  --fyp-input-disabled-bg: #1B2332;
  --fyp-input-disabled-color: rgba(255, 255, 255, 0.55);
  --fyp-input-disabled-border: rgba(255, 255, 255, 0.10);
  --fyp-input-disabled-placeholder: rgba(255, 255, 255, 0.35);

  /* Links */
  --bs-link-color: #fff;
  --bs-link-color-rgb: 255, 255, 255;
  --bs-link-decoration: none;
  --bs-link-hover-color: rgba(255, 255, 255, 0.85);
  --bs-link-hover-color-rgb: 255, 255, 255;

  /* Core palette */
  --bs-primary: var(--fyp-primary);
  --bs-secondary: #141a25;
  --bs-success: #0caf57;
  --bs-warning: #ff7245;
  --bs-orange: #ff5555;
  --bs-yellow: #ffc148;
  --bs-pink: #ff6ed2;
  --bs-aqua: #0094ff;
  --bs-light: #283457;
  --bs-text: #767f93;

  /* RGB helpers */
  --bs-primary-rgb: 132, 86, 255;
  --bs-secondary-rgb: 20, 26, 37;
  --bs-success-rgb: 12, 175, 87;
  --bs-warning-rgb: 255, 114, 69;
  --bs-orange-rgb: 255, 85, 85;
  --bs-yellow-rgb: 255, 193, 72;
  --bs-pink-rgb: 255, 110, 210;
  --bs-aqua-rgb: 0, 148, 255;
  --bs-light-rgb: 40, 52, 87;
  --bs-text-rgb: 118, 127, 147;

  /* Bootstrap defaults */
  --bs-body-font-family: "Averta", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bs-btn-font-family: var(--bs-body-font-family);
  --bs-border-radius-2xl: 2rem;

  /* Gradient */
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-primary-bg: #10151c;
  --bs-primary-bg-rgb: 16, 21, 28;
  --bs-secondary-bg: #131a25;
  --bs-secondary-bg-rgb: 19, 26, 37;
}

body {
  font-family: var(--bs-body-font-family);
  color: #fff;
  background: var(--bs-primary-bg);
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
}

body.lock {
    width: 100%;
    position: fixed;
    overflow: hidden;
}

@media (min-width: 576px) {
    body .scroll::-webkit-scrollbar {
        appearance: none;
        -webkit-appearance: none;
        height: 6px;
        width: 6px;
    }

    body .scroll::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(132, 86, 255, 0.1);
    }
}

a {
    color: var(--bs-link-color);
}

a:hover {
    color: rgba(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1));
}

.fyp-btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 none rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.fyp-btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #8456ff;
    --bs-btn-border-color: #8456ff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #966fff;
    --bs-btn-hover-border-color: #9067ff;
    --bs-btn-focus-shadow-rgb: 112, 73, 217;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #9d78ff;
    --bs-btn-active-border-color: #9067ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #8456ff;
    --bs-btn-disabled-border-color: #8456ff;
}

.fyp-btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #141a25;
    --bs-btn-border-color: #141a25;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #11161f;
    --bs-btn-hover-border-color: #10151e;
    --bs-btn-focus-shadow-rgb: 55, 60, 70;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #10151e;
    --bs-btn-active-border-color: #0f141c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #141a25;
    --bs-btn-disabled-border-color: #141a25;
}

/* custom text and bg */
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-green {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-orange {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}

.text-blue {
    color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-blue,
.text-pink {
    --bs-text-opacity: 1;
}

.text-pink {
    color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important;
}

.text-aqua {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-aqua-rgb), var(--bs-text-opacity)) !important;
}

.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow {
    background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue,
.bg-yellow {
    --bs-bg-opacity: 1;
}

.bg-blue {
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-aqua {
    --bs-bg-opacity: 1;
}

.bg-aqua {
    background-color: rgba(var(--bs-aqua-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

@media (min-width: 576px) {
    :root {
        --container-width: 548px !important;
    }

    .col-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: auto;
    }
}

@media (min-width: 768px) {
    :root {
        --container-width: 736px !important;
    }

    .col-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: auto;
    }
}

@media (min-width: 992px) {
    :root {
        --container-width: 976px !important;
    }

    .col-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: auto;
    }
}

@media (min-width: 1200px) {
    :root {
        --container-width: 1156px !important;
    }

    .col-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: auto;
    }
}

@media (min-width: 1450px) {
    :root {
        --container-width: 1442px !important;
    }

    .col-xxl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: auto;
    }
}

input[type="password"]:not(:placeholder-shown) {
    font-family: pass, Roboto, Helvetica, Arial, sans-serif;
}

.material-symbols-outlined {
    height: 1em;
    width: 1em;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.icon {
    height: 1em;
    width: 1em;
    font-size: 24px;
    color: #767f93;
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #dee2e6;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #dee2e6;
    border-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.text-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    overflow: hidden;
}

.bs-fav-btn {
    border-radius: 45px;
    background: #141a25;
    border: 1px solid #232c3c;
    padding: 7px;
    color: white;
    margin-top: 0px;
}

.service-fav-mobile {
    display: none;
}

.letters {
    white-space: nowrap;
}

.letter {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1em;
    opacity: 0;
}

.header__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding-top: 31px;
    padding-bottom: 31px;
}

.header__container,
.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    gap: 16px;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
}

.header__logo img {
    height: 38px;
    width: 38px;
    -o-object-fit: contain;
    object-fit: contain;
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
}

.header__nav a {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 6px 12px;
    opacity: 0.4;
}

.header__nav a:hover {
    opacity: 1;
}

.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.header__actions,
.header__opener {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__opener {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    border: none;
    outline: none;
    height: 42px;
    width: 42px;
    padding: 0;
    border-radius: 10px;
    background: transparent;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.header__opener * {
    font-size: 30px;
    color: #fff;
}

.header__opener:hover {
    background: rgba(132, 86, 255, 0.15);
}

.header:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 5px;
    background-image: url(../images/panel/map.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1071px;
    height: 865px;
    z-index: -1;
}

.header:after {
    content: "";
    background: radial-gradient(50% 30% at -15% -1%, #1d2734 40%, #10151c 100%);
    z-index: -2;
}

.header-mobile,
.header:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.header-mobile {
    display: none;
    padding: 8px 0;
    visibility: hidden;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9;
}

.header-mobile__card {
    background-color: #161c27;
    border-radius: 8px;
    padding: 8px 18px 16px;
    border: 1px solid hsla(0, 0%, 100%, 0.03);
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: right 40px;
    transform-origin: right 40px;
}

.header-mobile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-mobile__top-close {
    margin-right: -10px;
}

.header-mobile__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    gap: 18px;
    padding-bottom: 34px;
}

.header-mobile__nav a {
    margin: -10px -12px;
    padding: 10px 12px;
    border-radius: 6px;
    -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    /* letter-spacing: 0.6px; */
    color: #fff !important;
}

.header-mobile__nav a:hover {
    background: hsla(0, 0%, 100%, 0.04);
}

.header-mobile__actions {
    margin: -16px -18px;
    padding: 16px 18px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.03);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.header-mobile__actions-button {
    background: hsla(0, 0%, 100%, 0.04);
}

.header-mobile__actions a,
.header-mobile__actions button {
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 14px;
}

.header-mobile.active {
    visibility: visible;
}

.header-mobile.active .header-mobile__card {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.header-mobile .container {
    --bs-gutter-x: 16px;
}

@media (max-width: 1199.98px) {
    .header__nav {
        gap: 18px;
    }

    .header__actions {
        gap: 16px;
    }

    .header:after {
        width: 60%;
        height: 60%;
    }
}

@media (max-width: 991.98px) {
    .header__container {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .header__actions,
    .header__nav {
        display: none;
    }

    .header__opener {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header:after {
        content: none;
    }

    .header:before {
        right: 0;
        top: -34px;
        opacity: 0.4;
    }

    .header-mobile {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .header__logo {
        gap: 12px;
        font-size: 20px;
        line-height: 20px;
    }
}

.app,
.footer {
    position: relative;
    overflow: hidden;
}

.footer {
    width: 100%;
    padding-bottom: 32px;
    padding-top: 55px;
}

.footer-head {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 16px;
    margin-bottom: 104px;
}

.footer-head__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    background: radial-gradient(78.49% 68.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #1c2331;
    background: radial-gradient(78.49% 68.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #1c2331;
    border: 1px solid #222c3d;
    border-radius: 15px;
    padding: 24px;
}

.footer-head__item-icon * {
    font-size: 30px;
}

.footer-head__item-text {
    font-weight: 600;
    font-size: 19px;
    line-height: 40px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 33px;
}

.footer-content,
.footer-content__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-content__logo {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
}

.footer-content__logo img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 38px;
    width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer-content__description {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: hsla(0, 0%, 100%, 0.8);
}

.footer-content__contact {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    gap: 16px;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #1c2331;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #1c2331;
    border: 1px solid #1f2838;
    border-radius: 100px;
    padding: 10px 34px 10px 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
}

.footer-content__contact,
.footer-content__contact-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-content__contact-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%);
    -webkit-box-shadow: 0 24px 48px rgba(10, 39, 83, 0.03);
    box-shadow: 0 24px 48px rgba(10, 39, 83, 0.03);
    border-radius: 95px;
}

.footer-content__contact-icon * {
    font-size: 18px;
    color: #fff;
}

.footer-list {
    --bs-gutter-x: 22px;
    --bs-gutter-y: 36px;
    padding-bottom: 52px;
    margin-bottom: 40px;
    border-bottom: 1px solid #222c3d;
}

.footer-links {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 24px;
}

.footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px;
}

.footer-link__title {
    font-weight: 600;
    font-size: 19px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.footer-link__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-link__item {
    --bs-link-color: #767f93;
    --bs-link-hover-color: #767f93;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.footer-link__item a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.footer-link__item:hover {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    /* text-decoration: underline; */
}

.footer-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.footer-copy__icon {
    font-size: 24px;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.footer-copy__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    /* letter-zpacing: -0.03em; */
    color: rgba(118, 127, 147, 0.8);
}

.footer-effect {
    position: absolute;
    bottom: 0;
    height: 600px;
    width: 600px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.footer-effect--primary {
    left: 0;
}

.footer-effect--primary:before {
    content: "";
    position: absolute;
    left: -568px;
    bottom: -830px;
    width: 762px;
    height: 1080px;
    background: -webkit-gradient(linear, left top, left bottom, from(#171719), to(#8456ff));
    background: linear-gradient(180deg, #171719, #8456ff);
    -webkit-filter: blur(130px);
    filter: blur(130px);
    -webkit-transform: matrix(0.52, 0.85, 0.85, -0.52, 0, 0);
    transform: matrix(0.52, 0.85, 0.85, -0.52, 0, 0);
}

.footer-effect--secondary {
    right: 0;
}

.footer-effect--secondary:before {
    content: "";
    position: absolute;
    right: -698px;
    bottom: -920px;
    width: 762px;
    height: 1080px;
    -webkit-filter: blur(180px);
    filter: blur(180px);
    background: -webkit-gradient(linear, left top, left bottom, from(#222c39), to(#283240));
    background: linear-gradient(180deg, #222c39, #283240);
    -webkit-transform: rotate(122deg);
    transform: rotate(122deg);
}

.footer .container {
    position: relative;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .footer-head {
        margin-bottom: 42px;
    }

    .footer-head__item {
        padding: 16px;
    }

    .footer-links {
        --bs-gutter-x: 36px;
        --bs-gutter-y: 36px;
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding-top: 0;
    }

    .footer-link {
        gap: 20px;
    }

    .footer-head {
        margin-bottom: 32px;
    }

    .footer-head__item-icon * {
        font-size: 24px;
    }

    .footer-head__item-text {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-content {
        gap: 16px;
    }

    .footer-list {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .footer-effect {
        opacity: 0.4;
    }
}

.footer-up {
    position: relative;
    padding-top: 156px;
    padding-bottom: 156px;
}

.footer-up__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.footer-up__content-badge {
    margin-bottom: 28px;
}

.footer-up__content-title {
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    /* letter-zpacing: -0.04em; */
    color: #fff;
    margin-bottom: 22px;
}

.footer-up__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: hsla(0, 0%, 100%, 0.8);
    margin-bottom: 52px;
}

.footer-up__image {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    width: 100%;
    max-width: 616px;
    z-index: -1;
}

.footer-up__image--left {
    left: 0;
}

.footer-up__image--left:before {
    content: unset;
    position: absolute;
    width: 480px;
    height: 120px;
    top: 0;
    left: -85%;
    background: #8456ff;
    -webkit-filter: blur(130px);
    filter: blur(130px);
    -webkit-transform: rotate(-2.62deg);
    transform: rotate(-2.62deg);
    border-radius: 100%;
    opacity: 0.5;
}

.footer-up__image--right {
    right: 0;
}

.footer-up__image--right:before {
    content: unset;
    position: absolute;
    width: 480px;
    height: 120px;
    top: 0;
    right: -85%;
    background: #56ccff;
    -webkit-filter: blur(130px);
    filter: blur(130px);
    -webkit-transform: rotate(-2.62deg);
    transform: rotate(-2.62deg);
    border-radius: 100%;
    opacity: 0.5;
}

.footer-up__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1449.98px) {
    .footer-up__image {
        max-width: 390px;
    }
}

@media (max-width: 1199.98px) {
    .footer-up__image {
        top: unset;
    }
}

@media (max-width: 991.98px) {
    .footer-up__content-badge {
        margin-bottom: 24px;
    }

    .footer-up__content-title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 16px;
    }

    .footer-up__content-text {
        margin-bottom: 24px;
    }

    .footer-up__image {
        max-width: 320px;
    }
}

@media (max-width: 767.98px) {
    .footer-up {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .footer-up__content-badge {
        margin-bottom: 24px;
    }

    .footer-up__content-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .footer-up__content-text {
        margin-bottom: 24px;
    }

    .footer-up__image {
        top: 0;
    }

    .footer-up__image--left:before,
    .footer-up__image--right:before {
        content: "";
    }

    .footer-up__image img {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .footer-up {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.fyp-btn {
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 10px;
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 25px;
    --bs-btn-border-radius: 100px;
    --bs-btn-active-shadow: none;
    --bs-btn-border-width: 0;
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    white-space: nowrap;
}

.fyp-btn.btn-circle {
    --bs-btn-padding-y: 7px;
    --bs-btn-line-height: 31px;
    padding-left: 5px;
}

.fyp-btn.btn-circle>.btn-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 50%;
}

.fyp-btn.btn-circle>.btn-icon:after {
    display: none;
}

.fyp-btn.btn-circle>.btn-icon * {
    font-size: 18px;
}

.fyp-btn.btn-circle:disabled .btn-icon {
    background: rgba(118, 127, 147, 0.15);
}

.fyp-btn.btn-line {
    position: relative;
    overflow: hidden;
    padding-left: 15px;
}

.fyp-btn.btn-line span {
    right: 0;
}

.fyp-btn.btn-line .btn-icon,
.fyp-btn.btn-line span {
    position: relative;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.fyp-btn.btn-line .btn-icon {
    width: 31px;
}

.fyp-btn.btn-line .btn-icon *,
.fyp-btn.btn-line .btn-icon:after {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.fyp-btn.btn-line .btn-icon:after {
    content: "";
    height: 20px;
    width: 1px;
    margin-left: 10px;
}

.fyp-btn.btn-line:not(.btn-simple):hover span {
    margin: 0;
    opacity: 0;
    right: -100%;
}

.fyp-btn.btn-line:not(.btn-simple):hover .btn-icon {
    right: calc(-50% + 0.5em);
    width: 100%;
    padding-right: 11px;
    opacity: 1 !important;
}

.fyp-btn.btn-line:not(.btn-simple):hover .btn-icon * {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.fyp-btn.btn-line:not(.btn-simple):hover .btn-icon:after {
    width: 0;
    opacity: 0;
    margin: 0;
}

.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-icon * {
    color: #fff;
    font-size: 20px;
}

.fyp-btn-secondary {
    -webkit-box-shadow: 0 0 0 1px #1f2838;
    box-shadow: 0 0 0 1px #1f2838;
}

.fyp-btn-secondary .btn-icon:after,
.fyp-btn-secondary.btn-line .btn-icon:after {
    background: #1f2838;
}

.btn-secondary.btn-circle .btn-icon {
    background: rgba(118, 127, 147, 0.15);
}

.fyp-btn-primary.btn-line .btn-icon:after {
    background: #9d79ff;
}

.fyp-btn-primary.btn-lg {
    -webkit-box-shadow: 0 0 0 1px #9d79ff;
    box-shadow: 0 0 0 1px #9d79ff;
}

.btn-success.btn-line .btn-icon:after {
    background: #0caf57;
}

.btn-success.btn-lg {
    -webkit-box-shadow: 0 0 0 1px #0caf57;
    box-shadow: 0 0 0 1px #0caf57;
}

.btn-sm {
    gap: 12px;
}

.btn-sm,
.btn-sm.btn-circle {
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 5px;
    --bs-btn-line-height: 28px;
}

.btn-sm.btn-line .btn-icon {
    width: 31px;
}

.btn-sm.btn-line:not(.btn-simple):hover .btn-icon * {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.btn-lg {
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 15px;
    --bs-btn-line-height: 25px;
    gap: 15px;
}

.btn-lg.btn-line .btn-icon {
    width: 40px;
}

.btn-lg.btn-line .btn-icon * {
    font-size: 24px;
}

.btn-lg.btn-line .btn-icon:after {
    margin-left: 15px;
}

.btn-lg.btn-line:not(.btn-simple):hover .btn-icon {
    padding-right: 16px;
}

.btn-lg.btn-line:not(.btn-simple):hover .btn-icon * {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.btn-xl {
    --bs-btn-padding-x: 38px;
    --bs-btn-padding-y: 18px;
    --bs-btn-line-height: 20px;
    --bs-btn-border-radius: 15px;
    min-width: 185px;
    gap: 15px;
}

.btn-xl.btn-line {
    padding-left: 24px;
}

.btn-xl.btn-line .btn-icon {
    width: 40px;
}

.btn-xl.btn-line .btn-icon * {
    font-size: 24px;
}

.btn-xl.btn-line .btn-icon:after {
    margin-left: 15px;
}

.btn-xl.btn-line:not(.btn-simple):hover .btn-icon {
    padding-right: 16px;
}

.btn-xl.btn-line:not(.btn-simple):hover .btn-icon * {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.btn:disabled {
    --bs-btn-disabled-opacity: 1;
    --bs-btn-disabled-color: #767f93;
    --bs-btn-disabled-bg: #141a25;
    /* -webkit-box-shadow: 0 0 0 1px #1f2838; */
    box-shadow: 0 0 0 1px #1f2838;
}

.btn:disabled .btn-icon:after {
    background: #1f2838;
}

.btn:disabled .btn-icon * {
    color: #767f93;
}

.form-control {
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 0 16px;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.form-control:focus {
    background: #141a25;
    border-color: #9d79ff;
    -webkit-box-shadow: 0 0 0 1px #9d79ff;
    box-shadow: 0 0 0 1px #9d79ff;
    color: #fff;
}

.form-control::-webkit-input-placeholder {
    color: #767f93;
    opacity: 1;
}

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

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

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

.form-control[type="number"]::-webkit-inner-spin-button,
.form-control[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-control[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.form-control:disabled {
    background-color: var(--fyp-input-disabled-bg);
}

textarea.form-control {
    min-height: 158px;
    max-height: 320px;
    padding: 16px;
}

.form-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 16px;
    /* letter-zpacing: -0.03em; */
}

.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
    cursor: pointer;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background: #181f2c;
    border: 2px solid #1f2838;
    -webkit-transition: all 75ms;
    transition: all 75ms;
}

.form-check-input:checked[type="checkbox"],
.form-check-input:checked[type="radio"] {
    background: #8456ff;
    border-color: #b892ff;
}

.form-check-label {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #767f93;
}

.form-check-label a {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
}

.form-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
    cursor: pointer;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
    padding: 19px 24px;
    overflow: hidden;
}

.form-radio,
.form-radio-circle {
    -webkit-transition: all 75ms;
    transition: all 75ms;
}

.form-radio-circle {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background: #181f2c;
    border: 2px solid #1f2838;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.form-radio-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
}

.btn-check:checked~.form-radio {
    border: 1px solid #8456ff;
}

.btn-check:checked~.form-radio .form-radio-circle {
    background: #8456ff;
    border-color: #b892ff;
}

.form-select {
    background-color: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding-left: 16px;
    padding-right: 40px;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath fill='%23D9D9D9' d='M.466.773h24v24h-24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M12.466 15.773l-5-5h10l-5 5z' fill='%23767F93'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px;
}

.form-select .form-check-input {
    margin-left: 0;
}

.form-select:focus {
    background-color: #141a25;
    border-color: #9d79ff;
    -webkit-box-shadow: 0 0 0 1px #9d79ff;
    box-shadow: 0 0 0 1px #9d79ff;
    color: #fff;
}

.progress {
    height: 8px;
    background: #1f2838;
    border-radius: 100px;
}

.progress-bar {
    background: #f55;
}

.dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.dropdown-toggle:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Cpath fill='%23D9D9D9' d='M.765.708H17.64v16.875H.765z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M9.202 11.518L4.983 7.3l.985-.985L9.202 9.55l3.234-3.235.985.985-4.22 4.218z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    border: none;
    margin: 0;
}

.dropdown-menu {
    --bs-dropdown-bg: #141a25;
    --bs-dropdown-padding-y: 10px;
    --bs-dropdown-padding-x: 14px;
    --bs-dropdown-border-color: #1f2838;
    --bs-dropdown-color: #fff;
    --bs-dropdown-link-color: #fff;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: transparent;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-disabled-color: #fff;
    --bs-dropdown-item-padding-x: 0;
    --bs-dropdown-item-padding-y: 10px;
    --bs-dropdown-border-radius: 15px;
    --bs-dropdown-box-shadow: none;
    /* margin-top: 10px !important;
    border-radius: 15px; */
    /* opacity: 0; */
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.dropdown-menu.show {
    opacity: 1;
}

.dropdown-menu li:not(:last-child) {
    --bs-dropdown-item-padding-y: 14px;
    border-bottom: 1px solid #1f2838;
}

.dropdown-menu li:first-child {
    --bs-dropdown-item-padding-y: 10px;
}

.dropdown-item {
    gap: 14px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.dropdown-item,
.dropdown-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown-item-icon {
    height: 30px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(132, 86, 255, 0.15);
}

.dropdown-item-icon svg {
    font-size: 18px;
    color: #8456ff;
}

.dropdown-item:hover {
    color: #8456ff;
}

.nav {
    --bs-nav-link-color: #767f93;
    --bs-nav-link-hover-color: #fff;
    --bs-nav-link-disabled-color: #6c757d;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    padding: 9px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 23px;
}

.nav,
.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.nav-link {
    padding: 7px 30px 7px 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 31px;
    /* letter-zpacing: -0.03em; */
    background-color: transparent;
    border: none;
    outline: none;
    gap: 13px;
    border-radius: 100px;
}

.nav-link.active {
    --bs-nav-link-color: #fff;
    background-color: #8455f6;
}

.nav-link:hover .nav-icon * {
    color: var(--bs-nav-link-hover-color);
}

.nav-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, 0.15);
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.nav-icon * {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 18px;
    color: var(--bs-nav-link-color);
}

@media (max-width: 767.98px) {
    .nav {
        gap: 4px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 7px;
        /* -webkit-box-orient: vertical; */
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        /* -ms-flex-direction: column;
        flex-direction: column; */
        flex-wrap: wrap;
        border-radius: 30px;
    }

    /* .nav,
    .nav-item,
    .nav-link {
        width: 100%;
    } */
    .new-order-form #orderForm-tab {
        display: none;
    }

    .new-order-details ul {
        display: none;
    }

    /* ul#orderForm-tab li a[href="/massorder"] {
        display: none;
    } */

    .nav-link {
        /* border-radius: 6px; */
        border-radius: 30px;
        padding: 7px 16px 7px 7px;
    }
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 586px;
    --bs-modal-bg: #141a25;
    --bs-modal-border-color: #1f2838;
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 15px 15px 25px 25px;
    --bs-modal-box-shadow: none;
    --bs-modal-header-border-color: #1f2838;
    --bs-modal-footer-border-color: #1f2838;
    --bs-modal-footer-border-width: 1px;
}

.modal-content,
.modal-header {
    overflow: hidden;
}

.modal-header {
    background-image: url(../images/elements/modal-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 28px;
    padding-top: 55px;
    padding-bottom: 60px;
    position: relative;
}

.modal-header__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    max-width: 384px;
}

.modal-header__close {
    position: absolute;
    right: 30px;
    top: 30px;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

.modal-header__close * {
    font-size: 26px;
    color: #fff;
}

.modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    margin-top: -34px;
    padding: 0 32px 24px;
}

.modal-body-detail {
    gap: 20px;
}

.modal-body-detail,
.modal-body-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-body-detail__item {
    gap: 14px;
    width: 100%;
    background: #181f2c;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 9px;
}

.modal-body-detail__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background: #8456ff;
    border-radius: 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.modal-body-detail__item-icon * {
    color: #fff;
    font-size: 24px;
}

.modal-body-detail__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.modal-body-detail__item-title {
    color: #fff;
}

.modal-body-detail__item-text {
    color: #767f93;
}

.modal-body-detail__item-text,
.modal-body-detail__item-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.modal-body-content {
    padding: 24px;
    background: #181f2c;
    border: 1px solid #1f2838;
    border-radius: 15px;
}

.modal-body-content__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 134px;
    min-height: 32px;
    overflow-y: auto;
}

.modal-body-content__box span {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}

.modal-body-content__box::-webkit-scrollbar {
    width: 5px;
}

.modal-body-content__box::-webkit-scrollbar-track {
    background: #212b3d;
    border-radius: 10px;
}

.modal-body-content__box::-webkit-scrollbar-thumb {
    background: #8456ff;
    border-radius: 10px;
}

.modal-body-content__box::-webkit-scrollbar-thumb:hover {
    background: #8456ff;
}

.modal-backdrop {
    --bs-backdrop-opacity: 1;
    background: rgba(16, 21, 28, 0.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

@media (max-width: 575.98px) {
    .modal {
        --bs-modal-border-radius: 10px;
    }

    .modal-header {
        padding-top: 32px;
        padding-bottom: 44px;
        gap: 16px;
    }

    .modal-header__title {
        font-size: 20px;
        line-height: 24px;
    }

    .modal-header__close {
        right: 16px;
        top: 16px;
    }

    .modal-header__close * {
        font-size: 24px;
    }

    .modal-body {
        padding: 0 16px 16px;
        gap: 16px;
        margin-top: -28px;
    }

    .modal-body-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .modal-body-detail__item {
        padding: 6px;
    }

    .modal-body-detail__item-icon {
        height: 42px;
        width: 42px;
    }
}

.select2-container:not(.select2) {
    /* display: var(--app-device); */
}

.select2-dropdown {
    margin-top: 18px;
    width: 100%;
    padding: 10px 14px;
    background: #141a25;
    border: 1px solid #1f2838 !important;
    border-radius: 15px !important;
}

.select2-results__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.select2-results__option {
    text-transform: none;
    background: transparent !important;
    max-height: none;
    padding: 0;
}

.select2-results__option[aria-selected="true"] span {
    color: #8456ff;
}

.select2-results__option:not(:last-child) {
    border-bottom: 1px solid #1f2838;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 274px;
    padding-right: 8px;
    margin-right: -8px;
}

@media (min-width: 576px) {
    .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
        appearance: none;
        -webkit-appearance: none;
        height: 6px;
        width: 6px;
    }

    .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(132, 86, 255, 0.1);
    }
}

.elements {
    padding: 90px 0;
}

.elements__list {
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
}

.auth,
.elements__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.auth-info {
    position: sticky;
    top: 0;
    background: radial-gradient(90.49% 140.49% at 46.95% -33.74%, rgba(100, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0)));
    background: radial-gradient(90.49% 140.49% at 46.95% -33.74%, rgba(100, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0));
    border-right: 1px solid #1f2838;
    padding-top: 106px;
    width: 100%;
    overflow: hidden;
    max-width: 912px;
    min-width: 530px;
    min-height: var(--app-height, 100vh);
    height: 100%;
}

.auth-info__content {
    max-width: 638px;
    margin: 0 auto;
    padding: 0 24px;
}

.auth-info__content-title {
    font-weight: 600;
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 32px;
    /* letter-zpacing: -0.03em; */
}

.auth-info__image {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 32%;
    bottom: -22%;
    left: -11%;
    z-index: -1;
    min-width: 700px;
    width: 100%;
}

.auth-info__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.auth-info:after {
    content: "";
    bottom: -656px;
    left: -360px;
}

.auth-info:before {
    bottom: -656px;
    left: -494px;
}

.auth-info:after,
.auth-info:before {
    content: "";
    position: absolute;
    height: 640px;
    width: 640px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(132, 85, 246, 0)), to(#8454f6));
    background: linear-gradient(180deg, rgba(132, 85, 246, 0), #8454f6);
    -webkit-filter: blur(106.364px);
    filter: blur(106.364px);
    -webkit-transform: matrix(0.72, -0.69, -0.69, -0.72, 0, 0);
    transform: matrix(0.72, -0.69, -0.69, -0.72, 0, 0);
    border-radius: 50%;
}

.auth-form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 54px 32px;
}

.auth-form,
.auth-form__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.auth-form__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    max-width: 570px;
    margin: auto;
    width: 100%;
    height: 100%;
}

.auth-form__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 44px;
}

.auth-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.auth-form form button[type="submit"] {
    width: 100%;
}

@media (max-width: 1449.98px) {
    .auth-form {
        padding: 48px 24px;
    }
}

@media (max-width: 1199.98px) {
    .auth-info {
        padding-top: 54px;
    }

    .auth-info__content-title {
        font-size: 32px;
        line-height: 36px;
    }

    .auth-form {
        padding: 32px;
    }
}

@media (max-width: 991.98px) {
    .auth-info {
        display: none;
    }

    .auth-form {
        padding: 32px 16px;
        width: 100%;
    }

    .auth-form__container {
        gap: 0;
        max-width: 800px;
        margin: 0 auto;
        width: 100%;
    }

    .auth-form__title {
        margin-bottom: 32px;
    }

    .auth-form form {
        max-width: unset;
        padding: 48px 0;
    }
}

@media (max-width: 767.98px) {
    .auth-form {
        padding: 16px;
    }
}

.blog {
    padding-top: 113px;
    padding-bottom: 402px;
}

.blog__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 82px;
}

.blog__content-title {
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    /* letter-zpacing: -0.04em; */
    color: #fff;
}

.blog__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: hsla(0, 0%, 100%, 0.8);
    max-width: 500px;
    /* letter-zpacing: -0.03em; */
}

.blog__list {
    --bs-gutter-x: 34px;
    --bs-gutter-y: 83px;
}

.blog-detail {
    padding-top: 113px;
    padding-bottom: 452px;
    margin: 0 auto;
    max-width: 930px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-detail__title {
    text-align: center;
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 40px;
    /* letter-zpacing: -0.03em; */
}

.blog-detail__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: radial-gradient(148.49% 108.49% at 46.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 70%), -webkit-gradient(linear, left bottom, left top, from(#141a25), to(#141a25)), #192028;
    background: radial-gradient(148.49% 108.49% at 46.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 70%), linear-gradient(0deg, #141a25, #141a25), #192028;
    border: 1px solid #1f2838;
    border-radius: 15px;
    width: 100%;
    aspect-ratio: 93/33;
    overflow: hidden;
    margin-bottom: 44px;
}

.blog-detail__image-icon {
    font-size: 90px;
    color: #273349;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.blog-detail__image img {
    height: 100%;
    width: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-detail__texts {
    margin-bottom: 46px;
}

.blog-detail__texts p {
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    margin-bottom: 25px;
}

.blog-detail__socials {
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #1c2331;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #1c2331;
    border: 1px solid #222c3d;
    border-radius: 15px;
    width: 100%;
    padding: 24px 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
}

.blog-detail__socials-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 40px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.blog-detail__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

.blog-detail__socials-list a * {
    color: #fff;
    font-size: 24px;
}

.blog-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 38px;
}

.blog-card,
.blog-card__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-card__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: radial-gradient(78.49% 58.49% at 50% -13.74%, rgba(101, 128, 163, 0.12) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))),
        -webkit-gradient(linear, left bottom, left top, from(#141a25), to(#141a25)), #192028;
    background: radial-gradient(78.49% 58.49% at 50% -13.74%, rgba(101, 128, 163, 0.12) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), linear-gradient(0deg, #141a25, #141a25), #192028;
    border: 1px solid #1f2838;
    border-radius: 15px;
    aspect-ratio: 446/343;
    overflow: hidden;
}

.blog-card__image-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    font-size: 64px;
    color: #273349;
}

.blog-card__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blog-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 27px;
}

.blog-card__content-title {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    font-weight: 600;
    font-size: 25px;
    line-height: 34px;
    /* letter-zpacing: -0.03em; */
}

.blog-card__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    max-width: 374px;
}

.blog-card__content-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 1199.98px) {
    .blog {
        padding-bottom: 200px;
    }

    .blog__list {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 32px;
    }

    .blog-detail {
        padding-bottom: 200px;
    }

    .blog-card,
    .blog-card__content {
        gap: 20px;
    }

    .blog-card__content-title {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 991.98px) {
    .blog {
        padding-top: 64px;
        padding-bottom: 120px;
    }

    .blog__content {
        gap: 16px;
        margin-bottom: 40px;
    }

    .blog__content-title {
        font-size: 36px;
    }

    .blog-detail {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .blog-detail__texts p {
        margin-bottom: 16px;
    }

    .blog-detail__image {
        aspect-ratio: 70/30;
    }
}

@media (max-width: 767.98px) {

    .blog,
    .blog-detail {
        padding-top: 32px;
    }

    .blog-detail__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    .blog-detail__title div {
        display: inline;
    }

    .blog-detail__texts {
        margin-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .blog-detail__image {
        aspect-ratio: 40/30;
        margin-bottom: 24px;
    }

    .blog-detail__image-icon {
        font-size: 48px;
    }

    .blog-detail__socials {
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }
}

.panel {
    --sidebar-width: 243px;
    --container-padding: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--app-height);
}

.panel-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.panel-container {
    max-width: calc(1436px + (var(--container-padding, 32px) * 2));
    margin: 0 auto;
    padding: var(--container-padding, 32px);
    padding-left: 77px;
    padding-bottom: 64px;
    padding-top: 0;
}

.panel-fit {
    max-width: 1114px;
    margin: 0 auto;
    padding-top: 84px;
}

@media (max-width: 1199.98px) {
    .panel-container {
        padding-left: 36px;
        padding-right: 36px;
    }
}

@media (max-width: 991.98px) {
    .panel-fit {
        padding-top: 32px;
    }
}

@media (max-width: 767.98px) {
    .panel-container {
        padding-bottom: 32px;
    }
}

@media (max-width: 575.98px) {
    .panel-fit {
        padding-top: unset;
    }

    .panel-container {
        padding: 16px;
    }
}

.panel-sidebar {
    width: var(--sidebar-width);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-height: var(--app-height);
    max-height: var(--app-height);
    height: 100%;
    flex-direction: column;
    overflow: auto;
    position: sticky;
    top: 0;
    z-index: 4;
}

.panel-sidebar,
.panel-sidebar__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.panel-sidebar__container {
    padding: 34px 0;
    flex-direction: column;
}

.panel-sidebar__logo {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 36px;
    /* letter-zpacing: -0.03em; */
}

.panel-sidebar__logo img {
    height: 38px;
    width: 150px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.panel-sidebar__wallet {
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    -webkit-box-shadow: 0 25px 50px rgba(10, 39, 83, 0.03);
    box-shadow: 0 25px 50px rgba(10, 39, 83, 0.03);
    border-radius: 500px;
    margin-left: auto;
    margin-right: auto;
    gap: 14px;
    width: 100%;
    padding: 7px;
    max-width: 150px;
    margin-bottom: 28px;
}

.panel-sidebar__wallet,
.panel-sidebar__wallet-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.panel-sidebar__wallet-icon {
    height: 32px;
    width: 32px;
    background: #8456ff;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.panel-sidebar__wallet-icon i {
    font-size: 20px;
    color: #fff;
}

.panel-sidebar__wallet-balance {
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    line-height: 13px;
    color: #fff;
}

.panel-sidebar__list {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 55px;
}

.panel-sidebar__list,
.panel-sidebar__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    width: 100%;
}

.panel-sidebar__list a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 50px;
    /* letter-zpacing: -0.03em; */
}

.panel-sidebar__list a,
.panel-sidebar__list a svg {
    color: #767f93;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.panel-sidebar__list a svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 24px;
}

.panel-sidebar__list a.active,
.panel-sidebar__list a.active svg {
    color: #8456ff;
}

.panel-sidebar__list a.active:before {
    content: "";
    position: absolute;
    left: 0;
    background: #8456ff;
    -webkit-box-shadow: 0 0 25px #8455f6;
    box-shadow: 0 0 25px #8455f6;
    border-radius: 0 5px 5px 0;
    width: 6px;
    height: 30px;
}

.panel-sidebar__list a:hover,
.panel-sidebar__list a:hover svg {
    color: #8456ff;
}

.panel-sidebar__list a[data-notification]:after {
    content: attr(data-notification);
    background: #f55;
    border-radius: 100px;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-left: auto;
}

.panel-sidebar-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 28px;
}

.panel-sidebar-user__profile {
    position: relative;
    height: 84px;
    width: 84px;
    background: #1c2330;
    border: 4px solid #2d384b;
    border-radius: 50%;
}

.panel-sidebar-user__profile-image {
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.panel-sidebar-user__profile-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-sidebar-user__profile-verified {
    position: absolute;
    bottom: -5px;
    right: -4px;
}

.panel-sidebar-user__profile-verified img {
    height: 32px;
    width: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-sidebar-user__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.panel-sidebar-status {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 38px;
    max-width: 184px;
}

.panel-sidebar-status,
.panel-sidebar-status__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.panel-sidebar-status__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.panel-sidebar-status__header svg {
    color: #f55;
    font-size: 20px;
}

.panel-sidebar-status__header span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.panel-sidebar-status__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #767f93;
    /* letter-zpacing: -0.03em; */
    margin-bottom: 16px;
}

.panel-sidebar-status__price strong {
    font-weight: 600;
    font-size: 25px;
    line-height: 26px;
    color: #fff;
    /* letter-zpacing: -0.03em; */
}

.panel-sidebar-status__link {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    gap: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
}

.panel-sidebar-status__link,
.panel-sidebar-status__link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.panel-sidebar-status__link-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f55;
}

.panel-sidebar-status__link-icon svg {
    font-size: 14px;
    color: #fff;
}

.panel-sidebar-status .progress {
    margin-bottom: 10px;
}

.panel-sidebar::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1199.98px) {
    .panel-sidebar {
        position: fixed;
        background-color: #10151c;
        top: 0;
        left: 0;
        z-index: 10;
        -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        -webkit-box-shadow: 0 0 0 10000px transparent;
        box-shadow: 0 0 0 10000px transparent;
    }

    .panel-sidebar.open {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
        -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.3);
    }
}

.panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    padding: 19px var(--container-padding, 32px);
    padding-left: 77px;
}

.panel-header,
.panel-header__open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.panel-header__open {
    height: 45px;
    width: 45px;
    background: rgba(132, 86, 255, 0.2);
    border-radius: 14px;
    display: none;
    outline: none;
    border: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.panel-header__open,
.panel-header__open * {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.panel-header__open * {
    font-size: 24px;
    color: #fff;
}

.panel-header__open:hover {
    background: rgba(132, 86, 255, 0.5);
}

.panel-header__title {
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    color: #767f93;
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* letter-zpacing: -0.03em; */
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.panel-header__actions {
    gap: 18px;
}

.panel-header__actions,
.panel-header__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.panel-header__button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    padding: 4px 13px 4px 4px;
    min-width: 138px;
}

.panel-header__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    margin: 3px;
    background: #8456ff;
    border-radius: 50%;
}

.panel-header__button-icon * {
    font-size: 20px;
    color: #fff;
}

.panel-header__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    gap: 15px;
}

.panel-header__profile-avatar {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #8456ff;
    overflow: hidden;
}

.panel-header__profile-avatar img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.panel-header__profile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
}

.panel-header__profile-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
}

.panel-header__profile-text {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #939393;
}

.panel-header__background {
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.panel-header__background-map {
    position: absolute;
    left: -214px;
    top: -214px;
    width: 100%;
    max-width: 1558px;
    min-width: 1400px;
    z-index: 1;
}

.panel-header__background-dark {
    left: 100px;
    top: -78px;
    background: #10151c;
    width: 732px;
    z-index: 2;
}

.panel-header__background-dark,
.panel-header__background-light {
    position: absolute;
    -webkit-filter: blur(97.355px);
    filter: blur(97.355px);
    -webkit-transform: rotate(-2.62deg);
    transform: rotate(-2.62deg);
    height: 172px;
    border-radius: 50%;
}

.panel-header__background-light {
    left: -188px;
    top: 10px;
    background: #1c2634;
    width: 746px;
    z-index: 3;
}

@media (max-width: 1199.98px) {
    .panel-header {
        padding-left: var(--container-padding, 32px);
    }

    .panel-header__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .panel-header {
        gap: 18px;
    }

    .panel-header__button {
        padding: 0;
        min-width: unset;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .panel-header__button-icon {
        height: 45px;
        width: 45px;
        margin: 0;
    }

    .panel-header__button:after,
    .panel-header__button:before {
        content: none;
    }
}

@media (max-width: 767.98px) {
    .panel-header__open {
        margin-right: auto;
    }

    .panel-header__title {
        display: none;
    }

    .panel-header__background-dark {
        left: 100px;
        top: -78px;
        width: 600px;
        height: 140px;
    }

    .panel-header__background-light {
        left: -200px;
        top: -30px;
        width: 600px;
        height: 140px;
    }
}

@media (max-width: 575.98px) {
    .panel-header {
        padding: 16px;
    }

    .panel-header__profile-content {
        display: none;
    }
}

.account {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.account,
.account-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.account-detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 54px;
}

.account-detail-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px;
}

.account-detail-user__avatar {
    position: relative;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #1c2330;
    border: 2px solid #2d384b;
}

.account-detail-user__avatar-image {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.account-detail-user__avatar-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.account-detail-user__avatar-verified {
    position: absolute;
    height: 20px;
    width: 20px;
    right: -2px;
    bottom: -1px;
}

.account-detail-user__avatar-verified img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.account-detail-user__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.account-detail-user__content-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.account-detail-user__content-email {
    --bs-link-color: #767f93;
    --bs-link-hover-color: #767f93;
    font-weight: 600;
    font-size: 14px;
    /* letter-zpacing: -0.03em; */
    line-height: 16px;
}

.account-detail-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    padding: 9px 10px 9px 25px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 100px;
    max-width: 368px;
    width: 100%;
}

.account-detail-action__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.account-detail-action__button {
    gap: 13px;
    background: #8455f6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    font-weight: 500;
    font-size: 14px;
    line-height: 31px;
    /* letter-zpacing: -0.03em; */
    padding: 7px 30px 7px 7px;
    border: none;
    outline: none;
    color: #fff;
}

.account-detail-action__button,
.account-detail-action__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-detail-action__button-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, 0.15);
}

.account-detail-action__button-icon * {
    font-size: 18px;
    color: #fff;
}

.account-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 42px;
}

.account-form__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.account-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
}

.account-form:not(:last-child) {
    margin-bottom: 84px;
}

@media (max-width: 767.98px) {
    .account-detail {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 42px;
    }

    .account-detail-user {
        gap: 12px;
    }

    .account-form {
        gap: 24px;
    }

    .account-form:not(:last-child) {
        margin-bottom: 42px;
    }
}

.referral {
    gap: 20px;
}

.referral,
.referral-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.referral-detail {
    gap: 22px 20px;
}

.referral-detail__address {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8;
    gap: 20px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 11px 12px;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #767f93;
}

.referral-detail__address,
.referral-detail__address-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.referral-detail__address-button {
    background: #8456ff;
    border-radius: 10px;
    height: 48px;
    width: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.referral-detail__address-button * {
    font-size: 24px;
    color: #fff;
}

.referral-detail__address-button:hover {
    background: #7542ff;
}

.referral-detail__item {
    gap: 15px;
    padding: 24px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
}

.referral-detail__item,
.referral-detail__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.referral-detail__item-icon {
    --bs-bg-opacity: 0.15;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.referral-detail__item-icon * {
    font-size: 18px;
}

.referral-detail__item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.referral-detail__item--button {
    padding: 19px 24px;
}

.referral-detail__list {
    display: grid;
    gap: 30px;
}

.referral-detail__list--address {
    gap: 20px;
    grid-template-columns: auto 23% 23%;
}

.referral-detail__list--labels {
    grid-template-columns: repeat(4, auto);
}

.referral-detail__list--total {
    grid-template-columns: auto 66.6%;
}

.referral-content {
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
}

.referral-content__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.referral-content__texts p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    margin-bottom: 20px;
}

.referral-content__texts p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1449.98px) {
    .referral-detail__list {
        gap: 20px;
    }
}

@media (max-width: 991.98px) {
    .referral-detail__address {
        grid-column: span 2;
    }

    .referral-detail__list--address {
        grid-template-columns: 1fr 1fr;
    }

    .referral-detail__list--labels {
        grid-template-columns: repeat(2, 1fr);
    }

    .referral-detail__list--total {
        grid-template-columns: 1fr;
    }

    .referral-content {
        padding: 24px;
    }
}

@media (max-width: 767.98px) {
    .referral-detail {
        gap: 16px;
    }

    .referral-detail__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 575.98px) {
    .referral-detail__item {
        padding: 14px;
    }

    .referral-detail__item-text {
        line-height: 30px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .referral-detail__item--button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .referral-detail__item--button,
    .referral-detail__item--button .referral-detail__item-text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .referral-detail__address {
        gap: 12px;
    }

    .referral-detail__address-button {
        height: 42px;
        width: 42px;
    }

    .referral-content {
        padding: 18px;
        gap: 14px;
    }

    .referral-content__title {
        font-size: 20px;
        line-height: 24px;
    }
}

.childpanel {
    gap: 26px;
}

.childpanel,
.childpanel__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.childpanel__form {
    gap: 30px;
}

.childpanel__form-dual {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.childpanel-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.childpanel-accordion__item {
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
}

.childpanel-accordion__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 20px 20px 20px 32px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.childpanel-accordion__button,
.childpanel-accordion__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.childpanel-accordion__button-icon * {
    font-size: 24px;
    color: #fff;
}

.childpanel-accordion__button:not(.collapsed) {
    font-size: 25px;
    line-height: 30px;
    padding: 40px;
}

.childpanel-accordion__button:not(.collapsed) .childpanel-accordion__button-icon {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.childpanel-accordion__button:not(.collapsed) .childpanel-accordion__button-icon * {
    font-size: 36px;
}

.childpanel-accordion__body {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    padding: 0 40px 40px;
}

@media (max-width: 767.98px) {
    .childpanel-accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .childpanel-accordion__button {
        padding: 24px 16px 24px 24px;
    }

    .childpanel-accordion__button:not(.collapsed) {
        font-size: 16px;
        line-height: 26px;
        padding: 24px 16px 24px 24px;
    }

    .childpanel-accordion__button:not(.collapsed) .childpanel-accordion__button-icon * {
        font-size: 24px;
    }

    .childpanel-accordion__body {
        padding: 0 16px 24px 24px;
    }
}

@media (max-width: 575.98px) {
    .childpanel {
        gap: 16px;
    }

    .childpanel__form {
        gap: 14px;
    }

    .childpanel__form-dual {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }

    .childpanel-accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .childpanel-accordion__item {
        border-radius: 15px;
    }

    .childpanel-accordion__button,
    .childpanel-accordion__button:not(.collapsed) {
        padding: 18px 16px 18px 18px;
        font-size: 14px;
        line-height: 26px;
    }

    .childpanel-accordion__button:not(.collapsed) .childpanel-accordion__button-icon * {
        font-size: 24px;
    }

    .childpanel-accordion__body {
        font-weight: 600;
        font-size: 14px;
        line-height: 25px;
        padding: 0 16px 18px 18px;
    }
}

.childpanel-orders__header {
    margin-bottom: 40px;
}

.childpanel-orders__banner {
    margin-bottom: 20px;
}

.childpanel-orders__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.childpanel-orders-item,
.childpanel-orders__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.childpanel-orders-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 51px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 18px 12px 18px 36px;
}

.childpanel-orders-item__title {
    font-weight: 600;
    font-size: 19px;
    line-height: 23px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.childpanel-orders-item__date {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    gap: 12px;
}

.childpanel-orders-item__actions,
.childpanel-orders-item__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.childpanel-orders-item__actions {
    margin-left: auto;
    gap: 15px;
}

.childpanel-orders-item__detail-title {
    display: none;
    font-size: 12px;
    line-height: 1;
    color: #767f93;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .childpanel-orders__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .childpanel-orders-item {
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px;
    }

    .childpanel-orders-item__actions {
        margin-left: unset;
    }

    .childpanel-orders-item__date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .childpanel-orders-item__detail-title {
        display: inline;
    }
}

@media (max-width: 767.98px) {
    .childpanel-orders__header {
        margin-bottom: 24px;
    }

    .childpanel-orders__list {
        grid-template-columns: 1fr;
    }
}

.addfunds {
    gap: 36px;
}

.addfunds,
.addfunds-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.addfunds-history {
    gap: 18px;
}

.addfunds-history-item {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    grid-template-columns: 5.5% 14% 1fr 95px;
    padding: 11px 12px 11px 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
}

.addfunds-history-item__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.addfunds-history-item__detail-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #767f93;
    display: none;
}

.addfunds-history-item__detail-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.addfunds-history-item__detail-text img {
    width: 100%;
    height: 14px;
    -o-object-position: left center;
    object-position: left center;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.addfunds-history-heading {
    padding: 17px 12px 17px 24px;
}

.addfunds-form {
    gap: 15px;
}

.addfunds-form,
.addfunds-form__selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.addfunds-form__selector {
    gap: 14px;
}

.addfunds-form__selector-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.addfunds-form__selector-list {
    gap: 16px;
}

.addfunds-form__selector-button,
.addfunds-form__selector-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.addfunds-form__selector-button {
    gap: 10px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
    padding: 15px;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.addfunds-form__selector-check:checked+.addfunds-form__selector-button {
    color: #fff;
    border-color: #8456ff;
}

.addfunds-form__input {
    padding: 20px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.addfunds-form__input-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.addfunds-form__input-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.addfunds-form__input-balance input,
.addfunds-form__input-balance label {
    font-weight: 600;
    font-size: 25px;
    line-height: 31px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.addfunds-form__input-balance input {
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
}

.addfunds-form__input-balance input::-webkit-inner-spin-button,
.addfunds-form__input-balance input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.addfunds-form__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.addfunds-form__actions button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width: 767.98px) {
    .addfunds {
        gap: 18px;
    }

    .addfunds-history {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .addfunds-history-item {
        padding: 14px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .addfunds-history-item__detail-title {
        display: inline;
    }

    .addfunds-history-heading {
        display: none;
    }

    .addfunds-form {
        gap: 16px;
    }

    .addfunds-form__selector-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .addfunds-form__selector-button {
        font-size: 16px;
        line-height: 18px;
    }

    .addfunds-form__input {
        gap: 8px;
    }

    .addfunds-form__input-balance input,
    .addfunds-form__input-balance label {
        font-size: 20px;
        line-height: 24px;
    }

    .addfunds-form__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }

    .addfunds-form__actions button {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .addfunds-history {
        grid-template-columns: 1fr;
    }

    .addfunds-form__input {
        border-radius: 10px;
        padding: 16px;
    }

    .addfunds-form__input-balance input,
    .addfunds-form__input-balance label {
        font-size: 18px;
        line-height: 20px;
    }
}

.orders {
    gap: 46px;
    padding-top: 40px;
}

.orders,
.orders-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.orders-list {
    gap: 26px;
}

.orders-item {
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
}

.orders-item-main {
    display: grid;
    grid-template-columns: minmax(auto, 98px) minmax(auto, 262px) minmax(auto, 362px) 20px auto minmax(auto, 180px);
    gap: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid #1f2838;
}

.orders-item-detail {
    padding: 22px 30px;
    gap: 34px;
}

.orders-item-detail,
.orders-item-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.orders-item-detail__item {
    gap: 8px;
}

.orders-item-detail__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.orders-item-detail__item-icon * {
    font-size: 35px;
    color: #767f93;
}

.orders-item-detail__item-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.orders-item-detail__item-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}

.orders-item-detail__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    background: #181f2c;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 18px 25px;
    color: #fff;
    margin-left: auto;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
    max-width: 164px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.orders-item-detail__button * {
    font-size: 24px;
    color: #fff;
}

.orders-item-detail__button:hover {
    background: #1c2433;
}

.orders-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.orders-item__content-title {
    display: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.orders-item__content--id {
    background: #8456ff;
    border: 1px solid #9d79ff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px;
}

.orders-item__content--id .orders-item__content-text {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    white-space: normal;
    word-break: break-all;
}

.orders-item__content--id .orders-item__content-text,
.orders-item__content--title .orders-item__content-text {
    -webkit-box-orient: vertical;
    font-weight: 600;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.orders-item__content--title .orders-item__content-text {
    font-size: 14px;
    line-height: 25px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.orders-item__content--date .orders-item__content-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.orders-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: #181f2c;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 20px 18px;
    max-width: 314px;
    width: 100%;
    margin: 0 auto;
}

.orders-item__link-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #767f93;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.orders-item__link-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.orders-item__link-icon * {
    font-size: 24px;
    color: #767f93;
}

.orders-item__dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #767f93;
    margin: 0 auto;
}

.orders-item__state {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    border-radius: 15px;
    height: 60px;
}

.orders-item__actions,
.orders-item__state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.orders-item__actions {
    gap: 12px;
}

.orders-item__button {
    display: none;
    background: #181f2c;
    border: none;
    outline: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    border-radius: 10px;
    height: 40px;
    width: 100%;
}

@media (max-width: 1449.98px) {
    .orders-item-main {
        display: grid;
        grid-template-columns: minmax(auto, 98px) minmax(auto, 262px) minmax(auto, 260px) 20px auto minmax(auto, 140px);
        gap: 16px;
        padding: 20px;
    }

    .orders-item-detail {
        gap: 20px;
        padding: 20px;
    }

    .orders-item-detail__item {
        gap: 6px;
    }

    .orders-item-detail__item-icon * {
        font-size: 30px;
    }

    .orders-item__content--date .orders-item__content-text {
        font-size: 14px;
        line-height: 16px;
    }

    .orders-item__link {
        gap: 12px;
    }

    .orders-item__link-icon * {
        font-size: 20px;
    }
}

@media (max-width: 1199.98px) {
    .orders-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;
    }

    .orders-item-main {
        padding: 16px;
        gap: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
    }

    .orders-item-detail {
        display: none;
    }

    .orders-item__content {
        width: 100%;
    }

    .orders-item__content-title {
        display: inline;
    }

    .orders-item__content--id {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        background: none;
        border: none;
        width: 100%;
    }

    .orders-item__content--id .orders-item__content-text {
        font-size: 14px;
        line-height: 18px;
        border-radius: 10px;
        display: inline;
    }

    .orders-item__content--title .orders-item__content-text {
        display: inline;
        padding-bottom: 10px;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: 1px solid #1f2838;
    }

    .orders-item__state {
        height: 40px;
        border-radius: 10px;
    }

    .orders-item__actions {
        margin-top: 8px;
    }

    .orders-item__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .orders-item__dot,
    .orders-item__link {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .orders {
        gap: 16px;
        padding-top: 32px;
    }

    .orders-list {
        gap: 16px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .orders-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .orders {
        padding-top: 0;
    }
}

.services {
    gap: 44px;
    padding-top: 40px;
}

.services,
.services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.services-list {
    gap: 15px;
}

.services-item__button {
    gap: 13px;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 15px 25px 15px 12px;
    width: 100%;
}

.services-item__button,
.services-item__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.services-item__button-icon {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #8456ff;
    justify-content: center;
}

.services-item__button-icon * {
    font-size: 18px;
}

.services-item__button-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.services-item__button-arrow {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.services-item__button-arrow * {
    font-size: 24px;
    color: #767f93;
}

.services-item__button:not(.collapsed) .services-item__button-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.services-table {
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    margin-top: 16px;
    overflow: hidden;
}

.services-table__header {
    padding: 20px 34px;
    border-bottom: 1px solid #1f2838;
}

.services-table__header span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.services-table__item {
    padding: 17px 26px;
}

.services-table__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.services-table__item-content--id {
    max-width: 63px;
}

.services-table__item-tag {
    display: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #767f93;
}

.services-table__item-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.services-table__item:not(:last-child) {
    border-bottom: 1px solid #1f2838;
}

.services-table__item:nth-child(2n) {
    background: rgba(25, 33, 47, 0.7);
}

.services-table__header,
.services-table__item {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr 120px 8fr 129px 156px 5fr 116px;
    gap: 20px;
}

@media (max-width: 1449.98px) {

    .services-table__header,
    .services-table__item {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: 1fr 4fr 8fr 100px 156px 5fr 116px;
        gap: 20px;
    }

    .service-fav-mobile {
        display: none;
    }

    .service-fav {
        display: block;
    }

    .bs-fav-btn {
        border-radius: 45px;
        background: #141a25;
        border: 1px solid #232c3c;
        padding: 7px;
        color: white;
        margin-top: 0px;
    }
}

@media (max-width: 991.98px) {
    .bs-fav-btn {
        border-radius: 45px;
        background: #141a25;
        border: 1px solid #232c3c;
        padding: 10px;
        color: white;
        margin-top: 10px;
    }

    .service-fav-mobile {
        display: block;
    }

    .service-fav {
        display: none;
    }

    .services {
        gap: 15px;
    }

    .services-table {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        background: transparent;
        border: none;
    }

    .services-table__header {
        display: none;
    }

    .services-table__item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        /* -webkit-box-orient: vertical; */
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px;
        gap: 12px;
        background: #141a25;
        border: 1px solid #1f2838;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        border-radius: 15px;
        overflow: hidden;
    }

    .services-table__item-content:not(:nth-last-child(3), :nth-last-child(4)) {
        grid-column: span 2;
    }

    .services-table__item-content--id {
        max-width: unset;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .services-table__item-tag {
        display: inline;
    }

    .services-table__item .btn {
        margin-top: 8px;
        width: 100%;
        grid-column: span 1;
    }

    .services-table__item:nth-child(2n) {
        background: #141a25;
    }
}

@media (max-width: 767.98px) {
    .services {
        padding-top: 32px;
    }

    .services-table {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .services {
        padding-top: 0;
    }
}

.ticket {
    gap: 40px;
}

.ticket,
.ticket-history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ticket-history {
    gap: 32px;
}

.ticket-history__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.ticket-history-item {
    display: grid;
    grid-template-columns: 64px 100px auto 110px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
    padding: 22px 24px;
}

.ticket-history-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.ticket-history-item__tag {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #767f93;
}

.ticket-history-item__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.ticket-history-item__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 42px;
}

.ticket-history-item__status .status {
    width: 100%;
}

.ticket-history-item__content--short .ticket-history-item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.ticket__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
}

.ticket__form-radios {
    --bs-gutter-x: 27px;
    --bs-gutter-y: 27px;
}

.ticket-support {
    padding-top: 86px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
}

.ticket-support,
.ticket-support-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ticket-support-heading {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 14px;
}

.ticket-support-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    margin-right: auto;
}

.ticket-support-user__avatar {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 50px;
    width: 50px;
    background: #1c2330;
    border: 2px solid #2d384b;
    border-radius: 50%;
}

.ticket-support-user__avatar-image {
    overflow: hidden;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.ticket-support-user__avatar-image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.ticket-support-user__avatar-verified {
    position: absolute;
    height: 20px;
    width: 20px;
    right: -2px;
    bottom: -1px;
}

.ticket-support-user__avatar-verified img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.ticket-support-user__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.ticket-support-user__content-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.ticket-support-user__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.ticket-support-state {
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    padding: 9px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
}

.ticket-support-state,
.ticket-support-state__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ticket-support-state__name {
    gap: 12px;
}

.ticket-support-state__name-icon {
    height: 30px;
    width: 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(118, 127, 147, 0.15);
    border-radius: 50%;
}

.ticket-support-state__name-icon * {
    font-size: 18px;
    color: #767f93;
}

.ticket-support-state__name-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.ticket-support-info {
    width: 100%;
    min-height: 538px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    padding: 52px 40px;
}

.ticket-support-info,
.ticket-support-info__hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ticket-support-info__hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 177px;
    width: 177px;
    border-radius: 50%;
    margin-left: -16px;
    margin-top: -15px;
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%), #141a25;
    z-index: 2;
}

.ticket-support-info__hero-icon {
    z-index: 3;
}

.ticket-support-info__hero-icon * {
    font-size: 72px;
    color: #fff;
}

.ticket-support-info__hero img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 602px;
    width: 602px;
}

.ticket-support-info__hero:before {
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%), #141a25;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    z-index: 0;
}

.ticket-support-info__hero:after,
.ticket-support-info__hero:before {
    position: absolute;
    content: "";
    height: 177px;
    width: 177px;
    border-radius: 50%;
}

.ticket-support-info__hero:after {
    background: linear-gradient(176.87deg, #384664 2.33%, #384664 85.77%), #384664;
    opacity: 0.2;
    z-index: 1;
}

.ticket-support-info__hero--wide {
    top: 12px;
    right: 3px;
}

.ticket-support-info__content {
    z-index: 5;
    margin-top: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ticket-support-info__content-badge {
    margin-bottom: 20px;
}

.ticket-support-info__content-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 32px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    margin-bottom: 10px;
}

.ticket-support-info__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    max-width: 328px;
}

.ticket-support-info:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(28.59%, rgba(24, 31, 43, 0)), color-stop(59.1%, #181f2b));
    background: linear-gradient(180deg, rgba(24, 31, 43, 0) 28.59%, #181f2b 59.1%);
    width: 484px;
    height: 336px;
    z-index: 3;
}

.ticket-support-chat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.ticket-support-chat,
.ticket-support-chat__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
}

.ticket-support-chat__action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ticket-support-chat__action button {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.ticket-support-chat__action input {
    height: 60px;
}

.ticket-support-chat__container {
    position: relative;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    min-height: 442px;
    height: 100%;
    overflow: hidden;
}

.ticket-support-chat__content {
    position: absolute;
    padding: 36px 26px 36px 40px;
    right: 4px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    overflow-y: scroll;
}

.ticket-support-chat__box,
.ticket-support-chat__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ticket-support-chat__box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    max-width: 51%;
    min-width: 20%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.ticket-support-chat__box-detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #767f93;
}

.ticket-support-chat__box-detail,
.ticket-support-chat__box-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 26px;
    /* letter-zpacing: -0.03em; */
}

.ticket-support-chat__box-text {
    font-weight: 600;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 15px;
    padding: 12px 16px;
}

.ticket-support-chat__box--user,
.ticket-support-chat__box--user .ticket-support-chat__box-detail {
    margin-left: auto;
}

.ticket-support-chat__box--user .ticket-support-chat__box-text {
    background: rgba(118, 127, 147, 0.15);
}

.ticket-support-chat__box--support {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.ticket-support-chat__box--support .ticket-support-chat__box-text {
    background-color: #8456ff;
}

@media (max-width: 1449.98px) {
    .ticket-support-info {
        padding: 42px 24px;
    }

    .ticket-support-chat,
    .ticket-support-chat__action {
        gap: 16px;
    }
}

@media (max-width: 991.98px) {

    .ticket,
    .ticket__form {
        gap: 16px;
    }

    .ticket__form-radios {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .ticket-support-heading {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ticket-support-user {
        width: 100%;
    }

    .ticket-support-chat__box {
        max-width: 70%;
    }
}

@media (max-width: 767.98px) {
    .ticket-history {
        gap: 16px;
    }

    .ticket-history__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .ticket-history-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 14px;
        padding: 16px;
    }

    .ticket-history-item__content {
        gap: 8px;
    }

    .ticket-history-item__content--short {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

    .ticket-history-item__status {
        margin-top: 8px;
    }

    .ticket-support {
        gap: 16px;
        padding-top: 32px;
    }

    .ticket-support-chat__box {
        max-width: 70%;
    }

    .ticket-support-chat__content {
        gap: 12px;
        padding: 24px 14px 24px 28px;
    }

    .ticket-support-chat__action {
        gap: 8px;
    }

    .ticket-support-chat__action button {
        padding: 20px;
        min-width: unset;
    }
}

@media (max-width: 575.98px) {
    .ticket-history__list {
        grid-template-columns: 1fr;
    }

    .ticket-support {
        padding-top: 0;
    }

    .ticket-support-chat__box {
        max-width: 80%;
    }

    .ticket-support-chat__box-text {
        padding: 8px 12px;
    }

    .ticket-support-chat__content {
        padding: 16px 6px 16px 20px;
    }

    .ticket-support-state {
        gap: 14px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.home-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

.home-heading__title {
    font-weight: 700;
    font-size: 35px;
    line-height: 56px;
    text-align: center;
    /* letter-zpacing: -0.04em; */
    color: #fff;
}

.home-heading__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    max-width: 670px;
}

@media (max-width: 1199.98px) {
    .home-heading {
        gap: 20px;
    }

    .home-heading__title {
        font-size: 32px;
        line-height: 48px;
    }
}

@media (max-width: 767.98px) {
    .home-heading {
        gap: 16px;
    }

    .home-heading__title {
        font-size: 28px;
        line-height: 32px;
    }
}

.new-order {
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
}

.new-order-progress {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.new-order-card {
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.new-order-card__name {
    gap: 12px;
}

.new-order-card__name,
.new-order-card__name-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-order-card__name-icon {
    --bs-bg-opacity: 0.15;
    height: 30px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.new-order-card__name-icon * {
    font-size: 18px;
}

.new-order-card__name-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.new-order-card__progress {
    position: relative;
    background: #1f2838;
    border-radius: 10px;
    width: 100%;
    height: 2px;
}

.new-order-card__progress-bar {
    position: absolute;
    height: 2px;
    width: var(--order-progress);
    border-radius: 10px;
}

.new-order-card__progress-bar--primary {
    background: -webkit-gradient(linear, left top, right top, from(#ab56ff), color-stop(55.23%, #8456ff), color-stop(108.2%, #8456ff));
    background: linear-gradient(90deg, #ab56ff, #8456ff 55.23%, #8456ff 108.2%);
}

.new-order-card__progress-bar--orange {
    background: -webkit-gradient(linear, left top, right top, from(#ff7455), color-stop(55.23%, #f55), color-stop(108.2%, #f55));
    background: linear-gradient(90deg, #ff7455, #f55 55.23%, #f55 108.2%);
}

.new-order-card__progress-bar--aqua {
    background: -webkit-gradient(linear, left top, right top, from(#00d1ff), color-stop(55.23%, #0094ff), color-stop(108.2%, #0094ff));
    background: linear-gradient(90deg, #00d1ff, #0094ff 55.23%, #0094ff 108.2%);
}

.new-order-card__progress-bar--yellow {
    background: -webkit-gradient(linear, left top, right top, from(#ffc148), color-stop(55.23%, #ffc148), color-stop(108.2%, #ff6948));
    background: linear-gradient(90deg, #ffc148, #ffc148 55.23%, #ff6948 108.2%);
}

.new-order-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px;
}

.new-order-card__content-value {
    font-weight: 600;
    font-size: 25px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.new-order-card__content-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.new-order-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new-order-list {
    --bs-gutter-x: 66px;
    --bs-gutter-y: 48px;
}

.new-order-details {
    gap: 20px;
}

.new-order-details,
.new-order-details__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.new-order-details__list {
    gap: 15px;
    width: 100%;
}

.new-order-details__list--dual {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.new-order-details__item,
.new-order-details__list--dual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-order-details__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.new-order-details__item-content {
    -ms-flex-align: center;
    gap: 16px;
}

.new-order-details__item-content,
.new-order-details__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.new-order-details__item-icon {
    --bs-bg-opacity: 0.15;
    height: 30px;
    width: 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.new-order-details__item-icon * {
    font-size: 18px;
}

.new-order-details__item-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    white-space: nowrap;
    color: #fff;
}

.new-order-details__item-description {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    word-break: break-all;
    color: #fff;
}

.new-order-details__item--wide {
    padding: 12px;
}

.new-order-form {
    gap: 32px;
}

.new-order-form,
.new-order-form__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.new-order-form__list {
    gap: 25px;
}

.new-order-form__actions {
    width: 100%;
    gap: 20px;
}

.new-order-form__actions,
.new-order-form__actions-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-order-form__actions-detail {
    padding: 14px;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 15px;
    overflow: hidden;
    white-space: nowrap;
    gap: 14px;
}

.new-order-form__actions-detail i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: rgba(132, 86, 255, 0.15);
}

.new-order-form__actions-detail i * {
    font-size: 18px;
}

.new-order-form__actions-detail span {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    overflow: hidden;
}

.new-order-dropdown {
    width: 100%;
}

.new-order-dropdown__option {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 4px 0;
}

.new-order-dropdown__option--wide {
    padding: 8px 0;
}

.new-order-dropdown__option:not(:last-child) {
    margin-bottom: 3px;
}

.new-order-dropdown__label {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #fff !important;
    padding: 5px 10px;
    background: #8456ff;
    border-radius: 100px;
}

.new-order-dropdown__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    line-clamp: 1;
    margin-left: 10px
}

.new-order-dropdown__icon {
    height: 30px;
    width: 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    color: white;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(28 37 50);
}

.new-order-dropdown__icon * {
    font-size: 18px;
}

.new-order-dropdown .select2,
.new-order-dropdown .select2-selection {
    width: 100% !important;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-order-dropdown .select2-selection {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #141a25 !important;
    border: 1px solid #1f2838 !important;
    border-radius: 15px !important;
    padding: 13px 20px 13px 12px;
}

.new-order-dropdown .select2-selection__arrow {
    position: static !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath fill='%23D9D9D9' d='M.745.888h24v24h-24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M12.745 15.888l-5-5h10l-5 5z' fill='%23767F93'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.new-order-dropdown .select2-selection__arrow b {
    display: none;
}

.new-order-dropdown .select2-selection__rendered {
    padding: 0 !important;
}

.new-order-dropdown .select2-selection__rendered span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1px;
}

.new-order-dropdown .select2 .selection {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 1199.98px) {
    .new-order {
        gap: 32px;
    }

    .new-order-list {
        --bs-gutter-y: 32px;
    }

    .new-order-socials {
        gap: 12px;
        overflow: auto;
        white-space: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
        padding-bottom: 4px;
    }

    .new-order-form__actions,
    .new-order-form__list {
        gap: 16px;
    }
}

@media (max-width: 991.98px) {
    .new-order {
        gap: 24px;
    }

    .new-order-list {
        --bs-gutter-y: 24px;
    }
}

@media (max-width: 767.98px) {
    .new-order {
        padding-top: 32px;
    }

    .new-order-progress {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .new-order-card {
        border-radius: 10px;
    }

    .new-order-details {
        gap: 16px;
    }

    .new-order-details__item {
        border-radius: 10px;
        width: 100%;
    }

    .new-order-details__item--wide {
        padding: 14px;
    }

    .new-order-details__list--dual {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .new-order-form {
        gap: 16px;
    }

    .new-order-form__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .new-order-dropdown {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .new-order {
        padding-top: 0;
    }

    .new-order-socails {
        margin: 0 -16px;
        padding: 0 16px 4px;
    }

    .new-order-details__item {
        padding: 12px;
        gap: 14px;
    }

    .new-order-details__item-content {
        gap: 8px;
    }

    .new-order-details__item-icon {
        height: 32px;
        width: 32px;
    }

    .new-order-details__item-icon * {
        font-size: 16px;
    }

    .new-order-details__item-title {
        font-size: 16px;
        line-height: 18px;
    }

    .new-order-details__item--link {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .new-order-details__item--link .bullet {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }
}

.trustpilot {
    gap: 30px;
}

.trustpilot,
.trustpilot-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.trustpilot-brand {
    gap: 14px;
}

.trustpilot-brand__logo svg {
    font-size: 43px;
    color: #8456ff;
}

.trustpilot-brand__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.trustpilot-brand__tag {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    /* letter-zpacing: -0.03em; */
    color: hsla(0, 0%, 100%, 0.25);
}

.trustpilot-brand__title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.trustpilot-rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.trustpilot-rating,
.trustpilot-rating__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.trustpilot-rating__stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.trustpilot-rating__stars svg {
    font-size: 16px;
    color: #ff8a16;
}

.trustpilot-rating__total {
    font-weight: 600;
    font-size: 14px;
    /* letter-zpacing: -0.03em; */
    line-height: 20px;
    color: #fff;
}

.trustpilot-label {
    gap: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 100px;
}

.trustpilot-label,
.trustpilot-label__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.trustpilot-label__title {
    gap: 12px;
    font-size: 17px;
}

.trustpilot-label__title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.trustpilot-label__title-icon * {
    color: #00b67a;
    font-size: 20px;
}

.trustpilot-label__review {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #ff8700;
}

@media (max-width: 575.98px) {
    .trustpilot-label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 10px;
        padding: 16px;
    }

    .trustpilot-label,
    .trustpilot-label__title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
    }

    .trustpilot-label__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
    }

    .trustpilot-label__title-icon * {
        font-size: 22px;
    }

    .trustpilot-label__review {
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
        color: #ff8700;
    }
}

.heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.heading,
.heading-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.heading-title {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 23px;
}

.heading-title__text {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.heading-title .icon {
    font-size: 35px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #8456ff;
}

@media (max-width: 767.98px) {
    .heading {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .heading-title {
        gap: 12px;
    }

    .heading-title__text {
        font-size: 22px;
        line-height: 26px;
    }

    .heading-title .icon {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .heading-title {
        gap: 10px;
    }

    .heading-title__text {
        font-size: 18px;
        line-height: 24px;
    }

    .heading-title .icon {
        font-size: 28px;
    }
}

.banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 34px 40px;
    background: radial-gradient(158.49% 128.49% at 46.95% -63.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(158.49% 128.49% at 46.95% -63.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.banner,
.banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

.banner__content-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 22px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.banner__content-text {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    margin-top: 10px;
}

.banner__content-actions {
    gap: 8px;
    margin-top: 28px;
}

.banner__content-actions,
.banner__hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner__hero {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 177px;
    width: 177px;
    border-radius: 50%;
    right: -8px;
    top: -13px;
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%), #141a25;
    z-index: 1;
}

.banner__hero .icon {
    font-size: 86px;
    color: #fff;
    z-index: 3;
}

.banner__hero img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 602px;
    width: 602px;
}

.banner__hero:before {
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%), #141a25;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    z-index: 0;
}

.banner__hero:after,
.banner__hero:before {
    position: absolute;
    content: "";
    height: 177px;
    width: 177px;
    border-radius: 50%;
}

.banner__hero:after {
    background: linear-gradient(176.87deg, #384664 2.33%, #384664 85.77%), #384664;
    opacity: 0.2;
    z-index: 1;
}

.banner__hero--wide {
    top: 12px;
    right: 3px;
}

@media (max-width: 767.98px) {
    .banner {
        padding: 24px;
    }

    .banner,
    .banner__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .banner__hero {
        background: transparent;
    }

    .banner__hero .icon {
        display: none;
    }

    .banner__hero:after {
        content: none;
    }

    .banner__hero:before {
        opacity: 0.5;
    }
}

@media (max-width: 767.98px) {
    .banner {
        padding: 24px 12px;
    }

    .banner__content-title {
        font-size: 16px;
        line-height: 18px;
    }

    .banner__content-text {
        font-size: 14px;
        line-height: 16px;
    }

    .banner__content-actions {
        margin-top: 12px;
    }
}

.status {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #fff !important;
    /*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
    border-radius: 100px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #181f2c;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
}

.status--xs {
    padding: 8px 10px;
    line-height: 14px;
}

.status--sm {
    padding: 10px 22px;
    line-height: 15px;
}

.status--md {
    padding: 12px 25px;
}

.status--lg {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 25px;
}

.social {
    --bs-link-color: #fff;
    --bs-link-hover-color: #fff;
    color: #fff;
    gap: 12px;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    /* letter-zpacing: -0.03em; */
    padding: 7px 30px 7px 7px;
}

.social,
.social-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.social-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(132, 86, 255, 0.15);
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.social-icon * {
    font-size: 18px;
    color: #8456ff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.social:hover,
.social.active {
    border-color: #8456ff;
    background: #8456ff;
}

.social:hover .social-icon,
.social.active .social-icon {
    background: hsla(0, 0%, 100%, 0.15);
}

.social:hover .social-icon *,
.social.active .social-icon * {
    color: #fff;
}

.filter {
    gap: 34px;
}

.filter,
.filter-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.filter-input {
    height: 50px;
}

.filter-input input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #141a25;
    border: 1px solid #1f2838;
    border-right: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 100px 0 0 100px;
    padding-left: 24px;
    width: 100%;
    height: 100%;
    max-width: 500px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    outline: none;
    color: #fff;
}

.filter-input input::-webkit-input-placeholder {
    color: #767f93;
}

.filter-input input::-moz-placeholder {
    color: #767f93;
}

.filter-input input::-ms-input-placeholder {
    color: #767f93;
}

.filter-input input::placeholder {
    color: #767f93;
}

.filter-input button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #8456ff;
    border-radius: 0 100px 100px 0;
    border: 1px solid transparent;
    outline: none;
    width: 56px;
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.filter-input button * {
    font-size: 20px;
    color: #fff;
}

.filter-input button:hover {
    background: #7542ff;
}

.filter-input--free input {
    max-width: unset;
}

@media (max-width: 767.98px) {
    .filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px;
    }
}

@media (max-width: 767.98px) {
    .filter-input input {
        padding-left: 12px;
        border-radius: 10px 0 0 10px;
        max-width: unset;
    }

    .filter-input button {
        border-radius: 0 10px 10px 0;
    }
}

.bullet {
    --bs-bg-opacity: 0.15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* letter-zpacing: -0.03em; */
    padding: 9px 25px;
    min-width: 115px;
    color: #767f93;
    background-color: rgba(118, 127, 147, 0.15);
    border-radius: 100px;
    text-align: center;
}

.bullet span {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media (max-width: 575.98px) {
    .bullet {
        padding: 9px 14px;
    }
}

.funds-dropdown__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 22px 22px 22px 0;
}

.funds-dropdown__brand {
    height: 35px;
    width: 85px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.funds-dropdown__brand img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.funds-dropdown__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    white-space: normal;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.funds-dropdown__item {
    padding-right: 22px;
    text-transform: none;
    overflow: hidden;
}

.funds-dropdown__button:hover .funds-dropdown__title {
    color: #8456ff;
}

.funds-dropdown {
    width: 100%;
}

.funds-dropdown .select2,
.funds-dropdown .select2-selection {
    width: 100% !important;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.funds-dropdown .select2-selection {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #141a25 !important;
    border: 1px solid #1f2838 !important;
    border-radius: 10px !important;
    padding: 11px 18px 11px 6px;
}

.funds-dropdown .select2-selection__arrow {
    position: static !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath fill='%23D9D9D9' d='M.745.888h24v24h-24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M12.745 15.888l-5-5h10l-5 5z' fill='%23767F93'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.funds-dropdown .select2-selection__arrow b {
    display: none;
}

.funds-dropdown .select2-selection__rendered {
    padding: 0 !important;
}

.funds-dropdown .select2-selection__rendered span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.funds-dropdown .select2 .selection {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 575.98px) {
    .funds-dropdown__button {
        padding: 14px 0;
    }

    .funds-dropdown__item {
        padding-right: 0;
    }

    .funds-dropdown__button .funds-dropdown__brand {
        display: none;
    }
}

.heading-label {
    gap: 16px;
    padding: 10px 20px 10px 10px;
    background: #141a25;
    -webkit-box-shadow: 0 0 0 1px #1f2838;
    box-shadow: 0 0 0 1px #1f2838;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 100px;
}

.heading-label,
.heading-label__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.heading-label__icon {
    background: linear-gradient(176.87deg, #8456ff 2.33%, #ab56ff 88.77%);
    height: 30px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
}

.heading-label__icon * {
    font-size: 15px;
    color: #fff;
}

.heading-label__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.features {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
    padding-top: 152px;
    padding-bottom: 152px;
}

.features__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    background: radial-gradient(88.49% 88.49% at 46.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(88.49% 88.49% at 46.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    padding: 26px;
    height: 100%;
    width: 100%;
}

.features__item-icon * {
    font-size: 50px;
}

.features__item-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.features__item-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.features__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}

.features__column,
.features__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.features__image {
    border: 1px solid #1f2838;
    border-radius: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 450/497;
}

.features__image img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: -1px;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 1199.98px) {
    .features {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    .features__item {
        padding: 16px;
        gap: 14px;
    }

    .features__item-icon * {
        font-size: 42px;
    }

    .features__column {
        gap: 16px;
    }
}

@media (max-width: 991.98px) {
    .features {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .features__image {
        aspect-ratio: 2/1;
    }
}

@media (max-width: 767.98px) {
    .features {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .features__item-title {
        font-size: 20px;
        line-height: 24px;
    }
}

.content {
    padding-top: 144px;
    padding-bottom: 212px;
    --bs-gutter-y: 32px;
}

.content-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 35px;
    max-width: 586px;
    margin-top: 10px;
}

.content-main__title {
    font-weight: 700;
    font-size: 35px;
    line-height: 40px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.content-main__texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.content-main__texts p {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: hsla(0, 0%, 100%, 0.8);
    margin: 0;
}

.content-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.font-display-bold {
    font-family: Recoleta, serif;
    font-weight: 700;
}

.font-display-regular {
    font-family: Recoleta, serif;
    font-weight: 400;
}

.content-image img {
    height: 100%;
    width: 100%;
    max-width: 566px;
    -o-object-fit: cover;
    object-fit: cover;
}

.content-image:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 211, 254, 0.26)), color-stop(88.4%, rgba(20, 20, 35, 0)));
    background: linear-gradient(180deg, rgba(14, 211, 254, 0.26), rgba(20, 20, 35, 0) 88.4%);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.content-image:after,
.content-image:before {
    content: "";
    position: absolute;
    width: 573px;
    height: 573px;
    -webkit-filter: blur(68.6894px);
    filter: blur(68.6894px);
    border-radius: 50%;
    z-index: -1;
}

.content-image:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 85, 85, 0.52)), color-stop(88.4%, rgba(13, 110, 253, 0.23)));
    background: linear-gradient(180deg, rgba(255, 85, 85, 0.52), rgba(13, 110, 253, 0.23) 88.4%);
    -webkit-transform: matrix(0.97, 0.26, 0.26, -0.97, 0, 0);
    transform: matrix(0.97, 0.26, 0.26, -0.97, 0, 0);
}

@media (max-width: 1199.98px) {
    .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .content-main {
        max-width: unset;
    }

    .content-image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .content {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .content-main {
        gap: 16px;
    }

    .content-main__title {
        font-size: 24px;
        line-height: 32px;
    }

    .content-main__title div {
        display: inline;
    }

    .content-main__texts {
        gap: 12px;
    }

    .content-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
    }
}

@media (max-width: 575.98px) {
    .content {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .content-image:after,
    .content-image:before {
        width: 320px;
        height: 320px;
    }
}

.features-tab {
    padding-top: 66px;
    padding-bottom: 162px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 95px;
}

.features-tab__list {
    --bs-gutter-y: 32px;
}

.features-tab__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: radial-gradient(68.49% 78.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(68.49% 78.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    border-radius: 25px;
    max-width: 588px;
    aspect-ratio: 588/536;
}

.features-tab__box-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
}

.features-tab__box-icon * {
    font-size: 90px;
    color: #273349;
}

.features-tab__box-image {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

.features-tab__box:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#ee6b60), color-stop(88.4%, rgba(20, 20, 35, 0)));
    background: linear-gradient(180deg, #ee6b60, rgba(20, 20, 35, 0) 88.4%);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.features-tab__box:after,
.features-tab__box:before {
    content: "";
    position: absolute;
    width: 573px;
    height: 573px;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    border-radius: 50%;
    z-index: -1;
}

.features-tab__box:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#8456ff), color-stop(88.4%, rgba(20, 20, 35, 0)));
    background: linear-gradient(180deg, #8456ff, rgba(20, 20, 35, 0) 88.4%);
    -webkit-transform: matrix(0.97, 0.26, 0.26, -0.97, 0, 0);
    transform: matrix(0.97, 0.26, 0.26, -0.97, 0, 0);
}

.features-tab__box .tab-content,
.features-tab__box .tab-pane {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.features-tab__box .tab-content {
    border: 1px solid #1f2838;
    border-radius: 25px;
}

.features-tab__actions {
    height: 100%;
    gap: 10px;
}

.features-tab__actions,
.features-tab__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.features-tab__button {
    border: 1px solid transparent;
    border-radius: 15px;
    padding: 23px;
    max-width: 450px;
    background: transparent;
    outline: none;
    gap: 16px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.features-tab__button-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 18px;
}

.features-tab__button-icon * {
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.features-tab__button-title {
    font-size: 19px;
}

.features-tab__button-text,
.features-tab__button-title {
    font-weight: 600;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    opacity: 0.8;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.features-tab__button-text {
    font-size: 14px;
    text-align: start;
}

.features-tab__button.active {
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border-color: #1f2838;
}

.features-tab__button.active .features-tab__button-icon * {
    color: #8456ff;
}

.features-tab__button.active .features-tab__button-text,
.features-tab__button.active .features-tab__button-title {
    opacity: 1;
}

@media (max-width: 1199.98px) {

    .features-tab__box:after,
    .features-tab__box:before {
        width: 380px;
        height: 380px;
    }
}

@media (max-width: 991.98px) {
    .features-tab {
        padding-bottom: 80px;
        gap: 48px;
    }

    .features-tab__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .features-tab__button {
        max-width: unset;
        padding: 16px;
        gap: 12px;
    }

    .features-tab__box {
        max-width: unset;
        aspect-ratio: 3/2;
    }

    .features-tab__box:after,
    .features-tab__box:before {
        width: 620px;
        height: 400px;
    }
}

@media (max-width: 767.98px) {
    .features-tab {
        gap: 32px;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .features-tab__actions {
        grid-template-columns: 1fr;
    }

    .features-tab__button {
        max-width: unset;
    }

    .features-tab__box {
        aspect-ratio: 1/1;
    }

    .features-tab__box:after,
    .features-tab__box:before {
        width: 420px;
        height: 300px;
    }
}

.faq {
    padding-top: 64px;
    padding-bottom: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 70px;
}

.faq-content {
    --bs-gutter-y: 20px;
}

.faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.faq-item {
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(108.49% 108.49% at 56.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
}

.faq-item__button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    outline: none;
    border: none;
    padding: 28px 24px;
    font-weight: 600;
    gap: 48px;
    font-size: 16px;
    line-height: 24px;
    /* letter-zpacing: -0.03em; */
    text-align: start;
    color: #fff;
}

.faq-item__button,
.faq-item__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.faq-item__button-icon {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.faq-item__button-icon * {
    font-size: 24px;
    color: #fff;
}

.faq-item__button:not(.collapsed) .faq-item__button-icon {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.faq-item__inner {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
    padding: 0 25px 25px;
}

@media (max-width: 991.98px) {
    .faq {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (max-width: 767.98px) {
    .faq {
        gap: 32px;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .faq-content {
        --bs-gutter-y: 16px;
    }

    .faq-list {
        gap: 16px;
    }

    .faq-item__button {
        gap: 16px;
        padding: 16px;
    }

    .faq-item__inner {
        padding: 0 16px 16px;
    }
}

.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

.login__heading {
    gap: 24px;
}

.login__heading,
.login__heading-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login__heading-icon {
    height: 30px;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background: #8456ff;
}

.login__heading-icon *,
.login__heading-text {
    font-size: 19px;
    color: #fff;
}

.login__heading-text {
    font-weight: 600;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
}

.login__form {
    gap: 18px;
    background: #141a25;
    border: 1px solid #1f2838;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: 15px;
    padding: 14px;
}

.login__form,
.login__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login__input {
    background: #1f2838;
    border-radius: 15px;
    padding-left: 20px;
    height: 76px;
    width: 100%;
}

.login__input-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.login__input-icon * {
    font-size: 30px;
    color: #fff;
    opacity: 0.5;
}

.login__input input {
    height: 100%;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 0 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.login__input input::-webkit-input-placeholder {
    color: #767f93;
}

.login__input input::-moz-placeholder {
    color: #767f93;
}

.login__input input::-ms-input-placeholder {
    color: #767f93;
}

.login__input input::placeholder {
    color: #767f93;
}

.login__actions {
    gap: 13px;
    height: 100%;
}

.login__actions,
.login__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #1f2838;
    border-radius: 15px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 76px;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    aspect-ratio: 1;
}

.login__button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.login__button-icon * {
    font-size: 28px;
    color: #fff;
}

.login__button.active {
    background: #8456ff;
}

.login__button.active:hover {
    background: #7542ff;
}

.login__button:hover {
    background: #181f2b;
}

.login__button--submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 22px;
    font-weight: 600;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    /* letter-zpacing: -0.03em; */
    color: #fff;
    aspect-ratio: 107/38;
    background: #8456ff;
}

.login__button--submit:hover {
    background: #7542ff;
}

.login__button--submit:hover .login__button-icon {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.login__button--submit .login__button-icon {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.login__button--submit .login__button-icon * {
    font-size: 22px;
}

@media (max-width: 991.98px) {
    .login__form {
        gap: 14px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .login__actions {
        width: 100%;
    }

    .login__button--submit {
        aspect-ratio: unset;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .login__actions {
        gap: 12px;
    }

    .login__button,
    .login__input {
        height: 60px;
        border-radius: 10px;
    }
}

.achievements {
    background: radial-gradient(50% 50% at 50% 50%, rgba(34, 44, 59, 0.5) 0, rgba(34, 44, 59, 0) 100%);
}

.achievements__container {
    padding-top: 76px;
    padding-bottom: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
}

.achievements__item {
    gap: 22px;
}

.achievements__item,
.achievements__item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.achievements__item-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: rgba(132, 86, 255, 0.25);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.achievements__item-icon * {
    font-size: 30px;
}

.achievements__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

.achievements__item-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.achievements__item-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.achievements__item--heading .achievements__item-icon {
    background: rgba(118, 127, 147, 0.25);
}

.achievements__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 70px;
}

@media (max-width: 1449.98px) {
    .achievements__item-title {
        font-size: 18px;
        line-height: 24px;
    }

    .achievements__item-text {
        font-size: 14px;
        line-height: 20px;
    }

    .achievements__list {
        gap: 48px;
    }
}

@media (max-width: 991.98px) {
    .achievements__container {
        padding-top: 48px;
        padding-bottom: 48px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 32px;
    }

    .achievements__list {
        gap: 16px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 767.98px) {
    .achievements__item {
        gap: 12px;
    }

    .achievements__item-icon {
        height: 40px;
        width: 40px;
    }

    .achievements__item-icon * {
        font-size: 24px;
    }

    .achievements__item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .achievements__item-text {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 575.98px) {
    .achievements__container {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .achievements__container,
    .achievements__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .achievements__item {
        gap: 22px;
    }

    .achievements__item-icon {
        height: 50px;
        width: 50px;
    }

    .achievements__item-icon * {
        font-size: 30px;
    }

    .achievements__item-title {
        font-size: 25px;
        line-height: 30px;
    }

    .achievements__item-text {
        font-size: 16px;
        line-height: 25px;
    }
}

.video {
    padding-top: 122px;
    padding-bottom: 62px;
    position: relative;
}

.video__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
}

.video__image {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.video__image,
.video__image-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.video__image-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    bottom: 0;
}

.video__image-button .btn {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.video__image-button .btn:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.video__image img {
    margin-left: -122px;
    margin-right: -168px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video:after,
.video:before,
.video__image img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.video:after,
.video:before {
    content: "";
    position: absolute;
    width: 748px;
    height: 172px;
    -webkit-filter: blur(98px);
    filter: blur(98px);
    -webkit-transform: rotate(-2.62deg);
    transform: rotate(-2.62deg);
    top: 50%;
    bottom: 50%;
    z-index: 1;
}

.video:before {
    background: #5f325d;
    left: -192px;
}

.video:after {
    background: #8456ff;
    right: -354px;
}

@media (max-width: 991.98px) {
    .video {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .video__container {
        gap: 24px;
    }

    .video:after,
    .video:before {
        width: 440px;
        height: 100px;
        -webkit-filter: blur(120px);
        filter: blur(120px);
    }

    .video:before {
        left: -100px;
    }

    .video:after {
        right: -240px;
    }
}

@media (max-width: 767.98px) {
    .video__image {
        margin: 0 -60px;
        width: auto;
    }

    .video__image img {
        margin-left: -152px;
    }
}

.hero {
    padding-top: 44px;
    padding-bottom: 78px;
}

.hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    max-width: 482px;
    margin-top: 25px;
}

.hero-content__badge {
    margin-right: auto;
}

.hero-content__title {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    font-weight: 700;
    font-size: 45px;
    line-height: 50px;
    /* letter-zpacing: -0.04em; */
    color: #fff;
    margin-bottom: 34px;
}

.hero-content__title,
.hero-content__title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero-content__title-icon {
    height: 47px;
    width: 45px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(2.33%, #8456ff), color-stop(88.77%, #ab56ff));
    background: linear-gradient(1turn, #8456ff 2.33%, #ab56ff 88.77%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transform-box: fill-box;
}

.hero-content__title-icon * {
    font-size: 34px;
}

.hero-content__title-pop {
    position: absolute;
    top: -16px;
    right: 0;
    width: 34px;
    height: 52px;
}

.hero-content__title--icon {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    padding-right: 30px;
    padding-top: 12px;
    margin-top: -12px;
}

.hero-content__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #767f93;
}

.hero-content__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    margin-bottom: 40px;
}

.hero-image {
    position: relative;
    max-width: 624px;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.hero-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}

.hero-image:before {
    right: -240px;
    top: 68px;
    width: 576px;
    background: #10151c;
}

.hero-image:after,
.hero-image:before {
    content: "";
    position: absolute;
    height: 270px;
    -webkit-filter: blur(98px);
    filter: blur(98px);
    -webkit-transform: rotate(-2.62deg);
    transform: rotate(-2.62deg);
    z-index: -1;
}

.hero-image:after {
    width: 588px;
    background: #2b3d4f;
    bottom: 45px;
    right: -27px;
}

@media (max-width: 1449.98px) {
    .hero-image {
        max-width: none;
        margin-right: unset;
    }
}

@media (max-width: 1199.98px) {
    .hero-content {
        margin-right: -8px;
    }

    .hero-image {
        margin-right: -100px;
    }
}

@media (max-width: 991.98px) {
    .hero {
        padding-top: 44px;
        padding-bottom: 48px;
    }

    .hero-content {
        margin-top: 0;
        gap: 32px;
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .hero {
        padding-top: 24px;
    }

    .hero-content {
        gap: 24px;
    }

    .hero-content__title {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 16px;
    }

    .hero-content__title-icon {
        height: 38px;
        width: 36px;
    }

    .hero-content__title-icon * {
        font-size: 30px;
    }

    .hero-content__title--icon {
        gap: 10px;
    }

    .hero-content__actions {
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 24px;
        display: none;
    }

    .hero-content__actions button {
        width: 100%;
        border-radius: 10px;
    }
}

.testimonials {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 110px 16px 162px;
    gap: 55px;
}

.testimonials,
.testimonials__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials__list {
    width: 100%;
}

/* .testimonials__list .js-marquee,
.testimonials__list .js-marquee-wrapper {
    gap: 34px;
} */

.testimonials__list.marquee {
    gap: 34px;
}

/* .testimonials__background,
.testimonials__list .js-marquee,
.testimonials__list .js-marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} */

.testimonials__background,
.testimonials__list.marquee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials__background {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 120px;
    width: 100%;
    z-index: -1;
}

.testimonials__background img {
    width: 100%;
    max-width: 1556px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonials__background:after,
.testimonials__background:before {
    content: "";
    position: absolute;
    width: 614px;
    height: 174px;
    background: #2a3749;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    border-radius: 50%;
}

.testimonials__background:after {
    right: -120px;
}

.testimonials__background:before {
    left: -120px;
}

.testimonials-card {
    min-width: 448px;
    background: radial-gradient(78.49% 67.49% at 50.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), -webkit-gradient(linear, left top, left bottom, from(#141a25), to(rgba(20, 26, 37, 0))), #141a25;
    background: radial-gradient(78.49% 67.49% at 50.95% -13.74%, rgba(101, 128, 164, 0.2) 0, transparent 100%), linear-gradient(180deg, #141a25, rgba(20, 26, 37, 0)), #141a25;
    border: 1px solid #222c3d;
    border-radius: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.testimonials-card__main {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
}

.testimonials-card__footer {
    padding: 22px 24px;
    border-top: 1px solid #1f2838;
}

.testimonials-card__footer,
.testimonials-card__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials-card__label {
    gap: 14px;
    padding: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: hsla(0, 0%, 100%, 0.05);
    border-radius: 500px;
}

.testimonials-card__label-review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.testimonials-card__label-icon,
.testimonials-card__label-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonials-card__label-icon * {
    font-size: 16px;
    color: #ffab48;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.testimonials-card__label-value {
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    color: #ffab48;
}

.testimonials-card__label-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.testimonials-card__comment {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.testimonials-card__user {
    gap: 20px;
}

.testimonials-card__user,
.testimonials-card__user-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonials-card__user-avatar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.testimonials-card__user-avatar img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.testimonials-card__user-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.testimonials-card__user-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: #fff;
}

.testimonials-card__user-tag {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    /* letter-zpacing: -0.03em; */
    color: hsla(0, 0%, 100%, 0.25);
}

.testimonials-card:hover {
    -webkit-transform: translate(-0.125rem, -0.125rem) rotate(-2deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
    transform: translate(-0.125rem, -0.125rem) rotate(-2deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

@media (max-width: 767.98px) {
    .testimonials {
        gap: 36px;
        padding: 48px 16px 48px;
    }

    /* .testimonials__list .js-marquee,
    .testimonials__list .js-marquee-wrapper {
        gap: 16px;
    } */
    .testimonials__list.marquee {
        gap: 16px;
    }

    .testimonials-card {
        min-width: 320px;
    }

    .testimonials-card__main {
        gap: 16px;
    }

    .testimonials-card__label {
        padding: 12px;
        gap: 12px;
    }

    .testimonials-card__user {
        gap: 12px;
    }

    .testimonials-card__user-avatar {
        height: 42px;
        width: 42px;
    }

    .testimonials-card__footer,
    .testimonials-card__main {
        padding: 16px;
    }
}

.select2-dropdown {
    margin-top: 18px !important;
    width: 100%;
    padding: 10px 14px;
    background: #141a25;
    border: 1px solid #1f2838 !important;
    border-radius: 15px !important;
}

.header__logo img {
    height: 38px;
    width: 150px !important;
    -o-object-fit: contain;
    object-fit: contain;
}


#currencies-list {
    height: 500px;
    overflow-y: scroll;
}

#currencies-list::-webkit-scrollbar {
    appearance: none;
    -webkit-appearance: none;
    height: 6px;
    width: 6px;
    background: #141a25;
}

#currencies-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(31 38 52);
}

.tooltip {
    margin-left: 400px;
    font-size: 0.875rem;
    padding: 5px;
    color: #fff;
    background-color: 141a25;
    border-radius: 0.375rem;
}

.owl-dots {
    text-align: center;
}

.owl-dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    outline: none;
    border-radius: 14px;
    border: 2px solid #8455f6 !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.owl-dot.active,
.owl-dot:hover {
    background: #8455f6 !important;
}

.owl-stage {
    display: flex;
    gap: 30px;
}

.owl-stage:after {
    margin-left: -8px;
}

#instruction_instruction {
    padding: 20px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 15px;
    margin-top: 20px;
    color: white;
}

.pagination {
    display: flex;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    gap: 5px;
    overflow: auto;
}

.pagination li {
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination a {
    line-height: 1;
    color: #8456ff;
    padding: 10px 13px;
}

.pagination li.active {
    background: #8456ff;
    border: 1px solid #8456ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li.active a {
    color: white;
}

/* START CUSTOM */
:root {
    --bs-orange-rgb: 255, 85, 85;
    --bs-green-rgb: 0, 206, 144;
    --bs-yellow-rgb: 255, 193, 72;
    --bs-primary-rgb: 132, 86, 255;
}

.hidden {
    display: none !important;
}

.control-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

#fields {
    gap: 25px;
    display: flex;
    flex-direction: column;
}

/* .min-max {
    display: none;
} */

#charge {
    background: none;
    border: 0px;
}

#charge:focus {
    outline: 0
}

.select2-dropdown {
    margin-top: 18px !important;
}

.os-cancel {
    color: #fff;
    background: #c31331 !important;
    border: 1px solid #f02245;
}

.os-partial {
    background: #fe6a3b !important;
    border: 1px solid #ff916f;
}

.os-iprogress {
    background: #e83088 !important;
    border: 1px solid #ff63ae;
}

.os-processing {
    background: #3b66fe !important;
    border-color: #6586fe;
}

.os-pending {
    background: #0d6efd !important;
    border: 1px solid #2b2e38;
}

.os-completed {
    background: #0fba7d !important;
    border: 1px solid #2effb4;
}

.api {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 98px;
    margin-bottom: 270px;
}

.api-list {
    --bs-gutter-x: 30px;
    margin-bottom: 24px;
}

.api-list__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #141a25 !important;
    border-radius: 15px;
    border: 1px solid #1f2838 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 26px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    word-break: break-all;
}

.api-list__card-title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    color: white;
}

.api-list__card-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #92969D;
}

.api-header {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: white;
}

.api-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 94px;
    width: 100%;
}

.api-service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.api-service__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}

.api-service__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
}

.api-service .api-service__item:first-child {
    margin-right: auto;
}

.api-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 60px;
    width: 100%;
    background-color: #141a25 !important;
    border-radius: 15px;
    border: 1px solid #1f2838 !important;
    margin-bottom: 24px;
    color: white;
}

.api-card__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #9FA2B0;
}

.api-card__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.api-code {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0;
}

.api-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 40px;
}

.api-order__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.api-order__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 50px 108px;
}

.api-order__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.api-order__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}

.api-order__text {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #9FA2B0;
}

.api-dropdown {
    max-width: 200px;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .api-list {
        --bs-gutter-y: 16px !important;
        --bs-gutter-x: 16px !important;
        display: flex !important;
        gap: 10px;
    }
}

@media (max-width: 995.98px) {
    .api {
        margin-bottom: 100px;
    }
}

@media (max-width: 767.98px) {
    .api {
        margin-bottom: 60px;
    }

    .api-card {
        padding: 36px;
    }

    .api-list__card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .api-list__card-title {
        margin-bottom: 0;
    }

    .api-header {
        font-size: 20px;
        line-height: 24px;
    }

    .api-service {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
    }

    .api-service__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .api-service .api-service__item:first-child {
        margin-right: unset;
    }
}

@media (max-width: 575.98px) {
    .api {
        margin-top: 40px;
    }

    .api-header {
        font-size: 18px;
        line-height: 22px;
    }

    .api-card {
        padding: 24px;
        margin-bottom: 16px;
    }

    .api-order__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .api-order__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .api-order__title {
        font-size: 16px;
        line-height: 18px;
    }

    .api-dropdown {
        max-width: 160px;
    }
}

.well {
    background: #141a25 !important;
    border: 1px solid #1f2838 !important;
    border-radius: 15px !important;
    padding: 20px;
    color: white;
}

.authfa {
    align-items: center;
}

.blog-card__content-text {
    max-height: 78px !important;
    overflow: hidden !important;
}

/* .badge {
    background: #f55 !important;
    border-radius: 100px !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    color: #fff !important;
    margin-left: auto !important;
} */

.updates-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-top: 36px;
    margin-bottom: 42px;
}

.updates-item {
    padding: 10px 20px;
    background: #141a25;
    border: 1px solid #1f2838;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 5fr 3fr 280px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.updates-item__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.updates-item__date {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #3E4954;
}

.updates-item__status {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background: #8456ff;
    color: white;
    border-radius: 10px;
    padding: 16px;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .updates-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 16px;
    }

    .updates-item {
        padding: 16px;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .updates-item__title {
        white-space: unset;
    }

    .updates-item__date {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .updates-item__status {
        grid-column: unset;
        padding: 14px;
    }
}

@media (max-width: 995.98px) {
    .updates-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.98px) {
    .updates-list {
        margin-top: 10px;
        grid-template-columns: 1fr;
        margin-bottom: 24px;
        gap: 10px;
    }
}

@media (max-width: 995.98px) {
    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 15px;
        font-size: 14px;
        text-align: left;
        position: relative;
        word-wrap: break-word;
    }
}

@media (min-width: 995.98px) {
    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border-radius: 15px;
        font-size: 16px;
        text-align: left;
        position: relative;
        word-wrap: break-word;
    }
}


.alert-success {
    --bs-bg-opacity: 0.15;
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
    color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.alert-info {
    --bs-bg-opacity: 0.15;
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.alert-warning {
    --bs-bg-opacity: 0.15;
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
    color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}

.alert-danger {
    --bs-bg-opacity: 0.15;
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
    color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.close {
    background: transparent !important;
    border: 0px solid transparent !important;
    border-radius: 10px !important;
    padding: 0px 12px;
    color: white !important;
    font-size: 20px;
    top: 0;
    right: 0;
    position: absolute;
    outline: none;
    float: right;
    height: 100%;
}

input:-webkit-autofill,
input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px rgb(31 40 56) inset;
    -webkit-text-fill-color: white !important;
}


@media (max-width: 767.98px) {
    .subject-group {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 767.98px) {
    .subject-group {
        display: flex !important;
    }
}

.subject-group .form-radio {
    padding: 27px 24px;
}

#order-form label {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -.03em;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top {
    opacity: 1;
}

select:disabled {
    opacity: 0.5;
}

.select2-container--open .select2-dropdown--above {
    margin-top: 356px !important;
}

.fyp-fav-btn>* {
    display: none
}

.fyp-fav-btn>.fyp-fni {
    display: block
}

.fyp-fav-btn.fyp-fb-isLoading>.fyp-fni {
    display: none
}

.fyp-fav-btn.fyp-fb-isLoading>.fyp-fil {
    display: block
}

.fyp-fav-btn.fyp-fb-faved>.fyp-fni {
    display: none
}

.fyp-fav-btn.fyp-fb-faved>.fyp-fic {
    display: block
}

[data-fyp=timezone_replace] {
    opacity: 1;
    transition: .4s ease;
    background-color: rgba(0, 0, 0, .1);
    color: transparent;
    position: relative;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
    background-size: 1000px 640px
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

[data-fyp=timezone_replace].time_replaced {
    background: transparent linear-gradient(to right, transparent, transparent);
    color: inherit;
    animation: inherit
}

.fyp-sync-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    z-index: 9999999999
}

.sssl-container {
    padding: 30px 15px
}

.fyp-sync-loader h1 {
    font-size: 32px;
    font-weight: 600;
    text-align: center
}

/* testimonials */
/* Container: sembunyikan overflow supaya efek marquee rapi */
.testimonials {
    position: relative;
    overflow: hidden;
}

/* Track marquee */
.testimonials__list.marquee {
    display: inline-flex;
    /* anak-anak sejajar horizontal */
    /* gap: 0; */
    /* white-space: nowrap; */
    animation: marquee-left 40s linear infinite;
}

/* Pause on hover */
.testimonials__list.marquee:hover {
    animation-play-state: paused;
}

/* Jika butuh arah sebaliknya, tinggal tambah class .marquee--reverse */
.testimonials__list.marquee.marquee--reverse {
    animation-name: marquee-right;
}

/* Keyframes: dari 0 ke -50% karena isi kita duplikat (2x) */
@keyframes marquee-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* Keyframes arah kanan */
@keyframes marquee-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

/* Patch for faq icon alignment */
.faq-item__button {
    align-items: flex-start;
}

.faq-item__button-icon {
    margin-top: 4px;
}

/* global */
.panel-content {
    padding-bottom: calc(60px + (env(safe-area-inset-bottom)) * 1.1);
}

.alert {
  --bs-alert-border-color: transparent !important;
}