* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.main-layout {
    display: flex;
    height: 100%;
    overflow-y: auto;
}

.main-body {
    height: calc(100vh - 110px);
    width: calc(100% - 250px);
    background-color: var(--bg);
    transition: all 0.3s;
}

.hide .main-body {
    width: 100%;
    transition: all 0.3s;
}

.text_warning {
    color: var(--yellow);
}

.yellow_btn {
    background-color: var(--yellow);
    padding: 10px;
    border-radius: 2px;
    color: var(--bg);
    font-weight: 400;
    font-size: 14px;
    height: 51px;
}

.yellow_btn:hover {
    /* background-color: var(--yellow); */
    /* color: var(--bg); */
}

.text_mask {
    background-image: url(../imgs/text/text-bg.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn_group_yellow,
.btn_group_blue,
.btn_group_gray {
    height: 47px;
    width: 166px;
    font-weight: 600;
    font-size: 14px;
}

.btn-group {
    border-radius: 2px;
}

.btn_group_yellow {
    background-color: var(--yellow);
    color: var(--bg);
}

.btn_group_gray {
    background-color: var(--border);
    color: var(--dullfont);
}

.dropdown-menu {
    padding: 8px;
    color: #212529;
    background-color: var(--dark-bg);
    border: 1px solid var(--border);
    border-radius: 0;
    box-shadow: none;
    max-width: 330px;
    width: 100%;
}

.dropdown-menu input {
    height: 40px;
}

.coin_height {
    height: 280px;
    overflow-y: auto;
}

.model_right p,
.model_left p {
    margin: 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    margin-bottom: 0px;
}

.model_right p {
    color: var(--input);
}

.flagImg {
    width: 23px;
    height: 20px;
}

.search_icone {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.modal-content {
    border-bottom: 2px solid var(--border);
    position: relative;
}

.modal-content::after {
    content: " ";
    position: relative;
    width: 53px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    background: var(--dullfont);
}

.error_border {
    border-color: var(--red) !important;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--white);
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s;
}

/* modal css start  */
.trust_modal .modal-header,
.trust_modal .modal-body,
.trust_modal .modal-footer {
    padding: 25px;
}

.trust_modal .modal-dialog {
    max-width: 640px;
}

.trustm_heading {
    font-size: 18px;
    line-height: 100%;
    color: var(--white);
    font-weight: 500;
}

.trust_content {
    font-size: 14px;
    color: var(--dullfont);
    font-weight: 400;
    line-height: 20px;
}

.trust_content span {
    color: var(--white);
}

/* width */
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #2B2E35;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #969CA1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* start css 2fa page css */
.fa-box {
    max-width: 450px;
    width: 100%;
}

.goback {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    text-decoration: none;
    cursor: pointer;
    width: 60px;
}

.step {
    height: 23px;
    padding: 5px 15px;
    border-radius: 3px;
    background: var(--dullfont);
    margin-top: 30px;
    margin-bottom: 15px;
    max-width: 75px;
    text-align: center;
}

.light-mode .step {
    background-color: #C0CCDD;
}

.step p {
    color: var(--border);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.light-mode .step p {
    color: #111111;
}

.keyqrbox {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: stretch;
}

.qrbox {
    height: 120px;
    width: 120px;
    border-radius: 3px;
    padding: 2px;
    background-color: var(--white);
}

.qrbox canvas {
    height: 116px !important;
    width: 116px !important;
}

.qrbox_api {
    height: 168px;
    width: 168px;
    border-radius: 3px;
    padding: 3px;
    background-color: var(--white);
}

.qrbox_api canvas {
    height: 162px !important;
    width: 162px !important;
}

.keybox {
    flex: 1;
    border-radius: 3px;
    border: 1px solid var(--border);
    background: var(--bg);
    height: 120px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.keybox p {
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
    word-break: break-all;
}

.copy_yellow_btn {
    color: var(--dark-bg);
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: var(--yellow);
    max-width: 53px;
}

.copy_yellow_btn:hover {
    /* background-color: var(--white); */
    /* color: var(--dark-bg); */
}

.white_btn {
    background: var(--white);
    padding: 4px 10px;
    color: var(--bg);
    font-size: 14px;
    font-weight: 600;
    display: block;
}

.white_btn:hover {
    /* background: var(--blue); */
    /* color: var(--white); */
}


/* security page css start */
.securitytab button {
    color: var(--white);
}

.securitytab .active {
    background-color: var(--white) !important;
    color: var(--bg) !important;
}


.security_header {
    background-color: var(--bg);
    color: var(--white);
    padding: 50px 0;
    border-top: 1px solid var(--border);
}

.security-main-heading {
    font-size: 20px;
}

.security_header p,
.security-subsection span {
    font-size: 14px;
}

.security-subheading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 10px;
    border-bottom: 1px solid var(--border);
    color: var(--dullfont);
}

.security-subheading h2 {
    font-size: 18px;
    font-weight: 400;
}

.security-section-space {
    margin-top: 30px;
}

.security-section-space:first-child {
    margin-top: 30px;
}

.security-danger-badge {
    background-color: var(--red);
    color: var(--bg);
    padding: 4px 10px;
    font-size: 10px;
}

.security-subsection {
    padding: 20px 0;
}

.security-featur-round {
    border: 1px solid var(--border);
    border-radius: 50%;
    height: 64px;
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.security-subsection h3 {
    color: var(--white);
    font-size: 14px;
}

.security-subsection a {
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}

.security-subsection p {
    font-size: 14px;
    color: var(--dullfont);
}

.security-subsection .disable {
    color: var(--yellow);
}

.security-subsection .delete {
    color: var(--red);
}

.security-restrictions .modal-dialog {
    max-width: 393px;
}

.security-phone-modal {
    border: 1px solid var(--border);
    border-radius: 3px;
}

.security-phone-modal .check {
    background-color: var(--border);
    color: var(--white);
    padding: 13px 15px;
    border-radius: 3px;
}

.security-emailverification {
    max-width: 480px;
}

.contain {
    display: flex;
    gap: 15px;
    flex: 1;
    align-items: center;
}

.security_link {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 0;
}

/* start swich css  */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark-bg);
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid var(--border);
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 100%;
    top: 3px;
    left: 4px;
    bottom: 5px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="19" transform="translate(0 0.5)" fill="%238394A7" /><rect x="5" y="4.5" width="2" height="11" fill="%232C3D50" /><rect x="9" y="4.5" width="2" height="11" fill="%232C3D50" /><rect x="13" y="4.5" width="2" height="11" fill="%232C3D50" /></svg>');
    background-repeat: no-repeat;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: var(--bg);
}

input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="19" transform="translate(0 0.5)" fill="%232782FF"/><rect x="5" y="4.5" width="2" height="11" fill="white"/><rect x="9" y="4.5" width="2" height="11" fill="white"/><rect x="13" y="4.5" width="2" height="11" fill="white"/></svg>');
}

/* end swich css  */


/* security page end start */

.model_titale h2 {
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.225px;
}

.model_titale h3 {
    color: var(--white);
    text-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.25);
    font-size: 35px;
    font-weight: 500;
}

.model_titale p {
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
}

.white_box {
    margin-top: 35px;
    padding: 25px;
    background-color: #ffffff;
    display: flex;
    gap: 25px;
}

.app_link img {
    width: 100%;
}

.app_link canvas {
    height: 132px !important;
    width: 132px !important;
}

.app-download {
    max-width: 370px;
}

.page-heading {
    padding: 50px 0;
    background-color: var(--bg);
    border-top: 1px solid var(--border);
}

.overview_bg .page-heading {
    background-color: transparent;
}

.page_titale {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.sub_title {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.table_body {
    margin-top: 40px;
}

.securitytab {
    display: flex;
    gap: 5px;
    overflow-x: auto;
}

thead {
    background-color: var(--bg);
}

thead tr th {
    color: var(--dullfont);
    font-size: 12px;
    font-weight: 500;
    border-bottom: 0;
    text-wrap: nowrap;
}

tbody tr td {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 10px !important;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    text-wrap: nowrap;
}

tbody.trusted tr td {
    vertical-align: top;
}

.overview_bg {
    background-image: url('../imgs/overview/grid.svg');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: var(--bg);
}

.profile_detail {
    display: flex;
    gap: 20px;
}

.profile_pic {
    height: 100px;
    width: 100px;
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.3s;
}

.profile_content {
    flex: 1;
}

.verfy_pro {
    border-radius: 32px;
    border: 1px solid var(--border);
    padding: 8px 15px 8px 10px;
    text-align: center;
    background-color: var(--dark-bg);
    display: flex;
}

.verfy_pro p {
    color: var(--yellow);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 5px;
}

.profile_status {
    display: flex;
    gap: 100px;
    align-items: center;
    justify-content: end;
}

.pro_notification {
    padding: 13px;
    border-left: 2px solid var(--blue);
    background: var(--bg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.noti_content {
    display: flex;
    gap: 15px;
    align-items: center;
}

.hori_line {
    display: block;
    width: 1px;
    height: 23px;
    background: var(--border);
}

.noti_titale {
    color: var(--white);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

hr {
    margin: 20px 0;
    color: var(--border);
    border: 0;
    border-top: 1px solid;
    opacity: 1;
}

.btn_group_blue {
    background-color: var(--blue);
    color: #ffffff;
}

.roung_change {
    height: 44px;
    width: 44px;
    border-radius: 44px;
    border: 1px solid var(--border);
    background: var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 100%);
    transition: all 0.3s;
}

.profile_pic:hover .roung_change {
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile_pic:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #080B0F50;
    transition: all 0.3s;
}

.drope_box {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px dashed var(--border);
    background-color: var(--bg);
}

.round64 {
    height: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid var(--border);
    background: var(--bg);
}

.filetype {
    background: var(--dark-bg);
    padding: 10px;
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: 15px;
    text-align: center;
}

.dropfile {
    border: 1px solid var(--border);
    height: 300px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.yellow_btn_small {
    border-radius: 40px;
    background: var(--yellow);
    padding: 10px 25px;
    border-radius: 40px;
    color: var(--bg);
}

.yellow_btn_small:hover {
    /* background: var(--yellow); */
    /* color: var(--white); */
}

.blue_btn_small {
    border-radius: 40px;
    background: var(--blue);
    padding: 10px 25px;
    border-radius: 40px;
    color: var(--white);
}

.blue_btn_small:hover {
    /* background: var(--blue); */
}

.announce_box {
    border-radius: 3px;
    border: 1px solid var(--border);
}

.announce_body {
    padding: 20px;
}

.form-control:disabled {
    background-color: var(--bg);
    color: var(--dullfont);
    opacity: 1;
}

.icon_change.active svg path {
    fill: var(--bg);
}

.level {
    border-radius: 30px;
    padding: 2px 10px;
    display: inline-block;
}

.list_info li {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
}

ol,
ul {
    padding-left: 1.5rem;
}

dl,
ol,
ul {
    margin-bottom: 20px;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transition-property: opacity, transform;
}

.bottom.modal .security-emailverification {
    transform: translateY(100%);
    transition: all 0.3s ease-out;
    top: 50%;
}

.bottom.modal.show .security-emailverification {
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
}

tr.bg_normal td {
    border-bottom: 0;
}

.flex28 {
    flex: 28.5%;
}

.flex43 {
    flex: 43%;
}

.helping {
    padding: 10px;
    background-color: var(--bg);
    border-radius: 3px;
}

.country_drop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    border-radius: 3px;
    border: 1px solid var(--border);
    background: var(--dark-bg);
    position: relative;
    cursor: pointer;
    height: 47px;
}

.h21 {
    height: 21px;
}

.proof_list.dropdown-menu {
    position: absolute;
    top: 52px;
    width: 100%;
    background-color: var(--bg);
    left: 0;
    border-radius: 3px;
    max-width: 100%;
    padding: 0;
    max-height: 256px;
    overflow: auto;
}

.proof_opation {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    transition: all 0.3s ease-in-out;
}

.proof_opation:hover {
    background-color: var(--border);
}

.dont_doc {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.facelity {
    display: flex;
    gap: 20px;
    align-items: center;
}

.line {
    height: 58px;
    width: 1px;
    background-color: var(--border);
}

.group_btn {
    display: flex;
    gap: 10px;
}

.kyc_warrning {
    padding: 10px;
    border-radius: 3px;
    background: #F9CA4820;
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bg);
    pointer-events: none;
    background-color: var(--dullfont);
    border-color: var(--dullfont);
    opacity: 1;
    font-size: 14px;
    font-weight: 500;
}

.starbox {
    border: 1px solid var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    height: 32px;
    width: 32px;
}

.hide_balance {
    border-radius: 60px;
    border: 1px solid var(--border);
    background: var(--bg);
    padding: 3px 14px;
    gap: 2px;
    height: 26px;
    display: flex;
    align-items: center;
    max-width: 142px;
    justify-content: center;
}

.wallet_type {
    background: var(--bg);
    display: flex;
    padding: 15px 20px;
    gap: 30px;
    max-width: 910px;
}

.hover_link {
    transition: all 0.3s !important;
}

.hover_link:hover {
    text-decoration: underline !important;
    color: var(--white) !important;
}

.hr_line_hide:last-child hr {
    display: none;
}

.step.active {
    background-color: var(--blue);
}

.step.active p {
    color: #ffffff;
}

.coin_box {
    padding: 2px 20px 0px;
    border: 1px solid var(--border);
    cursor: pointer;
}

.qr_add_box {
    padding: 10px;
    border-radius: 3px;
    background: var(--bg);
    display: flex;
    gap: 10px;
}

.qr_code {
    padding: 5px;
}

.add_detail {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.desposit_box {
    max-width: 450px;
    padding-bottom: 100px;
}

.faq_box {
    max-width: 550px;
    width: 100%;
}

.with_opa {
    display: flex;
    gap: 5px;
    align-items: center;
}

.round {
    height: 5px;
    width: 5px;
    border-radius: 5px;
    background-color: var(--dullfont);
}

.con_max {
    max-width: 76px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 36px;
    height: 24px;
    background-color: var(--dark-bg);
    padding-left: 5px;
    right: 13px;
}

.btn {
    text-wrap: nowrap;
}

.webcam_size {
    max-width: 450px;
    background-color: transparent;
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px;
    display: block;
    object-fit: cover;
}

.webcam_mobile {
    height: calc(100vh - 122px);
    width: 100%;
    display: block;
    object-fit: cover;
}

.payment_coin {
    display: flex;
    width: 140px;
    gap: 8px;
    align-items: center;
}

input.manual_input {
    width: 100px;
    background-color: transparent;
    border: 0;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}

input.manual_input:focus,
input.manual_input:focus-visible {
    background-color: transparent;
    border: 0;
    outline: 0;
}

.tex-underline {
    text-decoration: underline !important;
}

input[type="date" i]::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.66797 5.50977C7.27505 5.50977 6.94922 5.18393 6.94922 4.79102V1.91602C6.94922 1.5231 7.27505 1.19727 7.66797 1.19727C8.06089 1.19727 8.38672 1.5231 8.38672 1.91602V4.79102C8.38672 5.18393 8.06089 5.50977 7.66797 5.50977Z" fill="white"/><path d="M15.332 5.50977C14.9391 5.50977 14.6133 5.18393 14.6133 4.79102V1.91602C14.6133 1.5231 14.9391 1.19727 15.332 1.19727C15.7249 1.19727 16.0508 1.5231 16.0508 1.91602V4.79102C16.0508 5.18393 15.7249 5.50977 15.332 5.50977Z" fill="white"/><path d="M8.14583 13.8938C8.02125 13.8938 7.89667 13.8651 7.78167 13.8172C7.65708 13.7693 7.56125 13.7021 7.46542 13.6158C7.29292 13.4337 7.1875 13.1943 7.1875 12.9355C7.1875 12.8109 7.21625 12.6863 7.26417 12.5713C7.31208 12.4563 7.37917 12.3509 7.46542 12.2551C7.56125 12.1688 7.65708 12.1017 7.78167 12.0537C8.12667 11.91 8.55792 11.9868 8.82625 12.2551C8.99875 12.4372 9.10417 12.6863 9.10417 12.9355C9.10417 12.993 9.09458 13.0601 9.085 13.1272C9.07542 13.1847 9.05625 13.2422 9.0275 13.2997C9.00833 13.3572 8.97958 13.4147 8.94125 13.4722C8.9125 13.5201 8.86458 13.5679 8.82625 13.6158C8.64417 13.7883 8.395 13.8938 8.14583 13.8938Z" fill="%238394A7"/><path d="M11.5013 13.8941C11.3767 13.8941 11.2521 13.8654 11.1371 13.8174C11.0126 13.7695 10.9167 13.7025 10.8209 13.6162C10.6484 13.4341 10.543 13.1945 10.543 12.9358C10.543 12.8112 10.5717 12.6866 10.6196 12.5716C10.6676 12.4566 10.7346 12.3512 10.8209 12.2554C10.9167 12.1691 11.0126 12.102 11.1371 12.0541C11.4821 11.9008 11.9134 11.987 12.1817 12.2554C12.3542 12.4375 12.4596 12.6866 12.4596 12.9358C12.4596 12.9933 12.4501 13.0604 12.4405 13.1275C12.4309 13.185 12.4117 13.2424 12.383 13.3C12.3638 13.3575 12.3351 13.415 12.2967 13.4725C12.268 13.5204 12.2201 13.5683 12.1817 13.6162C11.9996 13.7887 11.7505 13.8941 11.5013 13.8941Z" fill="%238394A7"/><path d="M14.8529 13.8941C14.7283 13.8941 14.6037 13.8654 14.4887 13.8174C14.3641 13.7695 14.2683 13.7025 14.1724 13.6162C14.1341 13.5683 14.0958 13.5204 14.0574 13.4725C14.0191 13.415 13.9904 13.3575 13.9712 13.3C13.9424 13.2424 13.9233 13.185 13.9137 13.1275C13.9041 13.0604 13.8945 12.9933 13.8945 12.9358C13.8945 12.6866 13.9999 12.4375 14.1724 12.2554C14.2683 12.1691 14.3641 12.102 14.4887 12.0541C14.8433 11.9008 15.2649 11.987 15.5333 12.2554C15.7058 12.4375 15.8112 12.6866 15.8112 12.9358C15.8112 12.9933 15.8016 13.0604 15.792 13.1275C15.7824 13.185 15.7633 13.2424 15.7345 13.3C15.7154 13.3575 15.6866 13.415 15.6483 13.4725C15.6195 13.5204 15.5716 13.5683 15.5333 13.6162C15.3512 13.7887 15.102 13.8941 14.8529 13.8941Z" fill="%238394A7"/><path d="M8.14583 17.2484C8.02125 17.2484 7.89667 17.2197 7.78167 17.1718C7.66667 17.1239 7.56125 17.0568 7.46542 16.9705C7.29292 16.7884 7.1875 16.5393 7.1875 16.2901C7.1875 16.1655 7.21625 16.0409 7.26417 15.9259C7.31208 15.8014 7.37917 15.6959 7.46542 15.6097C7.82 15.2551 8.47167 15.2551 8.82625 15.6097C8.99875 15.7918 9.10417 16.0409 9.10417 16.2901C9.10417 16.5393 8.99875 16.7884 8.82625 16.9705C8.64417 17.143 8.395 17.2484 8.14583 17.2484Z" fill="%238394A7"/><path d="M11.5013 17.2484C11.2521 17.2484 11.003 17.143 10.8209 16.9705C10.6484 16.7884 10.543 16.5393 10.543 16.2901C10.543 16.1655 10.5717 16.0409 10.6196 15.9259C10.6676 15.8014 10.7346 15.6959 10.8209 15.6097C11.1755 15.2551 11.8271 15.2551 12.1817 15.6097C12.268 15.6959 12.3351 15.8014 12.383 15.9259C12.4309 16.0409 12.4596 16.1655 12.4596 16.2901C12.4596 16.5393 12.3542 16.7884 12.1817 16.9705C11.9996 17.143 11.7505 17.2484 11.5013 17.2484Z" fill="%238394A7"/><path d="M14.8529 17.2515C14.6037 17.2515 14.3545 17.1461 14.1724 16.9736C14.0862 16.8873 14.0191 16.7819 13.9712 16.6573C13.9233 16.5423 13.8945 16.4177 13.8945 16.2932C13.8945 16.1686 13.9233 16.044 13.9712 15.929C14.0191 15.8044 14.0862 15.699 14.1724 15.6127C14.3929 15.3923 14.7283 15.2869 15.0349 15.354C15.102 15.3636 15.1595 15.3827 15.217 15.4115C15.2745 15.4307 15.332 15.4594 15.3895 15.4977C15.4374 15.5265 15.4854 15.5744 15.5333 15.6127C15.7058 15.7948 15.8112 16.044 15.8112 16.2932C15.8112 16.5423 15.7058 16.7915 15.5333 16.9736C15.3512 17.1461 15.102 17.2515 14.8529 17.2515Z" fill="%238394A7"/><path d="M19.6471 9.42969H3.35547C2.96255 9.42969 2.63672 9.10385 2.63672 8.71094C2.63672 8.31802 2.96255 7.99219 3.35547 7.99219H19.6471C20.0401 7.99219 20.3659 8.31802 20.3659 8.71094C20.3659 9.10385 20.0401 9.42969 19.6471 9.42969Z" fill="white"/><path d="M15.3333 21.8014H7.66667C4.16875 21.8014 2.15625 19.7889 2.15625 16.291V8.14518C2.15625 4.64727 4.16875 2.63477 7.66667 2.63477H15.3333C18.8312 2.63477 20.8438 4.64727 20.8438 8.14518V16.291C20.8438 19.7889 18.8312 21.8014 15.3333 21.8014ZM7.66667 4.07227C4.92583 4.07227 3.59375 5.40435 3.59375 8.14518V16.291C3.59375 19.0318 4.92583 20.3639 7.66667 20.3639H15.3333C18.0742 20.3639 19.4062 19.0318 19.4062 16.291V8.14518C19.4062 5.40435 18.0742 4.07227 15.3333 4.07227H7.66667Z" fill="white"/></svg>');
}

.light-mode input[type="date" i]::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.66797 5.50977C7.27505 5.50977 6.94922 5.18393 6.94922 4.79102V1.91602C6.94922 1.5231 7.27505 1.19727 7.66797 1.19727C8.06089 1.19727 8.38672 1.5231 8.38672 1.91602V4.79102C8.38672 5.18393 8.06089 5.50977 7.66797 5.50977Z" fill="black"/><path d="M15.332 5.50977C14.9391 5.50977 14.6133 5.18393 14.6133 4.79102V1.91602C14.6133 1.5231 14.9391 1.19727 15.332 1.19727C15.7249 1.19727 16.0508 1.5231 16.0508 1.91602V4.79102C16.0508 5.18393 15.7249 5.50977 15.332 5.50977Z" fill="black"/><path d="M8.14583 13.8938C8.02125 13.8938 7.89667 13.8651 7.78167 13.8172C7.65708 13.7693 7.56125 13.7021 7.46542 13.6158C7.29292 13.4337 7.1875 13.1943 7.1875 12.9355C7.1875 12.8109 7.21625 12.6863 7.26417 12.5713C7.31208 12.4563 7.37917 12.3509 7.46542 12.2551C7.56125 12.1688 7.65708 12.1017 7.78167 12.0537C8.12667 11.91 8.55792 11.9868 8.82625 12.2551C8.99875 12.4372 9.10417 12.6863 9.10417 12.9355C9.10417 12.993 9.09458 13.0601 9.085 13.1272C9.07542 13.1847 9.05625 13.2422 9.0275 13.2997C9.00833 13.3572 8.97958 13.4147 8.94125 13.4722C8.9125 13.5201 8.86458 13.5679 8.82625 13.6158C8.64417 13.7883 8.395 13.8938 8.14583 13.8938Z" fill="%238394A7"/><path d="M11.5013 13.8941C11.3767 13.8941 11.2521 13.8654 11.1371 13.8174C11.0126 13.7695 10.9167 13.7025 10.8209 13.6162C10.6484 13.4341 10.543 13.1945 10.543 12.9358C10.543 12.8112 10.5717 12.6866 10.6196 12.5716C10.6676 12.4566 10.7346 12.3512 10.8209 12.2554C10.9167 12.1691 11.0126 12.102 11.1371 12.0541C11.4821 11.9008 11.9134 11.987 12.1817 12.2554C12.3542 12.4375 12.4596 12.6866 12.4596 12.9358C12.4596 12.9933 12.4501 13.0604 12.4405 13.1275C12.4309 13.185 12.4117 13.2424 12.383 13.3C12.3638 13.3575 12.3351 13.415 12.2967 13.4725C12.268 13.5204 12.2201 13.5683 12.1817 13.6162C11.9996 13.7887 11.7505 13.8941 11.5013 13.8941Z" fill="%238394A7"/><path d="M14.8529 13.8941C14.7283 13.8941 14.6037 13.8654 14.4887 13.8174C14.3641 13.7695 14.2683 13.7025 14.1724 13.6162C14.1341 13.5683 14.0958 13.5204 14.0574 13.4725C14.0191 13.415 13.9904 13.3575 13.9712 13.3C13.9424 13.2424 13.9233 13.185 13.9137 13.1275C13.9041 13.0604 13.8945 12.9933 13.8945 12.9358C13.8945 12.6866 13.9999 12.4375 14.1724 12.2554C14.2683 12.1691 14.3641 12.102 14.4887 12.0541C14.8433 11.9008 15.2649 11.987 15.5333 12.2554C15.7058 12.4375 15.8112 12.6866 15.8112 12.9358C15.8112 12.9933 15.8016 13.0604 15.792 13.1275C15.7824 13.185 15.7633 13.2424 15.7345 13.3C15.7154 13.3575 15.6866 13.415 15.6483 13.4725C15.6195 13.5204 15.5716 13.5683 15.5333 13.6162C15.3512 13.7887 15.102 13.8941 14.8529 13.8941Z" fill="%238394A7"/><path d="M8.14583 17.2484C8.02125 17.2484 7.89667 17.2197 7.78167 17.1718C7.66667 17.1239 7.56125 17.0568 7.46542 16.9705C7.29292 16.7884 7.1875 16.5393 7.1875 16.2901C7.1875 16.1655 7.21625 16.0409 7.26417 15.9259C7.31208 15.8014 7.37917 15.6959 7.46542 15.6097C7.82 15.2551 8.47167 15.2551 8.82625 15.6097C8.99875 15.7918 9.10417 16.0409 9.10417 16.2901C9.10417 16.5393 8.99875 16.7884 8.82625 16.9705C8.64417 17.143 8.395 17.2484 8.14583 17.2484Z" fill="%238394A7"/><path d="M11.5013 17.2484C11.2521 17.2484 11.003 17.143 10.8209 16.9705C10.6484 16.7884 10.543 16.5393 10.543 16.2901C10.543 16.1655 10.5717 16.0409 10.6196 15.9259C10.6676 15.8014 10.7346 15.6959 10.8209 15.6097C11.1755 15.2551 11.8271 15.2551 12.1817 15.6097C12.268 15.6959 12.3351 15.8014 12.383 15.9259C12.4309 16.0409 12.4596 16.1655 12.4596 16.2901C12.4596 16.5393 12.3542 16.7884 12.1817 16.9705C11.9996 17.143 11.7505 17.2484 11.5013 17.2484Z" fill="%238394A7"/><path d="M14.8529 17.2515C14.6037 17.2515 14.3545 17.1461 14.1724 16.9736C14.0862 16.8873 14.0191 16.7819 13.9712 16.6573C13.9233 16.5423 13.8945 16.4177 13.8945 16.2932C13.8945 16.1686 13.9233 16.044 13.9712 15.929C14.0191 15.8044 14.0862 15.699 14.1724 15.6127C14.3929 15.3923 14.7283 15.2869 15.0349 15.354C15.102 15.3636 15.1595 15.3827 15.217 15.4115C15.2745 15.4307 15.332 15.4594 15.3895 15.4977C15.4374 15.5265 15.4854 15.5744 15.5333 15.6127C15.7058 15.7948 15.8112 16.044 15.8112 16.2932C15.8112 16.5423 15.7058 16.7915 15.5333 16.9736C15.3512 17.1461 15.102 17.2515 14.8529 17.2515Z" fill="%238394A7"/><path d="M19.6471 9.42969H3.35547C2.96255 9.42969 2.63672 9.10385 2.63672 8.71094C2.63672 8.31802 2.96255 7.99219 3.35547 7.99219H19.6471C20.0401 7.99219 20.3659 8.31802 20.3659 8.71094C20.3659 9.10385 20.0401 9.42969 19.6471 9.42969Z" fill="black"/><path d="M15.3333 21.8014H7.66667C4.16875 21.8014 2.15625 19.7889 2.15625 16.291V8.14518C2.15625 4.64727 4.16875 2.63477 7.66667 2.63477H15.3333C18.8312 2.63477 20.8438 4.64727 20.8438 8.14518V16.291C20.8438 19.7889 18.8312 21.8014 15.3333 21.8014ZM7.66667 4.07227C4.92583 4.07227 3.59375 5.40435 3.59375 8.14518V16.291C3.59375 19.0318 4.92583 20.3639 7.66667 20.3639H15.3333C18.0742 20.3639 19.4062 19.0318 19.4062 16.291V8.14518C19.4062 5.40435 18.0742 4.07227 15.3333 4.07227H7.66667Z" fill="black"/></svg>');
}

.coin_popup_height {
    max-height: 490px;
    overflow: auto;
}

.back_btn {
    display: flex;
    gap: 10px;
    align-items: center;
}

.disable_note li {
    color: var(--white);
    font-size: 14px !important;
    font-weight: 400 !important;
}

.storage {
    padding: 1px 10px;
    border-radius: 30px;
    background-color: var(--dullfont);
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.lab_hover {
    transition: all 0.3s ease-in;
}

.lab_hover:hover {
    background-color: var(--white) !important;
    color: var(--bg) !important;
}

#tv_chart_container {
    height: calc(100% - 63px);
    background-color: var(--bg);
    margin-top: 3px;
}

.chart_loader {
    height: calc(100% - 63px);
    background-color: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed_btn {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--bg);
    padding: 15px;
    z-index: 99999999;
}

ul.pagination_class {
    padding: 0;
    margin-bottom: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

ul.pagination_class li {
    list-style-type: none;
    cursor: pointer;
}

.pagination_page a {
    border: 1px solid var(--border);
    border-radius: 3px;
    width: 38px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination_page a,
.page_brack a {
    color: var(--white);
    text-decoration: none;
    font-size: 14px;
}

/* terms of service  css start */

/* piyush css start */

.terms_main .terms_title {
    padding: 100px 0px;
    border-bottom: 1px solid var(--border);
}

.terms_main .terms_title h1 {
    color: var(--white);
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 0;
}

.term_desp {
    padding: 100px 0px;
}

.term_desp .term_detail:not(:last-child) {
    padding-bottom: 40px;
}

.terms_text {
    font-size: 16px;
    color: var(--white);
    line-height: 22px;
    font-weight: 400;
}

.term_desp .text_one {
    margin-bottom: 20px;
}

.term_detail h2 {
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 10px;
}

.term_list h2 {
    margin-bottom: 20px;
}

.term_list p {
    margin-bottom: 15px;
}

.term_list ul {
    padding-left: 30px;
    margin-bottom: 0;
}

.term_list ul li:not(:last-child) {
    padding-bottom: 15px;
}

.term_list ol {
    padding-left: 30px;
    margin-bottom: 0;
}

.term_list ol li:not(:last-child) {
    padding-bottom: 15px;
}

.term_bottom {
    padding: 100px 0px;
    border-top: 1px solid var(--border);
}

.term_bottom p:not(:last-child) {
    margin-bottom: 15px;
}


/* Fees Structure page css start */
.fees_title h1 {
    margin-bottom: 20px !important;
    font-size: 45px;
    line-height: 55px;
    color: var(--white);
}

.fees_title p {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.pagination_page.active_page a {
    padding: 4px 15px;
    background-color: var(--white);
    border: 1px solid var(--white);
}

.pagination_page.active_page a {
    color: var(--bg);
}

.previous_link.disable_link svg path,
.next_link.disable_link svg path {
    stroke: var(--dullfont);
}

.previous_link svg path,
.next_link svg path {
    stroke: var(--white);
}

.list_heading h3 {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}

.fees_list .text_30 {
    margin-bottom: 30px;
}

.fees_list ul li:not(:last-child) {
    padding-bottom: 30px !important;
}

.fees_bottom p:not(:last-child) {
    margin-bottom: 15px;
}

.list_heading p {
    margin-bottom: 0;
}

.table_fees table {
    border: 1px solid var(--border);
}

/* landing page css start */

.hero_bg {
    width: 100%;
    display: inline-block;
    padding-top: 145px;
    position: relative;
    height: 1500px;
}

.hero_span {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    color: var(--white);
    width: 30%;
    margin-left: 44px;
    text-align: left;
    margin-top: 40px;
}

.hero_h1 {
    font-family: 'Aeonik';
    font-size: 8vw;
    font-weight: 400;
    line-height: 176px;
    color: var(--white);
    margin-bottom: 0;
}

.hero_btn {
    background-color: var(--blue);
    border-radius: 50px;
    padding: 25px 90px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-right: 70px;
    margin-top: 40px;
}

.hero_p {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    background-color: var(--dark-bg);
    border: 1px solid var(--white);
    border-radius: 50px;
    padding: 2px 15px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    line-height: 18px;
}

.no_fees {
    position: absolute;
    left: 23%;
    top: 85px;
    height: 31px;
    transform: translate(-50%);
}

.support_24 {
    position: absolute;
    right: 27%;
    top: 90px;
    height: 31px;
    transform: translate(-50%);
}

.exchange {
    position: absolute;
    right: 45%;
    bottom: 18px;
    height: 31px;
    transform: translate(-50%);
}

.hero_video {
    position: absolute;
    left: 0;
    bottom: -290px;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    mix-blend-mode: screen;
}

.light-mode .hero_video {
    mix-blend-mode: difference;
}


.slider_margin {
    margin-top: 520px;
}

.hero_slider_img {
    border: 1px solid var(--border);
    background-color: var(--white);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.market_bg {
    width: 100%;
    display: inline-block;
    padding: 150px 0;
}

.hero_h2 {
    font-size: 35px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 20px;
}

.market_p {
    font-size: 16px;
    font-weight: 400;
    color: var(--dullfont);
    line-height: 22px;
}

.market_detail {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.market_table {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background-color: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.hero_content {
    font-size: 18px;
    font-weight: 400;
    color: var(--dullfont);
    margin-bottom: 30px;
}

.market_h2 {
    font-size: 45px;
    font-weight: 500;
    color: var(--white);
}

.view_more {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    transition: 0.3s ease;
}

.view_more:hover {
    color: var(--white);
}

.view_more:hover svg path {
    stroke: var(--white);
}

.market_detail h3 {
    font-size: 14px;
    font-weight: 400;
    color: var(--dullfont);
    margin-bottom: 0;
}

.market_detail p {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.span_color {
    color: var(--dullfont);
}

.changeup_color {
    color: #0ECB81 !important;
}

.guide_p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--dullfont);
}

.platform_work {
    height: 100%;
    width: 100%;
    background-color: var(--bg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header_logo {
    border-right: 1px solid var(--border);
    margin-right: 37px;
    padding-right: 37px;
}

.private_gap {
    display: flex;
    gap: 20px;
}

.platform_card {
    padding: 30px;
}

.platform_white {
    font-size: 35px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 10px;
    line-height: 42px;
}

.platform_yellow {
    color: var(--yellow);
}

.platform_red {
    color: var(--red);
}

.platform_blue {
    background-color: var(--blue);
}

.platform_blue .trading_dark {
    display: block;
}

.platform_blue .trading_light {
    display: none;
}

.light-mode .platform_blue .trading_dark {
    display: none;
}

.light-mode .platform_blue .trading_light {
    display: block;
}

.platform_bg {
    background-image: url(../imgs/landing_page/platform_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 836px;
    padding: 60px 0;
    border-bottom: 2px solid var(--blue);
}

.light-mode .platform_bg {
    background-image: url(../imgs/landing_page/platform_bg_light.png);
}

.platform_h2 {
    font-size: 95px;
    line-height: 105px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 20px;
}

.platform_height {
    height: 716px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.feature_section {
    width: 100%;
    display: inline-block;
    padding: 150px 0 188px;
}

.feature_detail {
    background-color: var(--bg);
    height: 270px;
    width: 100%;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.feature_h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--white);
}

.available_section {
    width: 100%;
    display: inline-block;
    padding: 147px 0 126px;
    background-color: var(--bg);
}

.landing_interface {
    left: 48%;
    top: 98px;
    white-space: nowrap;
}

.landing_new {
    left: 8%;
    top: 130px;
    white-space: nowrap;
}

.landing_easy {
    right: 5%;
    top: 134px;
    left: inherit;
    white-space: nowrap;
}

.landing_img1 {
    position: absolute;
    bottom: 267px;
    right: 28px;
    width: 42%;
}

.landing_img2 {
    position: absolute;
    bottom: 87px;
    left: 96px;
    width: 42%;
}

.landing_margin {
    margin-top: 200px;
}

.landing_marquee {
    width: 100%;
    display: inline-block;
    padding: 18px 0;
    background-color: var(--blue);
    height: 60px;
    line-height: 25px;
}

.marquee_slider {
    animation: landingscroll 20s linear infinite;
    display: flex;
    width: calc(240px * 10);
}

@keyframes landingscroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-240px * 5));
    }
}

.help_bg {
    width: 100%;
    display: inline-block;
    padding: 120px 0 160px;
}

.help_border {
    border-right: 1.5px solid var(--border);
}

.help_icon {
    width: 103px;
    height: 103px;
    border: 1px solid var(--border);
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    padding: 26px;
}

.icon_hover:hover .help_icon {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    transition: 0.3s all ease;
}

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

.trading_img {
    background-image: url(../imgs/landing_page/trading_bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.light-mode .trading_img {
    background-image: url(../imgs/landing_page/trading_bg_light.svg);
}

.trading_padding {
    padding-bottom: 230px;
}

.trading_padding .start_dark {
    display: block;
}

.trading_padding .start_light {
    display: none;
}

.light-mode .trading_padding .start_dark {
    display: none;
}

.light-mode .trading_padding .start_light {
    display: block;
}

.trading_margin {
    margin-top: -60px;
}

.image_move {
    animation: imagemove 1s ease-in-out infinite alternate;
    animation-delay: 0.5s;
}

@keyframes imagemove {
    0% {
        transform: translateY(16%);
    }

    100% {
        transform: translateY(12%);
    }
}

.image_move2 {
    animation-delay: 1s;
}

/* landing page css end */

.table_fees table thead tr th {
    padding: 15px 40px !important;
}

.table_fees table thead tr th:not(:last-child) {
    text-align: left;
}

.table_fees table thead tr th:nth-last-child(-n+2) {
    text-align: right;
}

.table_fees table tbody tr td {
    font-size: 16px;
    padding: 15px 40px !important;
}

.table_fees table thead tr td:not(:last-child) {
    text-align: left;
}

.table_fees table tbody tr td:nth-last-child(-n+2) {
    text-align: right;
}

.table_title h2 {
    margin-bottom: 20px !important;
}

.table_rate table thead th {
    padding: 15px 40px;
    font-size: 16px;
    background-color: var(--border);
    line-height: 20px;
    color: var(--white);
}

.table_rate table {
    border: 1px solid var(--border);
}

.table_rate table tbody tr td {
    position: relative;
    width: 50%;
    padding: 40px 40px !important;
    background-color: var(--dark-bg);
}

.table_rate table thead th:last-child {
    position: relative;
}

.table_rate table thead th:last-child::before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: var(--bg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.5px;
}

.table_rate table .tbl_dash tr td:nth-last-child(-n+1)::before {
    content: "";
    width: 1px;
    height: 80px;
    background-color: var(--border);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.5px;
}

.fees_data h3 {
    color: var(--white);
    font-size: 35px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 20px;
}

.fees_data p {
    color: var(--dullfont);
    font-weight: 400;
    line-height: 20px;
}

.table_fees_padd {
    padding-bottom: 100px;
}


/*  about Page css start */

.page_main {
    padding-top: 100px;
    position: relative;
}

.page_main::before {
    content: "";
    width: 100%;
    height: 400px;
    background-image: linear-gradient(rgba(23, 121, 255, 1), rgba(8, 11, 15, 0));
    background: linear-gradient(left);
    opacity: 10%;
    position: absolute;
    top: 0;
    left: 0;
}

.about_title svg {
    margin-bottom: 40px;
}

.about_hero {
    padding-bottom: 120px;
}

.about_desp {
    width: 100%;
    padding-bottom: 120px;
}

.about_card .card {
    background-color: transparent;
    border: none;
}

.about_card .card .card-body {
    padding: 0;
}

.about_card .card .img_border {
    border: 1px solid var(--border);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.about_card .card img {
    width: 24px;
    height: auto;
}

.about_card .card .card-body .card-title {
    color: var(--white);
    font-size: 35px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 10px;
}

.about_card .card .card-body .card-text {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.about_card .row>:nth-last-child(-n+2)::before {
    content: "";
    width: 1px;
    height: 100px;
    background-color: var(--border);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.what_imp {
    padding: 120px 0px;
    background-color: var(--bg);
}

.join_moment {
    background: linear-gradient(180deg, var(--bg) 0%, rgba(8, 11, 15, 0) 100%);
    padding: 30px 0px 0px 0px;
}

.join_desp {
    padding-top: 90px;
}

.whats_desp h2 {
    color: var(--white);
    font-size: 45px;
    font-weight: 400;
    line-height: 54px;
    margin-bottom: 100px;
}

.whats_card .card {
    background-color: transparent;
    border: none;
}

.whats_card .card .card-body {
    padding: 0;
}

.whats_card .card .card-body .card-title {
    color: var(--white);
}

.whats_card .card .card-body .card-text {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

/* .whats_card .card .card-body img {
    width: 18px;
} */

.whats_card .card .card-body span {
    margin-right: 10px;
}

.founder_main {
    padding: 120px 0px;
}

.card {
    background-color: transparent;
    border: none;
}

.card-body {
    padding: 0;
}

.founder_card .card .card-body .card-text {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.founder_card .card .card-body .sub_found h3 {
    color: var(--white);
    font-size: 45px;
    font-weight: 400;
    line-height: 54px;
    margin-bottom: 10px;
}

.founder_card .card .card-body .sub_found span {
    color: var(--dullfont);
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.sub_found {
    padding-bottom: 30px;
}

.page_main+.footer {
    margin-top: 0 !important;
}

/* about page css end  */
.founder_card {
    padding-bottom: 50px;
    border-bottom: 1px solid var(--border);
}

.co_found {
    padding-top: 150px;
}

.joinmoment_btn {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 2px;
    height: 45px;
    padding: 15px 48px 13px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}

.moment_h1 {
    color: var(--white);
    font-size: 45px;
    font-weight: 400;
    line-height: 54px;
    margin-bottom: 30px;
}

.moment_p {
    color: var(--dullfont);
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 40px;
}

.joinmoment_btn:hover {
    background-color: var(--blue);
    color: var(--white);
}

.light-mode .text_mask {
    background-image: inherit;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}

.bg_grid {
    background-image: url('data:image/svg+xml,<svg width="333" height="358" viewBox="0 0 333 358" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1091_7097" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-30" y="0" width="393" height="358"><rect width="393" height="358" transform="matrix(1 0 0 -1 -30 358)" fill="%230A0A0A"/></mask><g mask="url(%23mask0_1091_7097)"><path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M-106 381.102V382H-107V0.218384H-106.5L-106.5 -0.507782L440.301 -0.507812V0.492188H417.027V23.4922H440.301V24.4922H417.027V47.2662H440.301V48.2662H417.027V71.0401H440.301V72.0401H417.027V94.8141H440.301V95.8141H417.027V118.588H440.301V119.588H417.027V142.362H440.301V143.362H417.027V166.136H440.301V167.136H417.027V189.91H440.301V190.91H417.027V213.684H440.301V214.684H417.027V237.458H440.301V238.458H417.027V261.232H440.301V262.232H417.027V285.006H440.301V286.006H417.027V308.78H440.301V309.78H417.027V332.554H440.301V333.554H417.027V356.328H440.301V357.328H417.027V380.101L440.301 380.101V381.101L417.027 381.101V382H416.027V381.101L393.253 381.101V382H392.253V381.101L369.479 381.101V382H368.479V381.101L345.705 381.101V382H344.705V381.101L321.931 381.101V382H320.931V381.101L298.157 381.101V382H297.157V381.101L274.5 381.101V381.781H273.5V381.101L250.609 381.101V382H249.609V381.101L226.835 381.101V382H225.835V381.101L203.061 381.101V382H202.061V381.101L179.287 381.101V382H178.287V381.101L155.514 381.101V382H154.514V381.101L131.739 381.101V382H130.739V381.101L107.966 381.101V382H106.966V381.101L84.1916 381.102V382H83.1916V381.102L60.4176 381.102V382H59.4176V381.102L36.6437 381.102V382H35.6437V381.102L12.8697 381.102V382H11.8697V381.102L-10.9042 381.102V382H-11.9042V381.102L-34.6782 381.102V382H-35.6782V381.102L-58.4521 381.102V382H-59.4521V381.102L-82.2261 381.102V382H-83.2261V381.102L-106 381.102ZM416.027 0.492188V23.4922H393.253V0.492188H416.027ZM392.253 0.492188V23.4922H369.479V0.492188H392.253ZM368.479 0.492188V23.4922H345.705V0.492188H368.479ZM344.705 0.492188V23.4922H321.931V0.492188H344.705ZM320.931 0.492188V23.4922H298.157V0.492188H320.931ZM297.157 0.492188V23.4922H274.5V0.492188H297.157ZM273.5 0.492188V23.4922H250.609V0.492188H273.5ZM249.609 0.492188V23.4922H226.835V0.492188H249.609ZM225.835 0.492188V23.4922H203.061V0.492188H225.835ZM202.061 0.492188V23.4922H179.287V0.492188H202.061ZM178.287 0.492188V23.4922L155.514 23.4922V0.492218L178.287 0.492188ZM154.514 0.492218V23.4922H131.739V0.492218H154.514ZM130.739 0.492218V23.4922H107.966V0.492218H130.739ZM106.966 0.492218V23.4922H84.1916V0.492218H106.966ZM83.1916 0.492218V23.4922H60.4176V0.492218H83.1916ZM59.4176 0.492218V23.4922H36.6437V0.492218H59.4176ZM35.6437 0.492218V23.4922H12.8697V0.492218H35.6437ZM11.8697 0.492218V23.4922H-10.9042V0.492218H11.8697ZM-11.9042 0.492218V23.4922H-34.6782V0.492218H-11.9042ZM-35.6782 0.492218V23.4922H-58.4521V0.492218H-35.6782ZM-59.4521 0.492218V23.4922H-82.2261V0.492218H-59.4521ZM-83.2261 0.492218V23.4922H-106V0.492218H-83.2261ZM-83.2261 24.4922H-106V47.2662H-83.2261V24.4922ZM-59.4521 24.4922H-82.2261V47.2662H-59.4521V24.4922ZM-35.6782 24.4922H-58.4521V47.2662H-35.6782V24.4922ZM-11.9042 24.4922H-34.6782V47.2662H-11.9042V24.4922ZM11.8697 24.4922H-10.9042V47.2662H11.8697V24.4922ZM35.6437 24.4922H12.8697V47.2662H35.6437V24.4922ZM59.4176 24.4922H36.6437V47.2662H59.4176V24.4922ZM83.1916 24.4922H60.4176V47.2662H83.1916V24.4922ZM106.966 24.4922H84.1916V47.2662H106.966V24.4922ZM130.739 24.4922H107.966V47.2662H130.739V24.4922ZM154.514 24.4922H131.739V47.2662H154.514V24.4922ZM178.287 24.4922L155.514 24.4922V47.2662L178.287 47.2662V24.4922ZM202.061 24.4922H179.287V47.2662H202.061V24.4922ZM225.835 24.4922H203.061V47.2662H225.835V24.4922ZM249.609 24.4922H226.835V47.2662H249.609V24.4922ZM273.5 24.4922H250.609V47.2662H273.5V24.4922ZM297.157 24.4922H274.5V47.2662H297.157V24.4922ZM320.931 24.4922H298.157V47.2662H320.931V24.4922ZM344.705 24.4922H321.931V47.2662H344.705V24.4922ZM368.479 24.4922H345.705V47.2662H368.479V24.4922ZM392.253 24.4922H369.479V47.2662H392.253V24.4922ZM416.027 24.4922H393.253V47.2662H416.027V24.4922ZM416.027 48.2662V71.0401H393.253V48.2662H416.027ZM392.253 48.2662V71.0401H369.479V48.2662H392.253ZM368.479 48.2662V71.0401H345.705V48.2662H368.479ZM344.705 48.2662V71.0401H321.931V48.2662H344.705ZM320.931 48.2662V71.0401H298.157V48.2662H320.931ZM297.157 48.2662V71.0401H274.5V48.2662H297.157ZM273.5 48.2662V71.0401H250.609V48.2662H273.5ZM249.609 48.2662V71.0401H226.835V48.2662H249.609ZM225.835 48.2662V71.0401H203.061V48.2662H225.835ZM202.061 48.2662V71.0401H179.287V48.2662H202.061ZM178.287 48.2662V71.0401L155.514 71.0402V48.2662L178.287 48.2662ZM154.514 48.2662V71.0402H131.739V48.2662H154.514ZM130.739 48.2662V71.0402H107.966V48.2662H130.739ZM106.966 48.2662V71.0402H84.1916V48.2662H106.966ZM83.1916 48.2662V71.0402H60.4176V48.2662H83.1916ZM59.4176 48.2662V71.0402H36.6437V48.2662H59.4176ZM35.6437 48.2662V71.0402H12.8697V48.2662H35.6437ZM11.8697 48.2662V71.0402H-10.9042V48.2662H11.8697ZM-11.9042 48.2662V71.0402H-34.6782V48.2662H-11.9042ZM-35.6782 48.2662V71.0402H-58.4521V48.2662H-35.6782ZM-59.4521 48.2662V71.0402H-82.2261V48.2662H-59.4521ZM-83.2261 48.2662V71.0402H-106V48.2662H-83.2261ZM-83.2261 72.0402H-106V94.8141H-83.2261V72.0402ZM-59.4521 72.0402H-82.2261V94.8141H-59.4521V72.0402ZM-35.6782 72.0402H-58.4521V94.8141H-35.6782V72.0402ZM-11.9042 72.0402H-34.6782V94.8141H-11.9042V72.0402ZM11.8697 72.0402H-10.9042V94.8141H11.8697V72.0402ZM35.6437 72.0402H12.8697V94.8141H35.6437V72.0402ZM59.4176 72.0402H36.6437V94.8141H59.4176V72.0402ZM83.1916 72.0402H60.4176V94.8141H83.1916V72.0402ZM106.966 72.0402H84.1916V94.8141H106.966V72.0402ZM130.739 72.0402H107.966V94.8141H130.739V72.0402ZM154.514 72.0402H131.739V94.8141H154.514V72.0402ZM178.287 72.0401L155.514 72.0402V94.8141L178.287 94.8141V72.0401ZM202.061 72.0401H179.287V94.8141H202.061V72.0401ZM225.835 72.0401H203.061V94.8141H225.835V72.0401ZM249.609 72.0401H226.835V94.8141H249.609V72.0401ZM273.5 72.0401H250.609V94.8141H273.5V72.0401ZM297.157 72.0401H274.5V94.8141H297.157V72.0401ZM320.931 72.0401H298.157V94.8141H320.931V72.0401ZM344.705 72.0401H321.931V94.8141H344.705V72.0401ZM368.479 72.0401H345.705V94.8141H368.479V72.0401ZM392.253 72.0401H369.479V94.8141H392.253V72.0401ZM416.027 72.0401H393.253V94.8141H416.027V72.0401ZM416.027 95.8141V118.588H393.253V95.8141H416.027ZM392.253 95.8141V118.588H369.479V95.8141H392.253ZM368.479 95.8141V118.588H345.705V95.8141H368.479ZM344.705 95.8141V118.588H321.931V95.8141H344.705ZM320.931 95.8141V118.588H298.157V95.8141H320.931ZM297.157 95.8141V118.588H274.5V95.8141H297.157ZM273.5 95.8141V118.588H250.609V95.8141H273.5ZM249.609 95.8141V118.588H226.835V95.8141H249.609ZM225.835 95.8141V118.588H203.061V95.8141H225.835ZM202.061 95.8141V118.588H179.287V95.8141H202.061ZM178.287 95.8141V118.588L155.514 118.588V95.8141L178.287 95.8141ZM154.514 95.8141V118.588H131.739V95.8141H154.514ZM130.739 95.8141V118.588H107.966V95.8141H130.739ZM106.966 95.8141V118.588H84.1916V95.8141H106.966ZM83.1916 95.8141V118.588H60.4176V95.8141H83.1916ZM59.4176 95.8141V118.588H36.6437V95.8141H59.4176ZM35.6437 95.8141V118.588H12.8697V95.8141H35.6437ZM11.8697 95.8141V118.588H-10.9042V95.8141H11.8697ZM-11.9042 95.8141V118.588H-34.6782V95.8141H-11.9042ZM-35.6782 95.8141V118.588H-58.4521V95.8141H-35.6782ZM-59.4521 95.8141V118.588H-82.2261V95.8141H-59.4521ZM-83.2261 95.8141V118.588H-106V95.8141H-83.2261ZM-83.2261 119.588H-106V142.362H-83.2261V119.588ZM-59.4521 119.588H-82.2261V142.362H-59.4521V119.588ZM-35.6782 119.588H-58.4521V142.362H-35.6782V119.588ZM-11.9042 119.588H-34.6782V142.362H-11.9042V119.588ZM11.8697 119.588H-10.9042V142.362H11.8697V119.588ZM35.6437 119.588H12.8697V142.362H35.6437V119.588ZM59.4176 119.588H36.6437V142.362H59.4176V119.588ZM83.1916 119.588H60.4176V142.362H83.1916V119.588ZM106.966 119.588H84.1916V142.362H106.966V119.588ZM130.739 119.588H107.966V142.362H130.739V119.588ZM154.514 119.588H131.739V142.362H154.514V119.588ZM178.287 119.588L155.514 119.588V142.362L178.287 142.362V119.588ZM202.061 119.588H179.287V142.362H202.061V119.588ZM225.835 119.588H203.061V142.362H225.835V119.588ZM249.609 119.588H226.835V142.362H249.609V119.588ZM273.5 119.588H250.609V142.362H273.5V119.588ZM297.157 119.588H274.5V142.362H297.157V119.588ZM320.931 119.588H298.157V142.362H320.931V119.588ZM344.705 119.588H321.931V142.362H344.705V119.588ZM368.479 119.588H345.705V142.362H368.479V119.588ZM392.253 119.588H369.479V142.362H392.253V119.588ZM416.027 119.588H393.253V142.362H416.027V119.588ZM416.027 143.362V166.136H393.253V143.362H416.027ZM392.253 143.362V166.136H369.479V143.362H392.253ZM368.479 143.362V166.136H345.705V143.362H368.479ZM344.705 143.362V166.136H321.931V143.362H344.705ZM320.931 143.362V166.136H298.157V143.362H320.931ZM297.157 143.362V166.136H274.5V143.362H297.157ZM273.5 143.362V166.136H250.609V143.362H273.5ZM249.609 143.362V166.136H226.835V143.362H249.609ZM225.835 143.362V166.136H203.061V143.362H225.835ZM202.061 143.362V166.136H179.287V143.362H202.061ZM178.287 143.362V166.136L155.514 166.136V143.362L178.287 143.362ZM154.514 143.362V166.136H131.739V143.362H154.514ZM130.739 143.362V166.136H107.966V143.362H130.739ZM106.966 143.362V166.136H84.1916V143.362H106.966ZM83.1916 143.362V166.136H60.4176V143.362H83.1916ZM59.4176 143.362V166.136H36.6437V143.362H59.4176ZM35.6437 143.362V166.136H12.8697V143.362H35.6437ZM11.8697 143.362V166.136H-10.9042V143.362H11.8697ZM-11.9042 143.362V166.136H-34.6782V143.362H-11.9042ZM-35.6782 143.362V166.136H-58.4521V143.362H-35.6782ZM-59.4521 143.362V166.136H-82.2261V143.362H-59.4521ZM-83.2261 143.362V166.136H-106V143.362H-83.2261ZM-83.2261 167.136H-106V189.91H-83.2261V167.136ZM-59.4521 167.136H-82.2261V189.91H-59.4521V167.136ZM-35.6782 167.136H-58.4521V189.91H-35.6782V167.136ZM-11.9042 167.136H-34.6782V189.91H-11.9042V167.136ZM11.8697 167.136H-10.9042V189.91H11.8697V167.136ZM35.6437 167.136H12.8697V189.91H35.6437V167.136ZM59.4176 167.136H36.6437V189.91H59.4176V167.136ZM83.1916 167.136H60.4176V189.91H83.1916V167.136ZM106.966 167.136H84.1916V189.91H106.966V167.136ZM130.739 167.136H107.966V189.91H130.739V167.136ZM154.514 167.136H131.739V189.91H154.514V167.136ZM178.287 167.136L155.514 167.136V189.91L178.287 189.91V167.136ZM202.061 167.136H179.287V189.91H202.061V167.136ZM225.835 167.136H203.061V189.91H225.835V167.136ZM249.609 167.136H226.835V189.91H249.609V167.136ZM273.5 167.136H250.609V189.91H273.5V167.136ZM297.157 167.136H274.5V189.91H297.157V167.136ZM320.931 167.136H298.157V189.91H320.931V167.136ZM344.705 167.136H321.931V189.91H344.705V167.136ZM368.479 167.136H345.705V189.91H368.479V167.136ZM392.253 167.136H369.479V189.91H392.253V167.136ZM416.027 167.136H393.253V189.91H416.027V167.136ZM416.027 190.91V213.684H393.253V190.91H416.027ZM392.253 190.91V213.684H369.479V190.91H392.253ZM368.479 190.91V213.684H345.705V190.91H368.479ZM344.705 190.91V213.684H321.931V190.91H344.705ZM320.931 190.91V213.684H298.157V190.91H320.931ZM297.157 190.91V213.684H274.5V190.91H297.157ZM273.5 190.91V213.684H250.609V190.91H273.5ZM249.609 190.91V213.684H226.835V190.91H249.609ZM225.835 190.91V213.684H203.061V190.91H225.835ZM202.061 190.91V213.684H179.287V190.91H202.061ZM178.287 190.91V213.684L155.514 213.684V190.91L178.287 190.91ZM154.514 190.91V213.684H131.739V190.91H154.514ZM130.739 190.91V213.684H107.966V190.91H130.739ZM106.966 190.91V213.684H84.1916V190.91H106.966ZM83.1916 190.91V213.684H60.4176V190.91H83.1916ZM59.4176 190.91V213.684H36.6437V190.91H59.4176ZM35.6437 190.91V213.684H12.8697V190.91H35.6437ZM11.8697 190.91V213.684H-10.9042V190.91H11.8697ZM-11.9042 190.91V213.684H-34.6782V190.91H-11.9042ZM-35.6782 190.91V213.684H-58.4521V190.91H-35.6782ZM-59.4521 190.91V213.684H-82.2261V190.91H-59.4521ZM-83.2261 190.91V213.684H-106V190.91H-83.2261ZM-83.2261 214.684H-106V237.458H-83.2261V214.684ZM-59.4521 214.684H-82.2261V237.458H-59.4521V214.684ZM-35.6782 214.684H-58.4521V237.458H-35.6782V214.684ZM-11.9042 214.684H-34.6782V237.458H-11.9042V214.684ZM11.8697 214.684H-10.9042V237.458H11.8697V214.684ZM35.6437 214.684H12.8697V237.458H35.6437V214.684ZM59.4176 214.684H36.6437V237.458H59.4176V214.684ZM83.1916 214.684H60.4176V237.458H83.1916V214.684ZM106.966 214.684H84.1916V237.458H106.966V214.684ZM130.739 214.684H107.966V237.458H130.739V214.684ZM154.514 214.684H131.739V237.458H154.514V214.684ZM178.287 214.684L155.514 214.684V237.458L178.287 237.458V214.684ZM202.061 214.684H179.287V237.458H202.061V214.684ZM225.835 214.684H203.061V237.458H225.835V214.684ZM249.609 214.684H226.835V237.458H249.609V214.684ZM273.5 214.684H250.609V237.458H273.5V214.684ZM297.157 214.684H274.5V237.458H297.157V214.684ZM320.931 214.684H298.157V237.458H320.931V214.684ZM344.705 214.684H321.931V237.458H344.705V214.684ZM368.479 214.684H345.705V237.458H368.479V214.684ZM392.253 214.684H369.479V237.458H392.253V214.684ZM416.027 214.684H393.253V237.458H416.027V214.684ZM416.027 238.458V261.232H393.253V238.458H416.027ZM392.253 238.458V261.232H369.479V238.458H392.253ZM368.479 238.458V261.232H345.705V238.458H368.479ZM344.705 238.458V261.232H321.931V238.458H344.705ZM320.931 238.458V261.232L298.157 261.232V238.458H320.931ZM297.157 238.458V261.232H274.5V238.458H297.157ZM273.5 238.458V261.232H250.609V238.458H273.5ZM249.609 238.458V261.232H226.835V238.458H249.609ZM225.835 238.458V261.232H203.061V238.458H225.835ZM202.061 238.458V261.232H179.287V238.458H202.061ZM178.287 238.458V261.232H155.514V238.458L178.287 238.458ZM154.514 238.458V261.232H131.739V238.458H154.514ZM130.739 238.458V261.232H107.966V238.458H130.739ZM106.966 238.458V261.232H84.1916V238.458H106.966ZM83.1916 238.458V261.232H60.4176V238.458H83.1916ZM59.4176 238.458V261.232H36.6437V238.458H59.4176ZM35.6437 238.458V261.232L12.8697 261.232V238.458H35.6437ZM11.8697 238.458V261.232H-10.9042V238.458H11.8697ZM-11.9042 238.458V261.232H-34.6782V238.458H-11.9042ZM-35.6782 238.458V261.232H-58.4521V238.458H-35.6782ZM-59.4521 238.458V261.232H-82.2261V238.458H-59.4521ZM-83.2261 238.458V261.232H-106V238.458H-83.2261ZM-83.2261 262.232H-106V285.006H-83.2261V262.232ZM-59.4521 262.232H-82.2261V285.006H-59.4521V262.232ZM-35.6782 262.232H-58.4521V285.006H-35.6782V262.232ZM-11.9042 262.232H-34.6782V285.006H-11.9042V262.232ZM11.8697 262.232H-10.9042V285.006H11.8697V262.232ZM35.6437 262.232L12.8697 262.232V285.006L35.6437 285.006V262.232ZM59.4176 262.232H36.6437V285.006H59.4176V262.232ZM83.1916 262.232H60.4176V285.006H83.1916V262.232ZM106.966 262.232H84.1916V285.006H106.966V262.232ZM130.739 262.232H107.966V285.006H130.739V262.232ZM154.514 262.232H131.739V285.006H154.514V262.232ZM178.287 262.232H155.514V285.006H178.287V262.232ZM202.061 262.232H179.287V285.006H202.061V262.232ZM225.835 262.232H203.061V285.006H225.835V262.232ZM249.609 262.232H226.835V285.006H249.609V262.232ZM273.5 262.232H250.609V285.006H273.5V262.232ZM297.157 262.232H274.5V285.006H297.157V262.232ZM320.931 262.232L298.157 262.232V285.006L320.931 285.006V262.232ZM344.705 262.232H321.931V285.006H344.705V262.232ZM368.479 262.232H345.705V285.006H368.479V262.232ZM392.253 262.232H369.479V285.006H392.253V262.232ZM416.027 262.232H393.253V285.006H416.027V262.232ZM416.027 286.006V308.78H393.253V286.006H416.027ZM392.253 286.006V308.78H369.479V286.006H392.253ZM368.479 286.006V308.78H345.705V286.006H368.479ZM344.705 286.006V308.78H321.931V286.006H344.705ZM320.931 286.006V308.78L298.157 308.78V286.006L320.931 286.006ZM297.157 286.006V308.78H274.5V286.006H297.157ZM273.5 286.006V308.78H250.609V286.006H273.5ZM249.609 286.006V308.78H226.835V286.006H249.609ZM225.835 286.006V308.78H203.061V286.006H225.835ZM202.061 286.006V308.78H179.287V286.006H202.061ZM178.287 286.006V308.78H155.514V286.006H178.287ZM154.514 286.006V308.78H131.739V286.006H154.514ZM130.739 286.006V308.78H107.966V286.006H130.739ZM106.966 286.006V308.78H84.1916V286.006H106.966ZM83.1916 286.006V308.78H60.4176V286.006H83.1916ZM59.4176 286.006V308.78H36.6437V286.006H59.4176ZM35.6437 286.006V308.78L12.8697 308.78V286.006L35.6437 286.006ZM11.8697 286.006V308.78H-10.9042V286.006H11.8697ZM-11.9042 286.006V308.78H-34.6782V286.006H-11.9042ZM-35.6782 286.006V308.78H-58.4521V286.006H-35.6782ZM-59.4521 286.006V308.78H-82.2261V286.006H-59.4521ZM-83.2261 286.006V308.78H-106V286.006H-83.2261ZM-83.2261 309.78H-106V332.554H-83.2261V309.78ZM-59.4521 309.78H-82.2261V332.554H-59.4521V309.78ZM-35.6782 309.78H-58.4521V332.554L-35.6782 332.554V309.78ZM-11.9042 309.78H-34.6782V332.554H-11.9042V309.78ZM11.8697 309.78H-10.9042V332.554H11.8697V309.78ZM35.6437 309.78L12.8697 309.78V332.554H35.6437V309.78ZM59.4176 309.78H36.6437V332.554H59.4176V309.78ZM83.1916 309.78H60.4176V332.554H83.1916V309.78ZM106.966 309.78H84.1916V332.554L106.966 332.554V309.78ZM130.739 309.78H107.966V332.554H130.739V309.78ZM154.514 309.78H131.739V332.554H154.514V309.78ZM178.287 309.78H155.514V332.554H178.287V309.78ZM202.061 309.78H179.287V332.554H202.061V309.78ZM225.835 309.78H203.061V332.554H225.835V309.78ZM249.609 309.78H226.835V332.554L249.609 332.554V309.78ZM273.5 309.78H250.609V332.554H273.5V309.78ZM297.157 309.78H274.5V332.554H297.157V309.78ZM320.931 309.78L298.157 309.78V332.554H320.931V309.78ZM344.705 309.78H321.931V332.554H344.705V309.78ZM368.479 309.78H345.705V332.554H368.479V309.78ZM392.253 309.78H369.479V332.554L392.253 332.554V309.78ZM416.027 309.78H393.253V332.554H416.027V309.78ZM416.027 333.554V356.328L393.253 356.328V333.554H416.027ZM392.253 333.554V356.328H369.479V333.554L392.253 333.554ZM368.479 333.554V356.328L345.705 356.328V333.554H368.479ZM344.705 333.554V356.328H321.931V333.554H344.705ZM320.931 333.554V356.328H298.157V333.554H320.931ZM297.157 333.554V356.328L274.5 356.328V333.554H297.157ZM273.5 333.554V356.328H250.609V333.554H273.5ZM249.609 333.554V356.328L226.835 356.328V333.554L249.609 333.554ZM225.835 333.554V356.328H203.061V333.554H225.835ZM202.061 333.554V356.328H179.287V333.554H202.061ZM178.287 333.554V356.328L155.514 356.328V333.554H178.287ZM154.514 333.554V356.328H131.739V333.554H154.514ZM130.739 333.554V356.328H107.966V333.554H130.739ZM106.966 333.554V356.328L84.1916 356.328V333.554L106.966 333.554ZM83.1916 333.554V356.328H60.4176V333.554H83.1916ZM59.4176 333.554V356.328L36.6437 356.328V333.554H59.4176ZM35.6437 333.554V356.328H12.8697V333.554H35.6437ZM11.8697 333.554V356.328H-10.9042V333.554H11.8697ZM-11.9042 333.554V356.328L-34.6782 356.328V333.554H-11.9042ZM-35.6782 333.554V356.328H-58.4521V333.554L-35.6782 333.554ZM-59.4521 333.554V356.328L-82.2261 356.328V333.554H-59.4521ZM-83.2261 333.554V356.328H-106V333.554H-83.2261ZM-83.2261 357.328H-106V380.102L-83.2261 380.102V357.328ZM-59.4521 357.328L-82.2261 357.328V380.102L-59.4521 380.102V357.328ZM-35.6782 357.328H-58.4521V380.102L-35.6782 380.102V357.328ZM-11.9042 357.328L-34.6782 357.328V380.102L-11.9042 380.102V357.328ZM11.8697 357.328H-10.9042V380.102L11.8697 380.102V357.328ZM35.6437 357.328H12.8697V380.102L35.6437 380.102V357.328ZM59.4176 357.328L36.6437 357.328V380.102L59.4176 380.102V357.328ZM83.1916 357.328H60.4176V380.102L83.1916 380.102V357.328ZM106.966 357.328L84.1916 357.328V380.102L106.966 380.101V357.328ZM130.739 357.328H107.966V380.101L130.739 380.101V357.328ZM154.514 357.328H131.739V380.101L154.514 380.101V357.328ZM178.287 357.328L155.514 357.328V380.101L178.287 380.101V357.328ZM202.061 357.328H179.287V380.101L202.061 380.101V357.328ZM225.835 357.328H203.061V380.101L225.835 380.101V357.328ZM249.609 357.328L226.835 357.328V380.101L249.609 380.101V357.328ZM273.5 357.328H250.609V380.101L273.5 380.101V357.328ZM297.157 357.328L274.5 357.328V380.101L297.157 380.101V357.328ZM320.931 357.328H298.157V380.101L320.931 380.101V357.328ZM344.705 357.328H321.931V380.101L344.705 380.101V357.328ZM368.479 357.328L345.705 357.328V380.101L368.479 380.101V357.328ZM392.253 357.328H369.479V380.101L392.253 380.101V357.328ZM416.027 357.328L393.253 357.328V380.101L416.027 380.101V357.328Z" fill="url(%23paint0_radial_1091_7097)"/></g><defs><radialGradient id="paint0_radial_1091_7097" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(166.301 0.218387) rotate(89.7547) scale(163.283 255.886)"><stop stop-color="white"/><stop offset="0.630208" stop-color="white" stop-opacity="0.90625"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient></defs></svg>');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    border-top: 1px solid #97C3FF;
    background-color: #1779ff;
}

.model_bg {
    background-color: #111820;
}

.unlock {
    color: #ffffff;
    text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.39);
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.exchange_tag {
    border-radius: 40px;
    padding: 0 10px;
    height: 26px;
    background-color: #ffffff;
    max-width: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exchange_tag p {
    color: #2782FF;
    font-size: 12px;
    font-weight: 400;
}

.qr_app {
    height: 74px;
    width: 74px;
}

.app_titale h3 {
    color: #2782FF;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.app_titale p {
    color: #111820;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.social_box {
    background-color: #111820;
    padding-top: 15px;
    display: flex;
    gap: 15.5px;
}

.media_box {
    height: 54px;
    width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
}

.app_model {
    max-width: 333px;
}

.link_popup {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111315e3;
    transition: all 0.3s;
    display: flex;
    align-items: flex-end;
}

.link_popup.show {
    bottom: 0%;
}

.assets_link {
    width: 100%;
    padding: 30px 15px;
    border-top: 1px solid var(--border);
    background-color: var(--dark-bg);
    position: relative;
}

.assets_link::after {
    content: " ";
    position: absolute;
    width: 53px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    background: var(--dullfont);
}

.modal-dialog-centered {
    margin: 0 auto;
}

/* affiliate page css start */

.affiliate_bg {
    padding: 136px 0;
    width: 100%;
    display: inline-block;
}

.affiliate_h1 {
    font-size: 45px;
    font-weight: 500;
    color: var(--white);
    margin-bottom: 0;
}

.affiliate_p {
    font-size: 16px;
    font-weight: 500;
    color: var(--dullfont);
    margin: 20px 0 20px;
}

.affiliate_btn {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 3px;
    height: 45px;
    padding: 15px 20px 13px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.affiliate_btn:hover {
    /* background-color: var(--blue); */
    /* color: var(--white); */
}

.affiliate_profit {
    padding: 120px 0;
    width: 100%;
    display: inline-block;
}

.affiliate_margin {
    margin-bottom: 100px;
}

.affiliate_icon {
    border: 1px solid var(--border);
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.affiliate_h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
    margin: 30px 0 10px;
}

.affiliate_border {
    border: 1px solid var(--border);
    margin: 120px 0;
}

.affiliate_incentives {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.affiliate_w40 {
    width: 30%;
}

.affiliate_w60 {
    width: 90%;
}

.affiliate_earnbg {
    background-image: url(../imgs/affiliate/affiliate_earnbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 53px 90px 52px 70px;
}

.affiliate_color {
    color: var(--border);
}

/* affiliate page css end */

/* contact page css start */

.contact_bg {
    width: 100%;
    display: inline-block;
    padding: 100px 0;
}

.contact_border {
    margin: 100px 0;
    height: 1px;
    width: 100%;
    background-color: var(--border);
}

.contact_margin {
    margin-bottom: 70px;
}

.contact_light {
    font-size: 14px;
    font-weight: 400;
    color: var(--dullfont);
}

.contact_white {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}

.contact_div {
    height: 1px;
    width: 100%;
    background-color: var(--border);
    margin: 15px 0;
}

.all_border {
    border-left: 1px solid var(--border);
    padding-left: 100px;
}

/* contact page css end */

/* mobile app css start */

.mobile_app.page_main::before {
    height: 400px !important;
    z-index: -2;
}

.mobile_app.page_main::after {
    content: "";
    width: 726px;
    height: 850px;
    background-image: url(../imgs/mobile_app/shape.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    right: 15%;
    top: 0;
    z-index: -3;
    background-position: bottom;
}

.light-mode .mobile_app.page_main::after {
    background-image: url(../imgs/mobile_app/shape_light.png);
}

.mobile_bg.available_section {
    background-image: none;
}

.person>:nth-last-child(-n+3) {
    margin-left: -10px;
    z-index: 2;
}

.person>:nth-last-child(-n+1) {
    margin-right: 15px;
}

.person+p {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.mobile_app {
    z-index: 0;
}

.download_btn {
    padding: 15px 33.4px 13px;
    margin-bottom: 60px;
}

.mobile_apps .title_mobile {
    font-weight: 400;
    margin-bottom: 20px;
}

.mobile_apps .hero_content {
    margin-bottom: 20px !important;
}

.ever_sec {
    width: 100%;
    height: 350px;
    margin-top: -115px;
    padding: 80px 0px;
    background-color: var(--bg);
}

.ever_content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
    text-align: end;
}

.ever_sec .ever_content p {
    width: 250px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.mobile_desp {
    padding-top: 70px;
}

.border.active {
    background-color: var(--border);
}

/* academy page css start */

.academy_bg {
    padding: 100px 0 120px;
    width: 100%;
    display: inline-block;
}

.academy_content {
    margin-bottom: 80px;
}

.coming_soon {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    margin-bottom: 20px;
}

.coming_img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coming_img div:first-child {
    animation: opacity1 1.8s infinite;
    z-index: 4;
}

@keyframes opacity1 {
    0% {
        opacity: 0.4;
    }

    11% {
        opacity: 0.5;
    }

    22% {
        opacity: 1;
    }

    33% {
        opacity: 0.5;
    }

    44% {
        opacity: 0.4;
    }

    55% {
        opacity: 0.3;
    }

    66% {
        opacity: 0.1;
    }

    77% {
        opacity: 0.1;
    }

    88% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.3;
    }
}

.coming_img div:nth-child(2) {
    animation: opacity2 1.8s infinite;
    margin-left: -20px;
    z-index: 3;
}

@keyframes opacity2 {
    0% {
        opacity: 0.1;
    }

    11% {
        opacity: 0.3;
    }

    22% {
        opacity: 0.4;
    }

    33% {
        opacity: 0.5;
    }

    44% {
        opacity: 1;
    }

    55% {
        opacity: 0.5;
    }

    66% {
        opacity: 0.4;
    }

    77% {
        opacity: 0.3;
    }

    88% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.1;
    }
}

.coming_img div:nth-child(3) {
    animation: opacity3 1.8s infinite;
    margin-left: -20px;
    z-index: 2;
}

@keyframes opacity3 {
    0% {
        opacity: 0.1;
    }

    11% {
        opacity: 0.1;
    }

    22% {
        opacity: 0.1;
    }

    33% {
        opacity: 0.3;
    }

    44% {
        opacity: 0.4;
    }

    55% {
        opacity: 0.5;
    }

    66% {
        opacity: 1;
    }

    77% {
        opacity: 0.5;
    }

    88% {
        opacity: 0.4;
    }

    100% {
        opacity: 0.3;
    }
}

.coming_img div:last-child {
    animation: opacity4 1.8s infinite;
    margin-left: -20px;
    z-index: 1;
}

@keyframes opacity4 {
    0% {
        opacity: 0.1;
    }

    11% {
        opacity: 0.1;
    }

    22% {
        opacity: 0.1;
    }

    33% {
        opacity: 0.1;
    }

    44% {
        opacity: 0.3;
    }

    55% {
        opacity: 0.4;
    }

    66% {
        opacity: 0.5;
    }

    77% {
        opacity: 1;
    }

    88% {
        opacity: 0.5;
    }

    100% {
        opacity: 0.4;
    }
}

/* academy page css end */
/* .custom_nav>:nth-last-child(-n+1) .pointer div hr {
    border-top: 0;
} */

/* .custom_nav .nav_menu hr.last:last-child {
    border: none;
} */

.mobile_main {
    padding: 120px 0px;
}

.mobile_card .card .img_bg {
    background-color: var(--bg);
    margin-bottom: 30px;
    position: relative;
}

.app_desp h2 {
    color: var(--white);
    font-size: 45px;
    font-weight: 400;
    line-height: 55px;
    margin-bottom: 10px;
}

.app_desp p {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 40px;
}

.mobile_card .card .card-body h3 {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.mobile_card .card .card-body h3 {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
}

.mobile_card .card .card-body p {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 20px;
}

.app_download_btn {
    padding: 15px 61px 13px;
}

.tag_app {
    padding: 5px 10px;
    background-color: var(--blue);
    color: var(--white);
    border-radius: 60px;
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

.mobile_main .row>:nth-last-child(-n+3) {
    margin-top: 70px;
}

.what_imp+.footer {
    margin-top: 0 !important;
}

/* wallet Stacking Css start */
.padding_right {
    padding-right: 100px;
}

.input_search {
    width: 342px;
    /* max-width: 342px; */
}

.star_border {
    border: 1px solid var(--bg);
    padding: 7px;
    border-radius: 2px;
}

.claim_amout {
    border: 1px solid var(--blue);
    padding: 11.5px 15px;
    background-color: var(--bg);
}

/* wallet Stacking Css End */
.calculate_h1 {
    color: var(--white);
    font-size: 35px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 20px;
}

.calculate_p {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 30px;
}

/* Cripto change page css start */

.btc_icon span {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
}

.submit_btn {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.submit_btn+p {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.tra_line {
    width: 100%;
    height: 1px;
    margin: 42px 0px 32px 0px;
    position: relative;
    background-color: var(--border);
}

.transfer_icon {
    background-color: var(--dark-bg);
    padding: 0px 33px;
    position: absolute;
    top: -12.5px;
    left: 50%;
    transform: translateX(-50%);
}

.crypto_input {
    margin-bottom: 15px;
}

.price_data {
    margin-bottom: 30px;
}

.price_data p {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.price_data h3 {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
}

/* Stakign page css start */
.staking_slider_img {
    border: 1px solid var(--border);
    background-color: var(--bg);
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.faq_item {
    background-color: var(--dark-bg) !important;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--white);
    padding: 0 0 20px 0;
}

.faq_item.accordion-button:not(.collapsed) {
    color: var(--white);
    background-color: var(--transparent);
    box-shadow: inset 0 calc(0 * var(--transparent)) 0 var(--transparent);
}

.faq_item:focus {
    z-index: 3;
    border-color: var(--transparent);
    outline: 0;
    box-shadow: var(--transparent);
}

.accordion_tab>.collapse {
    position: unset;
    background-color: var(--transparent);
    height: auto;
}

.faq_item.accordion-button::after {
    width: 20px;
    height: 20px;
    background-image: url(../imgs/icon/arrow-dawn.svg);
}

.span_border {
    border-left: 1px solid var(--border);
    padding-left: 15px;
    margin-left: 15px;
}

.tag_price {
    padding: 4px 10px;
    border-radius: 15px;
}

.pr100 {
    padding-right: 100px;
}

.pl100 {
    padding-left: 100px;
}

.summary {
    border-left: 1px solid var(--yellow);
    position: relative;
}

.summary_data::before {
    content: "";
    width: 15px;
    height: 1px;
    background-color: var(--yellow);
    position: absolute;
    left: 0;
}

.staking-success {
    max-width: 450px;
}

.success_bg {
    background-color: var(--bg);
    border-radius: 2px;
    border: 1px solid var(--border);
    padding: 12px;
    display: inline-block;
}

.success_bg svg {
    width: 80px;
    height: 80px;
}

.model_heading h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--buy);
    margin: 20px 0px 10px 0;
}

.pera_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.btn_success:hover {
    /* border-color: var(--green); */
    /* color: var(--green); */
}

.btn_danger:hover {
    /* border-color: var(--red); */
}

/* Stakign page css end */

/* Disclosure page css start */

.discluse_detail p {
    padding-bottom: 20px;
}

.whistle_list h2 {
    margin-bottom: 10px;
}

.whistle_list ol>:not(:last-child) {
    padding-bottom: 25px !important;
}

.law_list h3 {
    font-size: 18px;
}

/* help center page css start */
.explore_topic {
    padding-bottom: 120px;
}

.explore_title h2 {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 60px;
}

.icons_card {
    width: 64px;
    height: 64px;
    padding: 20px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.help_card {
    background-color: var(--bg);
    padding: 25px;
    height: 100%;
}

.help_card.card h5 {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
}

.help_card.card p {
    color: var(--dullfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 26px;
}

.see_btn {
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    border: none;
    padding: 0;
    display: flex;
    gap: 5px;
}

.see_btn:focus,
.see_btn:hover {
    /* background-color: transparent !important; */
    /* color: var(--white); */
}

/* connect with sgtx page css start */

.social_icons p {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.icon_bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 40px;
    margin-bottom: 15px;
    background-color: var(--bg);
}

.social_main {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.my_detail {
    padding: 10px 15px;
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
}

/* P2P Buy page css start */
.font18 {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.font12 {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.table_head {
    padding: 10px;
    background-color: var(--bg);
    border-radius: 3px;
}

/* P2P Buy page css start */
.p2p_detail tbody tr td {
    border-bottom: none;
    background-color: transparent;
    padding: 5px !important;
}

.warning_line p {
    color: var(--yellow);
}

.online_dots {
    width: 6px;
    display: block;
    height: 6px;
    border-radius: 50%;
    background-color: var(--green);
}

.adviser_status h3 {
    margin-bottom: 5px;
}

.payment_type h3 {
    color: var(--dullfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.Advertiser_info {
    color: var(--red);
}

.pair_list .form-control::placeholder {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    color: var(--dullfont);
}

.assets_trade.mt10:first-child {
    margin-top: 0 !important;
}

/* P2P Buy page css start */

/* Support page Modal css tart */

.modal_main {
    max-width: 400px;
}

.modal_bg {
    position: relative;
    background-color: var(--dark-bg);
    z-index: -1;
}

.modal_bg::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(23, 121, 255, 1), rgba(8, 11, 15, 0));
    background: linear-gradient(left);
    opacity: 10%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.price_box {
    margin: 10px 10px 15px 10px;
    padding: 10px;
    border: 1px solid var(--border);
}

.lh20 {
    line-height: 20px;
}

.lh14 {
    line-height: 14px;
}

.main_body {
    height: 395px;
    overflow-y: auto;
    padding: 15px;
}

.modal_header {
    padding: 19px 16px;
    border-bottom: 1px solid var(--border);
}

.user_profile {
    padding: 12px;
    background-color: var(--bg);
    border-radius: 50%;
}

.user_msg {
    background-color: var(--bg);
    padding: 10px;
    border-radius: 13px;
}

.hedar_btn.btn-close {
    background-image: none !important;
}

.hedar_btn.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0;
    opacity: 1;
}

.chat_input {
    padding: 12px 46px 12px 15px;
    border: 1px solid var(--border);
    border-radius: 3px;
    color: var(--white);
}

.chat_input.form-control:focus {
    color: var(--dullfont);
    background-color: var(--bg);
    border-color: var(--border);
    outline: 0;
    box-shadow: 0 0 0 0;
    color: var(--white);
}

.arrow_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 17px;
    cursor: pointer;
}

.hover_show {
    opacity: 0;
    margin-left: 30px;
    transition: all 0.3s ease-in;
}

.hover_show .line:last-child {
    display: none;
}

.security-subheading.noicon svg {
    display: none;
}

.security-subsection:hover .hover_show {
    opacity: 1;
    margin-left: 10px;
}

#ct-container {
    z-index: 99999999 !important;
}

/* Trading page Css start */
.table_trading thead th {
    font-size: 14px;
    font-weight: 500;
}

/* Trading page Css End */
/* p2p pending Payment css start */

.payment_detail h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}

.toggle_tab .collapsing,
.collapsing.show,
.collapse.show {
    position: sticky !important;
    background-color: transparent;
    height: auto;
    padding: 0;
}

.tab_title {
    color: var(--yellow);
}

.warning_pera {
    background-color: #F9CA4820;
}

.warning_pera p {
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
}

.warning_pera p a {
    color: var(--yellow);
}

.chat_input.form-control::placeholder {
    color: var(--dullfont);
}

.btn {
    transition: all 0.3s;
}

.btn:hover {
    /* color: inherit !important; */
    /* background-color: var(--blue); */
    opacity: 0.9;
}

.error_page {
    height: calc(100vh - 67px);
    position: relative;
    background-color: var(--bg);
}

.error_page::before {
    content: "";
    width: 100%;
    height: 456px;
    background-image: linear-gradient(rgba(8, 11, 15, 0), rgba(23, 121, 255, 1));
    background: linear-gradient(left);
    opacity: 10%;
    position: absolute;
    bottom: 0;
}

.heading_section {
    z-index: 2;
}

.heading_section h2 {
    font-size: 20px;
    font-weight: 500;
    padding-top: 90px;
    line-height: 24px;
    color: var(--white);
    margin-bottom: 0;
}

.ct-toast {
    display: flex;
    gap: 11px;
    justify-content: flex-start !important;
    align-items: center;
    padding: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: var(--white) !important;
    border-radius: 0px !important;
    margin: 0px;
    min-width: 300px;
    opacity: 1;
    transition: 0.3s all ease-in-out;
    min-height: 45px;
    pointer-events: all;
}

.ct-toast.ct-toast-error {
    background-color: #3e2622 !important;
}

.ct-toast.ct-toast-success {
    background-color: #132b24 !important;
}

.ct-toast.ct-toast-warn {
    background-color: #32280e !important;
}

.ct-toast.ct-toast-info {
    background-color: #111820 !important;
}

.ct-text-group {
    margin-left: 0 !important;
}

.model.show {
    z-index: 9999 !important;
}

.fade.security-restrictions.modal.show {
    z-index: 9999;
}

.auth-body.start {
    align-items: flex-start;
    height: 100%;
}

.footer_menu .menu_list {
    width: 200px;
}

.securitytab button:hover {
    background-color: var(--white);
    color: var(--bg);
}

.securitytab button.text_white:hover {
    color: var(--bg) !important;
}

.light-mode .color_dark.securitytab .gray_button:hover {
    background-color: #C0CCDD;
}

.title_bg {
    background-color: var(--border);
}

.devider_line {
    width: 1px;
    height: 100%;
    background-color: var(--border);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.p2p_tabs.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--white);
    width: 360px;
    background-color: transparent;
    border-bottom: 1px solid var(--green);
}

.p2p_tabs.nav-pills .nav-link {
    color: var(--dullfont);
    background-color: transparent;
    border-radius: 0;
    width: 200px;
    transition: all 0.3s ease-in;
    margin-right: 10px;
    border-bottom: 1px solid var(--border);
}

.p2p_tabs.nav-pills .nav-link.active.sell_border {
    border-bottom: 1px solid var(--red) !important;
}

.form-check-input:focus {
    border-color: var(--white);
    outline: 0;
    box-shadow: none;
}

.form-check-input {
    background-color: transparent;
    border: 1px solid var(--border);
}

.auth-body.start .back_btn {
    margin-left: -34px;
}

.order_details .modal-dialog {
    max-width: 480px;
}

.order_modal {
    max-width: 480px;
    padding: 15px;
}

.box_height {
    height: 150px;
}

.input_radio_btn {
    height: 19px;
    width: 19px;
    margin-top: 0 !important;
}

.road_section {
    padding: 40px 0px;
}

.steps {
    position: relative;
    padding-bottom: 18px;
    /* border-bottom: 2px dashed var(--border); */
}

/* .steps:hover {
    border-bottom-style: solid;
    border-bottom-color: var(--blue);
} */

.steps::before {
    content: '';
    width: 11px;
    height: 11px;
    background-color: var(--bg);
    outline: 1px solid var(--border);
    border-radius: 50%;
    position: absolute;
    bottom: -4.5px;
    left: 0;
}

.steps::after {
    content: '';
    width: 98%;
    height: 1px;
    background-color: var(--bg);
    position: absolute;
    bottom: 0px;
    left: 20px;
    background-image: linear-gradient(to right, var(--border) 53%, rgb(8 11 15) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
}

.steps.active.steps::before {
    outline: 4px solid var(--blue);
    background-color: var(--dark-bg);
}

.steps.active.steps::after {
    border-bottom-style: solid;
    border-bottom-color: var(--blue);
}

.method_add a {
    text-decoration: none;
}

.warning_border {
    border: 1px solid #F9CA481A;
}

.ad_color {
    color: var(--buy);
}

.trust_modal {
    z-index: 999999999999;
}

.line.pair_line {
    height: 40px;
}

.back_cover {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111315e3;
    transition: all 0.3s;
    display: flex;
    align-items: flex-end;
}

.back_cover.show {
    bottom: 0;
    z-index: 99999999;
}

.back_cover_pair {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000042;
    transition: all 0.3s;
    display: none;
    align-items: flex-end;
    z-index: 99999999;
    opacity: 0;
}

.back_cover_pair.show {
    display: flex;
    opacity: 1;
    transition: all 0.3s;
}

.btn.main_btn:hover {
    /* background-color: var(--blue); */
}

.btn.btn_group_gray:hover {
    /* background-color: var(--border); */
}

.modal {
    padding: 15px;
}

.label_tag {
    height: 312px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    max-width: 523px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.draggable-element {
    height: 54px;
    padding: 20px 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    transition: all 0.3s;
    border-radius: 14px;
}

.draggable-element p {
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.draggable-element.Benjamin {
    position: absolute;
    right: 56px;
    bottom: 77px;
}

.draggable-element.active.Benjamin {
    transform: rotate(30.354deg) !important;
}

.draggable-element.Abigali {
    position: absolute;
    right: -42px;
    bottom: 25px;
}

.draggable-element.active.Abigali {
    transform: rotate(-30.354deg) !important;
}

.draggable-element.Abigali1 {
    position: absolute;
    right: -10px;
    top: -80px;
}

.draggable-element.active.Abigali1 {
    transform: rotate(-30.354deg) !important;
}

.draggable-element.Abigali2 {
    position: absolute;
    right: -11px;
    top: 20px;
}

.draggable-element.active.Abigali2 {
    transform: rotate(107.305deg) !important;
}

.draggable-element.amella {
    position: absolute;
    right: 123px;
    top: -23px;
}

.draggable-element.active.amella {
    transform: rotate(30.354deg) !important;
}

.draggable-element.liam {
    position: absolute;
    right: 4px;
    top: 112px;
}

.draggable-element.active.liam {
    transform: rotate(-5.354deg) !important;
}

.draggable-element.william {
    position: absolute;
    right: -52px;
    bottom: 80px;
}

.draggable-element.active.william {
    transform: rotate(-165.423deg) !important;
}

.draggable-element.william1 {
    position: absolute;
    right: -92px;
    top: 80px;
}

.draggable-element.active.william1 {
    transform: rotate(43.618deg) !important;
}

.draggable-element.Mia {
    position: absolute;
    right: 90px;
    top: 50px;
}

.draggable-element.active.Mia {
    transform: rotate(16.701deg) !important;
}

.draggable-element.Noah {
    position: absolute;
    right: 172px;
    top: 35px;
}

.draggable-element.active.Noah {
    transform: rotate(40.986deg) !important;
}

.draggable-element.Noah1 {
    position: absolute;
    right: 50px;
    top: -50px;
}

.draggable-element.active.Noah1 {
    transform: rotate(84.855deg) !important;
}

.draggable-element.Jackson {
    position: absolute;
    right: 100px;
    top: 100px;
}

.draggable-element.active.Jackson {
    transform: rotate(-22.439deg) !important;
}

.icon_bg img {
    filter: contrast(100%) grayscale(1) brightness(3);
    transition: all 0.3s;
}

.light-mode .icon_bg img {
    filter: contrast(100%) grayscale(1) brightness(0);
}

.icon_bg:hover img {
    filter: inherit;
}

.payment_input {
    top: 62px;
}

.type_size {
    width: 200px;
}

.wd_process .login_heading,
.inproccess_model .text_mask {
    background-image: url(../imgs/text/text_Back.png);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: right;
}

.scaner_line {
    display: block;
    width: 144px;
    height: 5px;
    background-color: var(--yellow);
}

.userwarning {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F9CA4820;
    padding: 10px 25px;
}

.flag_india {
    border-radius: 3px;
    width: 18px;
    object-fit: cover;
}

.p2pmerchant .my_detail {
    border-bottom: 0;
}

.save_icon {
    background-color: var(--dark-bg);
    display: flex;
    width: 45px;
    height: 43px;
    align-items: center;
    justify-content: center;
}

.save_btn {
    top: 2px !important;
    right: 2px !important;
    z-index: 1;
}

.standard_p2p {
    max-width: 610px;
    width: 100%;
    margin-top: 50px;
}

.security-featur-round {
    position: relative;
}

.status_p2p {
    position: absolute;
    top: -2px;
    right: -2px;
}

.footer_space_remove+.footer.mt50 {
    margin-top: 0 !important;
}

.inproccess {
    height: 80px;
    width: 80px;
    border: 1px solid var(--border);
    border-radius: 3px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inproccess_model {
    padding: 30px;
    border: 1px solid var(--border);
}

.modal-content.inproccess_model::after {
    content: inherit;
}

.footer_menu .menu_list a:is(:hover, :focus) {
    color: var(--white);
}

.amount_icons .con_max {
    top: 56px;
}

.save_button {
    position: relative;
    z-index: 2;
    background-color: transparent !important;
}

.btn_animate {
    display: flex;
    gap: 5px;
    position: absolute;
    top: -20px;
    z-index: 0;
    left: -37px;
    animation: move_right 2s infinite;
    animation-delay: 2.4s;
}

.btn_animate div {
    width: 15px;
    height: 90px;
    background-color: var(--white);
    transform: rotate(25deg);
    z-index: 1;
}

.btn_animate div.small_line {
    width: 5px;
}

.road_section .row>:nth-last-child(-n+1) .steps::after {
    display: none;
}

@keyframes move_right {
    0% {
        left: 0;
    }

    100% {
        left: 105%;
    }
}

.chat_aria {
    max-width: 355px;
    width: 100%;
}

.main_body .chat_gap>:not(:nth-last-child(-n+2)) {
    margin-bottom: 40px;
}

.send_icon {
    position: absolute;
    top: 13px;
    right: 15px;
}

.attach_posi {
    right: 50px;
}

.user_chat_logo {
    width: 44px;
    height: 44px;
}

.main_body::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.standard_p2p.ctms {
    max-width: 449px;
}

.h129 {
    height: 129px;
}

.form-check-input.payment_box {
    border: 1px solid var(--dullfont);

}

.pro_round {
    display: flex;
    height: 29px;
    padding: 3px 10px 3px 3px;
    border-radius: 20px;
    background-color: var(--border);
}

.pro_round img {
    height: 23px;
    width: 23px;
    border-radius: 23px;
}

.form-check-input:checked[type=checkbox] {
    border-color: var(--blue);
}

.myadd_tab th {
    padding: 0.5rem 0.5rem;
    border-bottom: none;
    border-top: none;
}

.inreview {
    opacity: 0.7;
}

.box40 {
    display: flex;
    align-items: end;
    justify-content: center;
    height: 40px;
    width: 40px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid var(--border);
    background-color: var(--border);
}

.box40.copybox {
    height: 90px;
    width: 90px;
}

.box40 p {
    color: var(--dullfont);
    font-size: 19px;
    font-weight: 500;
}

.box40.copybox p {
    font-size: 45px;
}

.profile_status.package_detail {
    gap: 5%;
}

.pair_icon_list img {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    margin-left: -5px;
}

.pair_icon_list button {
    margin-left: -5px;
}

.pair_icon_list img:first-child {
    margin-left: 0;
}

.package_chart {
    max-height: 500px;
    height: 500px;
    background-color: var(--bg);
    border: 1px solid var(--border);
    border-radius: 3px;
    padding: 20px;
}

.box250 {
    max-width: 250px;
    width: 100%;
    margin: 40px auto 0 auto;
}

.p2p_buy_border {
    border-left: 3px solid var(--green) !important;
}

.p2p_sell_border {
    border-left: 3px solid var(--red) !important;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.ctms_pair {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ctms_pair img {
    height: 20px;
    width: 20px;
    border-radius: 20px;
}

.succ_box {
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin: 0 auto;
    background-color: var(--bg);
    border: 1px solid var(--border);
}

.parcentag .con_max {
    top: 12px;
}

img.status_icon {
    width: 16px;
    height: 16px;
}

.form-control.input_control.search_control {
    height: 40px;
    background-color: var(--bg);
}

.footer_qr {
    width: 160px;
    height: 161px;
    background-color: var(--white);
    padding: 15px;
}

.footer_qr svg path {
    fill: var(--dark-bg);
}

.table>:not(caption)>*>* {
    padding: 0.6rem 0.5rem;
}

.svg_market_size {
    height: 35px;
    width: 35px;
}

.width33 {
    width: 33.33%;
}

.internal_qrcode {
    height: 144px;
    width: 144px;
    background-color: var(--bg);
    padding: 8px;
}

.internal_qrcode canvas {
    height: 128px !important;
    width: 128px !important;
}

.ct-text {
    color: #fff;
}

.form-check-input+.form-label.login_lable {
    width: calc(100% - 16px);
}


.container {
    position: relative;
}

.page {
    position: absolute;
    left: 15px;
    right: 15px;
}

.page-enter {
    opacity: 0;
    transform: scale(1.1);
}

.page-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 300ms, transform 300ms;
}

.page-exit {
    opacity: 1;
    transform: scale(1);
}

.page-exit-active {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
}

.coin_size img {
    height: 40px;
    width: 40px;
}

.footer_space_remove+.footer {
    margin-top: 0 !important;
}

.bg_gradiunt_blue {
    background: linear-gradient(0deg, #1779ff2b 0%, rgba(8, 11, 15, 0.00) 30%);
}

.announce_body a:last-child hr {
    display: none;
}

.footer_icon img {
    filter: grayscale(100%);
    transition: all 0.3s;
    width: 24px;
}

.footer_icon:hover img {
    filter: grayscale(0%);
}

.hero_p svg {
    animation: round 3s infinite linear;
}

@keyframes round {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.chart_on_btn {
    position: absolute;
    right: 20px;
    z-index: 1;
}

.announce_body a {
    text-decoration: none;
}

.main_btn .text_white {
    color: #ffffff !important;
}

/* api management css start */

.api_management {
    border-left: 2px solid var(--yellow);
}

.api_tag {
    background-color: #26A17B20;
    border-radius: 3px;
    padding: 3px 7px;
    color: #26A17B;
    height: 22px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}

.save_api {
    background-color: var(--yellow);
    color: var(--bg) !important;
}

.api_accordion .accordion-item {
    background-color: transparent;
}

.api_accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    padding: 0;
}

.api_accordion .accordion-button {
    background-color: transparent;
    padding: 0;
}

.api_accordion .accordion-button::after {
    display: none;
}

.edit_delete {
    display: flex;
}

.save_cancel {
    display: none;
}

.api_accordion .accordion-body {
    padding: 0;
}

.api_key {
    font-size: 18px;
    font-weight: 400;
}

.light-mode .light_mode.hide_balance {
    background-color: #C0CCDD !important;
}

.light-mode .light_mode.hide_balance .text_dark {
    color: #111111 !important;
}

.light-mode .light_mode.hide_balance.bg_white {
    background-color: #ffffff !important;
}

.light-mode .light_mode.hide_balance.bg_white svg path {
    fill: #111111 !important;
}

.modal-content {
    border-radius: 3px;
}

.light-mode .color_dark.securitytab .btn.gray_button.border_success:hover,
.btn.gray_button.border_success:hover {
    color: #111111 !important;
    background-color: var(--buy);
}

.light-mode .color_dark.securitytab .btn.gray_button.border_danger:hover,
.btn.gray_button.border_danger:hover {
    color: #ffffff !important;
    background-color: var(--red);
}
.light-mode span.bg_white.text_dark.px-2.rounded.sb12 {
    background-color: #C0CCDD !important;
    color: #111111 !important;
}